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

package/dist/forms.js

@@ -1,12 +1,12 @@
-var Rt = Object.defineProperty;
-var Nt = (s, i, e) => i in s ? Rt(s, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[i] = e;
-var m = (s, i, e) => (Nt(s, typeof i != "symbol" ? i + "" : i, e), e);
+var Nt = Object.defineProperty;
+var Bt = (s, i, e) => i in s ? Nt(s, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[i] = e;
+var m = (s, i, e) => (Bt(s, typeof i != "symbol" ? i + "" : i, e), e);
 import { jsx as r, jsxs as b, Fragment as pt } from "react/jsx-runtime";
-import { Flex as y, Text as D, useSeverityColor as fe, Checkbox as Bt, CheckCircledIcon as qt, TextField as le, FontFamilyIcon as Wt, CalendarIcon as jt, InputIcon as Ht, TextArea as Ut, RowsIcon as Gt, Select as ht, Box as he, IconButton as ae, PlusIcon as ke, Badge as qe, Cross1Icon as gt, ListBulletIcon as Kt, DropdownMenuIcon as Yt, MultiSelect as Qt, CheckboxIcon as Xt, Card as ye, Heading as De, Button as U, UploadIcon as bt, ButtonList as _e, divButtonProps as Jt, StarFilledIcon as Zt, StarIcon as ei, QuestionMarkCircledIcon as ti, PersonIcon as ii, Tooltip as ni, Avatar as ri, Separator as oi, Dialog as si, Pencil1Icon as li, TrashIcon as ai, CopyIcon as ci, DragHandleDots2Icon as di, DropdownMenu as ui, DotsVerticalIcon as fi, useAlertDialog as mi, Em as pi, Strong as lt, useToast as hi, Tabs as X } from "@overmap-ai/blocks";
+import { Flex as y, Text as D, useSeverityColor as fe, Checkbox as qt, CheckCircledIcon as Wt, TextField as le, FontFamilyIcon as jt, CalendarIcon as Ht, InputIcon as Ut, TextArea as Gt, RowsIcon as Kt, Select as ht, Box as he, IconButton as ae, PlusIcon as ke, Badge as qe, Cross1Icon as gt, ListBulletIcon as Yt, DropdownMenuIcon as Qt, MultiSelect as Xt, CheckboxIcon as Jt, Card as ye, Heading as De, Button as G, UploadIcon as bt, ButtonList as _e, divButtonProps as Zt, StarFilledIcon as ei, StarIcon as ti, QuestionMarkCircledIcon as ii, PersonIcon as ni, Tooltip as ri, Avatar as oi, Separator as si, Dialog as li, Pencil1Icon as ai, TrashIcon as ci, CopyIcon as di, DragHandleDots2Icon as ui, DropdownMenu as fi, DotsVerticalIcon as mi, useAlertDialog as pi, Em as hi, Strong as lt, useToast as gi, Tabs as X } from "@overmap-ai/blocks";
 import { useField as Ye, useFormikContext as me, useFormik as Qe, FormikProvider as Xe } from "formik";
-import gi, { useMemo as w, memo as T, useCallback as S, useState as ce, useEffect as ve, useRef as bi, forwardRef as we, useReducer as yi } from "react";
+import bi, { useMemo as w, memo as T, useCallback as S, useState as ce, useEffect as ve, useRef as yi, forwardRef as we, useReducer as vi } from "react";
 import { DragDropContext as yt, Droppable as Je, Draggable as Ze } from "@hello-pangea/dnd";
-import { slugify as vi, useAppSelector as $, selectFormRevision as vt, useSDK as wt, selectSubmissionAttachments as wi, selectFilteredUserForms as xi, selectUserFormMapping as Ii, selectOrganization as xt, selectUser as et, selectNumberOfUserForms as Fi, selectCurrentUser as It, classNames as Ft, isToday as Ci, getLocalDateString as Ti, selectLatestFormRevision as Si, useFileSrc as zi, selectSubmissionsForForm as Ei } from "@overmap-ai/core";
+import { slugify as wi, useAppSelector as $, selectFormRevision as vt, useSDK as wt, selectSubmissionAttachments as xi, selectFilteredUserForms as Ii, selectUserFormMapping as Fi, selectOrganization as xt, selectUser as et, selectNumberOfUserForms as Ci, selectCurrentUser as It, classNames as Ft, isToday as Ti, getLocalDateString as Si, selectLatestFormRevision as zi, useFileSrc as Ei, selectSubmissionsForForm as Ai } from "@overmap-ai/core";
 import de from "lodash.get";
 import tt from "lodash.set";
 class Ct {
@@ -90,21 +90,21 @@ class M extends Ct {
   }
 }
 m(M, "fieldTypeName"), m(M, "fieldTypeDescription");
-const Ai = "_description_17zed_1", $e = {
-  description: Ai
-}, q = (s) => {
+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: [
     /* @__PURE__ */ r(D, { severity: t, id: o, children: i }),
     e
   ] }) });
-}, W = (s) => {
+}, j = (s) => {
   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(D, { size: "1", severity: t, className: $e.description, children: i }) })
   ] });
-}, j = (s) => {
+}, H = (s) => {
   const { id: i, field: e, formId: t, ...n } = s, [o, l, c] = Ye(e.getId()), { touched: a } = l, f = l.error ?? e.description, d = l.error ? "danger" : void 0, u = i ?? `${t}-${e.getId()}-input`, p = `${u}-label`, h = e.required ? `${e.label} *` : e.label, g = w(() => ({
     ...o,
     onChange: (F) => {
@@ -128,10 +128,10 @@ const Ai = "_description_17zed_1", $e = {
     },
     { ...n, "aria-labelledby": p }
   ];
-}, Pi = [!0, "true"], Li = T(function(i) {
-  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: l, fieldProps: c }, a] = j(i), f = fe(n), d = Pi.includes(c.value);
-  return /* @__PURE__ */ r(W, { helpText: o, severity: n, children: /* @__PURE__ */ r(
-    q,
+}, 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,
     {
       severity: n,
       inputId: e,
@@ -139,7 +139,7 @@ const Ai = "_description_17zed_1", $e = {
       label: l,
       flexProps: { direction: "row-reverse", justify: "end", align: "center", gap: "2" },
       children: /* @__PURE__ */ r(
-        Bt,
+        qt,
         {
           ...a,
           ...c,
@@ -175,14 +175,14 @@ const Ai = "_description_17zed_1", $e = {
     return new J(e);
   }
   getInput(e) {
-    return /* @__PURE__ */ r(Li, { ...e, field: this });
+    return /* @__PURE__ */ r(Vi, { ...e, field: this });
   }
 };
-m(J, "fieldTypeName", "Checkbox"), m(J, "fieldTypeDescription", "Perfect for both optional and required yes/no questions."), m(J, "Icon", qt);
+m(J, "fieldTypeName", "Checkbox"), m(J, "fieldTypeDescription", "Perfect for both optional and required yes/no questions."), m(J, "Icon", Wt);
 let ue = J;
-const Vi = T(function(i) {
-  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: l, fieldProps: c, field: a }, f] = j(i), d = fe(n);
-  return /* @__PURE__ */ r(W, { helpText: o, severity: n, children: /* @__PURE__ */ r(q, { severity: n, inputId: e, labelId: t, label: l, children: /* @__PURE__ */ r(
+const ki = T(function(i) {
+  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: l, fieldProps: c, field: a }, 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: l, children: /* @__PURE__ */ r(
     le.Input,
     {
       ...f,
@@ -195,7 +195,7 @@ const Vi = T(function(i) {
       color: d
     }
   ) }) });
-}), N = class N extends M {
+}), B = class B extends M {
   constructor(e) {
     const {
       minimum: t = Number.MIN_SAFE_INTEGER,
@@ -215,7 +215,7 @@ const Vi = T(function(i) {
   }
   static getFieldCreationSchema() {
     return [
-      new N({
+      new B({
         label: "Minimum",
         description: "Minimum value",
         integers: !0,
@@ -223,7 +223,7 @@ const Vi = T(function(i) {
         identifier: "minimum",
         formValidators: [this._validateMin]
       }),
-      new N({
+      new B({
         label: "Maximum",
         description: "Maximum value",
         integers: !0,
@@ -263,17 +263,17 @@ const Vi = T(function(i) {
   static deserialize(e) {
     if (e.type !== "number")
       throw new Error("Type mismatch.");
-    return new N(e);
+    return new B(e);
   }
   getInput(e) {
-    return /* @__PURE__ */ r(Vi, { field: this, ...e });
+    return /* @__PURE__ */ r(ki, { field: this, ...e });
   }
 };
-m(N, "fieldTypeName", "Number"), m(N, "fieldTypeDescription", "Allows specifying a number within a given range."), m(N, "Icon", Wt), m(N, "_validateMin", (e, t) => typeof t.maximum == "number" && typeof e == "number" && t.maximum < e ? "Minimum cannot be greater than minimum." : null), m(N, "_validateMax", (e, t) => typeof t.minimum == "number" && typeof e == "number" && t.minimum > e ? "Maximum cannot be less than minimum." : null);
-let Y = N;
-const ki = T(function(i) {
-  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: l, fieldProps: c }, a] = j(i), f = fe(n), d = c.value ? c.value.split("T")[0] : "";
-  return /* @__PURE__ */ r(W, { helpText: o, severity: n, children: /* @__PURE__ */ r(q, { severity: n, inputId: e, labelId: t, label: l, children: /* @__PURE__ */ r(le.Input, { ...a, ...c, type: "date", id: e, color: f, value: d }) }) });
+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 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 }) }) });
 }), Z = class Z extends M {
   constructor(e) {
     super({ ...e, type: "date" });
@@ -291,10 +291,10 @@ const ki = T(function(i) {
     return new Z(e);
   }
   getInput(e) {
-    return /* @__PURE__ */ r(ki, { field: this, ...e });
+    return /* @__PURE__ */ r(Di, { field: this, ...e });
   }
 };
-m(Z, "fieldTypeName", "Date"), m(Z, "fieldTypeDescription", "Allows specifying a date."), m(Z, "Icon", jt);
+m(Z, "fieldTypeName", "Date"), m(Z, "fieldTypeDescription", "Allows specifying a date."), m(Z, "Icon", Ht);
 let We = Z;
 class Ce extends M {
   constructor(e) {
@@ -365,9 +365,9 @@ m(Ce, "_validateMax", (e, t) => {
   const { minimum_length: n } = t;
   return typeof n != "number" ? null : n > e ? "Maximum cannot be less than minimum." : null;
 });
-const Di = T(function(i) {
-  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: l, fieldProps: c, field: a }, f] = j(i), d = fe(n);
-  return /* @__PURE__ */ r(W, { helpText: o, severity: n, children: /* @__PURE__ */ r(q, { severity: n, inputId: e, labelId: t, label: l, children: /* @__PURE__ */ r(le.Input, { ...f, ...c, type: a.inputType, id: e, color: d }) }) });
+const _i = T(function(i) {
+  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: l, fieldProps: c, field: a }, 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: l, children: /* @__PURE__ */ r(le.Input, { ...f, ...c, type: a.inputType, id: e, color: d }) }) });
 }), ee = class ee extends Ce {
   constructor(e) {
     const { inputType: t = "text", ...n } = e, o = e.maxLength ? Math.min(500, e.maxLength) : 500, l = e.minLength ? Math.min(e.minLength, o) : void 0;
@@ -385,14 +385,14 @@ const Di = T(function(i) {
     return new ee({ ...l, maxLength: t, minLength: n, inputType: o });
   }
   getInput(e) {
-    return /* @__PURE__ */ r(Di, { field: this, ...e });
+    return /* @__PURE__ */ r(_i, { field: this, ...e });
   }
 };
-m(ee, "fieldTypeName", "Short Text"), m(ee, "fieldTypeDescription", "Short text fields can hold up to 500 characters on a single line."), m(ee, "Icon", Ht);
+m(ee, "fieldTypeName", "Short Text"), m(ee, "fieldTypeDescription", "Short text fields can hold up to 500 characters on a single line."), m(ee, "Icon", Ut);
 let ge = ee;
-const _i = T(function(i) {
-  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: l, fieldProps: c }, a] = j(i);
-  return /* @__PURE__ */ r(W, { helpText: o, severity: n, children: /* @__PURE__ */ r(q, { severity: n, inputId: e, labelId: t, label: l, children: /* @__PURE__ */ r(Ut, { ...a, ...c, resize: "vertical", id: e, severity: n }) }) });
+const $i = T(function(i) {
+  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: l, fieldProps: c }, a] = H(i);
+  return /* @__PURE__ */ r(j, { helpText: o, severity: n, children: /* @__PURE__ */ r(W, { severity: n, inputId: e, labelId: t, label: l, children: /* @__PURE__ */ r(Gt, { ...a, ...c, resize: "vertical", id: e, severity: n }) }) });
 }), te = class te extends Ce {
   constructor(i) {
     const e = i.maxLength ? Math.min(5e3, i.maxLength) : 5e3, t = i.minLength ? Math.min(i.minLength, e) : void 0;
@@ -408,13 +408,13 @@ const _i = T(function(i) {
     return new te({ ...n, maxLength: e, minLength: t });
   }
   getInput(i) {
-    return /* @__PURE__ */ r(_i, { field: this, ...i });
+    return /* @__PURE__ */ r($i, { field: this, ...i });
   }
 };
-m(te, "fieldTypeName", "Paragraph"), m(te, "fieldTypeDescription", "Paragraph fields can hold up to 5000 characters and can have multiple lines."), m(te, "Icon", Gt);
+m(te, "fieldTypeName", "Paragraph"), m(te, "fieldTypeDescription", "Paragraph fields can hold up to 5000 characters and can have multiple lines."), m(te, "Icon", Kt);
 let be = te;
-const $i = T(function(i) {
-  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: l, fieldProps: c, field: a }, f] = j(i), { onChange: d, onBlur: u } = c, p = w(
+const Mi = T(function(i) {
+  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: l, fieldProps: c, field: a }, f] = H(i), { onChange: d, onBlur: u } = c, p = w(
     () => a.options.map((g) => ({ value: g.value, itemContent: g.label })),
     [a.options]
   ), h = S(
@@ -423,7 +423,7 @@ const $i = T(function(i) {
     },
     [d, u]
   );
-  return /* @__PURE__ */ r(W, { helpText: o, severity: n, children: /* @__PURE__ */ r(q, { severity: n, inputId: e, labelId: t, label: l, children: /* @__PURE__ */ r(
+  return /* @__PURE__ */ r(j, { helpText: o, severity: n, children: /* @__PURE__ */ r(W, { severity: n, inputId: e, labelId: t, label: l, children: /* @__PURE__ */ r(
     ht,
     {
       items: p,
@@ -442,7 +442,7 @@ const $i = T(function(i) {
   label: null,
   condition: null,
   conditional: !1
-}), Mi = (s) => {
+}), Oi = (s) => {
   if (!s)
     return;
   const i = s.fields;
@@ -458,7 +458,7 @@ function je(s, i, e) {
     throw new Error("Could not find field to reorder.");
   return t.splice(e, 0, n), t;
 }
-function Oi(s, i, e) {
+function Ri(s, i, e) {
   const t = Array.from(s);
   return t[i] = e, t;
 }
@@ -470,23 +470,23 @@ function Se(s, i) {
   const e = Array.from(s);
   return e.splice(i, 1), e;
 }
-const Ri = (s, i) => {
+const St = (s, i) => {
   if (typeof s == "string" && s.length > 0)
     return s;
   const e = /* @__PURE__ */ new Date();
-  return `${vi(i)}-${e.getTime()}`;
-}, St = (s, i) => {
+  return `${wi(i)}-${e.getTime()}`;
+}, zt = (s, i) => {
   if (!i)
     return null;
   for (const e of s)
     if (e.type === "section") {
-      const t = St(e.fields, i);
+      const t = zt(e.fields, i);
       if (t)
         return t;
     } else if (e.identifier === i)
       return e;
   return null;
-}, Fe = (s, i) => s.filter((e, t) => t < i).flatMap((e) => e.fields), zt = (s) => s.flatMap(
+}, Fe = (s, i) => s.filter((e, t) => t < i).flatMap((e) => e.fields), Et = (s) => s.flatMap(
   (i) => i.type === "section" ? [...i.fields.map((e) => e.label), i.label] : i.label
 ).filter((i) => i !== null), He = (s, i) => {
   let e = 1, t = `${s} (${e})`;
@@ -494,7 +494,7 @@ const Ri = (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] = j(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,17 +511,17 @@ const Ri = (s, i) => {
       return v("Option cannot be empty");
     const A = x.trim();
     I([...d, { value: A, label: A }]), z("");
-  }, [x, F, I, d]), G = S(
+  }, [x, F, I, d]), K = S(
     (A) => {
       A.key === "Enter" && (A.preventDefault(), O());
     },
     [O]
-  ), B = S(
+  ), q = S(
     (A) => {
       I(Se(d, A));
     },
     [d, I]
-  ), H = S(
+  ), U = S(
     (A) => {
       if (!A.destination)
         return;
@@ -530,8 +530,8 @@ const Ri = (s, i) => {
     },
     [I, d]
   );
-  return /* @__PURE__ */ r(yt, { onDragEnd: H, children: /* @__PURE__ */ b(y, { direction: "column", gap: "2", children: [
-    /* @__PURE__ */ r(W, { helpText: P, severity: n, children: /* @__PURE__ */ r(q, { severity: n, inputId: e, labelId: t, label: l, children: (!g || d.length === 0) && /* @__PURE__ */ b(y, { gap: "2", children: [
+  return /* @__PURE__ */ r(yt, { onDragEnd: U, children: /* @__PURE__ */ b(y, { direction: "column", 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 Ri = (s, i) => {
           ...c,
           value: x,
           onChange: V,
-          onKeyDown: G,
+          onKeyDown: K,
           id: e,
-          color: L,
+          color: P,
           onBlur: void 0
         }
       ) }),
@@ -586,7 +586,7 @@ const Ri = (s, i) => {
                     "aria-label": "Delete option",
                     severity: "info",
                     disabled: g,
-                    onClick: () => B(C),
+                    onClick: () => q(C),
                     children: /* @__PURE__ */ r(gt, {})
                   }
                 )
@@ -638,9 +638,9 @@ const Ri = (s, i) => {
     return new ie(e);
   }
 };
-m(ie, "fieldTypeName", "Multi-string"), m(ie, "fieldTypeDescription", "Allows the user to provide multiple unique strings."), m(ie, "Icon", Kt);
+m(ie, "fieldTypeName", "Multi-string"), m(ie, "fieldTypeDescription", "Allows the user to provide multiple unique strings."), m(ie, "Icon", Yt);
 let ze = ie;
-class Et extends M {
+class At extends M {
   constructor(e) {
     super(e);
     m(this, "options");
@@ -670,7 +670,7 @@ class Et extends M {
     ];
   }
 }
-const ne = class ne extends Et {
+const ne = class ne extends At {
   constructor(i) {
     super({ ...i, type: "select" });
   }
@@ -686,20 +686,20 @@ const ne = class ne extends Et {
     return new ne(i);
   }
   getInput(i) {
-    return /* @__PURE__ */ r($i, { field: this, ...i });
+    return /* @__PURE__ */ r(Mi, { field: this, ...i });
   }
 };
-m(ne, "fieldTypeName", "Dropdown"), m(ne, "fieldTypeDescription", "Allows the user to select a single option from a list of options."), m(ne, "Icon", Yt);
+m(ne, "fieldTypeName", "Dropdown"), m(ne, "fieldTypeDescription", "Allows the user to select a single option from a list of options."), m(ne, "Icon", Qt);
 let Ee = ne;
 const Bi = (s) => s ? Array.isArray(s) ? s : [s] : [], qi = T(function(i) {
-  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: l, fieldProps: c, field: a }, f] = j(i), { onChange: d, onBlur: u } = c, p = w(() => Bi(c.value), [c.value]), h = S(
+  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: l, fieldProps: c, field: a }, f] = H(i), { onChange: d, onBlur: u } = c, p = w(() => Bi(c.value), [c.value]), h = S(
     (g) => {
       d(g), u(g);
     },
     [d, u]
   );
-  return /* @__PURE__ */ r(W, { helpText: o, severity: n, children: /* @__PURE__ */ r(q, { severity: n, inputId: e, labelId: t, label: l, children: /* @__PURE__ */ r(
-    Qt,
+  return /* @__PURE__ */ r(j, { helpText: o, severity: n, children: /* @__PURE__ */ r(W, { severity: n, inputId: e, labelId: t, label: l, children: /* @__PURE__ */ r(
+    Xt,
     {
       value: p,
       onValueChange: h,
@@ -711,7 +711,7 @@ const Bi = (s) => s ? Array.isArray(s) ? s : [s] : [], qi = T(function(i) {
       ...f
     }
   ) }) });
-}), re = class re extends Et {
+}), re = class re extends At {
   constructor(i) {
     super({ ...i, type: "multi-select" });
   }
@@ -735,16 +735,16 @@ const Bi = (s) => s ? Array.isArray(s) ? s : [s] : [], qi = T(function(i) {
     return /* @__PURE__ */ r(qi, { field: this, ...i });
   }
 };
-m(re, "fieldTypeName", "Multi-select"), m(re, "fieldTypeDescription", "Allows the user to select a multiple options from a list of options."), m(re, "Icon", Xt);
+m(re, "fieldTypeName", "Multi-select"), m(re, "fieldTypeDescription", "Allows the user to select a multiple options from a list of options."), m(re, "Icon", Jt);
 let Ae = re;
 const Wi = T(function({ field: i, ...e }) {
   const [{ value: t }] = Ye(i.options.clonedFieldIdentifier), n = w(() => {
     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,20 +760,20 @@ 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);
   }
 }
 const Hi = T(function(i) {
-  const { field: e, ...t } = i, { label: n, description: o, fields: l, condition: c } = e, { values: a, setFieldValue: f } = me(), d = c != null && c.identifier ? de(a, c.identifier) : void 0, u = w(() => Lt(c, d), [c, d]);
+  const { field: e, ...t } = i, { label: n, description: o, fields: l, condition: c } = e, { values: a, setFieldValue: f } = me(), d = c != null && c.identifier ? de(a, c.identifier) : void 0, u = w(() => Vt(c, d), [c, d]);
   ve(() => {
     if (!u)
       for (const h of l)
         f(h.getId(), "").then();
   }, [u, l, f]);
-  const p = Vt(l, t);
+  const p = kt(l, t);
   return u ? n ? /* @__PURE__ */ r(ye, { children: /* @__PURE__ */ b(y, { direction: "column", gap: "3", children: [
     /* @__PURE__ */ b(y, { direction: "column", children: [
       /* @__PURE__ */ r(De, { as: "h3", size: "3", children: n }),
@@ -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(At)) ?? [];
+    const t = ((n = e.fields) == null ? void 0 : n.map(Lt)) ?? [];
     return new oe({ ...e, fields: t });
   }
   conditional() {
@@ -893,8 +893,8 @@ 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;
-  const [{ inputId: e, labelId: t, severity: n, helpText: o, label: l, fieldProps: c, field: a }, f] = j(i), { onChange: d } = c, u = fe(n), p = bi(null), { value: h } = c, g = w(() => o || (a.maxFileSize ? `Maximum file size: ${it(a.maxFileSize)}` : null), [a.maxFileSize, o]), x = S(() => {
+  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();
   }, []), z = S(
@@ -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(W, { helpText: g, severity: n, children: /* @__PURE__ */ b(q, { 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(U, { ...f, onClick: x, 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" },
@@ -1067,15 +1067,15 @@ const nt = {
   select: Ee,
   string: ge,
   text: be,
-  custom: Pe,
+  custom: Le,
   upload: Ue,
   // TODO: Underscore
   "multi-string": ze,
   "multi-select": Ae
-}, At = (s) => {
+}, Lt = (s) => {
   const i = s.type;
   return nt[i].deserialize(s);
-}, Me = (s) => s.type === "section" ? Q.deserialize(s) : At(s);
+}, Me = (s) => s.type === "section" ? Q.deserialize(s) : Lt(s);
 function Pt(s, i = {}) {
   const { readonly: e = !1 } = i;
   return {
@@ -1088,7 +1088,7 @@ function Pt(s, i = {}) {
 function Ge(s) {
   return !!(Array.isArray(s) && s.some((i) => i instanceof File || i instanceof Promise));
 }
-function Lt(s, i) {
+function Vt(s, i) {
   if (!s)
     return !0;
   if (Ge(i) || Ge(s.value))
@@ -1102,16 +1102,16 @@ function Lt(s, i) {
   }
   return t === i;
 }
-const Le = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), Vt = (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, kt = async (s, i) => {
+}, Ve = (s) => Object.keys(s).length > 0, Dt = async (s, i) => {
   const e = {};
   for (const t of s.fields)
     if (t instanceof Q) {
       if (t.condition) {
         const { identifier: n } = t.condition;
-        if (!Lt(t.condition, de(i, n)))
+        if (!Vt(t.condition, de(i, n)))
           continue;
       }
       Object.assign(e, t.getErrors(i));
@@ -1142,7 +1142,7 @@ const Le = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), Vt = (s,
     } = s, { readonly: p } = e.meta, h = w(() => crypto.randomUUID(), []), g = Qe({
       initialValues: rt(e.fields, t),
       onSubmit: n,
-      validate: (P) => kt(e, P),
+      validate: (L) => Dt(e, L),
       // only validate the entire form on submit
       validateOnBlur: !1,
       validateOnChange: !1
@@ -1152,7 +1152,7 @@ const Le = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), Vt = (s,
     ), F = w(
       () => typeof e.description == "string" ? /* @__PURE__ */ r(D, { className: $e.description, children: e.description }) : e.description,
       [e.description]
-    ), v = Vt(e.fields, { formId: h, disabled: p });
+    ), v = kt(e.fields, { formId: h, disabled: p });
     return ve(() => {
       x && a && a();
     }, [x, a]), /* @__PURE__ */ r(Xe, { value: g, children: /* @__PURE__ */ r(y, { ref: i, direction: "column", gap: "2", className: u, asChild: !0, children: /* @__PURE__ */ b("form", { id: h, onSubmit: g.handleSubmit, children: [
@@ -1162,12 +1162,12 @@ const Le = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), Vt = (s,
       ] }) }),
       v,
       !p && /* @__PURE__ */ b(y, { justify: "end", gap: "2", children: [
-        l && /* @__PURE__ */ r(U, { type: "button", variant: "soft", onClick: c, children: l }),
-        /* @__PURE__ */ r(U, { type: "submit", disabled: !g.isValid, children: o })
+        l && /* @__PURE__ */ r(G, { type: "button", variant: "soft", onClick: c, children: l }),
+        /* @__PURE__ */ r(G, { type: "submit", disabled: !g.isValid, children: o })
       ] })
     ] }) }) });
   })
-), 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)
@@ -1175,7 +1175,7 @@ const Le = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), Vt = (s,
         `Could not find revision ${e.form_revision} for submission ${e.offline_id}.`
       );
     const c = w(() => Pt(o, { readonly: !0 }), [o]), a = w(() => {
-      const f = wi(e.offline_id)(l.store.getState()) ?? [], d = {};
+      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) => {
           if (!g.success)
@@ -1205,23 +1205,23 @@ const Le = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), Vt = (s,
     const { maxResults: e = 20, ...t } = s, [n, o] = ce(""), [l, c] = ce(""), { sdk: a } = wt(), f = w(() => {
       const v = { maxResults: e, searchTerm: n };
       return l && (l.startsWith(Ne) ? v.owner_organization = parseInt(l.slice(Ne.length)) : l.startsWith(Be) && (v.owner_user = parseInt(l.slice(Be.length)))), v;
-    }, [n, e, l]), d = $(xi(f)) ?? [], u = $(Ii), p = S(
+    }, [n, e, l]), d = $(Ii(f)) ?? [], u = $(Fi), p = S(
       (v) => {
         v.favorite ? a.userForms.unfavorite(v.offline_id).then() : a.userForms.favorite(v.offline_id).then();
       },
       [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 = ($(Fi) || 0) - d.length, F = d.length == e && z > 0 ? `Only the first ${e} results are shown (${z} hidden)` : z > 0 && `${z} hidden forms`;
+    }, []), 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`;
     return /* @__PURE__ */ b(y, { ref: i, direction: "column", gap: "2", children: [
       /* @__PURE__ */ b(y, { gap: "2", grow: "1", children: [
         /* @__PURE__ */ r(he, { grow: "1", asChild: !0, children: /* @__PURE__ */ r(le.Root, { size: "3", children: /* @__PURE__ */ r(le.Input, { placeholder: "Filter", value: n, onChange: g }) }) }),
@@ -1255,7 +1255,7 @@ const Le = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), Vt = (s,
       h.stopPropagation(), n();
     },
     [n]
-  ), u = /* @__PURE__ */ r(_e.Item, { onClick: () => e(i), asChild: !0, children: /* @__PURE__ */ b(y, { justify: "between", gap: "2", py: "2", px: "3", ...Jt, children: [
+  ), u = /* @__PURE__ */ r(_e.Item, { onClick: () => e(i), asChild: !0, children: /* @__PURE__ */ b(y, { justify: "between", gap: "2", py: "2", px: "3", ...Zt, children: [
     /* @__PURE__ */ b(y, { grow: "1", align: "center", gap: "2", children: [
       /* @__PURE__ */ r(
         ae,
@@ -1265,38 +1265,38 @@ const Le = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), Vt = (s,
           onClick: d,
           "aria-label": i.favorite ? "Favorite form" : "Standard form",
           disabled: !t,
-          children: i.favorite ? /* @__PURE__ */ r(Zt, {}) : /* @__PURE__ */ r(ei, {})
+          children: i.favorite ? /* @__PURE__ */ r(ei, {}) : /* @__PURE__ */ r(ti, {})
         }
       ),
       /* @__PURE__ */ r(D, { noWrap: !0, children: i.latestRevision.title }),
-      i.latestRevision.description && /* @__PURE__ */ r(ti, {})
+      i.latestRevision.description && /* @__PURE__ */ r(ii, {})
     ] }),
     f && /* @__PURE__ */ b(y, { align: "center", gap: "2", children: [
-      /* @__PURE__ */ r(ii, {}),
+      /* @__PURE__ */ r(ni, {}),
       " ",
       f
     ] })
   ] }) });
-  return i.latestRevision.description ? /* @__PURE__ */ r(ni, { content: i.latestRevision.description, children: u }, i.offline_id) : u;
-}, tn = "_submissionsContainer_9iirt_1", nn = "_stopHorizontalOverflow_9iirt_6", Dt = {
+  return i.latestRevision.description ? /* @__PURE__ */ r(ri, { content: i.latestRevision.description, children: u }, i.offline_id) : u;
+}, tn = "_submissionsContainer_9iirt_1", nn = "_stopHorizontalOverflow_9iirt_6", _t = {
   submissionsContainer: tn,
   stopHorizontalOverflow: nn
 }, rn = T(function(i) {
   var v;
-  const { submission: e, onSubmissionClick: t, compact: n, labelType: o, rowDecorator: l } = i, c = $(It), a = $(et("created_by" in e ? e.created_by : c.id)), f = Ke(e), d = Ci(f) ? f.toLocaleTimeString([], {
+  const { submission: e, onSubmissionClick: t, compact: n, labelType: o, rowDecorator: l } = i, c = $(It), a = $(et("created_by" in e ? e.created_by : c.id)), f = Ke(e), d = Ti(f) ? f.toLocaleTimeString([], {
     hour: "2-digit",
     minute: "2-digit"
-  }) : Ti(f), u = $(vt(e.form_revision));
+  }) : Si(f), u = $(vt(e.form_revision));
   if (!u)
     throw new Error(`Could not find revision ${e.form_revision} for submission ${e.offline_id}.`);
-  const p = (v = $(Si(u.form))) == null ? void 0 : v.revision, h = zi({
+  const p = (v = $(zi(u.form))) == null ? void 0 : v.revision, h = Ei({
     file: (a == null ? void 0 : a.profile.file) ?? null,
     fileSha1: (a == null ? void 0 : a.profile.file_sha1) ?? null
-  }), g = (a == null ? void 0 : a.username.charAt(0).toUpperCase()) ?? "?", x = u.revision === p, z = gi.useCallback(() => {
+  }), g = (a == null ? void 0 : a.username.charAt(0).toUpperCase()) ?? "?", x = u.revision === p, z = bi.useCallback(() => {
     t && t({ submission: e });
   }, [e, t]), F = /* @__PURE__ */ r(_e.Item, { onClick: z, 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: Dt.stopHorizontalOverflow, children: [
-      /* @__PURE__ */ r(ri, { src: h, size: "1", fallback: g }),
+    /* @__PURE__ */ b(y, { gap: "2", align: "center", className: _t.stopHorizontalOverflow, children: [
+      /* @__PURE__ */ r(oi, { src: h, size: "1", fallback: g }),
       /* @__PURE__ */ r(D, { size: "2", noWrap: !0, children: o === "creator" ? (a || c).username : u.title })
     ] }),
     /* @__PURE__ */ b(y, { gap: "2", align: "center", children: [
@@ -1321,7 +1321,7 @@ const Le = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), Vt = (s,
   if (!!e == !!t)
     throw new Error("Either formId or submissions must be provided, but not both.");
   const f = $(
-    t ? () => t : Ei(e)
+    t ? () => t : Ai(e)
   ), d = w(
     () => f == null ? void 0 : f.sort((u, p) => Ke(p).getTime() - Ke(u).getTime()),
     [f]
@@ -1329,7 +1329,7 @@ const Le = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), Vt = (s,
   return /* @__PURE__ */ r(
     _e.Root,
     {
-      className: Ft(Dt.submissionsContainer, o),
+      className: Ft(_t.submissionsContainer, o),
       size: "small",
       variant: c,
       before: !n && /* @__PURE__ */ b(D, { severity: "info", children: [
@@ -1373,7 +1373,7 @@ const Le = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), Vt = (s,
       [a, o]
     ), d = S(
       async (g) => {
-        const x = await kt(t, g);
+        const x = await Dt(t, g);
         return x && l(x), x;
       },
       [t, l]
@@ -1389,25 +1389,25 @@ const Le = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), Vt = (s,
       Ve(p) && h({ values: a, errors: {} });
     }, [p, a, h]), /* @__PURE__ */ r(Xe, { value: u, children: /* @__PURE__ */ r("form", { ...c, ref: i, onSubmit: u.handleSubmit, children: e }) });
   })
-), _t = {
+), $t = {
   ...nt,
   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: [
-    /* @__PURE__ */ r(U, { type: "button", variant: "surface", onClick: t, style: { width: "135px" }, children: /* @__PURE__ */ b(y, { gap: "3", align: "center", grow: "1", children: [
+    /* @__PURE__ */ r(G, { type: "button", variant: "surface", onClick: t, style: { width: "135px" }, children: /* @__PURE__ */ b(y, { gap: "3", align: "center", grow: "1", children: [
       /* @__PURE__ */ r(l, {}),
       n
     ] }) }),
     /* @__PURE__ */ r(D, { children: o })
   ] });
-}), $t = [
+}), Mt = [
   ["string", "text"],
   ["select", "multi-select", "upload"],
   ["boolean", "date", "number", "multi-string"]
-], sn = $t.length - 1, ln = T(function(i) {
+], sn = Mt.length - 1, ln = T(function(i) {
   const { setFieldType: e } = i;
-  return /* @__PURE__ */ r(y, { direction: "column", gap: "3", children: $t.map((t, n) => /* @__PURE__ */ b(y, { direction: "column", gap: "3", children: [
+  return /* @__PURE__ */ r(y, { direction: "column", gap: "3", children: Mt.map((t, n) => /* @__PURE__ */ b(y, { direction: "column", gap: "3", children: [
     /* @__PURE__ */ r(y, { direction: "column", gap: "2", children: t.map((o) => /* @__PURE__ */ r(
       on,
       {
@@ -1416,10 +1416,10 @@ const Le = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), Vt = (s,
       },
       o
     )) }),
-    n < sn && /* @__PURE__ */ r(oi, { size: "4" })
+    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,12 +1442,10 @@ const Le = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), Vt = (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 d = zt(a.values.fields).filter((p) => p !== (o == null ? void 0 : o.label));
+  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(d, u), c === Q) {
+    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));
@@ -1474,59 +1472,59 @@ const Le = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), Vt = (s,
     }
   );
 }), pe = T(function(i) {
-  const { parentPath: e, index: t, children: n, initial: o, editing: l, conditionalSourceFields: c } = i, [a, f] = ce(), d = (o == null ? void 0 : o.type) ?? a, u = d ? _t[d].fieldTypeName : void 0, { setFieldValue: p, values: h } = me();
+  const { parentPath: e, index: t, children: n, initial: o, editing: l, conditionalSourceFields: c } = i, [a, f] = ce(), d = (o == null ? void 0 : o.type) ?? a, u = d ? $t[d].fieldTypeName : void 0, { setFieldValue: p, values: h } = me();
   if (l && !o)
     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 G = Me({
+      const K = Me({
         type: d,
         ...I,
-        identifier: Ri(I.identifier, O)
-      }).serialize(), B = de(h, e);
-      if (B === void 0)
+        identifier: St(I.identifier, O)
+      }).serialize(), q = de(h, e);
+      if (q === void 0)
         throw new Error("Parent path must point to an existing field.");
-      let H;
-      if (!Array.isArray(B))
+      let U;
+      if (!Array.isArray(q))
         throw new Error("Parent path must point to an array.");
-      l ? H = Oi(B, t, G) : H = Tt(B, t, G), p(e, H).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(si, { 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
-}), Mt = T(function(i) {
+}), Ot = T(function(i) {
   const { remove: e, dragHandleProps: t, editProps: n, insertAfterProps: o, duplicateProps: l } = i, c = w(
     () => [
       {
         Wrapper: pe,
         wrapperProps: n,
-        Icon: li,
+        Icon: ai,
         text: "Edit"
       },
       {
-        Icon: ai,
+        Icon: ci,
         buttonProps: {
           onClick: e
         },
@@ -1535,7 +1533,7 @@ const Le = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), Vt = (s,
       {
         Wrapper: pe,
         wrapperProps: l,
-        Icon: ci,
+        Icon: di,
         text: "Duplicate"
       },
       {
@@ -1548,7 +1546,7 @@ const Le = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), Vt = (s,
         // Wrapping icon in a div so that the asChild turns the button into a div
         // so that the drag handle props are not applied to the icon
         // Note: b/c the <button> does not handle the space-press event correctly
-        Icon: (a) => /* @__PURE__ */ r("div", { ...a, children: /* @__PURE__ */ r(di, {}) }),
+        Icon: (a) => /* @__PURE__ */ r("div", { ...a, children: /* @__PURE__ */ r(ui, {}) }),
         text: "Reorder",
         disableOnMobile: !0,
         buttonProps: { ...t, asChild: !0 }
@@ -1562,9 +1560,9 @@ const Le = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), Vt = (s,
       return /* @__PURE__ */ r(f, { ...a.wrapperProps, children: /* @__PURE__ */ r(ae, { type: "button", variant: "ghost", "aria-label": a.text, ...a.buttonProps, children: /* @__PURE__ */ r(a.Icon, {}) }) }, a.text);
     }) }),
     /* @__PURE__ */ r(he, { display: ut(!0, "block"), children: /* @__PURE__ */ r(
-      ui,
+      fi,
       {
-        trigger: /* @__PURE__ */ r(ae, { variant: "ghost", "aria-label": "Actions menu", children: /* @__PURE__ */ r(fi, {}) }),
+        trigger: /* @__PURE__ */ r(ae, { variant: "ghost", "aria-label": "Actions menu", children: /* @__PURE__ */ r(mi, {}) }),
         closeOnSelect: !1,
         items: c.map((a) => {
           var d;
@@ -1584,9 +1582,7 @@ const Le = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), Vt = (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`,
@@ -1619,7 +1615,7 @@ const Le = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), Vt = (s,
       children: /* @__PURE__ */ b(y, { gap: "4", justify: "between", align: "center", children: [
         a,
         /* @__PURE__ */ r(
-          Mt,
+          Ot,
           {
             remove: l,
             editProps: f,
@@ -1632,10 +1628,8 @@ const Le = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), Vt = (s,
     }
   ) });
 }), fn = T(function(i) {
-  var V, O, G, B, H, 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 = mi(), f = zt(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(_);
@@ -1650,8 +1644,8 @@ const Le = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), Vt = (s,
       if (!E)
         throw new Error("Could not find field to remove.");
       const _ = [];
-      for (const K of c.fields)
-        ((k = K.condition) == null ? void 0 : k.identifier) === E.identifier && _.push(K);
+      for (const N of c.fields)
+        ((k = N.condition) == null ? void 0 : k.identifier) === E.identifier && _.push(N);
       return {
         removing: E,
         affectedSections: _,
@@ -1661,7 +1655,7 @@ const Le = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), Vt = (s,
     [e.fields, c.fields, l, t]
   ), p = S(
     (C) => {
-      const { affectedSections: E, action: _, removing: k } = u(C), K = () => {
+      const { affectedSections: E, action: _, removing: k } = u(C), N = () => {
         _().then(), d(E, c.fields);
       };
       if (E.length > 0) {
@@ -1671,14 +1665,14 @@ const Le = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), Vt = (s,
           description: `${k.label} is being used as a condition, deleting it will remove the condition from the ${Re} section(s).`,
           severity: "danger",
           actionText: "Remove",
-          onAction: K
+          onAction: N
         });
       }
-      K();
+      N();
     },
     [u, d, c.fields, a]
   ), h = S(() => {
-    const E = e.fields.map((Ie, Ot) => u(Ot)).flatMap((Ie) => Ie.affectedSections), _ = E.length ? "Remove fields and conditions?" : "Remove fields?", k = e.fields.length, K = E.map((Ie) => Ie.label).join(", "), Re = E.length ? `Deleting this section will remove the ${k} field(s) it contains and will remove the conditions from following sections: ${K}` : `Deleting this section will remove the ${k} field(s) it contains.`, xe = Se(c.fields, t), st = () => l("fields", xe);
+    const E = e.fields.map((Ie, Rt) => u(Rt)).flatMap((Ie) => Ie.affectedSections), _ = E.length ? "Remove fields and conditions?" : "Remove fields?", k = e.fields.length, N = E.map((Ie) => Ie.label).join(", "), Re = E.length ? `Deleting this section will remove the ${k} field(s) it contains and will remove the conditions from following sections: ${N}` : `Deleting this section will remove the ${k} field(s) it contains.`, xe = Se(c.fields, t), st = () => l("fields", xe);
     if (E.length > 0)
       return a({
         title: _,
@@ -1702,12 +1696,15 @@ const Le = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), Vt = (s,
     d
   ]), g = S(
     (C) => {
-      const E = He(C.label ?? "", f), _ = C.fields.map((k) => ({
-        ...k,
-        label: He(k.label, f),
-        identifier: ""
-      }));
-      return { ...C, label: E, fields: _ };
+      const E = He(C.label ?? "", f), _ = C.fields.map((k) => {
+        const N = He(k.label, f);
+        return {
+          ...k,
+          label: N,
+          identifier: St(void 0, N)
+        };
+      });
+      return { ...C, label: E, fields: _, identifier: "" };
     },
     [f]
   ), x = w(
@@ -1742,16 +1739,16 @@ const Le = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), Vt = (s,
       conditionalSourceFields: Fe(c.fields, t + 1)
     }),
     [g, e, t, c.fields]
-  ), P = w(
+  ), L = w(
     () => {
       var C, E;
-      return (E = St(c.fields, (C = e.condition) == null ? void 0 : C.identifier)) == null ? void 0 : E.label;
+      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((G = e.condition) == null ? void 0 : G.value) ? "contains all of" : "equals";
-  if (Ge((B = e.condition) == null ? void 0 : B.value))
+  ), 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((H = e.condition) == null ? void 0 : H.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();
+  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();
   return /* @__PURE__ */ r(Ze, { draggableId: e.identifier, index: t, children: (C) => /* @__PURE__ */ r(
     ye,
     {
@@ -1765,11 +1762,11 @@ const Le = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), Vt = (s,
             /* @__PURE__ */ r(De, { as: "h3", size: "3", children: e.label }),
             /* @__PURE__ */ r(D, { className: $e.description, children: e.description })
           ] }),
-          e.condition && /* @__PURE__ */ r(D, { size: "1", children: /* @__PURE__ */ b(pi, { children: [
+          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 })
           ] }) }),
@@ -1793,7 +1790,7 @@ const Le = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), Vt = (s,
                   _.identifier
                 )),
                 E.placeholder,
-                /* @__PURE__ */ r(pe, { ...F, children: /* @__PURE__ */ b(U, { type: "button", variant: "outline", children: [
+                /* @__PURE__ */ r(pe, { ...F, children: /* @__PURE__ */ b(G, { type: "button", variant: "outline", children: [
                   /* @__PURE__ */ r(ke, {}),
                   " Add a field"
                 ] }) })
@@ -1802,7 +1799,7 @@ const Le = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), Vt = (s,
           ) })
         ] }),
         /* @__PURE__ */ r(
-          Mt,
+          Ot,
           {
             remove: h,
             insertAfterProps: z,
@@ -1861,7 +1858,7 @@ const Le = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), Vt = (s,
     if (t.identifier === i)
       return [t, e];
 }, hn = T(function() {
-  const { values: i, setFieldValue: e } = me(), [t, n] = yi(mn, i.fields, ft), { showInfo: o } = hi();
+  const { values: i, setFieldValue: e } = me(), [t, n] = vi(mn, i.fields, ft), { showInfo: o } = gi();
   ve(() => {
     n({ type: "update", state: ft(i.fields) });
   }, [n, i.fields]);
@@ -1873,19 +1870,19 @@ const Le = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), Vt = (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.");
@@ -1898,12 +1895,12 @@ const Le = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), Vt = (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();
       }
     },
@@ -1935,7 +1932,7 @@ const Le = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), Vt = (s,
           d.label
         )),
         f.placeholder,
-        /* @__PURE__ */ r(pe, { ...a, children: /* @__PURE__ */ b(U, { type: "button", variant: "outline", children: [
+        /* @__PURE__ */ r(pe, { ...a, children: /* @__PURE__ */ b(G, { type: "button", variant: "outline", children: [
           /* @__PURE__ */ r(ke, {}),
           " Add a section"
         ] }) })
@@ -1967,13 +1964,13 @@ const Le = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), Vt = (s,
       if (h.title || (g.title = "Title is required."), (!h.fields || h.fields.length === 0) && (g.fields = "At least one field is required."), Ve(g))
         return g;
     }, []), a = Qe({
-      initialValues: Mi(n) ?? gn,
+      initialValues: Oi(n) ?? gn,
       validate: c,
       onSubmit: (h) => t(h),
       // only validate the entire for on submit
       validateOnChange: !1,
       validateOnBlur: !1
-    }), f = w(() => Pt(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]
     );
@@ -2000,8 +1997,8 @@ const Le = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), Vt = (s,
             /* @__PURE__ */ r(D, { severity: "danger", size: "1", children: typeof a.errors.fields == "string" && a.errors.fields })
           ] }),
           /* @__PURE__ */ b(y, { justify: "end", gap: "2", children: [
-            /* @__PURE__ */ r(U, { type: "button", variant: "soft", onClick: e, children: "Cancel" }),
-            /* @__PURE__ */ r(U, { type: "submit", disabled: !a.isValid, children: "Save" })
+            /* @__PURE__ */ r(G, { type: "button", variant: "soft", onClick: e, children: "Cancel" }),
+            /* @__PURE__ */ r(G, { type: "submit", disabled: !a.isValid, children: "Save" })
           ] })
         ] }) })
       ] }),
@@ -2011,34 +2008,34 @@ const Le = (s, i) => w(() => !i || !s ? null : s.getInput(i), [s, i]), Vt = (s,
 );
 export {
   ue as BooleanField,
-  Li as BooleanInput,
+  Vi as BooleanInput,
   We as DateField,
-  ki as DateInput,
+  Di as DateInput,
   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,
   Y as NumberField,
-  Vi as NumberInput,
+  ki as NumberInput,
   Dn as PatchField,
   _n as PatchFormProvider,
   Ee as SelectField,
-  $i as SelectInput,
+  Mi as SelectInput,
   ge as StringField,
-  Di as StringInput,
+  _i as StringInput,
   be as TextField,
-  _i as TextInput,
+  $i as TextInput,
   Me as deserialize,
-  At as deserializeField,
+  Lt as deserializeField,
   Pt as formRevisionToSchema,
-  Lt as isConditionMet,
-  Le as useFieldInput,
-  Vt as useFieldInputs,
+  Vt as isConditionMet,
+  Pe as useFieldInput,
+  kt as useFieldInputs,
   Ge as valueIsFile
 };