@overmap-ai/forms 1.0.4-conditional-arrows-2.16 → 1.0.4-conditional-arrows-2.17

package/dist/forms.js

@@ -2,9 +2,9 @@ var Wt = Object.defineProperty;
 var jt = (s, i, e) => i in s ? Wt(s, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[i] = e;
 var m = (s, i, e) => (jt(s, typeof i != "symbol" ? i + "" : i, e), e);
 import { jsx as r, jsxs as b, Fragment as bt } from "react/jsx-runtime";
-import { Flex as y, Text as k, useSeverityColor as fe, Checkbox as Ht, CheckCircledIcon as Ut, TextField as ce, FontFamilyIcon as Gt, CalendarIcon as Kt, InputIcon as Zt, TextArea as Yt, RowsIcon as Xt, Select as yt, Box as pe, IconButton as ge, PlusIcon as Oe, Badge as Ue, Cross1Icon as vt, ListBulletIcon as Qt, DropdownMenuIcon as Jt, MultiSelect as ei, CheckboxIcon as ti, Card as ve, Heading as Me, Button as G, UploadIcon as wt, ButtonList as Ne, divButtonProps as ii, StarFilledIcon as ni, StarIcon as ri, QuestionMarkCircledIcon as oi, PersonIcon as si, Tooltip as li, Avatar as ai, Separator as ci, Dialog as di, Pencil1Icon as ui, TrashIcon as fi, CopyIcon as mi, DropdownMenu as hi, DotsVerticalIcon as pi, useAlertDialog as gi, Em as bi, Strong as ut, useToast as yi, Tabs as J } from "@overmap-ai/blocks";
+import { Flex as y, Text as k, useSeverityColor as fe, Checkbox as Ht, CheckCircledIcon as Ut, TextField as ce, FontFamilyIcon as Gt, CalendarIcon as Kt, InputIcon as Zt, TextArea as Yt, RowsIcon as Xt, Select as yt, Box as pe, IconButton as ge, PlusIcon as Me, Badge as Ue, Cross1Icon as vt, ListBulletIcon as Qt, DropdownMenuIcon as Jt, MultiSelect as ei, CheckboxIcon as ti, Card as we, Heading as Ne, Button as G, UploadIcon as wt, ButtonList as Re, divButtonProps as ii, StarFilledIcon as ni, StarIcon as ri, QuestionMarkCircledIcon as oi, PersonIcon as si, Tooltip as li, Avatar as ai, Separator as ci, Dialog as di, Pencil1Icon as ui, TrashIcon as fi, CopyIcon as mi, DropdownMenu as hi, DotsVerticalIcon as pi, useAlertDialog as gi, Em as bi, Strong as ut, useToast as yi, Tabs as J } from "@overmap-ai/blocks";
 import { useField as Je, useFormikContext as me, useFormik as et, FormikProvider as tt } from "formik";
-import vi, { useMemo as w, memo as z, useCallback as F, useState as K, useEffect as we, useRef as wi, forwardRef as xe, useReducer as xi } from "react";
+import vi, { useMemo as w, memo as z, useCallback as F, useState as K, useEffect as xe, useRef as wi, forwardRef as Ie, useReducer as xi } from "react";
 import { DragDropContext as xt, Droppable as it, Draggable as nt } from "@hello-pangea/dnd";
 import { slugify as Ii, useAppSelector as O, selectFormRevision as It, useSDK as Ct, selectSubmissionAttachments as Ci, selectFilteredUserForms as Fi, selectUserFormMapping as Ti, selectOrganization as Ft, selectUser as rt, selectNumberOfUserForms as Si, selectCurrentUser as Tt, classNames as St, isToday as zi, getLocalDateString as Ei, selectLatestFormRevision as Ai, useFileSrc as Li, selectSubmissionsForForm as Pi } from "@overmap-ai/core";
 import de from "lodash.get";
@@ -91,8 +91,9 @@ class M extends zt {
   }
 }
 m(M, "fieldTypeName"), m(M, "fieldTypeDescription");
-const $i = "_description_17zed_1", Re = {
-  description: $i
+const $i = "_description_zyr02_1", ki = "_sectionContainer_zyr02_5", be = {
+  description: $i,
+  sectionContainer: ki
 }, W = (s) => {
   const { label: i, children: e, severity: t, inputId: n, labelId: o, flexProps: a } = s;
   return /* @__PURE__ */ r(y, { direction: "column", gap: "1", asChild: !0, ...a, children: /* @__PURE__ */ b("label", { htmlFor: n, children: [
@@ -103,7 +104,7 @@ const $i = "_description_17zed_1", Re = {
   const { helpText: i, children: e, severity: t } = s;
   return /* @__PURE__ */ b(y, { direction: "column", gap: "1", children: [
     e,
-    /* @__PURE__ */ r(y, { direction: "column", children: /* @__PURE__ */ r(k, { size: "1", severity: t, className: Re.description, children: i }) })
+    /* @__PURE__ */ r(y, { direction: "column", children: /* @__PURE__ */ r(k, { size: "1", severity: t, className: be.description, children: i }) })
   ] });
 }, H = (s) => {
   const { id: i, field: e, formId: t, ...n } = s, [o, a, c] = Je(e.getId()), { touched: l } = a, f = a.error ?? e.description, d = a.error ? "danger" : void 0, u = i ?? `${t}-${e.getId()}-input`, h = `${u}-label`, p = e.required ? `${e.label} *` : e.label, g = w(() => ({
@@ -129,8 +130,8 @@ const $i = "_description_17zed_1", Re = {
     },
     { ...n, "aria-labelledby": h }
   ];
-}, ki = [!0, "true"], Vi = z(function(i) {
-  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: a, fieldProps: c }, l] = H(i), f = fe(n), d = ki.includes(c.value);
+}, Vi = [!0, "true"], _i = z(function(i) {
+  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: a, fieldProps: c }, l] = H(i), f = fe(n), d = Vi.includes(c.value);
   return /* @__PURE__ */ r(j, { helpText: o, severity: n, children: /* @__PURE__ */ r(
     W,
     {
@@ -176,7 +177,7 @@ const $i = "_description_17zed_1", Re = {
     return new ee(e);
   }
   getInput(e) {
-    return /* @__PURE__ */ r(Vi, { ...e, field: this });
+    return /* @__PURE__ */ r(_i, { ...e, field: this });
   }
 };
 m(ee, "fieldTypeName", "Checkbox"), m(ee, "fieldTypeDescription", "Perfect for both optional and required yes/no questions."), m(ee, "Icon", Ut);
@@ -272,7 +273,7 @@ const Di = z(function(i) {
 };
 m(B, "fieldTypeName", "Number"), m(B, "fieldTypeDescription", "Allows specifying a number within a given range."), m(B, "Icon", Gt), 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 X = B;
-const _i = z(function(i) {
+const Oi = z(function(i) {
   const [{ inputId: e, labelId: t, severity: n, helpText: o, label: a, fieldProps: c }, l] = 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: a, children: /* @__PURE__ */ r(ce.Input, { ...l, ...c, type: "date", id: e, color: f, value: d }) }) });
 }), te = class te extends M {
@@ -292,12 +293,12 @@ const _i = z(function(i) {
     return new te(e);
   }
   getInput(e) {
-    return /* @__PURE__ */ r(_i, { field: this, ...e });
+    return /* @__PURE__ */ r(Oi, { field: this, ...e });
   }
 };
 m(te, "fieldTypeName", "Date"), m(te, "fieldTypeDescription", "Allows specifying a date."), m(te, "Icon", Kt);
 let Ge = te;
-class Ee extends M {
+class Ae extends M {
   constructor(e) {
     const { minLength: t, maxLength: n = 5e3, ...o } = e;
     super(o);
@@ -356,20 +357,20 @@ class Ee extends M {
  * This function validates that the value given for "minimum length" (when creating a new field) is less than or
  * equal to the value given for "maximum length".
  */
-m(Ee, "_validateMin", (e, t) => typeof t.maximum_length == "number" && typeof e == "number" && t.maximum_length < e ? "Minimum cannot be greater than maximum." : null), /**
+m(Ae, "_validateMin", (e, t) => typeof t.maximum_length == "number" && typeof e == "number" && t.maximum_length < e ? "Minimum cannot be greater than maximum." : null), /**
  * This function validates that the value given for "maximum length" (when creating a new field) is greater than or
  * equal to the value given for "minimum length".
  */
-m(Ee, "_validateMax", (e, t) => {
+m(Ae, "_validateMax", (e, t) => {
   if (typeof e != "number")
     return null;
   const { minimum_length: n } = t;
   return typeof n != "number" ? null : n > e ? "Maximum cannot be less than minimum." : null;
 });
-const Oi = z(function(i) {
+const Mi = z(function(i) {
   const [{ inputId: e, labelId: t, severity: n, helpText: o, label: a, fieldProps: c, field: l }, f] = H(i), d = fe(n);
   return /* @__PURE__ */ r(j, { helpText: o, severity: n, children: /* @__PURE__ */ r(W, { severity: n, inputId: e, labelId: t, label: a, children: /* @__PURE__ */ r(ce.Input, { ...f, ...c, type: l.inputType, id: e, color: d }) }) });
-}), ie = class ie extends Ee {
+}), ie = class ie extends Ae {
   constructor(e) {
     const { inputType: t = "text", ...n } = e, o = e.maxLength ? Math.min(500, e.maxLength) : 500, a = e.minLength ? Math.min(e.minLength, o) : void 0;
     super({ ...n, maxLength: o, minLength: a, type: "string" });
@@ -386,15 +387,15 @@ const Oi = z(function(i) {
     return new ie({ ...a, maxLength: t, minLength: n, inputType: o });
   }
   getInput(e) {
-    return /* @__PURE__ */ r(Oi, { field: this, ...e });
+    return /* @__PURE__ */ r(Mi, { field: this, ...e });
   }
 };
 m(ie, "fieldTypeName", "Short Text"), m(ie, "fieldTypeDescription", "Short text fields can hold up to 500 characters on a single line."), m(ie, "Icon", Zt);
-let be = ie;
-const Mi = z(function(i) {
+let ye = ie;
+const Ni = z(function(i) {
   const [{ inputId: e, labelId: t, severity: n, helpText: o, label: a, fieldProps: c }, l] = H(i);
   return /* @__PURE__ */ r(j, { helpText: o, severity: n, children: /* @__PURE__ */ r(W, { severity: n, inputId: e, labelId: t, label: a, children: /* @__PURE__ */ r(Yt, { ...l, ...c, resize: "vertical", id: e, severity: n }) }) });
-}), ne = class ne extends Ee {
+}), ne = class ne extends Ae {
   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" });
@@ -409,12 +410,12 @@ const Mi = z(function(i) {
     return new ne({ ...n, maxLength: e, minLength: t });
   }
   getInput(i) {
-    return /* @__PURE__ */ r(Mi, { field: this, ...i });
+    return /* @__PURE__ */ r(Ni, { field: this, ...i });
   }
 };
 m(ne, "fieldTypeName", "Paragraph"), m(ne, "fieldTypeDescription", "Paragraph fields can hold up to 5000 characters and can have multiple lines."), m(ne, "Icon", Xt);
-let ye = ne;
-const Ni = z(function(i) {
+let ve = ne;
+const Ri = z(function(i) {
   const [{ inputId: e, labelId: t, severity: n, helpText: o, label: a, fieldProps: c, field: l }, f] = H(i), { onChange: d, onBlur: u } = c, h = w(
     () => l.options.map((g) => ({ value: g.value, itemContent: g.label })),
     [l.options]
@@ -436,22 +437,22 @@ const Ni = z(function(i) {
       ...f
     }
   ) }) });
-}), Ae = (s = "", i = []) => ({
+}), Le = (s = "", i = []) => ({
   type: "section",
   fields: i,
   identifier: s,
   label: null,
   condition: null,
   conditional: !1
-}), Ri = (s) => {
+}), Bi = (s) => {
   if (!s)
     return;
   const i = s.fields;
   let e = [];
   const t = [];
   for (const n of i)
-    n.type === "section" ? (e.length > 0 && (t.push(Ae(`AUTO_section-${i.indexOf(n)}`, e)), e = []), t.push(n)) : e.push(n);
-  return e.length > 0 && t.push(Ae("AUTO_section-last", e)), { ...s, fields: t, description: s.description ?? "" };
+    n.type === "section" ? (e.length > 0 && (t.push(Le(`AUTO_section-${i.indexOf(n)}`, e)), e = []), t.push(n)) : e.push(n);
+  return e.length > 0 && t.push(Le("AUTO_section-last", e)), { ...s, fields: t, description: s.description ?? "" };
 };
 function Ke(s, i, e) {
   const t = Array.from(s), [n] = t.splice(i, 1);
@@ -459,7 +460,7 @@ function Ke(s, i, e) {
     throw new Error("Could not find field to reorder.");
   return t.splice(e, 0, n), t;
 }
-function Bi(s, i, e) {
+function qi(s, i, e) {
   const t = Array.from(s);
   return t[i] = e, t;
 }
@@ -467,7 +468,7 @@ function Et(s, i, e) {
   const t = Array.from(s ?? []);
   return t.splice(i, 0, e), t;
 }
-function Le(s, i) {
+function Pe(s, i) {
   const e = Array.from(s);
   return e.splice(i, 1), e;
 }
@@ -487,14 +488,14 @@ const At = (s, i) => {
     } else if (e.identifier === i)
       return e;
   return null;
-}, ze = (s, i) => s.filter((e, t) => t < i).flatMap((e) => e.fields), Pt = (s) => s.flatMap(
+}, Ee = (s, i) => s.filter((e, t) => t < i).flatMap((e) => e.fields), Pt = (s) => s.flatMap(
   (i) => i.type === "section" ? [...i.fields.map((e) => e.label), i.label] : i.label
 ).filter((i) => i !== null), Ze = (s, i) => {
   let e = 1, t = `${s} (${e})`;
   for (; i.includes(t); )
     t = `${s} (${++e})`;
   return t;
-}, qi = z(function(i) {
+}, Wi = z(function(i) {
   const [{ inputId: e, labelId: t, severity: n, helpText: o, label: a, fieldProps: c }, l] = H(i), f = fe(n), d = w(() => Array.isArray(c.value) ? c.value : [], [c.value]), { onChange: u, onBlur: h } = c, p = `${e}-droppable`, { disabled: g } = l, [T, I] = K(""), [C, v] = K(""), V = C || o, L = C ? "red" : f, x = F(
     (E) => {
       u(E), h(E);
@@ -519,7 +520,7 @@ const At = (s, i) => {
     [N]
   ), q = F(
     (E) => {
-      x(Le(d, E));
+      x(Pe(d, E));
     },
     [d, x]
   ), U = F(
@@ -554,7 +555,7 @@ const At = (s, i) => {
           "aria-label": "Add option",
           disabled: !!C || g,
           onClick: N,
-          children: /* @__PURE__ */ r(Oe, {})
+          children: /* @__PURE__ */ r(Me, {})
         }
       )
     ] }) }) }),
@@ -565,12 +566,12 @@ const At = (s, i) => {
           draggableId: `${R.value}-draggable`,
           index: Y,
           isDragDisabled: g,
-          children: ({ draggableProps: Ie, dragHandleProps: Ce, innerRef: Fe }) => /* @__PURE__ */ r(
+          children: ({ draggableProps: Ce, dragHandleProps: Fe, innerRef: Te }) => /* @__PURE__ */ r(
             y,
             {
+              ...Fe,
               ...Ce,
-              ...Ie,
-              ref: Fe,
+              ref: Te,
               gap: "2",
               align: "center",
               justify: "between",
@@ -615,7 +616,7 @@ const At = (s, i) => {
     throw new Error("Expected an array.");
   }
   getInput(e) {
-    return /* @__PURE__ */ r(qi, { field: this, ...e });
+    return /* @__PURE__ */ r(Wi, { field: this, ...e });
   }
   serialize() {
     return { ...super._serialize(), minimum_length: this.minLength, maximum_length: this.maxLength };
@@ -640,7 +641,7 @@ const At = (s, i) => {
   }
 };
 m(re, "fieldTypeName", "Multi-string"), m(re, "fieldTypeDescription", "Allows the user to provide multiple unique strings."), m(re, "Icon", Qt);
-let Pe = re;
+let $e = re;
 class $t extends M {
   constructor(e) {
     super(e);
@@ -660,7 +661,7 @@ class $t extends M {
   }
   static getFieldCreationSchema() {
     return [
-      new Pe({
+      new $e({
         label: "Options",
         description: "List possible options for the user to select from.",
         required: !0,
@@ -687,13 +688,13 @@ const oe = class oe extends $t {
     return new oe(i);
   }
   getInput(i) {
-    return /* @__PURE__ */ r(Ni, { field: this, ...i });
+    return /* @__PURE__ */ r(Ri, { field: this, ...i });
   }
 };
 m(oe, "fieldTypeName", "Dropdown"), m(oe, "fieldTypeDescription", "Allows the user to select a single option from a list of options."), m(oe, "Icon", Jt);
-let $e = oe;
-const Wi = (s) => s ? Array.isArray(s) ? s : [s] : [], ji = z(function(i) {
-  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: a, fieldProps: c, field: l }, f] = H(i), { onChange: d, onBlur: u } = c, h = w(() => Wi(c.value), [c.value]), p = F(
+let ke = oe;
+const ji = (s) => s ? Array.isArray(s) ? s : [s] : [], Hi = z(function(i) {
+  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: a, fieldProps: c, field: l }, f] = H(i), { onChange: d, onBlur: u } = c, h = w(() => ji(c.value), [c.value]), p = F(
     (g) => {
       d(g), u(g);
     },
@@ -733,19 +734,19 @@ const Wi = (s) => s ? Array.isArray(s) ? s : [s] : [], ji = z(function(i) {
     return new se(i);
   }
   getInput(i) {
-    return /* @__PURE__ */ r(ji, { field: this, ...i });
+    return /* @__PURE__ */ r(Hi, { 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", ti);
-let ke = se;
-const Hi = z(function({ field: i, ...e }) {
+let Ve = se;
+const Ui = z(function({ field: i, ...e }) {
   const [{ value: t }] = Je(i.options.clonedFieldIdentifier), n = w(() => {
     const o = i.options.getFieldToClone(t);
     return o ? Be(o) : null;
   }, [i.options, t]);
   return De(n, e);
 });
-class Ve extends M {
+class _e extends M {
   constructor(e, t) {
     super({ ...e, type: "custom" });
     m(this, "Component");
@@ -761,24 +762,24 @@ class Ve extends M {
     return /* @__PURE__ */ r(t, { field: this, ...e });
   }
 }
-m(Ve, "fieldTypeName", "Custom"), m(Ve, "fieldTypeDescription", "Allows re-rendering of field already in the form");
-class Ui extends Ve {
+m(_e, "fieldTypeName", "Custom"), m(_e, "fieldTypeDescription", "Allows re-rendering of field already in the form");
+class Gi extends _e {
   constructor(i) {
-    super(i, Hi);
+    super(i, Ui);
   }
 }
-const Gi = z(function(i) {
-  const { field: e, ...t } = i, { label: n, description: o, fields: a, condition: c } = e, { values: l, setFieldValue: f } = me(), d = c != null && c.identifier ? de(l, c.identifier) : void 0, u = w(() => Dt(c, d), [c, d]);
-  we(() => {
+const Ki = z(function(i) {
+  const { field: e, ...t } = i, { label: n, description: o, fields: a, condition: c } = e, { values: l, setFieldValue: f } = me(), d = c != null && c.identifier ? de(l, c.identifier) : void 0, u = w(() => _t(c, d), [c, d]);
+  xe(() => {
     if (!u)
       for (const p of a)
         f(p.getId(), "").then();
   }, [u, a, f]);
-  const h = _t(a, t);
-  return u ? n ? /* @__PURE__ */ r(ve, { children: /* @__PURE__ */ b(y, { direction: "column", gap: "3", children: [
+  const h = Dt(a, t);
+  return u ? n ? /* @__PURE__ */ r(we, { children: /* @__PURE__ */ b(y, { direction: "column", gap: "3", children: [
     /* @__PURE__ */ b(y, { direction: "column", children: [
-      /* @__PURE__ */ r(Me, { as: "h3", size: "3", children: n }),
-      /* @__PURE__ */ r(k, { className: Re.description, children: o })
+      /* @__PURE__ */ r(Ne, { as: "h3", size: "3", children: n }),
+      /* @__PURE__ */ r(k, { className: be.description, children: o })
     ] }),
     h
   ] }) }) : h : null;
@@ -812,7 +813,7 @@ const Gi = z(function(i) {
         fields: [
           // Declare a select field that will be used to select the field against which we will check the
           // condition. This must be selected before the next field is rendered.
-          new $e({
+          new ke({
             label: "Field",
             description: "The field to use for the condition.",
             // The options (for the field against which we will check the condition) are all the labels of
@@ -829,7 +830,7 @@ const Gi = z(function(i) {
           // Declare a custom field that will be used to input a value for the condition. The value of the
           // conditional field selected in the previous step must be equal to the value the user inputs into
           // this field for the section to be rendered.
-          new Ui({
+          new Gi({
             label: "Value",
             identifier: "condition.value",
             required: !0,
@@ -880,20 +881,20 @@ const Gi = z(function(i) {
     return t;
   }
   getInput(e) {
-    return /* @__PURE__ */ r(Gi, { field: this, ...e });
+    return /* @__PURE__ */ r(Ki, { field: this, ...e });
   }
 };
 m(le, "fieldTypeName", "Section"), m(le, "fieldTypeDescription", "Sections can be useful for grouping fields together. They can also be conditionally shown or hidden.");
 let Q = le;
-const Ki = "_previewImage_1ig84_1", Zi = {
-  previewImage: Ki
+const Zi = "_previewImage_1ig84_1", Yi = {
+  previewImage: Zi
 }, st = (s) => {
   const i = ["byte", "kilobyte", "megabyte"];
   let e = s, 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);
-}, Yi = z(function(i) {
+}, Xi = z(function(i) {
   var L;
   const [{ inputId: e, labelId: t, severity: n, helpText: o, label: a, fieldProps: c, field: l }, f] = H(i), { onChange: d } = c, u = fe(n), h = wi(null), { value: p } = c, g = w(() => o || (l.maxFileSize ? `Maximum file size: ${st(l.maxFileSize)}` : null), [l.maxFileSize, o]), T = F(() => {
     var x;
@@ -929,7 +930,7 @@ const Ki = "_previewImage_1ig84_1", Zi = {
       )
     ] }) }),
     Array.isArray(p) && p.length > 0 && /* @__PURE__ */ r(y, { direction: "column", gap: "2", children: p.map((x, P) => /* @__PURE__ */ r(
-      Xi,
+      Qi,
       {
         field: l,
         file: x,
@@ -939,14 +940,14 @@ const Ki = "_previewImage_1ig84_1", Zi = {
       P
     )) })
   ] });
-}), Xi = z(function({ file: i, field: e, onRemove: t, disabled: n }) {
+}), Qi = z(function({ file: i, field: e, onRemove: t, disabled: n }) {
   const [o, a] = K(null), c = w(() => o && e.getError([o]), [e, o]), { url: l, name: f, size: d } = w(() => {
     let u = null, h, p;
     return o != null && o.type.startsWith("image/") && (u = URL.createObjectURL(o)), o ? (h = o.name, p = st(o.size)) : (h = "Downloading...", p = "..."), { url: u, name: h, size: p };
   }, [o]);
-  return we(() => {
+  return xe(() => {
     i instanceof Promise ? i.then(a) : a(i);
-  }, [i]), /* @__PURE__ */ r(ve, { children: /* @__PURE__ */ b(y, { direction: { initial: "column", sm: "row" }, gap: "3", justify: "between", children: [
+  }, [i]), /* @__PURE__ */ r(we, { children: /* @__PURE__ */ b(y, { direction: { initial: "column", sm: "row" }, gap: "3", justify: "between", children: [
     /* @__PURE__ */ b(y, { direction: "row", gap: "3", align: "center", grow: "1", shrink: "0", children: [
       /* @__PURE__ */ r(
         ge,
@@ -965,7 +966,7 @@ const Ki = "_previewImage_1ig84_1", Zi = {
         c && /* @__PURE__ */ r(k, { size: "1", severity: "danger", children: c })
       ] })
     ] }),
-    l && /* @__PURE__ */ r("img", { className: Zi.previewImage, src: l, alt: f })
+    l && /* @__PURE__ */ r("img", { className: Yi.previewImage, src: l, alt: f })
   ] }) });
 }), mt = 50 * 1024 * 1024, ae = class ae extends M {
   constructor(e) {
@@ -1002,7 +1003,7 @@ const Ki = "_previewImage_1ig84_1", Zi = {
         maximum: mt,
         integers: !0
       }),
-      new ke({
+      new Ve({
         label: "Accepted file types",
         description: "Types of allowed files to upload. If left blank, all files will be accepted.",
         required: !1,
@@ -1056,7 +1057,7 @@ const Ki = "_previewImage_1ig84_1", Zi = {
     return new ae(e);
   }
   getInput(e) {
-    return /* @__PURE__ */ r(Yi, { field: this, ...e });
+    return /* @__PURE__ */ r(Xi, { field: this, ...e });
   }
 };
 m(ae, "fieldTypeName", "Upload"), m(ae, "fieldTypeDescription", "Allows a file to be uploaded."), m(ae, "Icon", wt);
@@ -1065,14 +1066,14 @@ const lt = {
   date: Ge,
   number: X,
   boolean: ue,
-  select: $e,
-  string: be,
-  text: ye,
-  custom: Ve,
+  select: ke,
+  string: ye,
+  text: ve,
+  custom: _e,
   upload: Ye,
   // TODO: Underscore
-  "multi-string": Pe,
-  "multi-select": ke
+  "multi-string": $e,
+  "multi-select": Ve
 }, kt = (s) => {
   const i = s.type;
   return lt[i].deserialize(s);
@@ -1089,7 +1090,7 @@ function Vt(s, i = {}) {
 function Xe(s) {
   return !!(Array.isArray(s) && s.some((i) => i instanceof File || i instanceof Promise));
 }
-function Dt(s, i) {
+function _t(s, i) {
   if (!s)
     return !0;
   if (Xe(i) || Xe(s.value))
@@ -1103,16 +1104,16 @@ function Dt(s, i) {
   }
   return t === i;
 }
-const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s, i) => {
+const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), Dt = (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 });
-}, _e = (s) => Object.keys(s).length > 0, Ot = async (s, i) => {
+}, Oe = (s) => Object.keys(s).length > 0, Ot = async (s, i) => {
   const e = {};
   for (const t of s.fields)
     if (t instanceof Q) {
       if (t.condition) {
         const { identifier: n } = t.condition;
-        if (!Dt(t.condition, de(i, n)))
+        if (!_t(t.condition, de(i, n)))
           continue;
       }
       Object.assign(e, t.getErrors(i));
@@ -1122,16 +1123,16 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
       const n = t.getId(), o = t.getError(de(i, n), i);
       o && ot(e, n, o);
     }
-  if (_e(e))
+  if (Oe(e))
     return e;
-}, Qi = [null, void 0], at = (s, i) => s.reduce((e, t) => t instanceof Q ? { ...e, ...at(t.fields, i) } : (Qi.includes(de(e, t.getId())) && ot(e, t.getId(), ""), e), i), Ji = () => {
+}, Ji = [null, void 0], at = (s, i) => s.reduce((e, t) => t instanceof Q ? { ...e, ...at(t.fields, i) } : (Ji.includes(de(e, t.getId())) && ot(e, t.getId(), ""), e), i), en = () => {
   throw new Error("onSubmit must be provided if form is not readonly.");
 }, ct = z(
-  xe((s, i) => {
+  Ie((s, i) => {
     const {
       schema: e,
       values: t = {},
-      onSubmit: n = Ji,
+      onSubmit: n = en,
       submitText: o = "Submit",
       cancelText: a,
       onCancel: c,
@@ -1148,16 +1149,16 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
       validateOnBlur: !1,
       validateOnChange: !1
     }), { dirty: T } = g, I = w(
-      () => typeof e.title == "string" ? /* @__PURE__ */ r(Me, { children: e.title }) : e.title,
+      () => typeof e.title == "string" ? /* @__PURE__ */ r(Ne, { children: e.title }) : e.title,
       [e.title]
     ), C = w(
-      () => typeof e.description == "string" ? /* @__PURE__ */ r(k, { className: Re.description, children: e.description }) : e.description,
+      () => typeof e.description == "string" ? /* @__PURE__ */ r(k, { className: be.description, children: e.description }) : e.description,
       [e.description]
-    ), v = _t(e.fields, { formId: p, disabled: h });
-    return we(() => {
+    ), v = Dt(e.fields, { formId: p, disabled: h });
+    return xe(() => {
       T && l && l();
     }, [T, l]), /* @__PURE__ */ r(tt, { value: g, children: /* @__PURE__ */ r(y, { ref: i, direction: "column", gap: "2", className: u, asChild: !0, children: /* @__PURE__ */ b("form", { id: p, onSubmit: g.handleSubmit, children: [
-      !f && /* @__PURE__ */ r(ve, { children: /* @__PURE__ */ b(y, { direction: "column", gap: "1", children: [
+      !f && /* @__PURE__ */ r(we, { children: /* @__PURE__ */ b(y, { direction: "column", gap: "1", children: [
         I,
         !d && C
       ] }) }),
@@ -1168,8 +1169,8 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
       ] })
     ] }) }) });
   })
-), _n = z(
-  xe((s, i) => {
+), On = z(
+  Ie((s, i) => {
     const { submission: e, showFormDescription: t = !1, showFormTitle: n = !0 } = s, o = O(It(e.form_revision)), { sdk: a } = Ct();
     if (!o)
       throw new Error(
@@ -1198,11 +1199,11 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
       }
     );
   })
-), en = "_favoriteIcon_1bixi_1", tn = "_regularIcon_1bixi_9", ht = {
-  favoriteIcon: en,
-  regularIcon: tn
-}, je = "organization:", He = "user:", On = z(
-  xe((s, i) => {
+), tn = "_favoriteIcon_1bixi_1", nn = "_regularIcon_1bixi_9", ht = {
+  favoriteIcon: tn,
+  regularIcon: nn
+}, je = "organization:", He = "user:", Mn = z(
+  Ie((s, i) => {
     const { maxResults: e = 20, ...t } = s, [n, o] = K(""), [a, c] = K(""), { sdk: l } = Ct(), f = w(() => {
       const v = { maxResults: e, searchTerm: n };
       return a && (a.startsWith(je) ? v.owner_organization = parseInt(a.slice(je.length)) : a.startsWith(He) && (v.owner_user = parseInt(a.slice(He.length)))), v;
@@ -1237,8 +1238,8 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
           }
         )
       ] }),
-      d.length > 0 && /* @__PURE__ */ r(Ne.Root, { children: d.map((v) => /* @__PURE__ */ r(
-        nn,
+      d.length > 0 && /* @__PURE__ */ r(Re.Root, { children: d.map((v) => /* @__PURE__ */ r(
+        rn,
         {
           ...t,
           form: v,
@@ -1249,14 +1250,14 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
       /* @__PURE__ */ r(pe, { px: "3", children: /* @__PURE__ */ r(k, { size: "2", severity: "info", children: C }) })
     ] });
   })
-), nn = (s) => {
+), rn = (s) => {
   var h;
   const { form: i, onSelectForm: e, isFavoriteEditable: t, handleToggleFavorite: n } = s, o = (h = O(Ft(i.owner_organization || -1))) == null ? void 0 : h.name, a = O(rt(i.owner_user || -1)), c = O(Tt).id, l = !!a && a.id === c, f = o ?? (l ? "You" : a == null ? void 0 : a.username) ?? "Unknown", d = F(
     (p) => {
       p.stopPropagation(), n();
     },
     [n]
-  ), u = /* @__PURE__ */ r(Ne.Item, { onClick: () => e(i), asChild: !0, children: /* @__PURE__ */ b(y, { justify: "between", gap: "2", py: "2", px: "3", ...ii, children: [
+  ), u = /* @__PURE__ */ r(Re.Item, { onClick: () => e(i), asChild: !0, children: /* @__PURE__ */ b(y, { justify: "between", gap: "2", py: "2", px: "3", ...ii, children: [
     /* @__PURE__ */ b(y, { grow: "1", align: "center", gap: "2", children: [
       /* @__PURE__ */ r(
         ge,
@@ -1279,10 +1280,10 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
     ] })
   ] }) });
   return i.latestRevision.description ? /* @__PURE__ */ r(li, { content: i.latestRevision.description, children: u }, i.offline_id) : u;
-}, rn = "_submissionsContainer_9iirt_1", on = "_stopHorizontalOverflow_9iirt_6", Mt = {
-  submissionsContainer: rn,
-  stopHorizontalOverflow: on
-}, sn = z(function(i) {
+}, on = "_submissionsContainer_9iirt_1", sn = "_stopHorizontalOverflow_9iirt_6", Mt = {
+  submissionsContainer: on,
+  stopHorizontalOverflow: sn
+}, ln = z(function(i) {
   var v;
   const { submission: e, onSubmissionClick: t, compact: n, labelType: o, rowDecorator: a } = i, c = O(Tt), l = O(rt("created_by" in e ? e.created_by : c.id)), f = Qe(e), d = zi(f) ? f.toLocaleTimeString([], {
     hour: "2-digit",
@@ -1295,7 +1296,7 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
     fileSha1: (l == null ? void 0 : l.profile.file_sha1) ?? null
   }), g = (l == null ? void 0 : l.username.charAt(0).toUpperCase()) ?? "?", T = u.revision === h, I = vi.useCallback(() => {
     t && t({ submission: e });
-  }, [e, t]), C = /* @__PURE__ */ r(Ne.Item, { onClick: I, asChild: !0, children: /* @__PURE__ */ b(y, { grow: "1", width: "100%", p: "2", gap: "2", justify: "between", children: [
+  }, [e, t]), C = /* @__PURE__ */ r(Re.Item, { onClick: I, asChild: !0, children: /* @__PURE__ */ b(y, { grow: "1", width: "100%", p: "2", gap: "2", justify: "between", children: [
     /* @__PURE__ */ b(y, { gap: "2", align: "center", className: Mt.stopHorizontalOverflow, children: [
       /* @__PURE__ */ r(ai, { src: p, size: "1", fallback: g }),
       /* @__PURE__ */ r(k, { size: "2", noWrap: !0, children: o === "creator" ? (l || c).username : u.title })
@@ -1309,7 +1310,7 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
 }), Qe = (s) => {
   const i = "created_at" in s ? s.created_at : s.submitted_at;
   return new Date(i);
-}, Mn = z(function(i) {
+}, Nn = z(function(i) {
   const {
     formId: e,
     submissions: t,
@@ -1328,7 +1329,7 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
     [f]
   );
   return /* @__PURE__ */ r(
-    Ne.Root,
+    Re.Root,
     {
       className: St(Mt.submissionsContainer, o),
       size: "small",
@@ -1340,7 +1341,7 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
       ] }),
       after: a,
       children: d == null ? void 0 : d.map((u, h) => /* @__PURE__ */ r(
-        sn,
+        ln,
         {
           submission: u,
           compact: n,
@@ -1350,7 +1351,7 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
       ))
     }
   );
-}), Nn = z(function(i) {
+}), Rn = z(function(i) {
   const { name: e, render: t } = i, { submitForm: n } = me(), [o, a, c] = Je(e);
   return w(() => {
     const l = (f) => c.setValue(f, !1);
@@ -1360,8 +1361,8 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
       patchValue: n
     });
   }, [n, c, o.value, t]);
-}), Rn = z(
-  xe((s, i) => {
+}), Bn = z(
+  Ie((s, i) => {
     const { children: e, schema: t, values: n, onPatch: o, onError: a, ...c } = s, l = w(() => at(t.fields, n), [t.fields, n]), f = F(
       (g) => {
         const T = {};
@@ -1369,7 +1370,7 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
           const C = g[I];
           C !== l[I] && C !== void 0 && (T[I] = C);
         }
-        _e(T) && o(T);
+        Oe(T) && o(T);
       },
       [l, o]
     ), d = F(
@@ -1386,14 +1387,14 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
       validateOnBlur: !1,
       validateOnChange: !1
     }), { errors: h, resetForm: p } = u;
-    return we(() => {
-      _e(h) && p({ values: l, errors: {} });
+    return xe(() => {
+      Oe(h) && p({ values: l, errors: {} });
     }, [h, l, p]), /* @__PURE__ */ r(tt, { value: u, children: /* @__PURE__ */ r("form", { ...c, ref: i, onSubmit: u.handleSubmit, children: e }) });
   })
 ), Nt = {
   ...lt,
   section: Q
-}, ln = z(function(i) {
+}, an = z(function(i) {
   const { field: e, setFieldType: t } = i, n = e.fieldTypeName, o = e.fieldTypeDescription, a = e.Icon;
   return /* @__PURE__ */ b(y, { gap: "4", align: "center", children: [
     /* @__PURE__ */ r(G, { type: "button", variant: "surface", onClick: t, style: { width: "135px" }, children: /* @__PURE__ */ b(y, { gap: "3", align: "center", grow: "1", children: [
@@ -1406,32 +1407,32 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
   ["string", "text"],
   ["select", "multi-select", "upload"],
   ["boolean", "date", "number", "multi-string"]
-], an = Rt.length - 1, cn = z(function(i) {
+], cn = Rt.length - 1, dn = z(function(i) {
   const { setFieldType: e } = i;
   return /* @__PURE__ */ r(y, { direction: "column", gap: "3", children: Rt.map((t, n) => /* @__PURE__ */ b(y, { direction: "column", gap: "3", children: [
     /* @__PURE__ */ r(y, { direction: "column", gap: "2", children: t.map((o) => /* @__PURE__ */ r(
-      ln,
+      an,
       {
         field: lt[o],
         setFieldType: () => e(o)
       },
       o
     )) }),
-    n < an && /* @__PURE__ */ r(ci, { size: "4" })
+    n < cn && /* @__PURE__ */ r(ci, { size: "4" })
   ] }, n)) });
-}), dn = (s) => (i) => {
+}), un = (s) => (i) => {
   if (!(!i || typeof i != "string") && s.includes(i.trim()))
     return "This name is already taken.";
-}, un = (s, i) => {
+}, fn = (s, i) => {
   const e = [
-    new be({
+    new ye({
       label: "Label",
       required: !0,
       maxLength: 200,
       identifier: "label",
-      fieldValidators: [dn(s)]
+      fieldValidators: [un(s)]
     }),
-    new ye({
+    new ve({
       label: "Description",
       required: !1,
       maxLength: 1e3,
@@ -1442,10 +1443,10 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
     ...e,
     new ue({ label: "Required", description: null, required: !1, identifier: "required" })
   ];
-}, fn = z(function(i) {
+}, mn = z(function(i) {
   const { fieldType: e, handleCancel: t, handleCreateField: n, defaultField: o, conditionalSourceFields: a } = i, c = Nt[e], l = me(), f = w(() => {
     const d = Pt(l.values.fields).filter((h) => h !== (o == null ? void 0 : o.label));
-    let u = un(d, e);
+    let u = fn(d, e);
     if (c === Q) {
       if (a === void 0)
         throw new Error("Conditional source fields must be provided when changing sections.");
@@ -1495,12 +1496,12 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
       let U;
       if (!Array.isArray(q))
         throw new Error("Parent path must point to an array.");
-      a ? U = Bi(q, t, Z) : U = Et(q, t, Z), h(e, U).then(), P();
+      a ? U = qi(q, t, Z) : U = Et(q, t, Z), h(e, U).then(), P();
     },
     [a, d, p, e, h, t]
   ), L = F(
-    (x) => g ? /* @__PURE__ */ r(cn, { setFieldType: f }) : /* @__PURE__ */ r(
-      fn,
+    (x) => g ? /* @__PURE__ */ r(dn, { setFieldType: f }) : /* @__PURE__ */ r(
+      mn,
       {
         conditionalSourceFields: c,
         handleCancel: C,
@@ -1512,7 +1513,7 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
     [c, C, V, o, g, d]
   );
   return /* @__PURE__ */ r(di, { onCloseInterrupt: v, title: T, description: I, content: L, children: n });
-}), mn = ({ children: s }) => /* @__PURE__ */ r(bt, { children: s }), Bt = z(function(i) {
+}), hn = ({ children: s }) => /* @__PURE__ */ r(bt, { children: s }), Bt = z(function(i) {
   const { remove: e, editProps: t, insertAfterProps: n, duplicateProps: o, type: a } = i, c = w(
     () => [
       {
@@ -1537,7 +1538,7 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
       {
         Wrapper: he,
         wrapperProps: n,
-        Icon: Oe,
+        Icon: Me,
         text: `Add ${a === "section" ? "section" : "field"}`
       }
     ],
@@ -1550,7 +1551,7 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
       closeOnSelect: !1,
       items: c.map((l) => {
         var d;
-        const f = l.Wrapper ?? mn;
+        const f = l.Wrapper ?? hn;
         return {
           ...l.buttonProps,
           onSelect: (d = l.buttonProps) == null ? void 0 : d.onClick,
@@ -1562,7 +1563,7 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
       }).filter((l) => l !== null)
     }
   ) });
-}), qe = "form-builder", hn = z(function(i) {
+}), qe = "form-builder", pn = z(function(i) {
   const { field: e, index: t, sectionIndex: n, takenLabels: o, remove: a } = i, c = w(() => Be(e), [e]), l = De(c, { formId: qe, disabled: !0 }), f = F(
     (p) => {
       if (p.label === null)
@@ -1594,7 +1595,7 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
     [t, n]
   );
   return /* @__PURE__ */ r(nt, { draggableId: e.identifier, index: t, children: (p) => /* @__PURE__ */ r(
-    ve,
+    we,
     {
       ref: p.innerRef,
       ...p.draggableProps,
@@ -1615,7 +1616,7 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
       ] })
     }
   ) });
-}), pn = (s) => {
+}), gn = (s) => {
   const { identifier: i, condition: e } = s, t = { primary: "var(--gray-a4)", hover: "var(--primary-color)" }, [n, o] = K(t.primary), [a, c] = K(0), l = F(() => {
     o(t.hover), c(1);
   }, [t.hover]), f = F(() => {
@@ -1657,12 +1658,12 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
       }
     )
   ] }) : null;
-}, gn = z(function(i) {
-  var Z, q, U, E, R, Y, Ie, Ce, Fe;
+}, bn = z(function(i) {
+  var Z, q, U, E, R, Y, Ce, Fe, Te;
   const { field: e, index: t, dropState: n, conditionalFieldCounts: o } = i, a = (Z = n[e.identifier]) == null ? void 0 : Z.disabled, { setFieldValue: c, values: l } = me(), f = gi(), d = Pt(l.fields), u = F(
     (A, S) => {
-      for (const D of A) {
-        const $ = S.indexOf(D);
+      for (const _ of A) {
+        const $ = S.indexOf(_);
         c(`fields.${$}.condition`, null).then(), c(`fields.${$}.conditional`, !1).then();
       }
     },
@@ -1673,45 +1674,45 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
       const S = e.fields[A];
       if (!S)
         throw new Error("Could not find field to remove.");
-      const D = [];
-      for (const _ of l.fields)
-        (($ = _.condition) == null ? void 0 : $.identifier) === S.identifier && D.push(_);
+      const _ = [];
+      for (const D of l.fields)
+        (($ = D.condition) == null ? void 0 : $.identifier) === S.identifier && _.push(D);
       return {
         removing: S,
-        affectedSections: D,
-        action: () => c(`fields.${t}.fields`, Le(e.fields, A))
+        affectedSections: _,
+        action: () => c(`fields.${t}.fields`, Pe(e.fields, A))
       };
     },
     [e.fields, l.fields, c, t]
   ), p = F(
     (A) => {
-      const { affectedSections: S, action: D, removing: $ } = h(A), _ = () => {
-        D().then(), u(S, l.fields);
+      const { affectedSections: S, action: _, removing: $ } = h(A), D = () => {
+        _().then(), u(S, l.fields);
       };
       if (S.length > 0) {
-        const We = S.map((Te) => Te.label).join(", ");
+        const We = S.map((Se) => Se.label).join(", ");
         return f({
           title: "Remove condition?",
           description: `${$.label} is being used as a condition, deleting it will remove the condition from the ${We} section(s).`,
           severity: "danger",
           actionText: "Remove",
-          onAction: _
+          onAction: D
         });
       }
-      _();
+      D();
     },
     [h, u, l.fields, f]
   ), g = F(() => {
-    const S = e.fields.map((Se, qt) => h(qt)).flatMap((Se) => Se.affectedSections), D = S.length ? "Remove fields and conditions?" : "Remove fields?", $ = e.fields.length, _ = S.map((Se) => Se.label).join(", "), We = S.length ? `Deleting this section will remove the ${$} field(s) it contains and will remove the conditions from following sections: ${_}` : `Deleting this section will remove the ${$} field(s) it contains.`, Te = Le(l.fields, t), dt = () => c("fields", Te);
+    const S = e.fields.map((ze, qt) => h(qt)).flatMap((ze) => ze.affectedSections), _ = S.length ? "Remove fields and conditions?" : "Remove fields?", $ = e.fields.length, D = S.map((ze) => ze.label).join(", "), We = S.length ? `Deleting this section will remove the ${$} field(s) it contains and will remove the conditions from following sections: ${D}` : `Deleting this section will remove the ${$} field(s) it contains.`, Se = Pe(l.fields, t), dt = () => c("fields", Se);
     if (S.length > 0)
       return f({
-        title: D,
+        title: _,
         description: We,
         severity: "danger",
         actionText: "Remove",
         onAction: () => {
           dt().then(() => {
-            u(S, Te);
+            u(S, Se);
           });
         }
       });
@@ -1728,15 +1729,15 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
     (A) => {
       if (A.label === null)
         throw new Error(`Expected a label for field ${A.identifier}`);
-      const S = Ze(A.label, d), D = A.fields.map(($) => {
-        const _ = Ze($.label, d);
+      const S = Ze(A.label, d), _ = A.fields.map(($) => {
+        const D = Ze($.label, d);
         return {
           ...$,
-          label: _,
-          identifier: At(void 0, _)
+          label: D,
+          identifier: At(void 0, D)
         };
       });
-      return { ...A, label: S, fields: D, identifier: "" };
+      return { ...A, label: S, fields: _, identifier: "" };
     },
     [d]
   ), I = w(
@@ -1745,15 +1746,15 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
       parentPath: "fields",
       initial: e,
       editing: !0,
-      conditionalSourceFields: ze(l.fields, t)
+      conditionalSourceFields: Ee(l.fields, t)
     }),
     [e, t, l.fields]
   ), C = w(
     () => ({
       index: t + 1,
       parentPath: "fields",
-      initial: Ae(),
-      conditionalSourceFields: ze(l.fields, t + 1)
+      initial: Le(),
+      conditionalSourceFields: Ee(l.fields, t + 1)
     }),
     [t, l.fields]
   ), v = w(
@@ -1768,7 +1769,7 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
       index: t + 1,
       parentPath: "fields",
       initial: T(e),
-      conditionalSourceFields: ze(l.fields, t + 1)
+      conditionalSourceFields: Ee(l.fields, t + 1)
     }),
     [T, e, t, l.fields]
   ), L = w(
@@ -1780,8 +1781,8 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
   ), x = Array.isArray((U = e.condition) == null ? void 0 : U.value) ? "contains all of" : "equals";
   if (Xe((E = e.condition) == null ? void 0 : E.value))
     throw new Error("File values are not supported for conditions.");
-  const P = Array.isArray((R = e.condition) == null ? void 0 : R.value) ? (Ie = (Y = e.condition) == null ? void 0 : Y.value) == null ? void 0 : Ie.map((A) => typeof A == "string" ? A : A.label).join(", ") : (Fe = (Ce = e.condition) == null ? void 0 : Ce.value) == null ? void 0 : Fe.toString(), N = () => {
-    const S = o.filter((_) => _ !== null).length, D = o[t] ?? 0, $ = 2 / S * D;
+  const P = Array.isArray((R = e.condition) == null ? void 0 : R.value) ? (Ce = (Y = e.condition) == null ? void 0 : Y.value) == null ? void 0 : Ce.map((A) => typeof A == "string" ? A : A.label).join(", ") : (Te = (Fe = e.condition) == null ? void 0 : Fe.value) == null ? void 0 : Te.toString(), N = () => {
+    const S = o.filter((D) => D !== null).length, _ = o[t] ?? 0, $ = 2 / S * _;
     return /* @__PURE__ */ r(
       "div",
       {
@@ -1796,13 +1797,14 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
   return /* @__PURE__ */ r(nt, { draggableId: e.identifier, index: t, children: (A) => /* @__PURE__ */ b(
     y,
     {
+      className: be.sectionContainer,
       direction: "row",
       justify: "center",
       align: "center",
       mb: "4",
       children: [
         /* @__PURE__ */ r(
-          ve,
+          we,
           {
             ref: A.innerRef,
             ...A.draggableProps,
@@ -1812,8 +1814,8 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
             children: /* @__PURE__ */ b(y, { gap: "3", justify: "between", align: "center", children: [
               /* @__PURE__ */ b(y, { direction: "column", gap: "2", grow: "1", children: [
                 /* @__PURE__ */ b(y, { direction: "column", children: [
-                  /* @__PURE__ */ r(Me, { as: "h3", size: "3", children: e.label }),
-                  /* @__PURE__ */ r(k, { className: Re.description, children: e.description })
+                  /* @__PURE__ */ r(Ne, { as: "h3", size: "3", children: e.label }),
+                  /* @__PURE__ */ r(k, { className: be.description, children: e.description })
                 ] }),
                 e.condition && /* @__PURE__ */ r(k, { size: "1", children: /* @__PURE__ */ b(bi, { children: [
                   "Display only if ",
@@ -1837,20 +1839,20 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
                         direction: "column",
                         gap: "0",
                         children: [
-                          e.fields.map((D, $) => /* @__PURE__ */ r(
-                            hn,
+                          e.fields.map((_, $) => /* @__PURE__ */ r(
+                            pn,
                             {
-                              field: D,
+                              field: _,
                               index: $,
                               sectionIndex: t,
                               remove: () => p($),
                               takenLabels: d
                             },
-                            D.identifier
+                            _.identifier
                           )),
                           S.placeholder,
                           /* @__PURE__ */ r(he, { ...v, children: /* @__PURE__ */ b(G, { type: "button", variant: "outline", children: [
-                            /* @__PURE__ */ r(Oe, {}),
+                            /* @__PURE__ */ r(Me, {}),
                             " Add a field"
                           ] }) })
                         ]
@@ -1873,11 +1875,11 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
           }
         ),
         o.some((S) => S !== null) && N(),
-        e.condition && /* @__PURE__ */ r(pn, { identifier: e.identifier, condition: e.condition })
+        e.condition && /* @__PURE__ */ r(gn, { identifier: e.identifier, condition: e.condition })
       ]
     }
   ) });
-}), bn = (s, i) => {
+}), yn = (s, i) => {
   var t;
   const e = { ...s };
   switch (i.type) {
@@ -1892,7 +1894,7 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
     case "update":
       return i.state;
   }
-}, yn = (s, i) => {
+}, vn = (s, i) => {
   if (i)
     for (let e = 0; e < s.length; e++) {
       const t = s[e];
@@ -1913,7 +1915,7 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
     (t = a.condition) != null && t.identifier && l.add(a.condition.identifier), i[a.identifier] = {
       disabled: !1,
       conditionFields: l,
-      conditionIndex: yn(s, (n = a.condition) == null ? void 0 : n.identifier),
+      conditionIndex: vn(s, (n = a.condition) == null ? void 0 : n.identifier),
       index: o,
       label: a.label
     };
@@ -1923,9 +1925,9 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
   for (const [e, t] of Object.entries(s))
     if (t.identifier === i)
       return [t, e];
-}, vn = z(function() {
-  const { values: i, setFieldValue: e } = me(), [t, n] = xi(bn, i.fields, pt), { showInfo: o } = yi();
-  we(() => {
+}, wn = z(function() {
+  const { values: i, setFieldValue: e } = me(), [t, n] = xi(yn, i.fields, pt), { showInfo: o } = yi();
+  xe(() => {
     n({ type: "update", state: pt(i.fields) });
   }, [n, i.fields]);
   const a = F((d) => {
@@ -1964,7 +1966,7 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
         const L = I.fields[u.index];
         if (!L)
           throw new Error("Could not find field to reorder.");
-        e(`fields.${C}.fields`, Le(I.fields, u.index)).then(), e(
+        e(`fields.${C}.fields`, Pe(I.fields, u.index)).then(), e(
           `fields.${V}.fields`,
           Et(v.fields, h.index, L)
         ).then();
@@ -1975,8 +1977,8 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
     () => ({
       index: i.fields.length,
       parentPath: "fields",
-      initial: Ae(),
-      conditionalSourceFields: ze(i.fields, i.fields.length)
+      initial: Le(),
+      conditionalSourceFields: Ee(i.fields, i.fields.length)
     }),
     [i.fields]
   ), f = () => {
@@ -1992,7 +1994,7 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
       gap: "0",
       children: [
         i.fields.map((u, h) => /* @__PURE__ */ r(
-          gn,
+          bn,
           {
             field: u,
             index: h,
@@ -2003,45 +2005,45 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
         )),
         d.placeholder,
         /* @__PURE__ */ r(he, { ...l, children: /* @__PURE__ */ b(G, { type: "button", variant: "outline", children: [
-          /* @__PURE__ */ r(Oe, {}),
+          /* @__PURE__ */ r(Me, {}),
           " Add a section"
         ] }) })
       ]
     }
   ) }) });
-}), wn = {
+}), xn = {
   title: "",
   description: "",
   fields: []
-}, xn = new be({
+}, In = new ye({
   label: "Title",
   minLength: 0,
   maxLength: 100,
   required: !0,
   identifier: "title"
-}), In = { formId: qe, placeholder: "Give your form a title." }, Cn = new ye({
+}), Cn = { formId: qe, placeholder: "Give your form a title." }, Fn = new ve({
   label: "Description",
   minLength: 0,
   maxLength: 1e3,
   required: !1,
   identifier: "description"
-}), Fn = { formId: qe, placeholder: "Explain the purpose of this form." }, Tn = () => {
+}), Tn = { formId: qe, placeholder: "Explain the purpose of this form." }, Sn = () => {
   alert("This is a form preview, your data will not be saved.");
-}, Bn = z(
-  xe((s, i) => {
+}, qn = z(
+  Ie((s, i) => {
     const { onCancel: e, onSave: t, revision: n } = s, o = n ? "Edit form" : "Create a new form", { heading: a = o } = s, c = F((p) => {
       const g = {};
-      if (p.title || (g.title = "Title is required."), (!p.fields || p.fields.length === 0) && (g.fields = "At least one field is required."), _e(g))
+      if (p.title || (g.title = "Title is required."), (!p.fields || p.fields.length === 0) && (g.fields = "At least one field is required."), Oe(g))
         return g;
     }, []), l = et({
-      initialValues: Ri(n) ?? wn,
+      initialValues: Bi(n) ?? xn,
       validate: c,
       onSubmit: (p) => t(p),
       // only validate the entire for on submit
       validateOnChange: !1,
       validateOnBlur: !1
-    }), f = w(() => Vt(l.values), [l.values]), d = De(xn, In), u = De(Cn, Fn), h = w(
-      () => typeof a == "object" ? a : /* @__PURE__ */ r(Me, { children: a }),
+    }), f = w(() => Vt(l.values), [l.values]), d = De(In, Cn), u = De(Fn, Tn), h = w(
+      () => typeof a == "object" ? a : /* @__PURE__ */ r(Ne, { children: a }),
       [a]
     );
     return /* @__PURE__ */ r(J.Root, { ref: i, defaultValue: "edit", children: /* @__PURE__ */ b(y, { direction: "column", gap: "2", children: [
@@ -2063,7 +2065,7 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
           /* @__PURE__ */ b(tt, { value: l, children: [
             d,
             u,
-            /* @__PURE__ */ r(vn, {}),
+            /* @__PURE__ */ r(wn, {}),
             /* @__PURE__ */ r(k, { severity: "danger", size: "1", children: typeof l.errors.fields == "string" && l.errors.fields })
           ] }),
           /* @__PURE__ */ b(y, { justify: "end", gap: "2", children: [
@@ -2072,40 +2074,40 @@ const De = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), _t = (s,
           ] })
         ] }) })
       ] }),
-      /* @__PURE__ */ r(J.Content, { value: "preview", children: /* @__PURE__ */ r(ct, { schema: f, onSubmit: Tn }) })
+      /* @__PURE__ */ r(J.Content, { value: "preview", children: /* @__PURE__ */ r(ct, { schema: f, onSubmit: Sn }) })
     ] }) });
   })
 );
 export {
   ue as BooleanField,
-  Vi as BooleanInput,
+  _i as BooleanInput,
   Ge as DateField,
-  _i as DateInput,
+  Oi as DateInput,
   Q as FieldSection,
-  On as FormBrowser,
-  Bn as FormBuilder,
+  Mn as FormBrowser,
+  qn as FormBuilder,
   ct as FormRenderer,
-  Mn as FormSubmissionBrowser,
-  _n as FormSubmissionViewer,
-  ke as MultiSelectField,
-  ji as MultiSelectInput,
-  Pe as MultiStringField,
-  qi as MultiStringInput,
+  Nn as FormSubmissionBrowser,
+  On as FormSubmissionViewer,
+  Ve as MultiSelectField,
+  Hi as MultiSelectInput,
+  $e as MultiStringField,
+  Wi as MultiStringInput,
   X as NumberField,
   Di as NumberInput,
-  Nn as PatchField,
-  Rn as PatchFormProvider,
-  $e as SelectField,
-  Ni as SelectInput,
-  be as StringField,
-  Oi as StringInput,
-  ye as TextField,
-  Mi as TextInput,
+  Rn as PatchField,
+  Bn as PatchFormProvider,
+  ke as SelectField,
+  Ri as SelectInput,
+  ye as StringField,
+  Mi as StringInput,
+  ve as TextField,
+  Ni as TextInput,
   Be as deserialize,
   kt as deserializeField,
   Vt as formRevisionToSchema,
-  Dt as isConditionMet,
+  _t as isConditionMet,
   De as useFieldInput,
-  _t as useFieldInputs,
+  Dt as useFieldInputs,
   Xe as valueIsFile
 };