@overmap-ai/forms 1.0.3-form-improvements.5 → 1.0.3-form-improvements.6

package/dist/forms.js

@@ -90,8 +90,8 @@ class M extends Ct {
   }
 }
 m(M, "fieldTypeName"), m(M, "fieldTypeDescription");
-const Pi = "_description_17zed_1", $e = {
-  description: Pi
+const Li = "_description_17zed_1", $e = {
+  description: Li
 }, W = (s) => {
   const { label: i, children: e, severity: t, inputId: n, labelId: o, flexProps: l } = s;
   return /* @__PURE__ */ r(y, { direction: "column", gap: "1", asChild: !0, ...l, children: /* @__PURE__ */ b("label", { htmlFor: n, children: [
@@ -128,8 +128,8 @@ const Pi = "_description_17zed_1", $e = {
     },
     { ...n, "aria-labelledby": p }
   ];
-}, Li = [!0, "true"], Vi = T(function(i) {
-  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: l, fieldProps: c }, a] = H(i), f = fe(n), d = Li.includes(c.value);
+}, Pi = [!0, "true"], Vi = T(function(i) {
+  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: l, fieldProps: c }, a] = H(i), f = fe(n), d = Pi.includes(c.value);
   return /* @__PURE__ */ r(j, { helpText: o, severity: n, children: /* @__PURE__ */ r(
     W,
     {
@@ -270,7 +270,7 @@ const ki = T(function(i) {
   }
 };
 m(B, "fieldTypeName", "Number"), m(B, "fieldTypeDescription", "Allows specifying a number within a given range."), m(B, "Icon", jt), m(B, "_validateMin", (e, t) => typeof t.maximum == "number" && typeof e == "number" && t.maximum < e ? "Minimum cannot be greater than minimum." : null), m(B, "_validateMax", (e, t) => typeof t.minimum == "number" && typeof e == "number" && t.minimum > e ? "Maximum cannot be less than minimum." : null);
-let Q = B;
+let Y = B;
 const Di = T(function(i) {
   const [{ inputId: e, labelId: t, severity: n, helpText: o, label: l, fieldProps: c }, a] = H(i), f = fe(n), d = c.value ? c.value.split("T")[0] : "";
   return /* @__PURE__ */ r(j, { helpText: o, severity: n, children: /* @__PURE__ */ r(W, { severity: n, inputId: e, labelId: t, label: l, children: /* @__PURE__ */ r(le.Input, { ...a, ...c, type: "date", id: e, color: f, value: d }) }) });
@@ -307,7 +307,7 @@ class Ce extends M {
   static getFieldCreationSchema() {
     return [
       // min, max
-      new Q({
+      new Y({
         label: "Minimum length",
         description: "Minimum number of characters",
         required: !1,
@@ -317,7 +317,7 @@ class Ce extends M {
         formValidators: [this._validateMin],
         integers: !0
       }),
-      new Q({
+      new Y({
         label: "Maximum length",
         description: "Maximum number of characters",
         required: !1,
@@ -494,7 +494,7 @@ const St = (s, i) => {
     t = `${s} (${++e})`;
   return t;
 }, Ni = T(function(i) {
-  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: l, fieldProps: c }, a] = H(i), f = fe(n), d = w(() => Array.isArray(c.value) ? c.value : [], [c.value]), { onChange: u, onBlur: p } = c, h = `${e}-droppable`, { disabled: g } = a, [x, z] = ce(""), [F, v] = ce(""), P = F || o, L = F ? "red" : f, I = S(
+  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: l, fieldProps: c }, a] = H(i), f = fe(n), d = w(() => Array.isArray(c.value) ? c.value : [], [c.value]), { onChange: u, onBlur: p } = c, h = `${e}-droppable`, { disabled: g } = a, [x, z] = ce(""), [F, v] = ce(""), L = F || o, P = F ? "red" : f, I = S(
     (A) => {
       u(A), p(A);
     },
@@ -511,7 +511,7 @@ const St = (s, i) => {
       return v("Option cannot be empty");
     const A = x.trim();
     I([...d, { value: A, label: A }]), z("");
-  }, [x, F, I, d]), Y = S(
+  }, [x, F, I, d]), K = S(
     (A) => {
       A.key === "Enter" && (A.preventDefault(), O());
     },
@@ -531,7 +531,7 @@ const St = (s, i) => {
     [I, d]
   );
   return /* @__PURE__ */ r(yt, { onDragEnd: U, children: /* @__PURE__ */ b(y, { direction: "column", gap: "2", children: [
-    /* @__PURE__ */ r(j, { helpText: P, severity: n, children: /* @__PURE__ */ r(W, { severity: n, inputId: e, labelId: t, label: l, children: (!g || d.length === 0) && /* @__PURE__ */ b(y, { gap: "2", children: [
+    /* @__PURE__ */ r(j, { helpText: L, severity: n, children: /* @__PURE__ */ r(W, { severity: n, inputId: e, labelId: t, label: l, children: (!g || d.length === 0) && /* @__PURE__ */ b(y, { gap: "2", children: [
       /* @__PURE__ */ r(he, { grow: "1", children: /* @__PURE__ */ r(
         le.Input,
         {
@@ -540,9 +540,9 @@ const St = (s, i) => {
           ...c,
           value: x,
           onChange: V,
-          onKeyDown: Y,
+          onKeyDown: K,
           id: e,
-          color: L,
+          color: P,
           onBlur: void 0
         }
       ) }),
@@ -742,9 +742,9 @@ const Wi = T(function({ field: i, ...e }) {
     const o = i.options.getFieldToClone(t);
     return o ? Me(o) : null;
   }, [i.options, t]);
-  return Le(n, e);
+  return Pe(n, e);
 });
-class Pe extends M {
+class Le extends M {
   constructor(e, t) {
     super({ ...e, type: "custom" });
     m(this, "Component");
@@ -760,8 +760,8 @@ class Pe extends M {
     return /* @__PURE__ */ r(t, { field: this, ...e });
   }
 }
-m(Pe, "fieldTypeName", "Custom"), m(Pe, "fieldTypeDescription", "Allows re-rendering of field already in the form");
-class ji extends Pe {
+m(Le, "fieldTypeName", "Custom"), m(Le, "fieldTypeDescription", "Allows re-rendering of field already in the form");
+class ji extends Le {
   constructor(i) {
     super(i, Wi);
   }
@@ -855,7 +855,7 @@ const Hi = T(function(i) {
     var n;
     if (e.type !== "section")
       throw new Error("Invalid type");
-    const t = ((n = e.fields) == null ? void 0 : n.map(Pt)) ?? [];
+    const t = ((n = e.fields) == null ? void 0 : n.map(Lt)) ?? [];
     return new oe({ ...e, fields: t });
   }
   conditional() {
@@ -883,7 +883,7 @@ const Hi = T(function(i) {
   }
 };
 m(oe, "fieldTypeName", "Section"), m(oe, "fieldTypeDescription", "Sections can be useful for grouping fields together. They can also be conditionally shown or hidden.");
-let K = oe;
+let Q = oe;
 const Ui = "_previewImage_1ig84_1", Gi = {
   previewImage: Ui
 }, it = (s) => {
@@ -893,7 +893,7 @@ const Ui = "_previewImage_1ig84_1", Gi = {
     e /= 1024, t++;
   return new Intl.NumberFormat([], { maximumFractionDigits: 2, style: "unit", unit: i[t] }).format(e);
 }, Ki = T(function(i) {
-  var L;
+  var P;
   const [{ inputId: e, labelId: t, severity: n, helpText: o, label: l, fieldProps: c, field: a }, f] = H(i), { onChange: d } = c, u = fe(n), p = yi(null), { value: h } = c, g = w(() => o || (a.maxFileSize ? `Maximum file size: ${it(a.maxFileSize)}` : null), [a.maxFileSize, o]), x = S(() => {
     var I;
     (I = p.current) == null || I.click();
@@ -903,13 +903,13 @@ const Ui = "_previewImage_1ig84_1", Gi = {
       V.splice(I, 1), d({ target: { files: V } });
     },
     [h, d]
-  ), F = h ? "Select new files" : "Select files", v = h ? "Select new file" : "Select a file", P = a.maxFiles > 1 ? F : v;
+  ), F = h ? "Select new files" : "Select files", v = h ? "Select new file" : "Select a file", L = a.maxFiles > 1 ? F : v;
   return /* @__PURE__ */ b(y, { direction: "column", gap: "2", children: [
     /* @__PURE__ */ r(j, { helpText: g, severity: n, children: /* @__PURE__ */ b(W, { severity: n, inputId: e, labelId: t, label: l, children: [
       /* @__PURE__ */ r(y, { direction: "row", gap: "2", children: /* @__PURE__ */ r(he, { width: "max-content", asChild: !0, children: /* @__PURE__ */ b(G, { ...f, onClick: x, children: [
         /* @__PURE__ */ r(bt, {}),
         " ",
-        P
+        L
       ] }) }) }),
       /* @__PURE__ */ r(
         "input",
@@ -918,7 +918,7 @@ const Ui = "_previewImage_1ig84_1", Gi = {
           type: "file",
           ref: p,
           id: e,
-          accept: (L = a.extensions) == null ? void 0 : L.join(","),
+          accept: (P = a.extensions) == null ? void 0 : P.join(","),
           multiple: a.maxFiles > 1,
           color: u,
           style: { display: "none" },
@@ -984,7 +984,7 @@ const Ui = "_previewImage_1ig84_1", Gi = {
   }
   static getFieldCreationSchema() {
     return [
-      new Q({
+      new Y({
         label: "How many files can be uploaded?",
         description: "By default, only one file can be uploaded.",
         required: !1,
@@ -992,7 +992,7 @@ const Ui = "_previewImage_1ig84_1", Gi = {
         maximum: 10,
         identifier: "maximum_files"
       }),
-      new Q({
+      new Y({
         label: "What is the maximum size of each file?",
         description: "Maximum file size in bytes.",
         required: !1,
@@ -1062,21 +1062,21 @@ m(se, "fieldTypeName", "Upload"), m(se, "fieldTypeDescription", "Allows a file t
 let Ue = se;
 const nt = {
   date: We,
-  number: Q,
+  number: Y,
   boolean: ue,
   select: Ee,
   string: ge,
   text: be,
-  custom: Pe,
+  custom: Le,
   upload: Ue,
   // TODO: Underscore
   "multi-string": ze,
   "multi-select": Ae
-}, Pt = (s) => {
+}, Lt = (s) => {
   const i = s.type;
   return nt[i].deserialize(s);
-}, Me = (s) => s.type === "section" ? K.deserialize(s) : Pt(s);
-function Lt(s, i = {}) {
+}, Me = (s) => s.type === "section" ? Q.deserialize(s) : Lt(s);
+function Pt(s, i = {}) {
   const { readonly: e = !1 } = i;
   return {
     title: s.title,
@@ -1102,13 +1102,13 @@ function Vt(s, i) {
   }
   return t === i;
 }
-const Le = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), kt = (s, i) => {
+const Pe = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), kt = (s, i) => {
   const e = w(() => s.map((t) => /* @__PURE__ */ r("div", { children: t.getInput(i) }, t.getId())), [s, i]);
   return /* @__PURE__ */ r(y, { direction: "column", gap: "2", children: e });
 }, Ve = (s) => Object.keys(s).length > 0, Dt = async (s, i) => {
   const e = {};
   for (const t of s.fields)
-    if (t instanceof K) {
+    if (t instanceof Q) {
       if (t.condition) {
         const { identifier: n } = t.condition;
         if (!Vt(t.condition, de(i, n)))
@@ -1123,7 +1123,7 @@ const Le = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), kt = (s,
     }
   if (Ve(e))
     return e;
-}, Qi = [null, void 0], rt = (s, i) => s.reduce((e, t) => t instanceof K ? { ...e, ...rt(t.fields, i) } : (Qi.includes(de(e, t.getId())) && tt(e, t.getId(), ""), e), i), Xi = () => {
+}, Qi = [null, void 0], rt = (s, i) => s.reduce((e, t) => t instanceof Q ? { ...e, ...rt(t.fields, i) } : (Qi.includes(de(e, t.getId())) && tt(e, t.getId(), ""), e), i), Xi = () => {
   throw new Error("onSubmit must be provided if form is not readonly.");
 }, ot = T(
   we((s, i) => {
@@ -1142,7 +1142,7 @@ const Le = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), kt = (s,
     } = s, { readonly: p } = e.meta, h = w(() => crypto.randomUUID(), []), g = Qe({
       initialValues: rt(e.fields, t),
       onSubmit: n,
-      validate: (P) => Dt(e, P),
+      validate: (L) => Dt(e, L),
       // only validate the entire form on submit
       validateOnBlur: !1,
       validateOnChange: !1
@@ -1167,14 +1167,14 @@ const Le = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), kt = (s,
       ] })
     ] }) }) });
   })
-), Ln = T(
+), Pn = T(
   we((s, i) => {
     const { submission: e, showFormDescription: t = !1, showFormTitle: n = !0 } = s, o = $(vt(e.form_revision)), { sdk: l } = wt();
     if (!o)
       throw new Error(
         `Could not find revision ${e.form_revision} for submission ${e.offline_id}.`
       );
-    const c = w(() => Lt(o, { readonly: !0 }), [o]), a = w(() => {
+    const c = w(() => Pt(o, { readonly: !0 }), [o]), a = w(() => {
       const f = xi(e.offline_id)(l.store.getState()) ?? [], d = {};
       for (const u of f) {
         const p = l.files.fetchFileFromUrl(u.file, u.file_sha1, u.file_name).then((g) => {
@@ -1211,14 +1211,14 @@ const Le = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), kt = (s,
       },
       [a]
     ), h = w(() => {
-      const v = a.store.getState(), P = {};
-      for (const L of Object.values(u)) {
-        const I = xt(L.owner_organization || -1)(v);
-        I && (P[`${Ne}${I.id}`] = I.name);
-        const V = et(L.owner_user || -1)(v);
-        V && (P[`${Be}${V.id}`] = V.username);
+      const v = a.store.getState(), L = {};
+      for (const P of Object.values(u)) {
+        const I = xt(P.owner_organization || -1)(v);
+        I && (L[`${Ne}${I.id}`] = I.name);
+        const V = et(P.owner_user || -1)(v);
+        V && (L[`${Be}${V.id}`] = V.username);
       }
-      return Object.entries(P).map(([L, I]) => ({ itemContent: I, value: L }));
+      return Object.entries(L).map(([P, I]) => ({ itemContent: I, value: P }));
     }, [u, a.store]), g = S((v) => {
       o(v.currentTarget.value);
     }, []), z = ($(Ci) || 0) - d.length, F = d.length == e && z > 0 ? `Only the first ${e} results are shown (${z} hidden)` : z > 0 && `${z} hidden forms`;
@@ -1391,7 +1391,7 @@ const Le = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), kt = (s,
   })
 ), $t = {
   ...nt,
-  section: K
+  section: Q
 }, on = T(function(i) {
   const { field: e, setFieldType: t } = i, n = e.fieldTypeName, o = e.fieldTypeDescription, l = e.Icon;
   return /* @__PURE__ */ b(y, { gap: "4", align: "center", children: [
@@ -1419,7 +1419,7 @@ const Le = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), kt = (s,
     n < sn && /* @__PURE__ */ r(si, { size: "4" })
   ] }, n)) });
 }), an = (s) => (i) => {
-  if (console.log("in validate", s, i), !(!i || typeof i != "string") && s.includes(i.trim()))
+  if (!(!i || typeof i != "string") && s.includes(i.trim()))
     return "This name is already taken.";
 }, cn = (s, i) => {
   const e = [
@@ -1442,18 +1442,16 @@ const Le = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), kt = (s,
     new ue({ label: "Required", description: null, required: !1, identifier: "required" })
   ];
 }, dn = T(function(i) {
-  const { fieldType: e, handleCancel: t, handleCreateField: n, defaultField: o, conditionalSourceFields: l } = i, c = $t[e];
-  console.log("default field", o);
-  const a = me(), f = w(() => {
+  const { fieldType: e, handleCancel: t, handleCreateField: n, defaultField: o, conditionalSourceFields: l } = i, c = $t[e], a = me(), f = w(() => {
     const d = Et(a.values.fields).filter((p) => p !== (o == null ? void 0 : o.label));
     let u = cn(d, e);
-    if (console.log("first set of errors", c, K, l), c === K) {
+    if (c === Q) {
       if (l === void 0)
         throw new Error("Conditional source fields must be provided when changing sections.");
       u = u.concat(c.getFieldCreationSchema(l));
     } else {
       if (!(c.prototype instanceof M))
-        throw console.log("badinstance"), new Error(`Field must be an instance of BaseField. Got ${c}.`);
+        throw new Error(`Field must be an instance of BaseField. Got ${c}.`);
       u = [...u, ...c.getFieldCreationSchema()];
     }
     return {
@@ -1479,14 +1477,14 @@ const Le = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), kt = (s,
     throw new Error("Initial field must be provided if editing is true.");
   const g = !d && !l && !o, x = g ? "Choose a field type" : `${u} settings`, z = g ? "Select a field type to add to this section." : (u == null ? void 0 : u.toLowerCase()) === "section" ? "Customize your section" : `Customize your ${u == null ? void 0 : u.toLowerCase()} field.`, F = S(() => f(void 0), []), v = S((I) => {
     f(void 0), I();
-  }, []), P = S(
+  }, []), L = S(
     (I, V) => {
       const { label: O } = I;
       if (!d)
         throw new Error("Field type must be selected before creating a field.");
       if (!O || typeof O != "string")
         throw new Error("Label must be provided before creating a field.");
-      const Y = Me({
+      const K = Me({
         type: d,
         ...I,
         identifier: St(I.identifier, O)
@@ -1496,23 +1494,23 @@ const Le = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), kt = (s,
       let U;
       if (!Array.isArray(q))
         throw new Error("Parent path must point to an array.");
-      l ? U = Ri(q, t, Y) : U = Tt(q, t, Y), p(e, U).then(), V();
+      l ? U = Ri(q, t, K) : U = Tt(q, t, K), p(e, U).then(), V();
     },
     [l, d, h, e, p, t]
-  ), L = S(
+  ), P = S(
     (I) => g ? /* @__PURE__ */ r(ln, { setFieldType: f }) : /* @__PURE__ */ r(
       dn,
       {
         conditionalSourceFields: c,
         handleCancel: F,
-        handleCreateField: (V) => P(V, I),
+        handleCreateField: (V) => L(V, I),
         fieldType: d,
         defaultField: o
       }
     ),
-    [c, F, P, o, g, d]
+    [c, F, L, o, g, d]
   );
-  return /* @__PURE__ */ r(li, { onCloseInterrupt: v, title: x, description: z, content: L, children: n });
+  return /* @__PURE__ */ r(li, { onCloseInterrupt: v, title: x, description: z, content: P, children: n });
 }), dt = ({ children: s }) => /* @__PURE__ */ r(pt, { children: s }), ut = (s, i) => ({
   initial: s ? i : "none",
   sm: s ? "none" : i
@@ -1584,9 +1582,7 @@ const Le = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), kt = (s,
     ) })
   ] });
 }), Oe = "form-builder", un = T(function(i) {
-  const { field: e, index: t, sectionIndex: n, takenLabels: o, remove: l } = i, c = w(() => Me(e), [e]), a = Le(c, { formId: Oe, disabled: !0 });
-  console.log(e, t, n, c);
-  const f = w(
+  const { field: e, index: t, sectionIndex: n, takenLabels: o, remove: l } = i, c = w(() => Me(e), [e]), a = Pe(c, { formId: Oe, disabled: !0 }), f = w(
     () => ({
       index: t,
       parentPath: `fields.${n}.fields`,
@@ -1632,10 +1628,8 @@ const Le = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), kt = (s,
     }
   ) });
 }), fn = T(function(i) {
-  var V, O, Y, q, U, A, R;
-  const { field: e, index: t, dropState: n } = i, o = (V = n[e.identifier]) == null ? void 0 : V.disabled, { setFieldValue: l, values: c } = me(), a = pi(), f = Et(c.fields);
-  console.log("field section", e, t, c);
-  const d = S(
+  var V, O, K, q, U, A, R;
+  const { field: e, index: t, dropState: n } = i, o = (V = n[e.identifier]) == null ? void 0 : V.disabled, { setFieldValue: l, values: c } = me(), a = pi(), f = Et(c.fields), d = S(
     (C, E) => {
       for (const _ of C) {
         const k = E.indexOf(_);
@@ -1745,13 +1739,13 @@ const Le = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), kt = (s,
       conditionalSourceFields: Fe(c.fields, t + 1)
     }),
     [g, e, t, c.fields]
-  ), P = w(
+  ), L = w(
     () => {
       var C, E;
       return (E = zt(c.fields, (C = e.condition) == null ? void 0 : C.identifier)) == null ? void 0 : E.label;
     },
     [(O = e.condition) == null ? void 0 : O.identifier, c.fields]
-  ), L = Array.isArray((Y = e.condition) == null ? void 0 : Y.value) ? "contains all of" : "equals";
+  ), P = Array.isArray((K = e.condition) == null ? void 0 : K.value) ? "contains all of" : "equals";
   if (Ge((q = e.condition) == null ? void 0 : q.value))
     throw new Error("File values are not supported for conditions.");
   const I = Array.isArray((U = e.condition) == null ? void 0 : U.value) ? (A = e.condition) == null ? void 0 : A.value.map((C) => typeof C == "string" ? C : C.label).join(", ") : (R = e.condition) == null ? void 0 : R.value.toString();
@@ -1770,9 +1764,9 @@ const Le = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), kt = (s,
           ] }),
           e.condition && /* @__PURE__ */ r(D, { size: "1", children: /* @__PURE__ */ b(hi, { children: [
             "Display only if ",
-            /* @__PURE__ */ r(lt, { children: P }),
+            /* @__PURE__ */ r(lt, { children: L }),
             " ",
-            L,
+            P,
             " ",
             /* @__PURE__ */ r(lt, { children: I })
           ] }) }),
@@ -1876,19 +1870,19 @@ const Le = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), kt = (s,
       if (n({ type: "release" }), !u || h === "CANCEL")
         return;
       if (p === "ROOT") {
-        const P = t[g];
-        if (!P)
+        const L = t[g];
+        if (!L)
           throw new Error("Could not find section context.");
-        let L = typeof P.conditionIndex < "u" ? (
+        let P = typeof L.conditionIndex < "u" ? (
           // cannot move a section with a condition before the condition's field
-          Math.max(P.conditionIndex + 1, u.index)
+          Math.max(L.conditionIndex + 1, u.index)
         ) : u.index;
         for (const I of Object.values(t))
-          I.conditionIndex === d.index && (L = Math.min(L, I.index - 1));
-        return L != u.index && o({
+          I.conditionIndex === d.index && (P = Math.min(P, I.index - 1));
+        return P != u.index && o({
           title: "Reordered sections",
           description: "Sections with conditions must be below the fields they reference."
-        }), e("fields", je(i.fields, d.index, L));
+        }), e("fields", je(i.fields, d.index, P));
       }
       if (p !== "SECTION")
         throw new Error("Unexpected droppable type.");
@@ -1901,12 +1895,12 @@ const Le = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), kt = (s,
           je(x.fields, d.index, u.index)
         ).then();
       else {
-        const P = x.fields[d.index];
-        if (!P)
+        const L = x.fields[d.index];
+        if (!L)
           throw new Error("Could not find field to reorder.");
         e(`fields.${z}.fields`, Se(x.fields, d.index)).then(), e(
           `fields.${v}.fields`,
-          Tt(F.fields, u.index, P)
+          Tt(F.fields, u.index, L)
         ).then();
       }
     },
@@ -1976,7 +1970,7 @@ const Le = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), kt = (s,
       // only validate the entire for on submit
       validateOnChange: !1,
       validateOnBlur: !1
-    }), f = w(() => Lt(a.values), [a.values]), d = Le(bn, yn), u = Le(vn, wn), p = w(
+    }), f = w(() => Pt(a.values), [a.values]), d = Pe(bn, yn), u = Pe(vn, wn), p = w(
       () => typeof l == "object" ? l : /* @__PURE__ */ r(De, { children: l }),
       [l]
     );
@@ -2017,17 +2011,17 @@ export {
   Vi as BooleanInput,
   We as DateField,
   Di as DateInput,
-  K as FieldSection,
+  Q as FieldSection,
   Vn as FormBrowser,
   $n as FormBuilder,
   ot as FormRenderer,
   kn as FormSubmissionBrowser,
-  Ln as FormSubmissionViewer,
+  Pn as FormSubmissionViewer,
   Ae as MultiSelectField,
   qi as MultiSelectInput,
   ze as MultiStringField,
   Ni as MultiStringInput,
-  Q as NumberField,
+  Y as NumberField,
   ki as NumberInput,
   Dn as PatchField,
   _n as PatchFormProvider,
@@ -2038,10 +2032,10 @@ export {
   be as TextField,
   $i as TextInput,
   Me as deserialize,
-  Pt as deserializeField,
-  Lt as formRevisionToSchema,
+  Lt as deserializeField,
+  Pt as formRevisionToSchema,
   Vt as isConditionMet,
-  Le as useFieldInput,
+  Pe as useFieldInput,
   kt as useFieldInputs,
   Ge as valueIsFile
 };

package/dist/forms.umd.cjs

@@ -1 +1 @@
-(function(y,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("react/jsx-runtime"),require("@overmap-ai/blocks"),require("formik"),require("react"),require("@hello-pangea/dnd"),require("@overmap-ai/core"),require("lodash.get"),require("lodash.set")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","@overmap-ai/blocks","formik","react","@hello-pangea/dnd","@overmap-ai/core","lodash.get","lodash.set"],n):(y=typeof globalThis<"u"?globalThis:y||self,n(y.forms={},y.jsxRuntime,y.blocks,y.formik,y.React,y.dnd,y.core,y.get,y.set))})(this,function(y,n,s,D,u,G,F,J,ze){"use strict";var kt=Object.defineProperty;var Rt=(y,n,s)=>n in y?kt(y,n,{enumerable:!0,configurable:!0,writable:!0,value:s}):y[n]=s;var m=(y,n,s)=>(Rt(y,typeof n!="symbol"?n+"":n,s),s);class je{constructor(i){m(this,"type");m(this,"identifier");m(this,"description");const{description:e=null,identifier:t,type:r}=i;this.identifier=t,this.description=e,this.type=r}getId(){return this.identifier}static deserialize(i){throw new Error(`${this.name} must implement deserialize.`)}_serialize(){if(!this.identifier)throw new Error("Field identifier must be set before serializing.");return{type:this.type,identifier:this.identifier,description:this.description}}}class $ extends je{constructor(e){const{label:t,required:r,fieldValidators:o=[],formValidators:a=[],...c}=e;super(c);m(this,"required");m(this,"formValidators");m(this,"fieldValidators");m(this,"label");m(this,"onlyValidateAfterTouched",!0);this.label=t,this.required=r,this.fieldValidators=o,this.formValidators=a}static getFieldCreationSchema(){return[]}isBlank(e){return e==null||e===""}getValueFromChangeEvent(e){return e.target.value}getError(e,t){if(this.required&&this.isBlank(e))return"This field is required.";for(const r of this.getFieldValidators()){const o=r(e);if(o)return o}if(t)for(const r of this.getFormValidators()){const o=r(e,t);if(o)return o}}_serialize(){return{...super._serialize(),label:this.label,required:this.required}}getFieldValidators(){return[...this.fieldValidators]}getFormValidators(){return[...this.formValidators]}}m($,"fieldTypeName"),m($,"fieldTypeDescription");const he={description:"_description_17zed_1"},N=l=>{const{label:i,children:e,severity:t,inputId:r,labelId:o,flexProps:a}=l;return n.jsx(s.Flex,{direction:"column",gap:"1",asChild:!0,...a,children:n.jsxs("label",{htmlFor:r,children:[n.jsx(s.Text,{severity:t,id:o,children:i}),e]})})},W=l=>{const{helpText:i,children:e,severity:t}=l;return n.jsxs(s.Flex,{direction:"column",gap:"1",children:[e,n.jsx(s.Flex,{direction:"column",children:n.jsx(s.Text,{size:"1",severity:t,className:he.description,children:i})})]})},j=l=>{const{id:i,field:e,formId:t,...r}=l,[o,a,c]=D.useField(e.getId()),{touched:d}=a,h=a.error??e.description,f=a.error?"danger":void 0,p=i??`${t}-${e.getId()}-input`,g=`${p}-label`,x=e.required?`${e.label} *`:e.label,v=u.useMemo(()=>({...o,onChange:C=>{const w=e.getValueFromChangeEvent(C);c.setValue(w,!1).then(),(d||!e.onlyValidateAfterTouched)&&c.setError(e.getError(w))},onBlur:C=>{c.setTouched(!0,!1).then(),c.setError(e.getError(e.getValueFromChangeEvent(C)))}}),[e,o,c,d]);return[{helpText:h,severity:f,inputId:p,labelId:g,label:x,fieldProps:v,helpers:c,field:e},{...r,"aria-labelledby":g}]},ht=[!0,"true"],He=u.memo(function(i){const[{inputId:e,labelId:t,severity:r,helpText:o,label:a,fieldProps:c},d]=j(i),h=s.useSeverityColor(r),f=ht.includes(c.value);return n.jsx(W,{helpText:o,severity:r,children:n.jsx(N,{severity:r,inputId:e,labelId:t,label:a,flexProps:{direction:"row-reverse",justify:"end",align:"center",gap:"2"},children:n.jsx(s.Checkbox,{...d,...c,id:e,color:h,value:f.toString(),checked:f,onCheckedChange:c.onChange,onChange:void 0,onBlur:void 0})})})}),R=class R extends ${constructor(e){super({...e,type:"boolean"});m(this,"onlyValidateAfterTouched",!1)}isBlank(e){return this.required&&!e}getValueFromChangeEvent(e){return typeof e=="boolean"?e:e.target.checked}serialize(){return super._serialize()}static deserialize(e){if(e.type!=="boolean")throw new Error("Type mismatch.");return new R(e)}getInput(e){return n.jsx(He,{...e,field:this})}};m(R,"fieldTypeName","Checkbox"),m(R,"fieldTypeDescription","Perfect for both optional and required yes/no questions."),m(R,"Icon",s.CheckCircledIcon);let Q=R;const Ue=u.memo(function(i){const[{inputId:e,labelId:t,severity:r,helpText:o,label:a,fieldProps:c,field:d},h]=j(i),f=s.useSeverityColor(r);return n.jsx(W,{helpText:o,severity:r,children:n.jsx(N,{severity:r,inputId:e,labelId:t,label:a,children:n.jsx(s.TextField.Input,{...h,...c,type:"number",id:e,min:d.minimum,max:d.maximum,step:d.integers?1:.1,color:f})})})}),_=class _ extends ${constructor(e){const{minimum:t=Number.MIN_SAFE_INTEGER,maximum:r=Number.MAX_SAFE_INTEGER,integers:o=!1,...a}=e;super({...a,type:"number"});m(this,"minimum");m(this,"maximum");m(this,"integers");this.minimum=t,this.maximum=r,this.integers=o}getValueFromChangeEvent(e){const t=Number.parseFloat(e.target.value);return Number.isNaN(t)?"":t}static getFieldCreationSchema(){return[new _({label:"Minimum",description:"Minimum value",integers:!0,required:!1,identifier:"minimum",formValidators:[this._validateMin]}),new _({label:"Maximum",description:"Maximum value",integers:!0,required:!1,identifier:"maximum",formValidators:[this._validateMax]}),new Q({label:"Integers",description:"Whole numbers only",required:!1,identifier:"integers"})]}getFieldValidators(){const e=super.getFieldValidators(),t=this.minimum,r=this.maximum;return typeof t=="number"&&e.push(o=>{if(typeof o=="number"&&o<t)return`Must be at least ${this.minimum}.`}),typeof r=="number"&&e.push(o=>{if(typeof o=="number"&&o>r)return`Must be at most ${this.maximum}.`}),this.integers&&e.push(o=>{if(typeof o=="number"&&!Number.isInteger(o))return"Must be a whole number."}),e}serialize(){return{...super._serialize(),minimum:this.minimum,maximum:this.maximum,integers:this.integers}}static deserialize(e){if(e.type!=="number")throw new Error("Type mismatch.");return new _(e)}getInput(e){return n.jsx(Ue,{field:this,...e})}};m(_,"fieldTypeName","Number"),m(_,"fieldTypeDescription","Allows specifying a number within a given range."),m(_,"Icon",s.FontFamilyIcon),m(_,"_validateMin",(e,t)=>typeof t.maximum=="number"&&typeof e=="number"&&t.maximum<e?"Minimum cannot be greater than minimum.":null),m(_,"_validateMax",(e,t)=>typeof t.minimum=="number"&&typeof e=="number"&&t.minimum>e?"Maximum cannot be less than minimum.":null);let K=_;const Ge=u.memo(function(i){const[{inputId:e,labelId:t,severity:r,helpText:o,label:a,fieldProps:c},d]=j(i),h=s.useSeverityColor(r),f=c.value?c.value.split("T")[0]:"";return n.jsx(W,{helpText:o,severity:r,children:n.jsx(N,{severity:r,inputId:e,labelId:t,label:a,children:n.jsx(s.TextField.Input,{...d,...c,type:"date",id:e,color:h,value:f})})})}),ee=class ee extends ${constructor(e){super({...e,type:"date"});m(this,"onlyValidateAfterTouched",!1)}serialize(){return super._serialize()}getValueFromChangeEvent(e){return new Date(e.target.value).toISOString()}static deserialize(e){if(e.type!=="date")throw new Error("Type mismatch.");return new ee(e)}getInput(e){return n.jsx(Ge,{field:this,...e})}};m(ee,"fieldTypeName","Date"),m(ee,"fieldTypeDescription","Allows specifying a date."),m(ee,"Icon",s.CalendarIcon);let me=ee;class ge extends ${constructor(e){const{minLength:t,maxLength:r=5e3,...o}=e;super(o);m(this,"minLength");m(this,"maxLength");this.minLength=t?Math.max(t,0):void 0,this.maxLength=r?Math.max(r,0):5e3}static getFieldCreationSchema(){return[new K({label:"Minimum length",description:"Minimum number of characters",required:!1,identifier:"minimum_length",minimum:0,maximum:100,formValidators:[this._validateMin],integers:!0}),new K({label:"Maximum length",description:"Maximum number of characters",required:!1,identifier:"maximum_length",minimum:1,maximum:5e3,formValidators:[this._validateMax],integers:!0})]}getFieldValidators(){const e=super.getFieldValidators();return this.minLength&&e.push(t=>{if(this.minLength&&(!t||t.length<this.minLength))return!this.required&&!t?null:`Minimum ${this.minLength} character(s).`}),this.maxLength&&e.push(t=>{if(typeof t=="string"&&this.maxLength&&t.length>this.maxLength)return`Maximum ${this.maxLength} character(s).`}),e}_serialize(){if(!this.identifier)throw new Error("Field identifier must be set before serializing.");return{...super._serialize(),minimum_length:this.minLength,maximum_length:this.maxLength}}}m(ge,"_validateMin",(e,t)=>typeof t.maximum_length=="number"&&typeof e=="number"&&t.maximum_length<e?"Minimum cannot be greater than maximum.":null),m(ge,"_validateMax",(e,t)=>{if(typeof e!="number")return null;const{minimum_length:r}=t;return typeof r!="number"?null:r>e?"Maximum cannot be less than minimum.":null});const Ke=u.memo(function(i){const[{inputId:e,labelId:t,severity:r,helpText:o,label:a,fieldProps:c,field:d},h]=j(i),f=s.useSeverityColor(r);return n.jsx(W,{helpText:o,severity:r,children:n.jsx(N,{severity:r,inputId:e,labelId:t,label:a,children:n.jsx(s.TextField.Input,{...h,...c,type:d.inputType,id:e,color:f})})})}),te=class te extends ge{constructor(e){const{inputType:t="text",...r}=e,o=e.maxLength?Math.min(500,e.maxLength):500,a=e.minLength?Math.min(e.minLength,o):void 0;super({...r,maxLength:o,minLength:a,type:"string"});m(this,"inputType");this.inputType=t}serialize(){return{...super._serialize(),input_type:this.inputType}}static deserialize(e){if(e.type!=="string")throw new Error("Type mismatch.");const{maximum_length:t,minimum_length:r,input_type:o,...a}=e;return new te({...a,maxLength:t,minLength:r,inputType:o})}getInput(e){return n.jsx(Ke,{field:this,...e})}};m(te,"fieldTypeName","Short Text"),m(te,"fieldTypeDescription","Short text fields can hold up to 500 characters on a single line."),m(te,"Icon",s.InputIcon);let Z=te;const Ye=u.memo(function(i){const[{inputId:e,labelId:t,severity:r,helpText:o,label:a,fieldProps:c},d]=j(i);return n.jsx(W,{helpText:o,severity:r,children:n.jsx(N,{severity:r,inputId:e,labelId:t,label:a,children:n.jsx(s.TextArea,{...d,...c,resize:"vertical",id:e,severity:r})})})}),ie=class ie extends ge{constructor(i){const e=i.maxLength?Math.min(5e3,i.maxLength):5e3,t=i.minLength?Math.min(i.minLength,e):void 0;super({...i,maxLength:e,minLength:t,type:"text"})}serialize(){return super._serialize()}static deserialize(i){if(i.type!=="text")throw new Error("Type mismatch.");const{maximum_length:e,minimum_length:t,...r}=i;return new ie({...r,maxLength:e,minLength:t})}getInput(i){return n.jsx(Ye,{field:this,...i})}};m(ie,"fieldTypeName","Paragraph"),m(ie,"fieldTypeDescription","Paragraph fields can hold up to 5000 characters and can have multiple lines."),m(ie,"Icon",s.RowsIcon);let k=ie;const Qe=u.memo(function(i){const[{inputId:e,labelId:t,severity:r,helpText:o,label:a,fieldProps:c,field:d},h]=j(i),{onChange:f,onBlur:p}=c,g=u.useMemo(()=>d.options.map(v=>({value:v.value,itemContent:v.label})),[d.options]),x=u.useCallback(v=>{f(v),p(v)},[f,p]);return n.jsx(W,{helpText:o,severity:r,children:n.jsx(N,{severity:r,inputId:e,labelId:t,label:a,children:n.jsx(s.Select,{items:g,...c,onValueChange:x,placeholder:"Select one...",id:e,severity:r,...h})})})}),ye=(l="",i=[])=>({type:"section",fields:i,identifier:l,label:null,condition:null,conditional:!1}),mt=l=>{if(!l)return;const i=l.fields;let e=[];const t=[];for(const r of i)r.type==="section"?(e.length>0&&(t.push(ye(`AUTO_section-${i.indexOf(r)}`,e)),e=[]),t.push(r)):e.push(r);return e.length>0&&t.push(ye("AUTO_section-last",e)),{...l,fields:t,description:l.description??""}};function Ee(l,i,e){const t=Array.from(l),[r]=t.splice(i,1);if(!r)throw new Error("Could not find field to reorder.");return t.splice(e,0,r),t}function gt(l,i,e){const t=Array.from(l);return t[i]=e,t}function Xe(l,i,e){const t=Array.from(l??[]);return t.splice(i,0,e),t}function xe(l,i){const e=Array.from(l);return e.splice(i,1),e}const Je=(l,i)=>{if(typeof l=="string"&&l.length>0)return l;const e=new Date;return`${F.slugify(i)}-${e.getTime()}`},Ze=(l,i)=>{if(!i)return null;for(const e of l)if(e.type==="section"){const t=Ze(e.fields,i);if(t)return t}else if(e.identifier===i)return e;return null},ve=(l,i)=>l.filter((e,t)=>t<i).flatMap(e=>e.fields),ke=l=>l.flatMap(i=>i.type==="section"?[...i.fields.map(e=>e.label),i.label]:i.label).filter(i=>i!==null),Me=(l,i)=>{let e=1,t=`${l} (${e})`;for(;i.includes(t);)t=`${l} (${++e})`;return t},Re=u.memo(function(i){const[{inputId:e,labelId:t,severity:r,helpText:o,label:a,fieldProps:c},d]=j(i),h=s.useSeverityColor(r),f=u.useMemo(()=>Array.isArray(c.value)?c.value:[],[c.value]),{onChange:p,onBlur:g}=c,x=`${e}-droppable`,{disabled:v}=d,[I,S]=u.useState(""),[C,w]=u.useState(""),M=C||o,A=C?"red":h,b=u.useCallback(E=>{p(E),g(E)},[p,g]),P=u.useCallback(E=>{f.findIndex(O=>O.value===E.target.value.trim())>=0?w("All options must be unique"):E.target.value?w(""):w("Option cannot be empty"),S(E.target.value)},[S,f]),B=u.useCallback(()=>{if(C)return;if(!I.trim())return w("Option cannot be empty");const E=I.trim();b([...f,{value:E,label:E}]),S("")},[I,C,b,f]),X=u.useCallback(E=>{E.key==="Enter"&&(E.preventDefault(),B())},[B]),U=u.useCallback(E=>{b(xe(f,E))},[f,b]),Y=u.useCallback(E=>{if(!E.destination)return;const O=E.source.index,T=E.destination.index;b(Ee(f,O,T))},[b,f]);return n.jsx(G.DragDropContext,{onDragEnd:Y,children:n.jsxs(s.Flex,{direction:"column",gap:"2",children:[n.jsx(W,{helpText:M,severity:r,children:n.jsx(N,{severity:r,inputId:e,labelId:t,label:a,children:(!v||f.length===0)&&n.jsxs(s.Flex,{gap:"2",children:[n.jsx(s.Box,{grow:"1",children:n.jsx(s.TextField.Input,{placeholder:"Press enter to add a new option",...d,...c,value:I,onChange:P,onKeyDown:X,id:e,color:A,onBlur:void 0})}),n.jsx(s.IconButton,{type:"button","aria-label":"Add option",disabled:!!C||v,onClick:B,children:n.jsx(s.PlusIcon,{})})]})})}),n.jsx(G.Droppable,{droppableId:x,children:E=>n.jsxs(s.Flex,{...E.droppableProps,ref:E.innerRef,direction:"column",children:[f.map((O,T)=>n.jsx(G.Draggable,{draggableId:`${O.value}-draggable`,index:T,isDragDisabled:v,children:({draggableProps:z,dragHandleProps:V,innerRef:L})=>n.jsx(s.Flex,{...V,...z,ref:L,gap:"2",align:"center",justify:"between",mb:"1",asChild:!0,children:n.jsxs(s.Badge,{color:"gray",size:"2",children:[n.jsx("span",{children:O.label}),n.jsx(s.IconButton,{size:"small",variant:"ghost",type:"button","aria-label":"Delete option",severity:"info",disabled:v,onClick:()=>U(T),children:n.jsx(s.Cross1Icon,{})})]})})},O.value)),E.placeholder]})})]})})}),ne=class ne extends ${constructor(e){const{minimum_length:t,maximum_length:r,...o}=e;super({...o,type:"multi-string"});m(this,"minLength");m(this,"maxLength");m(this,"onlyValidateAfterTouched",!1);this.minLength=t??0,this.maxLength=r??1/0}getValueFromChangeEvent(e){if(Array.isArray(e))return e;throw new Error("Expected an array.")}getInput(e){return n.jsx(Re,{field:this,...e})}serialize(){return{...super._serialize(),minimum_length:this.minLength,maximum_length:this.maxLength}}isBlank(e){return super.isBlank(e)||e.length===0}getFieldValidators(){const e=super.getFieldValidators();return e.push(t=>{if(Array.isArray(t)&&t.length<this.minLength)return`Must have at least ${this.minLength} options.`}),e.push(t=>{if(Array.isArray(t)&&t.length>this.maxLength)return`Must have at most ${this.maxLength} options.`}),e}static deserialize(e){if(e.type!=="multi-string")throw new Error("Type mismatch.");return new ne(e)}};m(ne,"fieldTypeName","Multi-string"),m(ne,"fieldTypeDescription","Allows the user to provide multiple unique strings."),m(ne,"Icon",s.ListBulletIcon);let ae=ne;class et extends ${constructor(e){super(e);m(this,"options");m(this,"onlyValidateAfterTouched",!1);const t=new Set;this.options=e.options.map(r=>(typeof r=="string"&&(r={label:r,value:r}),t.add(r.label),r)),t.size!==e.options.length&&console.error(`${e.options.length-t.size} duplicate identifiers found in options. This may cause unexpected behavior. Options:`,e.options)}_serialize(){return{...super._serialize(),options:this.options}}static getFieldCreationSchema(){return[new ae({label:"Options",description:"List possible options for the user to select from.",required:!0,identifier:"options",minimum_length:2,maximum_length:20})]}}const re=class re extends et{constructor(i){super({...i,type:"select"})}getValueFromChangeEvent(i){return typeof i=="string"?i:i.target.value}serialize(){return super._serialize()}static deserialize(i){if(i.type!=="select")throw new Error("Type mismatch.");return new re(i)}getInput(i){return n.jsx(Qe,{field:this,...i})}};m(re,"fieldTypeName","Dropdown"),m(re,"fieldTypeDescription","Allows the user to select a single option from a list of options."),m(re,"Icon",s.DropdownMenuIcon);let de=re;const yt=l=>l?Array.isArray(l)?l:[l]:[],tt=u.memo(function(i){const[{inputId:e,labelId:t,severity:r,helpText:o,label:a,fieldProps:c,field:d},h]=j(i),{onChange:f,onBlur:p}=c,g=u.useMemo(()=>yt(c.value),[c.value]),x=u.useCallback(v=>{f(v),p(v)},[f,p]);return n.jsx(W,{helpText:o,severity:r,children:n.jsx(N,{severity:r,inputId:e,labelId:t,label:a,children:n.jsx(s.MultiSelect,{value:g,onValueChange:x,options:d.options,name:c.name,placeholder:"Select one or more...",id:e,severity:r,...h})})})}),se=class se extends et{constructor(i){super({...i,type:"multi-select"})}getValueFromChangeEvent(i){if(Array.isArray(i))return i;throw new Error("Expected an array.")}isBlank(i){return super.isBlank(i)||i.length===0}serialize(){return super._serialize()}static deserialize(i){if(i.type!=="multi-select")throw new Error("Type mismatch.");return new se(i)}getInput(i){return n.jsx(tt,{field:this,...i})}};m(se,"fieldTypeName","Multi-select"),m(se,"fieldTypeDescription","Allows the user to select a multiple options from a list of options."),m(se,"Icon",s.CheckboxIcon);let ce=se;const xt=u.memo(function({field:i,...e}){const[{value:t}]=D.useField(i.options.clonedFieldIdentifier),r=u.useMemo(()=>{const o=i.options.getFieldToClone(t);return o?ue(o):null},[i.options,t]);return fe(r,e)});class we extends ${constructor(e,t){super({...e,type:"custom"});m(this,"Component");m(this,"options");this.options=e,this.Component=t}serialize(){throw new Error("Serializing only supported for public input types.")}getInput(e){const t=this.Component;return n.jsx(t,{field:this,...e})}}m(we,"fieldTypeName","Custom"),m(we,"fieldTypeDescription","Allows re-rendering of field already in the form");class vt extends we{constructor(i){super(i,xt)}}const wt=u.memo(function(i){const{field:e,...t}=i,{label:r,description:o,fields:a,condition:c}=e,{values:d,setFieldValue:h}=D.useFormikContext(),f=c!=null&&c.identifier?J(d,c.identifier):void 0,p=u.useMemo(()=>$e(c,f),[c,f]);u.useEffect(()=>{if(!p)for(const x of a)h(x.getId(),"").then()},[p,a,h]);const g=Be(a,t);return p?r?n.jsx(s.Card,{children:n.jsxs(s.Flex,{direction:"column",gap:"3",children:[n.jsxs(s.Flex,{direction:"column",children:[n.jsx(s.Heading,{as:"h3",size:"3",children:r}),n.jsx(s.Text,{className:he.description,children:o})]}),g]})}):g:null}),oe=class oe extends je{constructor(e){const{label:t=null,fields:r,condition:o=null,conditional:a,...c}=e;super({...c,type:"section"});m(this,"label");m(this,"fields");m(this,"condition");this.fields=r,this.condition=o,this.label=t,a===!1&&(this.condition=null)}static getFieldCreationSchema(e){return e.length===0?[]:[new Q({label:"Conditional",description:"Conditionally show or hide this section.",identifier:"conditional",required:!1}),new oe({label:"Conditional settings",identifier:"conditional-settings",condition:{identifier:"conditional",value:!0},fields:[new de({label:"Field",description:"The field to use for the condition.",options:e.map(t=>!t.label||t.type==="upload"?null:{label:t.label,value:t.identifier}).filter(t=>!!t),identifier:"condition.identifier",required:!0}),new vt({label:"Value",identifier:"condition.value",required:!0,clonedFieldIdentifier:"condition.identifier",getFieldToClone(t){if(!t)return null;const r=e.find(o=>o.identifier===t);return r?{...r,label:"Value",identifier:"condition.value",description:"The value to compare against.",required:r.type!=="boolean"}:(console.error("Could not find field with identifier",t),null)}})]})]}static deserialize(e){var r;if(e.type!=="section")throw new Error("Invalid type");const t=((r=e.fields)==null?void 0:r.map(De))??[];return new oe({...e,fields:t})}conditional(){return this.condition!==null}serialize(){return{...super._serialize(),label:this.label,condition:this.condition,conditional:this.conditional(),fields:this.fields.map(e=>e.serialize())}}getErrors(e){const t={};for(const r of this.fields){const o=r.getId(),a=r.getError(J(e,o),e);a&&ze(t,r.getId(),a)}return t}getInput(e){return n.jsx(wt,{field:this,...e})}};m(oe,"fieldTypeName","Section"),m(oe,"fieldTypeDescription","Sections can be useful for grouping fields together. They can also be conditionally shown or hidden.");let H=oe;const Ft={previewImage:"_previewImage_1ig84_1"},Ae=l=>{const i=["byte","kilobyte","megabyte"];let e=l,t=0;for(;e>1024&&t<i.length-1;)e/=1024,t++;return new Intl.NumberFormat([],{maximumFractionDigits:2,style:"unit",unit:i[t]}).format(e)},It=u.memo(function(i){var A;const[{inputId:e,labelId:t,severity:r,helpText:o,label:a,fieldProps:c,field:d},h]=j(i),{onChange:f}=c,p=s.useSeverityColor(r),g=u.useRef(null),{value:x}=c,v=u.useMemo(()=>o||(d.maxFileSize?`Maximum file size: ${Ae(d.maxFileSize)}`:null),[d.maxFileSize,o]),I=u.useCallback(()=>{var b;(b=g.current)==null||b.click()},[]),S=u.useCallback(b=>{const P=[...x];P.splice(b,1),f({target:{files:P}})},[x,f]),C=x?"Select new files":"Select files",w=x?"Select new file":"Select a file",M=d.maxFiles>1?C:w;return n.jsxs(s.Flex,{direction:"column",gap:"2",children:[n.jsx(W,{helpText:v,severity:r,children:n.jsxs(N,{severity:r,inputId:e,labelId:t,label:a,children:[n.jsx(s.Flex,{direction:"row",gap:"2",children:n.jsx(s.Box,{width:"max-content",asChild:!0,children:n.jsxs(s.Button,{...h,onClick:I,children:[n.jsx(s.UploadIcon,{})," ",M]})})}),n.jsx("input",{...h,type:"file",ref:g,id:e,accept:(A=d.extensions)==null?void 0:A.join(","),multiple:d.maxFiles>1,color:p,style:{display:"none"},...c,value:""})]})}),Array.isArray(x)&&x.length>0&&n.jsx(s.Flex,{direction:"column",gap:"2",children:x.map((b,P)=>n.jsx(bt,{field:d,file:b,onRemove:()=>S(P),disabled:h.disabled},P))})]})}),bt=u.memo(function({file:i,field:e,onRemove:t,disabled:r}){const[o,a]=u.useState(null),c=u.useMemo(()=>o&&e.getError([o]),[e,o]),{url:d,name:h,size:f}=u.useMemo(()=>{let p=null,g,x;return o!=null&&o.type.startsWith("image/")&&(p=URL.createObjectURL(o)),o?(g=o.name,x=Ae(o.size)):(g="Downloading...",x="..."),{url:p,name:g,size:x}},[o]);return u.useEffect(()=>{i instanceof Promise?i.then(a):a(i)},[i]),n.jsx(s.Card,{children:n.jsxs(s.Flex,{direction:{initial:"column",sm:"row"},gap:"3",justify:"between",children:[n.jsxs(s.Flex,{direction:"row",gap:"3",align:"center",grow:"1",shrink:"0",children:[n.jsx(s.IconButton,{severity:"info",variant:"outline","aria-label":`Remove ${h}`,disabled:r,onClick:t,children:n.jsx(s.Cross1Icon,{})}),n.jsxs(s.Flex,{direction:"column",gap:"1",children:[n.jsx(s.Text,{children:h}),n.jsx(s.Text,{size:"1",children:f}),c&&n.jsx(s.Text,{size:"1",severity:"danger",children:c})]})]}),d&&n.jsx("img",{className:Ft.previewImage,src:d,alt:h})]})})}),it=50*1024*1024,le=class le extends ${constructor(e){const{extensions:t,maximum_files:r,maximum_size:o,...a}=e;super({...a,type:"upload"});m(this,"extensions");m(this,"maxFileSize");m(this,"maxFiles");m(this,"onlyValidateAfterTouched",!1);this.maxFileSize=typeof o=="number"?o:void 0,this.maxFiles=Math.max(typeof r=="number"?r:1,1),this.extensions=t}getValueFromChangeEvent(e){return Array.from(e.target.files||[])}isBlank(e){return super.isBlank(e)||e.length===0}static getFieldCreationSchema(){return[new K({label:"How many files can be uploaded?",description:"By default, only one file can be uploaded.",required:!1,minimum:1,maximum:10,identifier:"maximum_files"}),new K({label:"What is the maximum size of each file?",description:"Maximum file size in bytes.",required:!1,identifier:"maximum_size",minimum:1,maximum:it,integers:!0}),new ce({label:"Accepted file types",description:"Types of allowed files to upload. If left blank, all files will be accepted.",required:!1,identifier:"extensions",options:[{value:"image/*",label:"Images"},{value:"audio/*",label:"Audio files"},{value:"video/*",label:"Videos"},{value:"text/*",label:"Text files"},{value:"application/*",label:"Application files (includes PDFs and Word documents)"}]})]}getFieldValidators(){const e=super.getFieldValidators(),t=this.maxFileSize??it,r=this.maxFiles??1;return e.push(o=>{if(o&&o.some(a=>a.size>t))return`Files must be at most ${Ae(t)}.`}),e.push(o=>{if(o&&o.length>r)return`You can only upload ${r} files.`}),e}serialize(){return{...super._serialize(),extensions:this.extensions,maximum_size:this.maxFileSize,maximum_files:this.maxFiles}}static deserialize(e){if(e.type!=="upload")throw new Error("Type mismatch.");return new le(e)}getInput(e){return n.jsx(It,{field:this,...e})}};m(le,"fieldTypeName","Upload"),m(le,"fieldTypeDescription","Allows a file to be uploaded."),m(le,"Icon",s.UploadIcon);let Pe=le;const Le={date:me,number:K,boolean:Q,select:de,string:Z,text:k,custom:we,upload:Pe,"multi-string":ae,"multi-select":ce},De=l=>{const i=l.type;return Le[i].deserialize(l)},ue=l=>l.type==="section"?H.deserialize(l):De(l);function Ve(l,i={}){const{readonly:e=!1}=i;return{title:l.title,description:l.description,fields:l.fields.map(t=>ue(t)),meta:{readonly:e}}}function Fe(l){return!!(Array.isArray(l)&&l.some(i=>i instanceof File||i instanceof Promise))}function $e(l,i){if(!l)return!0;if(Fe(i)||Fe(l.value))throw new Error("Conditions do not support file uploads");const e=Array.isArray(i)?i.map(r=>typeof r=="string"?r:r.value):i,t=Array.isArray(l.value)?l.value.map(r=>typeof r=="string"?r:r.value):l.value;if(Array.isArray(t)&&Array.isArray(e)){for(const r of t)if(!e.includes(r))return!1;return!0}return t===i}const fe=(l,i)=>u.useMemo(()=>!i||!l?null:l.getInput(i),[l,i]),Be=(l,i)=>{const e=u.useMemo(()=>l.map(t=>n.jsx("div",{children:t.getInput(i)},t.getId())),[l,i]);return n.jsx(s.Flex,{direction:"column",gap:"2",children:e})},Ie=l=>Object.keys(l).length>0,nt=async(l,i)=>{const e={};for(const t of l.fields)if(t instanceof H){if(t.condition){const{identifier:r}=t.condition;if(!$e(t.condition,J(i,r)))continue}Object.assign(e,t.getErrors(i))}else{if(!(t instanceof $))throw new Error("Invalid field type");const r=t.getId(),o=t.getError(J(i,r),i);o&&ze(e,r,o)}if(Ie(e))return e},Ct=[null,void 0],_e=(l,i)=>l.reduce((e,t)=>t instanceof H?{...e,..._e(t.fields,i)}:(Ct.includes(J(e,t.getId()))&&ze(e,t.getId(),""),e),i),Tt=()=>{throw new Error("onSubmit must be provided if form is not readonly.")},be=u.memo(u.forwardRef((l,i)=>{const{schema:e,values:t={},onSubmit:r=Tt,submitText:o="Submit",cancelText:a,onCancel:c,onDirty:d,hideTitle:h=!e.title,hideDescription:f,className:p}=l,{readonly:g}=e.meta,x=u.useMemo(()=>crypto.randomUUID(),[]),v=D.useFormik({initialValues:_e(e.fields,t),onSubmit:r,validate:M=>nt(e,M),validateOnBlur:!1,validateOnChange:!1}),{dirty:I}=v,S=u.useMemo(()=>typeof e.title=="string"?n.jsx(s.Heading,{children:e.title}):e.title,[e.title]),C=u.useMemo(()=>typeof e.description=="string"?n.jsx(s.Text,{className:he.description,children:e.description}):e.description,[e.description]),w=Be(e.fields,{formId:x,disabled:g});return u.useEffect(()=>{I&&d&&d()},[I,d]),n.jsx(D.FormikProvider,{value:v,children:n.jsx(s.Flex,{ref:i,direction:"column",gap:"2",className:p,asChild:!0,children:n.jsxs("form",{id:x,onSubmit:v.handleSubmit,children:[!h&&n.jsx(s.Card,{children:n.jsxs(s.Flex,{direction:"column",gap:"1",children:[S,!f&&C]})}),w,!g&&n.jsxs(s.Flex,{justify:"end",gap:"2",children:[a&&n.jsx(s.Button,{type:"button",variant:"soft",onClick:c,children:a}),n.jsx(s.Button,{type:"submit",disabled:!v.isValid,children:o})]})]})})})})),St=u.memo(u.forwardRef((l,i)=>{const{submission:e,showFormDescription:t=!1,showFormTitle:r=!0}=l,o=F.useAppSelector(F.selectFormRevision(e.form_revision)),{sdk:a}=F.useSDK();if(!o)throw new Error(`Could not find revision ${e.form_revision} for submission ${e.offline_id}.`);const c=u.useMemo(()=>Ve(o,{readonly:!0}),[o]),d=u.useMemo(()=>{const h=F.selectSubmissionAttachments(e.offline_id)(a.store.getState())??[],f={};for(const p of h){const g=a.files.fetchFileFromUrl(p.file,p.file_sha1,p.file_name).then(v=>{if(!v.success)throw new Error(`Failed to download attachment ${p.file_name}.`);return v.body}),x=f[p.field_identifier];x?x.push(g):f[p.field_identifier]=[g]}return{...e.values,...f}},[a.files,a.store,e.offline_id,e.values]);return n.jsx(be,{ref:i,schema:c,values:d,hideDescription:!t,hideTitle:!r})})),rt={favoriteIcon:"_favoriteIcon_1bixi_1",regularIcon:"_regularIcon_1bixi_9"},Oe="organization:",qe="user:",zt=u.memo(u.forwardRef((l,i)=>{const{maxResults:e=20,...t}=l,[r,o]=u.useState(""),[a,c]=u.useState(""),{sdk:d}=F.useSDK(),h=u.useMemo(()=>{const w={maxResults:e,searchTerm:r};return a&&(a.startsWith(Oe)?w.owner_organization=parseInt(a.slice(Oe.length)):a.startsWith(qe)&&(w.owner_user=parseInt(a.slice(qe.length)))),w},[r,e,a]),f=F.useAppSelector(F.selectFilteredUserForms(h))??[],p=F.useAppSelector(F.selectUserFormMapping),g=u.useCallback(w=>{w.favorite?d.userForms.unfavorite(w.offline_id).then():d.userForms.favorite(w.offline_id).then()},[d]),x=u.useMemo(()=>{const w=d.store.getState(),M={};for(const A of Object.values(p)){const b=F.selectOrganization(A.owner_organization||-1)(w);b&&(M[`${Oe}${b.id}`]=b.name);const P=F.selectUser(A.owner_user||-1)(w);P&&(M[`${qe}${P.id}`]=P.username)}return Object.entries(M).map(([A,b])=>({itemContent:b,value:A}))},[p,d.store]),v=u.useCallback(w=>{o(w.currentTarget.value)},[]),S=(F.useAppSelector(F.selectNumberOfUserForms)||0)-f.length,C=f.length==e&&S>0?`Only the first ${e} results are shown (${S} hidden)`:S>0&&`${S} hidden forms`;return n.jsxs(s.Flex,{ref:i,direction:"column",gap:"2",children:[n.jsxs(s.Flex,{gap:"2",grow:"1",children:[n.jsx(s.Box,{grow:"1",asChild:!0,children:n.jsx(s.TextField.Root,{size:"3",children:n.jsx(s.TextField.Input,{placeholder:"Filter",value:r,onChange:v})})}),n.jsx(s.Select,{items:x,value:a,onValueChange:c,placeholder:"Owner",size:"large"})]}),f.length>0&&n.jsx(s.ButtonList.Root,{children:f.map(w=>n.jsx(Et,{...t,form:w,handleToggleFavorite:()=>g(w)},w.offline_id))}),n.jsx(s.Box,{px:"3",children:n.jsx(s.Text,{size:"2",severity:"info",children:C})})]})})),Et=l=>{var g;const{form:i,onSelectForm:e,isFavoriteEditable:t,handleToggleFavorite:r}=l,o=(g=F.useAppSelector(F.selectOrganization(i.owner_organization||-1)))==null?void 0:g.name,a=F.useAppSelector(F.selectUser(i.owner_user||-1)),c=F.useAppSelector(F.selectCurrentUser).id,d=!!a&&a.id===c,h=o??(d?"You":a==null?void 0:a.username)??"Unknown",f=u.useCallback(x=>{x.stopPropagation(),r()},[r]),p=n.jsx(s.ButtonList.Item,{onClick:()=>e(i),asChild:!0,children:n.jsxs(s.Flex,{justify:"between",gap:"2",py:"2",px:"3",...s.divButtonProps,children:[n.jsxs(s.Flex,{grow:"1",align:"center",gap:"2",children:[n.jsx(s.IconButton,{className:F.classNames(i.favorite?rt.favoriteIcon:rt.regularIcon),variant:"ghost",onClick:f,"aria-label":i.favorite?"Favorite form":"Standard form",disabled:!t,children:i.favorite?n.jsx(s.StarFilledIcon,{}):n.jsx(s.StarIcon,{})}),n.jsx(s.Text,{noWrap:!0,children:i.latestRevision.title}),i.latestRevision.description&&n.jsx(s.QuestionMarkCircledIcon,{})]}),h&&n.jsxs(s.Flex,{align:"center",gap:"2",children:[n.jsx(s.PersonIcon,{})," ",h]})]})});return i.latestRevision.description?n.jsx(s.Tooltip,{content:i.latestRevision.description,children:p},i.offline_id):p},st={submissionsContainer:"_submissionsContainer_9iirt_1",stopHorizontalOverflow:"_stopHorizontalOverflow_9iirt_6"},Mt=u.memo(function(i){var w;const{submission:e,onSubmissionClick:t,compact:r,labelType:o,rowDecorator:a}=i,c=F.useAppSelector(F.selectCurrentUser),d=F.useAppSelector(F.selectUser("created_by"in e?e.created_by:c.id)),h=Ne(e),f=F.isToday(h)?h.toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"}):F.getLocalDateString(h),p=F.useAppSelector(F.selectFormRevision(e.form_revision));if(!p)throw new Error(`Could not find revision ${e.form_revision} for submission ${e.offline_id}.`);const g=(w=F.useAppSelector(F.selectLatestFormRevision(p.form)))==null?void 0:w.revision,x=F.useFileSrc({file:(d==null?void 0:d.profile.file)??null,fileSha1:(d==null?void 0:d.profile.file_sha1)??null}),v=(d==null?void 0:d.username.charAt(0).toUpperCase())??"?",I=p.revision===g,S=u.useCallback(()=>{t&&t({submission:e})},[e,t]),C=n.jsx(s.ButtonList.Item,{onClick:S,asChild:!0,children:n.jsxs(s.Flex,{grow:"1",width:"100%",p:"2",gap:"2",justify:"between",children:[n.jsxs(s.Flex,{gap:"2",align:"center",className:st.stopHorizontalOverflow,children:[n.jsx(s.Avatar,{src:x,size:"1",fallback:v}),n.jsx(s.Text,{size:"2",noWrap:!0,children:o==="creator"?(d||c).username:p.title})]}),n.jsxs(s.Flex,{gap:"2",align:"center",children:[!r&&(p.revision?n.jsx(s.Badge,{variant:"soft",severity:I?"primary":"info",children:r?p.revision.toString():`Revision #${p.revision}`}):!!g&&n.jsx(s.Badge,{children:"Original"})),n.jsx(s.Text,{size:"2",noWrap:!0,children:f})]})]})});return a?a(e,C):C}),Ne=l=>{const i="created_at"in l?l.created_at:l.submitted_at;return new Date(i)},At=u.memo(function(i){const{formId:e,submissions:t,compact:r=!1,className:o,after:a,variant:c="outline",...d}=i;if(!!e==!!t)throw new Error("Either formId or submissions must be provided, but not both.");const h=F.useAppSelector(t?()=>t:F.selectSubmissionsForForm(e)),f=u.useMemo(()=>h==null?void 0:h.sort((p,g)=>Ne(g).getTime()-Ne(p).getTime()),[h]);return n.jsx(s.ButtonList.Root,{className:F.classNames(st.submissionsContainer,o),size:"small",variant:c,before:!r&&n.jsxs(s.Text,{severity:"info",children:["There are ",((h==null?void 0:h.length)||0).toString()," submissions of this form."]}),after:a,children:f==null?void 0:f.map((p,g)=>n.jsx(Mt,{submission:p,compact:r,...d},g))})}),Pt=u.memo(function(i){const{name:e,render:t}=i,{submitForm:r}=D.useFormikContext(),[o,a,c]=D.useField(e);return u.useMemo(()=>{const d=h=>c.setValue(h,!1);return t({value:o.value,setValue:d,patchValue:r})},[r,c,o.value,t])}),Lt=u.memo(u.forwardRef((l,i)=>{const{children:e,schema:t,values:r,onPatch:o,onError:a,...c}=l,d=u.useMemo(()=>_e(t.fields,r),[t.fields,r]),h=u.useCallback(v=>{const I={};for(const S in v){const C=v[S];C!==d[S]&&C!==void 0&&(I[S]=C)}Ie(I)&&o(I)},[d,o]),f=u.useCallback(async v=>{const I=await nt(t,v);return I&&a(I),I},[t,a]),p=D.useFormik({initialValues:d,onSubmit:h,validate:f,validateOnBlur:!1,validateOnChange:!1}),{errors:g,resetForm:x}=p;return u.useEffect(()=>{Ie(g)&&x({values:d,errors:{}})},[g,d,x]),n.jsx(D.FormikProvider,{value:p,children:n.jsx("form",{...c,ref:i,onSubmit:p.handleSubmit,children:e})})})),ot={...Le,section:H},Dt=u.memo(function(i){const{field:e,setFieldType:t}=i,r=e.fieldTypeName,o=e.fieldTypeDescription,a=e.Icon;return n.jsxs(s.Flex,{gap:"4",align:"center",children:[n.jsx(s.Button,{type:"button",variant:"surface",onClick:t,style:{width:"135px"},children:n.jsxs(s.Flex,{gap:"3",align:"center",grow:"1",children:[n.jsx(a,{}),r]})}),n.jsx(s.Text,{children:o})]})}),lt=[["string","text"],["select","multi-select","upload"],["boolean","date","number","multi-string"]],Vt=lt.length-1,$t=u.memo(function(i){const{setFieldType:e}=i;return n.jsx(s.Flex,{direction:"column",gap:"3",children:lt.map((t,r)=>n.jsxs(s.Flex,{direction:"column",gap:"3",children:[n.jsx(s.Flex,{direction:"column",gap:"2",children:t.map(o=>n.jsx(Dt,{field:Le[o],setFieldType:()=>e(o)},o))}),r<Vt&&n.jsx(s.Separator,{size:"4"})]},r))})}),Bt=l=>i=>{if(console.log("in validate",l,i),!(!i||typeof i!="string")&&l.includes(i.trim()))return"This name is already taken."},_t=(l,i)=>{const e=[new Z({label:"Label",required:!0,maxLength:200,identifier:"label",fieldValidators:[Bt(l)]}),new k({label:"Description",required:!1,maxLength:1e3,identifier:"description"})];return i==="section"?e:[...e,new Q({label:"Required",description:null,required:!1,identifier:"required"})]},Ot=u.memo(function(i){const{fieldType:e,handleCancel:t,handleCreateField:r,defaultField:o,conditionalSourceFields:a}=i,c=ot[e];console.log("default field",o);const d=D.useFormikContext(),h=u.useMemo(()=>{const f=ke(d.values.fields).filter(g=>g!==(o==null?void 0:o.label));let p=_t(f,e);if(console.log("first set of errors",c,H,a),c===H){if(a===void 0)throw new Error("Conditional source fields must be provided when changing sections.");p=p.concat(c.getFieldCreationSchema(a))}else{if(!(c.prototype instanceof $))throw console.log("badinstance"),new Error(`Field must be an instance of BaseField. Got ${c}.`);p=[...p,...c.getFieldCreationSchema()]}return{fields:p,meta:{readonly:!1},title:null}},[d.values.fields,e,c,o==null?void 0:o.label,a]);return n.jsx(be,{schema:h,values:o,onSubmit:r,cancelText:o?void 0:"Back",onCancel:t})}),pe=u.memo(function(i){const{parentPath:e,index:t,children:r,initial:o,editing:a,conditionalSourceFields:c}=i,[d,h]=u.useState(),f=(o==null?void 0:o.type)??d,p=f?ot[f].fieldTypeName:void 0,{setFieldValue:g,values:x}=D.useFormikContext();if(a&&!o)throw new Error("Initial field must be provided if editing is true.");const v=!f&&!a&&!o,I=v?"Choose a field type":`${p} settings`,S=v?"Select a field type to add to this section.":(p==null?void 0:p.toLowerCase())==="section"?"Customize your section":`Customize your ${p==null?void 0:p.toLowerCase()} field.`,C=u.useCallback(()=>h(void 0),[]),w=u.useCallback(b=>{h(void 0),b()},[]),M=u.useCallback((b,P)=>{const{label:B}=b;if(!f)throw new Error("Field type must be selected before creating a field.");if(!B||typeof B!="string")throw new Error("Label must be provided before creating a field.");const X=ue({type:f,...b,identifier:Je(b.identifier,B)}).serialize(),U=J(x,e);if(U===void 0)throw new Error("Parent path must point to an existing field.");let Y;if(!Array.isArray(U))throw new Error("Parent path must point to an array.");a?Y=gt(U,t,X):Y=Xe(U,t,X),g(e,Y).then(),P()},[a,f,x,e,g,t]),A=u.useCallback(b=>v?n.jsx($t,{setFieldType:h}):n.jsx(Ot,{conditionalSourceFields:c,handleCancel:C,handleCreateField:P=>M(P,b),fieldType:f,defaultField:o}),[c,C,M,o,v,f]);return n.jsx(s.Dialog,{onCloseInterrupt:w,title:I,description:S,content:A,children:r})}),at=({children:l})=>n.jsx(n.Fragment,{children:l}),dt=(l,i)=>({initial:l?i:"none",sm:l?"none":i}),ct=u.memo(function(i){const{remove:e,dragHandleProps:t,editProps:r,insertAfterProps:o,duplicateProps:a}=i,c=u.useMemo(()=>[{Wrapper:pe,wrapperProps:r,Icon:s.Pencil1Icon,text:"Edit"},{Icon:s.TrashIcon,buttonProps:{onClick:e},text:"Delete"},{Wrapper:pe,wrapperProps:a,Icon:s.CopyIcon,text:"Duplicate"},{Wrapper:pe,wrapperProps:o,Icon:s.PlusIcon,text:"Add after"},{Icon:d=>n.jsx("div",{...d,children:n.jsx(s.DragHandleDots2Icon,{})}),text:"Reorder",disableOnMobile:!0,buttonProps:{...t,asChild:!0}}],[t,a,r,o,e]);return n.jsxs(n.Fragment,{children:[n.jsx(s.Flex,{gap:"4",display:dt(!1,"flex"),children:c.map(d=>{const h=d.Wrapper??at;return n.jsx(h,{...d.wrapperProps,children:n.jsx(s.IconButton,{type:"button",variant:"ghost","aria-label":d.text,...d.buttonProps,children:n.jsx(d.Icon,{})})},d.text)})}),n.jsx(s.Box,{display:dt(!0,"block"),children:n.jsx(s.DropdownMenu,{trigger:n.jsx(s.IconButton,{variant:"ghost","aria-label":"Actions menu",children:n.jsx(s.DotsVerticalIcon,{})}),closeOnSelect:!1,items:c.map(d=>{var f;if(d.disableOnMobile)return null;const h=d.Wrapper??at;return{...d.buttonProps,onSelect:(f=d.buttonProps)==null?void 0:f.onClick,content:n.jsx(h,{...d.wrapperProps,children:n.jsxs(s.Flex,{gap:"2",align:"center",children:[n.jsx(d.Icon,{}),d.text]})})}}).filter(d=>d!==null)})})]})}),Ce="form-builder",qt=u.memo(function(i){const{field:e,index:t,sectionIndex:r,takenLabels:o,remove:a}=i,c=u.useMemo(()=>ue(e),[e]),d=fe(c,{formId:Ce,disabled:!0});console.log(e,t,r,c);const h=u.useMemo(()=>({index:t,parentPath:`fields.${r}.fields`,initial:e,editing:!0}),[e,t,r]),f=u.useMemo(()=>({parentPath:`fields.${r}.fields`,index:t+1,initial:{...e,label:Me(e.label??"",o),identifier:""}}),[e,t,r,o]),p=u.useMemo(()=>({parentPath:`fields.${r}.fields`,index:t+1,initial:void 0}),[t,r]);return n.jsx(G.Draggable,{draggableId:e.identifier,index:t,children:g=>n.jsx(s.Card,{ref:g.innerRef,...g.draggableProps,...g.dragHandleProps,mb:"4",children:n.jsxs(s.Flex,{gap:"4",justify:"between",align:"center",children:[d,n.jsx(ct,{remove:a,editProps:h,duplicateProps:f,insertAfterProps:p,dragHandleProps:g.dragHandleProps})]})})})}),Nt=u.memo(function(i){var P,B,X,U,Y,E,O;const{field:e,index:t,dropState:r}=i,o=(P=r[e.identifier])==null?void 0:P.disabled,{setFieldValue:a,values:c}=D.useFormikContext(),d=s.useAlertDialog(),h=ke(c.fields);console.log("field section",e,t,c);const f=u.useCallback((T,z)=>{for(const V of T){const L=z.indexOf(V);a(`fields.${L}.condition`,null).then(),a(`fields.${L}.conditional`,!1).then()}},[a]),p=u.useCallback(T=>{var L;const z=e.fields[T];if(!z)throw new Error("Could not find field to remove.");const V=[];for(const q of c.fields)((L=q.condition)==null?void 0:L.identifier)===z.identifier&&V.push(q);return{removing:z,affectedSections:V,action:()=>a(`fields.${t}.fields`,xe(e.fields,T))}},[e.fields,c.fields,a,t]),g=u.useCallback(T=>{const{affectedSections:z,action:V,removing:L}=p(T),q=()=>{V().then(),f(z,c.fields)};if(z.length>0){const We=z.map(Te=>Te.label).join(", ");return d({title:"Remove condition?",description:`${L.label} is being used as a condition, deleting it will remove the condition from the ${We} section(s).`,severity:"danger",actionText:"Remove",onAction:q})}q()},[p,f,c.fields,d]),x=u.useCallback(()=>{const z=e.fields.map((Se,Zt)=>p(Zt)).flatMap(Se=>Se.affectedSections),V=z.length?"Remove fields and conditions?":"Remove fields?",L=e.fields.length,q=z.map(Se=>Se.label).join(", "),We=z.length?`Deleting this section will remove the ${L} field(s) it contains and will remove the conditions from following sections: ${q}`:`Deleting this section will remove the ${L} field(s) it contains.`,Te=xe(c.fields,t),pt=()=>a("fields",Te);if(z.length>0)return d({title:V,description:We,severity:"danger",actionText:"Remove",onAction:()=>{pt().then(()=>{f(z,Te)})}});pt().then()},[e.fields,c.fields,t,p,a,d,f]),v=u.useCallback(T=>{const z=Me(T.label??"",h),V=T.fields.map(L=>{const q=Me(L.label,h);return{...L,label:q,identifier:Je(void 0,q)}});return{...T,label:z,fields:V,identifier:""}},[h]),I=u.useMemo(()=>({index:t,parentPath:"fields",initial:e,editing:!0,conditionalSourceFields:ve(c.fields,t)}),[e,t,c.fields]),S=u.useMemo(()=>({index:t+1,parentPath:"fields",initial:ye(),conditionalSourceFields:ve(c.fields,t+1)}),[t,c.fields]),C=u.useMemo(()=>({parentPath:`fields.${t}.fields`,index:e.fields.length,initial:void 0}),[e.fields.length,t]),w=u.useMemo(()=>({index:t+1,parentPath:"fields",initial:v(e),conditionalSourceFields:ve(c.fields,t+1)}),[v,e,t,c.fields]),M=u.useMemo(()=>{var T,z;return(z=Ze(c.fields,(T=e.condition)==null?void 0:T.identifier))==null?void 0:z.label},[(B=e.condition)==null?void 0:B.identifier,c.fields]),A=Array.isArray((X=e.condition)==null?void 0:X.value)?"contains all of":"equals";if(Fe((U=e.condition)==null?void 0:U.value))throw new Error("File values are not supported for conditions.");const b=Array.isArray((Y=e.condition)==null?void 0:Y.value)?(E=e.condition)==null?void 0:E.value.map(T=>typeof T=="string"?T:T.label).join(", "):(O=e.condition)==null?void 0:O.value.toString();return n.jsx(G.Draggable,{draggableId:e.identifier,index:t,children:T=>n.jsx(s.Card,{ref:T.innerRef,...T.draggableProps,...T.dragHandleProps,mb:"4",children:n.jsxs(s.Flex,{gap:"3",justify:"between",align:"center",children:[n.jsxs(s.Flex,{direction:"column",gap:"2",grow:"1",children:[n.jsxs(s.Flex,{direction:"column",children:[n.jsx(s.Heading,{as:"h3",size:"3",children:e.label}),n.jsx(s.Text,{className:he.description,children:e.description})]}),e.condition&&n.jsx(s.Text,{size:"1",children:n.jsxs(s.Em,{children:["Display only if ",n.jsx(s.Strong,{children:M})," ",A," ",n.jsx(s.Strong,{children:b})]})}),n.jsx(G.Droppable,{droppableId:e.identifier,type:"SECTION",isDropDisabled:o,children:z=>n.jsxs(s.Flex,{ref:z.innerRef,...z.droppableProps,direction:"column",gap:"0",children:[e.fields.map((V,L)=>n.jsx(qt,{field:V,index:L,sectionIndex:t,remove:()=>g(L),takenLabels:h},V.identifier)),z.placeholder,n.jsx(pe,{...C,children:n.jsxs(s.Button,{type:"button",variant:"outline",children:[n.jsx(s.PlusIcon,{})," Add a field"]})})]})})]}),n.jsx(ct,{remove:x,insertAfterProps:S,dragHandleProps:T.dragHandleProps,editProps:I,duplicateProps:w})]})})})}),Wt=(l,i)=>{var t;const e={...l};switch(i.type){case"release":for(const r in e)e[r].disabled=!1;return e;case"hold":for(const r in e)(t=e[r])!=null&&t.conditionFields.has(i.fieldId)&&(e[r].disabled=!0);return e;case"update":return i.state}},jt=(l,i)=>{if(i)for(let e=0;e<l.length;e++){const t=l[e];if(t){for(const r of t.fields)if(r.identifier===i)return e}}},ut=l=>{var e,t,r;const i={};for(let o=0;o<l.length;o++){const a=l[o];if(!a)throw new Error("Field is undefined.");const c=o>0?(e=i[l[o-1].identifier])==null?void 0:e.conditionFields:void 0,d=new Set(c);(t=a.condition)!=null&&t.identifier&&d.add(a.condition.identifier),i[a.identifier]={disabled:!1,conditionFields:d,conditionIndex:jt(l,(r=a.condition)==null?void 0:r.identifier),index:o,label:a.label}}return i},ft=(l,i)=>{for(const[e,t]of Object.entries(l))if(t.identifier===i)return[t,e]},Ht=u.memo(function(){const{values:i,setFieldValue:e}=D.useFormikContext(),[t,r]=u.useReducer(Wt,i.fields,ut),{showInfo:o}=s.useToast();u.useEffect(()=>{r({type:"update",state:ut(i.fields)})},[r,i.fields]);const a=u.useCallback(h=>{h.type==="SECTION"&&r({type:"hold",fieldId:h.draggableId})},[]),c=u.useCallback(h=>{const{source:f,destination:p,type:g,reason:x,draggableId:v}=h;if(r({type:"release"}),!p||x==="CANCEL")return;if(g==="ROOT"){const M=t[v];if(!M)throw new Error("Could not find section context.");let A=typeof M.conditionIndex<"u"?Math.max(M.conditionIndex+1,p.index):p.index;for(const b of Object.values(t))b.conditionIndex===f.index&&(A=Math.min(A,b.index-1));return A!=p.index&&o({title:"Reordered sections",description:"Sections with conditions must be below the fields they reference."}),e("fields",Ee(i.fields,f.index,A))}if(g!=="SECTION")throw new Error("Unexpected droppable type.");const[I,S]=ft(i.fields,f.droppableId)??[],[C,w]=ft(i.fields,p.droppableId)??[];if(!(I!=null&&I.fields)||!C)throw new Error("Could not find section with fields.");if(I.identifier===C.identifier)e(`fields.${S}.fields`,Ee(I.fields,f.index,p.index)).then();else{const M=I.fields[f.index];if(!M)throw new Error("Could not find field to reorder.");e(`fields.${S}.fields`,xe(I.fields,f.index)).then(),e(`fields.${w}.fields`,Xe(C.fields,p.index,M)).then()}},[i.fields,e,t,o]),d=u.useMemo(()=>({index:i.fields.length,parentPath:"fields",initial:ye(),conditionalSourceFields:ve(i.fields,i.fields.length)}),[i.fields]);return n.jsx(G.DragDropContext,{onDragStart:a,onDragEnd:c,children:n.jsx(G.Droppable,{droppableId:"droppable",type:"ROOT",children:h=>n.jsxs(s.Flex,{ref:h.innerRef,...h.droppableProps,direction:"column",gap:"0",children:[i.fields.map((f,p)=>n.jsx(Nt,{field:f,index:p,dropState:t},f.label)),h.placeholder,n.jsx(pe,{...d,children:n.jsxs(s.Button,{type:"button",variant:"outline",children:[n.jsx(s.PlusIcon,{})," Add a section"]})})]})})})}),Ut={title:"",description:"",fields:[]},Gt=new Z({label:"Title",minLength:0,maxLength:100,required:!0,identifier:"title"}),Kt={formId:Ce,placeholder:"Give your form a title."},Yt=new k({label:"Description",minLength:0,maxLength:1e3,required:!1,identifier:"description"}),Qt={formId:Ce,placeholder:"Explain the purpose of this form."},Xt=()=>{alert("This is a form preview, your data will not be saved.")},Jt=u.memo(u.forwardRef((l,i)=>{const{onCancel:e,onSave:t,revision:r}=l,o=r?"Edit form":"Create a new form",{heading:a=o}=l,c=u.useCallback(x=>{const v={};if(x.title||(v.title="Title is required."),(!x.fields||x.fields.length===0)&&(v.fields="At least one field is required."),Ie(v))return v},[]),d=D.useFormik({initialValues:mt(r)??Ut,validate:c,onSubmit:x=>t(x),validateOnChange:!1,validateOnBlur:!1}),h=u.useMemo(()=>Ve(d.values),[d.values]),f=fe(Gt,Kt),p=fe(Yt,Qt),g=u.useMemo(()=>typeof a=="object"?a:n.jsx(s.Heading,{children:a}),[a]);return n.jsx(s.Tabs.Root,{ref:i,defaultValue:"edit",children:n.jsxs(s.Flex,{direction:"column",gap:"2",children:[n.jsxs(s.Tabs.List,{children:[n.jsx(s.Tabs.Trigger,{value:"edit",children:"Edit"}),n.jsx(s.Tabs.Trigger,{value:"preview",children:"Preview"})]}),n.jsxs(s.Tabs.Content,{value:"edit",children:[g,n.jsxs(s.Text,{children:["Add a new form field by clicking a + button. Specify options for each field, then drag and drop to rearrange them. You can see what a submitted form might look like in the"," ",n.jsx("em",{children:"Preview"})," tab, but"," ",n.jsx("strong",{children:"field values entered on this page will not be saved."})]}),n.jsx(s.Flex,{asChild:!0,direction:"column",gap:"2",mt:"3",children:n.jsxs("form",{id:Ce,onSubmit:d.handleSubmit,children:[n.jsxs(D.FormikProvider,{value:d,children:[f,p,n.jsx(Ht,{}),n.jsx(s.Text,{severity:"danger",size:"1",children:typeof d.errors.fields=="string"&&d.errors.fields})]}),n.jsxs(s.Flex,{justify:"end",gap:"2",children:[n.jsx(s.Button,{type:"button",variant:"soft",onClick:e,children:"Cancel"}),n.jsx(s.Button,{type:"submit",disabled:!d.isValid,children:"Save"})]})]})})]}),n.jsx(s.Tabs.Content,{value:"preview",children:n.jsx(be,{schema:h,onSubmit:Xt})})]})})}));y.BooleanField=Q,y.BooleanInput=He,y.DateField=me,y.DateInput=Ge,y.FieldSection=H,y.FormBrowser=zt,y.FormBuilder=Jt,y.FormRenderer=be,y.FormSubmissionBrowser=At,y.FormSubmissionViewer=St,y.MultiSelectField=ce,y.MultiSelectInput=tt,y.MultiStringField=ae,y.MultiStringInput=Re,y.NumberField=K,y.NumberInput=Ue,y.PatchField=Pt,y.PatchFormProvider=Lt,y.SelectField=de,y.SelectInput=Qe,y.StringField=Z,y.StringInput=Ke,y.TextField=k,y.TextInput=Ye,y.deserialize=ue,y.deserializeField=De,y.formRevisionToSchema=Ve,y.isConditionMet=$e,y.useFieldInput=fe,y.useFieldInputs=Be,y.valueIsFile=Fe,Object.defineProperty(y,Symbol.toStringTag,{value:"Module"})});
+(function(y,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("react/jsx-runtime"),require("@overmap-ai/blocks"),require("formik"),require("react"),require("@hello-pangea/dnd"),require("@overmap-ai/core"),require("lodash.get"),require("lodash.set")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","@overmap-ai/blocks","formik","react","@hello-pangea/dnd","@overmap-ai/core","lodash.get","lodash.set"],n):(y=typeof globalThis<"u"?globalThis:y||self,n(y.forms={},y.jsxRuntime,y.blocks,y.formik,y.React,y.dnd,y.core,y.get,y.set))})(this,function(y,n,s,D,c,U,F,J,ze){"use strict";var kt=Object.defineProperty;var Rt=(y,n,s)=>n in y?kt(y,n,{enumerable:!0,configurable:!0,writable:!0,value:s}):y[n]=s;var m=(y,n,s)=>(Rt(y,typeof n!="symbol"?n+"":n,s),s);class je{constructor(i){m(this,"type");m(this,"identifier");m(this,"description");const{description:e=null,identifier:t,type:r}=i;this.identifier=t,this.description=e,this.type=r}getId(){return this.identifier}static deserialize(i){throw new Error(`${this.name} must implement deserialize.`)}_serialize(){if(!this.identifier)throw new Error("Field identifier must be set before serializing.");return{type:this.type,identifier:this.identifier,description:this.description}}}class $ extends je{constructor(e){const{label:t,required:r,fieldValidators:o=[],formValidators:a=[],...u}=e;super(u);m(this,"required");m(this,"formValidators");m(this,"fieldValidators");m(this,"label");m(this,"onlyValidateAfterTouched",!0);this.label=t,this.required=r,this.fieldValidators=o,this.formValidators=a}static getFieldCreationSchema(){return[]}isBlank(e){return e==null||e===""}getValueFromChangeEvent(e){return e.target.value}getError(e,t){if(this.required&&this.isBlank(e))return"This field is required.";for(const r of this.getFieldValidators()){const o=r(e);if(o)return o}if(t)for(const r of this.getFormValidators()){const o=r(e,t);if(o)return o}}_serialize(){return{...super._serialize(),label:this.label,required:this.required}}getFieldValidators(){return[...this.fieldValidators]}getFormValidators(){return[...this.formValidators]}}m($,"fieldTypeName"),m($,"fieldTypeDescription");const he={description:"_description_17zed_1"},N=l=>{const{label:i,children:e,severity:t,inputId:r,labelId:o,flexProps:a}=l;return n.jsx(s.Flex,{direction:"column",gap:"1",asChild:!0,...a,children:n.jsxs("label",{htmlFor:r,children:[n.jsx(s.Text,{severity:t,id:o,children:i}),e]})})},W=l=>{const{helpText:i,children:e,severity:t}=l;return n.jsxs(s.Flex,{direction:"column",gap:"1",children:[e,n.jsx(s.Flex,{direction:"column",children:n.jsx(s.Text,{size:"1",severity:t,className:he.description,children:i})})]})},j=l=>{const{id:i,field:e,formId:t,...r}=l,[o,a,u]=D.useField(e.getId()),{touched:d}=a,h=a.error??e.description,f=a.error?"danger":void 0,p=i??`${t}-${e.getId()}-input`,g=`${p}-label`,x=e.required?`${e.label} *`:e.label,v=c.useMemo(()=>({...o,onChange:C=>{const w=e.getValueFromChangeEvent(C);u.setValue(w,!1).then(),(d||!e.onlyValidateAfterTouched)&&u.setError(e.getError(w))},onBlur:C=>{u.setTouched(!0,!1).then(),u.setError(e.getError(e.getValueFromChangeEvent(C)))}}),[e,o,u,d]);return[{helpText:h,severity:f,inputId:p,labelId:g,label:x,fieldProps:v,helpers:u,field:e},{...r,"aria-labelledby":g}]},ht=[!0,"true"],He=c.memo(function(i){const[{inputId:e,labelId:t,severity:r,helpText:o,label:a,fieldProps:u},d]=j(i),h=s.useSeverityColor(r),f=ht.includes(u.value);return n.jsx(W,{helpText:o,severity:r,children:n.jsx(N,{severity:r,inputId:e,labelId:t,label:a,flexProps:{direction:"row-reverse",justify:"end",align:"center",gap:"2"},children:n.jsx(s.Checkbox,{...d,...u,id:e,color:h,value:f.toString(),checked:f,onCheckedChange:u.onChange,onChange:void 0,onBlur:void 0})})})}),R=class R extends ${constructor(e){super({...e,type:"boolean"});m(this,"onlyValidateAfterTouched",!1)}isBlank(e){return this.required&&!e}getValueFromChangeEvent(e){return typeof e=="boolean"?e:e.target.checked}serialize(){return super._serialize()}static deserialize(e){if(e.type!=="boolean")throw new Error("Type mismatch.");return new R(e)}getInput(e){return n.jsx(He,{...e,field:this})}};m(R,"fieldTypeName","Checkbox"),m(R,"fieldTypeDescription","Perfect for both optional and required yes/no questions."),m(R,"Icon",s.CheckCircledIcon);let Q=R;const Ue=c.memo(function(i){const[{inputId:e,labelId:t,severity:r,helpText:o,label:a,fieldProps:u,field:d},h]=j(i),f=s.useSeverityColor(r);return n.jsx(W,{helpText:o,severity:r,children:n.jsx(N,{severity:r,inputId:e,labelId:t,label:a,children:n.jsx(s.TextField.Input,{...h,...u,type:"number",id:e,min:d.minimum,max:d.maximum,step:d.integers?1:.1,color:f})})})}),_=class _ extends ${constructor(e){const{minimum:t=Number.MIN_SAFE_INTEGER,maximum:r=Number.MAX_SAFE_INTEGER,integers:o=!1,...a}=e;super({...a,type:"number"});m(this,"minimum");m(this,"maximum");m(this,"integers");this.minimum=t,this.maximum=r,this.integers=o}getValueFromChangeEvent(e){const t=Number.parseFloat(e.target.value);return Number.isNaN(t)?"":t}static getFieldCreationSchema(){return[new _({label:"Minimum",description:"Minimum value",integers:!0,required:!1,identifier:"minimum",formValidators:[this._validateMin]}),new _({label:"Maximum",description:"Maximum value",integers:!0,required:!1,identifier:"maximum",formValidators:[this._validateMax]}),new Q({label:"Integers",description:"Whole numbers only",required:!1,identifier:"integers"})]}getFieldValidators(){const e=super.getFieldValidators(),t=this.minimum,r=this.maximum;return typeof t=="number"&&e.push(o=>{if(typeof o=="number"&&o<t)return`Must be at least ${this.minimum}.`}),typeof r=="number"&&e.push(o=>{if(typeof o=="number"&&o>r)return`Must be at most ${this.maximum}.`}),this.integers&&e.push(o=>{if(typeof o=="number"&&!Number.isInteger(o))return"Must be a whole number."}),e}serialize(){return{...super._serialize(),minimum:this.minimum,maximum:this.maximum,integers:this.integers}}static deserialize(e){if(e.type!=="number")throw new Error("Type mismatch.");return new _(e)}getInput(e){return n.jsx(Ue,{field:this,...e})}};m(_,"fieldTypeName","Number"),m(_,"fieldTypeDescription","Allows specifying a number within a given range."),m(_,"Icon",s.FontFamilyIcon),m(_,"_validateMin",(e,t)=>typeof t.maximum=="number"&&typeof e=="number"&&t.maximum<e?"Minimum cannot be greater than minimum.":null),m(_,"_validateMax",(e,t)=>typeof t.minimum=="number"&&typeof e=="number"&&t.minimum>e?"Maximum cannot be less than minimum.":null);let G=_;const Ge=c.memo(function(i){const[{inputId:e,labelId:t,severity:r,helpText:o,label:a,fieldProps:u},d]=j(i),h=s.useSeverityColor(r),f=u.value?u.value.split("T")[0]:"";return n.jsx(W,{helpText:o,severity:r,children:n.jsx(N,{severity:r,inputId:e,labelId:t,label:a,children:n.jsx(s.TextField.Input,{...d,...u,type:"date",id:e,color:h,value:f})})})}),ee=class ee extends ${constructor(e){super({...e,type:"date"});m(this,"onlyValidateAfterTouched",!1)}serialize(){return super._serialize()}getValueFromChangeEvent(e){return new Date(e.target.value).toISOString()}static deserialize(e){if(e.type!=="date")throw new Error("Type mismatch.");return new ee(e)}getInput(e){return n.jsx(Ge,{field:this,...e})}};m(ee,"fieldTypeName","Date"),m(ee,"fieldTypeDescription","Allows specifying a date."),m(ee,"Icon",s.CalendarIcon);let me=ee;class ge extends ${constructor(e){const{minLength:t,maxLength:r=5e3,...o}=e;super(o);m(this,"minLength");m(this,"maxLength");this.minLength=t?Math.max(t,0):void 0,this.maxLength=r?Math.max(r,0):5e3}static getFieldCreationSchema(){return[new G({label:"Minimum length",description:"Minimum number of characters",required:!1,identifier:"minimum_length",minimum:0,maximum:100,formValidators:[this._validateMin],integers:!0}),new G({label:"Maximum length",description:"Maximum number of characters",required:!1,identifier:"maximum_length",minimum:1,maximum:5e3,formValidators:[this._validateMax],integers:!0})]}getFieldValidators(){const e=super.getFieldValidators();return this.minLength&&e.push(t=>{if(this.minLength&&(!t||t.length<this.minLength))return!this.required&&!t?null:`Minimum ${this.minLength} character(s).`}),this.maxLength&&e.push(t=>{if(typeof t=="string"&&this.maxLength&&t.length>this.maxLength)return`Maximum ${this.maxLength} character(s).`}),e}_serialize(){if(!this.identifier)throw new Error("Field identifier must be set before serializing.");return{...super._serialize(),minimum_length:this.minLength,maximum_length:this.maxLength}}}m(ge,"_validateMin",(e,t)=>typeof t.maximum_length=="number"&&typeof e=="number"&&t.maximum_length<e?"Minimum cannot be greater than maximum.":null),m(ge,"_validateMax",(e,t)=>{if(typeof e!="number")return null;const{minimum_length:r}=t;return typeof r!="number"?null:r>e?"Maximum cannot be less than minimum.":null});const Ke=c.memo(function(i){const[{inputId:e,labelId:t,severity:r,helpText:o,label:a,fieldProps:u,field:d},h]=j(i),f=s.useSeverityColor(r);return n.jsx(W,{helpText:o,severity:r,children:n.jsx(N,{severity:r,inputId:e,labelId:t,label:a,children:n.jsx(s.TextField.Input,{...h,...u,type:d.inputType,id:e,color:f})})})}),te=class te extends ge{constructor(e){const{inputType:t="text",...r}=e,o=e.maxLength?Math.min(500,e.maxLength):500,a=e.minLength?Math.min(e.minLength,o):void 0;super({...r,maxLength:o,minLength:a,type:"string"});m(this,"inputType");this.inputType=t}serialize(){return{...super._serialize(),input_type:this.inputType}}static deserialize(e){if(e.type!=="string")throw new Error("Type mismatch.");const{maximum_length:t,minimum_length:r,input_type:o,...a}=e;return new te({...a,maxLength:t,minLength:r,inputType:o})}getInput(e){return n.jsx(Ke,{field:this,...e})}};m(te,"fieldTypeName","Short Text"),m(te,"fieldTypeDescription","Short text fields can hold up to 500 characters on a single line."),m(te,"Icon",s.InputIcon);let Z=te;const Ye=c.memo(function(i){const[{inputId:e,labelId:t,severity:r,helpText:o,label:a,fieldProps:u},d]=j(i);return n.jsx(W,{helpText:o,severity:r,children:n.jsx(N,{severity:r,inputId:e,labelId:t,label:a,children:n.jsx(s.TextArea,{...d,...u,resize:"vertical",id:e,severity:r})})})}),ie=class ie extends ge{constructor(i){const e=i.maxLength?Math.min(5e3,i.maxLength):5e3,t=i.minLength?Math.min(i.minLength,e):void 0;super({...i,maxLength:e,minLength:t,type:"text"})}serialize(){return super._serialize()}static deserialize(i){if(i.type!=="text")throw new Error("Type mismatch.");const{maximum_length:e,minimum_length:t,...r}=i;return new ie({...r,maxLength:e,minLength:t})}getInput(i){return n.jsx(Ye,{field:this,...i})}};m(ie,"fieldTypeName","Paragraph"),m(ie,"fieldTypeDescription","Paragraph fields can hold up to 5000 characters and can have multiple lines."),m(ie,"Icon",s.RowsIcon);let k=ie;const Qe=c.memo(function(i){const[{inputId:e,labelId:t,severity:r,helpText:o,label:a,fieldProps:u,field:d},h]=j(i),{onChange:f,onBlur:p}=u,g=c.useMemo(()=>d.options.map(v=>({value:v.value,itemContent:v.label})),[d.options]),x=c.useCallback(v=>{f(v),p(v)},[f,p]);return n.jsx(W,{helpText:o,severity:r,children:n.jsx(N,{severity:r,inputId:e,labelId:t,label:a,children:n.jsx(s.Select,{items:g,...u,onValueChange:x,placeholder:"Select one...",id:e,severity:r,...h})})})}),ye=(l="",i=[])=>({type:"section",fields:i,identifier:l,label:null,condition:null,conditional:!1}),mt=l=>{if(!l)return;const i=l.fields;let e=[];const t=[];for(const r of i)r.type==="section"?(e.length>0&&(t.push(ye(`AUTO_section-${i.indexOf(r)}`,e)),e=[]),t.push(r)):e.push(r);return e.length>0&&t.push(ye("AUTO_section-last",e)),{...l,fields:t,description:l.description??""}};function Ee(l,i,e){const t=Array.from(l),[r]=t.splice(i,1);if(!r)throw new Error("Could not find field to reorder.");return t.splice(e,0,r),t}function gt(l,i,e){const t=Array.from(l);return t[i]=e,t}function Xe(l,i,e){const t=Array.from(l??[]);return t.splice(i,0,e),t}function xe(l,i){const e=Array.from(l);return e.splice(i,1),e}const Je=(l,i)=>{if(typeof l=="string"&&l.length>0)return l;const e=new Date;return`${F.slugify(i)}-${e.getTime()}`},Ze=(l,i)=>{if(!i)return null;for(const e of l)if(e.type==="section"){const t=Ze(e.fields,i);if(t)return t}else if(e.identifier===i)return e;return null},ve=(l,i)=>l.filter((e,t)=>t<i).flatMap(e=>e.fields),ke=l=>l.flatMap(i=>i.type==="section"?[...i.fields.map(e=>e.label),i.label]:i.label).filter(i=>i!==null),Me=(l,i)=>{let e=1,t=`${l} (${e})`;for(;i.includes(t);)t=`${l} (${++e})`;return t},Re=c.memo(function(i){const[{inputId:e,labelId:t,severity:r,helpText:o,label:a,fieldProps:u},d]=j(i),h=s.useSeverityColor(r),f=c.useMemo(()=>Array.isArray(u.value)?u.value:[],[u.value]),{onChange:p,onBlur:g}=u,x=`${e}-droppable`,{disabled:v}=d,[I,S]=c.useState(""),[C,w]=c.useState(""),M=C||o,A=C?"red":h,b=c.useCallback(E=>{p(E),g(E)},[p,g]),P=c.useCallback(E=>{f.findIndex(O=>O.value===E.target.value.trim())>=0?w("All options must be unique"):E.target.value?w(""):w("Option cannot be empty"),S(E.target.value)},[S,f]),B=c.useCallback(()=>{if(C)return;if(!I.trim())return w("Option cannot be empty");const E=I.trim();b([...f,{value:E,label:E}]),S("")},[I,C,b,f]),X=c.useCallback(E=>{E.key==="Enter"&&(E.preventDefault(),B())},[B]),H=c.useCallback(E=>{b(xe(f,E))},[f,b]),Y=c.useCallback(E=>{if(!E.destination)return;const O=E.source.index,T=E.destination.index;b(Ee(f,O,T))},[b,f]);return n.jsx(U.DragDropContext,{onDragEnd:Y,children:n.jsxs(s.Flex,{direction:"column",gap:"2",children:[n.jsx(W,{helpText:M,severity:r,children:n.jsx(N,{severity:r,inputId:e,labelId:t,label:a,children:(!v||f.length===0)&&n.jsxs(s.Flex,{gap:"2",children:[n.jsx(s.Box,{grow:"1",children:n.jsx(s.TextField.Input,{placeholder:"Press enter to add a new option",...d,...u,value:I,onChange:P,onKeyDown:X,id:e,color:A,onBlur:void 0})}),n.jsx(s.IconButton,{type:"button","aria-label":"Add option",disabled:!!C||v,onClick:B,children:n.jsx(s.PlusIcon,{})})]})})}),n.jsx(U.Droppable,{droppableId:x,children:E=>n.jsxs(s.Flex,{...E.droppableProps,ref:E.innerRef,direction:"column",children:[f.map((O,T)=>n.jsx(U.Draggable,{draggableId:`${O.value}-draggable`,index:T,isDragDisabled:v,children:({draggableProps:z,dragHandleProps:V,innerRef:L})=>n.jsx(s.Flex,{...V,...z,ref:L,gap:"2",align:"center",justify:"between",mb:"1",asChild:!0,children:n.jsxs(s.Badge,{color:"gray",size:"2",children:[n.jsx("span",{children:O.label}),n.jsx(s.IconButton,{size:"small",variant:"ghost",type:"button","aria-label":"Delete option",severity:"info",disabled:v,onClick:()=>H(T),children:n.jsx(s.Cross1Icon,{})})]})})},O.value)),E.placeholder]})})]})})}),ne=class ne extends ${constructor(e){const{minimum_length:t,maximum_length:r,...o}=e;super({...o,type:"multi-string"});m(this,"minLength");m(this,"maxLength");m(this,"onlyValidateAfterTouched",!1);this.minLength=t??0,this.maxLength=r??1/0}getValueFromChangeEvent(e){if(Array.isArray(e))return e;throw new Error("Expected an array.")}getInput(e){return n.jsx(Re,{field:this,...e})}serialize(){return{...super._serialize(),minimum_length:this.minLength,maximum_length:this.maxLength}}isBlank(e){return super.isBlank(e)||e.length===0}getFieldValidators(){const e=super.getFieldValidators();return e.push(t=>{if(Array.isArray(t)&&t.length<this.minLength)return`Must have at least ${this.minLength} options.`}),e.push(t=>{if(Array.isArray(t)&&t.length>this.maxLength)return`Must have at most ${this.maxLength} options.`}),e}static deserialize(e){if(e.type!=="multi-string")throw new Error("Type mismatch.");return new ne(e)}};m(ne,"fieldTypeName","Multi-string"),m(ne,"fieldTypeDescription","Allows the user to provide multiple unique strings."),m(ne,"Icon",s.ListBulletIcon);let ae=ne;class et extends ${constructor(e){super(e);m(this,"options");m(this,"onlyValidateAfterTouched",!1);const t=new Set;this.options=e.options.map(r=>(typeof r=="string"&&(r={label:r,value:r}),t.add(r.label),r)),t.size!==e.options.length&&console.error(`${e.options.length-t.size} duplicate identifiers found in options. This may cause unexpected behavior. Options:`,e.options)}_serialize(){return{...super._serialize(),options:this.options}}static getFieldCreationSchema(){return[new ae({label:"Options",description:"List possible options for the user to select from.",required:!0,identifier:"options",minimum_length:2,maximum_length:20})]}}const re=class re extends et{constructor(i){super({...i,type:"select"})}getValueFromChangeEvent(i){return typeof i=="string"?i:i.target.value}serialize(){return super._serialize()}static deserialize(i){if(i.type!=="select")throw new Error("Type mismatch.");return new re(i)}getInput(i){return n.jsx(Qe,{field:this,...i})}};m(re,"fieldTypeName","Dropdown"),m(re,"fieldTypeDescription","Allows the user to select a single option from a list of options."),m(re,"Icon",s.DropdownMenuIcon);let de=re;const yt=l=>l?Array.isArray(l)?l:[l]:[],tt=c.memo(function(i){const[{inputId:e,labelId:t,severity:r,helpText:o,label:a,fieldProps:u,field:d},h]=j(i),{onChange:f,onBlur:p}=u,g=c.useMemo(()=>yt(u.value),[u.value]),x=c.useCallback(v=>{f(v),p(v)},[f,p]);return n.jsx(W,{helpText:o,severity:r,children:n.jsx(N,{severity:r,inputId:e,labelId:t,label:a,children:n.jsx(s.MultiSelect,{value:g,onValueChange:x,options:d.options,name:u.name,placeholder:"Select one or more...",id:e,severity:r,...h})})})}),se=class se extends et{constructor(i){super({...i,type:"multi-select"})}getValueFromChangeEvent(i){if(Array.isArray(i))return i;throw new Error("Expected an array.")}isBlank(i){return super.isBlank(i)||i.length===0}serialize(){return super._serialize()}static deserialize(i){if(i.type!=="multi-select")throw new Error("Type mismatch.");return new se(i)}getInput(i){return n.jsx(tt,{field:this,...i})}};m(se,"fieldTypeName","Multi-select"),m(se,"fieldTypeDescription","Allows the user to select a multiple options from a list of options."),m(se,"Icon",s.CheckboxIcon);let ce=se;const xt=c.memo(function({field:i,...e}){const[{value:t}]=D.useField(i.options.clonedFieldIdentifier),r=c.useMemo(()=>{const o=i.options.getFieldToClone(t);return o?ue(o):null},[i.options,t]);return fe(r,e)});class we extends ${constructor(e,t){super({...e,type:"custom"});m(this,"Component");m(this,"options");this.options=e,this.Component=t}serialize(){throw new Error("Serializing only supported for public input types.")}getInput(e){const t=this.Component;return n.jsx(t,{field:this,...e})}}m(we,"fieldTypeName","Custom"),m(we,"fieldTypeDescription","Allows re-rendering of field already in the form");class vt extends we{constructor(i){super(i,xt)}}const wt=c.memo(function(i){const{field:e,...t}=i,{label:r,description:o,fields:a,condition:u}=e,{values:d,setFieldValue:h}=D.useFormikContext(),f=u!=null&&u.identifier?J(d,u.identifier):void 0,p=c.useMemo(()=>$e(u,f),[u,f]);c.useEffect(()=>{if(!p)for(const x of a)h(x.getId(),"").then()},[p,a,h]);const g=Be(a,t);return p?r?n.jsx(s.Card,{children:n.jsxs(s.Flex,{direction:"column",gap:"3",children:[n.jsxs(s.Flex,{direction:"column",children:[n.jsx(s.Heading,{as:"h3",size:"3",children:r}),n.jsx(s.Text,{className:he.description,children:o})]}),g]})}):g:null}),oe=class oe extends je{constructor(e){const{label:t=null,fields:r,condition:o=null,conditional:a,...u}=e;super({...u,type:"section"});m(this,"label");m(this,"fields");m(this,"condition");this.fields=r,this.condition=o,this.label=t,a===!1&&(this.condition=null)}static getFieldCreationSchema(e){return e.length===0?[]:[new Q({label:"Conditional",description:"Conditionally show or hide this section.",identifier:"conditional",required:!1}),new oe({label:"Conditional settings",identifier:"conditional-settings",condition:{identifier:"conditional",value:!0},fields:[new de({label:"Field",description:"The field to use for the condition.",options:e.map(t=>!t.label||t.type==="upload"?null:{label:t.label,value:t.identifier}).filter(t=>!!t),identifier:"condition.identifier",required:!0}),new vt({label:"Value",identifier:"condition.value",required:!0,clonedFieldIdentifier:"condition.identifier",getFieldToClone(t){if(!t)return null;const r=e.find(o=>o.identifier===t);return r?{...r,label:"Value",identifier:"condition.value",description:"The value to compare against.",required:r.type!=="boolean"}:(console.error("Could not find field with identifier",t),null)}})]})]}static deserialize(e){var r;if(e.type!=="section")throw new Error("Invalid type");const t=((r=e.fields)==null?void 0:r.map(De))??[];return new oe({...e,fields:t})}conditional(){return this.condition!==null}serialize(){return{...super._serialize(),label:this.label,condition:this.condition,conditional:this.conditional(),fields:this.fields.map(e=>e.serialize())}}getErrors(e){const t={};for(const r of this.fields){const o=r.getId(),a=r.getError(J(e,o),e);a&&ze(t,r.getId(),a)}return t}getInput(e){return n.jsx(wt,{field:this,...e})}};m(oe,"fieldTypeName","Section"),m(oe,"fieldTypeDescription","Sections can be useful for grouping fields together. They can also be conditionally shown or hidden.");let K=oe;const Ft={previewImage:"_previewImage_1ig84_1"},Ae=l=>{const i=["byte","kilobyte","megabyte"];let e=l,t=0;for(;e>1024&&t<i.length-1;)e/=1024,t++;return new Intl.NumberFormat([],{maximumFractionDigits:2,style:"unit",unit:i[t]}).format(e)},It=c.memo(function(i){var A;const[{inputId:e,labelId:t,severity:r,helpText:o,label:a,fieldProps:u,field:d},h]=j(i),{onChange:f}=u,p=s.useSeverityColor(r),g=c.useRef(null),{value:x}=u,v=c.useMemo(()=>o||(d.maxFileSize?`Maximum file size: ${Ae(d.maxFileSize)}`:null),[d.maxFileSize,o]),I=c.useCallback(()=>{var b;(b=g.current)==null||b.click()},[]),S=c.useCallback(b=>{const P=[...x];P.splice(b,1),f({target:{files:P}})},[x,f]),C=x?"Select new files":"Select files",w=x?"Select new file":"Select a file",M=d.maxFiles>1?C:w;return n.jsxs(s.Flex,{direction:"column",gap:"2",children:[n.jsx(W,{helpText:v,severity:r,children:n.jsxs(N,{severity:r,inputId:e,labelId:t,label:a,children:[n.jsx(s.Flex,{direction:"row",gap:"2",children:n.jsx(s.Box,{width:"max-content",asChild:!0,children:n.jsxs(s.Button,{...h,onClick:I,children:[n.jsx(s.UploadIcon,{})," ",M]})})}),n.jsx("input",{...h,type:"file",ref:g,id:e,accept:(A=d.extensions)==null?void 0:A.join(","),multiple:d.maxFiles>1,color:p,style:{display:"none"},...u,value:""})]})}),Array.isArray(x)&&x.length>0&&n.jsx(s.Flex,{direction:"column",gap:"2",children:x.map((b,P)=>n.jsx(bt,{field:d,file:b,onRemove:()=>S(P),disabled:h.disabled},P))})]})}),bt=c.memo(function({file:i,field:e,onRemove:t,disabled:r}){const[o,a]=c.useState(null),u=c.useMemo(()=>o&&e.getError([o]),[e,o]),{url:d,name:h,size:f}=c.useMemo(()=>{let p=null,g,x;return o!=null&&o.type.startsWith("image/")&&(p=URL.createObjectURL(o)),o?(g=o.name,x=Ae(o.size)):(g="Downloading...",x="..."),{url:p,name:g,size:x}},[o]);return c.useEffect(()=>{i instanceof Promise?i.then(a):a(i)},[i]),n.jsx(s.Card,{children:n.jsxs(s.Flex,{direction:{initial:"column",sm:"row"},gap:"3",justify:"between",children:[n.jsxs(s.Flex,{direction:"row",gap:"3",align:"center",grow:"1",shrink:"0",children:[n.jsx(s.IconButton,{severity:"info",variant:"outline","aria-label":`Remove ${h}`,disabled:r,onClick:t,children:n.jsx(s.Cross1Icon,{})}),n.jsxs(s.Flex,{direction:"column",gap:"1",children:[n.jsx(s.Text,{children:h}),n.jsx(s.Text,{size:"1",children:f}),u&&n.jsx(s.Text,{size:"1",severity:"danger",children:u})]})]}),d&&n.jsx("img",{className:Ft.previewImage,src:d,alt:h})]})})}),it=50*1024*1024,le=class le extends ${constructor(e){const{extensions:t,maximum_files:r,maximum_size:o,...a}=e;super({...a,type:"upload"});m(this,"extensions");m(this,"maxFileSize");m(this,"maxFiles");m(this,"onlyValidateAfterTouched",!1);this.maxFileSize=typeof o=="number"?o:void 0,this.maxFiles=Math.max(typeof r=="number"?r:1,1),this.extensions=t}getValueFromChangeEvent(e){return Array.from(e.target.files||[])}isBlank(e){return super.isBlank(e)||e.length===0}static getFieldCreationSchema(){return[new G({label:"How many files can be uploaded?",description:"By default, only one file can be uploaded.",required:!1,minimum:1,maximum:10,identifier:"maximum_files"}),new G({label:"What is the maximum size of each file?",description:"Maximum file size in bytes.",required:!1,identifier:"maximum_size",minimum:1,maximum:it,integers:!0}),new ce({label:"Accepted file types",description:"Types of allowed files to upload. If left blank, all files will be accepted.",required:!1,identifier:"extensions",options:[{value:"image/*",label:"Images"},{value:"audio/*",label:"Audio files"},{value:"video/*",label:"Videos"},{value:"text/*",label:"Text files"},{value:"application/*",label:"Application files (includes PDFs and Word documents)"}]})]}getFieldValidators(){const e=super.getFieldValidators(),t=this.maxFileSize??it,r=this.maxFiles??1;return e.push(o=>{if(o&&o.some(a=>a.size>t))return`Files must be at most ${Ae(t)}.`}),e.push(o=>{if(o&&o.length>r)return`You can only upload ${r} files.`}),e}serialize(){return{...super._serialize(),extensions:this.extensions,maximum_size:this.maxFileSize,maximum_files:this.maxFiles}}static deserialize(e){if(e.type!=="upload")throw new Error("Type mismatch.");return new le(e)}getInput(e){return n.jsx(It,{field:this,...e})}};m(le,"fieldTypeName","Upload"),m(le,"fieldTypeDescription","Allows a file to be uploaded."),m(le,"Icon",s.UploadIcon);let Pe=le;const Le={date:me,number:G,boolean:Q,select:de,string:Z,text:k,custom:we,upload:Pe,"multi-string":ae,"multi-select":ce},De=l=>{const i=l.type;return Le[i].deserialize(l)},ue=l=>l.type==="section"?K.deserialize(l):De(l);function Ve(l,i={}){const{readonly:e=!1}=i;return{title:l.title,description:l.description,fields:l.fields.map(t=>ue(t)),meta:{readonly:e}}}function Fe(l){return!!(Array.isArray(l)&&l.some(i=>i instanceof File||i instanceof Promise))}function $e(l,i){if(!l)return!0;if(Fe(i)||Fe(l.value))throw new Error("Conditions do not support file uploads");const e=Array.isArray(i)?i.map(r=>typeof r=="string"?r:r.value):i,t=Array.isArray(l.value)?l.value.map(r=>typeof r=="string"?r:r.value):l.value;if(Array.isArray(t)&&Array.isArray(e)){for(const r of t)if(!e.includes(r))return!1;return!0}return t===i}const fe=(l,i)=>c.useMemo(()=>!i||!l?null:l.getInput(i),[l,i]),Be=(l,i)=>{const e=c.useMemo(()=>l.map(t=>n.jsx("div",{children:t.getInput(i)},t.getId())),[l,i]);return n.jsx(s.Flex,{direction:"column",gap:"2",children:e})},Ie=l=>Object.keys(l).length>0,nt=async(l,i)=>{const e={};for(const t of l.fields)if(t instanceof K){if(t.condition){const{identifier:r}=t.condition;if(!$e(t.condition,J(i,r)))continue}Object.assign(e,t.getErrors(i))}else{if(!(t instanceof $))throw new Error("Invalid field type");const r=t.getId(),o=t.getError(J(i,r),i);o&&ze(e,r,o)}if(Ie(e))return e},Ct=[null,void 0],_e=(l,i)=>l.reduce((e,t)=>t instanceof K?{...e,..._e(t.fields,i)}:(Ct.includes(J(e,t.getId()))&&ze(e,t.getId(),""),e),i),Tt=()=>{throw new Error("onSubmit must be provided if form is not readonly.")},be=c.memo(c.forwardRef((l,i)=>{const{schema:e,values:t={},onSubmit:r=Tt,submitText:o="Submit",cancelText:a,onCancel:u,onDirty:d,hideTitle:h=!e.title,hideDescription:f,className:p}=l,{readonly:g}=e.meta,x=c.useMemo(()=>crypto.randomUUID(),[]),v=D.useFormik({initialValues:_e(e.fields,t),onSubmit:r,validate:M=>nt(e,M),validateOnBlur:!1,validateOnChange:!1}),{dirty:I}=v,S=c.useMemo(()=>typeof e.title=="string"?n.jsx(s.Heading,{children:e.title}):e.title,[e.title]),C=c.useMemo(()=>typeof e.description=="string"?n.jsx(s.Text,{className:he.description,children:e.description}):e.description,[e.description]),w=Be(e.fields,{formId:x,disabled:g});return c.useEffect(()=>{I&&d&&d()},[I,d]),n.jsx(D.FormikProvider,{value:v,children:n.jsx(s.Flex,{ref:i,direction:"column",gap:"2",className:p,asChild:!0,children:n.jsxs("form",{id:x,onSubmit:v.handleSubmit,children:[!h&&n.jsx(s.Card,{children:n.jsxs(s.Flex,{direction:"column",gap:"1",children:[S,!f&&C]})}),w,!g&&n.jsxs(s.Flex,{justify:"end",gap:"2",children:[a&&n.jsx(s.Button,{type:"button",variant:"soft",onClick:u,children:a}),n.jsx(s.Button,{type:"submit",disabled:!v.isValid,children:o})]})]})})})})),St=c.memo(c.forwardRef((l,i)=>{const{submission:e,showFormDescription:t=!1,showFormTitle:r=!0}=l,o=F.useAppSelector(F.selectFormRevision(e.form_revision)),{sdk:a}=F.useSDK();if(!o)throw new Error(`Could not find revision ${e.form_revision} for submission ${e.offline_id}.`);const u=c.useMemo(()=>Ve(o,{readonly:!0}),[o]),d=c.useMemo(()=>{const h=F.selectSubmissionAttachments(e.offline_id)(a.store.getState())??[],f={};for(const p of h){const g=a.files.fetchFileFromUrl(p.file,p.file_sha1,p.file_name).then(v=>{if(!v.success)throw new Error(`Failed to download attachment ${p.file_name}.`);return v.body}),x=f[p.field_identifier];x?x.push(g):f[p.field_identifier]=[g]}return{...e.values,...f}},[a.files,a.store,e.offline_id,e.values]);return n.jsx(be,{ref:i,schema:u,values:d,hideDescription:!t,hideTitle:!r})})),rt={favoriteIcon:"_favoriteIcon_1bixi_1",regularIcon:"_regularIcon_1bixi_9"},Oe="organization:",qe="user:",zt=c.memo(c.forwardRef((l,i)=>{const{maxResults:e=20,...t}=l,[r,o]=c.useState(""),[a,u]=c.useState(""),{sdk:d}=F.useSDK(),h=c.useMemo(()=>{const w={maxResults:e,searchTerm:r};return a&&(a.startsWith(Oe)?w.owner_organization=parseInt(a.slice(Oe.length)):a.startsWith(qe)&&(w.owner_user=parseInt(a.slice(qe.length)))),w},[r,e,a]),f=F.useAppSelector(F.selectFilteredUserForms(h))??[],p=F.useAppSelector(F.selectUserFormMapping),g=c.useCallback(w=>{w.favorite?d.userForms.unfavorite(w.offline_id).then():d.userForms.favorite(w.offline_id).then()},[d]),x=c.useMemo(()=>{const w=d.store.getState(),M={};for(const A of Object.values(p)){const b=F.selectOrganization(A.owner_organization||-1)(w);b&&(M[`${Oe}${b.id}`]=b.name);const P=F.selectUser(A.owner_user||-1)(w);P&&(M[`${qe}${P.id}`]=P.username)}return Object.entries(M).map(([A,b])=>({itemContent:b,value:A}))},[p,d.store]),v=c.useCallback(w=>{o(w.currentTarget.value)},[]),S=(F.useAppSelector(F.selectNumberOfUserForms)||0)-f.length,C=f.length==e&&S>0?`Only the first ${e} results are shown (${S} hidden)`:S>0&&`${S} hidden forms`;return n.jsxs(s.Flex,{ref:i,direction:"column",gap:"2",children:[n.jsxs(s.Flex,{gap:"2",grow:"1",children:[n.jsx(s.Box,{grow:"1",asChild:!0,children:n.jsx(s.TextField.Root,{size:"3",children:n.jsx(s.TextField.Input,{placeholder:"Filter",value:r,onChange:v})})}),n.jsx(s.Select,{items:x,value:a,onValueChange:u,placeholder:"Owner",size:"large"})]}),f.length>0&&n.jsx(s.ButtonList.Root,{children:f.map(w=>n.jsx(Et,{...t,form:w,handleToggleFavorite:()=>g(w)},w.offline_id))}),n.jsx(s.Box,{px:"3",children:n.jsx(s.Text,{size:"2",severity:"info",children:C})})]})})),Et=l=>{var g;const{form:i,onSelectForm:e,isFavoriteEditable:t,handleToggleFavorite:r}=l,o=(g=F.useAppSelector(F.selectOrganization(i.owner_organization||-1)))==null?void 0:g.name,a=F.useAppSelector(F.selectUser(i.owner_user||-1)),u=F.useAppSelector(F.selectCurrentUser).id,d=!!a&&a.id===u,h=o??(d?"You":a==null?void 0:a.username)??"Unknown",f=c.useCallback(x=>{x.stopPropagation(),r()},[r]),p=n.jsx(s.ButtonList.Item,{onClick:()=>e(i),asChild:!0,children:n.jsxs(s.Flex,{justify:"between",gap:"2",py:"2",px:"3",...s.divButtonProps,children:[n.jsxs(s.Flex,{grow:"1",align:"center",gap:"2",children:[n.jsx(s.IconButton,{className:F.classNames(i.favorite?rt.favoriteIcon:rt.regularIcon),variant:"ghost",onClick:f,"aria-label":i.favorite?"Favorite form":"Standard form",disabled:!t,children:i.favorite?n.jsx(s.StarFilledIcon,{}):n.jsx(s.StarIcon,{})}),n.jsx(s.Text,{noWrap:!0,children:i.latestRevision.title}),i.latestRevision.description&&n.jsx(s.QuestionMarkCircledIcon,{})]}),h&&n.jsxs(s.Flex,{align:"center",gap:"2",children:[n.jsx(s.PersonIcon,{})," ",h]})]})});return i.latestRevision.description?n.jsx(s.Tooltip,{content:i.latestRevision.description,children:p},i.offline_id):p},st={submissionsContainer:"_submissionsContainer_9iirt_1",stopHorizontalOverflow:"_stopHorizontalOverflow_9iirt_6"},Mt=c.memo(function(i){var w;const{submission:e,onSubmissionClick:t,compact:r,labelType:o,rowDecorator:a}=i,u=F.useAppSelector(F.selectCurrentUser),d=F.useAppSelector(F.selectUser("created_by"in e?e.created_by:u.id)),h=Ne(e),f=F.isToday(h)?h.toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"}):F.getLocalDateString(h),p=F.useAppSelector(F.selectFormRevision(e.form_revision));if(!p)throw new Error(`Could not find revision ${e.form_revision} for submission ${e.offline_id}.`);const g=(w=F.useAppSelector(F.selectLatestFormRevision(p.form)))==null?void 0:w.revision,x=F.useFileSrc({file:(d==null?void 0:d.profile.file)??null,fileSha1:(d==null?void 0:d.profile.file_sha1)??null}),v=(d==null?void 0:d.username.charAt(0).toUpperCase())??"?",I=p.revision===g,S=c.useCallback(()=>{t&&t({submission:e})},[e,t]),C=n.jsx(s.ButtonList.Item,{onClick:S,asChild:!0,children:n.jsxs(s.Flex,{grow:"1",width:"100%",p:"2",gap:"2",justify:"between",children:[n.jsxs(s.Flex,{gap:"2",align:"center",className:st.stopHorizontalOverflow,children:[n.jsx(s.Avatar,{src:x,size:"1",fallback:v}),n.jsx(s.Text,{size:"2",noWrap:!0,children:o==="creator"?(d||u).username:p.title})]}),n.jsxs(s.Flex,{gap:"2",align:"center",children:[!r&&(p.revision?n.jsx(s.Badge,{variant:"soft",severity:I?"primary":"info",children:r?p.revision.toString():`Revision #${p.revision}`}):!!g&&n.jsx(s.Badge,{children:"Original"})),n.jsx(s.Text,{size:"2",noWrap:!0,children:f})]})]})});return a?a(e,C):C}),Ne=l=>{const i="created_at"in l?l.created_at:l.submitted_at;return new Date(i)},At=c.memo(function(i){const{formId:e,submissions:t,compact:r=!1,className:o,after:a,variant:u="outline",...d}=i;if(!!e==!!t)throw new Error("Either formId or submissions must be provided, but not both.");const h=F.useAppSelector(t?()=>t:F.selectSubmissionsForForm(e)),f=c.useMemo(()=>h==null?void 0:h.sort((p,g)=>Ne(g).getTime()-Ne(p).getTime()),[h]);return n.jsx(s.ButtonList.Root,{className:F.classNames(st.submissionsContainer,o),size:"small",variant:u,before:!r&&n.jsxs(s.Text,{severity:"info",children:["There are ",((h==null?void 0:h.length)||0).toString()," submissions of this form."]}),after:a,children:f==null?void 0:f.map((p,g)=>n.jsx(Mt,{submission:p,compact:r,...d},g))})}),Pt=c.memo(function(i){const{name:e,render:t}=i,{submitForm:r}=D.useFormikContext(),[o,a,u]=D.useField(e);return c.useMemo(()=>{const d=h=>u.setValue(h,!1);return t({value:o.value,setValue:d,patchValue:r})},[r,u,o.value,t])}),Lt=c.memo(c.forwardRef((l,i)=>{const{children:e,schema:t,values:r,onPatch:o,onError:a,...u}=l,d=c.useMemo(()=>_e(t.fields,r),[t.fields,r]),h=c.useCallback(v=>{const I={};for(const S in v){const C=v[S];C!==d[S]&&C!==void 0&&(I[S]=C)}Ie(I)&&o(I)},[d,o]),f=c.useCallback(async v=>{const I=await nt(t,v);return I&&a(I),I},[t,a]),p=D.useFormik({initialValues:d,onSubmit:h,validate:f,validateOnBlur:!1,validateOnChange:!1}),{errors:g,resetForm:x}=p;return c.useEffect(()=>{Ie(g)&&x({values:d,errors:{}})},[g,d,x]),n.jsx(D.FormikProvider,{value:p,children:n.jsx("form",{...u,ref:i,onSubmit:p.handleSubmit,children:e})})})),ot={...Le,section:K},Dt=c.memo(function(i){const{field:e,setFieldType:t}=i,r=e.fieldTypeName,o=e.fieldTypeDescription,a=e.Icon;return n.jsxs(s.Flex,{gap:"4",align:"center",children:[n.jsx(s.Button,{type:"button",variant:"surface",onClick:t,style:{width:"135px"},children:n.jsxs(s.Flex,{gap:"3",align:"center",grow:"1",children:[n.jsx(a,{}),r]})}),n.jsx(s.Text,{children:o})]})}),lt=[["string","text"],["select","multi-select","upload"],["boolean","date","number","multi-string"]],Vt=lt.length-1,$t=c.memo(function(i){const{setFieldType:e}=i;return n.jsx(s.Flex,{direction:"column",gap:"3",children:lt.map((t,r)=>n.jsxs(s.Flex,{direction:"column",gap:"3",children:[n.jsx(s.Flex,{direction:"column",gap:"2",children:t.map(o=>n.jsx(Dt,{field:Le[o],setFieldType:()=>e(o)},o))}),r<Vt&&n.jsx(s.Separator,{size:"4"})]},r))})}),Bt=l=>i=>{if(!(!i||typeof i!="string")&&l.includes(i.trim()))return"This name is already taken."},_t=(l,i)=>{const e=[new Z({label:"Label",required:!0,maxLength:200,identifier:"label",fieldValidators:[Bt(l)]}),new k({label:"Description",required:!1,maxLength:1e3,identifier:"description"})];return i==="section"?e:[...e,new Q({label:"Required",description:null,required:!1,identifier:"required"})]},Ot=c.memo(function(i){const{fieldType:e,handleCancel:t,handleCreateField:r,defaultField:o,conditionalSourceFields:a}=i,u=ot[e],d=D.useFormikContext(),h=c.useMemo(()=>{const f=ke(d.values.fields).filter(g=>g!==(o==null?void 0:o.label));let p=_t(f,e);if(u===K){if(a===void 0)throw new Error("Conditional source fields must be provided when changing sections.");p=p.concat(u.getFieldCreationSchema(a))}else{if(!(u.prototype instanceof $))throw new Error(`Field must be an instance of BaseField. Got ${u}.`);p=[...p,...u.getFieldCreationSchema()]}return{fields:p,meta:{readonly:!1},title:null}},[d.values.fields,e,u,o==null?void 0:o.label,a]);return n.jsx(be,{schema:h,values:o,onSubmit:r,cancelText:o?void 0:"Back",onCancel:t})}),pe=c.memo(function(i){const{parentPath:e,index:t,children:r,initial:o,editing:a,conditionalSourceFields:u}=i,[d,h]=c.useState(),f=(o==null?void 0:o.type)??d,p=f?ot[f].fieldTypeName:void 0,{setFieldValue:g,values:x}=D.useFormikContext();if(a&&!o)throw new Error("Initial field must be provided if editing is true.");const v=!f&&!a&&!o,I=v?"Choose a field type":`${p} settings`,S=v?"Select a field type to add to this section.":(p==null?void 0:p.toLowerCase())==="section"?"Customize your section":`Customize your ${p==null?void 0:p.toLowerCase()} field.`,C=c.useCallback(()=>h(void 0),[]),w=c.useCallback(b=>{h(void 0),b()},[]),M=c.useCallback((b,P)=>{const{label:B}=b;if(!f)throw new Error("Field type must be selected before creating a field.");if(!B||typeof B!="string")throw new Error("Label must be provided before creating a field.");const X=ue({type:f,...b,identifier:Je(b.identifier,B)}).serialize(),H=J(x,e);if(H===void 0)throw new Error("Parent path must point to an existing field.");let Y;if(!Array.isArray(H))throw new Error("Parent path must point to an array.");a?Y=gt(H,t,X):Y=Xe(H,t,X),g(e,Y).then(),P()},[a,f,x,e,g,t]),A=c.useCallback(b=>v?n.jsx($t,{setFieldType:h}):n.jsx(Ot,{conditionalSourceFields:u,handleCancel:C,handleCreateField:P=>M(P,b),fieldType:f,defaultField:o}),[u,C,M,o,v,f]);return n.jsx(s.Dialog,{onCloseInterrupt:w,title:I,description:S,content:A,children:r})}),at=({children:l})=>n.jsx(n.Fragment,{children:l}),dt=(l,i)=>({initial:l?i:"none",sm:l?"none":i}),ct=c.memo(function(i){const{remove:e,dragHandleProps:t,editProps:r,insertAfterProps:o,duplicateProps:a}=i,u=c.useMemo(()=>[{Wrapper:pe,wrapperProps:r,Icon:s.Pencil1Icon,text:"Edit"},{Icon:s.TrashIcon,buttonProps:{onClick:e},text:"Delete"},{Wrapper:pe,wrapperProps:a,Icon:s.CopyIcon,text:"Duplicate"},{Wrapper:pe,wrapperProps:o,Icon:s.PlusIcon,text:"Add after"},{Icon:d=>n.jsx("div",{...d,children:n.jsx(s.DragHandleDots2Icon,{})}),text:"Reorder",disableOnMobile:!0,buttonProps:{...t,asChild:!0}}],[t,a,r,o,e]);return n.jsxs(n.Fragment,{children:[n.jsx(s.Flex,{gap:"4",display:dt(!1,"flex"),children:u.map(d=>{const h=d.Wrapper??at;return n.jsx(h,{...d.wrapperProps,children:n.jsx(s.IconButton,{type:"button",variant:"ghost","aria-label":d.text,...d.buttonProps,children:n.jsx(d.Icon,{})})},d.text)})}),n.jsx(s.Box,{display:dt(!0,"block"),children:n.jsx(s.DropdownMenu,{trigger:n.jsx(s.IconButton,{variant:"ghost","aria-label":"Actions menu",children:n.jsx(s.DotsVerticalIcon,{})}),closeOnSelect:!1,items:u.map(d=>{var f;if(d.disableOnMobile)return null;const h=d.Wrapper??at;return{...d.buttonProps,onSelect:(f=d.buttonProps)==null?void 0:f.onClick,content:n.jsx(h,{...d.wrapperProps,children:n.jsxs(s.Flex,{gap:"2",align:"center",children:[n.jsx(d.Icon,{}),d.text]})})}}).filter(d=>d!==null)})})]})}),Ce="form-builder",qt=c.memo(function(i){const{field:e,index:t,sectionIndex:r,takenLabels:o,remove:a}=i,u=c.useMemo(()=>ue(e),[e]),d=fe(u,{formId:Ce,disabled:!0}),h=c.useMemo(()=>({index:t,parentPath:`fields.${r}.fields`,initial:e,editing:!0}),[e,t,r]),f=c.useMemo(()=>({parentPath:`fields.${r}.fields`,index:t+1,initial:{...e,label:Me(e.label??"",o),identifier:""}}),[e,t,r,o]),p=c.useMemo(()=>({parentPath:`fields.${r}.fields`,index:t+1,initial:void 0}),[t,r]);return n.jsx(U.Draggable,{draggableId:e.identifier,index:t,children:g=>n.jsx(s.Card,{ref:g.innerRef,...g.draggableProps,...g.dragHandleProps,mb:"4",children:n.jsxs(s.Flex,{gap:"4",justify:"between",align:"center",children:[d,n.jsx(ct,{remove:a,editProps:h,duplicateProps:f,insertAfterProps:p,dragHandleProps:g.dragHandleProps})]})})})}),Nt=c.memo(function(i){var P,B,X,H,Y,E,O;const{field:e,index:t,dropState:r}=i,o=(P=r[e.identifier])==null?void 0:P.disabled,{setFieldValue:a,values:u}=D.useFormikContext(),d=s.useAlertDialog(),h=ke(u.fields),f=c.useCallback((T,z)=>{for(const V of T){const L=z.indexOf(V);a(`fields.${L}.condition`,null).then(),a(`fields.${L}.conditional`,!1).then()}},[a]),p=c.useCallback(T=>{var L;const z=e.fields[T];if(!z)throw new Error("Could not find field to remove.");const V=[];for(const q of u.fields)((L=q.condition)==null?void 0:L.identifier)===z.identifier&&V.push(q);return{removing:z,affectedSections:V,action:()=>a(`fields.${t}.fields`,xe(e.fields,T))}},[e.fields,u.fields,a,t]),g=c.useCallback(T=>{const{affectedSections:z,action:V,removing:L}=p(T),q=()=>{V().then(),f(z,u.fields)};if(z.length>0){const We=z.map(Te=>Te.label).join(", ");return d({title:"Remove condition?",description:`${L.label} is being used as a condition, deleting it will remove the condition from the ${We} section(s).`,severity:"danger",actionText:"Remove",onAction:q})}q()},[p,f,u.fields,d]),x=c.useCallback(()=>{const z=e.fields.map((Se,Zt)=>p(Zt)).flatMap(Se=>Se.affectedSections),V=z.length?"Remove fields and conditions?":"Remove fields?",L=e.fields.length,q=z.map(Se=>Se.label).join(", "),We=z.length?`Deleting this section will remove the ${L} field(s) it contains and will remove the conditions from following sections: ${q}`:`Deleting this section will remove the ${L} field(s) it contains.`,Te=xe(u.fields,t),pt=()=>a("fields",Te);if(z.length>0)return d({title:V,description:We,severity:"danger",actionText:"Remove",onAction:()=>{pt().then(()=>{f(z,Te)})}});pt().then()},[e.fields,u.fields,t,p,a,d,f]),v=c.useCallback(T=>{const z=Me(T.label??"",h),V=T.fields.map(L=>{const q=Me(L.label,h);return{...L,label:q,identifier:Je(void 0,q)}});return{...T,label:z,fields:V,identifier:""}},[h]),I=c.useMemo(()=>({index:t,parentPath:"fields",initial:e,editing:!0,conditionalSourceFields:ve(u.fields,t)}),[e,t,u.fields]),S=c.useMemo(()=>({index:t+1,parentPath:"fields",initial:ye(),conditionalSourceFields:ve(u.fields,t+1)}),[t,u.fields]),C=c.useMemo(()=>({parentPath:`fields.${t}.fields`,index:e.fields.length,initial:void 0}),[e.fields.length,t]),w=c.useMemo(()=>({index:t+1,parentPath:"fields",initial:v(e),conditionalSourceFields:ve(u.fields,t+1)}),[v,e,t,u.fields]),M=c.useMemo(()=>{var T,z;return(z=Ze(u.fields,(T=e.condition)==null?void 0:T.identifier))==null?void 0:z.label},[(B=e.condition)==null?void 0:B.identifier,u.fields]),A=Array.isArray((X=e.condition)==null?void 0:X.value)?"contains all of":"equals";if(Fe((H=e.condition)==null?void 0:H.value))throw new Error("File values are not supported for conditions.");const b=Array.isArray((Y=e.condition)==null?void 0:Y.value)?(E=e.condition)==null?void 0:E.value.map(T=>typeof T=="string"?T:T.label).join(", "):(O=e.condition)==null?void 0:O.value.toString();return n.jsx(U.Draggable,{draggableId:e.identifier,index:t,children:T=>n.jsx(s.Card,{ref:T.innerRef,...T.draggableProps,...T.dragHandleProps,mb:"4",children:n.jsxs(s.Flex,{gap:"3",justify:"between",align:"center",children:[n.jsxs(s.Flex,{direction:"column",gap:"2",grow:"1",children:[n.jsxs(s.Flex,{direction:"column",children:[n.jsx(s.Heading,{as:"h3",size:"3",children:e.label}),n.jsx(s.Text,{className:he.description,children:e.description})]}),e.condition&&n.jsx(s.Text,{size:"1",children:n.jsxs(s.Em,{children:["Display only if ",n.jsx(s.Strong,{children:M})," ",A," ",n.jsx(s.Strong,{children:b})]})}),n.jsx(U.Droppable,{droppableId:e.identifier,type:"SECTION",isDropDisabled:o,children:z=>n.jsxs(s.Flex,{ref:z.innerRef,...z.droppableProps,direction:"column",gap:"0",children:[e.fields.map((V,L)=>n.jsx(qt,{field:V,index:L,sectionIndex:t,remove:()=>g(L),takenLabels:h},V.identifier)),z.placeholder,n.jsx(pe,{...C,children:n.jsxs(s.Button,{type:"button",variant:"outline",children:[n.jsx(s.PlusIcon,{})," Add a field"]})})]})})]}),n.jsx(ct,{remove:x,insertAfterProps:S,dragHandleProps:T.dragHandleProps,editProps:I,duplicateProps:w})]})})})}),Wt=(l,i)=>{var t;const e={...l};switch(i.type){case"release":for(const r in e)e[r].disabled=!1;return e;case"hold":for(const r in e)(t=e[r])!=null&&t.conditionFields.has(i.fieldId)&&(e[r].disabled=!0);return e;case"update":return i.state}},jt=(l,i)=>{if(i)for(let e=0;e<l.length;e++){const t=l[e];if(t){for(const r of t.fields)if(r.identifier===i)return e}}},ut=l=>{var e,t,r;const i={};for(let o=0;o<l.length;o++){const a=l[o];if(!a)throw new Error("Field is undefined.");const u=o>0?(e=i[l[o-1].identifier])==null?void 0:e.conditionFields:void 0,d=new Set(u);(t=a.condition)!=null&&t.identifier&&d.add(a.condition.identifier),i[a.identifier]={disabled:!1,conditionFields:d,conditionIndex:jt(l,(r=a.condition)==null?void 0:r.identifier),index:o,label:a.label}}return i},ft=(l,i)=>{for(const[e,t]of Object.entries(l))if(t.identifier===i)return[t,e]},Ht=c.memo(function(){const{values:i,setFieldValue:e}=D.useFormikContext(),[t,r]=c.useReducer(Wt,i.fields,ut),{showInfo:o}=s.useToast();c.useEffect(()=>{r({type:"update",state:ut(i.fields)})},[r,i.fields]);const a=c.useCallback(h=>{h.type==="SECTION"&&r({type:"hold",fieldId:h.draggableId})},[]),u=c.useCallback(h=>{const{source:f,destination:p,type:g,reason:x,draggableId:v}=h;if(r({type:"release"}),!p||x==="CANCEL")return;if(g==="ROOT"){const M=t[v];if(!M)throw new Error("Could not find section context.");let A=typeof M.conditionIndex<"u"?Math.max(M.conditionIndex+1,p.index):p.index;for(const b of Object.values(t))b.conditionIndex===f.index&&(A=Math.min(A,b.index-1));return A!=p.index&&o({title:"Reordered sections",description:"Sections with conditions must be below the fields they reference."}),e("fields",Ee(i.fields,f.index,A))}if(g!=="SECTION")throw new Error("Unexpected droppable type.");const[I,S]=ft(i.fields,f.droppableId)??[],[C,w]=ft(i.fields,p.droppableId)??[];if(!(I!=null&&I.fields)||!C)throw new Error("Could not find section with fields.");if(I.identifier===C.identifier)e(`fields.${S}.fields`,Ee(I.fields,f.index,p.index)).then();else{const M=I.fields[f.index];if(!M)throw new Error("Could not find field to reorder.");e(`fields.${S}.fields`,xe(I.fields,f.index)).then(),e(`fields.${w}.fields`,Xe(C.fields,p.index,M)).then()}},[i.fields,e,t,o]),d=c.useMemo(()=>({index:i.fields.length,parentPath:"fields",initial:ye(),conditionalSourceFields:ve(i.fields,i.fields.length)}),[i.fields]);return n.jsx(U.DragDropContext,{onDragStart:a,onDragEnd:u,children:n.jsx(U.Droppable,{droppableId:"droppable",type:"ROOT",children:h=>n.jsxs(s.Flex,{ref:h.innerRef,...h.droppableProps,direction:"column",gap:"0",children:[i.fields.map((f,p)=>n.jsx(Nt,{field:f,index:p,dropState:t},f.label)),h.placeholder,n.jsx(pe,{...d,children:n.jsxs(s.Button,{type:"button",variant:"outline",children:[n.jsx(s.PlusIcon,{})," Add a section"]})})]})})})}),Ut={title:"",description:"",fields:[]},Gt=new Z({label:"Title",minLength:0,maxLength:100,required:!0,identifier:"title"}),Kt={formId:Ce,placeholder:"Give your form a title."},Yt=new k({label:"Description",minLength:0,maxLength:1e3,required:!1,identifier:"description"}),Qt={formId:Ce,placeholder:"Explain the purpose of this form."},Xt=()=>{alert("This is a form preview, your data will not be saved.")},Jt=c.memo(c.forwardRef((l,i)=>{const{onCancel:e,onSave:t,revision:r}=l,o=r?"Edit form":"Create a new form",{heading:a=o}=l,u=c.useCallback(x=>{const v={};if(x.title||(v.title="Title is required."),(!x.fields||x.fields.length===0)&&(v.fields="At least one field is required."),Ie(v))return v},[]),d=D.useFormik({initialValues:mt(r)??Ut,validate:u,onSubmit:x=>t(x),validateOnChange:!1,validateOnBlur:!1}),h=c.useMemo(()=>Ve(d.values),[d.values]),f=fe(Gt,Kt),p=fe(Yt,Qt),g=c.useMemo(()=>typeof a=="object"?a:n.jsx(s.Heading,{children:a}),[a]);return n.jsx(s.Tabs.Root,{ref:i,defaultValue:"edit",children:n.jsxs(s.Flex,{direction:"column",gap:"2",children:[n.jsxs(s.Tabs.List,{children:[n.jsx(s.Tabs.Trigger,{value:"edit",children:"Edit"}),n.jsx(s.Tabs.Trigger,{value:"preview",children:"Preview"})]}),n.jsxs(s.Tabs.Content,{value:"edit",children:[g,n.jsxs(s.Text,{children:["Add a new form field by clicking a + button. Specify options for each field, then drag and drop to rearrange them. You can see what a submitted form might look like in the"," ",n.jsx("em",{children:"Preview"})," tab, but"," ",n.jsx("strong",{children:"field values entered on this page will not be saved."})]}),n.jsx(s.Flex,{asChild:!0,direction:"column",gap:"2",mt:"3",children:n.jsxs("form",{id:Ce,onSubmit:d.handleSubmit,children:[n.jsxs(D.FormikProvider,{value:d,children:[f,p,n.jsx(Ht,{}),n.jsx(s.Text,{severity:"danger",size:"1",children:typeof d.errors.fields=="string"&&d.errors.fields})]}),n.jsxs(s.Flex,{justify:"end",gap:"2",children:[n.jsx(s.Button,{type:"button",variant:"soft",onClick:e,children:"Cancel"}),n.jsx(s.Button,{type:"submit",disabled:!d.isValid,children:"Save"})]})]})})]}),n.jsx(s.Tabs.Content,{value:"preview",children:n.jsx(be,{schema:h,onSubmit:Xt})})]})})}));y.BooleanField=Q,y.BooleanInput=He,y.DateField=me,y.DateInput=Ge,y.FieldSection=K,y.FormBrowser=zt,y.FormBuilder=Jt,y.FormRenderer=be,y.FormSubmissionBrowser=At,y.FormSubmissionViewer=St,y.MultiSelectField=ce,y.MultiSelectInput=tt,y.MultiStringField=ae,y.MultiStringInput=Re,y.NumberField=G,y.NumberInput=Ue,y.PatchField=Pt,y.PatchFormProvider=Lt,y.SelectField=de,y.SelectInput=Qe,y.StringField=Z,y.StringInput=Ke,y.TextField=k,y.TextInput=Ye,y.deserialize=ue,y.deserializeField=De,y.formRevisionToSchema=Ve,y.isConditionMet=$e,y.useFieldInput=fe,y.useFieldInputs=Be,y.valueIsFile=Fe,Object.defineProperty(y,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -3,7 +3,7 @@
   "description": "Form functionality for Overmap",
   "author": "Wôrdn Inc.",
   "license": "UNLICENSED",
-  "version": "1.0.3-form-improvements.5",
+  "version": "1.0.3-form-improvements.6",
   "type": "module",
   "main": "dist/forms.umd.cjs",
   "module": "dist/forms.js",