@hybridcore/ui 1.6.0 → 1.6.2

package/dist/components/instance-form/index.js

@@ -1,77 +1,35 @@
-import { jsx as t, jsxs as c, Fragment as pe } from "react/jsx-runtime";
-import Fe from "lodash";
-import p, { useRef as ke } from "react";
-import { useForm as Ee, Controller as h } from "react-hook-form";
-import { Box as l, Typography as y, TextField as x, FormHelperText as ve, FormGroup as Pe, FormControlLabel as ye, Checkbox as ge, Button as C } from "@mui/material";
-import { getNestedChildrenFromMap as Re } from "../../utils/ontology.js";
-import { ConditionalWrapper as m } from "../conditional-wrapper/index.js";
+import { jsxs as s, jsx as t, Fragment as se } from "react/jsx-runtime";
+import { TextField as b, FormControlLabel as me, Checkbox as ue } from "@mui/material";
+import pe from "react";
+import { Controller as u } from "react-hook-form";
+import { ConditionalWrapper as d } from "../conditional-wrapper/index.js";
 import { Container as Be } from "../container/index.js";
-import { DisseminationList as Ae } from "../data-security-selectors/dissemination-list/index.js";
-import { SecurityLevel as De } from "../data-security-selectors/security-level/index.js";
-import { i as Ne, d as _e } from "../../utils-Bq0ye5vf.js";
-import { TreeSelect as We } from "../tree-select/index.js";
-import qe from "./components/policy-list/index.js";
-import L from "./components/TopLabelWrapper.js";
-import $e from "./components/variables/index.js";
-const Ke = {
-  alg: "A256GCM",
-  ext: !0,
-  k: "_El6rHQxC5E7NdO5DiMDITjF7f65wrlaJmFVagVE9Ic",
-  key_ops: ["encrypt", "decrypt"],
-  kty: "oct"
-};
-function Me(e, be) {
-  var P, R, B, A, D, N, _, W, q, $, K, M, U, j, G, H, J, Q, Y, z, X, Z, ee, te, ie, ne, le, ae, de, re, oe, ce, se, me, fe, ue;
-  const V = ke(null), {
-    register: S,
-    handleSubmit: xe,
-    control: f,
-    formState: { errors: Te, isDirty: F },
-    getValues: k,
-    setValue: T,
-    reset: we,
-    watch: I
-  } = Ee({
-    defaultValues: e.defaultValues
-  }), a = (e == null ? void 0 : e.labelPosition) ?? "default", [Ie, Oe] = p.useState([]), [w, E] = p.useState(), [Ue, Ce] = p.useState(0), Le = p.useMemo(() => {
-    const i = [];
-    return e.mappedTemplates.forEach((n) => {
-      n.creatable || i.push(String(n.id));
-    }), i;
-  }, [e.mappedTemplates]);
-  p.useEffect(() => {
-    (async () => {
-      const i = { ...e.defaultValues }, n = e.mappedTemplates.get(i.templateId);
-      if (n) {
-        const r = n.properties.filter(
-          (o) => o.privacyPreservationMethod === "ENCRYPTION"
-        );
-        if (r.length > 0)
-          for (let o = 0; o < r.length; o++) {
-            const d = r[o], s = Fe.get(i, `variables.${d.propertyId}`);
-            if (s && e.keyAuth) {
-              const u = await Ne(Ke), g = await _e(u, String(s));
-              g.data && (T(`variables.${d.propertyId}`, g.data), Ce((b) => b + 1));
-            }
-          }
-      }
-    })();
-  }, [e.defaultValues, e.mappedTemplates, e.keyAuth]);
-  const O = () => {
-    const i = k("templateId");
-    w && E(void 0);
-    const n = Re(e.mappedTemplates);
-    Oe(n);
-    for (const r of e.mappedTemplates.values())
-      if (r.id === i) {
-        E(r);
-        break;
-      }
-  };
-  p.useImperativeHandle(be, () => ({
+import { DisseminationList as Re } from "../data-security-selectors/dissemination-list/index.js";
+import { SecurityLevel as Pe } from "../data-security-selectors/security-level/index.js";
+import { TreeSelect as ke } from "../tree-select/index.js";
+import { PolicyList as We } from "./components/policy-list/index.js";
+import g from "./components/TopLabelWrapper.js";
+import { Variables as Ae } from "./components/variables/index.js";
+import { leftLayoutWrapper as h } from "./helpers.js";
+import { useInstanceFormLogic as De } from "./logic.js";
+import { InstanceFormForm as Ee, FieldContainer as p, CharCount as fe, TemplateGroup as qe, SecurityLevelContainer as Ue, ActionsRow as Ne, CancelButton as $e, SaveButtonsContainer as Ge, SaveButton as he, InstanceFormRoot as _e, CONTAINER_SX as je } from "./styled.js";
+function He(e, ve) {
+  var V, w, S, F, B, R, P, k, W, A, D, E, q, U, N, $, G, _, j, H, X, z, J, K, M, Q, Y, Z, ee, te, ie, ne, ae, le, re, de;
+  const { refs: T, state: be, form: Ce, actions: o } = De(e), {
+    ownerState: y,
+    templates: Oe,
+    selectedTemplate: xe,
+    disabledTemplates: Le,
+    labelPosition: n,
+    loading: C,
+    hasPolicyList: ge,
+    errors: Te,
+    isDirty: ye
+  } = be, { register: I, handleSubmit: Ie, control: m, getValues: Ve, setValue: O, reset: we, watch: x } = Ce;
+  pe.useImperativeHandle(ve, () => ({
     requestSubmit() {
       var i;
-      (i = V.current) == null || i.requestSubmit();
+      (i = T.formRef.current) == null || i.requestSubmit();
     },
     resetForm() {
       we({
@@ -79,501 +37,427 @@ function Me(e, be) {
         description: "",
         templateId: 0,
         variables: {}
-      }), O();
+      }), o.handleTemplates();
     },
-    setFormValue(i, n) {
-      T(i, n);
+    setFormValue(i, a) {
+      O(i, a);
     },
     getFormValue(i) {
-      return k(i);
+      return Ve(i);
     },
     isDirty() {
-      return F;
+      return ye;
     },
     getWatchedValue(i) {
-      return I(i);
-    }
-  })), p.useEffect(() => (O(), () => {
-  }), [e.mappedTemplates]), p.useEffect(() => {
-    e.onSelectedTemplateChange && e.onSelectedTemplateChange(w);
-  }, [w]);
-  const Ve = () => {
-    if (e.onCancel) {
-      e.onCancel(F);
-      return;
+      return x(i);
     }
-  }, v = (i) => {
-    var o, d;
-    if (!i) return;
-    const n = (d = (o = e == null ? void 0 : e.fieldOptions) == null ? void 0 : o[i]) == null ? void 0 : d.maxChar;
-    return n != null && !Number.isNaN(Number(n)) ? Number(n) : void 0;
-  };
-  return /* @__PURE__ */ t(
-    m,
+  }));
+  const Se = /* @__PURE__ */ s(
+    Ee,
     {
-      condition: e.variant === void 0 || e.variant === "inline",
-      wrapper: (i) => /* @__PURE__ */ t(
-        Be,
-        {
-          disableHeader: !0,
-          sx: { position: "relative", overflow: "visible" },
-          children: i
-        }
-      ),
-      children: /* @__PURE__ */ c(
-        "form",
-        {
-          ref: V,
-          onSubmit: xe(e.onSubmit),
-          style: { display: "flex", flexDirection: "column" },
-          children: [
-            !((R = (P = e.fieldOptions) == null ? void 0 : P.title) != null && R.hidden) && /* @__PURE__ */ t(
-              m,
-              {
-                condition: a === "left",
-                wrapper: (i) => /* @__PURE__ */ c(l, { display: "flex", alignItems: "center", children: [
-                  /* @__PURE__ */ t(y, { width: "32%", children: "Title *" }),
-                  /* @__PURE__ */ t(l, { width: "68%", children: i })
-                ] }),
-                children: /* @__PURE__ */ c(l, { mb: 2, children: [
-                  /* @__PURE__ */ t(
-                    m,
-                    {
-                      condition: a === "top",
-                      wrapper: L("Title", !0),
-                      children: /* @__PURE__ */ t(
-                        x,
-                        {
-                          label: a === "default" ? "Title *" : void 0,
-                          variant: e.inputVariant,
-                          placeholder: ((A = (B = e.fieldOptions) == null ? void 0 : B.title) == null ? void 0 : A.placeholder) ?? "",
-                          inputProps: v("title") ? { maxLength: v("title") } : void 0,
-                          fullWidth: !0,
-                          ...S("title", { required: !0 }),
-                          ...Te.title && {
-                            helperText: "This field is required!",
-                            error: !0
-                          }
-                        }
-                      )
-                    }
-                  ),
-                  v("title") && /* @__PURE__ */ t(ve, { sx: { textAlign: "right", mt: 0.5 }, children: `${(D = I("title")) == null ? void 0 : D.length}/${v("title")}` }),
-                  e.fieldOptions && ((N = e.fieldOptions.title) == null ? void 0 : N.helperText)
-                ] })
-              }
-            ),
-            !((W = (_ = e.fieldOptions) == null ? void 0 : _.description) != null && W.hidden) && /* @__PURE__ */ t(pe, { children: ($ = (q = e.fieldOptions) == null ? void 0 : q.description) != null && $.component ? e.fieldOptions.description.component : (
-              // Otherwise fallback to TextField
+      ref: T.formRef,
+      onSubmit: Ie(e.onSubmit),
+      children: [
+        !((w = (V = e.fieldOptions) == null ? void 0 : V.title) != null && w.hidden) && /* @__PURE__ */ t(
+          d,
+          {
+            condition: n === "left",
+            wrapper: h("Title *"),
+            children: /* @__PURE__ */ s(p, { children: [
               /* @__PURE__ */ t(
-                m,
+                d,
                 {
-                  condition: a === "left",
-                  wrapper: (i) => /* @__PURE__ */ c(l, { display: "flex", alignItems: "center", children: [
-                    /* @__PURE__ */ t(y, { width: "32%", children: "Description" }),
-                    /* @__PURE__ */ t(l, { width: "68%", children: i })
-                  ] }),
-                  children: /* @__PURE__ */ c(l, { mb: 2, children: [
-                    /* @__PURE__ */ t(
-                      m,
-                      {
-                        condition: a === "top",
-                        wrapper: L("Description", !1),
-                        children: /* @__PURE__ */ t(
-                          x,
-                          {
-                            label: a === "default" ? "Description" : void 0,
-                            inputProps: v("description") ? { maxLength: v("description") } : void 0,
-                            placeholder: ((M = (K = e.fieldOptions) == null ? void 0 : K.description) == null ? void 0 : M.placeholder) ?? "",
-                            variant: e.inputVariant,
-                            fullWidth: !0,
-                            multiline: !0,
-                            minRows: (j = (U = e.fieldOptions) == null ? void 0 : U.description) == null ? void 0 : j.minRows,
-                            ...S("description")
-                          }
-                        )
-                      }
-                    ),
-                    v("description") && /* @__PURE__ */ t(ve, { sx: { textAlign: "right", mt: 0.5 }, children: `${(G = I("description")) == null ? void 0 : G.length}/${v(
-                      "description"
-                    )}` }),
-                    (J = (H = e.fieldOptions) == null ? void 0 : H.description) == null ? void 0 : J.helperText
-                  ] })
-                }
-              )
-            ) }),
-            !((Y = (Q = e.fieldOptions) == null ? void 0 : Q.templateId) != null && Y.hidden) && /* @__PURE__ */ t(
-              m,
-              {
-                condition: a === "left",
-                wrapper: (i) => /* @__PURE__ */ c(l, { display: "flex", alignItems: "center", children: [
-                  /* @__PURE__ */ t(y, { width: "32%", children: "Template" }),
-                  /* @__PURE__ */ t(l, { width: "68%", children: i })
-                ] }),
-                children: /* @__PURE__ */ c(Pe, { sx: { mb: 2 }, children: [
-                  /* @__PURE__ */ t(
-                    m,
+                  condition: n === "top",
+                  wrapper: g("Title", !0),
+                  children: /* @__PURE__ */ t(
+                    b,
                     {
-                      condition: a === "top",
-                      wrapper: L("Template", !1),
-                      children: /* @__PURE__ */ t(
-                        h,
-                        {
-                          name: "templateId",
-                          control: f,
-                          render: ({ field: { value: i, onChange: n } }) => {
-                            var r, o;
-                            if ((o = (r = e.fieldOptions) == null ? void 0 : r.templateId) != null && o.disabled) {
-                              const d = i ? e.mappedTemplates.get(i) : void 0;
-                              return /* @__PURE__ */ t(
-                                x,
-                                {
-                                  label: a === "default" ? "Template" : void 0,
-                                  variant: e.inputVariant,
-                                  fullWidth: !0,
-                                  disabled: !0,
-                                  value: d == null ? void 0 : d.name,
-                                  InputLabelProps: {
-                                    shrink: a === "default" ? !0 : void 0
-                                  }
-                                }
-                              );
-                            }
-                            return /* @__PURE__ */ t(
-                              We,
-                              {
-                                label: a === "default" ? "Template" : void 0,
-                                data: Ie,
-                                selected: i === 0 ? "" : [String(i)],
-                                disabled: Le,
-                                variant: e.inputVariant,
-                                onChange: (d, s) => {
-                                  const u = {
-                                    target: {
-                                      value: s ? Number(d) : 0
-                                    }
-                                  };
-                                  n(u), O();
-                                }
-                              }
-                            );
-                          }
-                        }
-                      )
-                    }
-                  ),
-                  e.fieldOptions && ((z = e.fieldOptions.templateId) == null ? void 0 : z.helperText)
-                ] })
-              }
-            ),
-            "aliasList" in e.defaultValues && !((Z = (X = e.fieldOptions) == null ? void 0 : X.aliasList) != null && Z.hidden) && /* @__PURE__ */ t(
-              h,
-              {
-                name: "aliasList",
-                control: f,
-                render: ({ field: { value: i, onChange: n, ...r } }) => {
-                  var d;
-                  const o = (s) => {
-                    const b = {
-                      target: {
-                        value: s.target.value.split(",").map((he) => he.trimStart())
+                      label: n === "default" ? "Title *" : void 0,
+                      variant: e.inputVariant,
+                      placeholder: ((F = (S = e.fieldOptions) == null ? void 0 : S.title) == null ? void 0 : F.placeholder) ?? "",
+                      inputProps: o.maxCharValidation("title") ? { maxLength: o.maxCharValidation("title") } : void 0,
+                      fullWidth: !0,
+                      ...I("title", { required: !0 }),
+                      ...Te.title && {
+                        helperText: "This field is required!",
+                        error: !0
                       }
-                    };
-                    n(b);
-                  };
-                  return /* @__PURE__ */ t(
-                    m,
-                    {
-                      condition: a === "left",
-                      wrapper: (s) => /* @__PURE__ */ c(l, { display: "flex", alignItems: "center", children: [
-                        /* @__PURE__ */ t(y, { width: "32%", children: "Alias List" }),
-                        /* @__PURE__ */ t(l, { width: "68%", children: s })
-                      ] }),
-                      children: /* @__PURE__ */ c(l, { mb: 2, children: [
-                        /* @__PURE__ */ t(
-                          x,
-                          {
-                            label: a === "default" ? "Alias List" : void 0,
-                            variant: e.inputVariant,
-                            fullWidth: !0,
-                            value: i,
-                            helperText: "Add list values with the comma (,) separated string",
-                            onChange: o,
-                            ...r
-                          }
-                        ),
-                        e.fieldOptions && ((d = e.fieldOptions.aliasList) == null ? void 0 : d.helperText)
-                      ] })
                     }
-                  );
+                  )
                 }
-              }
-            ),
-            "appliedPolicies" in e.defaultValues && !((te = (ee = e.fieldOptions) == null ? void 0 : ee.appliedPolicies) != null && te.hidden) && /* @__PURE__ */ t(
-              h,
-              {
-                name: "appliedPolicies",
-                control: f,
-                render: ({ field: { value: i, onChange: n } }) => {
-                  var r;
-                  return /* @__PURE__ */ t(
-                    m,
+              ),
+              o.maxCharValidation("title") && /* @__PURE__ */ t(fe, { children: `${(B = x("title")) == null ? void 0 : B.length}/${o.maxCharValidation("title")}` }),
+              e.fieldOptions && ((R = e.fieldOptions.title) == null ? void 0 : R.helperText)
+            ] })
+          }
+        ),
+        !((k = (P = e.fieldOptions) == null ? void 0 : P.description) != null && k.hidden) && /* @__PURE__ */ t(se, { children: (A = (W = e.fieldOptions) == null ? void 0 : W.description) != null && A.component ? e.fieldOptions.description.component : /* @__PURE__ */ t(
+          d,
+          {
+            condition: n === "left",
+            wrapper: h("Description"),
+            children: /* @__PURE__ */ s(p, { children: [
+              /* @__PURE__ */ t(
+                d,
+                {
+                  condition: n === "top",
+                  wrapper: g("Description", !1),
+                  children: /* @__PURE__ */ t(
+                    b,
                     {
-                      condition: a === "left",
-                      wrapper: (o) => /* @__PURE__ */ c(l, { display: "flex", alignItems: "center", children: [
-                        /* @__PURE__ */ t(y, { width: "32%", children: "Policy List" }),
-                        /* @__PURE__ */ t(l, { width: "68%", children: o })
-                      ] }),
-                      children: /* @__PURE__ */ c(l, { mb: 2, children: [
-                        /* @__PURE__ */ t(
-                          qe,
-                          {
-                            policyList: e.policyList,
-                            labelPosition: a,
-                            value: i || void 0,
-                            onChange: n
-                          }
-                        ),
-                        e.fieldOptions && ((r = e.fieldOptions.appliedPolicies) == null ? void 0 : r.helperText)
-                      ] })
+                      label: n === "default" ? "Description" : void 0,
+                      inputProps: o.maxCharValidation("description") ? {
+                        maxLength: o.maxCharValidation("description")
+                      } : void 0,
+                      placeholder: ((E = (D = e.fieldOptions) == null ? void 0 : D.description) == null ? void 0 : E.placeholder) ?? "",
+                      variant: e.inputVariant,
+                      fullWidth: !0,
+                      multiline: !0,
+                      minRows: (U = (q = e.fieldOptions) == null ? void 0 : q.description) == null ? void 0 : U.minRows,
+                      ...I("description")
                     }
-                  );
+                  )
                 }
-              }
-            ),
-            /* @__PURE__ */ t(
-              h,
-              {
-                name: "variables",
-                control: f,
-                render: ({ field: { value: i, onChange: n } }) => /* @__PURE__ */ t(
-                  $e,
-                  {
-                    template: w,
-                    value: i,
-                    mapboxAccessToken: e.mapboxAccessToken,
-                    variant: e.inputVariant,
-                    labelPosition: a,
-                    fieldOptions: e.fieldOptions,
-                    onChange: n
-                  }
-                )
-              }
-            ),
-            "fileInBase64" in e.defaultValues && !((ne = (ie = e.fieldOptions) == null ? void 0 : ie.fileInBase64) != null && ne.hidden) && /* @__PURE__ */ c(pe, { children: [
+              ),
+              o.maxCharValidation("description") && /* @__PURE__ */ t(fe, { children: `${(N = x("description")) == null ? void 0 : N.length}/${o.maxCharValidation(
+                "description"
+              )}` }),
+              (G = ($ = e.fieldOptions) == null ? void 0 : $.description) == null ? void 0 : G.helperText
+            ] })
+          }
+        ) }),
+        !((j = (_ = e.fieldOptions) == null ? void 0 : _.templateId) != null && j.hidden) && /* @__PURE__ */ t(
+          d,
+          {
+            condition: n === "left",
+            wrapper: h("Template"),
+            children: /* @__PURE__ */ s(qe, { children: [
               /* @__PURE__ */ t(
-                h,
+                d,
                 {
-                  name: "fileInBase64",
-                  control: f,
-                  render: ({ field: { onChange: i, value: n, ...r } }) => {
-                    var d;
-                    const o = (s) => {
-                      if (s.target.files) {
-                        const u = new FileReader();
-                        u.onload = async (b) => {
-                          const Se = b.target.result.split("base64,")[1];
-                          i(Se);
-                        };
-                        const g = s.target.files[0];
-                        T("originalFileName", g.name), T("contentType", g.type), u.readAsDataURL(g);
-                      }
-                    };
-                    return /* @__PURE__ */ t(
-                      m,
-                      {
-                        condition: a === "left",
-                        wrapper: (s) => /* @__PURE__ */ c(l, { display: "flex", alignItems: "center", children: [
-                          /* @__PURE__ */ t(y, { width: "32%", children: "File to Upload" }),
-                          /* @__PURE__ */ t(l, { width: "68%", children: s })
-                        ] }),
-                        children: /* @__PURE__ */ c(l, { mb: 2, children: [
-                          /* @__PURE__ */ t(
-                            x,
+                  condition: n === "top",
+                  wrapper: g("Template", !1),
+                  children: /* @__PURE__ */ t(
+                    u,
+                    {
+                      name: "templateId",
+                      control: m,
+                      render: ({ field: { value: i, onChange: a } }) => {
+                        var r, c;
+                        if ((c = (r = e.fieldOptions) == null ? void 0 : r.templateId) != null && c.disabled) {
+                          const l = i ? e.templates.get(i) : void 0;
+                          return /* @__PURE__ */ t(
+                            b,
                             {
-                              type: "file",
-                              label: a === "default" ? "File to Upload" : void 0,
+                              label: n === "default" ? "Template" : void 0,
                               variant: e.inputVariant,
                               fullWidth: !0,
-                              helperText: "Select a file to upload",
-                              InputLabelProps: { shrink: !0 },
-                              onChange: o,
-                              ...r
+                              disabled: !0,
+                              value: l == null ? void 0 : l.name,
+                              InputLabelProps: {
+                                shrink: n === "default" ? !0 : void 0
+                              }
+                            }
+                          );
+                        }
+                        return /* @__PURE__ */ t(
+                          ke,
+                          {
+                            label: n === "default" ? "Template" : void 0,
+                            data: Oe,
+                            selected: i === 0 ? "" : [String(i)],
+                            disabled: Le,
+                            variant: e.inputVariant,
+                            onChange: (l, f) => {
+                              const v = {
+                                target: { value: f ? Number(l) : 0 }
+                              };
+                              a(v), o.handleTemplates();
                             }
-                          ),
-                          e.fieldOptions && ((d = e.fieldOptions.fileInBase64) == null ? void 0 : d.helperText)
-                        ] })
+                          }
+                        );
                       }
-                    );
-                  }
+                    }
+                  )
                 }
               ),
-              !((ae = (le = e.fieldOptions) == null ? void 0 : le.redacted) != null && ae.hidden) && /* @__PURE__ */ t(
-                m,
+              e.fieldOptions && ((H = e.fieldOptions.templateId) == null ? void 0 : H.helperText)
+            ] })
+          }
+        ),
+        "aliasList" in (e.values ?? {}) && !((z = (X = e.fieldOptions) == null ? void 0 : X.aliasList) != null && z.hidden) && /* @__PURE__ */ t(
+          u,
+          {
+            name: "aliasList",
+            control: m,
+            render: ({ field: { value: i, onChange: a, ...r } }) => {
+              var l;
+              const c = (f) => {
+                const L = f.target.value.split(",").map((oe) => oe.trimStart());
+                a({ target: { value: L } });
+              };
+              return /* @__PURE__ */ t(
+                d,
                 {
-                  condition: a === "left",
-                  wrapper: (i) => /* @__PURE__ */ c(l, { display: "flex", alignItems: "center", children: [
-                    /* @__PURE__ */ t(y, { width: "32%", children: "Redacted" }),
-                    /* @__PURE__ */ t(l, { width: "68%", children: i })
-                  ] }),
-                  children: /* @__PURE__ */ c(l, { mb: 2, children: [
+                  condition: n === "left",
+                  wrapper: h("Alias List"),
+                  children: /* @__PURE__ */ s(p, { children: [
                     /* @__PURE__ */ t(
-                      ye,
+                      b,
                       {
-                        control: /* @__PURE__ */ t(
-                          h,
-                          {
-                            name: "redacted",
-                            control: f,
-                            render: ({ field: { value: i, ...n } }) => /* @__PURE__ */ t(ge, { checked: !!i, ...n })
-                          }
-                        ),
-                        label: a === "default" ? "Redacted" : void 0
+                        label: n === "default" ? "Alias List" : void 0,
+                        variant: e.inputVariant,
+                        fullWidth: !0,
+                        value: i,
+                        helperText: "Add list values with the comma (,) separated string",
+                        onChange: c,
+                        ...r
                       }
                     ),
-                    e.fieldOptions && ((de = e.fieldOptions.redacted) == null ? void 0 : de.helperText)
+                    e.fieldOptions && ((l = e.fieldOptions.aliasList) == null ? void 0 : l.helperText)
                   ] })
                 }
-              ),
-              !((oe = (re = e.fieldOptions) == null ? void 0 : re.contentEncrypted) != null && oe.hidden) && /* @__PURE__ */ t(
-                m,
+              );
+            }
+          }
+        ),
+        ge && "appliedPolicies" in (e.values ?? {}) && !((K = (J = e.fieldOptions) == null ? void 0 : J.appliedPolicies) != null && K.hidden) && /* @__PURE__ */ t(
+          u,
+          {
+            name: "appliedPolicies",
+            control: m,
+            render: ({ field: { value: i, onChange: a } }) => {
+              var r;
+              return /* @__PURE__ */ t(
+                d,
                 {
-                  condition: a === "left",
-                  wrapper: (i) => /* @__PURE__ */ c(l, { display: "flex", alignItems: "center", children: [
-                    /* @__PURE__ */ t(y, { width: "32%", children: "Content Encrypted" }),
-                    /* @__PURE__ */ t(l, { width: "68%", children: i })
-                  ] }),
-                  children: /* @__PURE__ */ c(l, { mb: 2, children: [
+                  condition: n === "left",
+                  wrapper: h("Policy List"),
+                  children: /* @__PURE__ */ s(p, { children: [
                     /* @__PURE__ */ t(
-                      ye,
+                      We,
                       {
-                        control: /* @__PURE__ */ t(
-                          h,
-                          {
-                            name: "contentEncrypted",
-                            control: f,
-                            render: ({ field: { value: i, ...n } }) => /* @__PURE__ */ t(ge, { checked: !!i, ...n })
-                          }
-                        ),
-                        label: a === "default" ? "Content Encrypted" : void 0
+                        policyList: e.policyList ?? [],
+                        labelPosition: n,
+                        value: i || void 0,
+                        onChange: a
                       }
                     ),
-                    e.fieldOptions && ((ce = e.fieldOptions.contentEncrypted) == null ? void 0 : ce.helperText)
+                    e.fieldOptions && ((r = e.fieldOptions.appliedPolicies) == null ? void 0 : r.helperText)
                   ] })
                 }
-              )
-            ] }),
-            !((me = (se = e.fieldOptions) == null ? void 0 : se.disseminationList) != null && me.hidden) && /* @__PURE__ */ t(
-              h,
+              );
+            }
+          }
+        ),
+        /* @__PURE__ */ t(
+          u,
+          {
+            name: "variables",
+            control: m,
+            render: ({ field: { value: i, onChange: a } }) => /* @__PURE__ */ t(
+              Ae,
               {
-                name: "disseminationList",
-                rules: {
-                  required: !0
-                },
-                control: f,
-                render: ({ field: { value: i, onChange: n }, fieldState: r }) => {
-                  const o = i || [], d = (s) => {
-                    n(s);
-                  };
-                  return /* @__PURE__ */ t(
-                    Ae,
-                    {
-                      selectedIds: o,
-                      memberedGroups: e.memberedGroups,
-                      showError: !!r.error,
-                      variant: e.inputVariant,
-                      labelPosition: a,
-                      onChange: d
-                    }
-                  );
-                }
+                template: xe,
+                value: i,
+                mapboxAccessToken: e.mapboxAccessToken,
+                variant: e.inputVariant,
+                labelPosition: n,
+                fieldOptions: e.fieldOptions,
+                onChange: a
               }
-            ),
-            !((ue = (fe = e.fieldOptions) == null ? void 0 : fe.securityLevelId) != null && ue.hidden) && /* @__PURE__ */ t(l, { mt: 2, children: /* @__PURE__ */ t(
-              h,
-              {
-                name: "securityLevelId",
-                rules: {
-                  required: !0
-                },
-                control: f,
-                render: ({ field: { value: i, onChange: n }, fieldState: r }) => {
-                  var d, s;
-                  const o = (u) => {
-                    n(u);
+            )
+          }
+        ),
+        "fileInBase64" in (e.values ?? {}) && !((Q = (M = e.fieldOptions) == null ? void 0 : M.fileInBase64) != null && Q.hidden) && /* @__PURE__ */ s(se, { children: [
+          /* @__PURE__ */ t(
+            u,
+            {
+              name: "fileInBase64",
+              control: m,
+              render: ({ field: { onChange: i, ...a } }) => {
+                var c;
+                const r = (l) => {
+                  if (!l.target.files) return;
+                  const f = new FileReader();
+                  f.onload = (L) => {
+                    var ce;
+                    const Fe = ((ce = L.target) == null ? void 0 : ce.result).split("base64,")[1];
+                    i(Fe);
                   };
-                  return /* @__PURE__ */ t(
-                    De,
-                    {
-                      value: i || 0,
-                      ontologyId: e.ontologyId,
-                      appRoles: e.appRoles,
-                      securityLevels: e.securityLevels,
-                      minLevelId: e.minSecurityLevel,
-                      templateKeys: (d = e.securityLevelConfig) == null ? void 0 : d.templateKeys,
-                      templateType: (s = e.securityLevelConfig) == null ? void 0 : s.templateType,
-                      showError: !!r.error,
-                      variant: e.inputVariant,
-                      labelPosition: a,
-                      onChange: o
-                    }
-                  );
-                }
-              }
-            ) }),
-            /* @__PURE__ */ c(
-              l,
-              {
-                display: "flex",
-                justifyContent: "space-between",
-                mt: 3,
-                width: "100%",
-                children: [
-                  e.onCancel && /* @__PURE__ */ t(
-                    C,
-                    {
-                      color: "primary",
-                      variant: "text",
-                      disabled: e.loading,
-                      sx: { textTransform: "none" },
-                      onClick: Ve,
-                      children: "Cancel"
-                    }
-                  ),
-                  /* @__PURE__ */ t(l, { sx: { flex: e.onCancel ? "none" : 1 }, children: e.customSaveButtons ? e.customSaveButtons : e.saveButtons ? e.saveButtons.map((i, n) => /* @__PURE__ */ t(
-                    C,
-                    {
-                      type: "submit",
-                      color: "primary",
-                      variant: "contained",
-                      disabled: e.loading,
-                      startIcon: i.icon,
-                      sx: { ml: 1, textTransform: "none" },
-                      onClick: i.onClick,
-                      children: i.label
-                    },
-                    n
-                  )) : /* @__PURE__ */ t(
-                    C,
-                    {
-                      type: "submit",
-                      color: "primary",
-                      variant: "contained",
-                      disabled: e.loading,
-                      sx: { textTransform: "none" },
-                      children: e.loading ? "Saving..." : "Save"
-                    }
-                  ) })
-                ]
+                  const v = l.target.files[0];
+                  O("originalFileName", v.name), O("contentType", v.type), f.readAsDataURL(v);
+                };
+                return /* @__PURE__ */ t(
+                  d,
+                  {
+                    condition: n === "left",
+                    wrapper: h("File to Upload"),
+                    children: /* @__PURE__ */ s(p, { children: [
+                      /* @__PURE__ */ t(
+                        b,
+                        {
+                          type: "file",
+                          label: n === "default" ? "File to Upload" : void 0,
+                          variant: e.inputVariant,
+                          fullWidth: !0,
+                          helperText: "Select a file to upload",
+                          InputLabelProps: { shrink: !0 },
+                          onChange: r,
+                          ...a
+                        }
+                      ),
+                      e.fieldOptions && ((c = e.fieldOptions.fileInBase64) == null ? void 0 : c.helperText)
+                    ] })
+                  }
+                );
               }
-            )
-          ]
-        }
-      )
+            }
+          ),
+          !((Z = (Y = e.fieldOptions) == null ? void 0 : Y.redacted) != null && Z.hidden) && /* @__PURE__ */ t(
+            d,
+            {
+              condition: n === "left",
+              wrapper: h("Redacted"),
+              children: /* @__PURE__ */ s(p, { children: [
+                /* @__PURE__ */ t(
+                  me,
+                  {
+                    control: /* @__PURE__ */ t(
+                      u,
+                      {
+                        name: "redacted",
+                        control: m,
+                        render: ({ field: { value: i, ...a } }) => /* @__PURE__ */ t(ue, { checked: !!i, ...a })
+                      }
+                    ),
+                    label: n === "default" ? "Redacted" : void 0
+                  }
+                ),
+                e.fieldOptions && ((ee = e.fieldOptions.redacted) == null ? void 0 : ee.helperText)
+              ] })
+            }
+          ),
+          !((ie = (te = e.fieldOptions) == null ? void 0 : te.contentEncrypted) != null && ie.hidden) && /* @__PURE__ */ t(
+            d,
+            {
+              condition: n === "left",
+              wrapper: h("Content Encrypted"),
+              children: /* @__PURE__ */ s(p, { children: [
+                /* @__PURE__ */ t(
+                  me,
+                  {
+                    control: /* @__PURE__ */ t(
+                      u,
+                      {
+                        name: "contentEncrypted",
+                        control: m,
+                        render: ({ field: { value: i, ...a } }) => /* @__PURE__ */ t(ue, { checked: !!i, ...a })
+                      }
+                    ),
+                    label: n === "default" ? "Content Encrypted" : void 0
+                  }
+                ),
+                e.fieldOptions && ((ne = e.fieldOptions.contentEncrypted) == null ? void 0 : ne.helperText)
+              ] })
+            }
+          )
+        ] }),
+        !((le = (ae = e.fieldOptions) == null ? void 0 : ae.disseminationList) != null && le.hidden) && /* @__PURE__ */ t(
+          u,
+          {
+            name: "disseminationList",
+            rules: { required: !0 },
+            control: m,
+            render: ({ field: { value: i, onChange: a }, fieldState: r }) => {
+              const c = i || [], l = (f) => {
+                a(f);
+              };
+              return /* @__PURE__ */ t(
+                Re,
+                {
+                  selectedIds: c,
+                  memberedGroups: e.memberedGroups,
+                  showError: !!r.error,
+                  variant: e.inputVariant,
+                  labelPosition: n,
+                  onChange: l
+                }
+              );
+            }
+          }
+        ),
+        !((de = (re = e.fieldOptions) == null ? void 0 : re.securityLevelId) != null && de.hidden) && /* @__PURE__ */ t(Ue, { children: /* @__PURE__ */ t(
+          u,
+          {
+            name: "securityLevelId",
+            rules: { required: !0 },
+            control: m,
+            render: ({ field: { value: i, onChange: a }, fieldState: r }) => {
+              const c = (l) => {
+                a(l);
+              };
+              return /* @__PURE__ */ t(
+                Pe,
+                {
+                  value: i || 0,
+                  securityLevels: e.securityLevels,
+                  showError: !!r.error,
+                  variant: e.inputVariant,
+                  labelPosition: n,
+                  onChange: c
+                }
+              );
+            }
+          }
+        ) }),
+        /* @__PURE__ */ s(Ne, { children: [
+          e.onCancel && /* @__PURE__ */ t(
+            $e,
+            {
+              color: "primary",
+              variant: "text",
+              disabled: C,
+              onClick: o.handleOnCancel,
+              children: "Cancel"
+            }
+          ),
+          /* @__PURE__ */ t(Ge, { ownerState: y, children: e.customSaveButtons ? e.customSaveButtons : e.saveButtons ? e.saveButtons.map((i, a) => /* @__PURE__ */ t(
+            he,
+            {
+              type: "submit",
+              color: "primary",
+              variant: "contained",
+              disabled: C,
+              startIcon: i.icon,
+              onClick: i.onClick,
+              children: i.label
+            },
+            a
+          )) : /* @__PURE__ */ t(
+            he,
+            {
+              type: "submit",
+              color: "primary",
+              variant: "contained",
+              disabled: C,
+              children: C ? "Saving..." : "Save"
+            }
+          ) })
+        ] })
+      ]
     }
   );
+  return /* @__PURE__ */ t(_e, { ownerState: y, sx: e.sx, children: /* @__PURE__ */ t(
+    d,
+    {
+      condition: e.variant === void 0 || e.variant === "inline",
+      wrapper: (i) => /* @__PURE__ */ t(Be, { disableHeader: !0, sx: je, children: i }),
+      children: Se
+    }
+  ) });
 }
-const dt = p.forwardRef(Me);
+const dt = pe.forwardRef(He);
 export {
   dt as InstanceForm
 };