@overmap-ai/forms 1.0.15 → 1.0.17-master.0

package/dist/forms.umd.cjs

@@ -1,2778 +1,45 @@
-(function(global, factory) {
-  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react/jsx-runtime"), require("@overmap-ai/blocks"), require("formik"), require("react"), require("@radix-ui/react-icons"), require("@radix-ui/themes"), require("linkify-react"), require("@overmap-ai/core"), require("@hello-pangea/dnd"), require("lodash.get"), require("lodash.set"), require("lodash.clonedeep")) : typeof define === "function" && define.amd ? define(["exports", "react/jsx-runtime", "@overmap-ai/blocks", "formik", "react", "@radix-ui/react-icons", "@radix-ui/themes", "linkify-react", "@overmap-ai/core", "@hello-pangea/dnd", "lodash.get", "lodash.set", "lodash.clonedeep"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.forms = {}, global.jsxRuntime, global.blocks, global.formik, global.React, global.reactIcons, global.themes, global.Linkify, global.core, global.dnd, global.get, global.set, global.cloneDeep));
-})(this, function(exports2, jsxRuntime, blocks, formik, React, reactIcons, themes, Linkify, core, dnd, get, set, cloneDeep) {
-  "use strict";var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
+(function(C,i){typeof exports=="object"&&typeof module<"u"?i(exports,require("react/jsx-runtime"),require("@overmap-ai/blocks"),require("react"),require("@overmap-ai/core"),require("react-dom"),require("react-pdf/dist/Page/AnnotationLayer.css"),require("react-pdf/dist/Page/TextLayer.css"),require("react-pdf"),require("xlsx"),require("formik"),require("react-icons/ri"),require("lodash.get"),require("lodash.set"),require("@hello-pangea/dnd"),require("qr-scanner"),require("lodash.clonedeep"),require("react-sketch-canvas")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","@overmap-ai/blocks","react","@overmap-ai/core","react-dom","react-pdf/dist/Page/AnnotationLayer.css","react-pdf/dist/Page/TextLayer.css","react-pdf","xlsx","formik","react-icons/ri","lodash.get","lodash.set","@hello-pangea/dnd","qr-scanner","lodash.clonedeep","react-sketch-canvas"],i):(C=typeof globalThis<"u"?globalThis:C||self,i(C.forms={},C.jsxRuntime,C.blocks,C.React,C.core,C.ReactDOM,null,null,C.reactPdf,C.xlsx,C.formik,C.ri,C.get,C.set,C.dnd,C.QrScannerAPI,C.cloneDeep,C.reactSketchCanvas))})(this,function(C,i,u,d,U,xn,da,ua,bt,In,j,W,Y,Ct,ie,Jr,Zr,Rr){"use strict";var sa=Object.defineProperty;var ca=(C,i,u)=>i in C?sa(C,i,{enumerable:!0,configurable:!0,writable:!0,value:u}):C[i]=u;var N=(C,i,u)=>ca(C,typeof i!="symbol"?i+"":i,u);var xt=typeof document<"u"?document.currentScript:null;function En(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const r=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(n,e,r.get?r:{enumerable:!0,get:()=>t[e]})}}return n.default=t,Object.freeze(n)}const v=En(d),ei=En(xn),It=d.memo(t=>{const{selectedColor:n,allColors:e,onFinish:r,trigger:o}=t,a=d.useCallback(l=>()=>{r(l)},[r]);return i.jsxs(u.Popover.Root,{children:[i.jsx(u.Popover.Trigger,{children:o}),i.jsx(u.Popover.Content,{size:"sm",children:i.jsx("div",{className:"grid w-max grid-cols-7 gap-x-1 gap-y-1",children:e.map(l=>i.jsx(u.IconButton,{onClick:a(l),style:{backgroundColor:l},type:"button",variant:"solid","aria-label":l,children:n===l&&i.jsx(u.RiIcon,{icon:"RiCheckLine"})},l))})})]})});It.displayName="ColorPicker";const Et=["image/jpeg","image/png","image/svg+xml"];function oe(t,n,{checkForDefaultPrevented:e=!0}={}){return function(o){if(t==null||t(o),e===!1||!o.defaultPrevented)return n==null?void 0:n(o)}}function Sn(t,n){if(typeof t=="function")return t(n);t!=null&&(t.current=n)}function Nn(...t){return n=>{let e=!1;const r=t.map(o=>{const a=Sn(o,n);return!e&&typeof a=="function"&&(e=!0),a});if(e)return()=>{for(let o=0;o<r.length;o++){const a=r[o];typeof a=="function"?a():Sn(t[o],null)}}}}function ce(...t){return v.useCallback(Nn(...t),t)}function ti(t,n){const e=v.createContext(n),r=a=>{const{children:l,...s}=a,p=v.useMemo(()=>s,Object.values(s));return i.jsx(e.Provider,{value:p,children:l})};r.displayName=t+"Provider";function o(a){const l=v.useContext(e);if(l)return l;if(n!==void 0)return n;throw new Error(`\`${a}\` must be used within \`${t}\``)}return[r,o]}function ni(t,n=[]){let e=[];function r(a,l){const s=v.createContext(l),p=e.length;e=[...e,l];const c=h=>{var E;const{scope:m,children:y,...x}=h,g=((E=m==null?void 0:m[t])==null?void 0:E[p])||s,b=v.useMemo(()=>x,Object.values(x));return i.jsx(g.Provider,{value:b,children:y})};c.displayName=a+"Provider";function f(h,m){var g;const y=((g=m==null?void 0:m[t])==null?void 0:g[p])||s,x=v.useContext(y);if(x)return x;if(l!==void 0)return l;throw new Error(`\`${h}\` must be used within \`${a}\``)}return[c,f]}const o=()=>{const a=e.map(l=>v.createContext(l));return function(s){const p=(s==null?void 0:s[t])||a;return v.useMemo(()=>({[`__scope${t}`]:{...s,[t]:p}}),[s,p])}};return o.scopeName=t,[r,ri(o,...n)]}function ri(...t){const n=t[0];if(t.length===1)return n;const e=()=>{const r=t.map(o=>({useScope:o(),scopeName:o.scopeName}));return function(a){const l=r.reduce((s,{useScope:p,scopeName:c})=>{const h=p(a)[`__scope${c}`];return{...s,...h}},{});return v.useMemo(()=>({[`__scope${n.scopeName}`]:l}),[l])}};return e.scopeName=n.scopeName,e}var qe=globalThis!=null&&globalThis.document?v.useLayoutEffect:()=>{},ii=v.useId||(()=>{}),oi=0;function St(t){const[n,e]=v.useState(ii());return qe(()=>{e(r=>r??String(oi++))},[t]),t||(n?`radix-${n}`:"")}function de(t){const n=v.useRef(t);return v.useEffect(()=>{n.current=t}),v.useMemo(()=>(...e)=>{var r;return(r=n.current)==null?void 0:r.call(n,...e)},[])}function ai({prop:t,defaultProp:n,onChange:e=()=>{}}){const[r,o]=li({defaultProp:n,onChange:e}),a=t!==void 0,l=a?t:r,s=de(e),p=v.useCallback(c=>{if(a){const h=typeof c=="function"?c(t):c;h!==t&&s(h)}else o(c)},[a,t,o,s]);return[l,p]}function li({defaultProp:t,onChange:n}){const e=v.useState(t),[r]=e,o=v.useRef(r),a=de(n);return v.useEffect(()=>{o.current!==r&&(a(r),o.current=r)},[r,o,a]),e}var Nt=v.forwardRef((t,n)=>{const{children:e,...r}=t,o=v.Children.toArray(e),a=o.find(ci);if(a){const l=a.props.children,s=o.map(p=>p===a?v.Children.count(l)>1?v.Children.only(null):v.isValidElement(l)?l.props.children:null:p);return i.jsx(Ft,{...r,ref:n,children:v.isValidElement(l)?v.cloneElement(l,void 0,s):null})}return i.jsx(Ft,{...r,ref:n,children:e})});Nt.displayName="Slot";var Ft=v.forwardRef((t,n)=>{const{children:e,...r}=t;if(v.isValidElement(e)){const o=ui(e);return v.cloneElement(e,{...di(r,e.props),ref:n?Nn(n,o):o})}return v.Children.count(e)>1?v.Children.only(null):null});Ft.displayName="SlotClone";var si=({children:t})=>i.jsx(i.Fragment,{children:t});function ci(t){return v.isValidElement(t)&&t.type===si}function di(t,n){const e={...n};for(const r in n){const o=t[r],a=n[r];/^on[A-Z]/.test(r)?o&&a?e[r]=(...s)=>{a(...s),o(...s)}:o&&(e[r]=o):r==="style"?e[r]={...o,...a}:r==="className"&&(e[r]=[o,a].filter(Boolean).join(" "))}return{...t,...e}}function ui(t){var r,o;let n=(r=Object.getOwnPropertyDescriptor(t.props,"ref"))==null?void 0:r.get,e=n&&"isReactWarning"in n&&n.isReactWarning;return e?t.ref:(n=(o=Object.getOwnPropertyDescriptor(t,"ref"))==null?void 0:o.get,e=n&&"isReactWarning"in n&&n.isReactWarning,e?t.props.ref:t.props.ref||t.ref)}var fi=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","span","svg","ul"],ne=fi.reduce((t,n)=>{const e=v.forwardRef((r,o)=>{const{asChild:a,...l}=r,s=a?Nt:n;return typeof window<"u"&&(window[Symbol.for("radix-ui")]=!0),i.jsx(s,{...l,ref:o})});return e.displayName=`Primitive.${n}`,{...t,[n]:e}},{});function hi(t,n){t&&ei.flushSync(()=>t.dispatchEvent(n))}function pi(t,n=globalThis==null?void 0:globalThis.document){const e=de(t);v.useEffect(()=>{const r=o=>{o.key==="Escape"&&e(o)};return n.addEventListener("keydown",r,{capture:!0}),()=>n.removeEventListener("keydown",r,{capture:!0})},[e,n])}var mi="DismissableLayer",Tt="dismissableLayer.update",gi="dismissableLayer.pointerDownOutside",vi="dismissableLayer.focusOutside",Fn,Tn=v.createContext({layers:new Set,layersWithOutsidePointerEventsDisabled:new Set,branches:new Set}),Ln=v.forwardRef((t,n)=>{const{disableOutsidePointerEvents:e=!1,onEscapeKeyDown:r,onPointerDownOutside:o,onFocusOutside:a,onInteractOutside:l,onDismiss:s,...p}=t,c=v.useContext(Tn),[f,h]=v.useState(null),m=(f==null?void 0:f.ownerDocument)??(globalThis==null?void 0:globalThis.document),[,y]=v.useState({}),x=ce(n,T=>h(T)),g=Array.from(c.layers),[b]=[...c.layersWithOutsidePointerEventsDisabled].slice(-1),E=g.indexOf(b),w=f?g.indexOf(f):-1,S=c.layersWithOutsidePointerEventsDisabled.size>0,I=w>=E,F=bi(T=>{const D=T.target,A=[...c.branches].some(B=>B.contains(D));!I||A||(o==null||o(T),l==null||l(T),T.defaultPrevented||s==null||s())},m),L=Ci(T=>{const D=T.target;[...c.branches].some(B=>B.contains(D))||(a==null||a(T),l==null||l(T),T.defaultPrevented||s==null||s())},m);return pi(T=>{w===c.layers.size-1&&(r==null||r(T),!T.defaultPrevented&&s&&(T.preventDefault(),s()))},m),v.useEffect(()=>{if(f)return e&&(c.layersWithOutsidePointerEventsDisabled.size===0&&(Fn=m.body.style.pointerEvents,m.body.style.pointerEvents="none"),c.layersWithOutsidePointerEventsDisabled.add(f)),c.layers.add(f),Dn(),()=>{e&&c.layersWithOutsidePointerEventsDisabled.size===1&&(m.body.style.pointerEvents=Fn)}},[f,m,e,c]),v.useEffect(()=>()=>{f&&(c.layers.delete(f),c.layersWithOutsidePointerEventsDisabled.delete(f),Dn())},[f,c]),v.useEffect(()=>{const T=()=>y({});return document.addEventListener(Tt,T),()=>document.removeEventListener(Tt,T)},[]),i.jsx(ne.div,{...p,ref:x,style:{pointerEvents:S?I?"auto":"none":void 0,...t.style},onFocusCapture:oe(t.onFocusCapture,L.onFocusCapture),onBlurCapture:oe(t.onBlurCapture,L.onBlurCapture),onPointerDownCapture:oe(t.onPointerDownCapture,F.onPointerDownCapture)})});Ln.displayName=mi;var yi="DismissableLayerBranch",wi=v.forwardRef((t,n)=>{const e=v.useContext(Tn),r=v.useRef(null),o=ce(n,r);return v.useEffect(()=>{const a=r.current;if(a)return e.branches.add(a),()=>{e.branches.delete(a)}},[e.branches]),i.jsx(ne.div,{...t,ref:o})});wi.displayName=yi;function bi(t,n=globalThis==null?void 0:globalThis.document){const e=de(t),r=v.useRef(!1),o=v.useRef(()=>{});return v.useEffect(()=>{const a=s=>{if(s.target&&!r.current){let p=function(){Pn(gi,e,c,{discrete:!0})};const c={originalEvent:s};s.pointerType==="touch"?(n.removeEventListener("click",o.current),o.current=p,n.addEventListener("click",o.current,{once:!0})):p()}else n.removeEventListener("click",o.current);r.current=!1},l=window.setTimeout(()=>{n.addEventListener("pointerdown",a)},0);return()=>{window.clearTimeout(l),n.removeEventListener("pointerdown",a),n.removeEventListener("click",o.current)}},[n,e]),{onPointerDownCapture:()=>r.current=!0}}function Ci(t,n=globalThis==null?void 0:globalThis.document){const e=de(t),r=v.useRef(!1);return v.useEffect(()=>{const o=a=>{a.target&&!r.current&&Pn(vi,e,{originalEvent:a},{discrete:!1})};return n.addEventListener("focusin",o),()=>n.removeEventListener("focusin",o)},[n,e]),{onFocusCapture:()=>r.current=!0,onBlurCapture:()=>r.current=!1}}function Dn(){const t=new CustomEvent(Tt);document.dispatchEvent(t)}function Pn(t,n,e,{discrete:r}){const o=e.originalEvent.target,a=new CustomEvent(t,{bubbles:!1,cancelable:!0,detail:e});n&&o.addEventListener(t,n,{once:!0}),r?hi(o,a):o.dispatchEvent(a)}var Lt="focusScope.autoFocusOnMount",Dt="focusScope.autoFocusOnUnmount",Mn={bubbles:!1,cancelable:!0},xi="FocusScope",An=v.forwardRef((t,n)=>{const{loop:e=!1,trapped:r=!1,onMountAutoFocus:o,onUnmountAutoFocus:a,...l}=t,[s,p]=v.useState(null),c=de(o),f=de(a),h=v.useRef(null),m=ce(n,g=>p(g)),y=v.useRef({paused:!1,pause(){this.paused=!0},resume(){this.paused=!1}}).current;v.useEffect(()=>{if(r){let g=function(S){if(y.paused||!s)return;const I=S.target;s.contains(I)?h.current=I:ae(h.current,{select:!0})},b=function(S){if(y.paused||!s)return;const I=S.relatedTarget;I!==null&&(s.contains(I)||ae(h.current,{select:!0}))},E=function(S){if(document.activeElement===document.body)for(const F of S)F.removedNodes.length>0&&ae(s)};document.addEventListener("focusin",g),document.addEventListener("focusout",b);const w=new MutationObserver(E);return s&&w.observe(s,{childList:!0,subtree:!0}),()=>{document.removeEventListener("focusin",g),document.removeEventListener("focusout",b),w.disconnect()}}},[r,s,y.paused]),v.useEffect(()=>{if(s){_n.add(y);const g=document.activeElement;if(!s.contains(g)){const E=new CustomEvent(Lt,Mn);s.addEventListener(Lt,c),s.dispatchEvent(E),E.defaultPrevented||(Ii(Ti(On(s)),{select:!0}),document.activeElement===g&&ae(s))}return()=>{s.removeEventListener(Lt,c),setTimeout(()=>{const E=new CustomEvent(Dt,Mn);s.addEventListener(Dt,f),s.dispatchEvent(E),E.defaultPrevented||ae(g??document.body,{select:!0}),s.removeEventListener(Dt,f),_n.remove(y)},0)}}},[s,c,f,y]);const x=v.useCallback(g=>{if(!e&&!r||y.paused)return;const b=g.key==="Tab"&&!g.altKey&&!g.ctrlKey&&!g.metaKey,E=document.activeElement;if(b&&E){const w=g.currentTarget,[S,I]=Ei(w);S&&I?!g.shiftKey&&E===I?(g.preventDefault(),e&&ae(S,{select:!0})):g.shiftKey&&E===S&&(g.preventDefault(),e&&ae(I,{select:!0})):E===w&&g.preventDefault()}},[e,r,y.paused]);return i.jsx(ne.div,{tabIndex:-1,...l,ref:m,onKeyDown:x})});An.displayName=xi;function Ii(t,{select:n=!1}={}){const e=document.activeElement;for(const r of t)if(ae(r,{select:n}),document.activeElement!==e)return}function Ei(t){const n=On(t),e=Bn(n,t),r=Bn(n.reverse(),t);return[e,r]}function On(t){const n=[],e=document.createTreeWalker(t,NodeFilter.SHOW_ELEMENT,{acceptNode:r=>{const o=r.tagName==="INPUT"&&r.type==="hidden";return r.disabled||r.hidden||o?NodeFilter.FILTER_SKIP:r.tabIndex>=0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});for(;e.nextNode();)n.push(e.currentNode);return n}function Bn(t,n){for(const e of t)if(!Si(e,{upTo:n}))return e}function Si(t,{upTo:n}){if(getComputedStyle(t).visibility==="hidden")return!0;for(;t;){if(n!==void 0&&t===n)return!1;if(getComputedStyle(t).display==="none")return!0;t=t.parentElement}return!1}function Ni(t){return t instanceof HTMLInputElement&&"select"in t}function ae(t,{select:n=!1}={}){if(t&&t.focus){const e=document.activeElement;t.focus({preventScroll:!0}),t!==e&&Ni(t)&&n&&t.select()}}var _n=Fi();function Fi(){let t=[];return{add(n){const e=t[0];n!==e&&(e==null||e.pause()),t=zn(t,n),t.unshift(n)},remove(n){var e;t=zn(t,n),(e=t[0])==null||e.resume()}}}function zn(t,n){const e=[...t],r=e.indexOf(n);return r!==-1&&e.splice(r,1),e}function Ti(t){return t.filter(n=>n.tagName!=="A")}var Li="Portal",$n=v.forwardRef((t,n)=>{var s;const{container:e,...r}=t,[o,a]=v.useState(!1);qe(()=>a(!0),[]);const l=e||o&&((s=globalThis==null?void 0:globalThis.document)==null?void 0:s.body);return l?xn.createPortal(i.jsx(ne.div,{...r,ref:n}),l):null});$n.displayName=Li;function Di(t,n){return v.useReducer((e,r)=>n[e][r]??e,t)}var He=t=>{const{present:n,children:e}=t,r=Pi(n),o=typeof e=="function"?e({present:r.isPresent}):v.Children.only(e),a=ce(r.ref,Mi(o));return typeof e=="function"||r.isPresent?v.cloneElement(o,{ref:a}):null};He.displayName="Presence";function Pi(t){const[n,e]=v.useState(),r=v.useRef({}),o=v.useRef(t),a=v.useRef("none"),l=t?"mounted":"unmounted",[s,p]=Di(l,{mounted:{UNMOUNT:"unmounted",ANIMATION_OUT:"unmountSuspended"},unmountSuspended:{MOUNT:"mounted",ANIMATION_END:"unmounted"},unmounted:{MOUNT:"mounted"}});return v.useEffect(()=>{const c=Ge(r.current);a.current=s==="mounted"?c:"none"},[s]),qe(()=>{const c=r.current,f=o.current;if(f!==t){const m=a.current,y=Ge(c);t?p("MOUNT"):y==="none"||(c==null?void 0:c.display)==="none"?p("UNMOUNT"):p(f&&m!==y?"ANIMATION_OUT":"UNMOUNT"),o.current=t}},[t,p]),qe(()=>{if(n){let c;const f=n.ownerDocument.defaultView??window,h=y=>{const g=Ge(r.current).includes(y.animationName);if(y.target===n&&g&&(p("ANIMATION_END"),!o.current)){const b=n.style.animationFillMode;n.style.animationFillMode="forwards",c=f.setTimeout(()=>{n.style.animationFillMode==="forwards"&&(n.style.animationFillMode=b)})}},m=y=>{y.target===n&&(a.current=Ge(r.current))};return n.addEventListener("animationstart",m),n.addEventListener("animationcancel",h),n.addEventListener("animationend",h),()=>{f.clearTimeout(c),n.removeEventListener("animationstart",m),n.removeEventListener("animationcancel",h),n.removeEventListener("animationend",h)}}else p("ANIMATION_END")},[n,p]),{isPresent:["mounted","unmountSuspended"].includes(s),ref:v.useCallback(c=>{c&&(r.current=getComputedStyle(c)),e(c)},[])}}function Ge(t){return(t==null?void 0:t.animationName)||"none"}function Mi(t){var r,o;let n=(r=Object.getOwnPropertyDescriptor(t.props,"ref"))==null?void 0:r.get,e=n&&"isReactWarning"in n&&n.isReactWarning;return e?t.ref:(n=(o=Object.getOwnPropertyDescriptor(t,"ref"))==null?void 0:o.get,e=n&&"isReactWarning"in n&&n.isReactWarning,e?t.props.ref:t.props.ref||t.ref)}var Pt=0;function Ai(){v.useEffect(()=>{const t=document.querySelectorAll("[data-radix-focus-guard]");return document.body.insertAdjacentElement("afterbegin",t[0]??kn()),document.body.insertAdjacentElement("beforeend",t[1]??kn()),Pt++,()=>{Pt===1&&document.querySelectorAll("[data-radix-focus-guard]").forEach(n=>n.remove()),Pt--}},[])}function kn(){const t=document.createElement("span");return t.setAttribute("data-radix-focus-guard",""),t.tabIndex=0,t.style.outline="none",t.style.opacity="0",t.style.position="fixed",t.style.pointerEvents="none",t}var ee=function(){return ee=Object.assign||function(n){for(var e,r=1,o=arguments.length;r<o;r++){e=arguments[r];for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&(n[a]=e[a])}return n},ee.apply(this,arguments)};function Vn(t,n){var e={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&n.indexOf(r)<0&&(e[r]=t[r]);if(t!=null&&typeof Object.getOwnPropertySymbols=="function")for(var o=0,r=Object.getOwnPropertySymbols(t);o<r.length;o++)n.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(t,r[o])&&(e[r[o]]=t[r[o]]);return e}function Oi(t,n,e){if(e||arguments.length===2)for(var r=0,o=n.length,a;r<o;r++)(a||!(r in n))&&(a||(a=Array.prototype.slice.call(n,0,r)),a[r]=n[r]);return t.concat(a||Array.prototype.slice.call(n))}typeof SuppressedError=="function"&&SuppressedError;var Xe="right-scroll-bar-position",Ke="width-before-scroll-bar",Bi="with-scroll-bars-hidden",_i="--removed-body-scroll-bar-size";function Mt(t,n){return typeof t=="function"?t(n):t&&(t.current=n),t}function zi(t,n){var e=d.useState(function(){return{value:t,callback:n,facade:{get current(){return e.value},set current(r){var o=e.value;o!==r&&(e.value=r,e.callback(r,o))}}}})[0];return e.callback=n,e.facade}var $i=typeof window<"u"?v.useLayoutEffect:v.useEffect,jn=new WeakMap;function ki(t,n){var e=zi(null,function(r){return t.forEach(function(o){return Mt(o,r)})});return $i(function(){var r=jn.get(e);if(r){var o=new Set(r),a=new Set(t),l=e.current;o.forEach(function(s){a.has(s)||Mt(s,null)}),a.forEach(function(s){o.has(s)||Mt(s,l)})}jn.set(e,t)},[t]),e}function Vi(t){return t}function ji(t,n){n===void 0&&(n=Vi);var e=[],r=!1,o={read:function(){if(r)throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");return e.length?e[e.length-1]:t},useMedium:function(a){var l=n(a,r);return e.push(l),function(){e=e.filter(function(s){return s!==l})}},assignSyncMedium:function(a){for(r=!0;e.length;){var l=e;e=[],l.forEach(a)}e={push:function(s){return a(s)},filter:function(){return e}}},assignMedium:function(a){r=!0;var l=[];if(e.length){var s=e;e=[],s.forEach(a),l=e}var p=function(){var f=l;l=[],f.forEach(a)},c=function(){return Promise.resolve().then(p)};c(),e={push:function(f){l.push(f),c()},filter:function(f){return l=l.filter(f),e}}}};return o}function Ui(t){t===void 0&&(t={});var n=ji(null);return n.options=ee({async:!0,ssr:!1},t),n}var Un=function(t){var n=t.sideCar,e=Vn(t,["sideCar"]);if(!n)throw new Error("Sidecar: please provide `sideCar` property to import the right car");var r=n.read();if(!r)throw new Error("Sidecar medium not found");return v.createElement(r,ee({},e))};Un.isSideCarExport=!0;function Wi(t,n){return t.useMedium(n),Un}var Wn=Ui(),At=function(){},Qe=v.forwardRef(function(t,n){var e=v.useRef(null),r=v.useState({onScrollCapture:At,onWheelCapture:At,onTouchMoveCapture:At}),o=r[0],a=r[1],l=t.forwardProps,s=t.children,p=t.className,c=t.removeScrollBar,f=t.enabled,h=t.shards,m=t.sideCar,y=t.noIsolation,x=t.inert,g=t.allowPinchZoom,b=t.as,E=b===void 0?"div":b,w=t.gapMode,S=Vn(t,["forwardProps","children","className","removeScrollBar","enabled","shards","sideCar","noIsolation","inert","allowPinchZoom","as","gapMode"]),I=m,F=ki([e,n]),L=ee(ee({},S),o);return v.createElement(v.Fragment,null,f&&v.createElement(I,{sideCar:Wn,removeScrollBar:c,shards:h,noIsolation:y,inert:x,setCallbacks:a,allowPinchZoom:!!g,lockRef:e,gapMode:w}),l?v.cloneElement(v.Children.only(s),ee(ee({},L),{ref:F})):v.createElement(E,ee({},L,{className:p,ref:F}),s))});Qe.defaultProps={enabled:!0,removeScrollBar:!0,inert:!1},Qe.classNames={fullWidth:Ke,zeroRight:Xe};var qi=function(){if(typeof __webpack_nonce__<"u")return __webpack_nonce__};function Hi(){if(!document)return null;var t=document.createElement("style");t.type="text/css";var n=qi();return n&&t.setAttribute("nonce",n),t}function Gi(t,n){t.styleSheet?t.styleSheet.cssText=n:t.appendChild(document.createTextNode(n))}function Xi(t){var n=document.head||document.getElementsByTagName("head")[0];n.appendChild(t)}var Ki=function(){var t=0,n=null;return{add:function(e){t==0&&(n=Hi())&&(Gi(n,e),Xi(n)),t++},remove:function(){t--,!t&&n&&(n.parentNode&&n.parentNode.removeChild(n),n=null)}}},Qi=function(){var t=Ki();return function(n,e){v.useEffect(function(){return t.add(n),function(){t.remove()}},[n&&e])}},qn=function(){var t=Qi(),n=function(e){var r=e.styles,o=e.dynamic;return t(r,o),null};return n},Yi={left:0,top:0,right:0,gap:0},Ot=function(t){return parseInt(t||"",10)||0},Ji=function(t){var n=window.getComputedStyle(document.body),e=n[t==="padding"?"paddingLeft":"marginLeft"],r=n[t==="padding"?"paddingTop":"marginTop"],o=n[t==="padding"?"paddingRight":"marginRight"];return[Ot(e),Ot(r),Ot(o)]},Zi=function(t){if(t===void 0&&(t="margin"),typeof window>"u")return Yi;var n=Ji(t),e=document.documentElement.clientWidth,r=window.innerWidth;return{left:n[0],top:n[1],right:n[2],gap:Math.max(0,r-e+n[2]-n[0])}},Ri=qn(),me="data-scroll-locked",eo=function(t,n,e,r){var o=t.left,a=t.top,l=t.right,s=t.gap;return e===void 0&&(e="margin"),`
+  .`.concat(Bi,` {
+   overflow: hidden `).concat(r,`;
+   padding-right: `).concat(s,"px ").concat(r,`;
+  }
+  body[`).concat(me,`] {
+    overflow: hidden `).concat(r,`;
+    overscroll-behavior: contain;
+    `).concat([n&&"position: relative ".concat(r,";"),e==="margin"&&`
+    padding-left: `.concat(o,`px;
+    padding-top: `).concat(a,`px;
+    padding-right: `).concat(l,`px;
+    margin-left:0;
+    margin-top:0;
+    margin-right: `).concat(s,"px ").concat(r,`;
+    `),e==="padding"&&"padding-right: ".concat(s,"px ").concat(r,";")].filter(Boolean).join(""),`
+  }
+  
+  .`).concat(Xe,` {
+    right: `).concat(s,"px ").concat(r,`;
+  }
+  
+  .`).concat(Ke,` {
+    margin-right: `).concat(s,"px ").concat(r,`;
+  }
+  
+  .`).concat(Xe," .").concat(Xe,` {
+    right: 0 `).concat(r,`;
+  }
+  
+  .`).concat(Ke," .").concat(Ke,` {
+    margin-right: 0 `).concat(r,`;
+  }
+  
+  body[`).concat(me,`] {
+    `).concat(_i,": ").concat(s,`px;
+  }
+`)},Hn=function(){var t=parseInt(document.body.getAttribute(me)||"0",10);return isFinite(t)?t:0},to=function(){v.useEffect(function(){return document.body.setAttribute(me,(Hn()+1).toString()),function(){var t=Hn()-1;t<=0?document.body.removeAttribute(me):document.body.setAttribute(me,t.toString())}},[])},no=function(t){var n=t.noRelative,e=t.noImportant,r=t.gapMode,o=r===void 0?"margin":r;to();var a=v.useMemo(function(){return Zi(o)},[o]);return v.createElement(Ri,{styles:eo(a,!n,o,e?"":"!important")})},Bt=!1;if(typeof window<"u")try{var Ye=Object.defineProperty({},"passive",{get:function(){return Bt=!0,!0}});window.addEventListener("test",Ye,Ye),window.removeEventListener("test",Ye,Ye)}catch{Bt=!1}var ge=Bt?{passive:!1}:!1,ro=function(t){return t.tagName==="TEXTAREA"},Gn=function(t,n){if(!(t instanceof Element))return!1;var e=window.getComputedStyle(t);return e[n]!=="hidden"&&!(e.overflowY===e.overflowX&&!ro(t)&&e[n]==="visible")},io=function(t){return Gn(t,"overflowY")},oo=function(t){return Gn(t,"overflowX")},Xn=function(t,n){var e=n.ownerDocument,r=n;do{typeof ShadowRoot<"u"&&r instanceof ShadowRoot&&(r=r.host);var o=Kn(t,r);if(o){var a=Qn(t,r),l=a[1],s=a[2];if(l>s)return!0}r=r.parentNode}while(r&&r!==e.body);return!1},ao=function(t){var n=t.scrollTop,e=t.scrollHeight,r=t.clientHeight;return[n,e,r]},lo=function(t){var n=t.scrollLeft,e=t.scrollWidth,r=t.clientWidth;return[n,e,r]},Kn=function(t,n){return t==="v"?io(n):oo(n)},Qn=function(t,n){return t==="v"?ao(n):lo(n)},so=function(t,n){return t==="h"&&n==="rtl"?-1:1},co=function(t,n,e,r,o){var a=so(t,window.getComputedStyle(n).direction),l=a*r,s=e.target,p=n.contains(s),c=!1,f=l>0,h=0,m=0;do{var y=Qn(t,s),x=y[0],g=y[1],b=y[2],E=g-b-a*x;(x||E)&&Kn(t,s)&&(h+=E,m+=x),s instanceof ShadowRoot?s=s.host:s=s.parentNode}while(!p&&s!==document.body||p&&(n.contains(s)||n===s));return(f&&Math.abs(h)<1||!f&&Math.abs(m)<1)&&(c=!0),c},Je=function(t){return"changedTouches"in t?[t.changedTouches[0].clientX,t.changedTouches[0].clientY]:[0,0]},Yn=function(t){return[t.deltaX,t.deltaY]},Jn=function(t){return t&&"current"in t?t.current:t},uo=function(t,n){return t[0]===n[0]&&t[1]===n[1]},fo=function(t){return`
+  .block-interactivity-`.concat(t,` {pointer-events: none;}
+  .allow-interactivity-`).concat(t,` {pointer-events: all;}
+`)},ho=0,ve=[];function po(t){var n=v.useRef([]),e=v.useRef([0,0]),r=v.useRef(),o=v.useState(ho++)[0],a=v.useState(qn)[0],l=v.useRef(t);v.useEffect(function(){l.current=t},[t]),v.useEffect(function(){if(t.inert){document.body.classList.add("block-interactivity-".concat(o));var g=Oi([t.lockRef.current],(t.shards||[]).map(Jn),!0).filter(Boolean);return g.forEach(function(b){return b.classList.add("allow-interactivity-".concat(o))}),function(){document.body.classList.remove("block-interactivity-".concat(o)),g.forEach(function(b){return b.classList.remove("allow-interactivity-".concat(o))})}}},[t.inert,t.lockRef.current,t.shards]);var s=v.useCallback(function(g,b){if("touches"in g&&g.touches.length===2||g.type==="wheel"&&g.ctrlKey)return!l.current.allowPinchZoom;var E=Je(g),w=e.current,S="deltaX"in g?g.deltaX:w[0]-E[0],I="deltaY"in g?g.deltaY:w[1]-E[1],F,L=g.target,T=Math.abs(S)>Math.abs(I)?"h":"v";if("touches"in g&&T==="h"&&L.type==="range")return!1;var D=Xn(T,L);if(!D)return!0;if(D?F=T:(F=T==="v"?"h":"v",D=Xn(T,L)),!D)return!1;if(!r.current&&"changedTouches"in g&&(S||I)&&(r.current=F),!F)return!0;var A=r.current||F;return co(A,b,g,A==="h"?S:I)},[]),p=v.useCallback(function(g){var b=g;if(!(!ve.length||ve[ve.length-1]!==a)){var E="deltaY"in b?Yn(b):Je(b),w=n.current.filter(function(F){return F.name===b.type&&(F.target===b.target||b.target===F.shadowParent)&&uo(F.delta,E)})[0];if(w&&w.should){b.cancelable&&b.preventDefault();return}if(!w){var S=(l.current.shards||[]).map(Jn).filter(Boolean).filter(function(F){return F.contains(b.target)}),I=S.length>0?s(b,S[0]):!l.current.noIsolation;I&&b.cancelable&&b.preventDefault()}}},[]),c=v.useCallback(function(g,b,E,w){var S={name:g,delta:b,target:E,should:w,shadowParent:mo(E)};n.current.push(S),setTimeout(function(){n.current=n.current.filter(function(I){return I!==S})},1)},[]),f=v.useCallback(function(g){e.current=Je(g),r.current=void 0},[]),h=v.useCallback(function(g){c(g.type,Yn(g),g.target,s(g,t.lockRef.current))},[]),m=v.useCallback(function(g){c(g.type,Je(g),g.target,s(g,t.lockRef.current))},[]);v.useEffect(function(){return ve.push(a),t.setCallbacks({onScrollCapture:h,onWheelCapture:h,onTouchMoveCapture:m}),document.addEventListener("wheel",p,ge),document.addEventListener("touchmove",p,ge),document.addEventListener("touchstart",f,ge),function(){ve=ve.filter(function(g){return g!==a}),document.removeEventListener("wheel",p,ge),document.removeEventListener("touchmove",p,ge),document.removeEventListener("touchstart",f,ge)}},[]);var y=t.removeScrollBar,x=t.inert;return v.createElement(v.Fragment,null,x?v.createElement(a,{styles:fo(o)}):null,y?v.createElement(no,{gapMode:t.gapMode}):null)}function mo(t){for(var n=null;t!==null;)t instanceof ShadowRoot&&(n=t.host,t=t.host),t=t.parentNode;return n}const go=Wi(Wn,po);var Zn=v.forwardRef(function(t,n){return v.createElement(Qe,ee({},t,{ref:n,sideCar:go}))});Zn.classNames=Qe.classNames;var vo=function(t){if(typeof document>"u")return null;var n=Array.isArray(t)?t[0]:t;return n.ownerDocument.body},ye=new WeakMap,Ze=new WeakMap,Re={},_t=0,Rn=function(t){return t&&(t.host||Rn(t.parentNode))},yo=function(t,n){return n.map(function(e){if(t.contains(e))return e;var r=Rn(e);return r&&t.contains(r)?r:(console.error("aria-hidden",e,"in not contained inside",t,". Doing nothing"),null)}).filter(function(e){return!!e})},wo=function(t,n,e,r){var o=yo(n,Array.isArray(t)?t:[t]);Re[e]||(Re[e]=new WeakMap);var a=Re[e],l=[],s=new Set,p=new Set(o),c=function(h){!h||s.has(h)||(s.add(h),c(h.parentNode))};o.forEach(c);var f=function(h){!h||p.has(h)||Array.prototype.forEach.call(h.children,function(m){if(s.has(m))f(m);else try{var y=m.getAttribute(r),x=y!==null&&y!=="false",g=(ye.get(m)||0)+1,b=(a.get(m)||0)+1;ye.set(m,g),a.set(m,b),l.push(m),g===1&&x&&Ze.set(m,!0),b===1&&m.setAttribute(e,"true"),x||m.setAttribute(r,"true")}catch(E){console.error("aria-hidden: cannot operate on ",m,E)}})};return f(n),s.clear(),_t++,function(){l.forEach(function(h){var m=ye.get(h)-1,y=a.get(h)-1;ye.set(h,m),a.set(h,y),m||(Ze.has(h)||h.removeAttribute(r),Ze.delete(h)),y||h.removeAttribute(e)}),_t--,_t||(ye=new WeakMap,ye=new WeakMap,Ze=new WeakMap,Re={})}},bo=function(t,n,e){e===void 0&&(e="data-aria-hidden");var r=Array.from(Array.isArray(t)?t:[t]),o=vo(t);return o?(r.push.apply(r,Array.from(o.querySelectorAll("[aria-live]"))),wo(r,o,e,"aria-hidden")):function(){return null}},zt="Dialog",[er,fa]=ni(zt),[Co,J]=er(zt),tr=t=>{const{__scopeDialog:n,children:e,open:r,defaultOpen:o,onOpenChange:a,modal:l=!0}=t,s=v.useRef(null),p=v.useRef(null),[c=!1,f]=ai({prop:r,defaultProp:o,onChange:a});return i.jsx(Co,{scope:n,triggerRef:s,contentRef:p,contentId:St(),titleId:St(),descriptionId:St(),open:c,onOpenChange:f,onOpenToggle:v.useCallback(()=>f(h=>!h),[f]),modal:l,children:e})};tr.displayName=zt;var nr="DialogTrigger",xo=v.forwardRef((t,n)=>{const{__scopeDialog:e,...r}=t,o=J(nr,e),a=ce(n,o.triggerRef);return i.jsx(ne.button,{type:"button","aria-haspopup":"dialog","aria-expanded":o.open,"aria-controls":o.contentId,"data-state":Vt(o.open),...r,ref:a,onClick:oe(t.onClick,o.onOpenToggle)})});xo.displayName=nr;var $t="DialogPortal",[Io,rr]=er($t,{forceMount:void 0}),ir=t=>{const{__scopeDialog:n,forceMount:e,children:r,container:o}=t,a=J($t,n);return i.jsx(Io,{scope:n,forceMount:e,children:v.Children.map(r,l=>i.jsx(He,{present:e||a.open,children:i.jsx($n,{asChild:!0,container:o,children:l})}))})};ir.displayName=$t;var et="DialogOverlay",or=v.forwardRef((t,n)=>{const e=rr(et,t.__scopeDialog),{forceMount:r=e.forceMount,...o}=t,a=J(et,t.__scopeDialog);return a.modal?i.jsx(He,{present:r||a.open,children:i.jsx(Eo,{...o,ref:n})}):null});or.displayName=et;var Eo=v.forwardRef((t,n)=>{const{__scopeDialog:e,...r}=t,o=J(et,e);return i.jsx(Zn,{as:Nt,allowPinchZoom:!0,shards:[o.contentRef],children:i.jsx(ne.div,{"data-state":Vt(o.open),...r,ref:n,style:{pointerEvents:"auto",...r.style}})})}),ue="DialogContent",ar=v.forwardRef((t,n)=>{const e=rr(ue,t.__scopeDialog),{forceMount:r=e.forceMount,...o}=t,a=J(ue,t.__scopeDialog);return i.jsx(He,{present:r||a.open,children:a.modal?i.jsx(So,{...o,ref:n}):i.jsx(No,{...o,ref:n})})});ar.displayName=ue;var So=v.forwardRef((t,n)=>{const e=J(ue,t.__scopeDialog),r=v.useRef(null),o=ce(n,e.contentRef,r);return v.useEffect(()=>{const a=r.current;if(a)return bo(a)},[]),i.jsx(lr,{...t,ref:o,trapFocus:e.open,disableOutsidePointerEvents:!0,onCloseAutoFocus:oe(t.onCloseAutoFocus,a=>{var l;a.preventDefault(),(l=e.triggerRef.current)==null||l.focus()}),onPointerDownOutside:oe(t.onPointerDownOutside,a=>{const l=a.detail.originalEvent,s=l.button===0&&l.ctrlKey===!0;(l.button===2||s)&&a.preventDefault()}),onFocusOutside:oe(t.onFocusOutside,a=>a.preventDefault())})}),No=v.forwardRef((t,n)=>{const e=J(ue,t.__scopeDialog),r=v.useRef(!1),o=v.useRef(!1);return i.jsx(lr,{...t,ref:n,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:a=>{var l,s;(l=t.onCloseAutoFocus)==null||l.call(t,a),a.defaultPrevented||(r.current||(s=e.triggerRef.current)==null||s.focus(),a.preventDefault()),r.current=!1,o.current=!1},onInteractOutside:a=>{var p,c;(p=t.onInteractOutside)==null||p.call(t,a),a.defaultPrevented||(r.current=!0,a.detail.originalEvent.type==="pointerdown"&&(o.current=!0));const l=a.target;((c=e.triggerRef.current)==null?void 0:c.contains(l))&&a.preventDefault(),a.detail.originalEvent.type==="focusin"&&o.current&&a.preventDefault()}})}),lr=v.forwardRef((t,n)=>{const{__scopeDialog:e,trapFocus:r,onOpenAutoFocus:o,onCloseAutoFocus:a,...l}=t,s=J(ue,e),p=v.useRef(null),c=ce(n,p);return Ai(),i.jsxs(i.Fragment,{children:[i.jsx(An,{asChild:!0,loop:!0,trapped:r,onMountAutoFocus:o,onUnmountAutoFocus:a,children:i.jsx(Ln,{role:"dialog",id:s.contentId,"aria-describedby":s.descriptionId,"aria-labelledby":s.titleId,"data-state":Vt(s.open),...l,ref:c,onDismiss:()=>s.onOpenChange(!1)})}),i.jsxs(i.Fragment,{children:[i.jsx(Do,{titleId:s.titleId}),i.jsx(Mo,{contentRef:p,descriptionId:s.descriptionId})]})]})}),kt="DialogTitle",Fo=v.forwardRef((t,n)=>{const{__scopeDialog:e,...r}=t,o=J(kt,e);return i.jsx(ne.h2,{id:o.titleId,...r,ref:n})});Fo.displayName=kt;var sr="DialogDescription",To=v.forwardRef((t,n)=>{const{__scopeDialog:e,...r}=t,o=J(sr,e);return i.jsx(ne.p,{id:o.descriptionId,...r,ref:n})});To.displayName=sr;var cr="DialogClose",Lo=v.forwardRef((t,n)=>{const{__scopeDialog:e,...r}=t,o=J(cr,e);return i.jsx(ne.button,{type:"button",...r,ref:n,onClick:oe(t.onClick,()=>o.onOpenChange(!1))})});Lo.displayName=cr;function Vt(t){return t?"open":"closed"}var dr="DialogTitleWarning",[ha,ur]=ti(dr,{contentName:ue,titleName:kt,docsSlug:"dialog"}),Do=({titleId:t})=>{const n=ur(dr),e=`\`${n.contentName}\` requires a \`${n.titleName}\` for the component to be accessible for screen reader users.
 
-  class BaseFormElement {
-    constructor(options) {
-      __publicField(this, "type");
-      __publicField(this, "identifier");
-      __publicField(this, "description");
-      const { description: description2 = null, identifier, type } = options;
-      this.identifier = identifier;
-      this.description = description2;
-      this.type = type;
-    }
-    getId() {
-      return this.identifier;
-    }
-    static deserialize(_data) {
-      throw new Error(`${this.name} must implement deserialize.`);
-    }
-    _serialize() {
-      if (!this.identifier) {
-        throw new Error("Field identifier must be set before serializing.");
-      }
-      return {
-        type: this.type,
-        identifier: this.identifier,
-        description: this.description
-      };
-    }
-  }
-  class BaseField extends BaseFormElement {
-    constructor(options) {
-      const { label, required, fieldValidators = [], formValidators = [], ...base } = options;
-      super(base);
-      __publicField(this, "required");
-      __publicField(this, "formValidators");
-      __publicField(this, "fieldValidators");
-      __publicField(this, "label");
-      /**
-       * By default, validation doesn't execute on `onChange` events when editing fields
-       * until the field has been `touched`. This can be overridden by setting this to `false`
-       * if you want to validate on every `onChange` event. This is important for fields like booleans
-       * which don't have a `onBlur` event (which is used to set the `touched` state).
-       */
-      __publicField(this, "onlyValidateAfterTouched", true);
-      this.label = label;
-      this.required = required;
-      this.fieldValidators = fieldValidators;
-      this.formValidators = formValidators;
-    }
-    static getFieldCreationSchema() {
-      return [];
-    }
-    isBlank(value) {
-      return value === null || value === void 0 || value === "";
-    }
-    getValueFromChangeEvent(event) {
-      return event.target.value;
-    }
-    getError(value, allValues) {
-      if (this.required && this.isBlank(value)) {
-        return "This field is required.";
-      }
-      for (const validator of this.getFieldValidators()) {
-        const error = validator(value);
-        if (error)
-          return error;
-      }
-      if (allValues) {
-        for (const validator of this.getFormValidators()) {
-          const error = validator(value, allValues);
-          if (error)
-            return error;
-        }
-      }
-    }
-    // TODO: We can probably combine _serialize and serialize.
-    _serialize() {
-      return {
-        ...super._serialize(),
-        label: this.label,
-        required: this.required
-      };
-    }
-    getFieldValidators() {
-      return [...this.fieldValidators];
-    }
-    getFormValidators() {
-      return [...this.formValidators];
-    }
-  }
-  __publicField(BaseField, "fieldTypeName");
-  __publicField(BaseField, "fieldTypeDescription");
-  const description$1 = "_description_17zed_1";
-  const styles$4 = {
-    description: description$1
-  };
-  const InputWithLabel = (props) => {
-    const { label, children, severity, inputId, labelId, flexProps } = props;
-    return /* @__PURE__ */ jsxRuntime.jsx(blocks.Flex, { direction: "column", gap: "1", asChild: true, ...flexProps, children: /* @__PURE__ */ jsxRuntime.jsxs("label", { htmlFor: inputId, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { severity, id: labelId, children: label }),
-      children
-    ] }) });
-  };
-  const InputWithLabelAndHelpText = (props) => {
-    const { helpText, children, severity } = props;
-    return /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { direction: "column", gap: "1", children: [
-      children,
-      /* @__PURE__ */ jsxRuntime.jsx(blocks.Flex, { direction: "column", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { size: "1", severity, className: styles$4.description, children: helpText }) })
-    ] });
-  };
-  const useFormikInput = (props) => {
-    const { id, field, formId: formId2, ...rest } = props;
-    const [fieldProps, meta, helpers] = formik.useField(field.getId());
-    const { touched } = meta;
-    const helpText = meta.error ?? field.description;
-    const severity = meta.error ? "danger" : void 0;
-    const inputId = id ?? `${formId2}-${field.getId()}-input`;
-    const labelId = `${inputId}-label`;
-    const label = field.required ? `${field.label} *` : field.label;
-    const fieldPropsWithValidation = React.useMemo(() => {
-      const handleChange = (e) => {
-        const value = field.getValueFromChangeEvent(e);
-        helpers.setValue(value, false).then();
-        if (touched || !field.onlyValidateAfterTouched) {
-          helpers.setError(field.getError(value));
-        }
-      };
-      const handleBlur = (e) => {
-        helpers.setTouched(true, false).then();
-        helpers.setError(field.getError(field.getValueFromChangeEvent(e)));
-      };
-      return {
-        ...fieldProps,
-        onChange: handleChange,
-        onBlur: handleBlur
-      };
-    }, [field, fieldProps, helpers, touched]);
-    return [
-      {
-        helpText,
-        severity,
-        inputId,
-        labelId,
-        label,
-        fieldProps: fieldPropsWithValidation,
-        helpers,
-        field
-      },
-      { ...rest, "aria-labelledby": labelId }
-    ];
-  };
-  const truthyValues = [true, "true"];
-  const BooleanInput = React.memo(function BooleanInput2(props) {
-    const [{ inputId, labelId, severity, helpText, label, fieldProps }, rest] = useFormikInput(props);
-    const color = blocks.useSeverityColor(severity);
-    const value = truthyValues.includes(fieldProps.value);
-    return /* @__PURE__ */ jsxRuntime.jsx(InputWithLabelAndHelpText, { helpText, severity, children: /* @__PURE__ */ jsxRuntime.jsx(
-      InputWithLabel,
-      {
-        severity,
-        inputId,
-        labelId,
-        label,
-        flexProps: { direction: "row-reverse", justify: "end", align: "center", gap: "2" },
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          blocks.Checkbox,
-          {
-            ...rest,
-            ...fieldProps,
-            id: inputId,
-            color,
-            value: value.toString(),
-            checked: value,
-            onCheckedChange: fieldProps.onChange,
-            onChange: void 0,
-            onBlur: void 0
-          }
-        )
-      }
-    ) });
-  });
-  const _BooleanField = class _BooleanField extends BaseField {
-    constructor(options) {
-      super({ ...options, type: "boolean" });
-      __publicField(this, "onlyValidateAfterTouched", false);
-    }
-    // if a BooleanField is required, `false` is considered blank
-    isBlank(value) {
-      return this.required && !value;
-    }
-    getValueFromChangeEvent(event) {
-      if (typeof event === "boolean")
-        return event;
-      return event.target.checked;
-    }
-    serialize() {
-      return super._serialize();
-    }
-    static deserialize(data) {
-      if (data.type !== "boolean")
-        throw new Error("Type mismatch.");
-      return new _BooleanField(data);
-    }
-    getInput(props) {
-      return /* @__PURE__ */ jsxRuntime.jsx(BooleanInput, { ...props, field: this });
-    }
-  };
-  __publicField(_BooleanField, "fieldTypeName", "Checkbox");
-  __publicField(_BooleanField, "fieldTypeDescription", "Perfect for both optional and required yes/no questions.");
-  __publicField(_BooleanField, "Icon", reactIcons.CheckCircledIcon);
-  let BooleanField = _BooleanField;
-  const NumberInput$1 = React.memo(function NumberInput2(props) {
-    const [{ inputId, labelId, severity, helpText, label, fieldProps, field }, rest] = useFormikInput(props);
-    const color = blocks.useSeverityColor(severity);
-    return /* @__PURE__ */ jsxRuntime.jsx(InputWithLabelAndHelpText, { helpText, severity, children: /* @__PURE__ */ jsxRuntime.jsx(InputWithLabel, { severity, inputId, labelId, label, children: /* @__PURE__ */ jsxRuntime.jsx(
-      themes.TextField.Input,
-      {
-        ...rest,
-        ...fieldProps,
-        type: "number",
-        id: inputId,
-        min: field.minimum,
-        max: field.maximum,
-        step: field.integers ? 1 : 0.1,
-        color
-      }
-    ) }) });
-  });
-  const _NumberField = class _NumberField extends BaseField {
-    constructor(options) {
-      const {
-        minimum = Number.MIN_SAFE_INTEGER,
-        maximum = Number.MAX_SAFE_INTEGER,
-        integers = false,
-        ...base
-      } = options;
-      super({ ...base, type: "number" });
-      __publicField(this, "minimum");
-      __publicField(this, "maximum");
-      __publicField(this, "integers");
-      this.minimum = minimum;
-      this.maximum = maximum;
-      this.integers = integers;
-    }
-    getValueFromChangeEvent(event) {
-      const number = Number.parseFloat(event.target.value);
-      if (Number.isNaN(number))
-        return "";
-      return number;
-    }
-    static getFieldCreationSchema() {
-      return [
-        new _NumberField({
-          label: "Minimum",
-          description: "Minimum value",
-          integers: true,
-          required: false,
-          identifier: "minimum",
-          formValidators: [this._validateMin]
-        }),
-        new _NumberField({
-          label: "Maximum",
-          description: "Maximum value",
-          integers: true,
-          required: false,
-          identifier: "maximum",
-          formValidators: [this._validateMax]
-        }),
-        new BooleanField({
-          label: "Integers",
-          description: "Whole numbers only",
-          required: false,
-          identifier: "integers"
-        })
-      ];
-    }
-    getFieldValidators() {
-      const validators = super.getFieldValidators();
-      const min = this.minimum;
-      const max = this.maximum;
-      if (typeof min === "number") {
-        validators.push((value) => {
-          if (typeof value === "number" && value < min) {
-            return `Must be at least ${this.minimum}.`;
-          }
-        });
-      }
-      if (typeof max === "number") {
-        validators.push((value) => {
-          if (typeof value === "number" && value > max) {
-            return `Must be at most ${this.maximum}.`;
-          }
-        });
-      }
-      if (this.integers) {
-        validators.push((value) => {
-          if (typeof value === "number" && !Number.isInteger(value)) {
-            return "Must be a whole number.";
-          }
-        });
-      }
-      return validators;
-    }
-    serialize() {
-      return {
-        ...super._serialize(),
-        minimum: this.minimum,
-        maximum: this.maximum,
-        integers: this.integers
-      };
-    }
-    static deserialize(data) {
-      if (data.type !== "number")
-        throw new Error("Type mismatch.");
-      return new _NumberField(data);
-    }
-    getInput(props) {
-      return /* @__PURE__ */ jsxRuntime.jsx(NumberInput$1, { field: this, ...props });
-    }
-  };
-  __publicField(_NumberField, "fieldTypeName", "Number");
-  __publicField(_NumberField, "fieldTypeDescription", "Allows specifying a number within a given range.");
-  __publicField(_NumberField, "Icon", reactIcons.FontFamilyIcon);
-  __publicField(_NumberField, "_validateMin", (value, allValues) => {
-    if (typeof allValues.maximum === "number" && typeof value === "number" && allValues.maximum < value) {
-      return "Minimum cannot be greater than minimum.";
-    }
-    return null;
-  });
-  __publicField(_NumberField, "_validateMax", (value, allValues) => {
-    if (typeof allValues.minimum === "number" && typeof value === "number" && allValues.minimum > value) {
-      return "Maximum cannot be less than minimum.";
-    }
-    return null;
-  });
-  let NumberField = _NumberField;
-  const DateInput = React.memo(function DateInput2(props) {
-    const [{ inputId, labelId, severity, helpText, label, fieldProps }, rest] = useFormikInput(props);
-    const color = blocks.useSeverityColor(severity);
-    const value = fieldProps.value ? fieldProps.value.split("T")[0] : "";
-    return /* @__PURE__ */ jsxRuntime.jsx(InputWithLabelAndHelpText, { helpText, severity, children: /* @__PURE__ */ jsxRuntime.jsx(InputWithLabel, { severity, inputId, labelId, label, children: /* @__PURE__ */ jsxRuntime.jsx(themes.TextField.Input, { ...rest, ...fieldProps, type: "date", id: inputId, color, value }) }) });
-  });
-  const _DateField = class _DateField extends BaseField {
-    constructor(options) {
-      super({ ...options, type: "date" });
-      __publicField(this, "onlyValidateAfterTouched", false);
-    }
-    serialize() {
-      return super._serialize();
-    }
-    getValueFromChangeEvent(event) {
-      return new Date(event.target.value).toISOString();
-    }
-    static deserialize(data) {
-      if (data.type !== "date")
-        throw new Error("Type mismatch.");
-      return new _DateField(data);
-    }
-    getInput(props) {
-      return /* @__PURE__ */ jsxRuntime.jsx(DateInput, { field: this, ...props });
-    }
-  };
-  __publicField(_DateField, "fieldTypeName", "Date");
-  __publicField(_DateField, "fieldTypeDescription", "Allows specifying a date.");
-  __publicField(_DateField, "Icon", reactIcons.CalendarIcon);
-  let DateField = _DateField;
-  class StringOrTextField extends BaseField {
-    constructor(options) {
-      const { minLength, maxLength = 5e3, ...base } = options;
-      super(base);
-      __publicField(this, "minLength");
-      __publicField(this, "maxLength");
-      this.minLength = minLength ? Math.max(minLength, 0) : void 0;
-      this.maxLength = maxLength ? Math.max(maxLength, 0) : 5e3;
-    }
-    static getFieldCreationSchema() {
-      return [
-        // min, max
-        new NumberField({
-          label: "Minimum length",
-          description: "Minimum number of characters",
-          required: false,
-          identifier: "minimum_length",
-          minimum: 0,
-          maximum: 100,
-          formValidators: [this._validateMin],
-          integers: true
-        }),
-        new NumberField({
-          label: "Maximum length",
-          description: "Maximum number of characters",
-          required: false,
-          identifier: "maximum_length",
-          minimum: 1,
-          maximum: 5e3,
-          // TODO: depends on short vs long text
-          formValidators: [this._validateMax],
-          // TODO: default: 500 (see: "Short text fields can hold up to 500 characters on a single line.")
-          integers: true
-        })
-      ];
-    }
-    getFieldValidators() {
-      const validators = super.getFieldValidators();
-      if (this.minLength) {
-        validators.push((value) => {
-          if (this.minLength && (!value || value.length < this.minLength)) {
-            if (!this.required && !value)
-              return null;
-            return `Minimum ${this.minLength} character(s).`;
-          }
-        });
-      }
-      if (this.maxLength) {
-        validators.push((value) => {
-          if (typeof value === "string" && this.maxLength && value.length > this.maxLength) {
-            return `Maximum ${this.maxLength} character(s).`;
-          }
-        });
-      }
-      return validators;
-    }
-    _serialize() {
-      if (!this.identifier) {
-        throw new Error("Field identifier must be set before serializing.");
-      }
-      return {
-        ...super._serialize(),
-        minimum_length: this.minLength,
-        maximum_length: this.maxLength
-      };
-    }
-  }
-  /**
-   * 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".
-   */
-  __publicField(StringOrTextField, "_validateMin", (value, allValues) => {
-    if (typeof allValues.maximum_length === "number" && typeof value === "number" && allValues.maximum_length < value) {
-      return "Minimum cannot be greater than maximum.";
-    }
-    return 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".
-   */
-  __publicField(StringOrTextField, "_validateMax", (value, allValues) => {
-    if (typeof value !== "number")
-      return null;
-    const { minimum_length: minimumLength } = allValues;
-    if (typeof minimumLength !== "number") {
-      return null;
-    }
-    if (minimumLength > value) {
-      return "Maximum cannot be less than minimum.";
-    }
-    return null;
-  });
-  const clickableLinkContainer = "_clickableLinkContainer_1ace7_1";
-  const TextFieldInputCopy = "_TextFieldInputCopy_1ace7_5";
-  const styles$3 = {
-    clickableLinkContainer,
-    TextFieldInputCopy
-  };
-  const StringInput = React.memo(function StringInput2(props) {
-    const [{ inputId, labelId, severity, helpText, label, fieldProps, field }, rest] = useFormikInput(props);
-    const color = blocks.useSeverityColor(severity);
-    return /* @__PURE__ */ jsxRuntime.jsx(InputWithLabelAndHelpText, { helpText, severity, children: /* @__PURE__ */ jsxRuntime.jsx(InputWithLabel, { severity, inputId, labelId, label, children: !rest.disabled ? /* @__PURE__ */ jsxRuntime.jsx(themes.TextField.Input, { ...rest, ...fieldProps, type: field.inputType, id: inputId, color }) : /* @__PURE__ */ jsxRuntime.jsxs(themes.TextField.Root, { className: styles$3.clickableLinkContainer, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          className: core.classNames(
-            "rt-TextFieldInput rt-r-size-2 rt-variant-surface",
-            styles$3.TextFieldInputCopy
-          ),
-          children: /* @__PURE__ */ jsxRuntime.jsx(
-            Linkify,
-            {
-              options: {
-                target: "_blank",
-                rel: "noopener"
-              },
-              children: fieldProps.value
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rt-TextFieldChrome" })
-    ] }) }) });
-  });
-  const _StringField = class _StringField extends StringOrTextField {
-    constructor(options) {
-      const { inputType = "text", ...rest } = options;
-      const maxLength = options.maxLength ? Math.min(500, options.maxLength) : 500;
-      const minLength = options.minLength ? Math.min(options.minLength, maxLength) : void 0;
-      super({ ...rest, maxLength, minLength, type: "string" });
-      __publicField(this, "inputType");
-      this.inputType = inputType;
-    }
-    serialize() {
-      return { ...super._serialize(), input_type: this.inputType };
-    }
-    static deserialize(data) {
-      if (data.type !== "string")
-        throw new Error("Type mismatch.");
-      const { maximum_length, minimum_length, input_type, ...rest } = data;
-      return new _StringField({ ...rest, maxLength: maximum_length, minLength: minimum_length, inputType: input_type });
-    }
-    getInput(props) {
-      return /* @__PURE__ */ jsxRuntime.jsx(StringInput, { field: this, ...props });
-    }
-  };
-  __publicField(_StringField, "fieldTypeName", "Short Text");
-  __publicField(_StringField, "fieldTypeDescription", "Short text fields can hold up to 500 characters on a single line.");
-  __publicField(_StringField, "Icon", reactIcons.InputIcon);
-  let StringField = _StringField;
-  const TextInput = React.memo(function TextInput2(props) {
-    const [{ inputId, labelId, severity, helpText, label, fieldProps }, rest] = useFormikInput(props);
-    return /* @__PURE__ */ jsxRuntime.jsx(InputWithLabelAndHelpText, { helpText, severity, children: /* @__PURE__ */ jsxRuntime.jsx(InputWithLabel, { severity, inputId, labelId, label, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.TextArea, { ...rest, ...fieldProps, resize: "vertical", id: inputId, severity }) }) });
-  });
-  const _TextField = class _TextField extends StringOrTextField {
-    constructor(options) {
-      const maxLength = options.maxLength ? Math.min(5e3, options.maxLength) : 5e3;
-      const minLength = options.minLength ? Math.min(options.minLength, maxLength) : void 0;
-      super({ ...options, maxLength, minLength, type: "text" });
-    }
-    serialize() {
-      return super._serialize();
-    }
-    static deserialize(data) {
-      if (data.type !== "text")
-        throw new Error("Type mismatch.");
-      const { maximum_length, minimum_length, ...rest } = data;
-      return new _TextField({ ...rest, maxLength: maximum_length, minLength: minimum_length });
-    }
-    getInput(props) {
-      return /* @__PURE__ */ jsxRuntime.jsx(TextInput, { field: this, ...props });
-    }
-  };
-  __publicField(_TextField, "fieldTypeName", "Paragraph");
-  __publicField(_TextField, "fieldTypeDescription", "Paragraph fields can hold up to 5000 characters and can have multiple lines.");
-  __publicField(_TextField, "Icon", reactIcons.RowsIcon);
-  let TextField = _TextField;
-  const SelectInput = React.memo(function SelectInput2(props) {
-    const [{ inputId, labelId, severity, helpText, label, fieldProps, field }, rest] = useFormikInput(props);
-    const { onChange, onBlur } = fieldProps;
-    const options = React.useMemo(
-      () => field.options.map((option) => ({ value: option.value, itemContent: option.label })),
-      [field.options]
-    );
-    const handleChange = React.useCallback(
-      (value) => {
-        onChange(value);
-        onBlur(value);
-      },
-      [onChange, onBlur]
-    );
-    return /* @__PURE__ */ jsxRuntime.jsx(InputWithLabelAndHelpText, { helpText, severity, children: /* @__PURE__ */ jsxRuntime.jsx(InputWithLabel, { severity, inputId, labelId, label, children: /* @__PURE__ */ jsxRuntime.jsx(
-      blocks.Select,
-      {
-        items: options,
-        ...fieldProps,
-        onValueChange: handleChange,
-        placeholder: "Select one...",
-        id: inputId,
-        severity,
-        ...rest
-      }
-    ) }) });
-  });
-  const emptySection = (id = "", fields = []) => ({
-    type: "section",
-    fields,
-    identifier: id,
-    label: null,
-    condition: null,
-    conditional: false
-  });
-  const wrapRootFieldsWithFieldSection = (revision) => {
-    if (!revision)
-      return void 0;
-    const fields = revision.fields;
-    let pending = [];
-    const sections = [];
-    for (const field of fields) {
-      if (field.type === "section") {
-        if (pending.length > 0) {
-          sections.push(emptySection(`AUTO_section-${fields.indexOf(field)}`, pending));
-          pending = [];
-        }
-        sections.push(field);
-      } else {
-        pending.push(field);
-      }
-    }
-    if (pending.length > 0) {
-      sections.push(emptySection("AUTO_section-last", pending));
-    }
-    return { ...revision, fields: sections, description: revision.description ?? "" };
-  };
-  function reorder(list, source, destination) {
-    const result = Array.from(list);
-    const [removed] = result.splice(source, 1);
-    if (!removed)
-      throw new Error("Could not find field to reorder.");
-    result.splice(destination, 0, removed);
-    return result;
-  }
-  function replace(list, index, value) {
-    const result = Array.from(list);
-    result[index] = value;
-    return result;
-  }
-  function insert(list, index, value) {
-    const result = Array.from(list ?? []);
-    result.splice(index, 0, value);
-    return result;
-  }
-  function remove(list, index) {
-    const result = Array.from(list);
-    result.splice(index, 1);
-    return result;
-  }
-  const makeIdentifier = (existing, label) => {
-    if (typeof existing === "string" && existing.length > 0)
-      return existing;
-    const now = /* @__PURE__ */ new Date();
-    return `${core.slugify(label)}-${now.getTime()}`;
-  };
-  const findFieldByIdentifier = (fields, identifier) => {
-    if (!identifier)
-      return null;
-    for (const field of fields) {
-      if (field.type === "section") {
-        const result = findFieldByIdentifier(field.fields, identifier);
-        if (result)
-          return result;
-      } else if (field.identifier === identifier) {
-        return field;
-      }
-    }
-    return null;
-  };
-  const makeConditionalSourceFields = (sections, index) => {
-    return sections.filter((_, i) => i < index).flatMap((field) => field.fields);
-  };
-  const getTakenFieldLabels = (fields) => {
-    return fields.flatMap(
-      (field) => field.type === "section" ? [...field.fields.map((f) => f.label), field.label] : field.label
-    ).filter((id) => id !== null);
-  };
-  const incrementFieldLabel = (label, takenLabels) => {
-    let count = 1;
-    let newLabel = `${label} (${count})`;
-    while (takenLabels.includes(newLabel)) {
-      newLabel = `${label} (${++count})`;
-    }
-    return newLabel;
-  };
-  const MultiStringInput = React.memo(function MultiStringInput2(props) {
-    const [{ inputId, labelId, severity, helpText, label, fieldProps }, rest] = useFormikInput(props);
-    const color = blocks.useSeverityColor(severity);
-    const value = React.useMemo(() => Array.isArray(fieldProps.value) ? fieldProps.value : [], [fieldProps.value]);
-    const { onChange, onBlur } = fieldProps;
-    const droppableId = `${inputId}-droppable`;
-    const { disabled } = rest;
-    const [intermediateValue, setIntermediateValue] = React.useState("");
-    const [internalError, setInternalError] = React.useState("");
-    const updatedHelpText = internalError || helpText;
-    const updatedColor = internalError ? "red" : color;
-    const setValueAndTouched = React.useCallback(
-      (newValue) => {
-        onChange(newValue);
-        onBlur(newValue);
-      },
-      [onChange, onBlur]
-    );
-    const handleChange = React.useCallback(
-      (e) => {
-        if (value.findIndex((option) => option.value === e.target.value.trim()) >= 0) {
-          setInternalError("All options must be unique");
-        } else if (!e.target.value) {
-          setInternalError("Option cannot be empty");
-        } else {
-          setInternalError("");
-        }
-        setIntermediateValue(e.target.value);
-      },
-      [setIntermediateValue, value]
-    );
-    const addOption = React.useCallback(() => {
-      if (internalError)
-        return;
-      if (!intermediateValue.trim()) {
-        return setInternalError("Option cannot be empty");
-      }
-      const trimmedValue = intermediateValue.trim();
-      setValueAndTouched([...value, { value: trimmedValue, label: trimmedValue }]);
-      setIntermediateValue("");
-    }, [intermediateValue, internalError, setValueAndTouched, value]);
-    const handleKeyDown = React.useCallback(
-      (e) => {
-        if (e.key === "Enter") {
-          e.preventDefault();
-          addOption();
-        }
-      },
-      [addOption]
-    );
-    const handleDeleteOption = React.useCallback(
-      (index) => {
-        setValueAndTouched(remove(value, index));
-      },
-      [value, setValueAndTouched]
-    );
-    const handleDragEnd = React.useCallback(
-      (result) => {
-        if (!result.destination)
-          return;
-        const sourceIndex = result.source.index;
-        const destinationIndex = result.destination.index;
-        setValueAndTouched(reorder(value, sourceIndex, destinationIndex));
-      },
-      [setValueAndTouched, value]
-    );
-    return /* @__PURE__ */ jsxRuntime.jsx(dnd.DragDropContext, { onDragEnd: handleDragEnd, children: /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { direction: "column", gap: "2", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(InputWithLabelAndHelpText, { helpText: updatedHelpText, severity, children: /* @__PURE__ */ jsxRuntime.jsx(InputWithLabel, { severity, inputId, labelId, label, children: (!disabled || value.length === 0) && /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { gap: "2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(themes.Box, { grow: "1", children: /* @__PURE__ */ jsxRuntime.jsx(
-          themes.TextField.Input,
-          {
-            placeholder: "Press enter to add a new option",
-            ...rest,
-            ...fieldProps,
-            value: intermediateValue,
-            onChange: handleChange,
-            onKeyDown: handleKeyDown,
-            id: inputId,
-            color: updatedColor,
-            onBlur: void 0
-          }
-        ) }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          blocks.IconButton,
-          {
-            type: "button",
-            "aria-label": "Add option",
-            disabled: !!internalError || disabled,
-            onClick: addOption,
-            children: /* @__PURE__ */ jsxRuntime.jsx(reactIcons.PlusIcon, {})
-          }
-        )
-      ] }) }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(dnd.Droppable, { droppableId, children: (droppableProvided) => /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { ...droppableProvided.droppableProps, ref: droppableProvided.innerRef, direction: "column", children: [
-        value.map((option, index) => /* @__PURE__ */ jsxRuntime.jsx(
-          dnd.Draggable,
-          {
-            draggableId: `${option.value}-draggable`,
-            index,
-            isDragDisabled: disabled,
-            children: ({ draggableProps, dragHandleProps, innerRef }) => /* @__PURE__ */ jsxRuntime.jsx(
-              blocks.Flex,
-              {
-                ...dragHandleProps,
-                ...draggableProps,
-                ref: innerRef,
-                gap: "2",
-                align: "center",
-                justify: "between",
-                mb: "1",
-                asChild: true,
-                children: /* @__PURE__ */ jsxRuntime.jsxs(blocks.Badge, { color: "gray", size: "2", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { children: option.label }),
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    blocks.IconButton,
-                    {
-                      size: "small",
-                      variant: "ghost",
-                      type: "button",
-                      "aria-label": "Delete option",
-                      severity: "info",
-                      disabled,
-                      onClick: () => handleDeleteOption(index),
-                      children: /* @__PURE__ */ jsxRuntime.jsx(reactIcons.Cross1Icon, {})
-                    }
-                  )
-                ] })
-              }
-            )
-          },
-          option.value
-        )),
-        droppableProvided.placeholder
-      ] }) })
-    ] }) });
-  });
-  const _MultiStringField = class _MultiStringField extends BaseField {
-    constructor(options) {
-      const { minimum_length, maximum_length, ...rest } = options;
-      super({ ...rest, type: "multi-string" });
-      __publicField(this, "minLength");
-      __publicField(this, "maxLength");
-      __publicField(this, "onlyValidateAfterTouched", false);
-      this.minLength = minimum_length ?? 0;
-      this.maxLength = maximum_length ?? Infinity;
-    }
-    getValueFromChangeEvent(event) {
-      if (Array.isArray(event))
-        return event;
-      throw new Error("Expected an array.");
-    }
-    getInput(props) {
-      return /* @__PURE__ */ jsxRuntime.jsx(MultiStringInput, { field: this, ...props });
-    }
-    serialize() {
-      return { ...super._serialize(), minimum_length: this.minLength, maximum_length: this.maxLength };
-    }
-    isBlank(value) {
-      return super.isBlank(value) || value.length === 0;
-    }
-    getFieldValidators() {
-      const validators = super.getFieldValidators();
-      validators.push((value) => {
-        if (Array.isArray(value) && value.length < this.minLength) {
-          return `Must have at least ${this.minLength} options.`;
-        }
-      });
-      validators.push((value) => {
-        if (Array.isArray(value) && value.length > this.maxLength) {
-          return `Must have at most ${this.maxLength} options.`;
-        }
-      });
-      return validators;
-    }
-    static deserialize(data) {
-      if (data.type !== "multi-string")
-        throw new Error("Type mismatch.");
-      return new _MultiStringField(data);
-    }
-  };
-  __publicField(_MultiStringField, "fieldTypeName", "Multi-string");
-  __publicField(_MultiStringField, "fieldTypeDescription", "Allows the user to provide multiple unique strings.");
-  __publicField(_MultiStringField, "Icon", reactIcons.ListBulletIcon);
-  let MultiStringField = _MultiStringField;
-  class BaseSelectField extends BaseField {
-    constructor(options) {
-      super(options);
-      __publicField(this, "options");
-      __publicField(this, "onlyValidateAfterTouched", false);
-      const encounteredIds = /* @__PURE__ */ new Set();
-      this.options = options.options.map((option) => {
-        if (typeof option === "string") {
-          option = { label: option, value: option };
-        }
-        encounteredIds.add(option.label);
-        return option;
-      });
-      if (encounteredIds.size !== options.options.length) {
-        console.error(
-          `${options.options.length - encounteredIds.size} duplicate identifiers found in options. This may cause unexpected behavior. Options:`,
-          options.options
-        );
-      }
-    }
-    _serialize() {
-      return {
-        ...super._serialize(),
-        options: this.options
-      };
-    }
-    static getFieldCreationSchema() {
-      return [
-        new MultiStringField({
-          label: "Options",
-          description: "List possible options for the user to select from.",
-          required: true,
-          identifier: "options",
-          minimum_length: 2,
-          maximum_length: 20
-        })
-      ];
-    }
-  }
-  const _SelectField = class _SelectField extends BaseSelectField {
-    constructor(options) {
-      super({ ...options, type: "select" });
-    }
-    getValueFromChangeEvent(event) {
-      if (typeof event === "string")
-        return event;
-      return event.target.value;
-    }
-    serialize() {
-      return super._serialize();
-    }
-    static deserialize(data) {
-      if (data.type !== "select")
-        throw new Error("Type mismatch.");
-      return new _SelectField(data);
-    }
-    getInput(props) {
-      return /* @__PURE__ */ jsxRuntime.jsx(SelectInput, { field: this, ...props });
-    }
-  };
-  __publicField(_SelectField, "fieldTypeName", "Dropdown");
-  __publicField(_SelectField, "fieldTypeDescription", "Allows the user to select a single option from a list of options.");
-  __publicField(_SelectField, "Icon", reactIcons.DropdownMenuIcon);
-  let SelectField = _SelectField;
-  const parseValueToArray = (value) => {
-    if (!value)
-      return [];
-    if (Array.isArray(value))
-      return value;
-    return [value];
-  };
-  const MultiSelectInput = React.memo(function MultiSelectInput2(props) {
-    const [{ inputId, labelId, severity, helpText, label, fieldProps, field }, rest] = useFormikInput(props);
-    const { onChange, onBlur } = fieldProps;
-    const value = React.useMemo(() => parseValueToArray(fieldProps.value), [fieldProps.value]);
-    const handleChange = React.useCallback(
-      (value2) => {
-        onChange(value2);
-        onBlur(value2);
-      },
-      [onChange, onBlur]
-    );
-    return /* @__PURE__ */ jsxRuntime.jsx(InputWithLabelAndHelpText, { helpText, severity, children: /* @__PURE__ */ jsxRuntime.jsx(InputWithLabel, { severity, inputId, labelId, label, children: /* @__PURE__ */ jsxRuntime.jsx(
-      blocks.MultiSelect,
-      {
-        value,
-        onValueChange: handleChange,
-        options: field.options,
-        name: fieldProps.name,
-        placeholder: "Select one or more...",
-        id: inputId,
-        severity,
-        ...rest
-      }
-    ) }) });
-  });
-  const _MultiSelectField = class _MultiSelectField extends BaseSelectField {
-    constructor(options) {
-      super({ ...options, type: "multi-select" });
-    }
-    getValueFromChangeEvent(event) {
-      if (Array.isArray(event))
-        return event;
-      throw new Error("Expected an array.");
-    }
-    isBlank(value) {
-      return super.isBlank(value) || value.length === 0;
-    }
-    serialize() {
-      return super._serialize();
-    }
-    static deserialize(data) {
-      if (data.type !== "multi-select")
-        throw new Error("Type mismatch.");
-      return new _MultiSelectField(data);
-    }
-    getInput(props) {
-      return /* @__PURE__ */ jsxRuntime.jsx(MultiSelectInput, { field: this, ...props });
-    }
-  };
-  __publicField(_MultiSelectField, "fieldTypeName", "Multi-select");
-  __publicField(_MultiSelectField, "fieldTypeDescription", "Allows the user to select a multiple options from a list of options.");
-  __publicField(_MultiSelectField, "Icon", reactIcons.CheckboxIcon);
-  let MultiSelectField = _MultiSelectField;
-  const FieldInputCloner = React.memo(function FieldInputCloner2({ field, ...props }) {
-    const [{ value: identifier }] = formik.useField(field.options.clonedFieldIdentifier);
-    const deserializedField = React.useMemo(() => {
-      const options = field.options.getFieldToClone(identifier);
-      if (!options)
-        return null;
-      return deserialize(options);
-    }, [field.options, identifier]);
-    return useFieldInput(deserializedField, props);
-  });
-  class CustomField extends BaseField {
-    constructor(options, Component) {
-      super({ ...options, type: "custom" });
-      __publicField(this, "Component");
-      // identifier of the field whose value is the label of the field to re-render
-      __publicField(this, "options");
-      this.options = options;
-      this.Component = Component;
-    }
-    serialize() {
-      throw new Error("Serializing only supported for public input types.");
-    }
-    getInput(props) {
-      const CustomInput = this.Component;
-      return /* @__PURE__ */ jsxRuntime.jsx(CustomInput, { field: this, ...props });
-    }
-  }
-  __publicField(CustomField, "fieldTypeName", "Custom");
-  __publicField(CustomField, "fieldTypeDescription", "Allows re-rendering of field already in the form");
-  class FieldInputClonerField extends CustomField {
-    constructor(options) {
-      super(options, FieldInputCloner);
-    }
-  }
-  const FieldSectionLayout = React.memo(function FieldSectionLayout2(props) {
-    const { field: section, ...rest } = props;
-    const { label, description: description2, fields, condition } = section;
-    const { values, setFieldValue } = formik.useFormikContext();
-    const conditionValue = (condition == null ? void 0 : condition.identifier) ? get(values, condition.identifier) : void 0;
-    const conditionMet = React.useMemo(() => isConditionMet(condition, conditionValue), [condition, conditionValue]);
-    React.useEffect(() => {
-      if (!conditionMet) {
-        for (const childField of fields) {
-          setFieldValue(childField.getId(), "").then();
-        }
-      }
-    }, [conditionMet, fields, setFieldValue]);
-    const inputs = useFieldInputs(fields, rest);
-    if (!conditionMet) {
-      return null;
-    }
-    if (!label) {
-      return inputs;
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(themes.Card, { children: /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { direction: "column", gap: "3", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { direction: "column", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(themes.Heading, { as: "h3", size: "3", children: label }),
-        /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { className: styles$4.description, children: description2 })
-      ] }),
-      inputs
-    ] }) });
-  });
-  const _FieldSection = class _FieldSection extends BaseFormElement {
-    constructor(options) {
-      const { label = null, fields, condition = null, conditional, ...base } = options;
-      super({ ...base, type: "section" });
-      __publicField(this, "label");
-      __publicField(this, "fields");
-      __publicField(this, "condition");
-      this.fields = fields;
-      this.condition = condition;
-      this.label = label;
-      if (conditional === false) {
-        this.condition = null;
-      }
-    }
-    static getFieldCreationSchema(options) {
-      if (options.length === 0)
-        return [];
-      return [
-        new BooleanField({
-          label: "Conditional",
-          description: "Conditionally show or hide this section.",
-          identifier: "conditional",
-          required: false
-        }),
-        // Declare a section that will hold options for the condition (if any).
-        new _FieldSection({
-          label: "Conditional settings",
-          identifier: "conditional-settings",
-          // This section will only be rendered if the above "Conditional" field is checked.
-          condition: {
-            identifier: "conditional",
-            value: true
-          },
-          // These are the options of the condition.
-          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 SelectField({
-              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
-              // the fields in the previous section(s) (or fields declared before with no section) that
-              // support conditions. We pass in both the label and the identifier of each supported field. The
-              // identifier becomes the value of the option.
-              options: options.map((option) => {
-                if (!option.label)
-                  return null;
-                if (option.type === "upload")
-                  return null;
-                return {
-                  label: option.label,
-                  value: option.identifier
-                };
-              }).filter((option) => !!option),
-              identifier: "condition.identifier",
-              required: true
-            }),
-            // 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 FieldInputClonerField({
-              label: "Value",
-              identifier: "condition.value",
-              required: true,
-              clonedFieldIdentifier: "condition.identifier",
-              getFieldToClone(identifier) {
-                if (!identifier) {
-                  return null;
-                }
-                const option = options.find((option2) => option2.identifier === identifier);
-                if (!option) {
-                  console.error("Could not find field with identifier", identifier);
-                  return null;
-                }
-                return {
-                  ...option,
-                  // Override some options to make it make sense in the context and to make it work with the framework.
-                  label: "Value",
-                  identifier: "condition.value",
-                  description: "The value to compare against.",
-                  required: option.type !== "boolean"
-                };
-              }
-            })
-          ]
-        })
-      ];
-    }
-    static deserialize(data) {
-      var _a;
-      if (data.type !== "section")
-        throw new Error("Invalid type");
-      const fields = ((_a = data.fields) == null ? void 0 : _a.map(deserializeField)) ?? [];
-      return new _FieldSection({ ...data, fields });
-    }
-    conditional() {
-      return this.condition !== null;
-    }
-    serialize() {
-      return {
-        ...super._serialize(),
-        label: this.label,
-        condition: this.condition,
-        conditional: this.conditional(),
-        fields: this.fields.map((field) => field.serialize())
-      };
-    }
-    getErrors(allValues) {
-      const errors = {};
-      for (const field of this.fields) {
-        const id = field.getId();
-        const error = field.getError(get(allValues, id), allValues);
-        if (error) {
-          set(errors, field.getId(), error);
-        }
-      }
-      return errors;
-    }
-    getInput(props) {
-      return /* @__PURE__ */ jsxRuntime.jsx(FieldSectionLayout, { field: this, ...props });
-    }
-  };
-  __publicField(_FieldSection, "fieldTypeName", "Section");
-  __publicField(_FieldSection, "fieldTypeDescription", "Sections can be useful for grouping fields together. They can also be conditionally shown or hidden.");
-  let FieldSection = _FieldSection;
-  const previewImage = "_previewImage_1ig84_1";
-  const styles$2 = {
-    previewImage
-  };
-  const convertBytesToLargestUnit = (bytes) => {
-    const units = ["byte", "kilobyte", "megabyte"];
-    let sizeInUnit = bytes;
-    let unitIndex = 0;
-    while (sizeInUnit > 1e3 && unitIndex < units.length - 1) {
-      sizeInUnit /= 1e3;
-      unitIndex++;
-    }
-    const formatter = new Intl.NumberFormat([], {
-      maximumFractionDigits: Math.max(0, unitIndex - 1),
-      // 0 for bytes and kilobytes, 1 for megabytes
-      style: "unit",
-      unit: units[unitIndex]
-    });
-    return formatter.format(sizeInUnit);
-  };
-  const NumberInput = React.memo(function NumberInput2(props) {
-    var _a;
-    const [{ inputId, labelId, severity, helpText, label, fieldProps, field }, rest] = useFormikInput(props);
-    const { onChange } = fieldProps;
-    const color = blocks.useSeverityColor(severity);
-    const input = React.useRef(null);
-    const { value } = fieldProps;
-    const updatedHelpText = React.useMemo(() => {
-      if (helpText)
-        return helpText;
-      if (field.maxFileSize) {
-        return `Maximum file size: ${field.maxFileSize}MB`;
-      }
-      return null;
-    }, [field.maxFileSize, helpText]);
-    const handleClick = React.useCallback(() => {
-      var _a2;
-      (_a2 = input.current) == null ? void 0 : _a2.click();
-    }, []);
-    const handleRemove = React.useCallback(
-      (index) => {
-        const files = [...value];
-        files.splice(index, 1);
-        const event = { target: { files } };
-        onChange(event);
-      },
-      [value, onChange]
-    );
-    const multipleButtonText = value ? "Select new files" : "Select files";
-    const singleButtonText = value ? "Select new file" : "Select a file";
-    const buttonText = field.maxFiles > 1 ? multipleButtonText : singleButtonText;
-    return /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { direction: "column", gap: "2", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(InputWithLabelAndHelpText, { helpText: updatedHelpText, severity, children: /* @__PURE__ */ jsxRuntime.jsxs(InputWithLabel, { severity, inputId, labelId, label, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(blocks.Flex, { direction: "row", gap: "2", children: /* @__PURE__ */ jsxRuntime.jsx(themes.Box, { width: "max-content", asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(blocks.Button, { ...rest, onClick: handleClick, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(reactIcons.UploadIcon, {}),
-          " ",
-          buttonText
-        ] }) }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "input",
-          {
-            ...rest,
-            type: "file",
-            ref: input,
-            id: inputId,
-            accept: (_a = field.extensions) == null ? void 0 : _a.join(","),
-            multiple: field.maxFiles > 1,
-            color,
-            style: { display: "none" },
-            ...fieldProps,
-            value: ""
-          }
-        )
-      ] }) }),
-      Array.isArray(value) && value.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(blocks.Flex, { direction: "column", gap: "2", children: value.map((file, index) => /* @__PURE__ */ jsxRuntime.jsx(
-        DisplayFile,
-        {
-          field,
-          file,
-          onRemove: () => handleRemove(index),
-          disabled: rest.disabled
-        },
-        index
-      )) })
-    ] });
-  });
-  const DisplayFile = React.memo(function DisplayFile2({ file, field, onRemove, disabled }) {
-    const [resolvedFile, setResolvedFile] = React.useState(null);
-    const error = React.useMemo(() => resolvedFile && field.getError([resolvedFile]), [field, resolvedFile]);
-    const { url, name, size } = React.useMemo(() => {
-      let url2 = null;
-      let name2;
-      let size2;
-      if (resolvedFile == null ? void 0 : resolvedFile.type.startsWith("image/")) {
-        url2 = URL.createObjectURL(resolvedFile);
-      }
-      if (resolvedFile) {
-        name2 = resolvedFile.name;
-        size2 = convertBytesToLargestUnit(resolvedFile.size);
-      } else {
-        name2 = "Downloading...";
-        size2 = "...";
-      }
-      return { url: url2, name: name2, size: size2 };
-    }, [resolvedFile]);
-    React.useEffect(() => {
-      if (file instanceof Promise) {
-        file.then(setResolvedFile).catch(console.error);
-      } else {
-        setResolvedFile(file);
-      }
-    }, [file]);
-    return /* @__PURE__ */ jsxRuntime.jsx(themes.Card, { children: /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { direction: { initial: "column", sm: "row" }, gap: "3", justify: "between", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { direction: "row", gap: "3", align: "center", grow: "1", shrink: "0", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          blocks.IconButton,
-          {
-            severity: "info",
-            variant: "outline",
-            "aria-label": `Remove ${name}`,
-            disabled,
-            onClick: onRemove,
-            children: /* @__PURE__ */ jsxRuntime.jsx(reactIcons.Cross1Icon, {})
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { direction: "column", gap: "1", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { children: name }),
-          /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { size: "1", children: size }),
-          error && /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { size: "1", severity: "danger", children: error })
-        ] })
-      ] }),
-      url && /* @__PURE__ */ jsxRuntime.jsx("img", { className: styles$2.previewImage, src: url, alt: name })
-    ] }) });
-  });
-  const largestSupportedSize = 50;
-  const _UploadField = class _UploadField extends BaseField {
-    constructor(options) {
-      const { extensions, maximum_files, maximum_size, ...base } = options;
-      super({ ...base, type: "upload" });
-      __publicField(this, "extensions");
-      __publicField(this, "maxFileSize");
-      __publicField(this, "maxFiles");
-      __publicField(this, "onlyValidateAfterTouched", false);
-      this.maxFileSize = typeof maximum_size === "number" ? maximum_size : void 0;
-      this.maxFiles = Math.max(typeof maximum_files === "number" ? maximum_files : 1, 1);
-      this.extensions = extensions;
-    }
-    getValueFromChangeEvent(event) {
-      return Array.from(event.target.files || []);
-    }
-    isBlank(value) {
-      return super.isBlank(value) || value.length === 0;
-    }
-    static getFieldCreationSchema() {
-      return [
-        new NumberField({
-          label: "How many files can be uploaded?",
-          description: "By default, only one file can be uploaded.",
-          required: false,
-          minimum: 1,
-          maximum: 10,
-          identifier: "maximum_files",
-          integers: true
-        }),
-        new NumberField({
-          // TODO: Default value
-          label: "What is the maximum size of each file?",
-          description: `Maximum file size in megabytes (between 1MB–${largestSupportedSize}MB).`,
-          required: false,
-          identifier: "maximum_size",
-          minimum: 1,
-          maximum: largestSupportedSize,
-          integers: true
-        }),
-        new MultiSelectField({
-          label: "Accepted file types",
-          description: "Types of allowed files to upload. If left blank, all files will be accepted.",
-          required: false,
-          identifier: "extensions",
-          options: [
-            {
-              value: "image/*",
-              label: "Images"
-            },
-            {
-              value: "audio/*",
-              label: "Audio files"
-            },
-            {
-              value: "video/*",
-              label: "Videos"
-            },
-            {
-              value: "text/*",
-              label: "Text files"
-            },
-            {
-              value: "application/*",
-              label: "Application files (includes PDFs and Word documents)"
-            }
-          ]
-        })
-      ];
-    }
-    getFieldValidators() {
-      const validators = super.getFieldValidators();
-      const maxFileSizeInMB = this.maxFileSize ?? largestSupportedSize;
-      const maxFileSizeInB = maxFileSizeInMB * 1e3 * 1e3;
-      const maxFiles = this.maxFiles ?? 1;
-      validators.push((value) => {
-        if (value && value.some((file) => file.size > maxFileSizeInB)) {
-          return `Files must be at most ${maxFileSizeInMB}MB.`;
-        }
-      });
-      validators.push((value) => {
-        if (value && value.length > maxFiles) {
-          return `You can only upload ${maxFiles} files.`;
-        }
-      });
-      return validators;
-    }
-    serialize() {
-      return {
-        ...super._serialize(),
-        extensions: this.extensions,
-        maximum_size: this.maxFileSize,
-        maximum_files: this.maxFiles
-      };
-    }
-    static deserialize(data) {
-      if (data.type !== "upload")
-        throw new Error("Type mismatch.");
-      return new _UploadField(data);
-    }
-    getInput(props) {
-      return /* @__PURE__ */ jsxRuntime.jsx(NumberInput, { field: this, ...props });
-    }
-  };
-  __publicField(_UploadField, "fieldTypeName", "Upload");
-  __publicField(_UploadField, "fieldTypeDescription", "Allows a file to be uploaded.");
-  __publicField(_UploadField, "Icon", reactIcons.UploadIcon);
-  let UploadField = _UploadField;
-  const FieldTypeToClsMapping = {
-    date: DateField,
-    number: NumberField,
-    boolean: BooleanField,
-    select: SelectField,
-    string: StringField,
-    text: TextField,
-    custom: CustomField,
-    upload: UploadField,
-    // TODO: Underscore
-    "multi-string": MultiStringField,
-    "multi-select": MultiSelectField
-  };
-  const deserializeField = (serializedField) => {
-    const fieldType = serializedField.type;
-    const fieldCls = FieldTypeToClsMapping[fieldType];
-    return fieldCls.deserialize(serializedField);
-  };
-  const deserialize = (serialized) => {
-    if (serialized.type === "section") {
-      return FieldSection.deserialize(serialized);
-    }
-    return deserializeField(serialized);
-  };
-  function formRevisionToSchema(formRevision, meta = {}) {
-    const { readonly = false } = meta;
-    return {
-      title: formRevision.title,
-      description: formRevision.description,
-      fields: formRevision.fields.map((serializedField) => deserialize(serializedField)),
-      meta: { readonly }
-    };
-  }
-  function valueIsFile(v) {
-    if (Array.isArray(v) && v.some((v2) => v2 instanceof File || v2 instanceof Promise))
-      return true;
-    return false;
-  }
-  function isConditionMet(condition, value) {
-    if (!condition)
-      return true;
-    if (valueIsFile(value) || valueIsFile(condition.value))
-      throw new Error("Conditions do not support file uploads");
-    const valueAsPrimitive = Array.isArray(value) ? value.map((v) => typeof v === "string" ? v : v.value) : value;
-    const valueToCompare = Array.isArray(condition.value) ? condition.value.map((v) => typeof v === "string" ? v : v.value) : condition.value;
-    if (Array.isArray(valueToCompare) && Array.isArray(valueAsPrimitive)) {
-      for (const v of valueToCompare) {
-        if (!valueAsPrimitive.includes(v))
-          return false;
-      }
-      return true;
-    }
-    return valueToCompare === value;
-  }
-  const useFieldInput = (field, props) => {
-    return React.useMemo(() => {
-      if (!props || !field)
-        return null;
-      return field.getInput(props);
-    }, [field, props]);
-  };
-  const useFieldInputs = (fields, props) => {
-    const inputs = React.useMemo(() => {
-      return fields.map((field) => {
-        return /* @__PURE__ */ jsxRuntime.jsx("div", { children: field.getInput(props) }, field.getId());
-      });
-    }, [fields, props]);
-    return /* @__PURE__ */ jsxRuntime.jsx(blocks.Flex, { direction: "column", gap: "2", children: inputs });
-  };
-  const hasKeys = (errors) => {
-    return Object.keys(errors).length > 0;
-  };
-  const validateForm = async (schema, form) => {
-    const errors = {};
-    for (const field of schema.fields) {
-      if (field instanceof FieldSection) {
-        if (field.condition) {
-          const { identifier } = field.condition;
-          if (!isConditionMet(field.condition, get(form, identifier))) {
-            continue;
-          }
-        }
-        Object.assign(errors, field.getErrors(form));
-      } else {
-        if (!(field instanceof BaseField)) {
-          throw new Error("Invalid field type");
-        }
-        const id = field.getId();
-        const error = field.getError(get(form, id), form);
-        if (error)
-          set(errors, id, error);
-      }
-    }
-    if (hasKeys(errors))
-      return errors;
-  };
-  const uncontrolledValues = [null, void 0];
-  const initialFormValues = (fields, values) => {
-    return fields.reduce(
-      (acc, field) => {
-        if (field instanceof FieldSection) {
-          return { ...acc, ...initialFormValues(field.fields, values) };
-        }
-        if (uncontrolledValues.includes(get(acc, field.getId()))) {
-          set(acc, field.getId(), "");
-        }
-        return acc;
-      },
-      // TODO: Had to do this because of this error:
-      //  > Uncaught TypeError: can't define property "description":
-      //  > Object is not extensible"
-      //  This means that we can't mutate `acc` because it's frozen for some
-      //  unknown reason.
-      cloneDeep(values)
-    );
-  };
-  const defaultHandleSubmit = () => {
-    throw new Error("onSubmit must be provided if form is not readonly.");
-  };
-  const FormRenderer = React.memo(
-    React.forwardRef((props, ref) => {
-      const {
-        schema,
-        values = {},
-        onSubmit = defaultHandleSubmit,
-        submitText = "Submit",
-        cancelText,
-        onCancel,
-        onDirty,
-        onDirtyChange,
-        // if the title isn't provided, hide it by default
-        hideTitle = !schema.title,
-        hideDescription,
-        className
-      } = props;
-      const { readonly } = schema.meta;
-      const formId2 = React.useMemo(() => crypto.randomUUID(), []);
-      const formik$1 = formik.useFormik({
-        initialValues: initialFormValues(schema.fields, values),
-        onSubmit,
-        validate: (form) => validateForm(schema, form),
-        // only validate the entire form on submit
-        validateOnBlur: false,
-        validateOnChange: false
-      });
-      const { dirty } = formik$1;
-      const Title = React.useMemo(
-        () => typeof schema.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx(themes.Heading, { children: schema.title }) : schema.title,
-        [schema.title]
-      );
-      const Description = React.useMemo(
-        () => typeof schema.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { className: styles$4.description, children: schema.description }) : schema.description,
-        [schema.description]
-      );
-      const inputs = useFieldInputs(schema.fields, { formId: formId2, disabled: readonly });
-      React.useEffect(() => {
-        if (dirty && onDirty)
-          onDirty();
-        if (onDirtyChange)
-          onDirtyChange(dirty);
-      }, [dirty, onDirty, onDirtyChange]);
-      return /* @__PURE__ */ jsxRuntime.jsx(formik.FormikProvider, { value: formik$1, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.Flex, { ref, direction: "column", gap: "2", className, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs("form", { id: formId2, onSubmit: formik$1.handleSubmit, children: [
-        !hideTitle && /* @__PURE__ */ jsxRuntime.jsx(themes.Card, { children: /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { direction: "column", gap: "1", children: [
-          Title,
-          !hideDescription && Description
-        ] }) }),
-        inputs,
-        !readonly && /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { justify: "end", gap: "2", children: [
-          cancelText && /* @__PURE__ */ jsxRuntime.jsx(blocks.Button, { type: "button", variant: "soft", onClick: onCancel, children: cancelText }),
-          /* @__PURE__ */ jsxRuntime.jsx(blocks.Button, { type: "submit", disabled: !formik$1.isValid, children: submitText })
-        ] })
-      ] }) }) });
-    })
-  );
-  const FormSubmissionViewer = React.memo(
-    React.forwardRef((props, ref) => {
-      const { submission, showFormDescription = false, showFormTitle = true } = props;
-      const revision = core.useAppSelector(core.selectFormRevision(submission.form_revision));
-      const { sdk } = core.useSDK();
-      if (!revision) {
-        throw new Error(
-          `Could not find revision ${submission.form_revision} for submission ${submission.offline_id}.`
-        );
-      }
-      const schema = React.useMemo(() => {
-        return formRevisionToSchema(revision, { readonly: true });
-      }, [revision]);
-      const submissionValuesWithAttachments = React.useMemo(() => {
-        const attachments = core.selectSubmissionAttachments(submission.offline_id)(sdk.store.getState()) ?? [];
-        const downloadedAttachments = {};
-        for (const attachment of attachments) {
-          const promise = sdk.files.fetchFileFromUrl(attachment.file, attachment.file_sha1, attachment.file_name);
-          const fieldAttachments = downloadedAttachments[attachment.field_identifier];
-          if (fieldAttachments) {
-            fieldAttachments.push(promise);
-          } else {
-            downloadedAttachments[attachment.field_identifier] = [promise];
-          }
-        }
-        return { ...submission.values, ...downloadedAttachments };
-      }, [sdk.files, sdk.store, submission.offline_id, submission.values]);
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        FormRenderer,
-        {
-          ref,
-          schema,
-          values: submissionValuesWithAttachments,
-          hideDescription: !showFormDescription,
-          hideTitle: !showFormTitle
-        }
-      );
-    })
-  );
-  const favoriteIcon = "_favoriteIcon_1bixi_1";
-  const regularIcon = "_regularIcon_1bixi_9";
-  const styles$1 = {
-    favoriteIcon,
-    regularIcon
-  };
-  const orgOptionPrefix = "organization:";
-  const userOptionPrefix = "user:";
-  const FormBrowser = React.memo(
-    React.forwardRef((props, ref) => {
-      const { maxResults = 20, ...entryProps } = props;
-      const [filter, setFilter] = React.useState("");
-      const [ownerFilter, setOwnerFilter] = React.useState("");
-      const { sdk } = core.useSDK();
-      const ownerFilterOptions = React.useMemo(() => {
-        const ret = { maxResults, searchTerm: filter };
-        if (ownerFilter) {
-          if (ownerFilter.startsWith(orgOptionPrefix)) {
-            ret.owner_organization = parseInt(ownerFilter.slice(orgOptionPrefix.length));
-          } else if (ownerFilter.startsWith(userOptionPrefix)) {
-            ret.owner_user = parseInt(ownerFilter.slice(userOptionPrefix.length));
-          }
-        }
-        return ret;
-      }, [filter, maxResults, ownerFilter]);
-      const userForms = core.useAppSelector(core.selectFilteredUserForms(ownerFilterOptions)) ?? [];
-      const userFormMapping = core.useAppSelector(core.selectUserFormMapping);
-      const handleToggleFavorite = React.useCallback(
-        (form) => {
-          if (form.favorite) {
-            sdk.userForms.unfavorite(form.offline_id).then();
-          } else {
-            sdk.userForms.favorite(form.offline_id).then();
-          }
-        },
-        [sdk]
-      );
-      const options = React.useMemo(() => {
-        const state = sdk.store.getState();
-        const accumulator = {};
-        for (const form of Object.values(userFormMapping)) {
-          const organization = core.selectOrganization(form.owner_organization || -1)(state);
-          if (organization) {
-            accumulator[`${orgOptionPrefix}${organization.id}`] = organization.name;
-          }
-          const user = core.selectUser(form.owner_user || -1)(state);
-          if (user) {
-            accumulator[`${userOptionPrefix}${user.id}`] = user.username;
-          }
-        }
-        return Object.entries(accumulator).map(([value, label]) => ({ itemContent: label, value }));
-      }, [userFormMapping, sdk.store]);
-      const handleChange = React.useCallback((e) => {
-        setFilter(e.currentTarget.value);
-      }, []);
-      const numberOfForms = core.useAppSelector(core.selectNumberOfUserForms) || 0;
-      const numberOfHiddenForms = numberOfForms - userForms.length;
-      const overflowMessage = userForms.length == maxResults && numberOfHiddenForms > 0 ? `Only the first ${maxResults} results are shown (${numberOfHiddenForms} hidden)` : numberOfHiddenForms > 0 && `${numberOfHiddenForms} hidden forms`;
-      return /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { ref, direction: "column", gap: "2", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { gap: "2", grow: "1", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(themes.Box, { grow: "1", asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(themes.TextField.Root, { size: "3", children: /* @__PURE__ */ jsxRuntime.jsx(themes.TextField.Input, { placeholder: "Filter", value: filter, onChange: handleChange }) }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            blocks.Select,
-            {
-              items: options,
-              value: ownerFilter,
-              onValueChange: setOwnerFilter,
-              placeholder: "Owner",
-              size: "large"
-            }
-          )
-        ] }),
-        userForms.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(blocks.ButtonList.Root, { children: userForms.map((form) => /* @__PURE__ */ jsxRuntime.jsx(
-          FormBrowserEntry,
-          {
-            ...entryProps,
-            form,
-            handleToggleFavorite: () => handleToggleFavorite(form)
-          },
-          form.offline_id
-        )) }),
-        /* @__PURE__ */ jsxRuntime.jsx(themes.Box, { px: "3", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { size: "2", severity: "info", children: overflowMessage }) })
-      ] });
-    })
-  );
-  const FormBrowserEntry = (props) => {
-    var _a;
-    const { form, onSelectForm, isFavoriteEditable, handleToggleFavorite } = props;
-    const ownerOrganization = (_a = core.useAppSelector(core.selectOrganization(form.owner_organization || -1))) == null ? void 0 : _a.name;
-    const ownerUser = core.useAppSelector(core.selectUser(form.owner_user || -1));
-    const currentUserId = core.useAppSelector(core.selectCurrentUser).id;
-    const ownedByCurrentUser = !!ownerUser && ownerUser.id === currentUserId;
-    const owner = ownerOrganization ?? (ownedByCurrentUser ? "You" : ownerUser == null ? void 0 : ownerUser.username) ?? "Unknown";
-    const handleFavoriteClick = React.useCallback(
-      (e) => {
-        e.stopPropagation();
-        handleToggleFavorite();
-      },
-      [handleToggleFavorite]
-    );
-    const ret = /* @__PURE__ */ jsxRuntime.jsx(blocks.ButtonList.Item, { onClick: () => onSelectForm(form), asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { justify: "between", gap: "2", py: "2", px: "3", ...blocks.divButtonProps, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { grow: "1", align: "center", gap: "2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          blocks.IconButton,
-          {
-            className: core.classNames(form.favorite ? styles$1.favoriteIcon : styles$1.regularIcon),
-            variant: "ghost",
-            onClick: handleFavoriteClick,
-            "aria-label": form.favorite ? "Favorite form" : "Standard form",
-            disabled: !isFavoriteEditable,
-            children: form.favorite ? /* @__PURE__ */ jsxRuntime.jsx(reactIcons.StarFilledIcon, {}) : /* @__PURE__ */ jsxRuntime.jsx(reactIcons.StarIcon, {})
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { noWrap: true, children: form.latestRevision.title }),
-        form.latestRevision.description && /* @__PURE__ */ jsxRuntime.jsx(reactIcons.QuestionMarkCircledIcon, {})
-      ] }),
-      owner && /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { align: "center", gap: "2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(reactIcons.PersonIcon, {}),
-        " ",
-        owner
-      ] })
-    ] }) });
-    if (form.latestRevision.description) {
-      return /* @__PURE__ */ jsxRuntime.jsx(blocks.Tooltip, { content: form.latestRevision.description, children: ret }, form.offline_id);
-    }
-    return ret;
-  };
-  const submissionsContainer = "_submissionsContainer_9iirt_1";
-  const stopHorizontalOverflow = "_stopHorizontalOverflow_9iirt_6";
-  const styles = {
-    submissionsContainer,
-    stopHorizontalOverflow
-  };
-  const FormSubmissionBrowserEntry = React.memo(function FormSubmissionBrowserEntry2(props) {
-    var _a;
-    const { submission, onSubmissionClick, compact, labelType, rowDecorator } = props;
-    const currentUser = core.useAppSelector(core.selectCurrentUser);
-    const createdBy = core.useAppSelector(core.selectUser("created_by" in submission ? submission.created_by : currentUser.id));
-    const dateToUse = getCreatedAtOrSubmittedAtDate(submission);
-    const formattedDateTime = core.isToday(dateToUse) ? dateToUse.toLocaleTimeString([], {
-      hour: "2-digit",
-      minute: "2-digit"
-    }) : core.getLocalDateString(dateToUse);
-    const revision = core.useAppSelector(core.selectFormRevision(submission.form_revision));
-    if (!revision) {
-      throw new Error(`Could not find revision ${submission.form_revision} for submission ${submission.offline_id}.`);
-    }
-    const latestRevisionNumber = (_a = core.useAppSelector(core.selectLatestFormRevision(revision.form))) == null ? void 0 : _a.revision;
-    const creatorProfileSrc = core.useFileSrc({
-      file: (createdBy == null ? void 0 : createdBy.profile.file) ?? null,
-      fileSha1: (createdBy == null ? void 0 : createdBy.profile.file_sha1) ?? null
-    });
-    const creatorProfileFallback = (createdBy == null ? void 0 : createdBy.username.charAt(0).toUpperCase()) ?? "?";
-    const isLatestRevision = revision.revision === latestRevisionNumber;
-    const handleClick = React.useCallback(() => {
-      if (onSubmissionClick) {
-        onSubmissionClick({ submission });
-      }
-    }, [submission, onSubmissionClick]);
-    const row = /* @__PURE__ */ jsxRuntime.jsx(blocks.ButtonList.Item, { onClick: handleClick, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { grow: "1", width: "100%", p: "2", gap: "2", justify: "between", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { gap: "2", align: "center", className: styles.stopHorizontalOverflow, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(themes.Avatar, { src: creatorProfileSrc, size: "1", fallback: creatorProfileFallback }),
-        /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { size: "2", noWrap: true, children: labelType === "creator" ? (createdBy || currentUser).username : revision.title })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { gap: "2", align: "center", children: [
-        !compact && (revision.revision ? /* @__PURE__ */ jsxRuntime.jsx(blocks.Badge, { variant: "soft", severity: isLatestRevision ? "primary" : "info", children: compact ? revision.revision.toString() : `Revision #${revision.revision}` }) : !!latestRevisionNumber && /* @__PURE__ */ jsxRuntime.jsx(blocks.Badge, { children: "Original" })),
-        /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { size: "2", noWrap: true, children: formattedDateTime })
-      ] })
-    ] }) });
-    if (rowDecorator) {
-      return rowDecorator(submission, row);
-    }
-    return row;
-  });
-  const getCreatedAtOrSubmittedAtDate = (submission) => {
-    const date = "created_at" in submission ? submission.created_at : submission.submitted_at;
-    return new Date(date);
-  };
-  const FormSubmissionBrowser = React.memo(function FormSubmissionBrowser2(props) {
-    const {
-      formId: formId2,
-      submissions: propSubmissions,
-      compact = false,
-      className,
-      after,
-      variant = "outline",
-      ...submissionEntryProps
-    } = props;
-    if (!!formId2 === !!propSubmissions) {
-      throw new Error("Either formId or submissions must be provided, but not both.");
-    }
-    const submissions = core.useAppSelector(
-      propSubmissions ? () => propSubmissions : core.selectSubmissionsForForm(formId2)
-    );
-    const sortedSubmissions = React.useMemo(
-      () => submissions == null ? void 0 : submissions.sort((a, b) => {
-        return getCreatedAtOrSubmittedAtDate(b).getTime() - getCreatedAtOrSubmittedAtDate(a).getTime();
-      }),
-      [submissions]
-    );
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      blocks.ButtonList.Root,
-      {
-        className: core.classNames(styles.submissionsContainer, className),
-        size: "small",
-        variant,
-        before: !compact && /* @__PURE__ */ jsxRuntime.jsxs(blocks.Text, { severity: "info", children: [
-          "There are ",
-          ((submissions == null ? void 0 : submissions.length) || 0).toString(),
-          " submissions of this form."
-        ] }),
-        after,
-        children: sortedSubmissions == null ? void 0 : sortedSubmissions.map((submission, index) => {
-          return /* @__PURE__ */ jsxRuntime.jsx(
-            FormSubmissionBrowserEntry,
-            {
-              submission,
-              compact,
-              ...submissionEntryProps
-            },
-            index
-          );
-        })
-      }
-    );
-  });
-  const PatchField = React.memo(function PatchField2(props) {
-    const { name, render } = props;
-    const { submitForm } = formik.useFormikContext();
-    const [fieldProps, _meta, helpers] = formik.useField(name);
-    return React.useMemo(() => {
-      const setValue = (value) => helpers.setValue(value, false);
-      return render({
-        value: fieldProps.value,
-        setValue,
-        patchValue: submitForm
-      });
-    }, [submitForm, helpers, fieldProps.value, render]);
-  });
-  const PatchFormProvider = React.memo(
-    React.forwardRef((props, ref) => {
-      const { children, schema, values, onPatch, onError, ...rest } = props;
-      const initialValues2 = React.useMemo(() => initialFormValues(schema.fields, values), [schema.fields, values]);
-      const handlePatch = React.useCallback(
-        (values2) => {
-          const diff = {};
-          for (const key in values2) {
-            const value = values2[key];
-            if (value !== initialValues2[key] && value !== void 0) {
-              diff[key] = value;
-            }
-          }
-          if (!hasKeys(diff))
-            return;
-          onPatch(diff);
-        },
-        [initialValues2, onPatch]
-      );
-      const validate = React.useCallback(
-        async (form) => {
-          const error = await validateForm(schema, form);
-          if (error) {
-            onError(error);
-          }
-          return error;
-        },
-        [schema, onError]
-      );
-      const formik$1 = formik.useFormik({
-        initialValues: initialValues2,
-        onSubmit: handlePatch,
-        validate,
-        // only validate the entire form on submit
-        validateOnBlur: false,
-        validateOnChange: false
-      });
-      const { errors, resetForm } = formik$1;
-      React.useEffect(() => {
-        if (hasKeys(errors)) {
-          resetForm({ values: initialValues2, errors: {} });
-        }
-      }, [errors, initialValues2, resetForm]);
-      return /* @__PURE__ */ jsxRuntime.jsx(formik.FormikProvider, { value: formik$1, children: /* @__PURE__ */ jsxRuntime.jsx("form", { ...rest, ref, onSubmit: formik$1.handleSubmit, children }) });
-    })
-  );
-  const CompleteFieldTypeToClsMapping = {
-    ...FieldTypeToClsMapping,
-    section: FieldSection
-  };
-  const FieldToChoose = React.memo(function FieldToChoose2(props) {
-    const { field, setFieldType } = props;
-    const typeName = field.fieldTypeName;
-    const description2 = field.fieldTypeDescription;
-    const Icon = field.Icon;
-    return /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { gap: "4", align: "center", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(blocks.Button, { type: "button", variant: "surface", onClick: setFieldType, style: { width: "135px" }, children: /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { gap: "3", align: "center", grow: "1", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Icon, {}),
-        typeName
-      ] }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { children: description2 })
-    ] });
-  });
-  const fieldsToChoose = [
-    ["string", "text"],
-    ["select", "multi-select", "upload"],
-    ["boolean", "date", "number", "multi-string"]
-  ];
-  const indexOfLastFieldGroup = fieldsToChoose.length - 1;
-  const ChooseFieldToAdd = React.memo(function ChooseFieldToAdd2(props) {
-    const { setFieldType } = props;
-    return /* @__PURE__ */ jsxRuntime.jsx(blocks.Flex, { direction: "column", gap: "3", children: fieldsToChoose.map((fieldGroup, index) => /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { direction: "column", gap: "3", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(blocks.Flex, { direction: "column", gap: "2", children: fieldGroup.map((identifier) => /* @__PURE__ */ jsxRuntime.jsx(
-        FieldToChoose,
-        {
-          field: FieldTypeToClsMapping[identifier],
-          setFieldType: () => setFieldType(identifier)
-        },
-        identifier
-      )) }),
-      index < indexOfLastFieldGroup && /* @__PURE__ */ jsxRuntime.jsx(blocks.Separator, { size: "4" })
-    ] }, index)) });
-  });
-  const validateNewFieldName = (takenLabels) => {
-    return (value) => {
-      if (!value || typeof value !== "string")
-        return;
-      if (takenLabels.includes(value.trim())) {
-        return "This name is already taken.";
-      }
-    };
-  };
-  const commonFields = (takenLabels, type) => {
-    const base = [
-      new StringField({
-        label: "Label",
-        required: true,
-        maxLength: 200,
-        identifier: "label",
-        fieldValidators: [validateNewFieldName(takenLabels)]
-      }),
-      new TextField({
-        label: "Description",
-        required: false,
-        maxLength: 1e3,
-        identifier: "description"
-      })
-    ];
-    if (type === "section")
-      return base;
-    return [
-      ...base,
-      new BooleanField({ label: "Required", description: null, required: false, identifier: "required" })
-    ];
-  };
-  const FieldOptionsForm = React.memo(function FieldOptionsForm2(props) {
-    const { fieldType, handleCancel, handleCreateField, handleDirtyChange, defaultField, conditionalSourceFields } = props;
-    const fieldCls = CompleteFieldTypeToClsMapping[fieldType];
-    const formik$1 = formik.useFormikContext();
-    const schema = React.useMemo(() => {
-      const takenFieldLabels = getTakenFieldLabels(formik$1.values.fields).filter((id) => id !== (defaultField == null ? void 0 : defaultField.label));
-      let fields = commonFields(takenFieldLabels, fieldType);
-      if (fieldCls === FieldSection) {
-        if (conditionalSourceFields === void 0) {
-          throw new Error("Conditional source fields must be provided when changing sections.");
-        }
-        fields = fields.concat(fieldCls.getFieldCreationSchema(conditionalSourceFields));
-      } else {
-        if (!(fieldCls.prototype instanceof BaseField)) {
-          throw new Error(`Field must be an instance of BaseField. Got ${fieldCls}.`);
-        }
-        fields = [...fields, ...fieldCls.getFieldCreationSchema()];
-      }
-      return {
-        fields,
-        meta: { readonly: false },
-        // using the dialog title as the form title
-        title: null
-      };
-    }, [formik$1.values.fields, fieldType, fieldCls, defaultField == null ? void 0 : defaultField.label, conditionalSourceFields]);
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      FormRenderer,
-      {
-        schema,
-        values: defaultField,
-        onSubmit: handleCreateField,
-        cancelText: defaultField ? void 0 : "Back",
-        onCancel: handleCancel,
-        onDirtyChange: handleDirtyChange
-      }
-    );
-  });
-  const FieldBuilder = React.memo(function FieldBuilder2(props) {
-    const { parentPath, index, isOpen, setIsOpen, initial, editing, conditionalSourceFields } = props;
-    const [fieldType, setFieldType] = React.useState();
-    const [formIsDirty, setFormIsDirty] = React.useState(false);
-    const type = (initial == null ? void 0 : initial.type) ?? fieldType;
-    const typeName = type ? CompleteFieldTypeToClsMapping[type].fieldTypeName : void 0;
-    const { setFieldValue, values } = formik.useFormikContext();
-    if (editing && !initial)
-      throw new Error("Initial field must be provided if editing is true.");
-    const openConfirmDiscardChangesDialog = blocks.useDiscardAlertDialog();
-    const showChooseField = !type && !editing && !initial;
-    const title2 = showChooseField ? "Choose a field type" : `${typeName} settings`;
-    const description2 = showChooseField ? "Select a field type to add to this section." : (typeName == null ? void 0 : typeName.toLowerCase()) === "section" ? "Customize your section" : `Customize your ${typeName == null ? void 0 : typeName.toLowerCase()} field.`;
-    const handleCancel = React.useCallback(() => {
-      setFieldType(void 0);
-      setFormIsDirty(false);
-    }, []);
-    const handleCloseDialog = React.useCallback(() => {
-      if (!formIsDirty) {
-        setFieldType(void 0);
-        setIsOpen(false);
-      } else {
-        openConfirmDiscardChangesDialog({
-          onDiscard: () => {
-            setFieldType(void 0);
-            setIsOpen(false);
-          }
-        });
-      }
-    }, [formIsDirty, openConfirmDiscardChangesDialog, setIsOpen]);
-    const handleCreateField = React.useCallback(
-      (form) => {
-        const { label } = form;
-        if (!type)
-          throw new Error("Field type must be selected before creating a field.");
-        if (!label || typeof label !== "string")
-          throw new Error("Label must be provided before creating a field.");
-        const field = deserialize({
-          type,
-          ...form,
-          identifier: makeIdentifier(form.identifier, label)
-        }).serialize();
-        const parent = get(values, parentPath);
-        if (parent === void 0) {
-          throw new Error("Parent path must point to an existing field.");
-        }
-        let newFields;
-        if (!Array.isArray(parent))
-          throw new Error("Parent path must point to an array.");
-        if (editing) {
-          newFields = replace(parent, index, field);
-        } else {
-          newFields = insert(parent, index, field);
-        }
-        setFieldValue(parentPath, newFields).then();
-        setIsOpen(false);
-      },
-      [type, values, parentPath, editing, setFieldValue, setIsOpen, index]
-    );
-    const handleDirtyChange = React.useCallback((dirty) => setFormIsDirty(dirty), []);
-    const dialogContent = React.useCallback(() => {
-      if (showChooseField) {
-        return /* @__PURE__ */ jsxRuntime.jsx(ChooseFieldToAdd, { setFieldType });
-      }
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        FieldOptionsForm,
-        {
-          conditionalSourceFields,
-          handleCancel,
-          handleCreateField,
-          fieldType: type,
-          defaultField: initial,
-          handleDirtyChange
-        }
-      );
-    }, [conditionalSourceFields, handleCancel, handleCreateField, handleDirtyChange, initial, showChooseField, type]);
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      blocks.Dialog,
-      {
-        title: title2,
-        description: description2,
-        content: dialogContent,
-        open: isOpen,
-        onOpenChange: handleCloseDialog
-      }
-    );
-  });
-  const forMobile = (mobile, display) => ({
-    initial: mobile ? display : "none",
-    sm: mobile ? "none" : display
-  });
-  const FieldActions = React.memo(function FieldActions2(props) {
-    const { remove: remove2, dragHandleProps, editProps, insertAfterProps, duplicateProps } = props;
-    const [isEditDialogOpen, setIsEditDialogOpen] = React.useState(false);
-    const [isDuplicateDialogOpen, setIsDuplicateDialogOpen] = React.useState(false);
-    const [isAddDialogOpen, setIsAddDialogOpen] = React.useState(false);
-    const actions = React.useMemo(
-      () => [
-        {
-          SelectedContent: FieldBuilder,
-          selectedContentProps: { ...editProps, isOpen: isEditDialogOpen, setIsOpen: setIsEditDialogOpen },
-          Icon: reactIcons.Pencil1Icon,
-          text: "Edit",
-          buttonProps: { onClick: () => setIsEditDialogOpen(true) }
-        },
-        {
-          Icon: reactIcons.TrashIcon,
-          buttonProps: {
-            onClick: remove2
-          },
-          text: "Delete"
-        },
-        {
-          SelectedContent: FieldBuilder,
-          selectedContentProps: {
-            ...duplicateProps,
-            isOpen: isDuplicateDialogOpen,
-            setIsOpen: setIsDuplicateDialogOpen
-          },
-          Icon: reactIcons.CopyIcon,
-          text: "Duplicate",
-          buttonProps: { onClick: () => setIsDuplicateDialogOpen(true) }
-        },
-        {
-          SelectedContent: FieldBuilder,
-          selectedContentProps: { ...insertAfterProps, isOpen: isAddDialogOpen, setIsOpen: setIsAddDialogOpen },
-          Icon: reactIcons.PlusIcon,
-          text: "Add after",
-          buttonProps: { onClick: () => setIsAddDialogOpen(true) }
-        },
-        {
-          // 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: (props2) => /* @__PURE__ */ jsxRuntime.jsx("div", { ...props2, children: /* @__PURE__ */ jsxRuntime.jsx(reactIcons.DragHandleDots2Icon, {}) }),
-          text: "Reorder",
-          disableOnMobile: true,
-          buttonProps: { ...dragHandleProps, asChild: true }
-        }
-      ],
-      [
-        dragHandleProps,
-        duplicateProps,
-        editProps,
-        insertAfterProps,
-        isAddDialogOpen,
-        isDuplicateDialogOpen,
-        isEditDialogOpen,
-        remove2
-      ]
-    );
-    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(blocks.Flex, { gap: "4", display: forMobile(false, "flex"), children: actions.map((Action) => {
-        return /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { type: "button", variant: "ghost", "aria-label": Action.text, ...Action.buttonProps, children: /* @__PURE__ */ jsxRuntime.jsx(Action.Icon, {}) }),
-          Action.SelectedContent && /* @__PURE__ */ jsxRuntime.jsx(Action.SelectedContent, { ...Action.selectedContentProps })
-        ] }, Action.text);
-      }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(themes.Box, { display: forMobile(true, "block"), children: /* @__PURE__ */ jsxRuntime.jsx(
-        blocks.DropdownItemMenu,
-        {
-          trigger: /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { variant: "ghost", "aria-label": "Actions menu", children: /* @__PURE__ */ jsxRuntime.jsx(reactIcons.DotsVerticalIcon, {}) }),
-          items: actions.map((Action) => {
-            var _a;
-            if (Action.disableOnMobile)
-              return null;
-            return {
-              ...Action.buttonProps,
-              onSelect: (_a = Action.buttonProps) == null ? void 0 : _a.onClick,
-              content: /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
-                /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { gap: "2", align: "center", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(Action.Icon, {}),
-                  Action.text
-                ] }),
-                Action.SelectedContent && /* @__PURE__ */ jsxRuntime.jsx(Action.SelectedContent, { ...Action.selectedContentProps })
-              ] }, Action.text)
-            };
-          }).filter((x) => x !== null)
-        }
-      ) })
-    ] });
-  });
-  const formId = "form-builder";
-  const FieldWithActions = React.memo(function FieldWithActions2(props) {
-    const { field, index, sectionIndex, takenLabels, remove: remove2 } = props;
-    const deserializedField = React.useMemo(() => deserialize(field), [field]);
-    const input = useFieldInput(deserializedField, { formId, disabled: true });
-    const duplicateField = React.useCallback(
-      (field2) => {
-        const fieldLabel = field2.label ?? "Untitled field";
-        return { ...field2, label: incrementFieldLabel(fieldLabel, takenLabels), identifier: "" };
-      },
-      [takenLabels]
-    );
-    const editFieldProps = React.useMemo(
-      () => ({
-        index,
-        parentPath: `fields.${sectionIndex}.fields`,
-        initial: field,
-        editing: true
-      }),
-      [field, index, sectionIndex]
-    );
-    const duplicateFieldProps = React.useMemo(
-      () => ({
-        parentPath: `fields.${sectionIndex}.fields`,
-        index: index + 1,
-        initial: duplicateField(field)
-      }),
-      [duplicateField, field, index, sectionIndex]
-    );
-    const insertAfterProps = React.useMemo(
-      () => ({
-        parentPath: `fields.${sectionIndex}.fields`,
-        index: index + 1,
-        initial: void 0
-      }),
-      [index, sectionIndex]
-    );
-    return /* @__PURE__ */ jsxRuntime.jsx(dnd.Draggable, { draggableId: field.identifier, index, children: (draggableProvided) => /* @__PURE__ */ jsxRuntime.jsx(
-      themes.Card,
-      {
-        ref: draggableProvided.innerRef,
-        ...draggableProvided.draggableProps,
-        ...draggableProvided.dragHandleProps,
-        mb: "4",
-        children: /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { gap: "4", justify: "between", align: "center", children: [
-          input,
-          /* @__PURE__ */ jsxRuntime.jsx(
-            FieldActions,
-            {
-              remove: remove2,
-              editProps: editFieldProps,
-              duplicateProps: duplicateFieldProps,
-              insertAfterProps,
-              dragHandleProps: draggableProvided.dragHandleProps
-            }
-          )
-        ] })
-      }
-    ) });
-  });
-  const FieldSectionWithActions = React.memo(function FieldSectionWithActions2(props) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i;
-    const { field, index: sectionIndex, dropState } = props;
-    const isDropDisabled = (_a = dropState[field.identifier]) == null ? void 0 : _a.disabled;
-    const [isAddFieldDialogOpen, setIsAddFieldDialogOpen] = React.useState(false);
-    const { setFieldValue, values } = formik.useFormikContext();
-    const alertDialog = blocks.useAlertDialog();
-    const takenFieldLabels = getTakenFieldLabels(values.fields);
-    const removeSectionConditions = React.useCallback(
-      (sectionsToUpdate, allSections) => {
-        for (const section of sectionsToUpdate) {
-          const sectionIndex2 = allSections.indexOf(section);
-          setFieldValue(`fields.${sectionIndex2}.condition`, null).then();
-          setFieldValue(`fields.${sectionIndex2}.conditional`, false).then();
-        }
-      },
-      [setFieldValue]
-    );
-    const makeRemoveFieldAction = React.useCallback(
-      (fieldIndex) => {
-        var _a2;
-        const removing = field.fields[fieldIndex];
-        if (!removing)
-          throw new Error("Could not find field to remove.");
-        const sectionsWithMatchingCondition = [];
-        for (const section of values.fields) {
-          if (((_a2 = section.condition) == null ? void 0 : _a2.identifier) === removing.identifier) {
-            sectionsWithMatchingCondition.push(section);
-          }
-        }
-        return {
-          removing,
-          affectedSections: sectionsWithMatchingCondition,
-          action: () => setFieldValue(`fields.${sectionIndex}.fields`, remove(field.fields, fieldIndex))
-        };
-      },
-      [field.fields, values.fields, setFieldValue, sectionIndex]
-    );
-    const removeField = React.useCallback(
-      (i) => {
-        const { affectedSections, action, removing } = makeRemoveFieldAction(i);
-        const cmd = () => {
-          action().then();
-          removeSectionConditions(affectedSections, values.fields);
-        };
-        if (affectedSections.length > 0) {
-          const labels = affectedSections.map((section) => section.label).join(", ");
-          return alertDialog({
-            title: "Remove condition?",
-            description: `${removing.label} is being used as a condition, deleting it will remove the condition from the ${labels} section(s).`,
-            severity: "danger",
-            actionText: "Remove",
-            onAction: cmd
-          });
-        }
-        cmd();
-      },
-      [makeRemoveFieldAction, removeSectionConditions, values.fields, alertDialog]
-    );
-    const removeSection = React.useCallback(() => {
-      const fieldSideEffects = field.fields.map((_, i) => makeRemoveFieldAction(i));
-      const affectedSections = fieldSideEffects.flatMap((sideEffect) => sideEffect.affectedSections);
-      const title2 = affectedSections.length ? "Remove fields and conditions?" : "Remove fields?";
-      const numFields = field.fields.length;
-      const sectionLabels = affectedSections.map((section) => section.label).join(", ");
-      const description2 = affectedSections.length ? `Deleting this section will remove the ${numFields} field(s) it contains and will remove the conditions from following sections: ${sectionLabels}` : `Deleting this section will remove the ${numFields} field(s) it contains.`;
-      const updatedSections = remove(values.fields, sectionIndex);
-      const cmd = () => setFieldValue("fields", updatedSections);
-      if (affectedSections.length > 0) {
-        return alertDialog({
-          title: title2,
-          description: description2,
-          severity: "danger",
-          actionText: "Remove",
-          onAction: () => {
-            cmd().then(() => {
-              removeSectionConditions(affectedSections, updatedSections);
-            });
-          }
-        });
-      }
-      cmd().then();
-    }, [
-      field.fields,
-      values.fields,
-      sectionIndex,
-      makeRemoveFieldAction,
-      setFieldValue,
-      alertDialog,
-      removeSectionConditions
-    ]);
-    const duplicateSection = React.useCallback(
-      (field2) => {
-        const fieldLabel = field2.label ?? "Untitled section";
-        const newSectionLabel = incrementFieldLabel(fieldLabel, takenFieldLabels);
-        const newFields = field2.fields.map((f) => {
-          const newLabel = incrementFieldLabel(f.label ?? "Untitled field", takenFieldLabels);
-          return {
-            ...f,
-            label: newLabel,
-            identifier: makeIdentifier(void 0, newLabel)
-          };
-        });
-        return { ...field2, label: newSectionLabel, fields: newFields, identifier: "" };
-      },
-      [takenFieldLabels]
-    );
-    const editSectionProps = React.useMemo(
-      () => ({
-        index: sectionIndex,
-        parentPath: "fields",
-        initial: field,
-        editing: true,
-        conditionalSourceFields: makeConditionalSourceFields(values.fields, sectionIndex)
-      }),
-      [field, sectionIndex, values.fields]
-    );
-    const insertSectionProps = React.useMemo(
-      () => ({
-        index: sectionIndex + 1,
-        parentPath: "fields",
-        initial: emptySection(),
-        conditionalSourceFields: makeConditionalSourceFields(values.fields, sectionIndex + 1)
-      }),
-      [sectionIndex, values.fields]
-    );
-    const insertFieldAtEndOfSection = React.useMemo(
-      () => ({
-        parentPath: `fields.${sectionIndex}.fields`,
-        index: field.fields.length,
-        initial: void 0
-      }),
-      [field.fields.length, sectionIndex]
-    );
-    const duplicateSectionProps = React.useMemo(
-      () => ({
-        index: sectionIndex + 1,
-        parentPath: "fields",
-        initial: duplicateSection(field),
-        conditionalSourceFields: makeConditionalSourceFields(values.fields, sectionIndex + 1)
-      }),
-      [duplicateSection, field, sectionIndex, values.fields]
-    );
-    const conditionLabel = React.useMemo(
-      () => {
-        var _a2, _b2;
-        return (_b2 = findFieldByIdentifier(values.fields, (_a2 = field.condition) == null ? void 0 : _a2.identifier)) == null ? void 0 : _b2.label;
-      },
-      [(_b = field.condition) == null ? void 0 : _b.identifier, values.fields]
-    );
-    const conditionComparison = Array.isArray((_c = field.condition) == null ? void 0 : _c.value) ? "contains all of" : "equals";
-    if (valueIsFile((_d = field.condition) == null ? void 0 : _d.value))
-      throw new Error("File values are not supported for conditions.");
-    const conditionValue = Array.isArray((_e = field.condition) == null ? void 0 : _e.value) ? (_g = (_f = field.condition) == null ? void 0 : _f.value) == null ? void 0 : _g.map((v) => typeof v === "string" ? v : v.label).join(", ") : (_i = (_h = field.condition) == null ? void 0 : _h.value) == null ? void 0 : _i.toString();
-    return /* @__PURE__ */ jsxRuntime.jsx(dnd.Draggable, { draggableId: field.identifier, index: sectionIndex, children: (draggableProvided) => /* @__PURE__ */ jsxRuntime.jsx(
-      themes.Card,
-      {
-        ref: draggableProvided.innerRef,
-        ...draggableProvided.draggableProps,
-        ...draggableProvided.dragHandleProps,
-        mb: "4",
-        children: /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { gap: "3", justify: "between", align: "center", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { direction: "column", gap: "2", grow: "1", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { direction: "column", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(themes.Heading, { as: "h3", size: "3", children: field.label }),
-              /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { className: styles$4.description, children: field.description })
-            ] }),
-            field.condition && /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { size: "1", children: /* @__PURE__ */ jsxRuntime.jsxs(themes.Em, { children: [
-              "Display only if ",
-              /* @__PURE__ */ jsxRuntime.jsx(themes.Strong, { children: conditionLabel }),
-              " ",
-              conditionComparison,
-              " ",
-              /* @__PURE__ */ jsxRuntime.jsx(themes.Strong, { children: conditionValue })
-            ] }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(dnd.Droppable, { droppableId: field.identifier, type: "SECTION", isDropDisabled, children: (droppableProvided) => /* @__PURE__ */ jsxRuntime.jsxs(
-              blocks.Flex,
-              {
-                ref: droppableProvided.innerRef,
-                ...droppableProvided.droppableProps,
-                direction: "column",
-                gap: "0",
-                children: [
-                  field.fields.map((child, i) => /* @__PURE__ */ jsxRuntime.jsx(
-                    FieldWithActions,
-                    {
-                      field: child,
-                      index: i,
-                      sectionIndex,
-                      remove: () => removeField(i),
-                      takenLabels: takenFieldLabels
-                    },
-                    child.identifier
-                  )),
-                  droppableProvided.placeholder,
-                  /* @__PURE__ */ jsxRuntime.jsxs(
-                    blocks.Button,
-                    {
-                      type: "button",
-                      variant: "outline",
-                      onClick: () => setIsAddFieldDialogOpen(true),
-                      children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(reactIcons.PlusIcon, {}),
-                        " Add a field"
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    FieldBuilder,
-                    {
-                      ...insertFieldAtEndOfSection,
-                      isOpen: isAddFieldDialogOpen,
-                      setIsOpen: setIsAddFieldDialogOpen
-                    }
-                  )
-                ]
-              }
-            ) })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            FieldActions,
-            {
-              remove: removeSection,
-              insertAfterProps: insertSectionProps,
-              dragHandleProps: draggableProvided.dragHandleProps,
-              editProps: editSectionProps,
-              duplicateProps: duplicateSectionProps
-            }
-          )
-        ] })
-      }
-    ) });
-  });
-  const reducer = (state, action) => {
-    var _a;
-    const next = { ...state };
-    switch (action.type) {
-      case "release":
-        for (const sectionId in next) {
-          next[sectionId].disabled = false;
-        }
-        return next;
-      case "hold":
-        for (const sectionId in next) {
-          if ((_a = next[sectionId]) == null ? void 0 : _a.conditionFields.has(action.fieldId)) {
-            next[sectionId].disabled = true;
-          }
-        }
-        return next;
-      case "update":
-        return action.state;
-    }
-  };
-  const getConditionIndex = (fields, identifier) => {
-    if (!identifier)
-      return void 0;
-    for (let i = 0; i < fields.length; i++) {
-      const section = fields[i];
-      if (!section)
-        continue;
-      for (const field of section.fields) {
-        if (field.identifier === identifier)
-          return i;
-      }
-    }
-  };
-  const initializer = (fields) => {
-    var _a, _b, _c;
-    const acc = {};
-    for (let index = 0; index < fields.length; index++) {
-      const field = fields[index];
-      if (!field)
-        throw new Error("Field is undefined.");
-      const previousConditionFields = index > 0 ? (_a = acc[fields[index - 1].identifier]) == null ? void 0 : _a.conditionFields : void 0;
-      const disabledFields = new Set(previousConditionFields);
-      if ((_b = field.condition) == null ? void 0 : _b.identifier) {
-        disabledFields.add(field.condition.identifier);
-      }
-      acc[field.identifier] = {
-        disabled: false,
-        conditionFields: disabledFields,
-        conditionIndex: getConditionIndex(fields, (_c = field.condition) == null ? void 0 : _c.identifier),
-        index,
-        label: field.label
-      };
-    }
-    return acc;
-  };
-  const findSection = (fields, sectionId) => {
-    for (const [i, section] of Object.entries(fields)) {
-      if (section.identifier === sectionId)
-        return [section, i];
-    }
-  };
-  const FieldsEditor = React.memo(function FieldsEditor2() {
-    const { values, setFieldValue } = formik.useFormikContext();
-    const [dropState, dispatch] = React.useReducer(reducer, values.fields, initializer);
-    const [isAddSectionDialogOpen, setIsAddSectionDialogOpen] = React.useState(false);
-    const { showInfo } = blocks.useToast();
-    React.useEffect(() => {
-      dispatch({ type: "update", state: initializer(values.fields) });
-    }, [dispatch, values.fields]);
-    const handleDragStart = React.useCallback((start) => {
-      if (start.type === "SECTION") {
-        dispatch({ type: "hold", fieldId: start.draggableId });
-      }
-    }, []);
-    const handleDragEnd = React.useCallback(
-      (result) => {
-        const { source, destination, type, reason, draggableId } = result;
-        dispatch({ type: "release" });
-        if (!destination || reason === "CANCEL")
-          return;
-        if (type === "ROOT") {
-          const state = dropState[draggableId];
-          if (!state)
-            throw new Error("Could not find section context.");
-          let dest = typeof state.conditionIndex !== "undefined" ? (
-            // cannot move a section with a condition before the condition's field
-            Math.max(state.conditionIndex + 1, destination.index)
-          ) : destination.index;
-          for (const section of Object.values(dropState)) {
-            if (section.conditionIndex === source.index) {
-              dest = Math.min(dest, section.index - 1);
-            }
-          }
-          if (dest != destination.index) {
-            showInfo({
-              title: "Reordered sections",
-              description: "Sections with conditions must be below the fields they reference."
-            });
-          }
-          return setFieldValue("fields", reorder(values.fields, source.index, dest));
-        }
-        if (type !== "SECTION")
-          throw new Error("Unexpected droppable type.");
-        const [sourceSection, srcIndex] = findSection(values.fields, source.droppableId) ?? [];
-        const [destinationSection, destIndex] = findSection(values.fields, destination.droppableId) ?? [];
-        if (!(sourceSection == null ? void 0 : sourceSection.fields) || !destinationSection)
-          throw new Error("Could not find section with fields.");
-        if (sourceSection.identifier === destinationSection.identifier) {
-          setFieldValue(
-            `fields.${srcIndex}.fields`,
-            reorder(sourceSection.fields, source.index, destination.index)
-          ).then();
-        } else {
-          const removed = sourceSection.fields[source.index];
-          if (!removed)
-            throw new Error("Could not find field to reorder.");
-          setFieldValue(`fields.${srcIndex}.fields`, remove(sourceSection.fields, source.index)).then();
-          setFieldValue(
-            `fields.${destIndex}.fields`,
-            insert(destinationSection.fields, destination.index, removed)
-          ).then();
-        }
-      },
-      [values.fields, setFieldValue, dropState, showInfo]
-    );
-    const makeFieldSectionProps = React.useMemo(
-      () => ({
-        index: values.fields.length,
-        parentPath: "fields",
-        initial: emptySection(),
-        conditionalSourceFields: makeConditionalSourceFields(values.fields, values.fields.length)
-      }),
-      [values.fields]
-    );
-    return /* @__PURE__ */ jsxRuntime.jsx(dnd.DragDropContext, { onDragStart: handleDragStart, onDragEnd: handleDragEnd, children: /* @__PURE__ */ jsxRuntime.jsx(dnd.Droppable, { droppableId: "droppable", type: "ROOT", children: (droppableProvided) => /* @__PURE__ */ jsxRuntime.jsxs(
-      blocks.Flex,
-      {
-        ref: droppableProvided.innerRef,
-        ...droppableProvided.droppableProps,
-        direction: "column",
-        gap: "0",
-        children: [
-          values.fields.map((field, index) => /* @__PURE__ */ jsxRuntime.jsx(
-            FieldSectionWithActions,
-            {
-              field,
-              index,
-              dropState
-            },
-            field.label
-          )),
-          droppableProvided.placeholder,
-          /* @__PURE__ */ jsxRuntime.jsxs(blocks.Button, { type: "button", variant: "outline", onClick: () => setIsAddSectionDialogOpen(true), children: [
-            /* @__PURE__ */ jsxRuntime.jsx(reactIcons.PlusIcon, {}),
-            " Add a section"
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            FieldBuilder,
-            {
-              ...makeFieldSectionProps,
-              isOpen: isAddSectionDialogOpen,
-              setIsOpen: setIsAddSectionDialogOpen
-            }
-          )
-        ]
-      }
-    ) }) });
-  });
-  const initialValues = {
-    title: "",
-    description: "",
-    fields: []
-  };
-  const title = new StringField({
-    label: "Title",
-    minLength: 0,
-    maxLength: 100,
-    required: true,
-    identifier: "title"
-  });
-  const titleProps = { formId, placeholder: "Give your form a title." };
-  const description = new TextField({
-    label: "Description",
-    minLength: 0,
-    maxLength: 1e3,
-    required: false,
-    identifier: "description"
-  });
-  const descriptionProps = { formId, placeholder: "Explain the purpose of this form." };
-  const previewSubmit = () => {
-    alert("This is a form preview, your data will not be saved.");
-  };
-  const FormBuilder = React.memo(
-    React.forwardRef((props, ref) => {
-      const { onCancel, onSave, revision } = props;
-      const { heading = revision ? "Edit form" : "Create a new form" } = props;
-      const validate = React.useCallback((form) => {
-        const errors = {};
-        if (!form.title) {
-          errors.title = "Title is required.";
-        }
-        if (!form.fields || form.fields.length === 0) {
-          errors.fields = "At least one field is required.";
-        }
-        if (hasKeys(errors)) {
-          return errors;
-        }
-      }, []);
-      const formik$1 = formik.useFormik({
-        initialValues: wrapRootFieldsWithFieldSection(revision) ?? initialValues,
-        validate,
-        onSubmit: (form) => onSave(form),
-        // only validate the entire for on submit
-        validateOnChange: false,
-        validateOnBlur: false
-      });
-      const previewSchema = React.useMemo(() => formRevisionToSchema(formik$1.values), [formik$1.values]);
-      const titleInput = useFieldInput(title, titleProps);
-      const descriptionInput = useFieldInput(description, descriptionProps);
-      const FormBuilderHeading = React.useMemo(
-        () => typeof heading === "object" ? heading : /* @__PURE__ */ jsxRuntime.jsx(themes.Heading, { children: heading }),
-        [heading]
-      );
-      return /* @__PURE__ */ jsxRuntime.jsx(themes.Tabs.Root, { ref, defaultValue: "edit", children: /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { direction: "column", gap: "2", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(themes.Tabs.List, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(themes.Tabs.Trigger, { value: "edit", children: "Edit" }),
-          /* @__PURE__ */ jsxRuntime.jsx(themes.Tabs.Trigger, { value: "preview", children: "Preview" })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(themes.Tabs.Content, { value: "edit", children: [
-          FormBuilderHeading,
-          /* @__PURE__ */ jsxRuntime.jsxs(blocks.Text, { children: [
-            "Add a new form field by clicking a + button. Specify options for each field, then drag and drop to rearrange them. You can see what a submitted form might look like in the",
-            " ",
-            /* @__PURE__ */ jsxRuntime.jsx("em", { children: "Preview" }),
-            " tab, but",
-            " ",
-            /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "field values entered on this page will not be saved." })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(blocks.Flex, { asChild: true, direction: "column", gap: "2", mt: "3", children: /* @__PURE__ */ jsxRuntime.jsxs("form", { id: formId, onSubmit: formik$1.handleSubmit, children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(formik.FormikProvider, { value: formik$1, children: [
-              titleInput,
-              descriptionInput,
-              /* @__PURE__ */ jsxRuntime.jsx(FieldsEditor, {}),
-              /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { severity: "danger", size: "1", children: typeof formik$1.errors.fields === "string" && formik$1.errors.fields })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { justify: "end", gap: "2", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(blocks.Button, { type: "button", variant: "soft", onClick: onCancel, children: "Cancel" }),
-              /* @__PURE__ */ jsxRuntime.jsx(blocks.Button, { type: "submit", disabled: !formik$1.isValid, children: "Save" })
-            ] })
-          ] }) })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(themes.Tabs.Content, { value: "preview", children: /* @__PURE__ */ jsxRuntime.jsx(FormRenderer, { schema: previewSchema, onSubmit: previewSubmit }) })
-      ] }) });
-    })
-  );
-  exports2.BaseField = BaseField;
-  exports2.BaseFormElement = BaseFormElement;
-  exports2.BooleanField = BooleanField;
-  exports2.BooleanInput = BooleanInput;
-  exports2.DateField = DateField;
-  exports2.DateInput = DateInput;
-  exports2.FieldSection = FieldSection;
-  exports2.FormBrowser = FormBrowser;
-  exports2.FormBuilder = FormBuilder;
-  exports2.FormRenderer = FormRenderer;
-  exports2.FormSubmissionBrowser = FormSubmissionBrowser;
-  exports2.FormSubmissionViewer = FormSubmissionViewer;
-  exports2.InputWithLabel = InputWithLabel;
-  exports2.InputWithLabelAndHelpText = InputWithLabelAndHelpText;
-  exports2.MultiSelectField = MultiSelectField;
-  exports2.MultiSelectInput = MultiSelectInput;
-  exports2.MultiStringField = MultiStringField;
-  exports2.MultiStringInput = MultiStringInput;
-  exports2.NumberField = NumberField;
-  exports2.NumberInput = NumberInput$1;
-  exports2.PatchField = PatchField;
-  exports2.PatchFormProvider = PatchFormProvider;
-  exports2.SelectField = SelectField;
-  exports2.SelectInput = SelectInput;
-  exports2.StringField = StringField;
-  exports2.StringInput = StringInput;
-  exports2.TextField = TextField;
-  exports2.TextInput = TextInput;
-  exports2.deserialize = deserialize;
-  exports2.deserializeField = deserializeField;
-  exports2.formRevisionToSchema = formRevisionToSchema;
-  exports2.isConditionMet = isConditionMet;
-  exports2.useFieldInput = useFieldInput;
-  exports2.useFieldInputs = useFieldInputs;
-  exports2.useFormikInput = useFormikInput;
-  exports2.valueIsFile = valueIsFile;
-  Object.defineProperty(exports2, Symbol.toStringTag, { value: "Module" });
-});
-//# sourceMappingURL=forms.umd.cjs.map
+If you want to hide the \`${n.titleName}\`, you can wrap it with our VisuallyHidden component.
+
+For more information, see https://radix-ui.com/primitives/docs/components/${n.docsSlug}`;return v.useEffect(()=>{t&&(document.getElementById(t)||console.error(e))},[e,t]),null},Po="DialogDescriptionWarning",Mo=({contentRef:t,descriptionId:n})=>{const r=`Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${ur(Po).contentName}}.`;return v.useEffect(()=>{var a;const o=(a=t.current)==null?void 0:a.getAttribute("aria-describedby");n&&o&&(document.getElementById(n)||console.warn(r))},[r,t,n]),null},Me=tr,Ae=ir,Oe=or,Be=ar;const jt=d.memo(t=>{const{file:n,onClose:e,onDelete:r}=t,{md:o}=u.useViewportSize(),a=d.useRef(null),l=d.useRef(null),s=d.useRef(null),p=d.useCallback(()=>{if(!l.current||!a.current||!s.current)return;const h=s.current.height-l.current.clientHeight,m=s.current.width-l.current.clientWidth;h>=0||m>=0?m>h?(a.current.style.width=`${l.current.clientWidth}px`,a.current.style.height="unset"):(a.current.style.height=`${l.current.clientHeight}px`,a.current.style.width="unset"):(a.current.style.width=`${s.current.width}px`,a.current.style.height=`${s.current.height}px`)},[]),c=d.useCallback(()=>{r&&r(n)},[n,r]),f=d.useCallback(()=>{U.downloadFile(n)},[n]);return d.useLayoutEffect(()=>{const h=new Image;h.onload=()=>{s.current={width:h.width,height:h.height},p()},h.src=URL.createObjectURL(n)},[p,n]),d.useLayoutEffect(()=>{if(!l.current)return;const h=new ResizeObserver(()=>{p()});return h.observe(l.current),()=>{h.disconnect()}},[p]),i.jsx(Me,{open:!0,onOpenChange:e,children:i.jsxs(Ae,{children:[i.jsx(Oe,{className:"light:bg-(--black-a6) fixed inset-0 dark:bg-(--black-a8)"}),i.jsx(Be,{className:"fixed inset-0",children:i.jsxs("div",{className:"flex h-full w-full flex-col",children:[i.jsx("div",{className:"flex h-max w-full items-center bg-(--color-background) p-2",children:i.jsx(u.ButtonGroup,{className:"w-full",accentColor:"base",variant:"soft",children:i.jsxs("div",{className:"grid w-full grid-cols-3",children:[i.jsxs("div",{className:"flex justify-start gap-2 items-center",children:[i.jsx(u.IconButton,{onClick:e,"aria-label":"close",children:i.jsx(u.RiIcon,{icon:"RiCloseLine"})}),i.jsx(u.IconButton,{onClick:f,"aria-label":"close",children:i.jsx(u.RiIcon,{icon:"RiDownload2Line"})})]}),i.jsx("div",{className:"flex justify-center",children:i.jsx(ze,{file:n,accentColor:"base",truncateLength:o?void 0:25})}),i.jsx("div",{className:"flex justify-end",children:!!r&&i.jsx(u.IconButton,{onClick:c,"aria-label":"close",children:i.jsx(u.RiIcon,{icon:"RiDeleteBin2Line"})})})]})})}),i.jsx("div",{className:"h-full w-full overflow-hidden p-5",children:i.jsx("div",{className:"flex h-full w-full items-center justify-center overflow-hidden",ref:l,children:i.jsx("img",{ref:a,src:URL.createObjectURL(n),alt:""})})})]})})]})})});jt.displayName="ImageViewer";const Ut=["application/pdf"];bt.pdfjs.GlobalWorkerOptions.workerSrc=new URL("pdfjs-dist/build/pdf.worker.min.js",typeof document>"u"&&typeof location>"u"?require("url").pathToFileURL(__filename).href:typeof document>"u"?location.href:xt&&xt.tagName.toUpperCase()==="SCRIPT"&&xt.src||new URL("forms.umd.cjs",document.baseURI).href).toString();const Ao={initial:.6,xs:.8,sm:.9,md:1,lg:1.1,xl:1.1},Wt=d.memo(t=>{const{file:n,onDelete:e,onClose:r}=t,[o,a]=d.useState(null),[l,s]=d.useState(0),[p,c]=d.useState(!1),{lg:f,size:h}=u.useViewportSize();d.useEffect(()=>{s(0),c(!1),a(null)},[n]);const m=d.useCallback(w=>{s(0),a(w)},[]),y=d.useCallback(()=>{c(!0)},[]),x=d.useCallback(()=>{!o||l===o.numPages-1||s(w=>w+1)},[l,o]),g=d.useCallback(()=>{U.downloadFile(n)},[n]),b=d.useCallback(()=>{l!==0&&s(w=>w-1)},[l]),E=d.useCallback(()=>{e&&e(n)},[n,e]);return i.jsx(Me,{open:!0,onOpenChange:r,children:i.jsxs(Ae,{children:[i.jsx(Oe,{className:"light:bg-(--black-a6) fixed inset-0 dark:bg-(--black-a8)"}),i.jsx(Be,{className:"fixed inset-0",children:i.jsxs("div",{className:"flex h-full w-full flex-col items-center",children:[i.jsx("div",{className:"h-max w-full shrink-0 items-center bg-(--color-background) p-2",children:i.jsx(u.ButtonGroup,{className:"flex items-center gap-1",variant:"soft",accentColor:"base",children:i.jsxs("div",{className:"grid w-full grid-cols-3",children:[i.jsxs("div",{className:"w-full gap-2 flex items-center",children:[i.jsx(u.IconButton,{onClick:r,"aria-label":"close",children:i.jsx(u.RiIcon,{icon:"RiCloseLine"})}),i.jsx(u.IconButton,{onClick:g,"aria-label":"download",children:i.jsx(u.RiIcon,{icon:"RiDownload2Line"})})]}),i.jsx("div",{className:"flex justify-center",children:i.jsx(ze,{file:n,accentColor:"base",truncateLength:f?void 0:25})}),i.jsx("div",{className:"flex justify-end",children:!!e&&i.jsx(u.IconButton,{onClick:E,"aria-label":"delete",children:i.jsx(u.RiIcon,{icon:"RiDeleteBin2Line"})})})]})})}),i.jsxs("div",{className:"relative flex h-full w-full flex-col items-center gap-2 p-3",children:[!o&&!p&&i.jsx(fr,{}),i.jsx("div",{className:"flex h-max max-h-full w-max max-w-full flex-col items-center justify-center overflow-auto [scrollbar-color:var(--base-6)_transparent] [scrollbar-width:thin]",children:i.jsxs(bt.Document,{className:"relative",file:n,onLoadSuccess:m,onLoadError:y,error:"",loading:"",children:[i.jsx(bt.Page,{scale:Ao[h],pageIndex:l}),!!o&&!p&&i.jsx("div",{className:"absolute top-0 z-[2] flex w-full justify-center py-2",children:i.jsxs(u.ButtonGroup,{variant:"solid",accentColor:"base",size:"sm",children:[i.jsx(u.IconButton,{onClick:b,"aria-label":"previous page",children:i.jsx(u.RiIcon,{icon:"RiArrowLeftLine"})}),i.jsxs(u.Badge,{accentColor:"base",style:{borderRadius:0},variant:"solid",children:[l+1,"/",o.numPages]}),i.jsx(u.IconButton,{onClick:x,"aria-label":"next-page",children:i.jsx(u.RiIcon,{icon:"RiArrowRightLine"})})]})})]})}),p&&i.jsx(hr,{})]})]})})]})})});Wt.displayName="PDFViewer";const fr=d.memo(()=>i.jsx("div",{className:"absolute flex h-full w-full items-center justify-center",children:i.jsx(u.Spinner,{})}));fr.displayName="SpinnerComponent";const hr=d.memo(()=>i.jsxs("div",{className:"flex h-[70%] w-[40%] flex-col items-center justify-center rounded-md border border-(--base-a6) bg-(--base-2)",children:[i.jsx(u.RiIcon,{icon:"RiFileWarningLine",size:40}),i.jsx("span",{className:"text-sm font-light text-(--accent-a11)","data-accent-color":"base",children:"Failed to load"})]}));hr.displayName="ErrorComponent";const qt=["text/csv","application/vnd.openxmlformats-officedocument.spreadsheetml.sheet","application/vnd.ms-excel"],Ht=d.memo(t=>{const{file:n,onClose:e,onDelete:r}=t,{md:o}=u.useViewportSize(),[a,l]=d.useState([]),[s,p]=d.useState({}),[c,f]=d.useState(),[h,m]=d.useState({rowLabels:[],columnLabels:[],data:[[]]}),y=d.useMemo(()=>d.lazy(()=>import("react-spreadsheet")),[n,c]);d.useEffect(()=>{n.arrayBuffer().then(w=>{const{SheetNames:S,Sheets:I}=In.read(w);l(S),p(I),f(S[0])})},[n]),d.useEffect(()=>{if(!c)return;const w=s[c],S=In.utils.sheet_to_json(w),I=Object.keys(S[0]??{}).splice(1),F=S.map(T=>Object.values(T)[0]),L=S.map(T=>I.map(D=>({value:T[D],readOnly:!0})));m({rowLabels:F,columnLabels:I,data:L})},[c,s]);const x=d.useCallback(()=>{r&&r(n)},[n,r]),g=d.useCallback(()=>{U.downloadFile(n)},[n]),b=d.useCallback(()=>{if(!c)throw new Error(`Expected an activeSheet, got ${c}`);const w=a.indexOf(c);if(w<0)throw new Error(`Expected activeSheet to be present in sheets, ${c} not found in ${a.join(", ")}`);w!==a.length-1&&f(a[w+1])},[c,a]),E=d.useCallback(()=>{if(!c)throw new Error(`Expected an activeSheet, got ${c}`);const w=a.indexOf(c);if(w<0)throw new Error(`Expected activeSheet to be present in sheets, ${c} not found in ${a.join(", ")}`);w!==0&&f(a[w-1])},[c,a]);return i.jsx(Me,{open:!0,onOpenChange:e,children:i.jsxs(Ae,{children:[i.jsx(Oe,{className:"light:bg-(--black-a6) fixed inset-0 dark:bg-(--black-a8)"}),i.jsx(Be,{className:"fixed inset-0",children:i.jsxs("div",{className:"flex h-full w-full flex-col overflow-hidden",children:[i.jsx("div",{className:"h-max w-full shrink-0 bg-(--color-background) p-2",children:i.jsx(u.ButtonGroup,{size:"md",variant:"soft",accentColor:"base",children:i.jsxs("div",{className:"grid w-full grid-cols-3",children:[i.jsxs("div",{className:"flex gap-2 items-center",children:[i.jsx(u.IconButton,{onClick:e,"aria-label":"close",children:i.jsx(u.RiIcon,{icon:"RiCloseLine"})}),i.jsx(u.IconButton,{onClick:g,"aria-label":"download",children:i.jsx(u.RiIcon,{icon:"RiDownload2Line"})})]}),i.jsx("div",{className:"flex justify-center",children:i.jsx(ze,{file:n,accentColor:"base",truncateLength:o?void 0:25})}),i.jsx("div",{className:"flex justify-end gap-2",children:!!r&&i.jsx(u.IconButton,{"aria-label":"delete",onClick:x,children:i.jsx(u.RiIcon,{icon:"RiDeleteBin2Line"})})})]})})}),i.jsx("div",{className:"flex h-full w-full flex-col items-center gap-3 overflow-hidden p-2",children:i.jsxs(d.Suspense,{fallback:i.jsx(u.Spinner,{}),children:[i.jsx("div",{className:"flex h-max max-h-[calc(100%-50px)] w-max max-w-full overflow-auto [scrollbar-color:var(--base-6)_transparent] [scrollbar-width:thin]",children:i.jsx(y,{className:"z-[1] h-full",data:h.data,rowLabels:h.rowLabels,columnLabels:h.columnLabels})}),i.jsx("div",{className:"flex h-max shrink-0 bg-(--base-2)",children:i.jsxs(u.ButtonGroup,{className:"flex items-center",variant:"solid",accentColor:"base",size:"sm",children:[i.jsx(u.IconButton,{"aria-label":"previous",onClick:E,children:i.jsx(u.RiIcon,{icon:"RiArrowLeftLine"})}),i.jsx(u.Badge,{variant:"solid",size:"sm",style:{borderRadius:0},accentColor:"base",children:c}),i.jsx(u.IconButton,{"aria-label":"next",onClick:b,children:i.jsx(u.RiIcon,{icon:"RiArrowRightLine"})})]})})]})})]})})]})})});Ht.displayName="SpreadsheetViewer";const _e=d.memo(t=>{const{fileType:n}=t,e=d.useMemo(()=>qt.includes(n)?i.jsx(u.RiIcon,{icon:"RiFileExcelLine"}):Ut.includes(n)?i.jsx(u.RiIcon,{icon:"RiFilePdfLine"}):Et.includes(n)?i.jsx(u.RiIcon,{icon:"RiFileImageLine"}):i.jsx(u.RiIcon,{icon:"RiFileLine"}),[n]);return i.jsx("div",{className:"h-max w-max",children:e})});_e.displayName="FileIcon";const ze=d.memo(t=>{const{file:n,truncateLength:e,hideName:r=!1,...o}=t,a=d.useMemo(()=>e!==void 0?U.truncate(n.name,e):n.name,[n.name,e]);return i.jsxs(u.Badge,{...o,children:[i.jsx(_e,{fileType:n.type}),!r&&a]})});ze.displayName="FileBadge";function pr(t){var n,e,r="";if(typeof t=="string"||typeof t=="number")r+=t;else if(typeof t=="object")if(Array.isArray(t)){var o=t.length;for(n=0;n<o;n++)t[n]&&(e=pr(t[n]))&&(r&&(r+=" "),r+=e)}else for(e in t)t[e]&&(r&&(r+=" "),r+=e);return r}function Oo(){for(var t,n,e=0,r="",o=arguments.length;e<o;e++)(t=arguments[e])&&(n=pr(t))&&(r&&(r+=" "),r+=n);return r}const we=Oo,Gt=d.memo(d.forwardRef((t,n)=>{const{file:e,className:r,error:o,truncateLength:a,rightSlot:l,...s}=t,p=d.useMemo(()=>{if(e)return a!==void 0?U.truncate(e.name,a):e.name},[e,a]);return i.jsxs("div",{className:we(r,"flex h-5 w-full items-center gap-2 rounded-md border border-(--base-a6) bg-(--base-2) text-sm py-1 px-2 h-max",{"text-(--gray-11)":o}),ref:n,...s,children:[o?i.jsx(u.RiIcon,{icon:"RiFileWarningLine"}):i.jsx(_e,{fileType:(e==null?void 0:e.type)??""}),o||(e?p:i.jsx("div",{className:"flex w-full justify-center",children:i.jsx(u.Spinner,{})})),l]})}));Gt.displayName="FileCard";const Xt=d.createContext(()=>{throw new Error("No FileViewerProvider found")}),mr=()=>d.useContext(Xt),gr=d.memo(t=>{const{children:n}=t,[e,r]=d.useState(null),[o,a]=d.useState(null),l=d.useCallback(()=>{r(null),a(null)},[]),s=d.useCallback(f=>{r(f(l))},[l]),p=d.useCallback(()=>{e&&(e.onClose&&e.onClose(),l())},[l,e]);d.useEffect(()=>{if(!e)return;const{file:f}=e;if(qt.includes(f.type)){a("spreadsheet");return}if(Ut.includes(f.type)){a("pdf");return}if(Et.includes(f.type)){a("image");return}},[e]);const c=d.useMemo(()=>s,[s]);return i.jsxs(Xt.Provider,{value:c,children:[n,e&&i.jsxs(i.Fragment,{children:[o==="spreadsheet"&&i.jsx(Ht,{file:e.file,onDelete:e.onDelete,onClose:p}),o==="pdf"&&i.jsx(Wt,{file:e.file,onDelete:e.onDelete,onClose:p}),o==="image"&&i.jsx(jt,{file:e.file,onDelete:e.onDelete,onClose:p})]})]})});gr.displayName="FileViewerProvider";const tt=500,be=1e4,$={danger:"danger",warning:"warning",info:"base",success:"success"};class Kt{constructor(n){N(this,"type");N(this,"identifier");N(this,"description");const{description:e=null,identifier:r,type:o}=n;this.identifier=r,this.description=e,this.type=o}getId(){return this.identifier}static deserialize(n){throw new Error(`${this.name} must implement deserialize.`)}_serialize(){if(!this.identifier)throw new Error("Field identifier must be set before serializing.");return{type:this.type,identifier:this.identifier,description:this.description}}}const K={label:"",description:"",required:!1};class q extends Kt{constructor(e){const{label:r,required:o,image:a,fieldValidators:l=[],formValidators:s=[],...p}=e;super(p);N(this,"required");N(this,"formValidators");N(this,"fieldValidators");N(this,"label");N(this,"image");N(this,"onlyValidateAfterTouched",!0);this.label=r,this.required=o,this.image=a,this.fieldValidators=l,this.formValidators=s}static getFieldCreationSchema(){return[]}isBlank(e){return e==null||e===""}getValueFromChangeEvent(e){return e.target.value}getError(e,r){if(this.required&&this.isBlank(e))return"This field is required.";for(const o of this.getFieldValidators()){const a=o(e);if(a)return a}if(r)for(const o of this.getFormValidators()){const a=o(e,r);if(a)return a}}_serialize(){return{...super._serialize(),label:this.label,required:this.required,image:this.image}}getFieldValidators(){return[...this.fieldValidators]}getFormValidators(){return[...this.formValidators]}encodeValueToJson(e){return JSON.stringify(e)}decodeJsonToValue(e){return JSON.parse(e)}}N(q,"fieldTypeName"),N(q,"fieldTypeDescription");const _=t=>{const{id:n,field:e,formId:r,size:o,showInputOnly:a,internal:l,...s}=t,[p,c,f]=j.useField(e.getId()),{touched:h}=c,m=c.error??e.description,y=c.error?"danger":void 0,x=n??`${r}-${e.getId()}-input`,g=`${x}-label`,b=e.required?`${e.label} *`:e.label,E=d.useMemo(()=>({...p,onChange:I=>{const F=e.getValueFromChangeEvent(I);f.setValue(F,!1).then(),(h||!e.onlyValidateAfterTouched)&&f.setError(e.getError(F))},onBlur:I=>{f.setTouched(!0,!1).then(),f.setError(e.getError(e.getValueFromChangeEvent(I)))}}),[e,p,f,h]);return console.debug("severity",y),[{helpText:m,size:o,severity:y,inputId:x,labelId:g,label:b,showInputOnly:a,internal:l,fieldProps:E,helpers:f,field:e},{...s,"aria-labelledby":g}]};var nt=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function Bo(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}var rt={exports:{}},_o=rt.exports,vr;function zo(){return vr||(vr=1,function(t,n){(function(e,r){r()})(_o,function(){function e(c,f){return typeof f>"u"?f={autoBom:!1}:typeof f!="object"&&(console.warn("Deprecated: Expected third argument to be a object"),f={autoBom:!f}),f.autoBom&&/^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(c.type)?new Blob(["\uFEFF",c],{type:c.type}):c}function r(c,f,h){var m=new XMLHttpRequest;m.open("GET",c),m.responseType="blob",m.onload=function(){p(m.response,f,h)},m.onerror=function(){console.error("could not download file")},m.send()}function o(c){var f=new XMLHttpRequest;f.open("HEAD",c,!1);try{f.send()}catch{}return 200<=f.status&&299>=f.status}function a(c){try{c.dispatchEvent(new MouseEvent("click"))}catch{var f=document.createEvent("MouseEvents");f.initMouseEvent("click",!0,!0,window,0,0,0,80,20,!1,!1,!1,!1,0,null),c.dispatchEvent(f)}}var l=typeof window=="object"&&window.window===window?window:typeof self=="object"&&self.self===self?self:typeof nt=="object"&&nt.global===nt?nt:void 0,s=l.navigator&&/Macintosh/.test(navigator.userAgent)&&/AppleWebKit/.test(navigator.userAgent)&&!/Safari/.test(navigator.userAgent),p=l.saveAs||(typeof window!="object"||window!==l?function(){}:"download"in HTMLAnchorElement.prototype&&!s?function(c,f,h){var m=l.URL||l.webkitURL,y=document.createElement("a");f=f||c.name||"download",y.download=f,y.rel="noopener",typeof c=="string"?(y.href=c,y.origin===location.origin?a(y):o(y.href)?r(c,f,h):a(y,y.target="_blank")):(y.href=m.createObjectURL(c),setTimeout(function(){m.revokeObjectURL(y.href)},4e4),setTimeout(function(){a(y)},0))}:"msSaveOrOpenBlob"in navigator?function(c,f,h){if(f=f||c.name||"download",typeof c!="string")navigator.msSaveOrOpenBlob(e(c,h),f);else if(o(c))r(c,f,h);else{var m=document.createElement("a");m.href=c,m.target="_blank",setTimeout(function(){a(m)})}}:function(c,f,h,m){if(m=m||open("","_blank"),m&&(m.document.title=m.document.body.innerText="downloading..."),typeof c=="string")return r(c,f,h);var y=c.type==="application/octet-stream",x=/constructor/i.test(l.HTMLElement)||l.safari,g=/CriOS\/[\d]+/.test(navigator.userAgent);if((g||y&&x||s)&&typeof FileReader<"u"){var b=new FileReader;b.onloadend=function(){var S=b.result;S=g?S:S.replace(/^data:[^;]*;/,"data:attachment/file;"),m?m.location.href=S:location=S,m=null},b.readAsDataURL(c)}else{var E=l.URL||l.webkitURL,w=E.createObjectURL(c);m?m.location=w:location.href=w,m=null,setTimeout(function(){E.revokeObjectURL(w)},4e4)}});l.saveAs=p.saveAs=p,t.exports=p})}(rt)),rt.exports}var yr=zo();const $o=Bo(yr),Qt=d.memo(t=>{const{file:n,url:e,name:r,setShowPreview:o}=t,a=d.useCallback(l=>{l.stopPropagation();const s=new Blob([n]);$o(s,r)},[r,n]);return i.jsxs(i.Fragment,{children:[i.jsx("button",{className:"fixed top-0 left-0 z-[5000] h-full w-full bg-[rgba(0,0,0,0.85)] bg-black",type:"button",onClick:()=>{o(!1)},children:i.jsx("img",{className:"absolute top-[50%] left-[50%] z-[5001] max-h-[calc(100%-120px)] max-w-svw translate-x-[-50%] translate-y-[50%] object-contain",src:e,alt:r,onClick:l=>{l.stopPropagation()}})}),i.jsxs("div",{className:"fixed top-0 left-0 z-[5001] flex w-full items-center bg-(--color-background)",children:[i.jsx(u.IconButton,{className:"min-w-[50px]",variant:"soft","aria-label":"Exit preview",onClick:()=>{o(!1)},children:i.jsx(u.RiIcon,{icon:"RiArrowLeftLine"})}),i.jsx("span",{className:"grow text-center",children:r}),i.jsx(u.IconButton,{className:"min-w-[50px]",variant:"soft","aria-label":`Download ${r}`,onClick:a,children:i.jsx(u.RiIcon,{icon:"RiDownload2Line"})})]})]})});Qt.displayName="FullScreenImagePreview";const Z=t=>{const{className:n,label:e,children:r,size:o,severity:a,inputId:l,labelId:s,image:p}=t,[c,f]=d.useState(void 0),[h,m]=d.useState(!1),y=a?$[a]:"base";console.debug(a,y),d.useEffect(()=>{p instanceof Promise?p.then(f).catch(console.error):f(p)},[p]);const x=c?URL.createObjectURL(c):void 0;return i.jsxs("div",{className:"flex flex-col gap-2",children:[c&&i.jsxs(i.Fragment,{children:[i.jsx("img",{className:"h-[100px] w-full min-w-[300px] cursor-pointer rounded-md object-cover",src:x,alt:c.name,onClick:()=>{m(!0)}}),h&&i.jsx(Qt,{file:c,url:x,name:c.name,setShowPreview:m})]}),i.jsxs("label",{className:we(n,"flex flex-col gap-1"),htmlFor:l,children:[i.jsx(u.Text,{accentColor:y,size:o,id:s,weight:"medium",children:e}),r]})]})},Yt=t=>{const{helpText:n,children:e,severity:r}=t,o=r?$[r]:"base";return i.jsxs("div",{className:"flex flex-col gap-1",children:[e,i.jsx("div",{className:"flex flex-col w-full",children:i.jsx(u.Text,{accentColor:o,size:"xs",children:n})})]})},R=t=>{const{children:n,...e}=t;return i.jsx(Yt,{...e,children:n})},ko=[!0,"true"],Jt=d.memo(t=>{const[{inputId:n,labelId:e,size:r,severity:o,showInputOnly:a,field:l,fieldProps:s},p]=_(t);let[{helpText:c,label:f}]=_(t);c=a?null:c,f=a?"":f;const h=o?$[o]:void 0,m=ko.includes(s.value);return i.jsx(R,{helpText:c,severity:o,children:i.jsx(Z,{size:r,severity:o,inputId:n,labelId:e,label:f,image:a?void 0:l.image,className:"align-center flex-row-reverse justify-end gap-2",children:i.jsx(u.Checkbox.Root,{...p,...s,id:n,accentColor:h,value:m.toString(),checked:m,onCheckedChange:s.onChange,onChange:void 0,onBlur:void 0,variant:"soft",children:i.jsx(u.Checkbox.Indicator,{children:i.jsx(u.RiIcon,{icon:"RiCheckLine"})})})})})});Jt.displayName="BooleanInput";const wr={...K,type:"boolean"},xe=class xe extends q{constructor(e){super({...e,type:"boolean"});N(this,"onlyValidateAfterTouched",!1)}isBlank(e){return this.required&&!e}getValueFromChangeEvent(e){return typeof e=="boolean"?e:e.target.checked}serialize(){return super._serialize()}static deserialize(e){if(e.type!=="boolean")throw new Error("Type mismatch.");return new xe(e)}getInput(e){return i.jsx(Jt,{...e,field:this})}};N(xe,"fieldTypeName","Checkbox"),N(xe,"fieldTypeDescription","Perfect for both optional and required yes/no questions."),N(xe,"Icon",W.RiCheckboxCircleLine);let Ce=xe;const Zt=d.memo(t=>{const[{inputId:n,labelId:e,size:r,severity:o,showInputOnly:a,field:l,fieldProps:s},p]=_(t);let[{helpText:c,label:f}]=_(t);c=a?null:c,f=a?"":f;const h=o?$[o]:void 0,m=s.value?s.value.split("T")[0]:"";return i.jsx(R,{helpText:c,severity:o,children:i.jsx(Z,{size:r,severity:o,inputId:n,labelId:e,label:f,image:a?void 0:l.image,children:i.jsx(u.Input.Root,{accentColor:h,variant:"soft",children:i.jsx(u.Input.Field,{...p,type:"date",id:n,color:h,value:m})})})})});Zt.displayName="DateInput";const br={...K,type:"date"},Ie=class Ie extends q{constructor(e){super({...e,type:"date"});N(this,"onlyValidateAfterTouched",!1)}serialize(){return super._serialize()}getValueFromChangeEvent(e){return new Date(e.target.value).toISOString()}static deserialize(e){if(e.type!=="date")throw new Error("Type mismatch.");return new Ie(e)}getInput(e){return i.jsx(Zt,{field:this,...e})}};N(Ie,"fieldTypeName","Date"),N(Ie,"fieldTypeDescription","Allows specifying a date."),N(Ie,"Icon",W.RiCalendarLine);let it=Ie;const Cr=d.memo(t=>{const{field:n,...e}=t,[{value:r}]=j.useField(n.options.clonedFieldIdentifier),o=d.useMemo(()=>{const a=n.options.getFieldToClone(r);return a?pt(a):null},[n.options,r]);return Rt(o,e)});Cr.displayName="FieldInputCloner";const Vo={...K,type:"custom"};class ot extends q{constructor(e,r){super({...e,type:"custom"});N(this,"Component");N(this,"options");this.options=e,this.Component=r}serialize(){throw new Error("Serializing only supported for public input types.")}getInput(e){const r=this.Component;return i.jsx(r,{field:this,...e})}}N(ot,"fieldTypeName","Custom"),N(ot,"fieldTypeDescription","Allows re-rendering of field already in the form");class jo extends ot{constructor(n){super(n,Cr)}}const Rt=(t,n)=>d.useMemo(()=>!n||!t?null:t.getInput(n),[t,n]),$e=(t,n)=>{const e=d.useMemo(()=>t.map(r=>i.jsx("div",{children:r.getInput(n)},r.getId())),[t,n]);return i.jsx("div",{className:"flex flex-col gap-2",children:e})},at=(t="",n=[])=>({type:"section",fields:n,identifier:t,label:null,condition:null,conditional:!1}),Uo=t=>{if(!t)return;const n=t.fields;let e=[];const r=[];for(const o of n)o.type==="section"?(e.length>0&&(r.push(at(`AUTO_section-${n.indexOf(o)}`,e)),e=[]),r.push(o)):e.push(o);return e.length>0&&r.push(at("AUTO_section-last",e)),{...t,fields:r,description:t.description??""}};function en(t,n,e){const r=Array.from(t),[o]=r.splice(n,1);if(!o)throw new Error("Could not find field to reorder.");return r.splice(e,0,o),r}function xr(t,n,e){const r=Array.from(t??[]);return r.splice(n,0,e),r}function lt(t,n){const e=Array.from(t);return e.splice(n,1),e}const tn=(t,n)=>{const e=new Date;return`${U.slugify(n)}-${e.getTime()}`},Ir=(t,n)=>{if(!n)return null;for(const e of t)if(e.type==="section"){const r=Ir(e.fields,n);if(r)return r}else if(e.identifier===n)return e;return null},Er=(t,n)=>t.filter((e,r)=>r<n).flatMap(e=>e.fields),st=(t,n,e,r,o)=>{const{label:a}=e,l={...e,identifier:tn(null,a)},s=Y(r,t);if(s===void 0)throw new Error("Parent path must point to an existing field.");if(!Array.isArray(s))throw new Error("Parent path must point to an array.");const p=xr(s,n,l);o(t,p).then()},Wo=(t,n,e)=>{const r={...at(),label:""};st("fields",t,r,n,e)},nn=()=>{const{showError:t}=u.useToast(),n=d.useCallback((r,o,a,l,s,p)=>{const c=r[o];if(!c)throw new Error("Could not find section context.");let f=typeof c.conditionIndex<"u"?Math.max(c.conditionIndex+1,l):l;for(const h of Object.values(r))h.conditionIndex===a&&(f=Math.min(f,h.index-1));if(f!==l){t({title:"Could not reorder sections",description:"Sections with conditions must be below the fields they reference."});return}p("fields",en(s.fields,a,f))},[t]),e=d.useCallback((r,o,a,l,s,p,c)=>{var f;if(!(r!=null&&r.fields)||!l)throw new Error("Could not find section with fields.");if(r.identifier===l.identifier)c(`fields.${o}.fields`,en(r.fields,a,p)).then();else{const h=r.fields[a];if(!h)throw new Error("Could not find field to reorder.");if(((f=l.condition)==null?void 0:f.identifier)===h.identifier){t({title:"Could not reorder field",description:"Field must be above the section whose condition references it."});return}c(`fields.${o}.fields`,lt(r.fields,a)).then(),c(`fields.${s}.fields`,xr(l.fields,p,h)).then()}},[t]);return{reorderSection:n,reorderField:e}},rn=d.memo(t=>{const[{inputId:n,labelId:e,size:r,severity:o,showInputOnly:a,field:l,fieldProps:s,internal:p},c]=_(t);let[{helpText:f,label:h}]=_(t);f=a?null:f,h=a?"":h;const m=o?$[o]:void 0,y=d.useMemo(()=>Array.isArray(s.value)?s.value:[],[s.value]),{onChange:x,onBlur:g}=s,b=`${n}-droppable`,{disabled:E}=c,[w,S]=d.useState(""),[I,F]=d.useState(""),L=I||f,T=I?$.danger:m,D=d.useCallback(M=>{x(M),g(M)},[x,g]),A=d.useCallback(M=>{y.findIndex(k=>k===M.target.value.trim())>=0?F("All options must be unique"):M.target.value?F(""):F("Option cannot be empty"),S(M.target.value)},[S,y]),B=d.useCallback(()=>{if(I)return;if(!w.trim()){F("Option cannot be empty");return}const M=w.trim();D([...y,M]),S("")},[w,I,D,y]),X=d.useCallback(M=>{M.key==="Enter"&&(M.preventDefault(),B())},[B]),Q=d.useCallback(M=>{D(lt(y,M))},[y,D]),z=d.useCallback(M=>{if(!M.destination)return;const k=M.source.index,se=M.destination.index;D(en(y,k,se))},[D,y]);return i.jsx(ie.DragDropContext,{onDragEnd:z,children:i.jsxs("div",{className:"flex flex-col gap-2",children:[i.jsx(R,{helpText:L,severity:o,children:i.jsx(Z,{size:r,severity:o,inputId:n,labelId:e,label:h,image:a?void 0:l.image,children:(!E||y.length===0)&&i.jsxs("div",{className:"flex gap-2",children:[i.jsx("div",{className:"grow",children:i.jsx(u.Input.Root,{accentColor:T,variant:p?"outline":"soft",children:i.jsx(u.Input.Field,{...c,...s,value:w,onChange:A,onKeyDown:X,id:n,placeholder:l.placeholder,onBlur:void 0})})}),i.jsx(u.IconButton,{type:"button","aria-label":"Add option",disabled:!!I||E,onClick:B,children:i.jsx(u.RiIcon,{icon:"RiAddLine"})})]})})}),i.jsx(ie.Droppable,{droppableId:b,children:M=>i.jsxs("div",{className:"flex flex-col",...M.droppableProps,ref:M.innerRef,children:[y.map((k,se)=>i.jsx(ie.Draggable,{draggableId:`${k}-draggable`,index:se,isDragDisabled:E,children:({draggableProps:Ue,dragHandleProps:We,innerRef:re})=>i.jsxs(u.Badge,{...We,...Ue,ref:re,className:"mb-1 flex items-center justify-between gap-2",accentColor:"base",size:"md",variant:"soft",children:[i.jsx("span",{children:typeof k=="object"&&"label"in k?k.label:k}),i.jsx(u.IconButton,{size:"sm",variant:"ghost",type:"button","aria-label":"Delete option",accentColor:"base",disabled:E,onClick:()=>{Q(se)},children:i.jsx(u.RiIcon,{icon:"RiCloseLargeLine"})})]})},k)),M.placeholder]})})]})})});rn.displayName="MultiStringInput";const Sr={...K,type:"multi-string",minimum_length:0,maximum_length:null},Ee=class Ee extends q{constructor(e){const{minimum_length:r,maximum_length:o,placeholder:a,...l}=e;super({...l,type:"multi-string"});N(this,"minLength");N(this,"maxLength");N(this,"onlyValidateAfterTouched",!1);N(this,"placeholder");this.minLength=r??0,this.maxLength=o??1/0,this.placeholder=a??"Press enter to add a new option"}getValueFromChangeEvent(e){if(Array.isArray(e))return e;throw new Error("Expected an array.")}getInput(e){return i.jsx(rn,{field:this,...e})}serialize(){return{...super._serialize(),minimum_length:this.minLength,maximum_length:this.maxLength,placeholder:this.placeholder}}isBlank(e){return super.isBlank(e)||e.length===0}getFieldValidators(){const e=super.getFieldValidators();return e.push(r=>{if(Array.isArray(r)&&r.length<this.minLength)return`Must have at least ${this.minLength} options.`}),e.push(r=>{if(Array.isArray(r)&&r.length>this.maxLength)return`Must have at most ${this.maxLength} options.`}),e}static deserialize(e){if(e.type!=="multi-string")throw new Error("Type mismatch.");return new Ee(e)}};N(Ee,"fieldTypeName","Multi-string"),N(Ee,"fieldTypeDescription","Allows the user to provide multiple unique strings."),N(Ee,"Icon",W.RiListCheck);let ke=Ee;const on=d.memo(t=>{const[{inputId:n,labelId:e,size:r,severity:o,showInputOnly:a,field:l,fieldProps:s},p]=_(t);let[{helpText:c,label:f}]=_(t);c=a?null:c,f=a?"":f;const h=o?$[o]:void 0;return i.jsx(R,{helpText:c,severity:o,children:i.jsx(Z,{size:r,severity:o,inputId:n,labelId:e,label:f,image:a?void 0:l.image,children:i.jsx(u.Input.Root,{accentColor:h,variant:"soft",children:i.jsx(u.Input.Field,{...p,...s,type:"number",id:n,placeholder:l.placeholder,min:l.minimum,max:l.maximum,step:l.integers?1:.1})})})})});on.displayName="NumberInput";const Nr={...K,type:"number",minimum:Number.MIN_SAFE_INTEGER,maximum:Number.MAX_SAFE_INTEGER,integers:!1},Fr=t=>"fields"in t,te=class te extends q{constructor(e){const{minimum:r=Number.MIN_SAFE_INTEGER,maximum:o=Number.MAX_SAFE_INTEGER,integers:a=!1,placeholder:l="Enter a number",...s}=e;super({...s,type:"number"});N(this,"minimum");N(this,"maximum");N(this,"integers");N(this,"placeholder");this.minimum=r,this.maximum=o,this.integers=a,this.placeholder=l}getValueFromChangeEvent(e){const r=Number.parseFloat(e.target.value);return Number.isNaN(r)?"":r}static getFieldCreationSchema(e=""){const r=e&&`${e}.`;return[{field:new te({label:"Minimum",description:"Minimum value",integers:!0,required:!1,identifier:`${r}minimum`,formValidators:[this._validateMin(e)]}),showDirectly:!1},{field:new te({label:"Maximum",description:"Maximum value",integers:!0,required:!1,identifier:`${r}maximum`,formValidators:[this._validateMax(e)]}),showDirectly:!1},{field:new Ce({label:"Integers",description:"Whole numbers only",required:!1,identifier:`${r}integers`}),showDirectly:!1}]}getFieldValidators(){const e=super.getFieldValidators(),r=this.minimum,o=this.maximum;return typeof r=="number"&&e.push(a=>{if(typeof a=="number"&&a<r)return`Must be at least ${this.minimum}.`}),typeof o=="number"&&e.push(a=>{if(typeof a=="number"&&a>o)return`Must be at most ${this.maximum}.`}),this.integers&&e.push(a=>{if(typeof a=="number"&&!Number.isInteger(a))return"Must be a whole number."}),e}serialize(){return{...super._serialize(),minimum:this.minimum,maximum:this.maximum,integers:this.integers,placeholder:this.placeholder}}static deserialize(e){if(e.type!=="number")throw new Error("Type mismatch.");return new te(e)}getInput(e){return i.jsx(on,{field:this,...e})}};N(te,"fieldTypeName","Number"),N(te,"fieldTypeDescription","Allows specifying a number within a given range."),N(te,"Icon",W.RiHashtag),N(te,"_validateMin",e=>(r,o)=>{const a=Fr(o)?Y(o,e):o;return typeof a.maximum=="number"&&typeof r=="number"&&a.maximum<r?"Minimum cannot be greater than minimum.":null}),N(te,"_validateMax",e=>(r,o)=>{const a=Fr(o)?Y(o,e):o;return typeof a.minimum=="number"&&typeof r=="number"&&a.minimum>r?"Maximum cannot be less than minimum.":null});let le=te;const an=d.memo(t=>{const[{inputId:n,labelId:e,label:r,helpText:o,size:a,severity:l,showInputOnly:s,field:p,fieldProps:c},f]=_(t),[h,m]=d.useState(!1),y=c.value,x=d.useCallback(w=>{c.onChange({target:{value:w}}),m(!1)},[c]),g=d.useCallback(()=>{c.onChange({target:{value:""}})},[c]),b=d.useCallback(()=>{m(!0)},[]),E=d.useCallback(()=>{m(!1)},[]);return i.jsx(R,{helpText:o,severity:l,children:i.jsxs(Z,{size:a,severity:l,inputId:n,labelId:e,label:r,image:s?void 0:p.image,className:"flex-col items-start justify-start gap-1",children:[i.jsx(Me,{open:h,onOpenChange:m,children:i.jsxs(Ae,{children:[i.jsx(Oe,{className:"light:bg-(--black-a6) fixed inset-0 dark:bg-(--black-a8)"}),i.jsx(Be,{className:"fixed inset-0",children:i.jsx(ln,{onQrScan:x,onClose:E})})]})}),i.jsxs("div",{className:"flex w-max items-center gap-1",children:[i.jsxs(u.Button,{...f,variant:"soft",onClick:b,children:[i.jsx(u.RiIcon,{icon:"RiQrCodeLine"}),"Scan"]}),y&&i.jsx("span",{className:"text-xs text-(--accent-a11)","data-accent-color":"primary",children:i.jsx(u.RiIcon,{icon:"RiCheckLine",style:{verticalAlign:"bottom"}})})]}),!!y&&i.jsx(u.Card,{children:i.jsxs("div",{className:"w-max items-center gap-2",children:[i.jsx("code",{className:"bg-(--base-a3)",children:y}),i.jsx(u.IconButton,{accentColor:"base",variant:"ghost","aria-label":"delete",size:"sm",onClick:g,children:i.jsx(u.RiIcon,{icon:"RiCloseLine"})})]})})]})})});an.displayName="QrInput";const ln=d.memo(t=>{const{onQrScan:n,onClose:e}=t,r=d.useRef(null),[o,a]=d.useState(!1);return d.useEffect(()=>{if(!r.current)return;const l=new Jr(r.current,s=>{const p=s.data;n(p),l.destroy()},{highlightCodeOutline:!0,highlightScanRegion:!0,maxScansPerSecond:1});a(!0),l.start().finally(()=>{a(!1)})},[n]),i.jsxs("div",{className:"relative flex h-full w-full flex-col justify-center gap-2 bg-(--color-background)",children:[i.jsx("div",{className:"absolute top-0 flex w-full p-2",children:i.jsx(u.IconButton,{"aria-label":"close",variant:"soft",accentColor:"base",onClick:e,children:i.jsx(u.RiIcon,{icon:"RiCloseLine"})})}),i.jsxs("div",{className:"relative max-h-full max-w-full",children:[i.jsx("video",{ref:r,style:{width:"100%",height:"100%"}}),o&&i.jsx("div",{className:"absolute inset-0 flex items-center justify-center bg-(--color-background)",children:i.jsx(u.Spinner,{})})]})]})});ln.displayName="QrScanner";const Tr={...K,type:"qr"},Se=class Se extends q{constructor(e){super({...e,type:"qr"});N(this,"onlyValidateAfterTouched",!1)}serialize(){return super._serialize()}static deserialize(e){if(e.type!=="qr")throw new Error("Type mismatch.");return new Se(e)}getInput(e){return i.jsx(an,{...e,field:this})}};N(Se,"fieldTypeName","QR"),N(Se,"fieldTypeDescription","Used for scanning/reading QR codes."),N(Se,"Icon",W.RiQrCodeLine);let ct=Se;class Lr extends q{constructor(e){const{placeholder:r="",...o}=e;super(o);N(this,"options");N(this,"onlyValidateAfterTouched",!1);N(this,"placeholder");this.placeholder=r;const a=new Set;this.options=e.options.map(l=>(typeof l=="string"&&(l={label:l,value:l}),a.add(l.label),l)),a.size!==e.options.length&&console.error(`${e.options.length-a.size} duplicate identifiers found in options. This may cause unexpected behavior. Options:`,e.options)}_serialize(){return{...super._serialize(),options:this.options,placeholder:this.placeholder}}static getFieldCreationSchema(e=""){const r=e&&`${e}.`;return[{field:new ke({label:"Options",description:"List possible options for the user to select from.",required:!0,identifier:`${r}options`,minimum_length:2}),showDirectly:!0}]}}const qo=t=>t?Array.isArray(t)?t:[t]:[],sn=d.memo(t=>{const[{inputId:n,labelId:e,size:r,severity:o,showInputOnly:a,field:l,fieldProps:s},p]=_(t),{onChange:c,onBlur:f}=s;let[{helpText:h,label:m}]=_(t);h=a?null:h,m=a?"":m;const y=d.useMemo(()=>qo(s.value),[s.value]),x=d.useCallback(g=>{c(g),f(g)},[c,f]);return i.jsx(R,{helpText:h,severity:o,children:i.jsx(Z,{size:r,severity:o,inputId:n,labelId:e,label:m,image:a?void 0:l.image,children:i.jsxs(u.Menu.Root,{children:[i.jsx(u.Menu.ClickTrigger,{children:i.jsxs(u.Button,{id:n,className:"!justify-between",name:s.name,variant:"soft",...p,children:[y.length>0?y.join(", "):l.placeholder,i.jsx(u.RiIcon,{icon:"RiArrowDownSLine"})]})}),i.jsx(u.Menu.Content,{children:i.jsxs(u.Menu.MultiSelectGroup,{values:y,onValuesChange:x,children:[i.jsxs(u.Menu.SelectAllItem,{allValues:l.options.map(({value:g})=>g),children:[i.jsx(u.Menu.SelectAllIndicator,{children:g=>g?i.jsx(u.RiIcon,{icon:"RiSubtractLine"}):i.jsx(u.RiIcon,{icon:"RiCheckLine"})}),"Select all"]}),l.options.map(g=>i.jsxs(u.Menu.MultiSelectItem,{value:g.value,children:[i.jsx(u.Menu.SelectedIndicator,{children:i.jsx(u.RiIcon,{icon:"RiCheckLine"})}),g.label]},g.value))]})})]})})})});sn.displayName="MultiSelectInput";const Dr={...K,type:"multi-select",options:[]},Ne=class Ne extends Lr{constructor(n){const{placeholder:e="Select one or more...",...r}=n;super({...r,placeholder:e,type:"multi-select"})}getValueFromChangeEvent(n){if(Array.isArray(n))return n;throw new Error("Expected an array.")}isBlank(n){return super.isBlank(n)||n.length===0}serialize(){return super._serialize()}static deserialize(n){if(n.type!=="multi-select")throw new Error("Type mismatch.");return new Ne(n)}getInput(n){return i.jsx(sn,{field:this,...n})}};N(Ne,"fieldTypeName","Multi-select"),N(Ne,"fieldTypeDescription","Allows the user to select a multiple options from a list of options."),N(Ne,"Icon",W.RiCheckboxLine);let Ve=Ne;const cn=d.memo(t=>{const[{inputId:n,labelId:e,size:r,severity:o,showInputOnly:a,field:l,fieldProps:s},p]=_(t),{onChange:c,onBlur:f}=s;let[{helpText:h,label:m}]=_(t);h=a?null:h,m=a?"":m;const y=d.useCallback(g=>{c(g),f(g)},[c,f]),x=o?$[o]:void 0;return i.jsx(R,{helpText:h,severity:o,children:i.jsx(Z,{size:r,severity:o,inputId:n,labelId:e,label:m,image:a?void 0:l.image,children:i.jsxs(u.Menu.Root,{children:[i.jsx(u.Menu.ClickTrigger,{children:i.jsxs(u.Button,{...s,className:"!justify-between",id:n,name:s.name,accentColor:x,variant:"soft",...p,children:[s.value?s.value:l.placeholder,i.jsx(u.RiIcon,{icon:"RiArrowDownSLine"})]})}),i.jsx(u.Menu.Content,{children:i.jsx(u.Menu.SelectGroup,{value:s.value,onValueChange:y,children:l.options.map(g=>i.jsxs(u.Menu.SelectItem,{value:g.value,children:[i.jsx(u.Menu.SelectedIndicator,{children:i.jsx(u.RiIcon,{icon:"RiCheckLine"})}),g.label]},g.value))})})]})})})});cn.displayName="SelectInput";const Pr={...K,type:"select",options:[]},Fe=class Fe extends Lr{constructor(n){const{placeholder:e="Select one...",...r}=n;super({...r,placeholder:e,type:"select"})}getValueFromChangeEvent(n){return typeof n=="string"?n:n.target.value}serialize(){return super._serialize()}static deserialize(n){if(n.type!=="select")throw new Error("Type mismatch.");return new Fe(n)}getInput(n){return i.jsx(cn,{field:this,...n})}};N(Fe,"fieldTypeName","Dropdown"),N(Fe,"fieldTypeDescription","Allows the user to select a single option from a list of options."),N(Fe,"Icon",W.RiMenuFoldLine);let je=Fe;const Mr=t=>"fields"in t;class dt extends q{constructor(e){const{minLength:r,maxLength:o,placeholder:a="",...l}=e;super(l);N(this,"minLength");N(this,"maxLength");N(this,"placeholder");this.minLength=r?Math.max(r,0):void 0,this.maxLength=o?Math.max(o,0):be,this.placeholder=a}static getFieldCreationSchema(e=""){const r=e&&`${e}.`;return[{field:new le({label:"Minimum length",description:"Minimum number of characters",required:!1,identifier:`${r}minimum_length`,minimum:0,maximum:100,formValidators:[this._validateMin(e)],integers:!0}),showDirectly:!1},{field:new le({label:"Maximum length",description:"Maximum number of characters",required:!1,identifier:`${r}maximum_length`,minimum:1,maximum:be,formValidators:[this._validateMax(e)],integers:!0}),showDirectly:!1}]}getFieldValidators(){const e=super.getFieldValidators();return this.minLength&&e.push(r=>{if(this.minLength&&(!r||r.length<this.minLength))return!this.required&&!r?null:`Minimum ${this.minLength} character(s).`}),this.maxLength&&e.push(r=>{if(typeof r=="string"&&this.maxLength&&r.length>this.maxLength)return`Maximum ${this.maxLength} character(s).`}),e}_serialize(){if(!this.identifier)throw new Error("Field identifier must be set before serializing.");return{...super._serialize(),minimum_length:this.minLength,maximum_length:this.maxLength,placeholder:this.placeholder}}}N(dt,"_validateMin",e=>(r,o)=>{const a=Mr(o)?Y(o,e):o;return typeof a.maximum_length=="number"&&typeof r=="number"&&a.maximum_length<r?"Minimum cannot be greater than maximum.":null}),N(dt,"_validateMax",e=>(r,o)=>{if(typeof r!="number")return null;const{minimum_length:a}=Mr(o)?Y(o,e):o;return typeof a!="number"?null:a>r?"Maximum cannot be less than minimum.":null});const dn=d.memo(t=>{const[{inputId:n,labelId:e,size:r,severity:o,showInputOnly:a,field:l,fieldProps:s},p]=_(t);let[{helpText:c,label:f}]=_(t);c=a?null:c,f=a?"":f;const h=o?$[o]:void 0;return i.jsx(R,{helpText:c,severity:o,children:i.jsx(Z,{size:r,severity:o,inputId:n,labelId:e,label:f,image:a?void 0:l.image,children:i.jsx(u.Input.Root,{accentColor:h,variant:"soft",children:i.jsx(u.Input.Field,{...p,...s,type:l.inputType,id:n,placeholder:l.placeholder})})})})});dn.displayName="StringInput";const Ar={...K,type:"string",maximum_length:tt,input_type:"text"},Te=class Te extends dt{constructor(e){const{inputType:r="text",...o}=e,a=e.maxLength?Math.min(tt,e.maxLength):tt,l=e.minLength?Math.min(e.minLength,a):void 0;super({...o,maxLength:a,minLength:l,type:"string"});N(this,"inputType");this.inputType=r}serialize(){return{...super._serialize(),input_type:this.inputType}}static deserialize(e){if(e.type!=="string")throw new Error("Type mismatch.");const{maximum_length:r,minimum_length:o,input_type:a,...l}=e;return new Te({...l,maxLength:r,minLength:o,inputType:a,placeholder:"Enter a short description"})}getInput(e){return i.jsx(dn,{field:this,...e})}};N(Te,"fieldTypeName","Short Text"),N(Te,"fieldTypeDescription",`Short text fields can hold up to ${tt} characters on a single line.`),N(Te,"Icon",W.RiInputField);let ut=Te;const un=d.memo(t=>{const[{inputId:n,labelId:e,size:r,severity:o,showInputOnly:a,field:l,fieldProps:s},p]=_(t);let[{helpText:c,label:f}]=_(t);c=a?null:c,f=a?"":f;const h=o?$[o]:void 0;return i.jsx(R,{helpText:c,severity:o,children:i.jsx(Z,{size:r,severity:o,inputId:n,labelId:e,label:f,image:a?void 0:l.image,children:i.jsx(u.TextArea,{...p,...s,className:"field-sizing-content",resize:"vertical",id:n,placeholder:l.placeholder,accentColor:h,variant:"soft"})})})});un.displayName="TextInput";const Or={...K,type:"text",maximum_length:be},Le=class Le extends dt{constructor(n){const e=n.maxLength?Math.min(be,n.maxLength):be,r=n.minLength?Math.min(n.minLength,e):void 0;super({...n,maxLength:e,minLength:r,type:"text"})}serialize(){return super._serialize()}static deserialize(n){if(n.type!=="text")throw new Error("Type mismatch.");const{maximum_length:e,minimum_length:r,...o}=n;return new Le({...o,maxLength:e,minLength:r,placeholder:"Enter a description"})}getInput(n){return i.jsx(un,{field:this,...n})}};N(Le,"fieldTypeName","Paragraph"),N(Le,"fieldTypeDescription",`Paragraph fields can hold up to ${be} characters and can have multiple lines.`),N(Le,"Icon",W.RiAlignJustify);let ft=Le;const Br=d.memo(d.forwardRef((t,n)=>{const{file:e,alt:r,error:o,rightSlot:a,className:l,truncateLength:s,...p}=t,c=d.useRef(null),f=d.useRef(null),h=u.useSize(c);d.useLayoutEffect(()=>{!f.current||!h||(f.current.style.height=`${h.height*4}px`)},[h]);const m=d.useMemo(()=>{if(e)return s!==void 0?U.truncate(e.name,s):e.name},[e,s]);return i.jsxs("div",{className:we(l,"relative flex h-max w-full flex-col gap-0 overflow-hidden rounded-md border items-center border-(--base-a6)"),ref:n,...p,children:[!e&&!o&&i.jsx("div",{className:"absolute flex h-full w-full flex-col items-center justify-center",children:i.jsx(u.Spinner,{})}),i.jsx("div",{ref:f,className:"-m-4 flex max-w-full items-center justify-center overflow-hidden bg-clip-padding",children:e&&!o&&i.jsx("img",{className:"max-w-full object-cover",src:URL.createObjectURL(e),alt:r??e.name})}),i.jsxs("div",{className:we("flex h-max w-full items-center gap-1 bg-(--base-2) px-2 py-1",{"bg-transparent":!e}),ref:c,children:[o?i.jsx(u.RiIcon,{icon:"RiFileWarningLine"}):e&&i.jsx(_e,{fileType:e.type}),o??m,a]})]})})),Ho=t=>{const n=["byte","kilobyte","megabyte"];let e=t,r=0;for(;e>1e3&&r<n.length-1;)e/=1e3,r++;return new Intl.NumberFormat([],{maximumFractionDigits:Math.max(0,r-1),style:"unit",unit:n[r]}).format(e)},_r=d.memo(t=>{var F;const[{inputId:n,labelId:e,size:r,severity:o,helpText:a,showInputOnly:l,field:s,fieldProps:p},c]=_(t),{onChange:f}=p;let[{label:h}]=_(t);h=l?"":h;const m=o?$[o]:void 0,y=d.useRef(null),{value:x}=p,g=d.useMemo(()=>l?null:a||(s.maxFileSize?`Maximum file size: ${s.maxFileSize}MB`:null),[s.maxFileSize,a,l]),b=d.useCallback(()=>{var L;(L=y.current)==null||L.click()},[]),E=d.useCallback(L=>{const T=[...x];T.splice(L,1),f({target:{files:T}})},[x,f]),w=x?"Select new files":"Select files",S=x?"Select new file":"Select a file",I=s.maxFiles>1?w:S;return i.jsxs("div",{className:"flex flex-col gap-2",children:[i.jsx(R,{helpText:g,severity:o,children:i.jsxs(Z,{size:r,severity:o,inputId:n,labelId:e,label:h,image:l?void 0:s.image,children:[i.jsx("div",{className:"flex gap-2",children:i.jsxs(u.Button,{...c,className:"w-max",variant:"soft",onClick:b,id:"upload-input-upload-button",children:[i.jsx(u.RiIcon,{icon:"RiUpload2Line"})," ",I]})}),i.jsx("input",{...c,type:"file",ref:y,id:n,accept:(F=s.extensions)==null?void 0:F.join(","),multiple:s.maxFiles>1,color:m,style:{display:"none"},...p,value:""})]})}),Array.isArray(x)&&x.length>0&&i.jsx("div",{className:"flex h-max flex-col gap-2",children:x.map((L,T)=>i.jsx(zr,{field:s,file:L,onRemove:()=>{E(T)},disabled:c.disabled},T))})]})});_r.displayName="UploadInput";const zr=d.memo(t=>{const{file:n,field:e,onRemove:r,disabled:o}=t,[a,l]=d.useState(null),s=mr(),p=d.useMemo(()=>a&&e.getError([a]),[e,a]),{url:c,name:f}=d.useMemo(()=>{let g=null,b,E;return a!=null&&a.type.startsWith("image/")&&(g=URL.createObjectURL(a)),a?(b=a.name,E=Ho(a.size)):(b="Downloading...",E="..."),{url:g,name:b,size:E}},[a]);d.useEffect(()=>{n instanceof Promise?n.then(l).catch(console.error):l(n)},[n]);const h=d.useCallback(g=>{if(g.stopPropagation(),!a)throw new Error("Cannot download a file that is not resolved.");const b=new Blob([a]);yr.saveAs(b,f)},[f,a]),m=d.useCallback(g=>{g.stopPropagation(),r()},[r]),y=d.useCallback(()=>{a&&s(g=>({file:a,onDelete:o?void 0:()=>{r(),g()}}))},[o,r,s,a]),x=d.useMemo(()=>i.jsxs(u.ButtonGroup,{variant:"ghost",accentColor:"base",size:"sm",children:[i.jsx(u.IconButton,{"aria-label":`Download ${f}`,onClick:h,disabled:!a,children:i.jsx(u.RiIcon,{icon:"RiDownload2Line"})}),!o&&i.jsx(u.IconButton,{"aria-label":`Remove ${f}`,disabled:o,onClick:m,children:i.jsx(u.RiIcon,{icon:"RiCloseLargeLine"})})]}),[o,m,h,f,a]);return c?i.jsx(Br,{style:{cursor:"pointer"},onClick:y,file:a,error:p??void 0,rightSlot:x}):i.jsx(Gt,{style:{cursor:"pointer"},onClick:y,file:a,error:p??void 0,rightSlot:x})});zr.displayName="DisplayFile";const Go={...K,type:"upload",extensions:[],maximum_size:void 0,maximum_files:1},De=class De extends q{constructor(e){const{extensions:r,maximum_files:o,maximum_size:a,...l}=e;super({...l,type:"upload"});N(this,"extensions");N(this,"maxFileSize");N(this,"maxFiles");N(this,"onlyValidateAfterTouched",!1);this.maxFileSize=typeof a=="number"?a:void 0,this.maxFiles=Math.max(typeof o=="number"?o:1,1),this.extensions=r}getValueFromChangeEvent(e){return Array.from(e.target.files||[])}isBlank(e){return super.isBlank(e)||e.length===0}static getFieldCreationSchema(e=""){const r=e&&`${e}.`;return[{field:new le({label:"How many files can be uploaded?",description:"By default, only one file can be uploaded.",required:!1,minimum:1,maximum:10,identifier:`${r}maximum_files`,integers:!0}),showDirectly:!1},{field:new le({label:"What is the maximum size of each file?",description:`Maximum file size in megabytes (between 1MB–${ht}MB).`,required:!1,identifier:`${r}maximum_size`,minimum:1,maximum:ht,integers:!0}),showDirectly:!1},{field:new Ve({label:"Accepted file types",description:"Types of allowed files to upload. If left blank, all files will be accepted.",required:!1,identifier:`${r}extensions`,options:[{value:"image/*",label:"Images"},{value:"audio/*",label:"Audio files"},{value:"video/*",label:"Videos"},{value:"text/*",label:"Text files"},{value:"application/*",label:"Application files (includes PDFs and Word documents)"}]}),showDirectly:!1}]}getFieldValidators(){const e=super.getFieldValidators(),r=this.maxFileSize??ht,o=r*1e3*1e3,a=this.maxFiles||1;return e.push(l=>{if(l&&l.some(s=>s.size>o))return`Files must be at most ${r}MB.`}),e.push(l=>{if(l&&l.length>a)return`You can only upload ${a} files.`}),e}serialize(){return{...super._serialize(),extensions:this.extensions,maximum_size:this.maxFileSize,maximum_files:this.maxFiles}}static deserialize(e){if(e.type!=="upload")throw new Error("Type mismatch.");return new De(e)}getInput(e){return i.jsx(_r,{field:this,...e})}};N(De,"fieldTypeName","Upload"),N(De,"fieldTypeDescription","Allows a file to be uploaded."),N(De,"Icon",W.RiUpload2Line);let fn=De;const hn={date:it,number:le,boolean:Ce,select:je,string:ut,text:ft,custom:ot,upload:fn,qr:ct,"multi-string":ke,"multi-select":Ve},Xo={date:br,number:Nr,boolean:wr,select:Pr,string:Ar,text:Or,custom:Vo,upload:Go,qr:Tr,"multi-string":Sr,"multi-select":Dr},ht=50,Ko=ht*1e3*1e3,pn=t=>{const n=t.type;return hn[n].deserialize(t)},pt=t=>t.type==="section"?H.deserialize(t):pn(t);function $r(t,n={}){const{readonly:e=!1}=n;return{title:t.title,description:t.description,fields:t.fields.map(r=>pt(r)),meta:{readonly:e}}}function mn(t){const n=[];for(const e of t.fields)if(e instanceof H)for(const r of e.fields)n.push(r);else{if(!(e instanceof q))throw new Error(`Invalid field type: ${e.type}`);n.push(e)}return n}function Qo(t,n){const e=mn(t),r={};for(const o of e){const a=n[o.identifier]??null;a!==null?r[o.identifier]=o.decodeJsonToValue(a):r[o.identifier]=a}return r}function Yo(t,n){const e=mn(t),r={};for(const o of e){const a=n[o.identifier];r[o.identifier]=o.encodeValueToJson(a)}return r}function mt(t){return Array.isArray(t)&&t.some(n=>n instanceof File||n instanceof Promise)}function gn(t,n){if(!t)return!0;if(mt(n)||mt(t.value))throw new Error("Conditions do not support file uploads");const e=Array.isArray(n)?n.map(o=>typeof o=="string"?o:o.value):n,r=Array.isArray(t.value)?t.value.map(o=>typeof o=="string"?o:o.value):t.value;if(Array.isArray(r)&&Array.isArray(e)){for(const o of r)if(!e.includes(o))return!1;return!0}return r===n}const kr=d.memo(t=>{const{field:n,...e}=t,{label:r,description:o,fields:a,condition:l}=n,{values:s,setFieldValue:p}=j.useFormikContext(),c=l!=null&&l.identifier?Y(s,l.identifier):void 0,f=d.useMemo(()=>c===void 0||gn(l,c),[l,c]);d.useEffect(()=>{if(!f)for(const m of a)p(m.getId(),"").then()},[f,a,p]);const h=$e(a,e);return f?i.jsx(u.Card,{children:i.jsxs("div",{className:"flex flex-col gap-6",children:[i.jsxs("div",{className:"flex flex-col",children:[i.jsx(u.Heading,{size:"lg",children:r}),i.jsx(u.Text,{accentColor:"base",children:o})]}),h]})}):null});kr.displayName="FieldSectionLayout";const Pe=class Pe extends Kt{constructor(e){const{label:r=null,fields:o,condition:a=null,conditional:l,...s}=e;super({...s,type:"section"});N(this,"label");N(this,"fields");N(this,"condition");this.fields=o,this.condition=a,this.label=r,l===!1&&(this.condition=null)}static getFieldCreationSchema(e,r=""){if(e.length===0)return[];const o=r&&`${r}.`;return[{field:new Ce({label:"Conditionally render section",identifier:`${o}conditional`,required:!1}),showDirectly:!0},{field:new Pe({label:"Conditional settings",identifier:`${o}conditional-settings`,condition:{identifier:`${o}conditional`,value:!0},fields:[new je({label:"Field",description:"The field to use for the condition.",options:e.map(a=>!a.label||a.type==="upload"?null:{label:a.label,value:a.identifier}).filter(a=>!!a),identifier:`${o}condition.identifier`,required:!0}),new jo({label:"Value",identifier:`${o}condition.value`,required:!0,clonedFieldIdentifier:`${o}condition.identifier`,getFieldToClone(a){if(!a)return null;const l=e.find(s=>s.identifier===a);return l?{...l,label:"Value",identifier:`${o}condition.value`,description:"The value to compare against.",required:l.type!=="boolean"}:(console.error("Could not find field with identifier",a),null)}})]}),showDirectly:!1}]}static deserialize(e){if(e.type!=="section")throw new Error("Invalid type");if(!Array.isArray(e.fields))throw new Error(`Invalid fields: ${e.fields} (not an array)`);const r=e.fields.map(pn);return new Pe({...e,fields:r})}conditional(){return this.condition!==null}serialize(){return{...super._serialize(),label:this.label,condition:this.condition,conditional:this.conditional(),fields:this.fields.map(e=>e.serialize())}}getErrors(e){const r={};for(const o of this.fields){const a=o.getId(),l=o.getError(Y(e,a),e);l&&Ct(r,o.getId(),l)}return r}getInput(e){return i.jsx(kr,{field:this,...e})}};N(Pe,"fieldTypeName","Section"),N(Pe,"fieldTypeDescription","Sections can be useful for grouping fields together. They can also be conditionally shown or hidden.");let H=Pe;const fe=t=>Object.keys(t).length>0,gt=(t,n)=>{const e={};for(const r of t.fields)if(r instanceof H){if(r.condition){const{identifier:o}=r.condition;if(!gn(r.condition,Y(n,o)))continue}Object.assign(e,r.getErrors(n))}else{if(!(r instanceof q))throw new Error("Invalid field type");const o=r.getId(),a=r.getError(Y(n,o),n);a&&Ct(e,o,a)}if(fe(e))return e},Jo=[null,void 0],vt=(t,n)=>t.reduce((e,r)=>r instanceof H?{...e,...vt(r.fields,n)}:(Jo.includes(Y(e,r.getId()))&&Ct(e,r.getId(),""),e),Zr(n)),Zo=()=>{throw new Error("onSubmit must be provided if form is not readonly.")},Vr=d.memo(d.forwardRef((t,n)=>{const{schema:e,values:r={},onSubmit:o=Zo,submitText:a="Submit",cancelText:l,onCancel:s,onDirty:p,onDirtyChange:c,hideTitle:f=!e.title,hideDescription:h,className:m,buttonProps:y}=t,{readonly:x}=e.meta,g=d.useMemo(()=>crypto.randomUUID(),[]),b=j.useFormik({initialValues:vt(e.fields,r),onSubmit:o,validate:F=>gt(e,F),validateOnBlur:!1,validateOnChange:!1}),{dirty:E}=b,w=d.useMemo(()=>typeof e.title=="string"?i.jsx(u.Heading,{size:"lg",children:e.title}):e.title,[e.title]),S=d.useMemo(()=>typeof e.description=="string"?i.jsx(u.Text,{accentColor:"base",children:e.description}):e.description,[e.description]),I=$e(e.fields,{formId:g,disabled:x});return d.useEffect(()=>{E&&p&&p(),c&&c(E)},[E,p,c]),i.jsx(j.FormikProvider,{value:b,children:i.jsxs("form",{id:g,ref:n,className:we(m,"flex flex-col gap-2"),onSubmit:b.handleSubmit,children:[!f&&i.jsx(u.Card,{children:i.jsxs("div",{className:"flex flex-col gap-1",children:[w,!h&&S]})}),I,!x&&i.jsxs("div",{className:"flex items-center justify-end gap-2",children:[l&&i.jsxs(u.Button,{accentColor:$.danger,...y,type:"button",onClick:s,children:[i.jsx(u.RiIcon,{icon:"RiCloseLine"}),l]}),i.jsxs(u.Button,{...y,type:"submit",disabled:!b.isValid,accentColor:"success",children:[i.jsx(u.RiIcon,{icon:"RiCheckLine"}),a]})]})]})})})),he=d.memo(t=>{const{name:n,render:e}=t,{submitForm:r}=j.useFormikContext(),[o,a,l]=j.useField(n),s=d.useMemo(()=>{const p=c=>{l.setValue(c,!1)};return e({value:o.value,meta:a,setValue:p,patchValue:()=>{r()}})},[e,o.value,a,r,l]);return i.jsx(i.Fragment,{children:s})});he.displayName="PatchField";const Ro=d.memo(d.forwardRef((t,n)=>{const{children:e,schema:r,values:o,onPatch:a,onError:l,requiresDiff:s=!0,onDirtyChange:p,...c}=t,f=d.useMemo(()=>vt(r.fields,o),[r.fields,o]),h=d.useCallback(w=>{const S={};for(const I in w){const F=w[I];F!==f[I]&&F!==void 0&&(S[I]=F)}return S},[f]),m=d.useCallback(w=>{const S=h(w);s&&!fe(S)||a(S)},[h,a,s]),y=d.useCallback(w=>{const S=gt(r,w);if(S&&l(S),p){const I=h(w);p(fe(I))}return S},[r,p,l,h]),x=j.useFormik({initialValues:f,onSubmit:m,validate:y,validateOnBlur:!1,validateOnChange:!1}),g=d.useCallback(()=>{if(p){const w=h(x.values);fe(w)&&p(!0)}},[x.values,h,p]),{errors:b,resetForm:E}=x;return d.useEffect(()=>{fe(b)&&E({values:f,errors:{}})},[b,f,E]),i.jsx(j.FormikProvider,{value:x,children:i.jsx("form",{...c,ref:n,onSubmit:x.handleSubmit,onChange:g,children:e})})})),yt="form-builder",ea=[["string","text"],["select","multi-select","upload","qr"],["boolean","date","number","multi-string"]],vn={...hn,section:H},ta=(t,n)=>{var r;const e={...t};switch(n.type){case"release":for(const o in e)e[o].disabled=!1;return e;case"hold":for(const o in e)(r=e[o])!=null&&r.conditionFields.has(n.fieldId)&&(e[o].disabled=!0);return e;case"update":return n.state}},na=(t,n)=>{if(n)for(let e=0;e<t.length;e++){const r=t[e];if(r){for(const o of r.fields)if(o.identifier===n)return e}}},jr=t=>{var e,r,o;const n={};for(let a=0;a<t.length;a++){const l=t[a];if(!l)throw new Error("Field is undefined.");const s=a>0?(e=n[t[a-1].identifier])==null?void 0:e.conditionFields:void 0,p=new Set(s);(r=l.condition)!=null&&r.identifier&&p.add(l.condition.identifier),n[l.identifier]={disabled:!1,conditionFields:p,conditionIndex:na(t,(o=l.condition)==null?void 0:o.identifier),index:a,label:l.label}}return n},yn=d.memo(t=>{const{index:n,type:e,sectionIndex:r,remove:o,duplicate:a,move:l,upload:s}=t;if(e!=="section"&&!s)throw new Error("Upload function prop must be defined for non-section fields.");const{values:p}=j.useFormikContext(),c=d.useRef(null),f=d.useMemo(()=>{const h=[{Icon:W.RiFileCopyLine,key:"duplicate",text:"Duplicate",buttonProps:{onClick:a}}];return n!==0&&h.push({Icon:W.RiDeleteBin2Line,key:"delete",text:"Delete",buttonProps:{onClick:o}}),e!=="section"&&h.unshift({Icon:W.RiImageLine,key:"upload",text:"Upload image",buttonProps:{onClick:()=>{var m;(m=c.current)==null||m.click()}}}),(r===void 0&&n!==p.fields.length-1||r!==void 0&&(r<p.fields.length-1||n!==p.fields[r].fields.length-1))&&h.unshift({Icon:W.RiArrowDownLine,key:"moveDown",text:"Move down",buttonProps:{onClick:()=>{l("down")}}}),(r===void 0&&n!==0||r!==void 0&&(r!==0||n!==0))&&h.unshift({Icon:W.RiArrowUpLine,key:"moveUp",text:"Move up",buttonProps:{onClick:()=>{l("up")}}}),h},[a,n,l,o,r,e,p.fields]);return i.jsxs(i.Fragment,{children:[i.jsx("div",{className:"mx-2 flex hidden flex-col gap-5 sm:block",children:f.map(h=>{const m=h.Icon;return i.jsx(u.IconButton,{type:"button",variant:"ghost",accentColor:h.key.startsWith("move")?"base":void 0,"aria-label":h.text,...h.buttonProps,children:i.jsx(m,{})},h.key)})}),i.jsx("div",{className:"sm:hidden",children:i.jsxs(u.Menu.Root,{children:[i.jsx(u.Menu.ClickTrigger,{children:i.jsx(u.IconButton,{variant:"ghost","aria-label":"Actions menu",children:i.jsx(u.RiIcon,{icon:"RiMore2Line"})})}),i.jsx(u.Menu.Content,{children:f.map(h=>{var y;const m=h.Icon;return i.jsxs(u.Menu.Item,{onClick:(y=h.buttonProps)==null?void 0:y.onClick,children:[i.jsx(m,{}),h.text]},h.key)})})]})}),e!=="section"&&i.jsx("input",{style:{display:"none"},ref:c,type:"file",accept:"image/*",onChange:s})]})});yn.displayName="FieldActions";const Ur=(t=()=>null)=>d.useMemo(()=>ea.map(n=>n.map(e=>{const r=hn[e],o=r.Icon;return{children:r.fieldTypeName,leftSlot:i.jsx(o,{}),value:e,onSelect:()=>{t(e)}}})),[t]),pe=t=>t.type==="section",wn=d.memo(t=>{const{popoverInputs:n,hasError:e}=t;return i.jsxs(u.Popover.Root,{children:[i.jsx(u.Popover.Trigger,{children:i.jsxs(u.Button,{variant:"soft",size:"sm","aria-label":"settings",...e&&{color:$.danger},children:[i.jsx(u.RiIcon,{icon:"RiSettings2Line"}),i.jsx("span",{children:"Settings"})]},"settings")}),i.jsx(u.Popover.Content,{size:"sm",children:i.jsx("div",{className:"flex max-w-[240px] flex-col",children:n})})]})});wn.displayName="FieldSettingsPopover";const bn=d.memo(t=>{var re,wt,Cn,Kr,Qr,Yr;const{parentPath:n,index:e,initial:r,conditionalSourceFields:o}=t,{values:a,setFieldValue:l,errors:s}=j.useFormikContext(),p=Ur(),c=d.useRef(null),f=576,[h,m]=d.useState(c.current&&c.current.getBoundingClientRect().width>=f);d.useEffect(()=>{const P=c.current;if(P){const O=new ResizeObserver(G=>{G[0]&&m(G[0].contentRect.width>=f)});return O.observe(P),()=>{O.disconnect()}}},[]);const[y,x]=d.useState(void 0),[g,b]=d.useState(!1);d.useEffect(()=>{pe(r)?x(void 0):r.image instanceof Promise?r.image.then(x).catch(console.error):x(r.image)},[r]);const E=y?URL.createObjectURL(y):void 0,w=d.useCallback(P=>{P.stopPropagation();const{image:O,...G}=r;l(`${n}.${e}`,G).then()},[e,r,n,l]);d.useEffect(()=>{pe(r)&&!r.conditional&&l(`${n}.${e}.condition`,null).then()},[e,r,n,l]);const S=d.useMemo(()=>{var P,O;return pe(r)?(O=Ir(a.fields,(P=r.condition)==null?void 0:P.identifier))==null?void 0:O.label:void 0},[r,a.fields]),I=pe(r)?Array.isArray((re=r.condition)==null?void 0:re.value)?"contains all of":"equals":void 0;let F;if(pe(r)){if(mt((wt=r.condition)==null?void 0:wt.value))throw new Error("File values are not supported for conditions.");F=Array.isArray((Cn=r.condition)==null?void 0:Cn.value)?r.condition.value.map(P=>typeof P=="string"?P:P.label).join(", "):(Qr=(Kr=r.condition)==null?void 0:Kr.value)==null?void 0:Qr.toString()}const L=d.useCallback(P=>{P.target.parentNode instanceof HTMLElement&&(P.target.parentNode.dataset.replicatedValue=P.target.value)},[]),T=d.useCallback(P=>{P.target.parentNode instanceof HTMLElement&&(P.target.parentNode.dataset.replicatedValue=P.target.value)},[]),D=r.type,A=vn[D],[B,X]=d.useMemo(()=>{let P=[],O=[];if(A===H){if(o===void 0)throw new Error("Conditional source fields must be provided when changing sections.");const G=A.getFieldCreationSchema(o,`${n}.${e}`);P=P.concat(G.filter(V=>V.showDirectly).map(V=>V.field)),O=O.concat(G.filter(V=>!V.showDirectly).map(V=>V.field))}else{if(!(A.prototype instanceof q))throw new Error(`Field must be an instance of BaseField. Got ${A.toString()}.`);const G=A.getFieldCreationSchema(`${n}.${e}`);h?(P=[...P,...G.filter(V=>V.showDirectly).map(V=>V.field)],O=[...O,...G.filter(V=>!V.showDirectly).map(V=>V.field)]):O=[...O,...G.map(V=>V.field)]}return[P,O]},[A,o,n,e,h]),Q=$e(B,{formId:yt,disabled:!1,internal:!0,...A===H&&{size:"sm"}}),z=$e(X,{formId:yt,disabled:!1});let M=X.length>0;pe(r)&&X.length>0&&(M=r.conditional);const k=X.some(P=>{const O=Y(s,A===H?`${n}.${e}.condition`:P.getId());return O&&(typeof O!="object"||fe(O))}),se=k?$.danger:void 0,Ue=d.useMemo(()=>pt(r),[r]),We=Rt(Ue,{formId:yt,showInputOnly:!1});return i.jsx("div",{className:"flex grow items-center w-full",ref:c,children:i.jsxs("div",{className:"flex w-full flex-col gap-4",children:[A===H&&i.jsxs("div",{className:"flex flex-col gap-2",children:[B.length>0&&Q,i.jsxs("div",{className:"flex items-center gap-4",children:[M&&i.jsx(wn,{popoverInputs:z,hasError:k}),pe(r)&&r.conditional&&i.jsx("span",{className:"text-sm text-(--accent-a11)","data-accent-color":se,children:i.jsxs("em",{children:["Display only if ",i.jsx("strong",{children:S})," ",I," ",i.jsx("strong",{children:F})]})})]})]}),A!==H&&i.jsxs("div",{className:"flex gap-2 w-full justify-between",children:[i.jsxs("div",{className:"flex gap-2 items-center",children:[i.jsx(u.Badge,{className:"w-fit",accentColor:"base",variant:"soft",children:(Yr=p.flat().find(P=>P.value===D))==null?void 0:Yr.children}),i.jsx(he,{name:`${n}.${e}.required`,render:({setValue:P,value:O})=>i.jsxs("div",{className:"flex items-center gap-2",children:[i.jsx(u.Checkbox.Root,{checked:O,onCheckedChange:P,variant:"soft",children:i.jsx(u.Checkbox.Indicator,{children:i.jsx(u.RiIcon,{icon:"RiCheckLine"})})}),i.jsx(u.Text,{size:"sm",accentColor:"base",children:"Required field"})]})})]}),M&&i.jsx(wn,{popoverInputs:z,hasError:k})]}),y&&i.jsxs(i.Fragment,{children:[i.jsxs("div",{className:"group relative inline-block w-full min-w-[300px]",children:[i.jsx("img",{className:"h-[100px] w-full min-w-[300px] cursor-pointer rounded-md object-cover",src:E,alt:y.name,onClick:()=>{b(!0)}}),i.jsx(u.IconButton,{className:"absolute top-2 right-2 hidden group-hover:not-disabled:flex",variant:"solid",accentColor:$.danger,"aria-label":"delete",onClick:w,children:i.jsx(u.RiIcon,{icon:"RiDeleteBin2Line"})})]}),g&&i.jsx(Qt,{file:y,url:E,name:y.name,setShowPreview:b})]}),i.jsx(he,{name:`${n}.${e}.label`,render:({setValue:P,value:O})=>i.jsx(u.Input.Root,{size:"md",variant:"outline",children:i.jsx(u.Input.Field,{placeholder:D==="section"?"Enter a section label (optional)":"Enter your question",value:O,onChange:G=>{P(G.target.value)},onInput:L,maxLength:200})})}),i.jsx(he,{name:`${n}.${e}.description`,render:({setValue:P,value:O})=>i.jsx(u.TextArea,{className:"field-sizing-content grow",placeholder:`Enter a ${D==="section"?"section":"field"} description (optional)`,value:O,onChange:G=>{P(G.target.value)},onInput:T,resize:"none",maxLength:1e3,variant:"outline"})}),A!==H&&B.length>0&&i.jsx("div",{className:"w-full",children:Q}),A!==H&&i.jsxs(i.Fragment,{children:[i.jsx(u.Separator,{size:"full"}),i.jsxs("div",{className:"flex flex-col gap-2",children:[i.jsx(u.Text,{accentColor:"base",children:"Field preview"}),i.jsx("div",{children:We})]})]})]})})});bn.displayName="FieldBuilder";const Wr=d.memo(t=>{const{field:n,index:e,sectionIndex:r,remove:o}=t,{setFieldValue:a,values:l}=j.useFormikContext(),{reorderField:s}=nn(),{showError:p}=u.useToast(),c=`fields.${r}.fields`,f=d.useMemo(()=>({index:e,parentPath:c,initial:n}),[n,e,c]),h=d.useCallback(()=>{const x=n.label??"Unlabelled field",g={...n,label:x};st(c,e+1,g,l,a)},[n,c,e,l,a]),m=d.useCallback(x=>{const g=r,b=l.fields[g];let E=r,w=x==="up"?e-1:e+1;x==="up"&&e===0?(E=r-1,w=l.fields[E].fields.length):x==="down"&&e===b.fields.length-1&&(E=r+1,w=0);const S=l.fields[E];s(b,g,e,S,E,w,a)},[r,l.fields,e,s,a]),y=d.useCallback(x=>{const{files:g}=x.target;if(!g||g.length!==1)return;const b=g.item(0);if(b){if(b.size>Ko){p({title:"File upload error",description:`The file ${b.name} exceeded the maximum file size`});return}a(`${c}.${e}`,{...n,image:b}).then()}},[n,e,c,a,p]);return i.jsx(ie.Draggable,{draggableId:n.identifier,index:e,children:x=>i.jsx(u.Card,{ref:x.innerRef,...x.draggableProps,...x.dragHandleProps,className:"mb-4",children:i.jsxs("div",{className:"flex items-center justify-between gap-4 w-full",children:[i.jsx(bn,{...f}),i.jsx(yn,{index:e,type:n.type,sectionIndex:r,remove:o,duplicate:h,move:m,upload:y})]})})})});Wr.displayName="FieldWithActions";const qr=d.memo(t=>{var S;const{field:n,index:e,dropState:r,fieldsOnly:o}=t,a=(S=r[n.identifier])==null?void 0:S.disabled,{setFieldValue:l,values:s}=j.useFormikContext(),p=u.useAlertDialog(),{reorderSection:c}=nn(),f=d.useCallback((I,F)=>{for(const L of I){const T=F.indexOf(L);l(`fields.${T}.condition`,null).then(),l(`fields.${T}.conditional`,!1).then()}},[l]),h=d.useCallback(I=>{var T;const F=n.fields[I];if(!F)throw new Error("Could not find field to remove.");const L=[];for(const D of s.fields)((T=D.condition)==null?void 0:T.identifier)===F.identifier&&L.push(D);return{removing:F,affectedSections:L,action:()=>l(`fields.${e}.fields`,lt(n.fields,I))}},[n.fields,s.fields,l,e]),m=d.useCallback(I=>{const{affectedSections:F,action:L,removing:T}=h(I),D=()=>{L().then(),f(F,s.fields)};if(F.length>0){const A=F.map(B=>B.label).join(", ");p({title:"Remove condition?",description:`${T.label} is being used as a condition, deleting it will remove the condition from the ${A} section(s).`,action:"Remove",onAction:D});return}D()},[h,f,s.fields,p]),y=d.useCallback(()=>{const F=n.fields.map((Q,z)=>h(z)).flatMap(Q=>Q.affectedSections),L=F.length?"Remove fields and conditions?":"Remove fields?",T=n.fields.length,D=F.map(Q=>Q.label).join(", "),A=F.length?`Deleting this section will remove the ${T} field(s) it contains and will remove the conditions from following sections: ${D}`:`Deleting this section will remove the ${T} field(s) it contains.`,B=lt(s.fields,e),X=()=>l("fields",B);if(F.length>0){p({title:L,description:A,action:"Remove",onAction:()=>{X().then(()=>{f(F,B)})}});return}X().then()},[n.fields,s.fields,e,h,l,p,f]),x=d.useCallback(I=>{const F=I==="up"?e-1:e+1;c(r,n.identifier,e,F,s,l)},[e,c,r,n.identifier,s,l]),g=d.useMemo(()=>({index:e,parentPath:"fields",initial:n,conditionalSourceFields:Er(s.fields,e)}),[n,e,s.fields]),b=d.useCallback(()=>{const I=n.label??"Untitled section",F=n.fields.map(T=>({...T,identifier:tn(null,T.label)})),L={...n,label:I,fields:F};st("fields",e+1,L,s,l)},[n,e,s,l]),E=d.useCallback(I=>{st(`fields.${e}.fields`,n.fields.length,Xo[I],s,l)},[e,n.fields.length,s,l]),w=Ur(E);return i.jsx(ie.Draggable,{draggableId:n.identifier,index:e,children:I=>i.jsx(u.Card,{ref:I.innerRef,...I.draggableProps,...I.dragHandleProps,variant:"outline",className:"mb-4 w-full",children:i.jsxs("div",{className:"flex items-center justify-between gap-3 w-full",children:[i.jsxs("div",{className:"flex grow flex-col gap-2 w-full",children:[!o&&i.jsx(bn,{...g}),i.jsx(ie.Droppable,{droppableId:n.identifier,type:"SECTION",isDropDisabled:a,children:F=>i.jsxs("div",{className:"flex flex-col gap-0 w-full",ref:F.innerRef,...F.droppableProps,children:[n.fields.map((L,T)=>i.jsx(Wr,{field:L,index:T,sectionIndex:e,remove:()=>{m(T)}},L.identifier)),F.placeholder,i.jsxs(u.Menu.Root,{children:[i.jsx(u.Menu.ClickTrigger,{children:i.jsxs(u.Button,{type:"button",variant:"solid",children:[i.jsx(u.RiIcon,{icon:"RiAddLine"})," Add field"]})}),i.jsx(u.Menu.Content,{children:w.flat().map(L=>i.jsxs(u.Menu.Item,{onSelect:L.onSelect,children:[L.leftSlot,L.children]},L.value))})]})]})})]}),!o&&i.jsx(yn,{index:e,type:n.type,remove:y,duplicate:b,move:x})]})})})});qr.displayName="FieldSectionWithActions";const Hr=(t,n)=>{for(const[e,r]of Object.entries(t))if(r.identifier===n)return[r,e]},Gr=d.memo(t=>{const{fieldsOnly:n}=t,{values:e,setFieldValue:r}=j.useFormikContext(),[o,a]=d.useReducer(ta,e.fields,jr),{reorderSection:l,reorderField:s}=nn();d.useEffect(()=>{a({type:"update",state:jr(e.fields)})},[a,e.fields]);const p=d.useCallback(h=>{h.type==="SECTION"&&a({type:"hold",fieldId:h.draggableId})},[]),c=d.useCallback(h=>{const{source:m,destination:y,type:x,reason:g,draggableId:b}=h;if(a({type:"release"}),!y||g==="CANCEL")return;if(x==="ROOT"){l(o,b,m.index,y.index,e,r);return}if(x!=="SECTION")throw new Error("Unexpected droppable type.");const[E,w]=Hr(e.fields,m.droppableId)??[],[S,I]=Hr(e.fields,y.droppableId)??[];s(E,w,m.index,S,I,y.index,r)},[e,s,r,l,o]),f=d.useCallback(h=>{Wo(h+1,e,r)},[e,r]);return i.jsx(ie.DragDropContext,{onDragStart:p,onDragEnd:c,children:i.jsx(ie.Droppable,{droppableId:"droppable",type:"ROOT",children:h=>i.jsxs("div",{className:"flex flex-col gap-0",ref:h.innerRef,...h.droppableProps,children:[e.fields.map((m,y)=>i.jsxs(d.Fragment,{children:[i.jsx(qr,{field:m,index:y,dropState:o,fieldsOnly:n}),!n&&i.jsxs(u.Button,{className:"mb-4",type:"button",variant:"soft",accentColor:"base",onClick:()=>{f(y)},children:[i.jsx(u.RiIcon,{icon:"RiAddLine"})," Add section"]})]},m.identifier)),h.placeholder]})})})});Gr.displayName="FieldsEditor";const ra=()=>{alert("This is a form preview, your data will not be saved.")},ia=d.memo(d.forwardRef((t,n)=>{const{onCancel:e,onSave:r,revision:o,initialTitle:a,showExplainerText:l=!0,showFormTitle:s=!0,fieldsOnly:p=!1,showTabs:c=!0,tabsListClassName:f,hydrateRevisionWithImages:h}=t,{showError:m}=u.useToast(),y=d.useCallback(w=>{const S={};w.title||(S.title="Title is required."),(!w.fields||w.fields.length===0)&&(S.fields="At least one field is required.");let I=[];for(const[L,T]of w.fields.entries()){const A=vn.section.getFieldCreationSchema(Er(w.fields,L),`fields.${L}`).map(B=>B.field);I=[...I,...A];for(const[B,X]of T.fields.entries()){const z=vn[X.type].getFieldCreationSchema(`fields.${L}.fields.${B}`).map(M=>M.field);I=[...I,...z]}}const F=gt({fields:I},w);if(F&&(S.fields=F.fields),fe(S))return m({title:"Some form settings are invalid",description:"Please check settings highlighted in red."}),S},[m]),x=d.useMemo(()=>({title:a??"",description:"",fields:[{...at(tn(null,"")),label:""}]}),[a]),g=o?h(o):void 0,b=j.useFormik({initialValues:Uo(g)??x,validate:y,onSubmit:r,validateOnChange:!1,validateOnBlur:!1}),E=d.useMemo(()=>$r(b.values),[b.values]);return i.jsx(u.Tabs.Root,{ref:n,defaultValue:"edit",children:i.jsxs("div",{className:"flex flex-col gap-2",children:[c&&i.jsxs(u.Tabs.List,{className:we("sticky top-0 z-[2000] flex bg-(--color-background)",f),children:[i.jsx(u.Tabs.Trigger,{className:"grow",value:"edit",children:i.jsxs("div",{className:"flex items-center gap-2",children:[i.jsx(u.RiIcon,{icon:"RiPencilLine"}),"Edit form"]})}),i.jsx(u.Tabs.Trigger,{className:"grow",value:"preview",children:i.jsxs("div",{className:"flex items-center gap-2",children:[i.jsx(u.RiIcon,{icon:"RiEyeLine"}),"Preview form"]})})]}),i.jsxs(u.Tabs.Content,{value:"edit",children:[l&&i.jsxs("span",{children:["Create your form using various field types. Sections can be"," ",i.jsx("strong",{children:"conditionally rendered"})," based on"," ",i.jsx("strong",{children:"answers to fields in preceding sections. "})]}),i.jsxs("form",{className:"mt-3 flex flex-col gap-2",id:yt,onSubmit:b.handleSubmit,children:[i.jsxs(j.FormikProvider,{value:b,children:[s&&i.jsxs(i.Fragment,{children:[i.jsx(he,{name:"title",render:({setValue:w,value:S,meta:I})=>i.jsx(Yt,{severity:"danger",helpText:I.error??null,children:i.jsx(u.Input.Root,{variant:"outline",size:"lg",accentColor:I.error?$.danger:"primary",children:i.jsx(u.Input.Field,{placeholder:"Form title",value:S,onChange:F=>{w(F.target.value)},maxLength:100})})})}),i.jsx(he,{name:"description",render:({setValue:w,value:S})=>i.jsx(u.TextArea,{className:"field-sizing-content",placeholder:"Explain the purpose of this form",value:S,onChange:I=>{w(I.target.value)},resize:"vertical",maxLength:1e3})})]}),i.jsx(Gr,{fieldsOnly:p}),i.jsx("span",{"data-accent-color":$.danger,className:"text-xs text-(--accent-a11)",children:typeof b.errors.fields=="string"&&b.errors.fields})]}),i.jsxs("div",{className:"flex items-center justify-end gap-2",children:[e&&i.jsx(u.Button,{type:"button",variant:"solid",accentColor:"base",onClick:e,children:"Cancel"}),i.jsx(u.Button,{type:"submit",children:"Save form"})]})]})]}),i.jsx(u.Tabs.Content,{value:"preview",children:i.jsx(Vr,{schema:E,onSubmit:ra,hideTitle:!s})})]})})})),oa=Object.values(U.Colors),aa=1;async function la(t,n,e,r){const o=t.getContext("2d",{}),a=new Image(r.width,r.height),l=new Image(r.width,r.height),s=new U.DeferredPromise;return a.onload=function(){o.drawImage(a,0,0,r.width,r.height),l.src=URL.createObjectURL(e),l.onload=async function(){o.drawImage(l,0,0,r.width,r.height);const p=t.toDataURL("image/jpeg",aa),c=await U.fileToBlob(p),f=new File([c],n.name,{type:"image/jpeg"});s.resolve(f)}},a.src=URL.createObjectURL(n),s}const Xr=d.memo(t=>{const{file:n,onClose:e,onSave:r,onDelete:o,dirty:a,onDirty:l}=t;n.objectURL||(n.objectURL=URL.createObjectURL(n));const s=d.useRef(null),p=d.useRef(null),[c,f]=d.useState(U.Colors.red),[h,m]=d.useState(null),[y,x]=d.useState(!1),[g,b]=d.useState(!1),E=d.useRef(null),w=u.useSize(E);d.useEffect(()=>{const z=new Image;z.onload=function(){m({width:z.naturalWidth,height:z.naturalHeight})},z.src=URL.createObjectURL(n)},[n]),d.useEffect(()=>{!g&&(w!=null&&w.width)&&w.height&&b(!0)},[w,g]);const S=d.useCallback(async()=>{a||e();const z=s.current;if(!z)return;if(!h)throw new Error("Original image size not loaded yet");const M=await z.exportImage("png"),k=new Image(h.width,h.height);k.onload=async function(){const se=await U.fileToBlob(M),Ue=new File([se],n.name,{type:n.type}),We=p.current,re=await la(We,n,Ue,h);re.objectURL=URL.createObjectURL(re);const wt=await U.hashFile(n);await U.hashFile(re)!==wt&&r(re),x(!1),e()},x(!0),k.src=M},[a,n,e,r,h]),I=d.useCallback(()=>{o(n)},[n,o]),F=d.useCallback(()=>{e()},[e]),L=d.useCallback(()=>{l(!0)},[l]),T=d.useCallback(()=>{s.current&&s.current.redo()},[]),D=d.useCallback(()=>{s.current&&s.current.undo()},[]),A=d.useCallback(()=>{s.current&&(l(!1),s.current.clearCanvas())},[l]),B=d.useCallback(z=>{s.current&&s.current.eraseMode(z)},[]),X=d.useCallback(()=>{S()},[S]),Q=d.useCallback(()=>{U.downloadFile(n)},[n]);return i.jsx(Me,{open:!0,onOpenChange:e,children:i.jsxs(Ae,{children:[i.jsx(Oe,{className:"light:bg-(--black-a6) fixed inset-0 dark:bg-(--black-a8)"}),i.jsx(Be,{className:"fixed inset-0",children:i.jsxs(i.Fragment,{children:[h&&i.jsx("canvas",{style:{display:"none"},id:"attachment-markup-canvas",ref:p,width:h.width,height:h.height}),i.jsxs("div",{className:"relative flex h-full w-full flex-col",children:[i.jsx("div",{className:"flex h-8 w-full items-center bg-(--color-background) px-2",children:i.jsx(u.ButtonGroup,{accentColor:"base",size:"md",variant:"soft",children:i.jsxs("div",{className:"grid w-full grid-cols-3",children:[i.jsxs("div",{className:"flex gap-2",children:[i.jsx(u.IconButton,{"aria-label":"close",onClick:F,children:i.jsx(u.RiIcon,{icon:"RiCloseLine"})}),i.jsx(u.IconButton,{"aria-label":`Download ${n.name}`,onClick:Q,children:i.jsx(u.RiIcon,{icon:"RiDownload2Line"})})]}),i.jsxs("div",{className:"flex items-center justify-center gap-2",children:[i.jsx(It,{selectedColor:c,allColors:oa,onFinish:f,trigger:i.jsx(u.IconButton,{"aria-label":"Markup color picker",type:"button",variant:"solid",style:{backgroundColor:c},children:" "})}),i.jsx(u.IconToggleButton,{defaultPressed:!1,"aria-label":"erase",onPressedChange:B,children:i.jsx(u.RiIcon,{icon:"RiEraserFill"})}),i.jsx(u.Separator,{orientation:"vertical",size:"full"}),i.jsx(u.IconButton,{"aria-label":"undo",onClick:D,children:i.jsx(u.RiIcon,{icon:"RiArrowGoBackLine"})}),i.jsx(u.IconButton,{"aria-label":"undo",onClick:T,children:i.jsx(u.RiIcon,{icon:"RiArrowGoForwardLine"})}),i.jsx(u.IconButton,{"aria-label":"undo all",onClick:A,children:i.jsx(u.RiIcon,{icon:"RiLoopLeftLine"})})]}),i.jsxs("div",{className:"flex justify-end gap-2",children:[i.jsx(u.IconButton,{"aria-label":"Save markup",accentColor:"primary",onClick:X,children:i.jsx(u.RiIcon,{icon:"RiSaveLine"})}),i.jsx(u.IconButton,{"aria-label":"Delete attachment",onClick:I,children:i.jsx(u.RiIcon,{icon:"RiDeleteBin2Line"})})]})]})})}),i.jsxs("div",{className:"relative flex w-full grow items-center justify-center p-4",children:[i.jsx("img",{className:"translate-xmax-h-[calc(100%-130px)] pointer-events-none invisible absolute top-[50%] left-[50%] max-w-svw translate-x-[-50%] translate-y-[-50%] object-contain",alt:"Photo attachment",ref:E,src:n.objectURL}),y?i.jsx(u.Spinner,{}):i.jsx(Rr.ReactSketchCanvas,{backgroundImage:n.objectURL,ref:s,width:`${(w==null?void 0:w.width)||0}px`,height:`${(w==null?void 0:w.height)||0}px`,onStroke:L,strokeColor:c},g?"1":"0")]})]})]})})]})})});Xr.displayName="AttachmentEditor",C.BaseField=q,C.BaseFormElement=Kt,C.BooleanField=Ce,C.BooleanInput=Jt,C.ColorPicker=It,C.DateField=it,C.DateInput=Zt,C.FieldSection=H,C.FileBadge=ze,C.FileCard=Gt,C.FileIcon=_e,C.FileViewerContext=Xt,C.FileViewerProvider=gr,C.FormBuilder=ia,C.FormRenderer=Vr,C.ImageCard=Br,C.ImageMarkup=Xr,C.ImageViewer=jt,C.InputWithHelpText=Yt,C.InputWithLabel=Z,C.InputWithLabelAndHelpText=R,C.MultiSelectField=Ve,C.MultiSelectInput=sn,C.MultiStringField=ke,C.MultiStringInput=rn,C.NumberField=le,C.NumberInput=on,C.PDFViewer=Wt,C.PatchField=he,C.PatchFormProvider=Ro,C.QrField=ct,C.QrInput=an,C.QrScanner=ln,C.SUPPORTED_IMAGE_FILE_TYPES=Et,C.SUPPORTED_PDF_FILE_TYPES=Ut,C.SUPPORTED_SPREADSHEET_FILE_EXTENSIONS=qt,C.SelectField=je,C.SelectInput=cn,C.SpreadsheetViewer=Ht,C.StringField=ut,C.StringInput=dn,C.TextField=ft,C.TextInput=un,C.decodeFormValues=Qo,C.deserialize=pt,C.deserializeField=pn,C.emptyBaseField=K,C.emptyBooleanField=wr,C.emptyDateField=br,C.emptyMultiSelectField=Dr,C.emptyMultiStringField=Sr,C.emptyNumberField=Nr,C.emptyQrField=Tr,C.emptySelectField=Pr,C.emptyStringField=Ar,C.emptyTextField=Or,C.encodeFormValues=Yo,C.flattenFields=mn,C.formRevisionToSchema=$r,C.initialFormValues=vt,C.isConditionMet=gn,C.useFieldInput=Rt,C.useFieldInputs=$e,C.useFileViewer=mr,C.useFormikInput=_,C.validateForm=gt,C.valueIsFile=mt,Object.defineProperty(C,Symbol.toStringTag,{value:"Module"})});