@factorialco/f0-react 1.427.1 → 1.427.3

package/dist/experimental.d.ts

@@ -135,7 +135,9 @@ export declare type ActionBarGroup = {
 
 export declare type ActionBarItem = ActionType;
 
-export declare type ActionBarStatus = "idle" | "loading" | "success";
+export declare type ActionBarStatus = (typeof actionBarStatuses)[number];
+
+export declare const actionBarStatuses: readonly ["idle", "loading", "success", "error"];
 
 declare type ActionBaseProps = ActionCommonProps & DataAttributes;
 
@@ -3279,6 +3281,7 @@ declare interface F0ActionBarProps {
      * - "idle": Default state, shows an alert icon (pending changes)
      * - "loading": Shows a spinner and disables all actions
      * - "success": Shows a checkmark icon and disables all actions
+     * - "error": Shows an error icon with persistent error styling
      * @default "idle"
      */
     status?: ActionBarStatus;

package/dist/experimental.js

@@ -3,8 +3,8 @@ import { eW as WI, eV as VI, eT as UI, aE as GI, eU as KI, aJ as qI, f2 as YI, f
 import { jsx as c, jsxs as g, Fragment as re } from "react/jsx-runtime";
 import * as Sn from "react";
 import z, { PureComponent as Ep, forwardRef as P, useRef as K, useTransition as Tp, useState as R, useLayoutEffect as Ua, useContext as Hs, createContext as Ws, useCallback as J, useMemo as ee, useEffect as V, useId as Ga, useImperativeHandle as Ka, memo as qa, Fragment as Dp, isValidElement as Lp, cloneElement as Ya, Children as Ja } from "react";
-import { f as Yt, ac as Nn, e as tr, ad as Rp, L as wi, ae as Op, A as Mp, i as nr, k as Pp, G as Fp, g as Ro, af as zp, j as Oo, n as $p, ag as Xa, ah as Za, ai as Bp, C as jp, aa as Hp, aj as je, ak as ot, al as Ee, am as Wp, an as mr, ao as Ue, ap as Qa, aq as Me, ar as Vs, as as $e, at as Mo, au as Vp, av as ec, aw as Ie, ax as Fe, ay as In, az as Dr, aA as tc, aB as Up, aC as Wt, aD as Gp, aE as Kp, aF as qp, aG as Wn, aH as Vn, aI as Us, aJ as Yp, aK as nc, aL as rc, aM as ic, aN as Jp, aO as sc, aP as oc, aQ as lc, aR as ac, aS as cc, aT as dc, a3 as Po, aU as Xp, aV as Fo, aW as Zp, aX as Qp, aY as em, w as tm, x as nm, z as rm, J as im, K as sm, s as om, aZ as uc, a_ as lm, a$ as am, b0 as cm, b1 as fc, a7 as Ui, b2 as dm, b3 as um, b4 as fm, b5 as hm, b6 as pm, b7 as mm, b8 as gm, $ as bm, b9 as wm, ba as xm, bb as ym, bc as vm, ab as hc, M as km, N as Cm, P as Sm, Q as Nm, V as Im, O as Am, bd as zo, be as _m, bf as Em, l as Tm } from "./index-B4grzr_W.js";
-import { a5 as pA, W as mA, a0 as gA, R as bA, _ as wA, bj as xA, bi as yA, bg as vA, bh as kA, a4 as CA, T as SA, Z as NA, U as IA, a8 as AA, a9 as _A } from "./index-B4grzr_W.js";
+import { f as Yt, ac as Nn, e as tr, ad as Rp, L as wi, ae as Op, A as Mp, i as nr, k as Pp, G as Fp, g as Ro, af as zp, j as Oo, n as $p, ag as Xa, ah as Za, ai as Bp, C as jp, aa as Hp, aj as je, ak as ot, al as Ee, am as Wp, an as mr, ao as Ue, ap as Qa, aq as Me, ar as Vs, as as $e, at as Mo, au as Vp, av as ec, aw as Ie, ax as Fe, ay as In, az as Dr, aA as tc, aB as Up, aC as Wt, aD as Gp, aE as Kp, aF as qp, aG as Wn, aH as Vn, aI as Us, aJ as Yp, aK as nc, aL as rc, aM as ic, aN as Jp, aO as sc, aP as oc, aQ as lc, aR as ac, aS as cc, aT as dc, a3 as Po, aU as Xp, aV as Fo, aW as Zp, aX as Qp, aY as em, w as tm, x as nm, z as rm, J as im, K as sm, s as om, aZ as uc, a_ as lm, a$ as am, b0 as cm, b1 as fc, a7 as Ui, b2 as dm, b3 as um, b4 as fm, b5 as hm, b6 as pm, b7 as mm, b8 as gm, $ as bm, b9 as wm, ba as xm, bb as ym, bc as vm, ab as hc, M as km, N as Cm, P as Sm, Q as Nm, V as Im, O as Am, bd as zo, be as _m, bf as Em, l as Tm } from "./index-BELt7PBQ.js";
+import { a5 as pA, W as mA, a0 as gA, R as bA, _ as wA, bk as xA, bj as yA, bh as vA, bi as kA, a4 as CA, T as SA, Z as NA, U as IA, bg as AA, a8 as _A, a9 as EA } from "./index-BELt7PBQ.js";
 import './experimental.css';const Dm = hf("Search", [
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
   ["path", { d: "m21 21-4.3-4.3", key: "1qie3q" }]
@@ -22302,14 +22302,15 @@ export {
   As as WidgetSimpleListItem,
   PI as WidgetStrip,
   G1 as _RadarChart,
+  AA as actionBarStatuses,
   iA as getGranularityDefinition,
   sA as getGranularityDefinitions,
   oA as getGranularitySimpleDefinition,
   lA as granularityDefinitions,
   aA as modules,
-  AA as predefinedPresets,
+  _A as predefinedPresets,
   cA as rangeSeparator,
-  _A as selectSizes,
+  EA as selectSizes,
   ei as useAiPromotionChat,
   dA as useDataCollectionData,
   uA as useDataCollectionSource,

package/dist/f0.js

@@ -4,8 +4,8 @@ import { jsx as c, jsxs as O, Fragment as ht } from "react/jsx-runtime";
 import * as St from "react";
 import K, { forwardRef as nt, useRef as W, useImperativeHandle as Xd, Children as Ar, useCallback as P, useMemo as V, useState as ee, useEffect as ie, createElement as fr, isValidElement as al, Fragment as il, useLayoutEffect as Yd, createContext as Tt, memo as ol, useReducer as Jd, useContext as et, cloneElement as ef, PureComponent as tf, useId as Aa } from "react";
 import { unstable_batchedUpdates as mr, createPortal as nf, flushSync as rf } from "react-dom";
-import { C as sf, S as mi, a as af, f as Ss, L as Rn, b as of, A as lf, i as hr, c as ll, E as cf, g as yr, d as uf, e as df, h as ff, j as pn, k as cl, u as mf, G as hf, l as pf, m as hi, r as gf, n as vf, o as ul, p as bf, B as dl, X as fl, Y as Us, q as yf, s as ml, t as xf, v as wf, w as Sf, x as _f, y as kf, z as Cf, D as Nf, F as Df, H as pi, I as Af, J as Ff, K as Tf, M as Of, N as Ef, O as If, P as Rf, Q as Pf, V as Lf, R as Qs, T as Mf, U as jf, W as Bf, Z as hl, _ as Fa, $ as pl, a0 as Vf, a1 as $f, a2 as zf, a3 as qf, a4 as Zf, a5 as Wf, a6 as Uf } from "./index-B4grzr_W.js";
-import { a7 as u1, aa as d1, a8 as f1, a9 as m1, ab as h1 } from "./index-B4grzr_W.js";
+import { C as sf, S as mi, a as af, f as Ss, L as Rn, b as of, A as lf, i as hr, c as ll, E as cf, g as yr, d as uf, e as df, h as ff, j as pn, k as cl, u as mf, G as hf, l as pf, m as hi, r as gf, n as vf, o as ul, p as bf, B as dl, X as fl, Y as Us, q as yf, s as ml, t as xf, v as wf, w as Sf, x as _f, y as kf, z as Cf, D as Nf, F as Df, H as pi, I as Af, J as Ff, K as Tf, M as Of, N as Ef, O as If, P as Rf, Q as Pf, V as Lf, R as Qs, T as Mf, U as jf, W as Bf, Z as hl, _ as Fa, $ as pl, a0 as Vf, a1 as $f, a2 as zf, a3 as qf, a4 as Zf, a5 as Wf, a6 as Uf } from "./index-BELt7PBQ.js";
+import { a7 as u1, aa as d1, a8 as f1, a9 as m1, ab as h1 } from "./index-BELt7PBQ.js";
 import { A as g1, F as v1, c as b1, d as y1, b as x1, a as w1, o as S1, u as _1 } from "./F0HILActionConfirmation-CFsdU07x.js";
 import { defaultTranslations as C1 } from "./i18n-provider-defaults.js";
 const Qf = {
@@ -1185,10 +1185,10 @@ function Tm(e) {
   }));
   return n ? nf(d, n) : d;
 }
-var qe;
+var Ze;
 (function(e) {
   e.DragStart = "dragStart", e.DragMove = "dragMove", e.DragEnd = "dragEnd", e.DragCancel = "dragCancel", e.DragOver = "dragOver", e.RegisterDroppable = "registerDroppable", e.SetDroppableDisabled = "setDroppableDisabled", e.UnregisterDroppable = "unregisterDroppable";
-})(qe || (qe = {}));
+})(Ze || (Ze = {}));
 function Er() {
 }
 function vi(e, t) {
@@ -2631,7 +2631,7 @@ function Ch() {
 }
 function Nh(e, t) {
   switch (t.type) {
-    case qe.DragStart:
+    case Ze.DragStart:
       return {
         ...e,
         draggable: {
@@ -2640,7 +2640,7 @@ function Nh(e, t) {
           active: t.active
         }
       };
-    case qe.DragMove:
+    case Ze.DragMove:
       return e.draggable.active == null ? e : {
         ...e,
         draggable: {
@@ -2651,8 +2651,8 @@ function Nh(e, t) {
           }
         }
       };
-    case qe.DragEnd:
-    case qe.DragCancel:
+    case Ze.DragEnd:
+    case Ze.DragCancel:
       return {
         ...e,
         draggable: {
@@ -2668,7 +2668,7 @@ function Nh(e, t) {
           }
         }
       };
-    case qe.RegisterDroppable: {
+    case Ze.RegisterDroppable: {
       const {
         element: n
       } = t, {
@@ -2682,7 +2682,7 @@ function Nh(e, t) {
         }
       };
     }
-    case qe.SetDroppableDisabled: {
+    case Ze.SetDroppableDisabled: {
       const {
         id: n,
         key: r,
@@ -2702,7 +2702,7 @@ function Nh(e, t) {
         }
       };
     }
-    case qe.UnregisterDroppable: {
+    case Ze.UnregisterDroppable: {
       const {
         id: n,
         key: r
@@ -2985,7 +2985,7 @@ const Th = /* @__PURE__ */ ol(function(t) {
           };
           mr(() => {
             Bt?.(On), k(Ut.Initializing), v({
-              type: qe.DragStart,
+              type: Ze.DragStart,
               initialCoordinates: Qe,
               active: Zt
             }), p({
@@ -2996,12 +2996,12 @@ const Th = /* @__PURE__ */ ol(function(t) {
         },
         onMove(Qe) {
           v({
-            type: qe.DragMove,
+            type: Ze.DragMove,
             coordinates: Qe
           });
         },
-        onEnd: fn(qe.DragEnd),
-        onCancel: fn(qe.DragCancel)
+        onEnd: fn(Ze.DragEnd),
+        onCancel: fn(Ze.DragCancel)
       });
       Ot.current = Et;
       function fn(Qe) {
@@ -3023,13 +3023,13 @@ const Th = /* @__PURE__ */ ol(function(t) {
               collisions: Bt,
               delta: En,
               over: On
-            }, Qe === qe.DragEnd && typeof In == "function" && await Promise.resolve(In(Wt)) && (Qe = qe.DragCancel);
+            }, Qe === Ze.DragEnd && typeof In == "function" && await Promise.resolve(In(Wt)) && (Qe = Ze.DragCancel);
           }
           M.current = null, mr(() => {
             v({
               type: Qe
             }), k(Ut.Uninitialized), Ie(null), le(null), ce(null), Ot.current = null;
-            const In = Qe === qe.DragEnd ? "onDragEnd" : "onDragCancel";
+            const In = Qe === Ze.DragEnd ? "onDragEnd" : "onDragCancel";
             if (Wt) {
               const ys = te.current[In];
               ys?.(Wt), p({
@@ -3316,7 +3316,7 @@ function Lh(e) {
     !b || !k.current || (b.disconnect(), f.current = !1, b.observe(k.current));
   }, [k, b]), ie(
     () => (o({
-      type: qe.RegisterDroppable,
+      type: Ze.RegisterDroppable,
       element: {
         id: r,
         key: a,
@@ -3326,7 +3326,7 @@ function Lh(e) {
         data: _
       }
     }), () => o({
-      type: qe.UnregisterDroppable,
+      type: Ze.UnregisterDroppable,
       key: a,
       id: r
     })),
@@ -3334,7 +3334,7 @@ function Lh(e) {
     [r]
   ), ie(() => {
     n !== d.current.disabled && (o({
-      type: qe.SetDroppableDisabled,
+      type: Ze.SetDroppableDisabled,
       id: r,
       key: a,
       disabled: n
@@ -6840,9 +6840,9 @@ function Sg(e) {
       return !1;
   return !0;
 }
-function ze(e, t) {
+function qe(e, t) {
   const n = Array.isArray(t) ? t : za(t) ? [t] : bc(t), r = n.length === 1 ? e : wg(e, n), s = n.length - 1, a = n[s];
-  return r && delete r[a], s !== 0 && (Be(r) && at(r) || Array.isArray(r) && Sg(r)) && ze(e, n.slice(0, -1)), e;
+  return r && delete r[a], s !== 0 && (Be(r) && at(r) || Array.isArray(r) && Sg(r)) && qe(e, n.slice(0, -1)), e;
 }
 var Fs = () => {
   let e = [];
@@ -6947,7 +6947,7 @@ function Zi(e, t, n) {
     name: n
   };
 }
-var Dg = (e, t, n, r, s) => s.isOnAll ? !1 : !n && s.isOnTouch ? !(t || e) : (n ? r.isOnBlur : s.isOnBlur) ? !e : (n ? r.isOnChange : s.isOnChange) ? e : !0, Ag = (e, t) => !cs(H(e, t)).length && ze(e, t);
+var Dg = (e, t, n, r, s) => s.isOnAll ? !1 : !n && s.isOnTouch ? !(t || e) : (n ? r.isOnBlur : s.isOnBlur) ? !e : (n ? r.isOnChange : s.isOnChange) ? e : !0, Ag = (e, t) => !cs(H(e, t)).length && qe(e, t);
 const Fg = {
   mode: Dt.onSubmit,
   reValidateMode: Dt.onChange,
@@ -7005,7 +7005,7 @@ function Tg(e = {}) {
     }
   }, v = (y, A) => {
     !t.disabled && (d.isValidating || d.validatingFields) && ((y || Array.from(o.mount)).forEach((T) => {
-      T && (A ? Ne(n.validatingFields, T, A) : ze(n.validatingFields, T));
+      T && (A ? Ne(n.validatingFields, T, A) : qe(n.validatingFields, T));
     }), f.state.next({
       validatingFields: n.validatingFields,
       isValidating: !at(n.validatingFields)
@@ -7058,7 +7058,7 @@ function Tg(e = {}) {
       if (!T || Z) {
         d.isDirty && (re = n.isDirty, n.isDirty = de.isDirty = N(), L = re !== de.isDirty);
         const _e = Ee || Gt(H(s, y), A);
-        re = !!(!Ee && H(n.dirtyFields, y)), _e || Ee ? ze(n.dirtyFields, y) : Ne(n.dirtyFields, y, !0), de.dirtyFields = n.dirtyFields, L = L || d.dirtyFields && re !== !_e;
+        re = !!(!Ee && H(n.dirtyFields, y)), _e || Ee ? qe(n.dirtyFields, y) : Ne(n.dirtyFields, y, !0), de.dirtyFields = n.dirtyFields, L = L || d.dirtyFields && re !== !_e;
       }
       if (T) {
         const _e = H(n.touchedFields, y);
@@ -7069,7 +7069,7 @@ function Tg(e = {}) {
     return L ? de : {};
   }, _ = (y, A, T, Z) => {
     const j = H(n.errors, y), L = d.isValid && wt(A) && n.isValid !== A;
-    if (t.delayError && T ? (l = w(() => b(y, T)), l(t.delayError)) : (clearTimeout(u), l = null, T ? Ne(n.errors, y, T) : ze(n.errors, y)), (T ? !Gt(j, T) : j) || !at(Z) || L) {
+    if (t.delayError && T ? (l = w(() => b(y, T)), l(t.delayError)) : (clearTimeout(u), l = null, T ? Ne(n.errors, y, T) : qe(n.errors, y)), (T ? !Gt(j, T) : j) || !at(Z) || L) {
       const re = {
         ...Z,
         ...L && wt(A) ? { isValid: A } : {},
@@ -7090,7 +7090,7 @@ function Tg(e = {}) {
     if (y)
       for (const T of y) {
         const Z = H(A, T);
-        Z ? Ne(n.errors, T, Z) : ze(n.errors, T);
+        Z ? Ne(n.errors, T, Z) : qe(n.errors, T);
       }
     else
       n.errors = A;
@@ -7108,7 +7108,7 @@ function Tg(e = {}) {
           const _e = await zi(j, o.disabled, a, x, t.shouldUseNativeValidation && !A, de);
           if (Ee && d.validatingFields && v([Z]), _e[L.name] && (T.valid = !1, A))
             break;
-          !A && (H(_e, L.name) ? de ? xg(n.errors, _e, L.name) : Ne(n.errors, L.name, _e[L.name]) : ze(n.errors, L.name));
+          !A && (H(_e, L.name) ? de ? xg(n.errors, _e, L.name) : Ne(n.errors, L.name, _e[L.name]) : qe(n.errors, L.name));
         }
         !at(re) && await F(re, A, T);
       }
@@ -7209,7 +7209,7 @@ function Tg(e = {}) {
     isValidating: !!H(n.validatingFields, y),
     isTouched: !!H((A || n).touchedFields, y)
   }), $ = (y) => {
-    y && Un(y).forEach((A) => ze(n.errors, A)), f.state.next({
+    y && Un(y).forEach((A) => qe(n.errors, A)), f.state.next({
       errors: y ? n.errors : {}
     });
   }, fe = (y, A, T) => {
@@ -7227,7 +7227,7 @@ function Tg(e = {}) {
     next: (T) => y(E(void 0, A), T)
   }) : E(y, A, !0), ae = (y, A = {}) => {
     for (const T of y ? Un(y) : o.mount)
-      o.mount.delete(T), o.array.delete(T), A.keepValue || (ze(r, T), ze(a, T)), !A.keepError && ze(n.errors, T), !A.keepDirty && ze(n.dirtyFields, T), !A.keepTouched && ze(n.touchedFields, T), !A.keepIsValidating && ze(n.validatingFields, T), !t.shouldUnregister && !A.keepDefaultValue && ze(s, T);
+      o.mount.delete(T), o.array.delete(T), A.keepValue || (qe(r, T), qe(a, T)), !A.keepError && qe(n.errors, T), !A.keepDirty && qe(n.dirtyFields, T), !A.keepTouched && qe(n.touchedFields, T), !A.keepIsValidating && qe(n.validatingFields, T), !t.shouldUnregister && !A.keepDefaultValue && qe(s, T);
     f.values.next({
       values: { ...a }
     }), f.state.next({
@@ -7308,7 +7308,7 @@ function Tg(e = {}) {
       n.errors = L, j = re;
     } else
       await F(r);
-    if (ze(n.errors, "root"), at(n.errors)) {
+    if (qe(n.errors, "root"), at(n.errors)) {
       f.state.next({
         errors: {}
       });
@@ -7328,7 +7328,7 @@ function Tg(e = {}) {
     }), Z)
       throw Z;
   }, De = (y, A = {}) => {
-    H(r, y) && (je(A.defaultValue) ? G(y, st(H(s, y))) : (G(y, A.defaultValue), Ne(s, y, st(A.defaultValue))), A.keepTouched || ze(n.touchedFields, y), A.keepDirty || (ze(n.dirtyFields, y), n.isDirty = A.defaultValue ? N(y, st(H(s, y))) : N()), A.keepError || (ze(n.errors, y), d.isValid && g()), f.state.next({ ...n }));
+    H(r, y) && (je(A.defaultValue) ? G(y, st(H(s, y))) : (G(y, A.defaultValue), Ne(s, y, st(A.defaultValue))), A.keepTouched || qe(n.touchedFields, y), A.keepDirty || (qe(n.dirtyFields, y), n.isDirty = A.defaultValue ? N(y, st(H(s, y))) : N()), A.keepError || (qe(n.errors, y), d.isValid && g()), f.state.next({ ...n }));
   }, Te = (y, A = {}) => {
     const T = y ? st(y) : s, Z = st(T), j = at(y), L = j ? s : Z;
     if (A.keepDefaultValues || (s = T), !A.keepValues) {
@@ -16055,7 +16055,7 @@ function Nu({
   );
   return /* @__PURE__ */ c(Cu.Provider, { value: R, children: t });
 }
-function Ze() {
+function ze() {
   const e = et(Cu);
   if (!e)
     throw new Error(
@@ -16086,7 +16086,7 @@ function Tn() {
   };
 }
 const ni = () => {
-  const { isQuestionTypeAllowed: e } = Ze(), { t } = Fe();
+  const { isQuestionTypeAllowed: e } = ze(), { t } = Fe();
   return [
     {
       label: t("surveyFormBuilder.questionTypes.rating"),
@@ -16159,7 +16159,7 @@ const ni = () => {
   file: Sa,
   checkbox: Yr
 }, Zy = () => {
-  const { disabled: e, answering: t, onAddNewElement: n } = Ze(), r = ni(), { t: s } = Fe(), a = (l) => {
+  const { disabled: e, answering: t, onAddNewElement: n } = ze(), r = ni(), { t: s } = Fe(), a = (l) => {
     n?.({
       type: l
     });
@@ -16241,7 +16241,7 @@ function Au() {
     deleteElement: n,
     onDuplicateElement: r,
     disallowOptionalQuestions: s
-  } = Ze(), a = ni();
+  } = ze(), a = ni();
   return { getActionsForQuestion: P(
     (o, l, u) => {
       const d = t(o), f = Uy(l, d);
@@ -16483,7 +16483,7 @@ function Xy({
   ] });
 }
 function dn(e) {
-  const { answering: t, getSectionContainingQuestion: n } = Ze(), r = n(e.id), s = e.locked || r?.locked;
+  const { answering: t, getSectionContainingQuestion: n } = ze(), r = n(e.id), s = e.locked || r?.locked;
   return t ? !1 : s || !0;
 }
 const So = {
@@ -16504,7 +16504,7 @@ const So = {
     answering: d,
     getIsSingleQuestionInSection: f,
     getSectionContainingQuestion: h
-  } = Ze(), m = h(e), x = m?.locked || a, w = !!m, [g, v] = ee(!1), [p, b] = ee(!1), { isDragging: C } = Tn(), { t: k } = Fe(), S = (G) => {
+  } = ze(), m = h(e), x = m?.locked || a, w = !!m, [g, v] = ee(!1), [p, b] = ee(!1), { isDragging: C } = Tn(), { t: k } = Fe(), S = (G) => {
     o?.({
       id: e,
       type: i,
@@ -16671,7 +16671,7 @@ const So = {
   label: t,
   ...n
 }) => {
-  const { onQuestionChange: r, answering: s, disabled: a } = Ze(), i = dn(n), { t: o } = Fe();
+  const { onQuestionChange: r, answering: s, disabled: a } = ze(), i = dn(n), { t: o } = Fe();
   if (s)
     return /* @__PURE__ */ c(Me, { ...n, children: /* @__PURE__ */ c("div", { className: "px-0.5", children: /* @__PURE__ */ c(
       Gn,
@@ -16719,7 +16719,7 @@ const So = {
   value: e,
   ...t
 }) => {
-  const { onQuestionChange: n } = Ze(), r = dn(t), { t: s } = Fe(), a = {
+  const { onQuestionChange: n } = ze(), r = dn(t), { t: s } = Fe(), a = {
     id: t.id,
     type: "date",
     label: s("surveyFormBuilder.answer.label"),
@@ -16745,7 +16745,7 @@ const So = {
   options: e,
   ...t
 }) => {
-  const { onQuestionChange: n, answering: r } = Ze(), s = dn(t), { t: a } = Fe(), i = V(
+  const { onQuestionChange: n, answering: r } = ze(), s = dn(t), { t: a } = Fe(), i = V(
     () => e.map((u) => ({ value: u.value, label: u.label })),
     [e]
   ), o = a("surveyFormBuilder.answer.dropdownPlaceholder"), l = V(
@@ -16815,7 +16815,7 @@ const So = {
   maxSizeMB: r,
   ...s
 }) => {
-  const { onQuestionChange: a, useUpload: i } = Ze(), o = dn(s), { t: l } = Fe(), u = t ?? i, d = {
+  const { onQuestionChange: a, useUpload: i } = ze(), o = dn(s), { t: l } = Fe(), u = t ?? i, d = {
     id: s.id,
     type: "file",
     label: l("surveyFormBuilder.answer.label"),
@@ -16844,7 +16844,7 @@ const So = {
   value: e,
   ...t
 }) => {
-  const { t: n } = Fe(), { onQuestionChange: r, answering: s } = Ze(), a = dn(t), i = n("surveyFormBuilder.answer.linkPlaceholder"), o = {
+  const { t: n } = Fe(), { onQuestionChange: r, answering: s } = ze(), a = dn(t), i = n("surveyFormBuilder.answer.linkPlaceholder"), o = {
     id: t.id,
     type: "text",
     inputType: "url",
@@ -16872,7 +16872,7 @@ const So = {
   value: e,
   ...t
 }) => {
-  const { t: n } = Fe(), { onQuestionChange: r, answering: s } = Ze(), a = dn(t), i = (l) => {
+  const { t: n } = Fe(), { onQuestionChange: r, answering: s } = ze(), a = dn(t), i = (l) => {
     r?.({
       ...t,
       type: "numeric",
@@ -16979,7 +16979,7 @@ const So = {
   value: t,
   ...n
 }) => {
-  const { onQuestionChange: r, disabled: s, answering: a } = Ze(), o = ku(e) === "emojis", l = (d) => {
+  const { onQuestionChange: r, disabled: s, answering: a } = ze(), o = ku(e) === "emojis", l = (d) => {
     r?.({
       id: n.id,
       value: d,
@@ -17162,7 +17162,7 @@ const ux = {
     disabled: r,
     answering: s,
     getSectionContainingQuestion: a
-  } = Ze(), i = new Set(e.map((g) => g.value)).size !== e.length, o = a(t.id), l = t.locked || o?.locked, { t: u } = Fe(), d = V(
+  } = ze(), i = new Set(e.map((g) => g.value)).size !== e.length, o = a(t.id), l = t.locked || o?.locked, { t: u } = Fe(), d = V(
     () => ({
       id: t.id,
       type: t.type,
@@ -17292,7 +17292,7 @@ const ux = {
   value: e,
   ...t
 }) => {
-  const { onQuestionChange: n, answering: r } = Ze(), s = dn(t), { t: a } = Fe(), i = a("surveyFormBuilder.answer.textPlaceholder"), o = V(
+  const { onQuestionChange: n, answering: r } = ze(), s = dn(t), { t: a } = Fe(), i = a("surveyFormBuilder.answer.textPlaceholder"), o = V(
     () => t.type === "text" ? {
       id: t.id,
       type: "text",
@@ -17366,7 +17366,7 @@ const ux = {
   showEndOfSection: t,
   className: n
 }) => {
-  const { isDragging: r, setIsDragging: s, setDraggedItemId: a, draggedItemId: i } = Tn(), o = Da(), { disabled: l, answering: u, getSectionContainingQuestion: d } = Ze(), f = d(e.question.id), h = !!f && i === f.id, m = () => {
+  const { isDragging: r, setIsDragging: s, setDraggedItemId: a, draggedItemId: i } = Tn(), o = Da(), { disabled: l, answering: u, getSectionContainingQuestion: d } = ze(), f = d(e.question.id), h = !!f && i === f.id, m = () => {
     s(!0), a(e.question.id);
   }, x = () => {
     s(!1), a(null);
@@ -17422,7 +17422,7 @@ const ux = {
     }
   );
 }, px = ({ question: e }) => {
-  const { isDragging: t, setIsDragging: n, setDraggedItemId: r } = Tn(), s = Da(), { disabled: a, answering: i, getSectionContainingQuestion: o } = Ze(), l = o(e.id), u = () => {
+  const { isDragging: t, setIsDragging: n, setDraggedItemId: r } = Tn(), s = Da(), { disabled: a, answering: i, getSectionContainingQuestion: o } = ze(), l = o(e.id), u = () => {
     n(!0), r(e.id);
   }, d = () => {
     n(!1), r(null);
@@ -17487,7 +17487,7 @@ const ux = {
     answering: l,
     deleteElement: u,
     onDuplicateElement: d
-  } = Ze(), [f, h] = ee(!1), { t: m } = Fe(), x = V(
+  } = ze(), [f, h] = ee(!1), { t: m } = Fe(), x = V(
     () => ({
       id: e,
       title: t,
@@ -17619,7 +17619,7 @@ const ux = {
   item: e,
   className: t
 }) => {
-  const { isDragging: n, setIsDragging: r, setDraggedItemId: s, draggedItemId: a } = Tn(), i = Da(), { disabled: o, answering: l } = Ze(), u = a === e.section.id, d = () => {
+  const { isDragging: n, setIsDragging: r, setDraggedItemId: s, draggedItemId: a } = Tn(), i = Da(), { disabled: o, answering: l } = ze(), u = a === e.section.id, d = () => {
     r(!0), s(e.section.id);
   }, f = () => {
     r(!1), s(null);
@@ -17682,7 +17682,7 @@ const ux = {
     questionOptionsLabel: l,
     requiredLabel: u,
     questionTypeLabel: d
-  } = t, { deleteElement: f, onDuplicateElement: h, disabled: m, answering: x } = Ze(), { getActionsForQuestion: w, questionTypes: g } = Au(), v = P((b) => {
+  } = t, { deleteElement: f, onDuplicateElement: h, disabled: m, answering: x } = ze(), { getActionsForQuestion: w, questionTypes: g } = Au(), v = P((b) => {
     yx(b);
   }, []), p = P(
     (b, C, k) => {
@@ -17865,7 +17865,7 @@ const Ou = ({
   onChange: t,
   answering: n
 }) => {
-  const { t: r } = Fe(), { portalContainer: s } = et(Ad), a = xx(e, {
+  const { t: r } = Fe(), { disabled: s } = ze(), { portalContainer: a } = et(Ad), i = xx(e, {
     untitledSectionLabel: r("surveyFormBuilder.labels.sectionTitlePlaceholder"),
     untitledQuestionLabel: r("surveyFormBuilder.labels.titlePlaceholder"),
     duplicateQuestionLabel: r("surveyFormBuilder.actions.duplicateQuestion"),
@@ -17875,23 +17875,23 @@ const Ou = ({
     questionOptionsLabel: r("surveyFormBuilder.labels.questionOptions"),
     requiredLabel: r("surveyFormBuilder.labels.required"),
     questionTypeLabel: r("surveyFormBuilder.labels.questionType")
-  }), i = P(
-    (o) => {
-      t(wx(o, e));
+  }), o = P(
+    (l) => {
+      t(wx(l, e));
     },
     [e, t]
   );
   return /* @__PURE__ */ c("div", { className: "sticky left-0 top-1/2 z-10 hidden h-0 -translate-y-12 px-2 @3xl:block", children: /* @__PURE__ */ c(
     Su,
     {
-      items: a,
+      items: i,
       barsAlign: "left",
       size: "md",
       collapsible: !0,
       showChildrenCounter: !0,
-      sortable: !n,
-      onReorder: i,
-      portalContainer: s
+      sortable: !n && !s,
+      onReorder: o,
+      portalContainer: a
     }
   ) });
 };