@remoteoss/remote-flows 1.1.1 → 1.1.3

package/dist/chunk-U2AUFXNA.js

@@ -0,0 +1,2 @@
+import{b as ge}from"./chunk-7FMR3EIX.js";import{a as H}from"./chunk-ND4FAALX.js";import{a as he,b as Ve,c as ze,d as Ue,e as Ge,f as Je,g as qe,h as Ke,i as Ye,j as Ze,l as Xe,m as ye,n as Qe,o as ve,p as Ce,r as xe,t as je,u as eo,v as oo}from"./chunk-ZIN2OWTH.js";import{b as S}from"./chunk-KQPDXXG3.js";import{a as _e,b as B}from"./chunk-LJGCFFAT.js";import{a as te,b as re,c as x,d as Le,e as He,f as Be,g as Oe,h as b,i as P,j as k,k as w,l as D,m as R}from"./chunk-66N57DKF.js";import{g as Ae}from"./chunk-2SO4LW7V.js";import{a as v,e as ne}from"./chunk-L3Z2G32A.js";import{a as r}from"./chunk-P37U34EQ.js";import{Fragment as Mt,useEffect as It,useRef as Jo}from"react";import{Fragment as Zo,jsx as A,jsxs as ae}from"react/jsx-runtime";function ie({name:e,defaultValue:o,description:t,label:n,onChange:s,multiple:a,options:d,component:i,...p}){let{components:f}=S(),{control:l}=x(),u=r((m,F,g)=>{if(a&&g){let c=m.value?[...m.value]:[];F?c.includes(g)||m.onChange([...c,g]):m.onChange(c.filter(h=>h!==g))}else m.onChange(F)},"handleCheckboxChange");return A(b,{control:l,name:e,defaultValue:o,render:({field:m,fieldState:F})=>{let g=i||f?.checkbox;if(g){let c={name:e,description:t,label:n,defaultValue:o,multiple:a,options:d,...p};return A(g,{field:{...m,onChange:r((h,C)=>{u(m,h.target.checked,C),s?.(h.target.checked===!0,C)},"onChange")},fieldState:F,fieldData:c})}return ae(P,{"data-field":e,className:v(`RemoteFlows__CheckBoxField__Item__${e}`),children:[A(w,{children:ae(Zo,{children:[d&&a?A(k,{children:n}):null,d&&a?d.map(c=>ae("div",{className:"flex space-x-2",children:[A(he,{id:c.value,onCheckedChange:h=>{u(m,h===!0,c.value),s?.(h===!0,c.value)},checked:m.value?.includes(c.value),className:"RemoteFlows__CheckBox__Input"}),A(k,{htmlFor:c.value,className:"mb-0 RemoteFlows__CheckBox__Label",children:c.label})]},c.value)):ae("div",{className:"flex space-x-2",children:[A(he,{id:e,onCheckedChange:c=>{u(m,c===!0,e),s?.(c===!0,e)},checked:m.value,className:"RemoteFlows__CheckBox__Input"}),A(k,{htmlFor:e,className:"mb-0 RemoteFlows__CheckBox__Label",children:n})]})]})}),t&&A(D,{children:t}),F.error&&A(R,{})]})}})}r(ie,"CheckBoxField");import{CalendarIcon as et}from"lucide-react";import{PopoverClose as ot}from"@radix-ui/react-popover";import{ChevronLeft as Xo,ChevronRight as Qo}from"lucide-react";import{DayPicker as jo}from"react-day-picker";import{jsx as Se}from"react/jsx-runtime";function to({className:e,classNames:o,showOutsideDays:t=!0,...n}){return Se(jo,{showOutsideDays:t,className:v("p-3",e),classNames:{months:"flex flex-col sm:flex-row gap-2",month:"flex flex-col gap-4",caption:"flex justify-center pt-1 relative items-center w-full",caption_label:"text-sm font-medium",nav:"flex items-center gap-1",nav_button:v(_e({variant:"outline"}),"size-7 bg-transparent p-0 opacity-50 hover:opacity-100"),nav_button_previous:"absolute left-1",nav_button_next:"absolute right-1",table:"w-full border-collapse space-x-1",head_row:"flex",head_cell:"text-muted-foreground rounded-md w-8 font-normal text-[0.8rem]",row:"flex w-full mt-2",cell:v("relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-range-end)]:rounded-r-md",n.mode==="range"?"[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md":"[&:has([aria-selected])]:rounded-md"),day:v(_e({variant:"ghost"}),"size-8 p-0 font-normal aria-selected:opacity-100"),day_range_start:"day-range-start aria-selected:bg-primary aria-selected:text-primary-foreground",day_range_end:"day-range-end aria-selected:bg-primary aria-selected:text-primary-foreground",day_selected:"bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",day_today:"bg-accent text-accent-foreground",day_outside:"day-outside text-muted-foreground aria-selected:text-muted-foreground",day_disabled:"text-muted-foreground opacity-50",day_range_middle:"aria-selected:bg-accent aria-selected:text-accent-foreground",day_hidden:"invisible",...o},components:{IconLeft:r(({className:s,...a})=>Se(Xo,{className:v("size-4",s),...a}),"IconLeft"),IconRight:r(({className:s,...a})=>Se(Qo,{className:v("size-4",s),...a}),"IconRight")},...n})}r(to,"Calendar");import*as O from"@radix-ui/react-popover";import{jsx as se}from"react/jsx-runtime";function le({...e}){return se(O.Root,{"data-slot":"popover",...e})}r(le,"Popover");function me({...e}){return se(O.Trigger,{"data-slot":"popover-trigger",...e})}r(me,"PopoverTrigger");function de({className:e,align:o="center",sideOffset:t=4,...n}){return se(O.Portal,{children:se(O.Content,{"data-slot":"popover-content",align:o,sideOffset:t,className:v("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",e),...n})})}r(de,"PopoverContent");import{format as ro}from"date-fns";import{Fragment as tt,jsx as $,jsxs as be}from"react/jsx-runtime";function no({description:e,label:o,name:t,minDate:n,maxDate:s,onChange:a,component:d,...i}){let{components:p}=S(),{control:f}=x(),l;i.meta?.mot&&typeof i.meta.mot=="number"?l=Ae(i.meta.mot):n&&(l=new Date(`${n}T00:00:00`));let u;return s&&(u=new Date(`${s}T23:59:59`)),$(b,{control:f,name:t,render:({field:m,fieldState:F})=>{let g=d||p?.date;if(g){let c={description:e,label:o,name:t,onChange:a,...l&&{minDate:l.toISOString()},...u&&{maxDate:u.toISOString()},...i};return $(g,{field:{...m,onChange:r(h=>{m.onChange(h),a?.(h)},"onChange")},fieldState:F,fieldData:c})}return be(P,{"data-field":t,className:`flex flex-col RemoteFlows__DatePickerField__Item__${t}`,children:[$(k,{className:"RemoteFlows__DatePickerField__Label",children:o}),be(le,{children:[$(me,{asChild:!0,children:$(w,{children:$("div",{children:be(B,{type:"button",variant:"outline",className:v("w-full pl-3 text-left font-normal",!m.value&&"text-muted-foreground"),"data-testid":`date-picker-button-${t}`,children:[m.value&&$(tt,{children:ro(m.value,"yyyy-MM-dd")}),$(et,{className:"ml-auto h-4 w-4 opacity-50"})]})})})}),$(de,{className:"w-auto p-0 RemoteFlows__DatepickerField__PopoverContent",align:"start",children:$(to,{mode:"single",className:"RemoteFlows__DatepickerField__Calendar",selected:m.value?new Date(m.value):void 0,onSelect:c=>{m.onChange(c?ro(c,"yyyy-MM-dd"):null),a?.(c)},defaultMonth:l,components:{DayContent:r(c=>$(ot,{children:c.date.getDate()}),"DayContent")},disabled:c=>!!(l&&c<l||u&&c>u)})})]}),e?$(D,{children:e}):null,F.error&&$(R,{className:"RemoteFlows__DatePickerField__Error"})]})}})}r(no,"DatePickerField");import{jsx as G,jsxs as rt}from"react/jsx-runtime";function ao({field:e,fieldState:o,fieldData:t}){let{name:n,label:s,description:a,multiple:d,accept:i}=t;return rt(P,{"data-field":n,className:`RemoteFlows__FileUpload__Item__${n}`,children:[G(k,{className:"RemoteFlows__FileUpload__Label",children:s}),G(w,{children:G(Ve,{onChange:e.onChange,multiple:d,className:v("RemoteFlows__FileUpload__Input"),accept:i,files:e.value})}),a&&G("div",{className:"flex items-center justify-between",children:G(D,{className:"RemoteFlows__FileUpload__Description",children:a})}),o.error&&G(R,{className:"RemoteFlows__FileUpload__Error"})]})}r(ao,"FileUploadFieldDefault");import{jsx as io}from"react/jsx-runtime";var nt=r((e,o)=>{if(!o)return null;for(let t of e)if(t.size>o){let n=Math.round(o/1048576),s=Math.round(t.size/(1024*1024));return`File "${t.name}" exceeds maximum size of ${n}MB (file is ${s}MB)`}return null},"validateFileSize");function so({name:e,description:o,label:t,multiple:n,onChange:s,component:a,accept:d,maxSize:i,...p}){let{components:f}=S(),{control:l,setError:u,clearErrors:m}=x(),F=r(async(g,c)=>{let h=nt(g,i);if(h){u(e,{message:h});return}m(e),c.onChange(g),s?.(g)},"handleOnChange");return io(b,{control:l,name:e,render:({field:g,fieldState:c})=>{let C=a||f?.file||ao,N={name:e,description:o,label:t,multiple:n,accept:d,maxFileSize:i,...p};return io(C,{field:{...g,value:g.value,onChange:r(async U=>F(U,g),"onChange")},fieldState:c,fieldData:N})}})}r(so,"FileUploadField");import{jsx as at}from"react/jsx-runtime";function lo({field:e,fieldData:o}){return at(H,{type:"text",inputMode:"decimal",pattern:"^[0-9.]*$",...e,...o})}r(lo,"NumberFieldDefault");import{jsx as mo}from"react/jsx-runtime";function ce(e){let{components:o}=S(),{control:t}=x(),s=e.component||o?.number||lo;return mo(b,{control:t,name:e.name,render:({field:a,fieldState:d})=>mo(s,{field:{...a,onChange:r(i=>{a.onChange(i),e.onChange?.(i)},"onChange")},fieldState:d,fieldData:e})})}r(ce,"NumberField");import{Fragment as it}from"react";import{jsx as M,jsxs as ke}from"react/jsx-runtime";function co({name:e,defaultValue:o,description:t,label:n,options:s,onChange:a,component:d,...i}){let{components:p}=S(),{control:f}=x();return M(b,{control:f,name:e,defaultValue:o,render:({field:l,fieldState:u})=>{let m=d||p?.radio;if(m){let F={name:e,defaultValue:o,description:t,label:n,options:s,...i};return M(m,{field:{...l,onChange:r(g=>{l.onChange(g),a?.(g)},"onChange")},fieldState:u,fieldData:F})}return M("fieldset",{"data-field":e,className:v("space-y-3",`RemoteFlows__RadioGroupField__Item__${e}`),children:ke(P,{children:[M("legend",{children:n}),t&&M(D,{children:t}),M(w,{children:M(ze,{"aria-label":n||e,onValueChange:F=>{l.onChange(F),a?.(F)},value:l.value,className:"flex flex-col space-y-3",children:s?.map(F=>M(it,{children:ke(P,{"data-field":e,className:"flex items-start space-x-3 space-y-0 gap-0 RemoteFlows__RadioField__Item",children:[M(w,{children:M(Ue,{value:F.value,className:"RemoteFlows__RadioField__Input",disabled:F.disabled})}),ke("div",{children:[M(k,{className:"font-normal mb-0 RemoteFlows__RadioField__Label",children:F.label}),F.description&&M(D,{className:"mt-2",children:F.description})]})]})},F.value))})}),u.error&&M(R,{})]})})}})}r(co,"RadioGroupField");import{jsx as L,jsxs as po}from"react/jsx-runtime";function uo({field:e,fieldState:o,fieldData:t}){let{name:n,label:s,description:a,options:d}=t;return po(P,{"data-field":n,className:`RemoteFlows__SelectField__Item__${n}`,children:[L(k,{className:"RemoteFlows__SelectField__Label",children:s}),L(w,{children:L("div",{className:"relative",children:po(Ge,{value:e.value||"",onValueChange:i=>{e.onChange(i)},children:[L(Ke,{className:"RemoteFlows__SelectField__Trigger","aria-invalid":!!o.error,"aria-label":s,children:L("span",{className:"absolute",children:L(qe,{placeholder:s})})}),L(Ye,{className:"RemoteFlows__SelectField__Content",children:L(Je,{className:"RemoteFlows__SelectField__Group",children:d?.map(i=>L(Ze,{value:i.value,className:"RemoteFlows__SelectField__SelectItem",disabled:i.disabled,children:i.label},i.value))})})]})})}),a&&L(D,{children:a}),o.error&&L(R,{})]})}r(uo,"SelectFieldDefault");import{jsx as fo}from"react/jsx-runtime";function Fo({label:e,name:o,options:t,defaultValue:n,description:s,onChange:a,component:d,...i}){let{control:p}=x(),{components:f}=S();return fo(b,{defaultValue:n,control:p,name:o,render:({field:l,fieldState:u})=>{let F=d||f?.select||uo,g={label:e,name:o,options:t,defaultValue:n,description:s,onChange:a,...i};return fo(F,{field:{...l,onChange:r(c=>{let h=i.jsonType==="number"?Number(c):c;l.onChange(h),a?.(h)},"onChange")},fieldState:u,fieldData:g})}})}r(Fo,"SelectField");import{useEffect as pt,useState as ut}from"react";import{Fragment as st,useState as lt}from"react";import{Check as mt,ChevronDownIcon as dt,X as ct}from"lucide-react";import{Command as J}from"cmdk";import{SearchIcon as Fn}from"lucide-react";import{jsx as q,jsxs as yn}from"react/jsx-runtime";function go({className:e,...o}){return q(J,{"data-slot":"command",className:v("bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md",e),...o})}r(go,"Command");function ho({className:e,...o}){return q(J.List,{"data-slot":"command-list",className:v("max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto",e),...o})}r(ho,"CommandList");function _o({...e}){return q(J.Empty,{"data-slot":"command-empty",className:"py-6 text-center text-sm",...e})}r(_o,"CommandEmpty");function yo({className:e,...o}){return q(J.Group,{"data-slot":"command-group",className:v("text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium",e),...o})}r(yo,"CommandGroup");function vo({className:e,...o}){return q(J.Separator,{"data-slot":"command-separator",className:v("bg-border -mx-1 h-px",e),...o})}r(vo,"CommandSeparator");function Co({className:e,...o}){return q(J.Item,{"data-slot":"command-item",className:v("data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",e),...o})}r(Co,"CommandItem");import{jsx as I,jsxs as K}from"react/jsx-runtime";function pe({options:e,selected:o,onChange:t,placeholder:n,...s}){let[a,d]=lt(!1),i=r(l=>{t(o.filter(u=>u.value!==l.value))},"handleUnselect"),p=e.some(l=>l.category),f=e.reduce((l,u)=>{let m=u.category||"Uncategorized";return l[m]||(l[m]=[]),l[m].push(u),l},{});return K(le,{open:a,onOpenChange:d,...s,children:[I(me,{children:K(B,{variant:"outline",role:"combobox","aria-expanded":a,className:"w-full justify-between font-normal",type:"button",children:[I("div",{className:"flex gap-1 flex-wrap overflow-x-auto max-h-[2.5rem] items-center",children:o.length>0?o.map(l=>K(Xe,{variant:"secondary",className:"mr-1 mb-1",children:[l.label,I("div",{role:"button",tabIndex:0,"aria-label":`remove ${l.label}`,className:"ml-1 ring-offset-background rounded-full outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 cursor-pointer",onKeyDown:u=>{u.key==="Enter"&&i(l)},onMouseDown:u=>{u.preventDefault(),u.stopPropagation()},onClick:()=>i(l),children:I(ct,{className:"h-3 w-3 text-muted-foreground hover:text-foreground"})})]},l.label)):I("span",{className:"text-foreground",children:n})}),I(dt,{className:"size-4"})]})}),I(de,{align:"start",className:"w-full p-0",children:I(go,{children:K(ho,{children:[I(_o,{children:"No item found."}),Object.entries(f).map(([l,u],m)=>K(st,{children:[m>0&&I(vo,{}),I(yo,{heading:p?l:void 0,children:u.map(F=>{let g=o.some(c=>c.value===F.value);return K(Co,{onSelect:()=>{t(g?o.filter(c=>c.value!==F.value):[...o,F])},children:[I(mt,{className:v("mr-2 h-4 w-4",g?"opacity-100":"opacity-0")}),F.label]},F.label)})})]},l))]})})})]})}r(pe,"MultiSelect");import{jsx as j,jsxs as ft}from"react/jsx-runtime";function xo({field:e,fieldState:o,fieldData:t}){let[n,s]=ut([]),a=r(i=>{let p=i.map(({value:f})=>f);e.onChange(p),s(i)},"handleChange");pt(()=>{e.value&&t.options&&s(e.value.map(i=>t?.options?.find(p=>p.value===i)))},[e.value,t.options]);let d=[...Object.entries(t.$meta?.regions||{}).map(([i,p])=>({value:p,label:i,category:"Regions"})),...Object.entries(t.$meta?.subregions||{}).map(([i,p])=>({value:p,label:i,category:"Subregions"})),...t.options?.map(i=>({...i,value:i.value,label:i.label,category:"Countries"}))||[]];return ft(P,{"data-field":e.name,className:`RemoteFlows__CountryField__Item__${e.name}`,children:[j(k,{className:"RemoteFlows__CountryField__Label",children:t.label}),j(w,{children:j(pe,{options:d,selected:n,onChange:a})}),t.description&&j(D,{children:t.description}),o.error&&j(R,{})]})}r(xo,"CountryFieldDefault");import{jsx as So}from"react/jsx-runtime";function bo({label:e,name:o,options:t,defaultValue:n,description:s,onChange:a,$meta:d,component:i,...p}){let{control:f}=x(),{components:l}=S();return So(b,{defaultValue:n,control:f,name:o,render:({field:u,fieldState:m})=>{let g=i||l?.countries||xo,c={label:e,name:o,options:t,defaultValue:n,description:s,onChange:a,$meta:d,...p};return So(g,{field:{...u,onChange:r(h=>{u.onChange(h),a?.(h)},"onChange")},fieldState:m,fieldData:c})}})}r(bo,"CountryField");import*as ko from"react";import{jsx as Ft}from"react/jsx-runtime";var Ne=ko.forwardRef(({className:e,...o},t)=>Ft("textarea",{className:v("flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",e),ref:t,...o}));Ne.displayName="Textarea";import{jsx as ee,jsxs as Pe}from"react/jsx-runtime";function No({field:e,fieldState:o,fieldData:t}){let{name:n,label:s,description:a,maxLength:d}=t,i=e.value?.length??0;return Pe(P,{"data-field":n,className:`RemoteFlows__TextArea__Item__${n}`,children:[ee(k,{className:"RemoteFlows__TextArea__Label",children:s}),ee(w,{children:ee(Ne,{...e,value:e.value??"",onChange:p=>{e.onChange(p)},className:v(o.error&&"border-red-500 focus-visible:ring-red-500","RemoteFlows__TextArea__Input"),placeholder:s})}),(a||d)&&Pe("div",{className:"flex items-center justify-between",children:[a&&ee(D,{className:"RemoteFlows__TextArea__Description",children:a}),d&&Pe("span",{className:"text-sm ml-auto RemoteFlows__TextArea__MaxLength",children:[i,"/",d]})]}),o.error&&ee(R,{className:"RemoteFlows__TextArea__Error"})]})}r(No,"TextAreaFieldDefault");import{jsx as Po}from"react/jsx-runtime";function wo({name:e,description:o,label:t,onChange:n,maxLength:s,component:a,...d}){let{components:i}=S(),{control:p}=x();return Po(b,{control:p,name:e,render:({field:f,fieldState:l})=>{let m=a||i?.textarea||No,F={name:e,description:o,label:t,maxLength:s,...d};return Po(m,{field:{...f,onChange:r(g=>{f.onChange(g),n?.(g)},"onChange")},fieldState:l,fieldData:F})}})}r(wo,"TextAreaField");import{jsx as we}from"react/jsx-runtime";function Do(e){let{components:o}=S(),{control:t}=x(),n=e.component||o?.email;return n?we(b,{control:t,name:e.name,render:({field:s,fieldState:a})=>we(n,{field:{...s,onChange:r(d=>{s.onChange(d),e.onChange?.(d)},"onChange")},fieldState:a,fieldData:e})}):we(H,{...e,type:"email"})}r(Do,"EmailField");import{jsx as Ro}from"react/jsx-runtime";function To(e){let{control:o}=x();return Ro(b,{control:o,name:e.name,render:({field:t})=>Ro("input",{...t,type:"hidden"})})}r(To,"HiddenField");import xt,{useEffect as St,useState as Ao}from"react";var $o=r((e,o,t)=>{if(e&&"reportValidity"in e){let n=te(t,o);e.setCustomValidity(n&&n.message||""),e.reportValidity()}},"r"),De=r((e,o)=>{for(let t in o.fields){let n=o.fields[t];n&&n.ref&&"reportValidity"in n.ref?$o(n.ref,t,e):n&&n.refs&&n.refs.forEach(s=>$o(s,t,e))}},"o"),Io=r((e,o)=>{o.shouldUseNativeValidation&&De(e,o);let t={};for(let n in e){let s=te(o.fields,n),a=Object.assign(e[n]||{},{ref:s&&s.ref});if(gt(o.names||Object.keys(e),n)){let d=Object.assign({},te(t,n));re(d,"root",a),re(t,n,d)}else re(t,n,a)}return t},"s"),gt=r((e,o)=>{let t=Mo(o);return e.some(n=>Mo(n).match(`^${t}\\.\\d+`))},"i");function Mo(e){return e.replace(/\]|\[/g,"")}r(Mo,"n");function Eo(e,o,t){return o===void 0&&(o={}),t===void 0&&(t={}),function(n,s,a){try{return Promise.resolve((function(d,i){try{var p=(o.context&&process.env.NODE_ENV==="development"&&console.warn("You should not used the yup options context. Please, use the 'useForm' context object instead"),Promise.resolve(e[t.mode==="sync"?"validateSync":"validate"](n,Object.assign({abortEarly:!1},o,{context:s}))).then(function(f){return a.shouldUseNativeValidation&&De({},a),{values:t.raw?Object.assign({},n):f,errors:{}}}))}catch(f){return i(f)}return p&&p.then?p.then(void 0,i):p})(0,function(d){if(!d.inner)throw d;return{values:{},errors:Io((i=d,p=!a.shouldUseNativeValidation&&a.criteriaMode==="all",(i.inner||[]).reduce(function(f,l){if(f[l.path]||(f[l.path]={message:l.message,type:l.type}),p){var u=f[l.path].types,m=u&&u[l.type];f[l.path]=Le(l.path,p,f,l.type,m?[].concat(m,l.message):l.message)}return f},{})),a)};var i,p}))}catch(d){return Promise.reject(d)}}}r(Eo,"o");import*as T from"yup";import Wo from"lodash.groupby";import Y from"lodash.capitalize";var Lo=60,ue=["monday","tuesday","wednesday","thursday","friday","saturday","sunday"];function ht(e){if(e<60)return`${e}m`;let o=Math.floor(e/Lo),t=e%Lo;return t>0?`${o}h${t}m`:`${o}h`}r(ht,"convertBreakDurationToHours");function Ho(e){let o=e.reduce((t,n)=>n.hours+t,0);return Number(o.toFixed(2))}r(Ho,"calculateTotalWorkHours");function _t(e,o){let t=o.map(({day:a})=>a.toLowerCase()),n=t.indexOf(e),s=null;for(;n<t.length&&!s;){let a=t[n],d=t[n+1],i=ue.indexOf(a)+1;ue[i]===d||(s=a),n+=1}return s}r(_t,"findLastConsecutiveDay");function yt(e){return e.start_time&&e.end_time&&(typeof e.hours=="number"?e.hours:Number.parseInt(e.hours))>0}r(yt,"shouldSummarizeSchedule");function vt(e){return Number.parseInt(e.break_duration_minutes)>0}r(vt,"shouldSummarizeBreaks");function Bo(e){let o=e.filter(yt),t=Wo(o,i=>`${i.start_time}|${i.end_time}`),n=e.filter(vt),s=Wo(n,"break_duration_minutes"),a=Object.keys(t).map(i=>{let p=t[i],f=p[0].day,[l,u]=i.split("|"),m=`from <span>${l.replace(":","h")}</span> to <span>${u.replace(":","h")}</span>`,F=_t(f,p),c=(F?p.findIndex(h=>h.day===F):-1)===p.length-1;return p.length===1?`${Y(f)}, ${m}`:!c||!F?p.reduce((h,C,N)=>{let U=Y(C.day);return N===p.length-1?`${h}and ${U}, ${m}`:`${h}<span>${U}</span>, `},""):`<span>${Y(f)}</span> to <span>${Y(F)}</span>, ${m}`}),d=Object.keys(s).reverse().map((i,p)=>{let f=p===0,l=s[i],u=ht(parseInt(i,10));if(Object.keys(s).length===1)return`With ${u} daily breaks`;if(l.length===1){let m=`${u} break on ${Y(l[0].day)}.`;return f?`With ${m}`:m}return l.reduce((m,F,g)=>{let c=Y(F.day);return g===0?`${m} ${c}`:g===l.length-1?`${m}, and ${c}.`:`${m}, ${c}`},f?`With ${u} break on`:`${u} break on`)});return{workHoursSummary:a,breakSummary:d}}r(Bo,"buildWorkScheduleSummary");function Re(e){let{checked:o,start_time:t,end_time:n,break_duration_minutes:s}=e;if(!o)return 0;let[a,d]=t.split(":").map(Number),[i,p]=n.split(":").map(Number),f=a*60+d,m=(i*60+p-f-Number.parseInt(s||"0"))/60;return m===Math.floor(m)?m:Number(m.toFixed(2))}r(Re,"calculateHours");var Ct={monday:"Mon",tuesday:"Tue",wednesday:"Wed",thursday:"Thu",friday:"Fri",saturday:"Sat",sunday:"Sun"};function fe(e){return Ct[e]}r(fe,"getShortWeekday");import{jsx as y,jsxs as E}from"react/jsx-runtime";var bt=T.object({day:T.string().required(),checked:T.boolean().required(),start_time:T.string().matches(/^([01]\d|2[0-3]):([0-5]\d)$/,"Invalid time format (HH:mm)").when("checked",{is:!0,then:r(e=>e.required("Required"),"then"),otherwise:r(e=>e.optional().nullable(),"otherwise")}),end_time:T.string().matches(/^([01]\d|2[0-3]):([0-5]\d)$/,"Invalid time format (HH:mm)").when("checked",{is:!0,then:r(e=>e.required("Required"),"then"),otherwise:r(e=>e.optional().nullable(),"otherwise")}),hours:T.number().default(0),break_duration_minutes:T.string().default("0")}),kt=T.object({schedule:T.array(bt)});function Nt({defaultSchedule:e,onSubmit:o}){let[t,n]=Ao(!1),s=ue.map(c=>{let h=e.find(C=>C.day.toLowerCase()===fe(c).toLowerCase()||C.day.toLowerCase()===c.toLowerCase());return h?{...h,day:fe(c),checked:!0}:{...e[0],checked:!1,day:fe(c)}}),a=Be({defaultValues:{schedule:s},resolver:Eo(kt)}),{handleSubmit:d,watch:i,reset:p,control:f,formState:l}=a,{fields:u}=He({name:"schedule",control:f}),m=i("schedule");function F(c){let h=c.schedule.filter(({checked:C})=>C).map(C=>({...C,hours:Re(C)}));o(h),n(!1)}r(F,"handleSubmitWorkingHours");function g(){p(),n(!1)}return r(g,"handleCancel"),y("div",{className:"flex items-center justify-between",children:E(ye,{open:t,onOpenChange:n,children:[y(Qe,{asChild:!0,children:y(B,{variant:"link",className:"flex items-center p-0 RemoteFlows__WorkScheduleSelectionForm__Trigger",children:"Edit Schedule"})}),E(ve,{className:"max-w-5xl max-h-[90vh] overflow-y-auto px-8 py-4 RemoteFlows__WorkScheduleSelectionForm__Content",children:[y(Ce,{children:y(xe,{className:"RemoteFlows__WorkScheduleSelectionForm__Title",children:"Edit employee working hours"})}),y(Oe,{...a,children:E("form",{className:"space-y-4 RemoteFlows__WorkScheduleSelectionForm__Form",children:[E("div",{className:"rounded-lg",children:[y("p",{className:"text-gray-600 text-sm mb-4 RemoteFlows__WorkScheduleSelectionForm__Description",children:"The times displayed are in the employee's time zone in the 24-hour format."}),E("div",{className:"grid grid-cols-12 gap-4 text-sm font-medium text-gray-500 uppercase tracking-wide RemoteFlows__WorkScheduleSelectionForm__Header",children:[y("div",{className:"col-span-2"}),y("div",{className:"col-span-3 text-center",children:"START"}),y("div",{className:"col-span-1 text-center"}),y("div",{className:"col-span-3 text-center",children:"END"}),y("div",{className:"col-span-2 text-center",children:"HOURS"})]}),y("div",{className:"RemoteFlows__WorkScheduleSelectionForm__Rows",children:u.map((c,h)=>{let C=m[h],N=Re(C);return E(xt.Fragment,{children:[E("div",{className:"grid grid-cols-12 gap-4 items-center py-2 RemoteFlows__WorkScheduleSelectionForm__Row-Hours",children:[y("div",{className:"col-span-2 flex items-center gap-3",children:y(ie,{label:c.day,name:`schedule.${h}.checked`})}),y("div",{className:"col-span-3",children:y(H,{name:`schedule.${h}.start_time`,includeErrorMessage:!1})}),y("div",{className:"col-span-1 text-center text-gray-500",children:"to"}),y("div",{className:"col-span-3",children:y(H,{name:`schedule.${h}.end_time`,includeErrorMessage:!1})}),y("div",{className:"col-span-2 text-center text-gray-600",children:isNaN(N)?"-":`${N} hours`})]}),E("div",{className:"grid grid-cols-12 gap-4 items-center py-2 RemoteFlows__WorkScheduleSelectionForm__Row-Break",children:[y("div",{className:"col-span-2 text-gray-500",children:"Break"}),y("div",{className:"col-span-2",children:y(H,{name:`schedule.${h}.break_duration_minutes`,includeErrorMessage:!1})}),y("div",{className:"col-span-2 text-gray-500",children:"minutes"}),y("div",{className:"col-span-4"})]})]},c.id)})})]}),Object.keys(l.errors).length>0&&y("p",{className:"text-destructive text-sm mb-0",children:"Invalid time format (HH:mm)"}),E("div",{className:"flex gap-4 pt-4",children:[y(B,{type:"button",className:"reset-button",variant:"outline",onClick:g,children:"Cancel"}),y(B,{type:"button",className:"submit-button",onClick:d(F),children:"Save Schedule"})]})]})})]})]})})}r(Nt,"WorkScheduleSelectionForm");function Oo(e){let{components:o}=S(),{setValue:t,control:n,watch:s}=x(),a=s(e.name),[d,i]=Ao(a),{workHoursSummary:p,breakSummary:f}=Bo(d),l=Ho(d);St(()=>{t(e.name,d)},[d,e.name,t]);function u(F){i(F)}r(u,"onSubmit");let m=e.component||o?.["work-schedule"];return m?y(b,{control:n,name:e.name,render:({field:F,fieldState:g})=>y(m,{field:{...F,onChange:r(c=>{F.onChange(c),e.onChange?.(c)},"onChange")},fieldState:g,fieldData:{...e,defaultFormattedValue:{workHoursSummary:p,breakSummary:f,totalWorkHours:l}}})}):E("div",{className:"flex flex-col gap-3 RemoteFlows__WorkScheduleField",children:[y("p",{className:"text-sm RemoteFlows__WorkScheduleField__Title",children:"Work hours"}),E("div",{className:"flex flex-col gap-1 RemoteFlows__WorkScheduleField__Summary",children:[y("p",{className:"text-sm text-gray-500 RemoteFlows__WorkScheduleField__Summary__WorkHours",dangerouslySetInnerHTML:{__html:p.join(", ")}}),y("p",{className:"text-sm text-gray-500 RemoteFlows__WorkScheduleField__Summary__Break",children:f.join()}),E("p",{className:"text-sm text-gray-500 RemoteFlows__WorkScheduleField__Summary__Total",children:["Total of ",y("span",{children:l})," hours per week"]}),y(Nt,{defaultSchedule:d,onSubmit:u})]})]})}r(Oo,"WorkScheduleField");import{useState as Pt}from"react";import{jsx as V,jsxs as wt}from"react/jsx-runtime";function Vo({label:e,name:o,options:t,defaultValue:n,description:s,onChange:a,component:d,...i}){let{control:p}=x(),{components:f}=S(),[l,u]=Pt();return V(b,{defaultValue:n,control:p,name:o,render:({field:m,fieldState:F})=>{let g=d||f?.["multi-select"];if(g){let h={label:e,name:o,options:t,defaultValue:n,description:s,onChange:a,...i};return V(g,{field:{...m,onChange:r(C=>{m.onChange(C),a?.(C)},"onChange")},fieldState:F,fieldData:h})}let c=l||t.filter(h=>m.value.includes(h.value));return wt(P,{"data-field":o,className:`RemoteFlows__SelectField__Item__${o}`,children:[V(k,{className:"RemoteFlows__SelectField__Label",children:e}),V(w,{children:V(pe,{options:t,selected:c,onChange:h=>{let C=h.map(({value:N})=>N);m.onChange(C),a?.(C),u(h)},...i})}),s&&V(D,{children:s}),F.error&&V(R,{})]})}})}r(Vo,"MultiSelectField");import{jsx as Dt}from"react/jsx-runtime";var zo=r(e=>Dt(ce,{maxLength:15,...e}),"MoneyField");var Te={checkbox:ie,text:H,email:Do,money:zo,select:Fo,"multi-select":Vo,radio:co,number:ce,file:so,date:no,textarea:wo,countries:bo,hidden:To,"work-schedule":Oo};import{AlertCircle as Rt}from"lucide-react";import{jsx as $e,jsxs as Tt}from"react/jsx-runtime";function Uo({data:e}){let{title:o,description:t,severity:n}=e,a={warning:"warning",error:"destructive",info:"default",success:"warning"}[n]??"warning";return Tt(je,{variant:a,children:[$e(Rt,{className:"h-4 w-4"}),o&&$e(eo,{children:o}),t&&$e(oo,{dangerouslySetInnerHTML:{__html:t}})]})}r(Uo,"StatementDefault");import{jsx as $t}from"react/jsx-runtime";function Go({title:e,description:o,severity:t}){let{components:n}=S(),s=n?.statement??Uo;return $t(s,{data:{title:e,description:ne(o),severity:t}})}r(Go,"Statement");import{Fragment as Wt,jsx as W,jsxs as z}from"react/jsx-runtime";var Et=r(({isExpanded:e,onToggle:o,className:t,...n})=>W(B,{type:"button",className:v("RemoteFlows__Button RemoteFlows__FieldSetField__ToggleButton",t),variant:"default",onClick:o,...n,children:e?"Remove":"Define"}),"DefaultToggleButton");function qo({label:e,name:o,fields:t,description:n,components:s,statement:a,isFlatFieldset:d,extra:i,variant:p="outset",features:f,meta:l}){let{helpCenter:u}=l||{},{watch:m,setValue:F,trigger:g,formState:c}=x(),{components:h}=S(),C=f?.toggle?.stateField,N=C?m(C):f?.toggle?.defaultExpanded??!0,U=t.map(({name:_})=>`${o}.${_}`),oe=m(U),Me=Jo(oe),Z=Jo(null),Ko=r(()=>{C&&F(C,!N)},"toggleExpanded");It(()=>{let _=oe,X=Me.current,Fe=c.isSubmitted||c.submitCount>0,We=!1;for(let Q=0;Q<_.length;Q++)if(_[Q]!==void 0&&X[Q]!==_[Q]){We=!0;break}return We&&Fe&&(Z.current&&clearTimeout(Z.current),Z.current=setTimeout(()=>{g()},50)),Me.current=[..._],()=>{Z.current&&clearTimeout(Z.current)}},[oe,g,c.isSubmitted,c.submitCount]);let Yo=h?.fieldsetToggle||Et,Ie=`${o}-content`,Ee=`${o}-header`;return z("fieldset",{className:v("border-1 border-input p-4 rounded-xl","RemoteFlows__FieldSetField",`RemoteFlows__FieldSetField__${o}`),children:[W("legend",{className:v("text-sm font-semibold px-2",p==="inset"&&"hidden"),children:e}),u?.callToAction&&u?.id&&p==="outset"&&W(ge,{className:"RemoteFlows__FieldSetField__HelpCenterLink mb-3",zendeskId:u.id,children:u.callToAction}),p==="inset"&&z(Wt,{children:[z("div",{className:"RemoteFlows__FieldSetField__Header",id:Ee,"data-state":N?"expanded":"collapsed","aria-expanded":N,children:[W("h3",{className:v("RemoteFlows__FieldSetField__Title"),children:e}),f?.toggle?.enabled&&W(Yo,{isExpanded:N,onToggle:Ko,"aria-expanded":N,"aria-controls":Ie,"aria-label":`${N?"Hide":"Show"} ${e}`,className:v("RemoteFlows__FieldSetField__Toggle",f.toggle?.className),children:N?f.toggle.labels?.collapse??"Remove":f.toggle.labels?.expand??"Define"})]}),u?.callToAction&&u?.id&&W(ge,{className:"RemoteFlows__FieldSetField__HelpCenterLink mb-3",zendeskId:u.id,children:u.callToAction})]}),N&&z("div",{id:Ie,"aria-labelledby":Ee,role:"region",children:[n?W("div",{className:"mb-5 RemoteFlows__FieldSetField__Description",dangerouslySetInnerHTML:{__html:ne(n)}}):null,z("div",{className:"grid gap-4",children:[t.map(_=>{if(_.calculateDynamicProperties&&(_={..._,..._.calculateDynamicProperties(oe,_)||{}}),_.isVisible===!1||_.deprecated)return null;if(_.inputType==="fieldset")return W(qo,{..._,name:`${d?_.name:`${o}.${_.name}`}`,components:s},`${d?_.name:`${o}.${_.name}`}`);if(_.inputType==="fieldset-flat")return W(qo,{..._,name:`${d?_.name:`${o}.${_.name}`}`,components:s,isFlatFieldset:!0},`${d?_.name:`${o}.${_.name}`}`);let X=Te[_.inputType];if(_.Component){let{Component:Fe}=_;return W(Fe,{..._},_.name)}return X?(_.inputType==="select"&&_.multiple&&(X=Te["multi-select"]),z(Mt,{children:[W(X,{..._,name:`${d?_.name:`${o}.${_.name}`}`,component:s?.[_.inputType]}),_.extra?_.extra:null]},`${d?_.name:`${o}.${_.name}`}`)):z("p",{className:"error",children:["Field type ",_.inputType," not supported"]})}),i||null,a?W(Go,{...a}):null]})]})]})}r(qo,"FieldSetField");export{Te as a,Go as b,qo as c};
+//# sourceMappingURL=chunk-U2AUFXNA.js.map

package/dist/chunk-U2AUFXNA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/fields/FieldSetField.tsx","../src/components/form/fields/CheckBoxField.tsx","../src/components/form/fields/DatePickerField.tsx","../src/components/ui/calendar.tsx","../src/components/ui/popover.tsx","../src/components/form/fields/default/FileUploadFieldDefault.tsx","../src/components/form/fields/FileUploadField.tsx","../src/components/form/fields/default/NumberFieldDefault.tsx","../src/components/form/fields/NumberField.tsx","../src/components/form/fields/RadioGroupField.tsx","../src/components/form/fields/default/SelectFieldDefault.tsx","../src/components/form/fields/SelectField.tsx","../src/components/form/fields/default/CountryFieldDefault.tsx","../src/components/ui/multi-select.tsx","../src/components/ui/command.tsx","../src/components/form/fields/CountryField.tsx","../src/components/ui/textarea.tsx","../src/components/form/fields/default/TextAreaFieldDefault.tsx","../src/components/form/fields/TextAreaField.tsx","../src/components/form/fields/EmailField.tsx","../src/components/form/fields/HiddenField.tsx","../src/components/form/fields/WorkScheduleField.tsx","../node_modules/@hookform/resolvers/src/validateFieldsNatively.ts","../node_modules/@hookform/resolvers/src/toNestErrors.ts","../node_modules/@hookform/resolvers/yup/src/yup.ts","../src/components/form/fields/workScheduleUtils.ts","../src/components/form/fields/MultiSelectField.tsx","../src/components/form/fields/MoneyField.tsx","../src/components/form/fields/baseFields.tsx","../src/components/form/fields/default/StatementDefault.tsx","../src/components/form/Statement.tsx"],"sourcesContent":["import { useFormContext } from 'react-hook-form';\nimport { Fragment, useEffect, useRef } from 'react';\nimport { baseFields } from '@/src/components/form/fields/baseFields';\nimport { cn, sanitizeHtml } from '@/src/lib/utils';\nimport {\n  $TSFixMe,\n  Components,\n  FieldSetToggleComponentProps,\n} from '@/src/types/remoteFlows';\nimport { Statement } from '@/src/components/form/Statement';\nimport { useFormFields } from '@/src/context';\nimport { Button } from '@/src/components/ui/button';\nimport { ZendeskTriggerButton } from '@/src/components/shared/zendesk-drawer/ZendeskTriggerButton';\nimport { SupportedTypes } from './types';\nimport { StatementComponentProps } from '@/src/types/fields';\n\ntype FieldBase = {\n  label: string;\n  name: string;\n  description: string;\n  Component?: React.ComponentType<$TSFixMe>;\n  inputType: SupportedTypes;\n  multiple?: boolean;\n};\n\ntype FieldWithOptions = FieldBase & {\n  type: 'select' | 'radio';\n  options: Array<{ value: string; label: string }>;\n};\n\ntype FieldWithoutOptions = FieldBase & {\n  type: Exclude<SupportedTypes, 'select' | 'radio'>;\n  options?: never;\n};\n\ntype Field = FieldWithOptions | FieldWithoutOptions;\n\ntype FieldSetFeatures = {\n  toggle?: {\n    enabled: boolean;\n    defaultExpanded?: boolean;\n    stateField?: string;\n    labels?: {\n      expand: string;\n      collapse: string;\n    };\n    className?: string;\n  };\n};\n\nexport type FieldSetProps = {\n  label: string;\n  name: string;\n  description: string;\n  fields: Field[];\n  features?: FieldSetFeatures;\n  components: Components;\n  statement?: StatementComponentProps['data'];\n  isFlatFieldset: boolean;\n  extra?: React.ReactNode;\n  variant: 'outset' | 'inset';\n  meta?: {\n    helpCenter?: {\n      callToAction: string;\n      id: number;\n      url: string;\n      label: string;\n    };\n  } & Record<string, $TSFixMe>;\n};\n\nconst DefaultToggleButton = ({\n  isExpanded,\n  onToggle,\n  className,\n  ...props\n}: FieldSetToggleComponentProps) => (\n  <Button\n    type='button'\n    className={cn(\n      'RemoteFlows__Button RemoteFlows__FieldSetField__ToggleButton',\n      className,\n    )}\n    variant='default'\n    onClick={onToggle}\n    {...props}\n  >\n    {isExpanded ? 'Remove' : 'Define'}\n  </Button>\n);\n\nexport function FieldSetField({\n  label,\n  name,\n  fields,\n  description,\n  components,\n  statement,\n  isFlatFieldset,\n  extra,\n  variant = 'outset',\n  features,\n  meta,\n}: FieldSetProps) {\n  const { helpCenter } = meta || {};\n  const { watch, setValue, trigger, formState } = useFormContext();\n  const { components: formComponents } = useFormFields();\n\n  // Get expanded state from form state if stateField is provided\n  const stateField = features?.toggle?.stateField;\n  const isExpanded = stateField\n    ? watch(stateField)\n    : (features?.toggle?.defaultExpanded ?? true);\n\n  const fieldNames = fields.map(\n    ({ name: fieldName }) => `${name}.${fieldName}`,\n  );\n  const watchedValues = watch(fieldNames);\n  const prevValuesRef = useRef<string[]>(watchedValues);\n  const triggerTimeoutRef = useRef<NodeJS.Timeout | null>(null);\n\n  const toggleExpanded = () => {\n    if (stateField) {\n      setValue(stateField, !isExpanded);\n    }\n  };\n\n  useEffect(() => {\n    const currentValues = watchedValues;\n    const previousValues = prevValuesRef.current;\n    const hasBeenSubmitted = formState.isSubmitted || formState.submitCount > 0;\n\n    // Check if any value has changed\n    let hasChanged = false;\n    for (let i = 0; i < currentValues.length; i++) {\n      if (\n        currentValues[i] !== undefined &&\n        previousValues[i] !== currentValues[i]\n      ) {\n        hasChanged = true;\n        // This is to prevent the form from triggering validation too many times\n        break;\n      }\n    }\n    // If changes detected and we haven't triggered yet, run trigger\n    if (hasChanged && hasBeenSubmitted) {\n      // We need to debounce the validation trigger so that tests don't freeze\n      if (triggerTimeoutRef.current) {\n        clearTimeout(triggerTimeoutRef.current);\n      }\n      triggerTimeoutRef.current = setTimeout(() => {\n        trigger();\n      }, 50);\n    }\n\n    prevValuesRef.current = [...currentValues];\n\n    return () => {\n      if (triggerTimeoutRef.current) {\n        clearTimeout(triggerTimeoutRef.current);\n      }\n    };\n  }, [watchedValues, trigger, formState.isSubmitted, formState.submitCount]);\n\n  const ToggleComponent = formComponents?.fieldsetToggle || DefaultToggleButton;\n  const contentId = `${name}-content`;\n  const headerId = `${name}-header`;\n\n  return (\n    <fieldset\n      className={cn(\n        'border-1 border-input p-4 rounded-xl',\n        `RemoteFlows__FieldSetField`,\n        `RemoteFlows__FieldSetField__${name}`,\n      )}\n    >\n      <legend\n        className={cn(\n          'text-sm font-semibold px-2',\n          variant === 'inset' && 'hidden',\n        )}\n      >\n        {label}\n      </legend>\n      {helpCenter?.callToAction && helpCenter?.id && variant === 'outset' && (\n        <ZendeskTriggerButton\n          className='RemoteFlows__FieldSetField__HelpCenterLink mb-3'\n          zendeskId={helpCenter.id}\n        >\n          {helpCenter.callToAction}\n        </ZendeskTriggerButton>\n      )}\n      {variant === 'inset' && (\n        <>\n          <div\n            className='RemoteFlows__FieldSetField__Header'\n            id={headerId}\n            data-state={isExpanded ? 'expanded' : 'collapsed'}\n            aria-expanded={isExpanded}\n          >\n            <h3 className={cn('RemoteFlows__FieldSetField__Title')}>{label}</h3>\n            {features?.toggle?.enabled && (\n              <ToggleComponent\n                isExpanded={isExpanded}\n                onToggle={toggleExpanded}\n                aria-expanded={isExpanded}\n                aria-controls={contentId}\n                aria-label={`${isExpanded ? 'Hide' : 'Show'} ${label}`}\n                className={cn(\n                  'RemoteFlows__FieldSetField__Toggle',\n                  features.toggle?.className,\n                )}\n              >\n                {isExpanded\n                  ? (features.toggle.labels?.collapse ?? 'Remove')\n                  : (features.toggle.labels?.expand ?? 'Define')}\n              </ToggleComponent>\n            )}\n          </div>\n          {helpCenter?.callToAction && helpCenter?.id && (\n            <ZendeskTriggerButton\n              className='RemoteFlows__FieldSetField__HelpCenterLink mb-3'\n              zendeskId={helpCenter.id}\n            >\n              {helpCenter.callToAction}\n            </ZendeskTriggerButton>\n          )}\n        </>\n      )}\n      {isExpanded && (\n        <div id={contentId} aria-labelledby={headerId} role='region'>\n          {description ? (\n            <div\n              className='mb-5 RemoteFlows__FieldSetField__Description'\n              dangerouslySetInnerHTML={{ __html: sanitizeHtml(description) }}\n            />\n          ) : null}\n          <div className='grid gap-4'>\n            {fields.map((field: $TSFixMe) => {\n              if (field.calculateDynamicProperties) {\n                field = {\n                  ...field,\n                  ...(field.calculateDynamicProperties(watchedValues, field) ||\n                    {}),\n                };\n              }\n\n              if (field.isVisible === false || field.deprecated) {\n                return null; // Skip hidden or deprecated fields\n              }\n\n              // Handle nested fieldsets\n              if (field.inputType === 'fieldset') {\n                return (\n                  <FieldSetField\n                    key={`${isFlatFieldset ? field.name : `${name}.${field.name}`}`}\n                    {...field}\n                    name={`${isFlatFieldset ? field.name : `${name}.${field.name}`}`}\n                    components={components}\n                  />\n                );\n              }\n\n              if (field.inputType === 'fieldset-flat') {\n                return (\n                  <FieldSetField\n                    key={`${isFlatFieldset ? field.name : `${name}.${field.name}`}`}\n                    {...field}\n                    name={`${isFlatFieldset ? field.name : `${name}.${field.name}`}`}\n                    components={components}\n                    isFlatFieldset\n                  />\n                );\n              }\n              // We need to do the check after checking field.inputType === 'fieldset' or field.inputType === 'fieldset-flat'\n              // circular dependency most likely\n              let FieldComponent =\n                baseFields[\n                  field.inputType as Exclude<\n                    SupportedTypes,\n                    'fieldset' | 'fieldset-flat'\n                  >\n                ];\n\n              if (field.Component) {\n                const { Component } = field as {\n                  Component: React.ComponentType<$TSFixMe>;\n                };\n                return <Component key={field.name} {...field} />;\n              }\n\n              if (!FieldComponent) {\n                return (\n                  <p className='error'>\n                    Field type {field.inputType as string} not supported\n                  </p>\n                );\n              }\n\n              if (field.inputType === 'select' && field.multiple) {\n                FieldComponent = baseFields['multi-select'];\n              }\n\n              return (\n                <Fragment\n                  key={`${isFlatFieldset ? field.name : `${name}.${field.name}`}`}\n                >\n                  <FieldComponent\n                    {...field}\n                    name={`${isFlatFieldset ? field.name : `${name}.${field.name}`}`}\n                    component={components?.[field.inputType as SupportedTypes]}\n                  />\n                  {field.extra ? field.extra : null}\n                </Fragment>\n              );\n            })}\n            {extra ? extra : null}\n            {statement ? <Statement {...statement} /> : null}\n          </div>\n        </div>\n      )}\n    </fieldset>\n  );\n}\n","import { Checkbox } from '@/src/components/ui/checkbox';\nimport {\n  FormControl,\n  FormDescription,\n  FormField,\n  FormItem,\n  FormLabel,\n  FormMessage,\n} from '@/src/components/ui/form';\nimport { useFormFields } from '@/src/context';\nimport { cn } from '@/src/lib/utils';\nimport { Components, JSFField } from '@/src/types/remoteFlows';\nimport { CheckedState } from '@radix-ui/react-checkbox';\nimport {\n  ControllerRenderProps,\n  FieldValues,\n  useFormContext,\n} from 'react-hook-form';\n\nexport type CheckBoxFieldProps = {\n  name: string;\n} & Partial<\n  JSFField & {\n    onChange?: (checked: boolean, optionId?: string) => void;\n    component?: Components['checkbox'];\n  }\n>;\n\nexport function CheckBoxField({\n  name,\n  defaultValue,\n  description,\n  label,\n  onChange,\n  multiple,\n  options,\n  component,\n  ...rest\n}: CheckBoxFieldProps) {\n  const { components } = useFormFields();\n  const { control } = useFormContext();\n\n  const handleCheckboxChange = (\n    field: ControllerRenderProps<FieldValues, string>,\n    checked: boolean,\n    optionId?: string,\n  ) => {\n    if (multiple && optionId) {\n      // Multiple checkboxes: manage as array\n      const currentValues = field.value ? [...field.value] : [];\n      if (checked) {\n        if (!currentValues.includes(optionId)) {\n          field.onChange([...currentValues, optionId]);\n        }\n      } else {\n        field.onChange(currentValues.filter((value) => value !== optionId));\n      }\n    } else {\n      // Single checkbox: simple boolean toggle\n      field.onChange(checked);\n    }\n  };\n\n  return (\n    <FormField\n      control={control}\n      name={name}\n      defaultValue={defaultValue}\n      render={({ field, fieldState }) => {\n        const CustomCheckboxField = component || components?.checkbox;\n        if (CustomCheckboxField) {\n          const customCheckboxFieldProps = {\n            name,\n            description,\n            label,\n            defaultValue,\n            multiple,\n            options,\n            ...rest,\n          };\n          return (\n            <CustomCheckboxField\n              field={{\n                ...field,\n                onChange: (\n                  evt: React.ChangeEvent<HTMLInputElement>,\n                  optionId?: string,\n                ) => {\n                  handleCheckboxChange(field, evt.target.checked, optionId);\n                  onChange?.(evt.target.checked === true, optionId);\n                },\n              }}\n              fieldState={fieldState}\n              fieldData={customCheckboxFieldProps}\n            />\n          );\n        }\n        return (\n          <FormItem\n            data-field={name}\n            className={cn(`RemoteFlows__CheckBoxField__Item__${name}`)}\n          >\n            <FormControl>\n              <>\n                {options && multiple ? <FormLabel>{label}</FormLabel> : null}\n\n                {options && multiple ? (\n                  options.map((option) => (\n                    <div key={option.value} className='flex space-x-2'>\n                      <Checkbox\n                        id={option.value}\n                        onCheckedChange={(checked: CheckedState) => {\n                          handleCheckboxChange(\n                            field,\n                            checked === true,\n                            option.value,\n                          );\n                          onChange?.(checked === true, option.value);\n                        }}\n                        checked={field.value?.includes(option.value)}\n                        className='RemoteFlows__CheckBox__Input'\n                      />\n                      <FormLabel\n                        htmlFor={option.value}\n                        className='mb-0 RemoteFlows__CheckBox__Label'\n                      >\n                        {option.label}\n                      </FormLabel>\n                    </div>\n                  ))\n                ) : (\n                  <div className='flex space-x-2'>\n                    <Checkbox\n                      id={name}\n                      onCheckedChange={(event: CheckedState) => {\n                        handleCheckboxChange(field, event === true, name);\n                        onChange?.(event === true, name);\n                      }}\n                      checked={field.value}\n                      className='RemoteFlows__CheckBox__Input'\n                    />\n                    <FormLabel\n                      htmlFor={name}\n                      className='mb-0 RemoteFlows__CheckBox__Label'\n                    >\n                      {label}\n                    </FormLabel>\n                  </div>\n                )}\n              </>\n            </FormControl>\n            {description && <FormDescription>{description}</FormDescription>}\n            {fieldState.error && <FormMessage />}\n          </FormItem>\n        );\n      }}\n    />\n  );\n}\n","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { CalendarIcon } from 'lucide-react';\nimport { useFormContext } from 'react-hook-form';\nimport { PopoverClose } from '@radix-ui/react-popover';\n\nimport { Button } from '@/src/components/ui/button';\nimport { Calendar } from '@/src/components/ui/calendar';\nimport {\n  FormControl,\n  FormDescription,\n  FormField,\n  FormItem,\n  FormLabel,\n  FormMessage,\n} from '@/src/components/ui/form';\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from '@/src/components/ui/popover';\nimport { useFormFields } from '@/src/context';\nimport { cn } from '@/src/lib/utils';\nimport { Components, JSFField } from '@/src/types/remoteFlows';\nimport { getMinStartDate } from '@/src/components/form/utils';\nimport { format } from 'date-fns';\n\nexport type DatePickerFieldProps = JSFField & {\n  onChange?: (value: any) => void;\n  component?: Components['date'];\n};\n\nexport function DatePickerField({\n  description,\n  label,\n  name,\n  minDate,\n  maxDate,\n  onChange,\n  component,\n  ...rest\n}: DatePickerFieldProps) {\n  const { components } = useFormFields();\n  const { control } = useFormContext();\n\n  let minDateValue: Date;\n  if (rest.meta?.mot && typeof rest.meta.mot === 'number') {\n    minDateValue = getMinStartDate(rest.meta.mot);\n  } else if (minDate) {\n    minDateValue = new Date(`${minDate}T00:00:00`);\n  }\n\n  let maxDateValue: Date | undefined;\n  if (maxDate) {\n    maxDateValue = new Date(`${maxDate}T23:59:59`);\n  }\n\n  return (\n    <FormField\n      control={control}\n      name={name}\n      render={({ field, fieldState }) => {\n        const CustomDatePickerField = component || components?.date;\n\n        if (CustomDatePickerField) {\n          const customDatePickerFieldProps = {\n            description,\n            label,\n            name,\n            onChange,\n            ...(minDateValue && { minDate: minDateValue.toISOString() }),\n            ...(maxDateValue && { maxDate: maxDateValue.toISOString() }),\n            ...rest,\n          };\n          return (\n            <CustomDatePickerField\n              field={{\n                ...field,\n                onChange: (value: any) => {\n                  field.onChange(value);\n                  onChange?.(value);\n                },\n              }}\n              fieldState={fieldState}\n              fieldData={customDatePickerFieldProps}\n            />\n          );\n        }\n        return (\n          <FormItem\n            data-field={name}\n            className={`flex flex-col RemoteFlows__DatePickerField__Item__${name}`}\n          >\n            <FormLabel className='RemoteFlows__DatePickerField__Label'>\n              {label}\n            </FormLabel>\n            <Popover>\n              <PopoverTrigger asChild>\n                <FormControl>\n                  <div>\n                    <Button\n                      type='button'\n                      variant={'outline'}\n                      className={cn(\n                        'w-full pl-3 text-left font-normal',\n                        !field.value && 'text-muted-foreground',\n                      )}\n                      data-testid={`date-picker-button-${name}`}\n                    >\n                      {field.value && <>{format(field.value, 'yyyy-MM-dd')}</>}\n                      <CalendarIcon className='ml-auto h-4 w-4 opacity-50' />\n                    </Button>\n                  </div>\n                </FormControl>\n              </PopoverTrigger>\n              <PopoverContent\n                className={`w-auto p-0 RemoteFlows__DatepickerField__PopoverContent`}\n                align='start'\n              >\n                <Calendar\n                  mode='single'\n                  className='RemoteFlows__DatepickerField__Calendar'\n                  selected={field.value ? new Date(field.value) : undefined}\n                  onSelect={(date) => {\n                    field.onChange(date ? format(date, 'yyyy-MM-dd') : null);\n                    onChange?.(date);\n                  }}\n                  defaultMonth={minDateValue}\n                  components={{\n                    DayContent: (props) => {\n                      return (\n                        <PopoverClose>{props.date.getDate()}</PopoverClose>\n                      );\n                    },\n                  }}\n                  disabled={(date: Date) => {\n                    if (minDateValue && date < minDateValue) return true;\n                    if (maxDateValue && date > maxDateValue) return true;\n                    return false;\n                  }}\n                />\n              </PopoverContent>\n            </Popover>\n            {description ? (\n              <FormDescription>{description}</FormDescription>\n            ) : null}\n            {fieldState.error && (\n              <FormMessage className='RemoteFlows__DatePickerField__Error' />\n            )}\n          </FormItem>\n        );\n      }}\n    />\n  );\n}\n","import * as React from 'react';\nimport { ChevronLeft, ChevronRight } from 'lucide-react';\nimport { DayPicker } from 'react-day-picker';\n\nimport { cn } from '@/src/lib/utils';\nimport { buttonVariants } from '@/src/components/ui/button';\n\nfunction Calendar({\n  className,\n  classNames,\n  showOutsideDays = true,\n  ...props\n}: React.ComponentProps<typeof DayPicker>) {\n  return (\n    <DayPicker\n      showOutsideDays={showOutsideDays}\n      className={cn('p-3', className)}\n      classNames={{\n        months: 'flex flex-col sm:flex-row gap-2',\n        month: 'flex flex-col gap-4',\n        caption: 'flex justify-center pt-1 relative items-center w-full',\n        caption_label: 'text-sm font-medium',\n        nav: 'flex items-center gap-1',\n        nav_button: cn(\n          buttonVariants({ variant: 'outline' }),\n          'size-7 bg-transparent p-0 opacity-50 hover:opacity-100',\n        ),\n        nav_button_previous: 'absolute left-1',\n        nav_button_next: 'absolute right-1',\n        table: 'w-full border-collapse space-x-1',\n        head_row: 'flex',\n        head_cell:\n          'text-muted-foreground rounded-md w-8 font-normal text-[0.8rem]',\n        row: 'flex w-full mt-2',\n        cell: cn(\n          'relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-range-end)]:rounded-r-md',\n          props.mode === 'range'\n            ? '[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md'\n            : '[&:has([aria-selected])]:rounded-md',\n        ),\n        day: cn(\n          buttonVariants({ variant: 'ghost' }),\n          'size-8 p-0 font-normal aria-selected:opacity-100',\n        ),\n        day_range_start:\n          'day-range-start aria-selected:bg-primary aria-selected:text-primary-foreground',\n        day_range_end:\n          'day-range-end aria-selected:bg-primary aria-selected:text-primary-foreground',\n        day_selected:\n          'bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground',\n        day_today: 'bg-accent text-accent-foreground',\n        day_outside:\n          'day-outside text-muted-foreground aria-selected:text-muted-foreground',\n        day_disabled: 'text-muted-foreground opacity-50',\n        day_range_middle:\n          'aria-selected:bg-accent aria-selected:text-accent-foreground',\n        day_hidden: 'invisible',\n        ...classNames,\n      }}\n      components={{\n        IconLeft: ({ className, ...props }) => (\n          <ChevronLeft className={cn('size-4', className)} {...props} />\n        ),\n        IconRight: ({ className, ...props }) => (\n          <ChevronRight className={cn('size-4', className)} {...props} />\n        ),\n      }}\n      {...props}\n    />\n  );\n}\n\nexport { Calendar };\n","import * as React from 'react';\nimport * as PopoverPrimitive from '@radix-ui/react-popover';\n\nimport { cn } from '@/src/lib/utils';\n\nfunction Popover({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n  return <PopoverPrimitive.Root data-slot='popover' {...props} />;\n}\n\nfunction PopoverTrigger({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n  return <PopoverPrimitive.Trigger data-slot='popover-trigger' {...props} />;\n}\n\nfunction PopoverContent({\n  className,\n  align = 'center',\n  sideOffset = 4,\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Content>) {\n  return (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Content\n        data-slot='popover-content'\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(\n          'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden',\n          className,\n        )}\n        {...props}\n      />\n    </PopoverPrimitive.Portal>\n  );\n}\n\nfunction PopoverAnchor({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n  return <PopoverPrimitive.Anchor data-slot='popover-anchor' {...props} />;\n}\n\nexport { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };\n","import {\n  FormControl,\n  FormDescription,\n  FormItem,\n  FormLabel,\n  FormMessage,\n} from '@/src/components/ui/form';\nimport { FileUploader } from '@/src/components/ui/file-uploader';\nimport { cn } from '@/src/lib/utils';\nimport { FileComponentProps } from '@/src/types/fields';\n\nexport function FileUploadFieldDefault({\n  field,\n  fieldState,\n  fieldData,\n}: FileComponentProps) {\n  const { name, label, description, multiple, accept } = fieldData;\n\n  return (\n    <FormItem\n      data-field={name}\n      className={`RemoteFlows__FileUpload__Item__${name}`}\n    >\n      <FormLabel className='RemoteFlows__FileUpload__Label'>{label}</FormLabel>\n      <FormControl>\n        <FileUploader\n          onChange={field.onChange}\n          multiple={multiple}\n          className={cn('RemoteFlows__FileUpload__Input')}\n          accept={accept}\n          files={field.value}\n        />\n      </FormControl>\n      {description && (\n        <div className='flex items-center justify-between'>\n          <FormDescription className='RemoteFlows__FileUpload__Description'>\n            {description}\n          </FormDescription>\n        </div>\n      )}\n      {fieldState.error && (\n        <FormMessage className='RemoteFlows__FileUpload__Error' />\n      )}\n    </FormItem>\n  );\n}\n","import { useFormFields } from '@/src/context';\nimport { Components, JSFField } from '@/src/types/remoteFlows';\nimport {\n  ControllerRenderProps,\n  FieldValues,\n  useFormContext,\n} from 'react-hook-form';\nimport { FormField } from '../../ui/form';\nimport { FieldDataProps } from '@/src/types/fields';\nimport { FileUploadFieldDefault } from './default/FileUploadFieldDefault';\n\nconst validateFileSize = (files: File[], maxSize?: number): string | null => {\n  if (!maxSize) return null;\n\n  for (const file of files) {\n    if (file.size > maxSize) {\n      const maxSizeMB = Math.round(maxSize / (1024 * 1024));\n      const fileSizeMB = Math.round(file.size / (1024 * 1024));\n      return `File \"${file.name}\" exceeds maximum size of ${maxSizeMB}MB (file is ${fileSizeMB}MB)`;\n    }\n  }\n  return null;\n};\n\nexport type FieldFileDataProps = FieldDataProps & {\n  accept?: string;\n  multiple?: boolean;\n  maxFileSize?: number;\n};\n\nexport type FileUploadFieldProps = JSFField & {\n  onChange?: (value: File[]) => void;\n  multiple?: boolean;\n  component?: Components['file'];\n  maxSize?: number;\n  accept?: string;\n};\n\nexport function FileUploadField({\n  name,\n  description,\n  label,\n  multiple,\n  onChange,\n  component,\n  accept,\n  maxSize,\n  ...rest\n}: FileUploadFieldProps) {\n  const { components } = useFormFields();\n  const { control, setError, clearErrors } = useFormContext();\n\n  const handleOnChange = async (\n    files: File[],\n    field: ControllerRenderProps<FieldValues, string>,\n  ) => {\n    const sizeError = validateFileSize(files, maxSize);\n    if (sizeError) {\n      setError(name, { message: sizeError });\n      return;\n    }\n\n    clearErrors(name);\n    field.onChange(files);\n    onChange?.(files);\n  };\n\n  return (\n    <FormField\n      control={control}\n      name={name}\n      render={({ field, fieldState }) => {\n        const CustomFileUploadField = component || components?.file;\n        const Component = CustomFileUploadField || FileUploadFieldDefault;\n\n        const fieldData: FieldFileDataProps = {\n          name,\n          description,\n          label,\n          multiple,\n          accept,\n          maxFileSize: maxSize,\n          ...rest,\n        };\n\n        return (\n          <Component\n            field={{\n              ...field,\n              value: field.value,\n              onChange: async (value: File[]) => handleOnChange(value, field),\n            }}\n            fieldState={fieldState}\n            fieldData={fieldData}\n          />\n        );\n      }}\n    />\n  );\n}\n","import { TextField } from '@/src/components/form/fields/TextField';\nimport { FieldComponentProps } from '@/src/types/fields';\n\nexport function NumberFieldDefault({ field, fieldData }: FieldComponentProps) {\n  return (\n    <TextField\n      type='text'\n      inputMode='decimal'\n      pattern='^[0-9.]*$'\n      {...field}\n      {...fieldData}\n    />\n  );\n}\n","import { useFormContext } from 'react-hook-form';\nimport { useFormFields } from '@/src/context';\nimport { FormField } from '@/src/components/ui/form';\nimport { Components } from '@/src/types/remoteFlows';\nimport { NumberFieldDefault } from '@/src/components/form/fields/default/NumberFieldDefault';\nimport { TextFieldProps } from './TextField';\n\nexport type NumberFieldProps = TextFieldProps & {\n  component?: Components['number'];\n  onChange?: (value: number) => void;\n};\n\nexport function NumberField(props: NumberFieldProps) {\n  const { components } = useFormFields();\n  const { control } = useFormContext();\n\n  const CustomNumberField = props.component || components?.number;\n  const Component = CustomNumberField || NumberFieldDefault;\n  return (\n    <FormField\n      control={control}\n      name={props.name}\n      render={({ field, fieldState }) => {\n        return (\n          <Component\n            field={{\n              ...field,\n              onChange: (value: number) => {\n                field.onChange(value);\n                props.onChange?.(value);\n              },\n            }}\n            fieldState={fieldState}\n            fieldData={props}\n          />\n        );\n      }}\n    />\n  );\n}\n","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { Fragment } from 'react';\nimport {\n  FormControl,\n  FormDescription,\n  FormField,\n  FormItem,\n  FormLabel,\n  FormMessage,\n} from '@/src/components/ui/form';\nimport { RadioGroup, RadioGroupItem } from '@/src/components/ui/radio-group';\nimport { useFormFields } from '@/src/context';\nimport { cn } from '@/src/lib/utils';\nimport { Components, JSFField } from '@/src/types/remoteFlows';\nimport { useFormContext } from 'react-hook-form';\n\ntype RadioGroupFieldProps = JSFField & {\n  onChange?: (value: any) => void;\n  component?: Components['radio'];\n};\n\nexport function RadioGroupField({\n  name,\n  defaultValue,\n  description,\n  label,\n  options,\n  onChange,\n  component,\n  ...rest\n}: RadioGroupFieldProps) {\n  const { components } = useFormFields();\n  const { control } = useFormContext();\n  return (\n    <FormField\n      control={control}\n      name={name}\n      defaultValue={defaultValue}\n      render={({ field, fieldState }) => {\n        const CustomRadioGroupField = component || components?.radio;\n        if (CustomRadioGroupField) {\n          const customRadioGroupFieldProps = {\n            name,\n            defaultValue,\n            description,\n            label,\n            options,\n            ...rest,\n          };\n          return (\n            <CustomRadioGroupField\n              field={{\n                ...field,\n                onChange: (value: any) => {\n                  field.onChange(value);\n                  onChange?.(value);\n                },\n              }}\n              fieldState={fieldState}\n              fieldData={customRadioGroupFieldProps}\n            />\n          );\n        }\n\n        return (\n          <fieldset\n            data-field={name}\n            className={cn(\n              'space-y-3',\n              `RemoteFlows__RadioGroupField__Item__${name}`,\n            )}\n          >\n            <FormItem>\n              <legend>{label}</legend>\n              {description && <FormDescription>{description}</FormDescription>}\n              <FormControl>\n                <RadioGroup\n                  aria-label={label || name}\n                  onValueChange={(value: string) => {\n                    field.onChange(value);\n                    onChange?.(value);\n                  }}\n                  value={field.value}\n                  className='flex flex-col space-y-3'\n                >\n                  {options?.map((option) => (\n                    <Fragment key={option.value}>\n                      <FormItem\n                        data-field={name}\n                        className='flex items-start space-x-3 space-y-0 gap-0 RemoteFlows__RadioField__Item'\n                      >\n                        <FormControl>\n                          <RadioGroupItem\n                            value={option.value}\n                            className='RemoteFlows__RadioField__Input'\n                            disabled={option.disabled}\n                          />\n                        </FormControl>\n                        <div>\n                          <FormLabel className='font-normal mb-0 RemoteFlows__RadioField__Label'>\n                            {option.label}\n                          </FormLabel>\n                          {option.description && (\n                            <FormDescription className='mt-2'>\n                              {option.description}\n                            </FormDescription>\n                          )}\n                        </div>\n                      </FormItem>\n                    </Fragment>\n                  ))}\n                </RadioGroup>\n              </FormControl>\n              {fieldState.error && <FormMessage />}\n            </FormItem>\n          </fieldset>\n        );\n      }}\n    />\n  );\n}\n","import {\n  FormControl,\n  FormDescription,\n  FormItem,\n  FormLabel,\n  FormMessage,\n} from '@/src/components/ui/form';\nimport { FieldComponentProps } from '@/src/types/fields';\nimport {\n  Select,\n  SelectGroup,\n  SelectValue,\n  SelectTrigger,\n  SelectContent,\n  SelectItem,\n} from '@/src/components/ui/select';\n\nexport function SelectFieldDefault({\n  field,\n  fieldState,\n  fieldData,\n}: FieldComponentProps) {\n  const { name, label, description, options } = fieldData;\n\n  return (\n    <FormItem\n      data-field={name}\n      className={`RemoteFlows__SelectField__Item__${name}`}\n    >\n      <FormLabel className='RemoteFlows__SelectField__Label'>{label}</FormLabel>\n      <FormControl>\n        <div className='relative'>\n          <Select\n            value={field.value || ''}\n            onValueChange={(value: string) => {\n              field.onChange(value);\n            }}\n          >\n            <SelectTrigger\n              className='RemoteFlows__SelectField__Trigger'\n              aria-invalid={Boolean(fieldState.error)}\n              aria-label={label}\n            >\n              <span className='absolute'>\n                <SelectValue placeholder={label} />\n              </span>\n            </SelectTrigger>\n            <SelectContent className='RemoteFlows__SelectField__Content'>\n              <SelectGroup className='RemoteFlows__SelectField__Group'>\n                {options?.map((option) => (\n                  <SelectItem\n                    key={option.value}\n                    value={option.value}\n                    className='RemoteFlows__SelectField__SelectItem'\n                    disabled={option.disabled}\n                  >\n                    {option.label}\n                  </SelectItem>\n                ))}\n              </SelectGroup>\n            </SelectContent>\n          </Select>\n        </div>\n      </FormControl>\n      {description && <FormDescription>{description}</FormDescription>}\n      {fieldState.error && <FormMessage />}\n    </FormItem>\n  );\n}\n","import { useFormFields } from '@/src/context';\nimport { Components, JSFField } from '@/src/types/remoteFlows';\nimport { useFormContext } from 'react-hook-form';\nimport { FormField } from '@/src/components/ui/form';\nimport { SelectFieldDefault } from '@/src/components/form/fields/default/SelectFieldDefault';\n\ntype SelectFieldProps = JSFField & {\n  placeholder?: string;\n  options: Array<{ value: string | number; label: string }>;\n  className?: string;\n  onChange?: (value: string | number) => void;\n  component?: Components['select'];\n};\n\nexport function SelectField({\n  label,\n  name,\n  options,\n  defaultValue,\n  description,\n  onChange,\n  component,\n  ...rest\n}: SelectFieldProps) {\n  const { control } = useFormContext();\n  const { components } = useFormFields();\n\n  return (\n    <FormField\n      defaultValue={defaultValue}\n      control={control}\n      name={name}\n      render={({ field, fieldState }) => {\n        const CustomSelectField = component || components?.select;\n        const Component = CustomSelectField || SelectFieldDefault;\n        const customSelectFieldProps = {\n          label,\n          name,\n          options,\n          defaultValue,\n          description,\n          onChange,\n          ...rest,\n        };\n        return (\n          <Component\n            field={{\n              ...field,\n              onChange: (value: string | number) => {\n                const maybeCastValue =\n                  rest.jsonType === 'number' ? Number(value) : value;\n                field.onChange(maybeCastValue);\n                onChange?.(maybeCastValue);\n              },\n            }}\n            fieldState={fieldState}\n            fieldData={customSelectFieldProps}\n          />\n        );\n      }}\n    />\n  );\n}\n","import { useEffect, useState } from 'react';\nimport {\n  FormControl,\n  FormDescription,\n  FormLabel,\n  FormMessage,\n} from '@/src/components/ui/form';\n\nimport { FormItem } from '@/src/components/ui/form';\nimport { MultiSelect } from '@/src/components/ui/multi-select';\nimport { $TSFixMe } from '@/src/types/remoteFlows';\nimport { CountryComponentProps } from '@/src/types/fields';\n\nexport function CountryFieldDefault({\n  field,\n  fieldState,\n  fieldData,\n}: CountryComponentProps) {\n  const [selected, setSelected] = useState<$TSFixMe[]>([]);\n  const handleChange = (rawValues: $TSFixMe[]) => {\n    const values = rawValues.map(({ value }) => value);\n    field.onChange(values);\n    setSelected(rawValues);\n  };\n\n  useEffect(() => {\n    if (field.value && fieldData.options) {\n      setSelected(\n        field.value.map(\n          (value: $TSFixMe) =>\n            fieldData?.options?.find(\n              (option) => option.value === value,\n            ) as $TSFixMe,\n        ),\n      );\n    }\n  }, [field.value, fieldData.options]);\n\n  const countryOptions = [\n    ...Object.entries(fieldData.$meta?.regions || {}).map(([key, value]) => ({\n      value,\n      label: key,\n      category: 'Regions',\n    })),\n    ...Object.entries(fieldData.$meta?.subregions || {}).map(\n      ([key, value]) => ({\n        value,\n        label: key,\n        category: 'Subregions',\n      }),\n    ),\n    ...(fieldData.options?.map((option) => ({\n      ...option,\n      value: option.value,\n      label: option.label,\n      category: 'Countries',\n    })) || []),\n  ];\n  return (\n    <FormItem\n      data-field={field.name}\n      className={`RemoteFlows__CountryField__Item__${field.name}`}\n    >\n      <FormLabel className='RemoteFlows__CountryField__Label'>\n        {fieldData.label}\n      </FormLabel>\n      <FormControl>\n        <MultiSelect\n          options={countryOptions}\n          selected={selected}\n          onChange={handleChange}\n        />\n      </FormControl>\n      {fieldData.description && (\n        <FormDescription>{fieldData.description}</FormDescription>\n      )}\n      {fieldState.error && <FormMessage />}\n    </FormItem>\n  );\n}\n","import { Fragment, useState } from 'react';\nimport { Check, ChevronDownIcon, X } from 'lucide-react';\n\nimport { Button } from '@/src/components/ui/button';\nimport { Badge } from '@/src/components/ui/badge';\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandItem,\n  CommandList,\n  CommandSeparator,\n} from '@/src/components/ui/command';\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from '@/src/components/ui/popover';\nimport { cn } from '@/src/lib/utils';\n\nexport type Option = {\n  label: string;\n  value: string | string[];\n  category?: string;\n};\n\ninterface MultiSelectProps {\n  options: Option[];\n  selected: Option[];\n  onChange: (options: Option[]) => void;\n  placeholder?: string;\n}\n\nexport function MultiSelect({\n  options,\n  selected,\n  onChange,\n  placeholder,\n  ...props\n}: MultiSelectProps) {\n  const [open, setOpen] = useState(false);\n  const handleUnselect = (option: Option) => {\n    onChange(selected.filter((item) => item.value !== option.value));\n  };\n\n  const hasCategories = options.some((option) => option.category);\n\n  const groupedOptions = options.reduce(\n    (groups, option) => {\n      const category = option.category || 'Uncategorized';\n      if (!groups[category]) {\n        groups[category] = [];\n      }\n      groups[category].push(option);\n      return groups;\n    },\n    {} as Record<string, Option[]>,\n  );\n\n  return (\n    <Popover open={open} onOpenChange={setOpen} {...props}>\n      <PopoverTrigger>\n        <Button\n          variant='outline'\n          role='combobox'\n          aria-expanded={open}\n          className='w-full justify-between font-normal'\n          type='button'\n        >\n          <div className='flex gap-1 flex-wrap overflow-x-auto max-h-[2.5rem] items-center'>\n            {selected.length > 0 ? (\n              selected.map((option) => {\n                return (\n                  <Badge\n                    key={option.label}\n                    variant='secondary'\n                    className='mr-1 mb-1'\n                  >\n                    {option.label}\n                    <div\n                      role='button'\n                      tabIndex={0}\n                      aria-label={`remove ${option.label}`}\n                      className='ml-1 ring-offset-background rounded-full outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 cursor-pointer'\n                      onKeyDown={(e) => {\n                        if (e.key === 'Enter') {\n                          handleUnselect(option);\n                        }\n                      }}\n                      onMouseDown={(e) => {\n                        e.preventDefault();\n                        e.stopPropagation();\n                      }}\n                      onClick={() => handleUnselect(option)}\n                    >\n                      <X className='h-3 w-3 text-muted-foreground hover:text-foreground' />\n                    </div>\n                  </Badge>\n                );\n              })\n            ) : (\n              <span className='text-foreground'>{placeholder}</span>\n            )}\n          </div>\n          <ChevronDownIcon className='size-4' />\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent align='start' className='w-full p-0'>\n        <Command>\n          <CommandList>\n            <CommandEmpty>No item found.</CommandEmpty>\n            {Object.entries(groupedOptions).map(\n              ([category, categoryOptions], index) => (\n                <Fragment key={category}>\n                  {index > 0 && <CommandSeparator />}\n                  <CommandGroup heading={hasCategories ? category : undefined}>\n                    {categoryOptions.map((option) => {\n                      const isSelected = selected.some(\n                        (item) => item.value === option.value,\n                      );\n                      return (\n                        <CommandItem\n                          key={option.label}\n                          onSelect={() => {\n                            onChange(\n                              isSelected\n                                ? selected.filter(\n                                    (item) => item.value !== option.value,\n                                  )\n                                : [...selected, option],\n                            );\n                          }}\n                        >\n                          <Check\n                            className={cn(\n                              'mr-2 h-4 w-4',\n                              isSelected ? 'opacity-100' : 'opacity-0',\n                            )}\n                          />\n                          {option.label}\n                        </CommandItem>\n                      );\n                    })}\n                  </CommandGroup>\n                </Fragment>\n              ),\n            )}\n          </CommandList>\n        </Command>\n      </PopoverContent>\n    </Popover>\n  );\n}\n","import * as React from 'react';\nimport { Command as CommandPrimitive } from 'cmdk';\nimport { SearchIcon } from 'lucide-react';\n\nimport { cn } from '@/src/lib/utils';\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n} from '@/src/components/ui/dialog';\n\nfunction Command({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive>) {\n  return (\n    <CommandPrimitive\n      data-slot='command'\n      className={cn(\n        'bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CommandDialog({\n  title = 'Command Palette',\n  description = 'Search for a command to run...',\n  children,\n  ...props\n}: React.ComponentProps<typeof Dialog> & {\n  title?: string;\n  description?: string;\n}) {\n  return (\n    <Dialog {...props}>\n      <DialogHeader className='sr-only'>\n        <DialogTitle>{title}</DialogTitle>\n        <DialogDescription>{description}</DialogDescription>\n      </DialogHeader>\n      <DialogContent className='overflow-hidden p-0'>\n        <Command className='[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5'>\n          {children}\n        </Command>\n      </DialogContent>\n    </Dialog>\n  );\n}\n\nfunction CommandInput({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Input>) {\n  return (\n    <div\n      data-slot='command-input-wrapper'\n      className='flex h-9 items-center gap-2 border-b px-3'\n    >\n      <SearchIcon className='size-4 shrink-0 opacity-50' />\n      <CommandPrimitive.Input\n        data-slot='command-input'\n        className={cn(\n          'placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50',\n          className,\n        )}\n        {...props}\n      />\n    </div>\n  );\n}\n\nfunction CommandList({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.List>) {\n  return (\n    <CommandPrimitive.List\n      data-slot='command-list'\n      className={cn(\n        'max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CommandEmpty({\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Empty>) {\n  return (\n    <CommandPrimitive.Empty\n      data-slot='command-empty'\n      className='py-6 text-center text-sm'\n      {...props}\n    />\n  );\n}\n\nfunction CommandGroup({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Group>) {\n  return (\n    <CommandPrimitive.Group\n      data-slot='command-group'\n      className={cn(\n        'text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CommandSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Separator>) {\n  return (\n    <CommandPrimitive.Separator\n      data-slot='command-separator'\n      className={cn('bg-border -mx-1 h-px', className)}\n      {...props}\n    />\n  );\n}\n\nfunction CommandItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Item>) {\n  return (\n    <CommandPrimitive.Item\n      data-slot='command-item'\n      className={cn(\n        \"data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CommandShortcut({\n  className,\n  ...props\n}: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot='command-shortcut'\n      className={cn(\n        'text-muted-foreground ml-auto text-xs tracking-widest',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Command,\n  CommandDialog,\n  CommandInput,\n  CommandList,\n  CommandEmpty,\n  CommandGroup,\n  CommandItem,\n  CommandShortcut,\n  CommandSeparator,\n};\n","/* eslint-disable @typescript-eslint/no-explicit-any */\n\nimport { useFormFields } from '@/src/context';\nimport { Components, JSFField } from '@/src/types/remoteFlows';\nimport { useFormContext } from 'react-hook-form';\nimport { FormField } from '../../ui/form';\nimport { CountryFieldDefault } from '@/src/components/form/fields/default/CountryFieldDefault';\n\ntype CountryFieldProps = JSFField & {\n  options: Array<{ value: string; label: string }>;\n  onChange?: (value: any) => void;\n  $meta: {\n    regions: Record<string, string[]>;\n    subregions: Record<string, string[]>;\n  };\n  component?: Components['countries'];\n};\n\nexport function CountryField({\n  label,\n  name,\n  options,\n  defaultValue,\n  description,\n  onChange,\n  $meta,\n  component,\n  ...rest\n}: CountryFieldProps) {\n  const { control } = useFormContext();\n  const { components } = useFormFields();\n\n  return (\n    <FormField\n      defaultValue={defaultValue}\n      control={control}\n      name={name}\n      render={({ field, fieldState }) => {\n        const CustomSelectField = component || components?.countries;\n        const Component = CustomSelectField || CountryFieldDefault;\n\n        const customSelectFieldProps = {\n          label,\n          name,\n          options,\n          defaultValue,\n          description,\n          onChange,\n          $meta,\n          ...rest,\n        };\n        return (\n          <Component\n            field={{\n              ...field,\n              onChange: (value: any) => {\n                field.onChange(value);\n                onChange?.(value);\n              },\n            }}\n            fieldState={fieldState}\n            fieldData={customSelectFieldProps}\n          />\n        );\n      }}\n    />\n  );\n}\n","import * as React from 'react';\n\nimport { cn } from '@/src/lib/utils';\n\nconst Textarea = React.forwardRef<\n  HTMLTextAreaElement,\n  React.ComponentProps<'textarea'>\n>(({ className, ...props }, ref) => {\n  return (\n    <textarea\n      className={cn(\n        'flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',\n        className,\n      )}\n      ref={ref}\n      {...props}\n    />\n  );\n});\nTextarea.displayName = 'Textarea';\n\nexport { Textarea };\n","import {\n  FormControl,\n  FormDescription,\n  FormItem,\n  FormLabel,\n  FormMessage,\n} from '@/src/components/ui/form';\nimport { Textarea } from '@/src/components/ui/textarea';\nimport { cn } from '@/src/lib/utils';\nimport { FieldComponentProps } from '@/src/types/fields';\n\nexport function TextAreaFieldDefault({\n  field,\n  fieldState,\n  fieldData,\n}: FieldComponentProps) {\n  const { name, label, description, maxLength } = fieldData;\n  const valueLength = field.value?.length ?? 0;\n  return (\n    <FormItem\n      data-field={name}\n      className={`RemoteFlows__TextArea__Item__${name}`}\n    >\n      <FormLabel className='RemoteFlows__TextArea__Label'>{label}</FormLabel>\n      <FormControl>\n        <Textarea\n          {...field}\n          value={field.value ?? ''}\n          onChange={(event: React.ChangeEvent<HTMLTextAreaElement>) => {\n            field.onChange(event);\n          }}\n          className={cn(\n            fieldState.error && 'border-red-500 focus-visible:ring-red-500',\n            'RemoteFlows__TextArea__Input',\n          )}\n          placeholder={label}\n        />\n      </FormControl>\n      {(description || maxLength) && (\n        <div className='flex items-center justify-between'>\n          {description && (\n            <FormDescription className='RemoteFlows__TextArea__Description'>\n              {description}\n            </FormDescription>\n          )}\n          {maxLength && (\n            <span className='text-sm ml-auto RemoteFlows__TextArea__MaxLength'>\n              {valueLength}/{maxLength}\n            </span>\n          )}\n        </div>\n      )}\n      {fieldState.error && (\n        <FormMessage className='RemoteFlows__TextArea__Error' />\n      )}\n    </FormItem>\n  );\n}\n","import * as React from 'react';\nimport { useFormFields } from '@/src/context';\nimport { Components, JSFField } from '@/src/types/remoteFlows';\nimport { useFormContext } from 'react-hook-form';\nimport { FormField } from '@/src/components/ui/form';\nimport { TextAreaFieldDefault } from '@/src/components/form/fields/default/TextAreaFieldDefault';\n\nexport type TextAreaFieldProps = JSFField & {\n  onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;\n  maxLength?: number;\n  component?: Components['textarea'];\n};\n\nexport function TextAreaField({\n  name,\n  description,\n  label,\n  onChange,\n  maxLength,\n  component,\n  ...rest\n}: TextAreaFieldProps) {\n  const { components } = useFormFields();\n  const { control } = useFormContext();\n  return (\n    <FormField\n      control={control}\n      name={name}\n      render={({ field, fieldState }) => {\n        const CustomTextAreaField = component || components?.textarea;\n        const Component = CustomTextAreaField || TextAreaFieldDefault;\n        const customTextAreaFieldProps = {\n          name,\n          description,\n          label,\n          maxLength,\n          ...rest,\n        };\n        return (\n          <Component\n            field={{\n              ...field,\n              onChange: (evt: React.ChangeEvent<HTMLTextAreaElement>) => {\n                field.onChange(evt);\n                onChange?.(evt);\n              },\n            }}\n            fieldState={fieldState}\n            fieldData={customTextAreaFieldProps}\n          />\n        );\n      }}\n    />\n  );\n}\n","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { useFormFields } from '@/src/context';\nimport { useFormContext } from 'react-hook-form';\nimport { FormField } from '../../ui/form';\nimport { TextField, TextFieldProps } from './TextField';\nimport { Components } from '@/src/types/remoteFlows';\n\ntype EmailFieldProps = TextFieldProps & {\n  component?: Components['email'];\n};\n\nexport function EmailField(props: EmailFieldProps) {\n  const { components } = useFormFields();\n  const { control } = useFormContext();\n\n  const CustomEmailField = props.component || components?.email;\n\n  if (CustomEmailField) {\n    return (\n      <FormField\n        control={control}\n        name={props.name}\n        render={({ field, fieldState }) => {\n          return (\n            <CustomEmailField\n              field={{\n                ...field,\n                onChange: (value: any) => {\n                  field.onChange(value);\n                  props.onChange?.(value);\n                },\n              }}\n              fieldState={fieldState}\n              fieldData={props}\n            />\n          );\n        }}\n      />\n    );\n  }\n\n  return <TextField {...props} type='email' />;\n}\n","import { useFormContext } from 'react-hook-form';\nimport { FormField } from '../../ui/form';\nimport { Field } from '@/src/flows/types';\n\nexport function HiddenField(props: Field) {\n  const { control } = useFormContext();\n\n  return (\n    <FormField\n      control={control}\n      name={props.name}\n      render={({ field }) => {\n        return <input {...field} type='hidden' />;\n      }}\n    />\n  );\n}\n","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useEffect, useState } from 'react';\nimport { yupResolver } from '@hookform/resolvers/yup';\nimport { useForm, useFormContext, useFieldArray } from 'react-hook-form';\nimport * as yup from 'yup';\n\nimport { JSFField } from '@/src/types/remoteFlows';\nimport { useFormFields } from '@/src/context';\nimport { Form, FormField } from '@/src/components/ui/form';\nimport { Components } from '@/src/types/remoteFlows';\nimport { Button } from '@/src/components/ui/button';\nimport {\n  Dialog,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n} from '@/src/components/ui/dialog';\n\nimport {\n  buildWorkScheduleSummary,\n  calculateHours,\n  calculateTotalWorkHours,\n  DailySchedule,\n  DAYS_OF_THE_WEEK,\n  getShortWeekday,\n} from './workScheduleUtils';\nimport { CheckBoxField } from './CheckBoxField';\nimport { TextField } from './TextField';\n\ntype WorkScheduleFieldProps = JSFField & {\n  name: string;\n  default: DailySchedule[];\n  onChange?: (value: any) => void;\n  component?: Components['work-schedule'];\n};\n\ntype WorkScheduleFormData = {\n  schedule: DailySchedule[];\n};\n\ntype WorkScheduleSelectionProps = {\n  defaultSchedule: DailySchedule[];\n  onSubmit: (data: WorkScheduleFormData['schedule']) => void;\n};\n\nconst fieldSchema = yup.object({\n  day: yup.string().required(),\n  checked: yup.boolean().required(),\n  start_time: yup\n    .string()\n    .matches(/^([01]\\d|2[0-3]):([0-5]\\d)$/, 'Invalid time format (HH:mm)')\n    .when('checked', {\n      is: true,\n      then: (schema) => schema.required('Required'),\n      otherwise: (schema) => schema.optional().nullable(),\n    }),\n  end_time: yup\n    .string()\n    .matches(/^([01]\\d|2[0-3]):([0-5]\\d)$/, 'Invalid time format (HH:mm)')\n    .when('checked', {\n      is: true,\n      then: (schema) => schema.required('Required'),\n      otherwise: (schema) => schema.optional().nullable(),\n    }),\n  hours: yup.number().default(0),\n  break_duration_minutes: yup.string().default('0'),\n});\n\nconst formSchema = yup.object({\n  schedule: yup.array(fieldSchema),\n});\n\nfunction WorkScheduleSelectionForm({\n  defaultSchedule,\n  onSubmit,\n}: WorkScheduleSelectionProps) {\n  const [openDialog, setOpenDialog] = useState(false);\n\n  const transformedSchedule = DAYS_OF_THE_WEEK.map((day) => {\n    const existingSchedule = defaultSchedule.find(\n      (schedule) =>\n        schedule.day.toLowerCase() === getShortWeekday(day).toLowerCase() ||\n        schedule.day.toLowerCase() === day.toLowerCase(),\n    );\n\n    if (existingSchedule) {\n      return {\n        ...existingSchedule,\n        day: getShortWeekday(day),\n        checked: true,\n      };\n    }\n\n    return {\n      // We just need to override the day and checked. The rest of the fields are the same for every day.\n      ...defaultSchedule[0],\n      checked: false,\n      day: getShortWeekday(day),\n    };\n  });\n\n  const form = useForm<WorkScheduleFormData>({\n    defaultValues: {\n      schedule: transformedSchedule,\n    },\n    resolver: yupResolver(formSchema) as any,\n  });\n\n  const { handleSubmit, watch, reset, control, formState } = form;\n\n  const { fields } = useFieldArray({\n    name: 'schedule',\n    control,\n  });\n\n  const watchedSchedule = watch('schedule');\n\n  function handleSubmitWorkingHours(data: WorkScheduleFormData) {\n    // We can only send the days that are checked.\n    const schedule = data.schedule\n      .filter(({ checked }) => checked)\n      .map((day) => ({\n        ...day,\n        hours: calculateHours(day),\n      }));\n\n    onSubmit(schedule);\n    setOpenDialog(false);\n  }\n\n  function handleCancel() {\n    reset();\n    setOpenDialog(false);\n  }\n\n  return (\n    <div className='flex items-center justify-between'>\n      <Dialog open={openDialog} onOpenChange={setOpenDialog}>\n        <DialogTrigger asChild>\n          <Button\n            variant={'link'}\n            className='flex items-center p-0 RemoteFlows__WorkScheduleSelectionForm__Trigger'\n          >\n            Edit Schedule\n          </Button>\n        </DialogTrigger>\n        <DialogContent className='max-w-5xl max-h-[90vh] overflow-y-auto px-8 py-4 RemoteFlows__WorkScheduleSelectionForm__Content'>\n          <DialogHeader>\n            <DialogTitle className='RemoteFlows__WorkScheduleSelectionForm__Title'>\n              Edit employee working hours\n            </DialogTitle>\n          </DialogHeader>\n\n          <Form {...form}>\n            <form className='space-y-4 RemoteFlows__WorkScheduleSelectionForm__Form'>\n              <div className='rounded-lg'>\n                <p className='text-gray-600 text-sm mb-4 RemoteFlows__WorkScheduleSelectionForm__Description'>\n                  The times displayed are in the employee's time zone in the\n                  24-hour format.\n                </p>\n\n                <div className='grid grid-cols-12 gap-4 text-sm font-medium text-gray-500 uppercase tracking-wide RemoteFlows__WorkScheduleSelectionForm__Header'>\n                  <div className='col-span-2'></div>\n                  <div className='col-span-3 text-center'>START</div>\n                  <div className='col-span-1 text-center'></div>\n                  <div className='col-span-3 text-center'>END</div>\n                  <div className='col-span-2 text-center'>HOURS</div>\n                  {/* <div className=\"col-span-2 text-center\">ACTIONS</div> */}\n                </div>\n\n                <div className='RemoteFlows__WorkScheduleSelectionForm__Rows'>\n                  {fields.map((field, index) => {\n                    const currentDay = watchedSchedule[index];\n                    const calculatedHours = calculateHours(currentDay);\n\n                    return (\n                      <React.Fragment key={field.id}>\n                        <div className='grid grid-cols-12 gap-4 items-center py-2 RemoteFlows__WorkScheduleSelectionForm__Row-Hours'>\n                          <div className='col-span-2 flex items-center gap-3'>\n                            <CheckBoxField\n                              label={field.day}\n                              name={`schedule.${index}.checked`}\n                            />\n                          </div>\n                          <div className='col-span-3'>\n                            <TextField\n                              name={`schedule.${index}.start_time`}\n                              includeErrorMessage={false}\n                            />\n                          </div>\n                          <div className='col-span-1 text-center text-gray-500'>\n                            to\n                          </div>\n                          <div className='col-span-3'>\n                            <TextField\n                              name={`schedule.${index}.end_time`}\n                              includeErrorMessage={false}\n                            />\n                          </div>\n                          <div className='col-span-2 text-center text-gray-600'>\n                            {isNaN(calculatedHours)\n                              ? '-'\n                              : `${calculatedHours} hours`}\n                          </div>\n                        </div>\n\n                        <div className='grid grid-cols-12 gap-4 items-center py-2 RemoteFlows__WorkScheduleSelectionForm__Row-Break'>\n                          <div className='col-span-2 text-gray-500'>Break</div>\n                          <div className='col-span-2'>\n                            <TextField\n                              name={`schedule.${index}.break_duration_minutes`}\n                              includeErrorMessage={false}\n                            />\n                          </div>\n                          <div className='col-span-2 text-gray-500'>\n                            minutes\n                          </div>\n                          <div className='col-span-4'></div>\n                        </div>\n                      </React.Fragment>\n                    );\n                  })}\n                </div>\n              </div>\n\n              {Object.keys(formState.errors).length > 0 && (\n                <p className='text-destructive text-sm mb-0'>\n                  Invalid time format (HH:mm)\n                </p>\n              )}\n\n              <div className='flex gap-4 pt-4'>\n                <Button\n                  type='button'\n                  className='reset-button'\n                  variant='outline'\n                  onClick={handleCancel}\n                >\n                  Cancel\n                </Button>\n                <Button\n                  type='button'\n                  className='submit-button'\n                  onClick={handleSubmit(handleSubmitWorkingHours)}\n                >\n                  Save Schedule\n                </Button>\n              </div>\n            </form>\n          </Form>\n        </DialogContent>\n      </Dialog>\n    </div>\n  );\n}\n\nexport function WorkScheduleField(props: WorkScheduleFieldProps) {\n  const { components } = useFormFields();\n  const { setValue, control, watch } = useFormContext();\n  const watchedSchedule = watch(props.name);\n  const [currentSchedule, setCurrentSchedule] =\n    useState<DailySchedule[]>(watchedSchedule);\n\n  const { workHoursSummary, breakSummary } =\n    buildWorkScheduleSummary(currentSchedule);\n  const totalWorkHours = calculateTotalWorkHours(currentSchedule);\n\n  useEffect(() => {\n    setValue(props.name, currentSchedule);\n  }, [currentSchedule, props.name, setValue]);\n\n  function onSubmit(data: WorkScheduleFormData['schedule']) {\n    setCurrentSchedule(data);\n  }\n\n  const CustomWorkScheduleField =\n    props.component || components?.['work-schedule'];\n\n  if (CustomWorkScheduleField) {\n    return (\n      <FormField\n        control={control}\n        name={props.name}\n        render={({ field, fieldState }) => {\n          return (\n            <CustomWorkScheduleField\n              field={{\n                ...field,\n                onChange: (value: any) => {\n                  field.onChange(value);\n                  props.onChange?.(value);\n                },\n              }}\n              fieldState={fieldState}\n              fieldData={{\n                ...props,\n                // @ts-expect-error - defaultFormattedValue is not part of fieldData. It's generated in this component.\n                defaultFormattedValue: {\n                  workHoursSummary,\n                  breakSummary,\n                  totalWorkHours,\n                },\n              }}\n            />\n          );\n        }}\n      />\n    );\n  }\n\n  return (\n    <div className={`flex flex-col gap-3 RemoteFlows__WorkScheduleField`}>\n      <p className={`text-sm RemoteFlows__WorkScheduleField__Title`}>\n        Work hours\n      </p>\n      <div className='flex flex-col gap-1 RemoteFlows__WorkScheduleField__Summary'>\n        <p\n          className='text-sm text-gray-500 RemoteFlows__WorkScheduleField__Summary__WorkHours'\n          dangerouslySetInnerHTML={{\n            __html: workHoursSummary.join(', '),\n          }}\n        />\n\n        <p className='text-sm text-gray-500 RemoteFlows__WorkScheduleField__Summary__Break'>\n          {breakSummary.join()}\n        </p>\n        <p className='text-sm text-gray-500 RemoteFlows__WorkScheduleField__Summary__Total'>\n          Total of <span>{totalWorkHours}</span> hours per week\n        </p>\n        <WorkScheduleSelectionForm\n          defaultSchedule={currentSchedule}\n          onSubmit={onSubmit}\n        />\n      </div>\n    </div>\n  );\n}\n","import {\n  FieldError,\n  FieldErrors,\n  FieldValues,\n  Ref,\n  ResolverOptions,\n  get,\n} from 'react-hook-form';\n\nconst setCustomValidity = (\n  ref: Ref,\n  fieldPath: string,\n  errors: FieldErrors,\n) => {\n  if (ref && 'reportValidity' in ref) {\n    const error = get(errors, fieldPath) as FieldError | undefined;\n    ref.setCustomValidity((error && error.message) || '');\n\n    ref.reportValidity();\n  }\n};\n\n// Native validation (web only)\nexport const validateFieldsNatively = <TFieldValues extends FieldValues>(\n  errors: FieldErrors,\n  options: ResolverOptions<TFieldValues>,\n): void => {\n  for (const fieldPath in options.fields) {\n    const field = options.fields[fieldPath];\n    if (field && field.ref && 'reportValidity' in field.ref) {\n      setCustomValidity(field.ref, fieldPath, errors);\n    } else if (field && field.refs) {\n      field.refs.forEach((ref: HTMLInputElement) =>\n        setCustomValidity(ref, fieldPath, errors),\n      );\n    }\n  }\n};\n","import {\n  Field,\n  FieldErrors,\n  FieldValues,\n  InternalFieldName,\n  ResolverOptions,\n  get,\n  set,\n} from 'react-hook-form';\nimport { validateFieldsNatively } from './validateFieldsNatively';\n\nexport const toNestErrors = <TFieldValues extends FieldValues>(\n  errors: FieldErrors,\n  options: ResolverOptions<TFieldValues>,\n): FieldErrors<TFieldValues> => {\n  options.shouldUseNativeValidation && validateFieldsNatively(errors, options);\n\n  const fieldErrors = {} as FieldErrors<TFieldValues>;\n  for (const path in errors) {\n    const field = get(options.fields, path) as Field['_f'] | undefined;\n    const error = Object.assign(errors[path] || {}, {\n      ref: field && field.ref,\n    });\n\n    if (isNameInFieldArray(options.names || Object.keys(errors), path)) {\n      const fieldArrayErrors = Object.assign({}, get(fieldErrors, path));\n\n      set(fieldArrayErrors, 'root', error);\n      set(fieldErrors, path, fieldArrayErrors);\n    } else {\n      set(fieldErrors, path, error);\n    }\n  }\n\n  return fieldErrors;\n};\n\nconst isNameInFieldArray = (\n  names: InternalFieldName[],\n  name: InternalFieldName,\n) => {\n  const path = escapeBrackets(name);\n  return names.some((n) => escapeBrackets(n).match(`^${path}\\\\.\\\\d+`));\n};\n\n/**\n * Escapes special characters in a string to be used in a regex pattern.\n * it removes the brackets from the string to match the `set` method.\n *\n * @param input - The input string to escape.\n * @returns The escaped string.\n */\nfunction escapeBrackets(input: string): string {\n  return input.replace(/\\]|\\[/g, '');\n}\n","import { toNestErrors, validateFieldsNatively } from '@hookform/resolvers';\nimport {\n  FieldError,\n  FieldValues,\n  Resolver,\n  appendErrors,\n} from 'react-hook-form';\nimport * as Yup from 'yup';\n\n/**\n * Why `path!` ? because it could be `undefined` in some case\n * https://github.com/jquense/yup#validationerrorerrors-string--arraystring-value-any-path-string\n */\nfunction parseErrorSchema(\n  error: Yup.ValidationError,\n  validateAllFieldCriteria: boolean,\n) {\n  return (error.inner || []).reduce<Record<string, FieldError>>(\n    (previous, error) => {\n      if (!previous[error.path!]) {\n        previous[error.path!] = { message: error.message, type: error.type! };\n      }\n\n      if (validateAllFieldCriteria) {\n        const types = previous[error.path!].types;\n        const messages = types && types[error.type!];\n\n        previous[error.path!] = appendErrors(\n          error.path!,\n          validateAllFieldCriteria,\n          previous,\n          error.type!,\n          messages\n            ? ([] as string[]).concat(messages as string[], error.message)\n            : error.message,\n        ) as FieldError;\n      }\n\n      return previous;\n    },\n    {},\n  );\n}\n\n/**\n * Creates a resolver for react-hook-form using Yup schema validation\n * @param {Yup.ObjectSchema<TFieldValues> | ReturnType<typeof Yup.lazy<Yup.ObjectSchema<TFieldValues>>>} schema - Yup validation schema\n * @param {Parameters<(typeof schema)['validate']>[1]} schemaOptions - Options to pass to Yup's validate/validateSync\n * @param {Object} resolverOptions - Additional resolver configuration\n * @param {('async' | 'sync')} [resolverOptions.mode] - Validation mode\n * @param {boolean} [resolverOptions.raw] - If true, returns raw values instead of validated results\n * @returns {Resolver<Yup.InferType<typeof schema>>} A resolver function compatible with react-hook-form\n * @example\n * const schema = Yup.object({\n *   name: Yup.string().required(),\n *   age: Yup.number().required(),\n * });\n *\n * useForm({\n *   resolver: yupResolver(schema)\n * });\n */\nexport function yupResolver<TFieldValues extends FieldValues>(\n  schema:\n    | Yup.ObjectSchema<TFieldValues>\n    | ReturnType<typeof Yup.lazy<Yup.ObjectSchema<TFieldValues>>>,\n  schemaOptions: Parameters<(typeof schema)['validate']>[1] = {},\n  resolverOptions: {\n    mode?: 'async' | 'sync';\n    raw?: boolean;\n  } = {},\n): Resolver<Yup.InferType<typeof schema>> {\n  return async (values, context, options) => {\n    try {\n      if (schemaOptions.context && process.env.NODE_ENV === 'development') {\n        // eslint-disable-next-line no-console\n        console.warn(\n          \"You should not used the yup options context. Please, use the 'useForm' context object instead\",\n        );\n      }\n\n      const result = await schema[\n        resolverOptions.mode === 'sync' ? 'validateSync' : 'validate'\n      ](\n        values,\n        Object.assign({ abortEarly: false }, schemaOptions, { context }),\n      );\n\n      options.shouldUseNativeValidation && validateFieldsNatively({}, options);\n\n      return {\n        values: resolverOptions.raw ? Object.assign({}, values) : result,\n        errors: {},\n      };\n    } catch (e: any) {\n      if (!e.inner) {\n        throw e;\n      }\n\n      return {\n        values: {},\n        errors: toNestErrors(\n          parseErrorSchema(\n            e,\n            !options.shouldUseNativeValidation &&\n              options.criteriaMode === 'all',\n          ),\n          options,\n        ),\n      };\n    }\n  };\n}\n","import groupBy from 'lodash.groupby';\nimport capitalize from 'lodash.capitalize';\n\nconst MINUTES_IN_HOUR = 60;\n\nexport const DAYS_OF_THE_WEEK = [\n  'monday',\n  'tuesday',\n  'wednesday',\n  'thursday',\n  'friday',\n  'saturday',\n  'sunday',\n] as const;\n\nexport type DailySchedule = {\n  day: string;\n  start_time: string;\n  end_time: string;\n  hours: number;\n  break_duration_minutes: string;\n  checked: boolean;\n};\n\n/**\n * Convert break duration in minutes to hours and minutes\n * @param breakDuration - Break duration in minutes\n * @returns Break duration in hours and minutes\n */\nfunction convertBreakDurationToHours(breakDuration: number) {\n  if (breakDuration < 60) {\n    return `${breakDuration}m`;\n  }\n\n  const hours = Math.floor(breakDuration / MINUTES_IN_HOUR);\n  const minutes = breakDuration % MINUTES_IN_HOUR;\n\n  if (minutes > 0) {\n    return `${hours}h${minutes}m`;\n  }\n\n  return `${hours}h`;\n}\n\n/**\n * Calculate total work hours from daily schedules\n * @param dailySchedules - Daily schedules\n * @returns Total work hours\n */\nexport function calculateTotalWorkHours(dailySchedules: DailySchedule[]) {\n  const totalWorkHours = dailySchedules.reduce((total, daySchedule) => {\n    const sum = daySchedule.hours + total;\n    return sum;\n  }, 0);\n\n  return Number(totalWorkHours.toFixed(2));\n}\n\n/**\n * Find the last consecutive day in a schedule (used to summarize work hours)\n * @param startDay - The starting day\n * @param dailySchedule - The daily schedule\n * @returns The last consecutive day\n */\nfunction findLastConsecutiveDay(\n  startDay: string,\n  dailySchedule: DailySchedule[],\n): Weekday | null {\n  const daysScheduled = dailySchedule.map(\n    ({ day }: DailySchedule) => day.toLowerCase() as Weekday,\n  );\n\n  let idx = daysScheduled.indexOf(startDay as Weekday);\n  let day: Weekday | null = null;\n\n  while (idx < daysScheduled.length && !day) {\n    const currentDay = daysScheduled[idx];\n    const nextDay = daysScheduled[idx + 1];\n\n    const nextDayIdx = DAYS_OF_THE_WEEK.indexOf(currentDay) + 1;\n    const isNextDay = DAYS_OF_THE_WEEK[nextDayIdx] === nextDay;\n\n    if (!isNextDay) {\n      day = currentDay;\n    }\n\n    idx += 1;\n  }\n\n  return day;\n}\n\n/**\n * Check if a day schedule should be summarized\n * @param daySchedule - The day schedule\n * @returns True if the day schedule should be summarized\n */\nfunction shouldSummarizeSchedule(daySchedule: DailySchedule) {\n  return (\n    daySchedule.start_time &&\n    daySchedule.end_time &&\n    (typeof daySchedule.hours === 'number'\n      ? daySchedule.hours\n      : Number.parseInt(daySchedule.hours)) > 0\n  );\n}\n\n/**\n * Check if break duration should be summarized\n * @param daySchedule - The day schedule\n * @returns True if the break duration should be summarized\n */\nfunction shouldSummarizeBreaks(daySchedule: DailySchedule) {\n  return Number.parseInt(daySchedule.break_duration_minutes) > 0;\n}\n\n/**\n * Build the work schedule summary\n * @param dailySchedules - The daily schedules\n * @returns The work schedule summary\n */\nexport function buildWorkScheduleSummary(dailySchedules: DailySchedule[]) {\n  const activeScheduleDays = dailySchedules.filter(shouldSummarizeSchedule);\n\n  const groupedWorkHours = groupBy(activeScheduleDays, (dailySchedule) => {\n    return `${dailySchedule.start_time}|${dailySchedule.end_time}`;\n  });\n\n  const activeBreakDays = dailySchedules.filter(shouldSummarizeBreaks);\n  const groupedBreaks = groupBy(activeBreakDays, 'break_duration_minutes');\n\n  const workHoursSummary = Object.keys(groupedWorkHours).map(\n    (scheduleTimes) => {\n      const sameDailySchedule = groupedWorkHours[scheduleTimes];\n      const startDay = sameDailySchedule[0].day;\n      const [start_time, end_time] = scheduleTimes.split('|');\n      const timeSummary = `from <span>${start_time.replace(':', 'h')}</span> to <span>${end_time.replace(':', 'h')}</span>`;\n\n      const lastConsecutiveDay = findLastConsecutiveDay(\n        startDay,\n        sameDailySchedule,\n      );\n      const lastConsecutiveDayIdx = lastConsecutiveDay\n        ? sameDailySchedule.findIndex(\n            (dailySchedule) => dailySchedule.day === lastConsecutiveDay,\n          )\n        : -1;\n      const allDaysAreConsecutive =\n        lastConsecutiveDayIdx === sameDailySchedule.length - 1;\n\n      if (sameDailySchedule.length === 1) {\n        return `${capitalize(startDay)}, ${timeSummary}`;\n      }\n\n      if (!allDaysAreConsecutive || !lastConsecutiveDay) {\n        return sameDailySchedule.reduce((summary, dailySchedule, idx) => {\n          const day = capitalize(dailySchedule.day);\n          if (idx === sameDailySchedule.length - 1) {\n            return `${summary}and ${day}, ${timeSummary}`;\n          }\n\n          return `${summary}<span>${day}</span>, `;\n        }, '');\n      }\n\n      return `<span>${capitalize(startDay)}</span> to <span>${capitalize(lastConsecutiveDay)}</span>, ${timeSummary}`;\n    },\n  );\n\n  const breakSummary = Object.keys(groupedBreaks)\n    .reverse()\n    .map((breakDuration, idx) => {\n      const isFirstGroup = idx === 0;\n      const sameDailyBreaks = groupedBreaks[breakDuration];\n      const breakString = convertBreakDurationToHours(\n        parseInt(breakDuration, 10),\n      );\n\n      if (Object.keys(groupedBreaks).length === 1) {\n        return `With ${breakString} daily breaks`;\n      }\n\n      if (sameDailyBreaks.length === 1) {\n        const breakText = `${breakString} break on ${capitalize(sameDailyBreaks[0].day)}.`;\n        return isFirstGroup ? `With ${breakText}` : breakText;\n      }\n\n      return sameDailyBreaks.reduce(\n        (summary, dailySchedule, breakIdx) => {\n          const day = capitalize(dailySchedule.day);\n\n          if (breakIdx === 0) {\n            return `${summary} ${day}`;\n          }\n\n          if (breakIdx === sameDailyBreaks.length - 1) {\n            return `${summary}, and ${day}.`;\n          }\n\n          return `${summary}, ${day}`;\n        },\n        isFirstGroup\n          ? `With ${breakString} break on`\n          : `${breakString} break on`,\n      );\n    });\n\n  return { workHoursSummary, breakSummary };\n}\n\n// Calculate hours for each day\nexport function calculateHours(day: DailySchedule) {\n  const { checked, start_time, end_time, break_duration_minutes } = day;\n  if (!checked) return 0;\n\n  const [startHour, startMin] = start_time.split(':').map(Number);\n  const [endHour, endMin] = end_time.split(':').map(Number);\n\n  const startTotalMin = startHour * 60 + startMin;\n  const endTotalMin = endHour * 60 + endMin;\n  const workMinutes =\n    endTotalMin -\n    startTotalMin -\n    Number.parseInt(break_duration_minutes || '0');\n\n  const hours = workMinutes / 60;\n  return hours === Math.floor(hours) ? hours : Number(hours.toFixed(2));\n}\n\ntype Weekday = (typeof DAYS_OF_THE_WEEK)[number];\n\nconst dayMap: Record<Weekday, string> = {\n  monday: 'Mon',\n  tuesday: 'Tue',\n  wednesday: 'Wed',\n  thursday: 'Thu',\n  friday: 'Fri',\n  saturday: 'Sat',\n  sunday: 'Sun',\n};\n\nexport function getShortWeekday(fullName: Weekday): string {\n  return dayMap[fullName];\n}\n","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { useFormFields } from '@/src/context';\nimport { Components, JSFField } from '@/src/types/remoteFlows';\nimport { useFormContext } from 'react-hook-form';\nimport {\n  FormControl,\n  FormDescription,\n  FormField,\n  FormItem,\n  FormLabel,\n  FormMessage,\n} from '../../ui/form';\nimport { MultiSelect } from '../../ui/multi-select';\nimport { useState } from 'react';\n\ntype MultiSelectFieldProps = JSFField & {\n  placeholder?: string;\n  options: Array<{ value: string; label: string }>;\n  className?: string;\n  onChange?: (value: any) => void;\n  component?: Components['select'];\n};\n\nexport function MultiSelectField({\n  label,\n  name,\n  options,\n  defaultValue,\n  description,\n  onChange,\n  component,\n  ...rest\n}: MultiSelectFieldProps) {\n  const { control } = useFormContext();\n  const { components } = useFormFields();\n  const [selected, setSelected] = useState<any[]>();\n\n  return (\n    <FormField\n      defaultValue={defaultValue}\n      control={control}\n      name={name}\n      render={({ field, fieldState }) => {\n        const CustomSelectField = component || components?.['multi-select'];\n        if (CustomSelectField) {\n          const customSelectFieldProps = {\n            label,\n            name,\n            options,\n            defaultValue,\n            description,\n            onChange,\n            ...rest,\n          };\n          return (\n            <CustomSelectField\n              field={{\n                ...field,\n                onChange: (value: any) => {\n                  field.onChange(value);\n                  onChange?.(value);\n                },\n              }}\n              fieldState={fieldState}\n              fieldData={customSelectFieldProps}\n            />\n          );\n        }\n\n        const selectedOptions =\n          selected ||\n          options.filter((option) => field.value.includes(option.value));\n\n        return (\n          <FormItem\n            data-field={name}\n            className={`RemoteFlows__SelectField__Item__${name}`}\n          >\n            <FormLabel className='RemoteFlows__SelectField__Label'>\n              {label}\n            </FormLabel>\n            <FormControl>\n              <MultiSelect\n                options={options}\n                selected={selectedOptions}\n                onChange={(rawValues: any[]) => {\n                  const values = rawValues.map(({ value }) => value);\n                  field.onChange(values);\n                  onChange?.(values);\n                  setSelected(rawValues);\n                }}\n                {...rest}\n              />\n            </FormControl>\n            {description && <FormDescription>{description}</FormDescription>}\n            {fieldState.error && <FormMessage />}\n          </FormItem>\n        );\n      }}\n    />\n  );\n}\n","import {\n  NumberField,\n  NumberFieldProps,\n} from '@/src/components/form/fields/NumberField';\n\n// TODO: We use the number field and the the number type is what the partner overrides\n// TODO: this needs to be changed in the future with the changes from https://github.com/remoteoss/remote-flows/pull/128\nexport const MoneyField = (props: NumberFieldProps) => {\n  return <NumberField maxLength={15} {...props} />;\n};\n","import { CheckBoxField } from './CheckBoxField';\nimport { DatePickerField } from './DatePickerField';\nimport { FileUploadField } from './FileUploadField';\nimport { NumberField } from './NumberField';\nimport { RadioGroupField } from './RadioGroupField';\nimport { SelectField } from './SelectField';\nimport { CountryField } from './CountryField';\nimport { TextAreaField } from './TextAreaField';\nimport { TextField } from './TextField';\nimport { EmailField } from './EmailField';\nimport { HiddenField } from './HiddenField';\nimport { WorkScheduleField } from './WorkScheduleField';\nimport { MultiSelectField } from './MultiSelectField';\nimport { MoneyField } from './MoneyField';\nimport { SupportedTypes } from './types';\nimport { $TSFixMe } from '@/src/types/remoteFlows';\n\nexport const baseFields: Record<\n  Exclude<SupportedTypes, 'fieldset' | 'fieldset-flat'>,\n  React.ComponentType<$TSFixMe>\n> = {\n  checkbox: CheckBoxField,\n  text: TextField,\n  email: EmailField,\n  money: MoneyField,\n  select: SelectField,\n  'multi-select': MultiSelectField,\n  radio: RadioGroupField,\n  number: NumberField,\n  file: FileUploadField,\n  date: DatePickerField,\n  textarea: TextAreaField,\n  countries: CountryField,\n  hidden: HiddenField,\n  'work-schedule': WorkScheduleField,\n};\n","import { Alert, AlertDescription, AlertTitle } from '@/src/components/ui/alert';\nimport { StatementComponentProps } from '@/src/types/fields';\nimport { AlertCircle } from 'lucide-react';\n\nexport function StatementDefault({ data }: StatementComponentProps) {\n  const { title, description, severity } = data;\n\n  const mapSeverityToVariant: Record<\n    string,\n    'warning' | 'destructive' | 'default'\n  > = {\n    warning: 'warning',\n    error: 'destructive',\n    info: 'default',\n    success: 'warning',\n  };\n\n  const variant =\n    mapSeverityToVariant[severity as keyof typeof mapSeverityToVariant] ??\n    'warning';\n\n  return (\n    <Alert variant={variant}>\n      <AlertCircle className='h-4 w-4' />\n      {title && <AlertTitle>{title}</AlertTitle>}\n      {description && (\n        <AlertDescription dangerouslySetInnerHTML={{ __html: description }} />\n      )}\n    </Alert>\n  );\n}\n","import { StatementDefault } from '@/src/components/form/fields/default/StatementDefault';\nimport { useFormFields } from '@/src/context';\nimport { sanitizeHtml } from '@/src/lib/utils';\nimport { StatementComponentProps } from '@/src/types/fields';\n\ntype StatementProps = StatementComponentProps['data'];\n\nexport function Statement({ title, description, severity }: StatementProps) {\n  const { components } = useFormFields();\n\n  const Component = components?.statement ?? StatementDefault;\n\n  return (\n    <Component\n      data={{\n        title,\n        description: sanitizeHtml(description),\n        severity,\n      }}\n    />\n  );\n}\n"],"mappings":"qmBACA,OAAS,YAAAA,GAAU,aAAAC,GAAW,UAAAC,OAAc,QCgFhC,OAsBE,YAAAC,GAtBF,OAAAC,EA2BQ,QAAAC,OA3BR,oBArDL,SAASC,GAAc,CAC5B,KAAAC,EACA,aAAAC,EACA,YAAAC,EACA,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,QAAAC,EACA,UAAAC,EACA,GAAGC,CACL,EAAuB,CACrB,GAAM,CAAE,WAAAC,CAAW,EAAIC,EAAc,EAC/B,CAAE,QAAAC,CAAQ,EAAIC,EAAe,EAE7BC,EAAuBC,EAAA,CAC3BC,EACAC,EACAC,IACG,CACH,GAAIZ,GAAYY,EAAU,CAExB,IAAMC,EAAgBH,EAAM,MAAQ,CAAC,GAAGA,EAAM,KAAK,EAAI,CAAC,EACpDC,EACGE,EAAc,SAASD,CAAQ,GAClCF,EAAM,SAAS,CAAC,GAAGG,EAAeD,CAAQ,CAAC,EAG7CF,EAAM,SAASG,EAAc,OAAQC,GAAUA,IAAUF,CAAQ,CAAC,CAEtE,MAEEF,EAAM,SAASC,CAAO,CAE1B,EAnB6B,wBAqB7B,OACEnB,EAACuB,EAAA,CACC,QAAST,EACT,KAAMX,EACN,aAAcC,EACd,OAAQ,CAAC,CAAE,MAAAc,EAAO,WAAAM,CAAW,IAAM,CACjC,IAAMC,EAAsBf,GAAaE,GAAY,SACrD,GAAIa,EAAqB,CACvB,IAAMC,EAA2B,CAC/B,KAAAvB,EACA,YAAAE,EACA,MAAAC,EACA,aAAAF,EACA,SAAAI,EACA,QAAAC,EACA,GAAGE,CACL,EACA,OACEX,EAACyB,EAAA,CACC,MAAO,CACL,GAAGP,EACH,SAAUD,EAAA,CACRU,EACAP,IACG,CACHJ,EAAqBE,EAAOS,EAAI,OAAO,QAASP,CAAQ,EACxDb,IAAWoB,EAAI,OAAO,UAAY,GAAMP,CAAQ,CAClD,EANU,WAOZ,EACA,WAAYI,EACZ,UAAWE,EACb,CAEJ,CACA,OACEzB,GAAC2B,EAAA,CACC,aAAYzB,EACZ,UAAW0B,EAAG,qCAAqC1B,CAAI,EAAE,EAEzD,UAAAH,EAAC8B,EAAA,CACC,SAAA7B,GAAAF,GAAA,CACG,UAAAU,GAAWD,EAAWR,EAAC+B,EAAA,CAAW,SAAAzB,EAAM,EAAe,KAEvDG,GAAWD,EACVC,EAAQ,IAAKuB,GACX/B,GAAC,OAAuB,UAAU,iBAChC,UAAAD,EAACiC,GAAA,CACC,GAAID,EAAO,MACX,gBAAkBb,GAA0B,CAC1CH,EACEE,EACAC,IAAY,GACZa,EAAO,KACT,EACAzB,IAAWY,IAAY,GAAMa,EAAO,KAAK,CAC3C,EACA,QAASd,EAAM,OAAO,SAASc,EAAO,KAAK,EAC3C,UAAU,+BACZ,EACAhC,EAAC+B,EAAA,CACC,QAASC,EAAO,MAChB,UAAU,oCAET,SAAAA,EAAO,MACV,IAnBQA,EAAO,KAoBjB,CACD,EAED/B,GAAC,OAAI,UAAU,iBACb,UAAAD,EAACiC,GAAA,CACC,GAAI9B,EACJ,gBAAkB+B,GAAwB,CACxClB,EAAqBE,EAAOgB,IAAU,GAAM/B,CAAI,EAChDI,IAAW2B,IAAU,GAAM/B,CAAI,CACjC,EACA,QAASe,EAAM,MACf,UAAU,+BACZ,EACAlB,EAAC+B,EAAA,CACC,QAAS5B,EACT,UAAU,oCAET,SAAAG,EACH,GACF,GAEJ,EACF,EACCD,GAAeL,EAACmC,EAAA,CAAiB,SAAA9B,EAAY,EAC7CmB,EAAW,OAASxB,EAACoC,EAAA,EAAY,GACpC,CAEJ,EACF,CAEJ,CAlIgBnB,EAAAf,GAAA,iBC3BhB,OAAS,gBAAAmC,OAAoB,eAE7B,OAAS,gBAAAC,OAAoB,0BCF7B,OAAS,eAAAC,GAAa,gBAAAC,OAAoB,eAC1C,OAAS,aAAAC,OAAiB,mBA2DhB,cAAAC,OAAA,oBAtDV,SAASC,GAAS,CAChB,UAAAC,EACA,WAAAC,EACA,gBAAAC,EAAkB,GAClB,GAAGC,CACL,EAA2C,CACzC,OACEL,GAACM,GAAA,CACC,gBAAiBF,EACjB,UAAWG,EAAG,MAAOL,CAAS,EAC9B,WAAY,CACV,OAAQ,kCACR,MAAO,sBACP,QAAS,wDACT,cAAe,sBACf,IAAK,0BACL,WAAYK,EACVC,GAAe,CAAE,QAAS,SAAU,CAAC,EACrC,wDACF,EACA,oBAAqB,kBACrB,gBAAiB,mBACjB,MAAO,mCACP,SAAU,OACV,UACE,iEACF,IAAK,mBACL,KAAMD,EACJ,kKACAF,EAAM,OAAS,QACX,uKACA,qCACN,EACA,IAAKE,EACHC,GAAe,CAAE,QAAS,OAAQ,CAAC,EACnC,kDACF,EACA,gBACE,iFACF,cACE,+EACF,aACE,mIACF,UAAW,mCACX,YACE,wEACF,aAAc,mCACd,iBACE,+DACF,WAAY,YACZ,GAAGL,CACL,EACA,WAAY,CACV,SAAUM,EAAA,CAAC,CAAE,UAAAP,EAAW,GAAGG,CAAM,IAC/BL,GAACU,GAAA,CAAY,UAAWH,EAAG,SAAUL,CAAS,EAAI,GAAGG,EAAO,EADpD,YAGV,UAAWI,EAAA,CAAC,CAAE,UAAAP,EAAW,GAAGG,CAAM,IAChCL,GAACW,GAAA,CAAa,UAAWJ,EAAG,SAAUL,CAAS,EAAI,GAAGG,EAAO,EADpD,YAGb,EACC,GAAGA,EACN,CAEJ,CA/DSI,EAAAR,GAAA,YCNT,UAAYW,MAAsB,0BAOzB,cAAAC,OAAA,oBAHT,SAASC,GAAQ,CACf,GAAGC,CACL,EAAuD,CACrD,OAAOF,GAAkB,OAAjB,CAAsB,YAAU,UAAW,GAAGE,EAAO,CAC/D,CAJSC,EAAAF,GAAA,WAMT,SAASG,GAAe,CACtB,GAAGF,CACL,EAA0D,CACxD,OAAOF,GAAkB,UAAjB,CAAyB,YAAU,kBAAmB,GAAGE,EAAO,CAC1E,CAJSC,EAAAC,GAAA,kBAMT,SAASC,GAAe,CACtB,UAAAC,EACA,MAAAC,EAAQ,SACR,WAAAC,EAAa,EACb,GAAGN,CACL,EAA0D,CACxD,OACEF,GAAkB,SAAjB,CACC,SAAAA,GAAkB,UAAjB,CACC,YAAU,kBACV,MAAOO,EACP,WAAYC,EACZ,UAAWC,EACT,ieACAH,CACF,EACC,GAAGJ,EACN,EACF,CAEJ,CApBSC,EAAAE,GAAA,kBFOT,OAAS,UAAAK,OAAc,WAkDX,OAkC0B,YAAAC,GAlC1B,OAAAC,EAyBQ,QAAAC,OAzBR,oBA3CL,SAASC,GAAgB,CAC9B,YAAAC,EACA,MAAAC,EACA,KAAAC,EACA,QAAAC,EACA,QAAAC,EACA,SAAAC,EACA,UAAAC,EACA,GAAGC,CACL,EAAyB,CACvB,GAAM,CAAE,WAAAC,CAAW,EAAIC,EAAc,EAC/B,CAAE,QAAAC,CAAQ,EAAIC,EAAe,EAE/BC,EACAL,EAAK,MAAM,KAAO,OAAOA,EAAK,KAAK,KAAQ,SAC7CK,EAAeC,GAAgBN,EAAK,KAAK,GAAG,EACnCJ,IACTS,EAAe,IAAI,KAAK,GAAGT,CAAO,WAAW,GAG/C,IAAIW,EACJ,OAAIV,IACFU,EAAe,IAAI,KAAK,GAAGV,CAAO,WAAW,GAI7CP,EAACkB,EAAA,CACC,QAASL,EACT,KAAMR,EACN,OAAQ,CAAC,CAAE,MAAAc,EAAO,WAAAC,CAAW,IAAM,CACjC,IAAMC,EAAwBZ,GAAaE,GAAY,KAEvD,GAAIU,EAAuB,CACzB,IAAMC,EAA6B,CACjC,YAAAnB,EACA,MAAAC,EACA,KAAAC,EACA,SAAAG,EACA,GAAIO,GAAgB,CAAE,QAASA,EAAa,YAAY,CAAE,EAC1D,GAAIE,GAAgB,CAAE,QAASA,EAAa,YAAY,CAAE,EAC1D,GAAGP,CACL,EACA,OACEV,EAACqB,EAAA,CACC,MAAO,CACL,GAAGF,EACH,SAAUI,EAACC,GAAe,CACxBL,EAAM,SAASK,CAAK,EACpBhB,IAAWgB,CAAK,CAClB,EAHU,WAIZ,EACA,WAAYJ,EACZ,UAAWE,EACb,CAEJ,CACA,OACErB,GAACwB,EAAA,CACC,aAAYpB,EACZ,UAAW,qDAAqDA,CAAI,GAEpE,UAAAL,EAAC0B,EAAA,CAAU,UAAU,sCAClB,SAAAtB,EACH,EACAH,GAAC0B,GAAA,CACC,UAAA3B,EAAC4B,GAAA,CAAe,QAAO,GACrB,SAAA5B,EAAC6B,EAAA,CACC,SAAA7B,EAAC,OACC,SAAAC,GAAC6B,EAAA,CACC,KAAK,SACL,QAAS,UACT,UAAWC,EACT,oCACA,CAACZ,EAAM,OAAS,uBAClB,EACA,cAAa,sBAAsBd,CAAI,GAEtC,UAAAc,EAAM,OAASnB,EAAAD,GAAA,CAAG,SAAAiC,GAAOb,EAAM,MAAO,YAAY,EAAE,EACrDnB,EAACiC,GAAA,CAAa,UAAU,6BAA6B,GACvD,EACF,EACF,EACF,EACAjC,EAACkC,GAAA,CACC,UAAW,0DACX,MAAM,QAEN,SAAAlC,EAACmC,GAAA,CACC,KAAK,SACL,UAAU,yCACV,SAAUhB,EAAM,MAAQ,IAAI,KAAKA,EAAM,KAAK,EAAI,OAChD,SAAWiB,GAAS,CAClBjB,EAAM,SAASiB,EAAOJ,GAAOI,EAAM,YAAY,EAAI,IAAI,EACvD5B,IAAW4B,CAAI,CACjB,EACA,aAAcrB,EACd,WAAY,CACV,WAAYQ,EAACc,GAETrC,EAACsC,GAAA,CAAc,SAAAD,EAAM,KAAK,QAAQ,EAAE,EAF5B,aAKd,EACA,SAAWD,GACL,GAAArB,GAAgBqB,EAAOrB,GACvBE,GAAgBmB,EAAOnB,GAG/B,EACF,GACF,EACCd,EACCH,EAACuC,EAAA,CAAiB,SAAApC,EAAY,EAC5B,KACHiB,EAAW,OACVpB,EAACwC,EAAA,CAAY,UAAU,sCAAsC,GAEjE,CAEJ,EACF,CAEJ,CA1HgBjB,EAAArB,GAAA,mBGZZ,OAIE,OAAAuC,EAJF,QAAAC,OAAA,oBARG,SAASC,GAAuB,CACrC,MAAAC,EACA,WAAAC,EACA,UAAAC,CACF,EAAuB,CACrB,GAAM,CAAE,KAAAC,EAAM,MAAAC,EAAO,YAAAC,EAAa,SAAAC,EAAU,OAAAC,CAAO,EAAIL,EAEvD,OACEJ,GAACU,EAAA,CACC,aAAYL,EACZ,UAAW,kCAAkCA,CAAI,GAEjD,UAAAN,EAACY,EAAA,CAAU,UAAU,iCAAkC,SAAAL,EAAM,EAC7DP,EAACa,EAAA,CACC,SAAAb,EAACc,GAAA,CACC,SAAUX,EAAM,SAChB,SAAUM,EACV,UAAWM,EAAG,gCAAgC,EAC9C,OAAQL,EACR,MAAOP,EAAM,MACf,EACF,EACCK,GACCR,EAAC,OAAI,UAAU,oCACb,SAAAA,EAACgB,EAAA,CAAgB,UAAU,uCACxB,SAAAR,EACH,EACF,EAEDJ,EAAW,OACVJ,EAACiB,EAAA,CAAY,UAAU,iCAAiC,GAE5D,CAEJ,CAlCgBC,EAAAhB,GAAA,0BC2EN,cAAAiB,OAAA,oBA3EV,IAAMC,GAAmBC,EAAA,CAACC,EAAeC,IAAoC,CAC3E,GAAI,CAACA,EAAS,OAAO,KAErB,QAAWC,KAAQF,EACjB,GAAIE,EAAK,KAAOD,EAAS,CACvB,IAAME,EAAY,KAAK,MAAMF,EAAW,OAAY,EAC9CG,EAAa,KAAK,MAAMF,EAAK,MAAQ,KAAO,KAAK,EACvD,MAAO,SAASA,EAAK,IAAI,6BAA6BC,CAAS,eAAeC,CAAU,KAC1F,CAEF,OAAO,IACT,EAXyB,oBA2BlB,SAASC,GAAgB,CAC9B,KAAAC,EACA,YAAAC,EACA,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,UAAAC,EACA,OAAAC,EACA,QAAAX,EACA,GAAGY,CACL,EAAyB,CACvB,GAAM,CAAE,WAAAC,CAAW,EAAIC,EAAc,EAC/B,CAAE,QAAAC,EAAS,SAAAC,EAAU,YAAAC,CAAY,EAAIC,EAAe,EAEpDC,EAAiBrB,EAAA,MACrBC,EACAqB,IACG,CACH,IAAMC,EAAYxB,GAAiBE,EAAOC,CAAO,EACjD,GAAIqB,EAAW,CACbL,EAASX,EAAM,CAAE,QAASgB,CAAU,CAAC,EACrC,MACF,CAEAJ,EAAYZ,CAAI,EAChBe,EAAM,SAASrB,CAAK,EACpBU,IAAWV,CAAK,CAClB,EAbuB,kBAevB,OACEH,GAAC0B,EAAA,CACC,QAASP,EACT,KAAMV,EACN,OAAQ,CAAC,CAAE,MAAAe,EAAO,WAAAG,CAAW,IAAM,CAEjC,IAAMC,EADwBd,GAAaG,GAAY,MACZY,GAErCC,EAAgC,CACpC,KAAArB,EACA,YAAAC,EACA,MAAAC,EACA,SAAAC,EACA,OAAAG,EACA,YAAaX,EACb,GAAGY,CACL,EAEA,OACEhB,GAAC4B,EAAA,CACC,MAAO,CACL,GAAGJ,EACH,MAAOA,EAAM,MACb,SAAUtB,EAAA,MAAO6B,GAAkBR,EAAeQ,EAAOP,CAAK,EAApD,WACZ,EACA,WAAYG,EACZ,UAAWG,EACb,CAEJ,EACF,CAEJ,CA7DgB5B,EAAAM,GAAA,mBCjCZ,cAAAwB,OAAA,oBAFG,SAASC,GAAmB,CAAE,MAAAC,EAAO,UAAAC,CAAU,EAAwB,CAC5E,OACEH,GAACI,EAAA,CACC,KAAK,OACL,UAAU,UACV,QAAQ,YACP,GAAGF,EACH,GAAGC,EACN,CAEJ,CAVgBE,EAAAJ,GAAA,sBCqBN,cAAAK,OAAA,oBAZH,SAASC,GAAYC,EAAyB,CACnD,GAAM,CAAE,WAAAC,CAAW,EAAIC,EAAc,EAC/B,CAAE,QAAAC,CAAQ,EAAIC,EAAe,EAG7BC,EADoBL,EAAM,WAAaC,GAAY,QAClBK,GACvC,OACER,GAACS,EAAA,CACC,QAASJ,EACT,KAAMH,EAAM,KACZ,OAAQ,CAAC,CAAE,MAAAQ,EAAO,WAAAC,CAAW,IAEzBX,GAACO,EAAA,CACC,MAAO,CACL,GAAGG,EACH,SAAUE,EAACC,GAAkB,CAC3BH,EAAM,SAASG,CAAK,EACpBX,EAAM,WAAWW,CAAK,CACxB,EAHU,WAIZ,EACA,WAAYF,EACZ,UAAWT,EACb,EAGN,CAEJ,CA3BgBU,EAAAX,GAAA,eCXhB,OAAS,YAAAa,OAAgB,QAiDb,cAAAC,EAgDY,QAAAC,OAhDZ,oBA7BL,SAASC,GAAgB,CAC9B,KAAAC,EACA,aAAAC,EACA,YAAAC,EACA,MAAAC,EACA,QAAAC,EACA,SAAAC,EACA,UAAAC,EACA,GAAGC,CACL,EAAyB,CACvB,GAAM,CAAE,WAAAC,CAAW,EAAIC,EAAc,EAC/B,CAAE,QAAAC,CAAQ,EAAIC,EAAe,EACnC,OACEd,EAACe,EAAA,CACC,QAASF,EACT,KAAMV,EACN,aAAcC,EACd,OAAQ,CAAC,CAAE,MAAAY,EAAO,WAAAC,CAAW,IAAM,CACjC,IAAMC,EAAwBT,GAAaE,GAAY,MACvD,GAAIO,EAAuB,CACzB,IAAMC,EAA6B,CACjC,KAAAhB,EACA,aAAAC,EACA,YAAAC,EACA,MAAAC,EACA,QAAAC,EACA,GAAGG,CACL,EACA,OACEV,EAACkB,EAAA,CACC,MAAO,CACL,GAAGF,EACH,SAAUI,EAACC,GAAe,CACxBL,EAAM,SAASK,CAAK,EACpBb,IAAWa,CAAK,CAClB,EAHU,WAIZ,EACA,WAAYJ,EACZ,UAAWE,EACb,CAEJ,CAEA,OACEnB,EAAC,YACC,aAAYG,EACZ,UAAWmB,EACT,YACA,uCAAuCnB,CAAI,EAC7C,EAEA,SAAAF,GAACsB,EAAA,CACC,UAAAvB,EAAC,UAAQ,SAAAM,EAAM,EACdD,GAAeL,EAACwB,EAAA,CAAiB,SAAAnB,EAAY,EAC9CL,EAACyB,EAAA,CACC,SAAAzB,EAAC0B,GAAA,CACC,aAAYpB,GAASH,EACrB,cAAgBkB,GAAkB,CAChCL,EAAM,SAASK,CAAK,EACpBb,IAAWa,CAAK,CAClB,EACA,MAAOL,EAAM,MACb,UAAU,0BAET,SAAAT,GAAS,IAAKoB,GACb3B,EAAC4B,GAAA,CACC,SAAA3B,GAACsB,EAAA,CACC,aAAYpB,EACZ,UAAU,2EAEV,UAAAH,EAACyB,EAAA,CACC,SAAAzB,EAAC6B,GAAA,CACC,MAAOF,EAAO,MACd,UAAU,iCACV,SAAUA,EAAO,SACnB,EACF,EACA1B,GAAC,OACC,UAAAD,EAAC8B,EAAA,CAAU,UAAU,kDAClB,SAAAH,EAAO,MACV,EACCA,EAAO,aACN3B,EAACwB,EAAA,CAAgB,UAAU,OACxB,SAAAG,EAAO,YACV,GAEJ,GACF,GAtBaA,EAAO,KAuBtB,CACD,EACH,EACF,EACCV,EAAW,OAASjB,EAAC+B,EAAA,EAAY,GACpC,EACF,CAEJ,EACF,CAEJ,CAnGgBX,EAAAlB,GAAA,mBCQV,cAAA8B,EAGI,QAAAC,OAHJ,oBAZC,SAASC,GAAmB,CACjC,MAAAC,EACA,WAAAC,EACA,UAAAC,CACF,EAAwB,CACtB,GAAM,CAAE,KAAAC,EAAM,MAAAC,EAAO,YAAAC,EAAa,QAAAC,CAAQ,EAAIJ,EAE9C,OACEJ,GAACS,EAAA,CACC,aAAYJ,EACZ,UAAW,mCAAmCA,CAAI,GAElD,UAAAN,EAACW,EAAA,CAAU,UAAU,kCAAmC,SAAAJ,EAAM,EAC9DP,EAACY,EAAA,CACC,SAAAZ,EAAC,OAAI,UAAU,WACb,SAAAC,GAACY,GAAA,CACC,MAAOV,EAAM,OAAS,GACtB,cAAgBW,GAAkB,CAChCX,EAAM,SAASW,CAAK,CACtB,EAEA,UAAAd,EAACe,GAAA,CACC,UAAU,oCACV,eAAc,EAAQX,EAAW,MACjC,aAAYG,EAEZ,SAAAP,EAAC,QAAK,UAAU,WACd,SAAAA,EAACgB,GAAA,CAAY,YAAaT,EAAO,EACnC,EACF,EACAP,EAACiB,GAAA,CAAc,UAAU,oCACvB,SAAAjB,EAACkB,GAAA,CAAY,UAAU,kCACpB,SAAAT,GAAS,IAAKU,GACbnB,EAACoB,GAAA,CAEC,MAAOD,EAAO,MACd,UAAU,uCACV,SAAUA,EAAO,SAEhB,SAAAA,EAAO,OALHA,EAAO,KAMd,CACD,EACH,EACF,GACF,EACF,EACF,EACCX,GAAeR,EAACqB,EAAA,CAAiB,SAAAb,EAAY,EAC7CJ,EAAW,OAASJ,EAACsB,EAAA,EAAY,GACpC,CAEJ,CAnDgBC,EAAArB,GAAA,sBC4BN,cAAAsB,OAAA,oBA/BH,SAASC,GAAY,CAC1B,MAAAC,EACA,KAAAC,EACA,QAAAC,EACA,aAAAC,EACA,YAAAC,EACA,SAAAC,EACA,UAAAC,EACA,GAAGC,CACL,EAAqB,CACnB,GAAM,CAAE,QAAAC,CAAQ,EAAIC,EAAe,EAC7B,CAAE,WAAAC,CAAW,EAAIC,EAAc,EAErC,OACEb,GAACc,EAAA,CACC,aAAcT,EACd,QAASK,EACT,KAAMP,EACN,OAAQ,CAAC,CAAE,MAAAY,EAAO,WAAAC,CAAW,IAAM,CAEjC,IAAMC,EADoBT,GAAaI,GAAY,QACZM,GACjCC,EAAyB,CAC7B,MAAAjB,EACA,KAAAC,EACA,QAAAC,EACA,aAAAC,EACA,YAAAC,EACA,SAAAC,EACA,GAAGE,CACL,EACA,OACET,GAACiB,EAAA,CACC,MAAO,CACL,GAAGF,EACH,SAAUK,EAACC,GAA2B,CACpC,IAAMC,EACJb,EAAK,WAAa,SAAW,OAAOY,CAAK,EAAIA,EAC/CN,EAAM,SAASO,CAAc,EAC7Bf,IAAWe,CAAc,CAC3B,EALU,WAMZ,EACA,WAAYN,EACZ,UAAWG,EACb,CAEJ,EACF,CAEJ,CAhDgBC,EAAAnB,GAAA,eCdhB,OAAS,aAAAsB,GAAW,YAAAC,OAAgB,QCApC,OAAS,YAAAC,GAAU,YAAAC,OAAgB,QACnC,OAAS,SAAAC,GAAO,mBAAAC,GAAiB,KAAAC,OAAS,eCA1C,OAAS,WAAWC,MAAwB,OAC5C,OAAS,cAAAC,OAAkB,eAgBvB,cAAAC,EAsBE,QAAAC,OAtBF,oBALJ,SAASC,GAAQ,CACf,UAAAC,EACA,GAAGC,CACL,EAAkD,CAChD,OACEJ,EAACK,EAAA,CACC,YAAU,UACV,UAAWC,EACT,4FACAH,CACF,EACC,GAAGC,EACN,CAEJ,CAdSG,EAAAL,GAAA,WA8DT,SAASM,GAAY,CACnB,UAAAC,EACA,GAAGC,CACL,EAAuD,CACrD,OACEC,EAACC,EAAiB,KAAjB,CACC,YAAU,eACV,UAAWC,EACT,8DACAJ,CACF,EACC,GAAGC,EACN,CAEJ,CAdSI,EAAAN,GAAA,eAgBT,SAASO,GAAa,CACpB,GAAGL,CACL,EAAwD,CACtD,OACEC,EAACC,EAAiB,MAAjB,CACC,YAAU,gBACV,UAAU,2BACT,GAAGF,EACN,CAEJ,CAVSI,EAAAC,GAAA,gBAYT,SAASC,GAAa,CACpB,UAAAP,EACA,GAAGC,CACL,EAAwD,CACtD,OACEC,EAACC,EAAiB,MAAjB,CACC,YAAU,gBACV,UAAWC,EACT,yNACAJ,CACF,EACC,GAAGC,EACN,CAEJ,CAdSI,EAAAE,GAAA,gBAgBT,SAASC,GAAiB,CACxB,UAAAR,EACA,GAAGC,CACL,EAA4D,CAC1D,OACEC,EAACC,EAAiB,UAAjB,CACC,YAAU,oBACV,UAAWC,EAAG,uBAAwBJ,CAAS,EAC9C,GAAGC,EACN,CAEJ,CAXSI,EAAAG,GAAA,oBAaT,SAASC,GAAY,CACnB,UAAAT,EACA,GAAGC,CACL,EAAuD,CACrD,OACEC,EAACC,EAAiB,KAAjB,CACC,YAAU,eACV,UAAWC,EACT,sYACAJ,CACF,EACC,GAAGC,EACN,CAEJ,CAdSI,EAAAI,GAAA,eD3DS,OAsBI,OAAAC,EAtBJ,QAAAC,MAAA,oBAxCX,SAASC,GAAY,CAC1B,QAAAC,EACA,SAAAC,EACA,SAAAC,EACA,YAAAC,EACA,GAAGC,CACL,EAAqB,CACnB,GAAM,CAACC,EAAMC,CAAO,EAAIC,GAAS,EAAK,EAChCC,EAAiBC,EAACC,GAAmB,CACzCR,EAASD,EAAS,OAAQU,GAASA,EAAK,QAAUD,EAAO,KAAK,CAAC,CACjE,EAFuB,kBAIjBE,EAAgBZ,EAAQ,KAAMU,GAAWA,EAAO,QAAQ,EAExDG,EAAiBb,EAAQ,OAC7B,CAACc,EAAQJ,IAAW,CAClB,IAAMK,EAAWL,EAAO,UAAY,gBACpC,OAAKI,EAAOC,CAAQ,IAClBD,EAAOC,CAAQ,EAAI,CAAC,GAEtBD,EAAOC,CAAQ,EAAE,KAAKL,CAAM,EACrBI,CACT,EACA,CAAC,CACH,EAEA,OACEhB,EAACkB,GAAA,CAAQ,KAAMX,EAAM,aAAcC,EAAU,GAAGF,EAC9C,UAAAP,EAACoB,GAAA,CACC,SAAAnB,EAACoB,EAAA,CACC,QAAQ,UACR,KAAK,WACL,gBAAeb,EACf,UAAU,qCACV,KAAK,SAEL,UAAAR,EAAC,OAAI,UAAU,mEACZ,SAAAI,EAAS,OAAS,EACjBA,EAAS,IAAKS,GAEVZ,EAACqB,GAAA,CAEC,QAAQ,YACR,UAAU,YAET,UAAAT,EAAO,MACRb,EAAC,OACC,KAAK,SACL,SAAU,EACV,aAAY,UAAUa,EAAO,KAAK,GAClC,UAAU,wHACV,UAAYU,GAAM,CACZA,EAAE,MAAQ,SACZZ,EAAeE,CAAM,CAEzB,EACA,YAAcU,GAAM,CAClBA,EAAE,eAAe,EACjBA,EAAE,gBAAgB,CACpB,EACA,QAAS,IAAMZ,EAAeE,CAAM,EAEpC,SAAAb,EAACwB,GAAA,CAAE,UAAU,sDAAsD,EACrE,IAtBKX,EAAO,KAuBd,CAEH,EAEDb,EAAC,QAAK,UAAU,kBAAmB,SAAAM,EAAY,EAEnD,EACAN,EAACyB,GAAA,CAAgB,UAAU,SAAS,GACtC,EACF,EACAzB,EAAC0B,GAAA,CAAe,MAAM,QAAQ,UAAU,aACtC,SAAA1B,EAAC2B,GAAA,CACC,SAAA1B,EAAC2B,GAAA,CACC,UAAA5B,EAAC6B,GAAA,CAAa,0BAAc,EAC3B,OAAO,QAAQb,CAAc,EAAE,IAC9B,CAAC,CAACE,EAAUY,CAAe,EAAGC,IAC5B9B,EAAC+B,GAAA,CACE,UAAAD,EAAQ,GAAK/B,EAACiC,GAAA,EAAiB,EAChCjC,EAACkC,GAAA,CAAa,QAASnB,EAAgBG,EAAW,OAC/C,SAAAY,EAAgB,IAAKjB,GAAW,CAC/B,IAAMsB,EAAa/B,EAAS,KACzBU,GAASA,EAAK,QAAUD,EAAO,KAClC,EACA,OACEZ,EAACmC,GAAA,CAEC,SAAU,IAAM,CACd/B,EACE8B,EACI/B,EAAS,OACNU,GAASA,EAAK,QAAUD,EAAO,KAClC,EACA,CAAC,GAAGT,EAAUS,CAAM,CAC1B,CACF,EAEA,UAAAb,EAACqC,GAAA,CACC,UAAWC,EACT,eACAH,EAAa,cAAgB,WAC/B,EACF,EACCtB,EAAO,QAjBHA,EAAO,KAkBd,CAEJ,CAAC,EACH,IA9BaK,CA+Bf,CAEJ,GACF,EACF,EACF,GACF,CAEJ,CAvHgBN,EAAAV,GAAA,eD0BZ,OAIE,OAAAqC,EAJF,QAAAC,OAAA,oBA9CG,SAASC,GAAoB,CAClC,MAAAC,EACA,WAAAC,EACA,UAAAC,CACF,EAA0B,CACxB,GAAM,CAACC,EAAUC,CAAW,EAAIC,GAAqB,CAAC,CAAC,EACjDC,EAAeC,EAACC,GAA0B,CAC9C,IAAMC,EAASD,EAAU,IAAI,CAAC,CAAE,MAAAE,CAAM,IAAMA,CAAK,EACjDV,EAAM,SAASS,CAAM,EACrBL,EAAYI,CAAS,CACvB,EAJqB,gBAMrBG,GAAU,IAAM,CACVX,EAAM,OAASE,EAAU,SAC3BE,EACEJ,EAAM,MAAM,IACTU,GACCR,GAAW,SAAS,KACjBU,GAAWA,EAAO,QAAUF,CAC/B,CACJ,CACF,CAEJ,EAAG,CAACV,EAAM,MAAOE,EAAU,OAAO,CAAC,EAEnC,IAAMW,EAAiB,CACrB,GAAG,OAAO,QAAQX,EAAU,OAAO,SAAW,CAAC,CAAC,EAAE,IAAI,CAAC,CAACY,EAAKJ,CAAK,KAAO,CACvE,MAAAA,EACA,MAAOI,EACP,SAAU,SACZ,EAAE,EACF,GAAG,OAAO,QAAQZ,EAAU,OAAO,YAAc,CAAC,CAAC,EAAE,IACnD,CAAC,CAACY,EAAKJ,CAAK,KAAO,CACjB,MAAAA,EACA,MAAOI,EACP,SAAU,YACZ,EACF,EACA,GAAIZ,EAAU,SAAS,IAAKU,IAAY,CACtC,GAAGA,EACH,MAAOA,EAAO,MACd,MAAOA,EAAO,MACd,SAAU,WACZ,EAAE,GAAK,CAAC,CACV,EACA,OACEd,GAACiB,EAAA,CACC,aAAYf,EAAM,KAClB,UAAW,oCAAoCA,EAAM,IAAI,GAEzD,UAAAH,EAACmB,EAAA,CAAU,UAAU,mCAClB,SAAAd,EAAU,MACb,EACAL,EAACoB,EAAA,CACC,SAAApB,EAACqB,GAAA,CACC,QAASL,EACT,SAAUV,EACV,SAAUG,EACZ,EACF,EACCJ,EAAU,aACTL,EAACsB,EAAA,CAAiB,SAAAjB,EAAU,YAAY,EAEzCD,EAAW,OAASJ,EAACuB,EAAA,EAAY,GACpC,CAEJ,CAlEgBb,EAAAR,GAAA,uBGuCN,cAAAsB,OAAA,oBAlCH,SAASC,GAAa,CAC3B,MAAAC,EACA,KAAAC,EACA,QAAAC,EACA,aAAAC,EACA,YAAAC,EACA,SAAAC,EACA,MAAAC,EACA,UAAAC,EACA,GAAGC,CACL,EAAsB,CACpB,GAAM,CAAE,QAAAC,CAAQ,EAAIC,EAAe,EAC7B,CAAE,WAAAC,CAAW,EAAIC,EAAc,EAErC,OACEd,GAACe,EAAA,CACC,aAAcV,EACd,QAASM,EACT,KAAMR,EACN,OAAQ,CAAC,CAAE,MAAAa,EAAO,WAAAC,CAAW,IAAM,CAEjC,IAAMC,EADoBT,GAAaI,GAAY,WACZM,GAEjCC,EAAyB,CAC7B,MAAAlB,EACA,KAAAC,EACA,QAAAC,EACA,aAAAC,EACA,YAAAC,EACA,SAAAC,EACA,MAAAC,EACA,GAAGE,CACL,EACA,OACEV,GAACkB,EAAA,CACC,MAAO,CACL,GAAGF,EACH,SAAUK,EAACC,GAAe,CACxBN,EAAM,SAASM,CAAK,EACpBf,IAAWe,CAAK,CAClB,EAHU,WAIZ,EACA,WAAYL,EACZ,UAAWG,EACb,CAEJ,EACF,CAEJ,CAjDgBC,EAAApB,GAAA,gBClBhB,UAAYsB,OAAW,QASnB,cAAAC,OAAA,oBALJ,IAAMC,GAAiB,cAGrB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAExBJ,GAAC,YACC,UAAWK,EACT,kTACAH,CACF,EACA,IAAKE,EACJ,GAAGD,EACN,CAEH,EACDF,GAAS,YAAc,WCIjB,cAAAK,GAuBM,QAAAC,OAvBN,oBAZC,SAASC,GAAqB,CACnC,MAAAC,EACA,WAAAC,EACA,UAAAC,CACF,EAAwB,CACtB,GAAM,CAAE,KAAAC,EAAM,MAAAC,EAAO,YAAAC,EAAa,UAAAC,CAAU,EAAIJ,EAC1CK,EAAcP,EAAM,OAAO,QAAU,EAC3C,OACEF,GAACU,EAAA,CACC,aAAYL,EACZ,UAAW,gCAAgCA,CAAI,GAE/C,UAAAN,GAACY,EAAA,CAAU,UAAU,+BAAgC,SAAAL,EAAM,EAC3DP,GAACa,EAAA,CACC,SAAAb,GAACc,GAAA,CACE,GAAGX,EACJ,MAAOA,EAAM,OAAS,GACtB,SAAWY,GAAkD,CAC3DZ,EAAM,SAASY,CAAK,CACtB,EACA,UAAWC,EACTZ,EAAW,OAAS,4CACpB,8BACF,EACA,YAAaG,EACf,EACF,GACEC,GAAeC,IACfR,GAAC,OAAI,UAAU,oCACZ,UAAAO,GACCR,GAACiB,EAAA,CAAgB,UAAU,qCACxB,SAAAT,EACH,EAEDC,GACCR,GAAC,QAAK,UAAU,mDACb,UAAAS,EAAY,IAAED,GACjB,GAEJ,EAEDL,EAAW,OACVJ,GAACkB,EAAA,CAAY,UAAU,+BAA+B,GAE1D,CAEJ,CA9CgBC,EAAAjB,GAAA,wBC4BN,cAAAkB,OAAA,oBA1BH,SAASC,GAAc,CAC5B,KAAAC,EACA,YAAAC,EACA,MAAAC,EACA,SAAAC,EACA,UAAAC,EACA,UAAAC,EACA,GAAGC,CACL,EAAuB,CACrB,GAAM,CAAE,WAAAC,CAAW,EAAIC,EAAc,EAC/B,CAAE,QAAAC,CAAQ,EAAIC,EAAe,EACnC,OACEZ,GAACa,EAAA,CACC,QAASF,EACT,KAAMT,EACN,OAAQ,CAAC,CAAE,MAAAY,EAAO,WAAAC,CAAW,IAAM,CAEjC,IAAMC,EADsBT,GAAaE,GAAY,UACZQ,GACnCC,EAA2B,CAC/B,KAAAhB,EACA,YAAAC,EACA,MAAAC,EACA,UAAAE,EACA,GAAGE,CACL,EACA,OACER,GAACgB,EAAA,CACC,MAAO,CACL,GAAGF,EACH,SAAUK,EAACC,GAAgD,CACzDN,EAAM,SAASM,CAAG,EAClBf,IAAWe,CAAG,CAChB,EAHU,WAIZ,EACA,WAAYL,EACZ,UAAWG,EACb,CAEJ,EACF,CAEJ,CAzCgBC,EAAAlB,GAAA,iBCWJ,cAAAoB,OAAA,oBAbL,SAASC,GAAWC,EAAwB,CACjD,GAAM,CAAE,WAAAC,CAAW,EAAIC,EAAc,EAC/B,CAAE,QAAAC,CAAQ,EAAIC,EAAe,EAE7BC,EAAmBL,EAAM,WAAaC,GAAY,MAExD,OAAII,EAEAP,GAACQ,EAAA,CACC,QAASH,EACT,KAAMH,EAAM,KACZ,OAAQ,CAAC,CAAE,MAAAO,EAAO,WAAAC,CAAW,IAEzBV,GAACO,EAAA,CACC,MAAO,CACL,GAAGE,EACH,SAAUE,EAACC,GAAe,CACxBH,EAAM,SAASG,CAAK,EACpBV,EAAM,WAAWU,CAAK,CACxB,EAHU,WAIZ,EACA,WAAYF,EACZ,UAAWR,EACb,EAGN,EAIGF,GAACa,EAAA,CAAW,GAAGX,EAAO,KAAK,QAAQ,CAC5C,CA/BgBS,EAAAV,GAAA,cCCD,cAAAa,OAAA,oBARR,SAASC,GAAYC,EAAc,CACxC,GAAM,CAAE,QAAAC,CAAQ,EAAIC,EAAe,EAEnC,OACEJ,GAACK,EAAA,CACC,QAASF,EACT,KAAMD,EAAM,KACZ,OAAQ,CAAC,CAAE,MAAAI,CAAM,IACRN,GAAC,SAAO,GAAGM,EAAO,KAAK,SAAS,EAE3C,CAEJ,CAZgBC,EAAAN,GAAA,eCHhB,OAAOO,IAAS,aAAAC,GAAW,YAAAC,OAAgB,QCQ3C,IAAMC,GAAoBA,EAAAA,CACxBC,EACAC,EACAC,IAAAA,CAEA,GAAIF,GAAO,mBAAoBA,EAAK,CAClC,IAAMG,EAAQC,GAAIF,EAAQD,CAAAA,EAC1BD,EAAID,kBAAmBI,GAASA,EAAME,SAAY,EAAA,EAElDL,EAAIM,eAAAA,CACN,CAAA,EAVwBP,KAcbQ,GAAyBA,EAAAA,CACpCL,EACAM,IAAAA,CAEA,QAAWP,KAAaO,EAAQC,OAAQ,CACtC,IAAMC,EAAQF,EAAQC,OAAOR,CAAAA,EACzBS,GAASA,EAAMV,KAAO,mBAAoBU,EAAMV,IAClDD,GAAkBW,EAAMV,IAAKC,EAAWC,CAAAA,EAC/BQ,GAASA,EAAMC,MACxBD,EAAMC,KAAKC,QAASZ,GAClBD,GAAkBC,EAAKC,EAAWC,CAAAA,CAAAA,CAGxC,CAAA,EAboCK,KCZzBM,GAAeA,EAAAA,CAC1BX,EACAM,IAAAA,CAEAA,EAAQM,2BAA6BP,GAAuBL,EAAQM,CAAAA,EAEpE,IAAMO,EAAc,CAAA,EACpB,QAAWC,KAAQd,EAAQ,CACzB,IAAMQ,EAAQN,GAAII,EAAQC,OAAQO,CAAAA,EAC5Bb,EAAQc,OAAOC,OAAOhB,EAAOc,CAAAA,GAAS,CAAA,EAAI,CAC9ChB,IAAKU,GAASA,EAAMV,GAAAA,CAAAA,EAGtB,GAAImB,GAAmBX,EAAQY,OAASH,OAAOI,KAAKnB,CAAAA,EAASc,CAAAA,EAAO,CAClE,IAAMM,EAAmBL,OAAOC,OAAO,CAAA,EAAId,GAAIW,EAAaC,CAAAA,CAAAA,EAE5DO,GAAID,EAAkB,OAAQnB,CAAAA,EAC9BoB,GAAIR,EAAaC,EAAMM,CAAAA,CACzB,MACEC,GAAIR,EAAaC,EAAMb,CAAAA,CAE3B,CAEA,OAAOY,CAAAA,EAvBmBF,KA0BtBM,GAAqBA,EAAAA,CACzBC,EACAI,IAAAA,CAEA,IAAMR,EAAOS,GAAeD,CAAAA,EAC5B,OAAOJ,EAAMM,KAAMC,GAAMF,GAAeE,CAAAA,EAAGC,MAAM,IAAIZ,CAAAA,SAAAA,CAAAA,CAAc,EAL1CG,KAe3B,SAASM,GAAeI,EAAAA,CACtB,OAAOA,EAAMC,QAAQ,SAAU,EAAA,CACjC,CAFSL,EAAAA,GAAAA,KCUH,SAAUM,GACdC,EAGAC,EACAC,EAAAA,CAKA,OANAD,IAMA,SANAA,EAA4D,CAAA,GAC5DC,IAD4D,SAC5DA,EAGI,CAAE,GAEN,SAAcC,EAAQC,EAASC,EAAAA,CAAO,GAAA,CAAA,OAAIC,QAAAC,SAAAA,SAAAA,EAAAA,EAAAA,CAAAA,GAAAA,CAAAA,IAAAA,GAElCN,EAAcG,SAAWI,QAAQC,IAAIC,WAAa,eAEpDC,QAAQC,KACN,+FAAA,EAEHN,QAAAC,QAEoBP,EACnBE,EAAgBW,OAAS,OAAS,eAAiB,UAAA,EAEnDV,EACAW,OAAOC,OAAO,CAAEC,WAAAA,EAAY,EAASf,EAAe,CAAEG,QAAAA,CAAAA,CAAAA,CAAAA,CAAAA,EACvDa,KALKC,SAAAA,EAAAA,CASN,OAFAb,EAAQc,2BAA6BC,GAAuB,CAAE,EAAEf,CAAAA,EAEzD,CACLF,OAAQD,EAAgBmB,IAAMP,OAAOC,OAAO,CAAA,EAAIZ,CAAAA,EAAUe,EAC1DI,OAAQ,CAAA,CAAA,CACR,CAAA,EAAA,OAAAC,EAAA,CAAA,OAAAC,EAAAD,CAAA,CAAA,CAAA,OAAAE,GAAAA,EAAA,KAAAA,EAAA,KAAA,OAAAD,CAAA,EAAAC,CAAA,GArBoCC,EAAAA,SAsB/BH,EAAAA,CACP,GAAA,CAAKA,EAAEI,MACL,MAAMJ,EAGR,MAAO,CACLpB,OAAQ,CAAE,EACVmB,OAAQM,IAvFdC,EAyFUN,EAxFVO,EAAAA,CAyFWzB,EAAQc,2BACPd,EAAQ0B,eAAiB,OAxF7BF,EAAMF,OAAS,CAAA,GAAIK,OACzB,SAACC,EAAUJ,EAAAA,CAKT,GAJKI,EAASJ,EAAMK,IAAAA,IAClBD,EAASJ,EAAMK,IAAAA,EAAS,CAAEC,QAASN,EAAMM,QAASC,KAAMP,EAAMO,IAAAA,GAG5DN,EAA0B,CAC5B,IAAMO,EAAQJ,EAASJ,EAAMK,IAAAA,EAAOG,MAC9BC,EAAWD,GAASA,EAAMR,EAAMO,IAAAA,EAEtCH,EAASJ,EAAMK,IAAAA,EAASK,GACtBV,EAAMK,KACNJ,EACAG,EACAJ,EAAMO,KACNE,EACK,CAAA,EAAgBE,OAAOF,EAAsBT,EAAMM,OAAAA,EACpDN,EAAMM,OAAAA,CAEd,CAEA,OAAOF,CACT,EACA,CAAA,CAAA,GAmEM5B,CAAAA,CAAAA,EA9FV,IACEwB,EACAC,CA+FE,CAAA,CAAA,CACF,OAACP,EAAAA,CAAA,OAAAjB,QAAAmC,OAAAlB,CAAAA,CACH,CAAA,CAAA,CAlDgBxB,EAAAA,GAAAA,KH1DhB,UAAY2C,MAAS,MIJrB,OAAOC,OAAa,iBACpB,OAAOC,MAAgB,oBAEvB,IAAMC,GAAkB,GAEXC,GAAmB,CAC9B,SACA,UACA,YACA,WACA,SACA,WACA,QACF,EAgBA,SAASC,GAA4BC,EAAuB,CAC1D,GAAIA,EAAgB,GAClB,MAAO,GAAGA,CAAa,IAGzB,IAAMC,EAAQ,KAAK,MAAMD,EAAgBH,EAAe,EAClDK,EAAUF,EAAgBH,GAEhC,OAAIK,EAAU,EACL,GAAGD,CAAK,IAAIC,CAAO,IAGrB,GAAGD,CAAK,GACjB,CAbSE,EAAAJ,GAAA,+BAoBF,SAASK,GAAwBC,EAAiC,CACvE,IAAMC,EAAiBD,EAAe,OAAO,CAACE,EAAOC,IACvCA,EAAY,MAAQD,EAE/B,CAAC,EAEJ,OAAO,OAAOD,EAAe,QAAQ,CAAC,CAAC,CACzC,CAPgBH,EAAAC,GAAA,2BAehB,SAASK,GACPC,EACAC,EACgB,CAChB,IAAMC,EAAgBD,EAAc,IAClC,CAAC,CAAE,IAAAE,CAAI,IAAqBA,EAAI,YAAY,CAC9C,EAEIC,EAAMF,EAAc,QAAQF,CAAmB,EAC/CG,EAAsB,KAE1B,KAAOC,EAAMF,EAAc,QAAU,CAACC,GAAK,CACzC,IAAME,EAAaH,EAAcE,CAAG,EAC9BE,EAAUJ,EAAcE,EAAM,CAAC,EAE/BG,EAAanB,GAAiB,QAAQiB,CAAU,EAAI,EACxCjB,GAAiBmB,CAAU,IAAMD,IAGjDH,EAAME,GAGRD,GAAO,CACT,CAEA,OAAOD,CACT,CA1BSV,EAAAM,GAAA,0BAiCT,SAASS,GAAwBV,EAA4B,CAC3D,OACEA,EAAY,YACZA,EAAY,WACX,OAAOA,EAAY,OAAU,SAC1BA,EAAY,MACZ,OAAO,SAASA,EAAY,KAAK,GAAK,CAE9C,CARSL,EAAAe,GAAA,2BAeT,SAASC,GAAsBX,EAA4B,CACzD,OAAO,OAAO,SAASA,EAAY,sBAAsB,EAAI,CAC/D,CAFSL,EAAAgB,GAAA,yBASF,SAASC,GAAyBf,EAAiC,CACxE,IAAMgB,EAAqBhB,EAAe,OAAOa,EAAuB,EAElEI,EAAmBC,GAAQF,EAAqBV,GAC7C,GAAGA,EAAc,UAAU,IAAIA,EAAc,QAAQ,EAC7D,EAEKa,EAAkBnB,EAAe,OAAOc,EAAqB,EAC7DM,EAAgBF,GAAQC,EAAiB,wBAAwB,EAEjEE,EAAmB,OAAO,KAAKJ,CAAgB,EAAE,IACpDK,GAAkB,CACjB,IAAMC,EAAoBN,EAAiBK,CAAa,EAClDjB,EAAWkB,EAAkB,CAAC,EAAE,IAChC,CAACC,EAAYC,CAAQ,EAAIH,EAAc,MAAM,GAAG,EAChDI,EAAc,cAAcF,EAAW,QAAQ,IAAK,GAAG,CAAC,oBAAoBC,EAAS,QAAQ,IAAK,GAAG,CAAC,UAEtGE,EAAqBvB,GACzBC,EACAkB,CACF,EAMMK,GALwBD,EAC1BJ,EAAkB,UACfjB,GAAkBA,EAAc,MAAQqB,CAC3C,EACA,MAEwBJ,EAAkB,OAAS,EAEvD,OAAIA,EAAkB,SAAW,EACxB,GAAGM,EAAWxB,CAAQ,CAAC,KAAKqB,CAAW,GAG5C,CAACE,GAAyB,CAACD,EACtBJ,EAAkB,OAAO,CAACO,EAASxB,EAAeG,IAAQ,CAC/D,IAAMD,EAAMqB,EAAWvB,EAAc,GAAG,EACxC,OAAIG,IAAQc,EAAkB,OAAS,EAC9B,GAAGO,CAAO,OAAOtB,CAAG,KAAKkB,CAAW,GAGtC,GAAGI,CAAO,SAAStB,CAAG,WAC/B,EAAG,EAAE,EAGA,SAASqB,EAAWxB,CAAQ,CAAC,oBAAoBwB,EAAWF,CAAkB,CAAC,YAAYD,CAAW,EAC/G,CACF,EAEMK,EAAe,OAAO,KAAKX,CAAa,EAC3C,QAAQ,EACR,IAAI,CAACzB,EAAec,IAAQ,CAC3B,IAAMuB,EAAevB,IAAQ,EACvBwB,EAAkBb,EAAczB,CAAa,EAC7CuC,EAAcxC,GAClB,SAASC,EAAe,EAAE,CAC5B,EAEA,GAAI,OAAO,KAAKyB,CAAa,EAAE,SAAW,EACxC,MAAO,QAAQc,CAAW,gBAG5B,GAAID,EAAgB,SAAW,EAAG,CAChC,IAAME,EAAY,GAAGD,CAAW,aAAaL,EAAWI,EAAgB,CAAC,EAAE,GAAG,CAAC,IAC/E,OAAOD,EAAe,QAAQG,CAAS,GAAKA,CAC9C,CAEA,OAAOF,EAAgB,OACrB,CAACH,EAASxB,EAAe8B,IAAa,CACpC,IAAM5B,EAAMqB,EAAWvB,EAAc,GAAG,EAExC,OAAI8B,IAAa,EACR,GAAGN,CAAO,IAAItB,CAAG,GAGtB4B,IAAaH,EAAgB,OAAS,EACjC,GAAGH,CAAO,SAAStB,CAAG,IAGxB,GAAGsB,CAAO,KAAKtB,CAAG,EAC3B,EACAwB,EACI,QAAQE,CAAW,YACnB,GAAGA,CAAW,WACpB,CACF,CAAC,EAEH,MAAO,CAAE,iBAAAb,EAAkB,aAAAU,CAAa,CAC1C,CAvFgBjC,EAAAiB,GAAA,4BA0FT,SAASsB,GAAe7B,EAAoB,CACjD,GAAM,CAAE,QAAA8B,EAAS,WAAAd,EAAY,SAAAC,EAAU,uBAAAc,CAAuB,EAAI/B,EAClE,GAAI,CAAC8B,EAAS,MAAO,GAErB,GAAM,CAACE,EAAWC,CAAQ,EAAIjB,EAAW,MAAM,GAAG,EAAE,IAAI,MAAM,EACxD,CAACkB,EAASC,CAAM,EAAIlB,EAAS,MAAM,GAAG,EAAE,IAAI,MAAM,EAElDmB,EAAgBJ,EAAY,GAAKC,EAOjC7C,GANc8C,EAAU,GAAKC,EAGjCC,EACA,OAAO,SAASL,GAA0B,GAAG,GAEnB,GAC5B,OAAO3C,IAAU,KAAK,MAAMA,CAAK,EAAIA,EAAQ,OAAOA,EAAM,QAAQ,CAAC,CAAC,CACtE,CAhBgBE,EAAAuC,GAAA,kBAoBhB,IAAMQ,GAAkC,CACtC,OAAQ,MACR,QAAS,MACT,UAAW,MACX,SAAU,MACV,OAAQ,MACR,SAAU,MACV,OAAQ,KACV,EAEO,SAASC,GAAgBC,EAA2B,CACzD,OAAOF,GAAOE,CAAQ,CACxB,CAFgBjD,EAAAgD,GAAA,mBJrGN,cAAAE,EAsBM,QAAAC,MAtBN,oBA9FV,IAAMC,GAAkB,SAAO,CAC7B,IAAS,SAAO,EAAE,SAAS,EAC3B,QAAa,UAAQ,EAAE,SAAS,EAChC,WACG,SAAO,EACP,QAAQ,8BAA+B,6BAA6B,EACpE,KAAK,UAAW,CACf,GAAI,GACJ,KAAMC,EAACC,GAAWA,EAAO,SAAS,UAAU,EAAtC,QACN,UAAWD,EAACC,GAAWA,EAAO,SAAS,EAAE,SAAS,EAAvC,YACb,CAAC,EACH,SACG,SAAO,EACP,QAAQ,8BAA+B,6BAA6B,EACpE,KAAK,UAAW,CACf,GAAI,GACJ,KAAMD,EAACC,GAAWA,EAAO,SAAS,UAAU,EAAtC,QACN,UAAWD,EAACC,GAAWA,EAAO,SAAS,EAAE,SAAS,EAAvC,YACb,CAAC,EACH,MAAW,SAAO,EAAE,QAAQ,CAAC,EAC7B,uBAA4B,SAAO,EAAE,QAAQ,GAAG,CAClD,CAAC,EAEKC,GAAiB,SAAO,CAC5B,SAAc,QAAMH,EAAW,CACjC,CAAC,EAED,SAASI,GAA0B,CACjC,gBAAAC,EACA,SAAAC,CACF,EAA+B,CAC7B,GAAM,CAACC,EAAYC,CAAa,EAAIC,GAAS,EAAK,EAE5CC,EAAsBC,GAAiB,IAAKC,GAAQ,CACxD,IAAMC,EAAmBR,EAAgB,KACtCS,GACCA,EAAS,IAAI,YAAY,IAAMC,GAAgBH,CAAG,EAAE,YAAY,GAChEE,EAAS,IAAI,YAAY,IAAMF,EAAI,YAAY,CACnD,EAEA,OAAIC,EACK,CACL,GAAGA,EACH,IAAKE,GAAgBH,CAAG,EACxB,QAAS,EACX,EAGK,CAEL,GAAGP,EAAgB,CAAC,EACpB,QAAS,GACT,IAAKU,GAAgBH,CAAG,CAC1B,CACF,CAAC,EAEKI,EAAOC,GAA8B,CACzC,cAAe,CACb,SAAUP,CACZ,EACA,SAAUQ,GAAYf,EAAU,CAClC,CAAC,EAEK,CAAE,aAAAgB,EAAc,MAAAC,EAAO,MAAAC,EAAO,QAAAC,EAAS,UAAAC,CAAU,EAAIP,EAErD,CAAE,OAAAQ,CAAO,EAAIC,GAAc,CAC/B,KAAM,WACN,QAAAH,CACF,CAAC,EAEKI,EAAkBN,EAAM,UAAU,EAExC,SAASO,EAAyBC,EAA4B,CAE5D,IAAMd,EAAWc,EAAK,SACnB,OAAO,CAAC,CAAE,QAAAC,CAAQ,IAAMA,CAAO,EAC/B,IAAKjB,IAAS,CACb,GAAGA,EACH,MAAOkB,GAAelB,CAAG,CAC3B,EAAE,EAEJN,EAASQ,CAAQ,EACjBN,EAAc,EAAK,CACrB,CAXSP,EAAA0B,EAAA,4BAaT,SAASI,GAAe,CACtBV,EAAM,EACNb,EAAc,EAAK,CACrB,CAHS,OAAAP,EAAA8B,EAAA,gBAMPjC,EAAC,OAAI,UAAU,oCACb,SAAAC,EAACiC,GAAA,CAAO,KAAMzB,EAAY,aAAcC,EACtC,UAAAV,EAACmC,GAAA,CAAc,QAAO,GACpB,SAAAnC,EAACoC,EAAA,CACC,QAAS,OACT,UAAU,wEACX,yBAED,EACF,EACAnC,EAACoC,GAAA,CAAc,UAAU,mGACvB,UAAArC,EAACsC,GAAA,CACC,SAAAtC,EAACuC,GAAA,CAAY,UAAU,gDAAgD,uCAEvE,EACF,EAEAvC,EAACwC,GAAA,CAAM,GAAGtB,EACR,SAAAjB,EAAC,QAAK,UAAU,yDACd,UAAAA,EAAC,OAAI,UAAU,aACb,UAAAD,EAAC,KAAE,UAAU,iFAAiF,sFAG9F,EAEAC,EAAC,OAAI,UAAU,mIACb,UAAAD,EAAC,OAAI,UAAU,aAAa,EAC5BA,EAAC,OAAI,UAAU,yBAAyB,iBAAK,EAC7CA,EAAC,OAAI,UAAU,yBAAyB,EACxCA,EAAC,OAAI,UAAU,yBAAyB,eAAG,EAC3CA,EAAC,OAAI,UAAU,yBAAyB,iBAAK,GAE/C,EAEAA,EAAC,OAAI,UAAU,+CACZ,SAAA0B,EAAO,IAAI,CAACe,EAAOC,IAAU,CAC5B,IAAMC,EAAaf,EAAgBc,CAAK,EAClCE,EAAkBZ,GAAeW,CAAU,EAEjD,OACE1C,EAAC4C,GAAM,SAAN,CACC,UAAA5C,EAAC,OAAI,UAAU,8FACb,UAAAD,EAAC,OAAI,UAAU,qCACb,SAAAA,EAAC8C,GAAA,CACC,MAAOL,EAAM,IACb,KAAM,YAAYC,CAAK,WACzB,EACF,EACA1C,EAAC,OAAI,UAAU,aACb,SAAAA,EAAC+C,EAAA,CACC,KAAM,YAAYL,CAAK,cACvB,oBAAqB,GACvB,EACF,EACA1C,EAAC,OAAI,UAAU,uCAAuC,cAEtD,EACAA,EAAC,OAAI,UAAU,aACb,SAAAA,EAAC+C,EAAA,CACC,KAAM,YAAYL,CAAK,YACvB,oBAAqB,GACvB,EACF,EACA1C,EAAC,OAAI,UAAU,uCACZ,eAAM4C,CAAe,EAClB,IACA,GAAGA,CAAe,SACxB,GACF,EAEA3C,EAAC,OAAI,UAAU,8FACb,UAAAD,EAAC,OAAI,UAAU,2BAA2B,iBAAK,EAC/CA,EAAC,OAAI,UAAU,aACb,SAAAA,EAAC+C,EAAA,CACC,KAAM,YAAYL,CAAK,0BACvB,oBAAqB,GACvB,EACF,EACA1C,EAAC,OAAI,UAAU,2BAA2B,mBAE1C,EACAA,EAAC,OAAI,UAAU,aAAa,GAC9B,IA1CmByC,EAAM,EA2C3B,CAEJ,CAAC,EACH,GACF,EAEC,OAAO,KAAKhB,EAAU,MAAM,EAAE,OAAS,GACtCzB,EAAC,KAAE,UAAU,gCAAgC,uCAE7C,EAGFC,EAAC,OAAI,UAAU,kBACb,UAAAD,EAACoC,EAAA,CACC,KAAK,SACL,UAAU,eACV,QAAQ,UACR,QAASH,EACV,kBAED,EACAjC,EAACoC,EAAA,CACC,KAAK,SACL,UAAU,gBACV,QAASf,EAAaQ,CAAwB,EAC/C,yBAED,GACF,GACF,EACF,GACF,GACF,EACF,CAEJ,CAtLS1B,EAAAG,GAAA,6BAwLF,SAAS0C,GAAkBC,EAA+B,CAC/D,GAAM,CAAE,WAAAC,CAAW,EAAIC,EAAc,EAC/B,CAAE,SAAAC,EAAU,QAAA5B,EAAS,MAAAF,CAAM,EAAI+B,EAAe,EAC9CzB,EAAkBN,EAAM2B,EAAM,IAAI,EAClC,CAACK,EAAiBC,CAAkB,EACxC5C,GAA0BiB,CAAe,EAErC,CAAE,iBAAA4B,EAAkB,aAAAC,CAAa,EACrCC,GAAyBJ,CAAe,EACpCK,EAAiBC,GAAwBN,CAAe,EAE9DO,GAAU,IAAM,CACdT,EAASH,EAAM,KAAMK,CAAe,CACtC,EAAG,CAACA,EAAiBL,EAAM,KAAMG,CAAQ,CAAC,EAE1C,SAAS5C,EAASsB,EAAwC,CACxDyB,EAAmBzB,CAAI,CACzB,CAFS3B,EAAAK,EAAA,YAIT,IAAMsD,EACJb,EAAM,WAAaC,IAAa,eAAe,EAEjD,OAAIY,EAEA9D,EAAC+D,EAAA,CACC,QAASvC,EACT,KAAMyB,EAAM,KACZ,OAAQ,CAAC,CAAE,MAAAR,EAAO,WAAAuB,CAAW,IAEzBhE,EAAC8D,EAAA,CACC,MAAO,CACL,GAAGrB,EACH,SAAUtC,EAAC8D,GAAe,CACxBxB,EAAM,SAASwB,CAAK,EACpBhB,EAAM,WAAWgB,CAAK,CACxB,EAHU,WAIZ,EACA,WAAYD,EACZ,UAAW,CACT,GAAGf,EAEH,sBAAuB,CACrB,iBAAAO,EACA,aAAAC,EACA,eAAAE,CACF,CACF,EACF,EAGN,EAKF1D,EAAC,OAAI,UAAW,qDACd,UAAAD,EAAC,KAAE,UAAW,gDAAiD,sBAE/D,EACAC,EAAC,OAAI,UAAU,8DACb,UAAAD,EAAC,KACC,UAAU,2EACV,wBAAyB,CACvB,OAAQwD,EAAiB,KAAK,IAAI,CACpC,EACF,EAEAxD,EAAC,KAAE,UAAU,uEACV,SAAAyD,EAAa,KAAK,EACrB,EACAxD,EAAC,KAAE,UAAU,uEAAuE,sBACzED,EAAC,QAAM,SAAA2D,EAAe,EAAO,mBACxC,EACA3D,EAACM,GAAA,CACC,gBAAiBgD,EACjB,SAAU9C,EACZ,GACF,GACF,CAEJ,CAhFgBL,EAAA6C,GAAA,qBKpPhB,OAAS,YAAAkB,OAAgB,QA0Cb,cAAAC,EAmBF,QAAAC,OAnBE,oBAhCL,SAASC,GAAiB,CAC/B,MAAAC,EACA,KAAAC,EACA,QAAAC,EACA,aAAAC,EACA,YAAAC,EACA,SAAAC,EACA,UAAAC,EACA,GAAGC,CACL,EAA0B,CACxB,GAAM,CAAE,QAAAC,CAAQ,EAAIC,EAAe,EAC7B,CAAE,WAAAC,CAAW,EAAIC,EAAc,EAC/B,CAACC,EAAUC,CAAW,EAAIC,GAAgB,EAEhD,OACEjB,EAACkB,EAAA,CACC,aAAcZ,EACd,QAASK,EACT,KAAMP,EACN,OAAQ,CAAC,CAAE,MAAAe,EAAO,WAAAC,CAAW,IAAM,CACjC,IAAMC,EAAoBZ,GAAaI,IAAa,cAAc,EAClE,GAAIQ,EAAmB,CACrB,IAAMC,EAAyB,CAC7B,MAAAnB,EACA,KAAAC,EACA,QAAAC,EACA,aAAAC,EACA,YAAAC,EACA,SAAAC,EACA,GAAGE,CACL,EACA,OACEV,EAACqB,EAAA,CACC,MAAO,CACL,GAAGF,EACH,SAAUI,EAACC,GAAe,CACxBL,EAAM,SAASK,CAAK,EACpBhB,IAAWgB,CAAK,CAClB,EAHU,WAIZ,EACA,WAAYJ,EACZ,UAAWE,EACb,CAEJ,CAEA,IAAMG,EACJV,GACAV,EAAQ,OAAQqB,GAAWP,EAAM,MAAM,SAASO,EAAO,KAAK,CAAC,EAE/D,OACEzB,GAAC0B,EAAA,CACC,aAAYvB,EACZ,UAAW,mCAAmCA,CAAI,GAElD,UAAAJ,EAAC4B,EAAA,CAAU,UAAU,kCAClB,SAAAzB,EACH,EACAH,EAAC6B,EAAA,CACC,SAAA7B,EAAC8B,GAAA,CACC,QAASzB,EACT,SAAUoB,EACV,SAAWM,GAAqB,CAC9B,IAAMC,EAASD,EAAU,IAAI,CAAC,CAAE,MAAAP,CAAM,IAAMA,CAAK,EACjDL,EAAM,SAASa,CAAM,EACrBxB,IAAWwB,CAAM,EACjBhB,EAAYe,CAAS,CACvB,EACC,GAAGrB,EACN,EACF,EACCH,GAAeP,EAACiC,EAAA,CAAiB,SAAA1B,EAAY,EAC7Ca,EAAW,OAASpB,EAACkC,EAAA,EAAY,GACpC,CAEJ,EACF,CAEJ,CA9EgBX,EAAArB,GAAA,oBCfP,cAAAiC,OAAA,oBADF,IAAMC,GAAaC,EAACC,GAClBH,GAACI,GAAA,CAAY,UAAW,GAAK,GAAGD,EAAO,EADtB,cCUnB,IAAME,GAGT,CACF,SAAUC,GACV,KAAMC,EACN,MAAOC,GACP,MAAOC,GACP,OAAQC,GACR,eAAgBC,GAChB,MAAOC,GACP,OAAQC,GACR,KAAMC,GACN,KAAMC,GACN,SAAUC,GACV,UAAWC,GACX,OAAQC,GACR,gBAAiBC,EACnB,ECjCA,OAAS,eAAAC,OAAmB,eAoBxB,OACE,OAAAC,GADF,QAAAC,OAAA,oBAlBG,SAASC,GAAiB,CAAE,KAAAC,CAAK,EAA4B,CAClE,GAAM,CAAE,MAAAC,EAAO,YAAAC,EAAa,SAAAC,CAAS,EAAIH,EAYnCI,EAPF,CACF,QAAS,UACT,MAAO,cACP,KAAM,UACN,QAAS,SACX,EAGuBD,CAA6C,GAClE,UAEF,OACEL,GAACO,GAAA,CAAM,QAASD,EACd,UAAAP,GAACS,GAAA,CAAY,UAAU,UAAU,EAChCL,GAASJ,GAACU,GAAA,CAAY,SAAAN,EAAM,EAC5BC,GACCL,GAACW,GAAA,CAAiB,wBAAyB,CAAE,OAAQN,CAAY,EAAG,GAExE,CAEJ,CA1BgBO,EAAAV,GAAA,oBCSZ,cAAAW,OAAA,oBANG,SAASC,GAAU,CAAE,MAAAC,EAAO,YAAAC,EAAa,SAAAC,CAAS,EAAmB,CAC1E,GAAM,CAAE,WAAAC,CAAW,EAAIC,EAAc,EAE/BC,EAAYF,GAAY,WAAaG,GAE3C,OACER,GAACO,EAAA,CACC,KAAM,CACJ,MAAAL,EACA,YAAaO,GAAaN,CAAW,EACrC,SAAAC,CACF,EACF,CAEJ,CAdgBM,EAAAT,GAAA,a9BsEd,OAoHM,YAAAU,GApHN,OAAAC,EAqHQ,QAAAC,MArHR,oBANF,IAAMC,GAAsBC,EAAA,CAAC,CAC3B,WAAAC,EACA,SAAAC,EACA,UAAAC,EACA,GAAGC,CACL,IACEP,EAACQ,EAAA,CACC,KAAK,SACL,UAAWC,EACT,+DACAH,CACF,EACA,QAAQ,UACR,QAASD,EACR,GAAGE,EAEH,SAAAH,EAAa,SAAW,SAC3B,EAjB0B,uBAoBrB,SAASM,GAAc,CAC5B,MAAAC,EACA,KAAAC,EACA,OAAAC,EACA,YAAAC,EACA,WAAAC,EACA,UAAAC,EACA,eAAAC,EACA,MAAAC,EACA,QAAAC,EAAU,SACV,SAAAC,EACA,KAAAC,CACF,EAAkB,CAChB,GAAM,CAAE,WAAAC,CAAW,EAAID,GAAQ,CAAC,EAC1B,CAAE,MAAAE,EAAO,SAAAC,EAAU,QAAAC,EAAS,UAAAC,CAAU,EAAIC,EAAe,EACzD,CAAE,WAAYC,CAAe,EAAIC,EAAc,EAG/CC,EAAaV,GAAU,QAAQ,WAC/BhB,EAAa0B,EACfP,EAAMO,CAAU,EACfV,GAAU,QAAQ,iBAAmB,GAEpCW,EAAalB,EAAO,IACxB,CAAC,CAAE,KAAMmB,CAAU,IAAM,GAAGpB,CAAI,IAAIoB,CAAS,EAC/C,EACMC,GAAgBV,EAAMQ,CAAU,EAChCG,GAAgBC,GAAiBF,EAAa,EAC9CG,EAAoBD,GAA8B,IAAI,EAEtDE,GAAiBlC,EAAA,IAAM,CACvB2B,GACFN,EAASM,EAAY,CAAC1B,CAAU,CAEpC,EAJuB,kBAMvBkC,GAAU,IAAM,CACd,IAAMC,EAAgBN,GAChBO,EAAiBN,GAAc,QAC/BO,GAAmBf,EAAU,aAAeA,EAAU,YAAc,EAGtEgB,GAAa,GACjB,QAASC,EAAI,EAAGA,EAAIJ,EAAc,OAAQI,IACxC,GACEJ,EAAcI,CAAC,IAAM,QACrBH,EAAeG,CAAC,IAAMJ,EAAcI,CAAC,EACrC,CACAD,GAAa,GAEb,KACF,CAGF,OAAIA,IAAcD,KAEZL,EAAkB,SACpB,aAAaA,EAAkB,OAAO,EAExCA,EAAkB,QAAU,WAAW,IAAM,CAC3CX,EAAQ,CACV,EAAG,EAAE,GAGPS,GAAc,QAAU,CAAC,GAAGK,CAAa,EAElC,IAAM,CACPH,EAAkB,SACpB,aAAaA,EAAkB,OAAO,CAE1C,CACF,EAAG,CAACH,GAAeR,EAASC,EAAU,YAAaA,EAAU,WAAW,CAAC,EAEzE,IAAMkB,GAAkBhB,GAAgB,gBAAkB1B,GACpD2C,GAAY,GAAGjC,CAAI,WACnBkC,GAAW,GAAGlC,CAAI,UAExB,OACEX,EAAC,YACC,UAAWQ,EACT,uCACA,6BACA,+BAA+BG,CAAI,EACrC,EAEA,UAAAZ,EAAC,UACC,UAAWS,EACT,6BACAU,IAAY,SAAW,QACzB,EAEC,SAAAR,EACH,EACCW,GAAY,cAAgBA,GAAY,IAAMH,IAAY,UACzDnB,EAAC+C,GAAA,CACC,UAAU,kDACV,UAAWzB,EAAW,GAErB,SAAAA,EAAW,aACd,EAEDH,IAAY,SACXlB,EAAAF,GAAA,CACE,UAAAE,EAAC,OACC,UAAU,qCACV,GAAI6C,GACJ,aAAY1C,EAAa,WAAa,YACtC,gBAAeA,EAEf,UAAAJ,EAAC,MAAG,UAAWS,EAAG,mCAAmC,EAAI,SAAAE,EAAM,EAC9DS,GAAU,QAAQ,SACjBpB,EAAC4C,GAAA,CACC,WAAYxC,EACZ,SAAUiC,GACV,gBAAejC,EACf,gBAAeyC,GACf,aAAY,GAAGzC,EAAa,OAAS,MAAM,IAAIO,CAAK,GACpD,UAAWF,EACT,qCACAW,EAAS,QAAQ,SACnB,EAEC,SAAAhB,EACIgB,EAAS,OAAO,QAAQ,UAAY,SACpCA,EAAS,OAAO,QAAQ,QAAU,SACzC,GAEJ,EACCE,GAAY,cAAgBA,GAAY,IACvCtB,EAAC+C,GAAA,CACC,UAAU,kDACV,UAAWzB,EAAW,GAErB,SAAAA,EAAW,aACd,GAEJ,EAEDlB,GACCH,EAAC,OAAI,GAAI4C,GAAW,kBAAiBC,GAAU,KAAK,SACjD,UAAAhC,EACCd,EAAC,OACC,UAAU,+CACV,wBAAyB,CAAE,OAAQgD,GAAalC,CAAW,CAAE,EAC/D,EACE,KACJb,EAAC,OAAI,UAAU,aACZ,UAAAY,EAAO,IAAKoC,GAAoB,CAS/B,GARIA,EAAM,6BACRA,EAAQ,CACN,GAAGA,EACH,GAAIA,EAAM,2BAA2BhB,GAAegB,CAAK,GACvD,CAAC,CACL,GAGEA,EAAM,YAAc,IAASA,EAAM,WACrC,OAAO,KAIT,GAAIA,EAAM,YAAc,WACtB,OACEjD,EAACU,GAAA,CAEE,GAAGuC,EACJ,KAAM,GAAGhC,EAAiBgC,EAAM,KAAO,GAAGrC,CAAI,IAAIqC,EAAM,IAAI,EAAE,GAC9D,WAAYlC,GAHP,GAAGE,EAAiBgC,EAAM,KAAO,GAAGrC,CAAI,IAAIqC,EAAM,IAAI,EAAE,EAI/D,EAIJ,GAAIA,EAAM,YAAc,gBACtB,OACEjD,EAACU,GAAA,CAEE,GAAGuC,EACJ,KAAM,GAAGhC,EAAiBgC,EAAM,KAAO,GAAGrC,CAAI,IAAIqC,EAAM,IAAI,EAAE,GAC9D,WAAYlC,EACZ,eAAc,IAJT,GAAGE,EAAiBgC,EAAM,KAAO,GAAGrC,CAAI,IAAIqC,EAAM,IAAI,EAAE,EAK/D,EAKJ,IAAIC,EACFC,GACEF,EAAM,SAIR,EAEF,GAAIA,EAAM,UAAW,CACnB,GAAM,CAAE,UAAAG,EAAU,EAAIH,EAGtB,OAAOjD,EAACoD,GAAA,CAA4B,GAAGH,GAAhBA,EAAM,IAAiB,CAChD,CAEA,OAAKC,GAQDD,EAAM,YAAc,UAAYA,EAAM,WACxCC,EAAiBC,GAAW,cAAc,GAI1ClD,EAACF,GAAA,CAGC,UAAAC,EAACkD,EAAA,CACE,GAAGD,EACJ,KAAM,GAAGhC,EAAiBgC,EAAM,KAAO,GAAGrC,CAAI,IAAIqC,EAAM,IAAI,EAAE,GAC9D,UAAWlC,IAAakC,EAAM,SAA2B,EAC3D,EACCA,EAAM,MAAQA,EAAM,MAAQ,OAPxB,GAAGhC,EAAiBgC,EAAM,KAAO,GAAGrC,CAAI,IAAIqC,EAAM,IAAI,EAAE,EAQ/D,GApBEhD,EAAC,KAAE,UAAU,QAAQ,wBACPgD,EAAM,UAAoB,kBACxC,CAoBN,CAAC,EACA/B,GAAgB,KAChBF,EAAYhB,EAACqD,GAAA,CAAW,GAAGrC,EAAW,EAAK,MAC9C,GACF,GAEJ,CAEJ,CAxOgBb,EAAAO,GAAA","names":["Fragment","useEffect","useRef","Fragment","jsx","jsxs","CheckBoxField","name","defaultValue","description","label","onChange","multiple","options","component","rest","components","useFormFields","control","useFormContext","handleCheckboxChange","__name","field","checked","optionId","currentValues","value","FormField","fieldState","CustomCheckboxField","customCheckboxFieldProps","evt","FormItem","cn","FormControl","FormLabel","option","Checkbox","event","FormDescription","FormMessage","CalendarIcon","PopoverClose","ChevronLeft","ChevronRight","DayPicker","jsx","Calendar","className","classNames","showOutsideDays","props","DayPicker","cn","buttonVariants","__name","ChevronLeft","ChevronRight","PopoverPrimitive","jsx","Popover","props","__name","PopoverTrigger","PopoverContent","className","align","sideOffset","cn","format","Fragment","jsx","jsxs","DatePickerField","description","label","name","minDate","maxDate","onChange","component","rest","components","useFormFields","control","useFormContext","minDateValue","getMinStartDate","maxDateValue","FormField","field","fieldState","CustomDatePickerField","customDatePickerFieldProps","__name","value","FormItem","FormLabel","Popover","PopoverTrigger","FormControl","Button","cn","format","CalendarIcon","PopoverContent","Calendar","date","props","PopoverClose","FormDescription","FormMessage","jsx","jsxs","FileUploadFieldDefault","field","fieldState","fieldData","name","label","description","multiple","accept","FormItem","FormLabel","FormControl","FileUploader","cn","FormDescription","FormMessage","__name","jsx","validateFileSize","__name","files","maxSize","file","maxSizeMB","fileSizeMB","FileUploadField","name","description","label","multiple","onChange","component","accept","rest","components","useFormFields","control","setError","clearErrors","useFormContext","handleOnChange","field","sizeError","FormField","fieldState","Component","FileUploadFieldDefault","fieldData","value","jsx","NumberFieldDefault","field","fieldData","TextField","__name","jsx","NumberField","props","components","useFormFields","control","useFormContext","Component","NumberFieldDefault","FormField","field","fieldState","__name","value","Fragment","jsx","jsxs","RadioGroupField","name","defaultValue","description","label","options","onChange","component","rest","components","useFormFields","control","useFormContext","FormField","field","fieldState","CustomRadioGroupField","customRadioGroupFieldProps","__name","value","cn","FormItem","FormDescription","FormControl","RadioGroup","option","Fragment","RadioGroupItem","FormLabel","FormMessage","jsx","jsxs","SelectFieldDefault","field","fieldState","fieldData","name","label","description","options","FormItem","FormLabel","FormControl","Select","value","SelectTrigger","SelectValue","SelectContent","SelectGroup","option","SelectItem","FormDescription","FormMessage","__name","jsx","SelectField","label","name","options","defaultValue","description","onChange","component","rest","control","useFormContext","components","useFormFields","FormField","field","fieldState","Component","SelectFieldDefault","customSelectFieldProps","__name","value","maybeCastValue","useEffect","useState","Fragment","useState","Check","ChevronDownIcon","X","CommandPrimitive","SearchIcon","jsx","jsxs","Command","className","props","CommandPrimitive","cn","__name","CommandList","className","props","jsx","CommandPrimitive","cn","__name","CommandEmpty","CommandGroup","CommandSeparator","CommandItem","jsx","jsxs","MultiSelect","options","selected","onChange","placeholder","props","open","setOpen","useState","handleUnselect","__name","option","item","hasCategories","groupedOptions","groups","category","Popover","PopoverTrigger","Button","Badge","e","X","ChevronDownIcon","PopoverContent","Command","CommandList","CommandEmpty","categoryOptions","index","Fragment","CommandSeparator","CommandGroup","isSelected","CommandItem","Check","cn","jsx","jsxs","CountryFieldDefault","field","fieldState","fieldData","selected","setSelected","useState","handleChange","__name","rawValues","values","value","useEffect","option","countryOptions","key","FormItem","FormLabel","FormControl","MultiSelect","FormDescription","FormMessage","jsx","CountryField","label","name","options","defaultValue","description","onChange","$meta","component","rest","control","useFormContext","components","useFormFields","FormField","field","fieldState","Component","CountryFieldDefault","customSelectFieldProps","__name","value","React","jsx","Textarea","className","props","ref","cn","jsx","jsxs","TextAreaFieldDefault","field","fieldState","fieldData","name","label","description","maxLength","valueLength","FormItem","FormLabel","FormControl","Textarea","event","cn","FormDescription","FormMessage","__name","jsx","TextAreaField","name","description","label","onChange","maxLength","component","rest","components","useFormFields","control","useFormContext","FormField","field","fieldState","Component","TextAreaFieldDefault","customTextAreaFieldProps","__name","evt","jsx","EmailField","props","components","useFormFields","control","useFormContext","CustomEmailField","FormField","field","fieldState","__name","value","TextField","jsx","HiddenField","props","control","useFormContext","FormField","field","__name","React","useEffect","useState","setCustomValidity","ref","fieldPath","errors","error","get","message","reportValidity","validateFieldsNatively","options","fields","field","refs","forEach","toNestErrors","shouldUseNativeValidation","fieldErrors","path","Object","assign","isNameInFieldArray","names","keys","fieldArrayErrors","set","name","escapeBrackets","some","n","match","input","replace","yupResolver","schema","schemaOptions","resolverOptions","values","context","options","Promise","resolve","process","env","NODE_ENV","console","warn","mode","Object","assign","abortEarly","then","result","shouldUseNativeValidation","validateFieldsNatively","raw","errors","e","r","u","_catch","inner","toNestErrors","error","validateAllFieldCriteria","criteriaMode","reduce","previous","path","message","type","types","messages","appendErrors","concat","reject","yup","groupBy","capitalize","MINUTES_IN_HOUR","DAYS_OF_THE_WEEK","convertBreakDurationToHours","breakDuration","hours","minutes","__name","calculateTotalWorkHours","dailySchedules","totalWorkHours","total","daySchedule","findLastConsecutiveDay","startDay","dailySchedule","daysScheduled","day","idx","currentDay","nextDay","nextDayIdx","shouldSummarizeSchedule","shouldSummarizeBreaks","buildWorkScheduleSummary","activeScheduleDays","groupedWorkHours","groupBy","activeBreakDays","groupedBreaks","workHoursSummary","scheduleTimes","sameDailySchedule","start_time","end_time","timeSummary","lastConsecutiveDay","allDaysAreConsecutive","capitalize","summary","breakSummary","isFirstGroup","sameDailyBreaks","breakString","breakText","breakIdx","calculateHours","checked","break_duration_minutes","startHour","startMin","endHour","endMin","startTotalMin","dayMap","getShortWeekday","fullName","jsx","jsxs","fieldSchema","__name","schema","formSchema","WorkScheduleSelectionForm","defaultSchedule","onSubmit","openDialog","setOpenDialog","useState","transformedSchedule","DAYS_OF_THE_WEEK","day","existingSchedule","schedule","getShortWeekday","form","useForm","o","handleSubmit","watch","reset","control","formState","fields","useFieldArray","watchedSchedule","handleSubmitWorkingHours","data","checked","calculateHours","handleCancel","Dialog","DialogTrigger","Button","DialogContent","DialogHeader","DialogTitle","Form","field","index","currentDay","calculatedHours","React","CheckBoxField","TextField","WorkScheduleField","props","components","useFormFields","setValue","useFormContext","currentSchedule","setCurrentSchedule","workHoursSummary","breakSummary","buildWorkScheduleSummary","totalWorkHours","calculateTotalWorkHours","useEffect","CustomWorkScheduleField","FormField","fieldState","value","useState","jsx","jsxs","MultiSelectField","label","name","options","defaultValue","description","onChange","component","rest","control","useFormContext","components","useFormFields","selected","setSelected","useState","FormField","field","fieldState","CustomSelectField","customSelectFieldProps","__name","value","selectedOptions","option","FormItem","FormLabel","FormControl","MultiSelect","rawValues","values","FormDescription","FormMessage","jsx","MoneyField","__name","props","NumberField","baseFields","CheckBoxField","TextField","EmailField","MoneyField","SelectField","MultiSelectField","RadioGroupField","NumberField","FileUploadField","DatePickerField","TextAreaField","CountryField","HiddenField","WorkScheduleField","AlertCircle","jsx","jsxs","StatementDefault","data","title","description","severity","variant","Alert","AlertCircle","AlertTitle","AlertDescription","__name","jsx","Statement","title","description","severity","components","useFormFields","Component","StatementDefault","sanitizeHtml","__name","Fragment","jsx","jsxs","DefaultToggleButton","__name","isExpanded","onToggle","className","props","Button","cn","FieldSetField","label","name","fields","description","components","statement","isFlatFieldset","extra","variant","features","meta","helpCenter","watch","setValue","trigger","formState","useFormContext","formComponents","useFormFields","stateField","fieldNames","fieldName","watchedValues","prevValuesRef","useRef","triggerTimeoutRef","toggleExpanded","useEffect","currentValues","previousValues","hasBeenSubmitted","hasChanged","i","ToggleComponent","contentId","headerId","ZendeskTriggerButton","sanitizeHtml","field","FieldComponent","baseFields","Component","Statement"]}

package/dist/{chunk-S2OEFLVC.js → chunk-U2DDV6SE.js}

@@ -1,2 +1,2 @@
-import{a as X}from"./chunk-QGGFY3DW.js";import{a as G}from"./chunk-VFRHMNLJ.js";import{a as I,b as z,c as Q,f as W}from"./chunk-XQL5I2GC.js";import{a as C}from"./chunk-HN5HLFTB.js";import{a as K}from"./chunk-H6Q65JLZ.js";import{c as Y}from"./chunk-67MPL47V.js";import{a as Z}from"./chunk-2YTBWEC7.js";import{c as V}from"./chunk-2SO4LW7V.js";import{a as o}from"./chunk-P37U34EQ.js";import{number as Te,object as oe}from"yup";import{createHeadlessForm as Ve,modify as je}from"@remoteoss/json-schema-form-old";import{useCallback as we,useEffect as ee,useMemo as Re,useRef as Pe,useState as j}from"react";import{string as te,ValidationError as ne}from"yup";import{jsx as re}from"react/jsx-runtime";var O={title:"Estimation",includeBenefits:!1,includeCostBreakdowns:!1,includePremiumBenefits:!1,enableCurrencyConversion:!1,includeEstimationTitle:!1,includeManagementFee:!1},xe=o(t=>{let{schema:i}=je(G.data.schema,t?.jsfModify||{});return Ve(i)},"useStaticSchema");function Be(t,i){if(typeof t=="object"&&t!==null&&"title"in t){let l=t.title;if(l)return l}return i==="my_hiring_budget"?"Hiring budget":"Employee's annual salary"}o(Be,"getSalaryTitle");var Qe=o(({defaultRegion:t,defaultCurrency:i,defaultSalary:l,estimationOptions:s,options:n,version:a}={estimationOptions:O})=>{let c=Pe({fields:{}}),[k,E]=j(t),[w,R]=j(),[m,q]=j(),[H,se]=j(),{data:_,isLoading:le}=I({includePremiumBenefits:s.includePremiumBenefits}),{data:d,isLoading:ce}=z(),ue=k||w?.value,{data:P,isLoading:me}=W(ue,{includePremiumBenefits:s.includePremiumBenefits,options:n}),U=Q(),{mutateAsync:de}=Z(U),b=w?.currency,p=n?.jsfModify?.fields?.salary,F=p&&typeof p=="object"&&"presentation"in p?p.presentation:void 0,L=we(()=>{let e=b&&m?b!==m:!1;return b!==m?{from:m,to:b,shouldSwapOrder:e}:{from:b,to:m,shouldSwapOrder:e}},[b,m]),J=s.showManagementFee,$=s.includeEstimationTitle,fe=Re(()=>{let{from:e,to:r,shouldSwapOrder:u}=L(),g=Be(p,H);return{fields:{salary:{...p,title:g,presentation:{salary_conversion_properties:{label:F?.salary_conversion_properties?.label,description:F?.salary_conversion_properties?.description},currencies:{from:e,to:r},Component:o(y=>re(X,{...y,shouldSwapOrder:u,conversionType:a==="marketing"?"no_spread":"spread",defaultValue:l}),"Component")}},hiring_budget:{...n?.jsfModify?.fields?.hiring_budget,presentation:{hidden:a=="marketing"}},management:{...n?.jsfModify?.fields?.management,properties:{...n?.jsfModify?.fields?.management?.properties,management_fee:{...n?.jsfModify?.fields?.management?.properties?.management_fee,"x-jsf-presentation":{inputType:"money",additionalProps:{currency:m||"USD"}}}},presentation:{...typeof n?.jsfModify?.fields?.management=="object"?(n?.jsfModify?.fields?.management)["x-jsf-presentation"]:{},hidden:!J,Component:o(y=>re(Y,{...y,variant:"inset",features:{toggle:{enabled:!0,stateField:"management._expanded",labels:{expand:"Define",collapse:"Remove"}}}}),"Component")}},estimation_title:{...n?.jsfModify?.fields?.estimation_title,"x-jsf-presentation":{hidden:!$}}}}},[L,p,H,F?.salary_conversion_properties?.label,F?.salary_conversion_properties?.description,n?.jsfModify?.fields?.hiring_budget,n?.jsfModify?.fields?.management,n?.jsfModify?.fields?.estimation_title,a,m,J,$,l]),f=xe({jsfModify:{fields:{...n?.jsfModify?.fields,...fe?.fields}}});ee(()=>{if(t&&_){let e=_.find(({value:r})=>r===t);e&&R(e)}},[t,_]),ee(()=>{if(i&&d){let e=d.find(({value:r})=>r===i);e&&q(e.label)}},[i,d]);async function ge(e){return de(ae(e,s,a))}o(ge,"onSubmit");function ye(e){let r=_?.find(({value:u})=>u===e);r&&r.childRegions.length===0&&r.hasAdditionalFields?E(r.regionSlug):E(void 0),R(r)}o(ye,"onCountryChange");function pe(e){E(e)}o(pe,"onRegionChange");function Ce(e){se(e.target.value)}o(Ce,"onHiringBudgetChange");function _e(e){let r=d?.find(u=>u.value===e)?.label;q(r),n?.onCurrencyChange?.(r||"")}o(_e,"onChangeCurrency");let S=f.fields.find(e=>e.name==="region");if(S){let e=w?.childRegions.map(r=>({value:r.slug,label:r.name}))??[];S.options=e,S.isVisible=e.length>0,S.required=e.length>0,S.onChange=pe,S.schema=e.length>0?te().transform(r=>typeof r=="string"?r:"").required("Region is required"):te()}if(d){let e=f.fields.find(r=>r.name==="currency");e&&(e.options=d,e.onChange=_e)}let v=f.fields.find(e=>e.name==="hiring_budget");if(v&&(v.onChange=Ce),_){let e=f.fields.find(r=>r.name==="country");e&&(e.options=_,e.onChange=ye)}let be=o(()=>{R(void 0),E(t)},"resetForm"),D=[...f.fields.filter(e=>e.name!=="management"),...P?.fields||[],...f.fields.filter(e=>e.name==="management")],N=ie(f.fields,m||"USD",s.includeEstimationTitle);async function Se(e){let r=null;n?.onValidation?.(e);let u=await V(e,D);try{await N.validate(u,{abortEarly:!1}),r={formErrors:{},yupError:new ne([],e)}}catch(h){let B=K(h);r={formErrors:Object.entries(B).reduce((T,[A,M])=>({...T,[A]:M.message}),{}),yupError:h}}let g=P?.handleValidation(u),y=[...r?.yupError.inner||[],...g?.yupError?.inner||[]],x={...r?.yupError?.value||{},...g?.yupError?.value||{}};return{formErrors:{...r?.formErrors||{},...g?.formErrors||{}},yupError:new ne(y,x)}}return o(Se,"handleValidation"),{stepState:{current:0,total:1,isLastStep:!0},fields:D,validationSchema:N,parseFormValues:o(async e=>{let{country:r,region:u,currency:g,salary_converted:y,hiring_budget:x,salary_conversion:h,management:B,estimation_title:T,...A}=e,M=e.salary;y==="salary_conversion"&&(M=h);let he=await V({country:r,region:u,salary:M,salary_converted:y,salary_conversion:h,hiring_budget:x,currency:g,management:B,estimation_title:T},f.fields),Ee=await V(A,P?.fields||[]),Fe={currency_code:d?.find(Me=>Me.value===g)?.label};return{...he,...Ee,...Fe}},"parseFormValues"),handleValidation:Se,isSubmitting:U.isPending,isLoading:le&&ce&&me,onSubmit:ge,resetForm:be,currencies:d,meta:{fields:c.current?.fields}}},"useCostCalculator");function ie(t,i,l){let s=t.reduce((n,a)=>(a.name==="salary"||a.name==="salary_conversion"?n[a.name]=a.schema.when("salary_converted",{is:o(c=>c===a.name,"is"),then:o(c=>c.required("Required field"),"then"),otherwise:o(c=>c.optional(),"otherwise")}):a.name==="management"?n[a.name]=oe({management_fee:Te().transform(c=>isNaN(c)?void 0:c).min(0,"Management fee must be greater than or equal to 0").max(i?C[i]:C.USD,()=>`Management fee cannot exceed ${(i?C[i]:C.USD)/100} ${i}`)}):a.name==="estimation_title"&&l?n[a.name]=a.schema.required("Required field"):n[a.name]=a.schema,n),{});return oe(s)}o(ie,"buildValidationSchema");function Ae(t){let i="benefit-";return Object.keys(t).reduce((l,s)=>{let n=t[s];if(n==="none")return l;let c={benefit_group_slug:s.replace(i,""),benefit_tier_slug:n};return[...l,c]},[])}o(Ae,"formatBenefits");function Oe(t,i,l){let s=Number(t.management?.management_fee),n=t.currency_code;return{...{region_slug:t.region||t.country,employment_term:t.contract_duration_type??"fixed",title:t.estimation_title||i.title,age:t.age??void 0,...t.benefits&&{benefits:Ae(t.benefits)},...i.includeManagementFee&&s&&{discount:{quoted_amount:i.showManagementFee?s:C[n]||C.USD,text:""}}},...ke(t,l)}}o(Oe,"mapValueToEmployment");function ke(t,i){let l=i==="marketing"||t.salary_converted==="salary_conversion",s=i==="standard"&&t.salary_converted==="salary",n=t.hiring_budget==="my_hiring_budget";if(l){let a=t.salary_converted==="salary_conversion";return n?{annual_total_cost_in_employer_currency:t.salary}:{[a?"annual_gross_salary_in_employer_currency":"annual_gross_salary"]:t.salary}}return s?n?{annual_total_cost:t.salary}:{annual_gross_salary:t.salary}:{}}o(ke,"getSalaryFields");function ae(t,i=O,l="standard"){let s=Array.isArray(t)?t:[t];if(s.length===0)throw new Error("At least one employment value is required");return s.length>1&&new Set(s.map(a=>a.currency)).size>1&&console.warn("Multiple currencies detected in array. Using currency from first employment."),{employer_currency_slug:s[0].currency,include_benefits:i.includeBenefits,include_cost_breakdowns:i.includeCostBreakdowns,include_premium_benefits:i.includePremiumBenefits,include_management_fee:i.includeManagementFee,employments:s.map(n=>Oe(n,i,l))}}o(ae,"buildPayload");export{ie as a,ae as b,O as c,Qe as d};
-//# sourceMappingURL=chunk-S2OEFLVC.js.map
+import{a as X}from"./chunk-3TVKDZSP.js";import{a as G}from"./chunk-VFRHMNLJ.js";import{a as I,b as z,c as Q,f as W}from"./chunk-XQL5I2GC.js";import{a as C}from"./chunk-HN5HLFTB.js";import{a as K}from"./chunk-LNV36S6D.js";import{c as Y}from"./chunk-U2AUFXNA.js";import{a as Z}from"./chunk-2YTBWEC7.js";import{c as V}from"./chunk-2SO4LW7V.js";import{a as o}from"./chunk-P37U34EQ.js";import{number as Te,object as oe}from"yup";import{createHeadlessForm as Ve,modify as je}from"@remoteoss/json-schema-form-old";import{useCallback as we,useEffect as ee,useMemo as Re,useRef as Pe,useState as j}from"react";import{string as te,ValidationError as ne}from"yup";import{jsx as re}from"react/jsx-runtime";var O={title:"Estimation",includeBenefits:!1,includeCostBreakdowns:!1,includePremiumBenefits:!1,enableCurrencyConversion:!1,includeEstimationTitle:!1,includeManagementFee:!1},xe=o(t=>{let{schema:i}=je(G.data.schema,t?.jsfModify||{});return Ve(i)},"useStaticSchema");function Be(t,i){if(typeof t=="object"&&t!==null&&"title"in t){let l=t.title;if(l)return l}return i==="my_hiring_budget"?"Hiring budget":"Employee's annual salary"}o(Be,"getSalaryTitle");var Qe=o(({defaultRegion:t,defaultCurrency:i,defaultSalary:l,estimationOptions:s,options:n,version:a}={estimationOptions:O})=>{let c=Pe({fields:{}}),[k,E]=j(t),[w,R]=j(),[m,q]=j(),[H,se]=j(),{data:_,isLoading:le}=I({includePremiumBenefits:s.includePremiumBenefits}),{data:d,isLoading:ce}=z(),ue=k||w?.value,{data:P,isLoading:me}=W(ue,{includePremiumBenefits:s.includePremiumBenefits,options:n}),U=Q(),{mutateAsync:de}=Z(U),b=w?.currency,p=n?.jsfModify?.fields?.salary,F=p&&typeof p=="object"&&"presentation"in p?p.presentation:void 0,L=we(()=>{let e=b&&m?b!==m:!1;return b!==m?{from:m,to:b,shouldSwapOrder:e}:{from:b,to:m,shouldSwapOrder:e}},[b,m]),J=s.showManagementFee,$=s.includeEstimationTitle,fe=Re(()=>{let{from:e,to:r,shouldSwapOrder:u}=L(),g=Be(p,H);return{fields:{salary:{...p,title:g,presentation:{salary_conversion_properties:{label:F?.salary_conversion_properties?.label,description:F?.salary_conversion_properties?.description},currencies:{from:e,to:r},Component:o(y=>re(X,{...y,shouldSwapOrder:u,conversionType:a==="marketing"?"no_spread":"spread",defaultValue:l}),"Component")}},hiring_budget:{...n?.jsfModify?.fields?.hiring_budget,presentation:{hidden:a=="marketing"}},management:{...n?.jsfModify?.fields?.management,properties:{...n?.jsfModify?.fields?.management?.properties,management_fee:{...n?.jsfModify?.fields?.management?.properties?.management_fee,"x-jsf-presentation":{inputType:"money",additionalProps:{currency:m||"USD"}}}},presentation:{...typeof n?.jsfModify?.fields?.management=="object"?(n?.jsfModify?.fields?.management)["x-jsf-presentation"]:{},hidden:!J,Component:o(y=>re(Y,{...y,variant:"inset",features:{toggle:{enabled:!0,stateField:"management._expanded",labels:{expand:"Define",collapse:"Remove"}}}}),"Component")}},estimation_title:{...n?.jsfModify?.fields?.estimation_title,"x-jsf-presentation":{hidden:!$}}}}},[L,p,H,F?.salary_conversion_properties?.label,F?.salary_conversion_properties?.description,n?.jsfModify?.fields?.hiring_budget,n?.jsfModify?.fields?.management,n?.jsfModify?.fields?.estimation_title,a,m,J,$,l]),f=xe({jsfModify:{fields:{...n?.jsfModify?.fields,...fe?.fields}}});ee(()=>{if(t&&_){let e=_.find(({value:r})=>r===t);e&&R(e)}},[t,_]),ee(()=>{if(i&&d){let e=d.find(({value:r})=>r===i);e&&q(e.label)}},[i,d]);async function ge(e){return de(ae(e,s,a))}o(ge,"onSubmit");function ye(e){let r=_?.find(({value:u})=>u===e);r&&r.childRegions.length===0&&r.hasAdditionalFields?E(r.regionSlug):E(void 0),R(r)}o(ye,"onCountryChange");function pe(e){E(e)}o(pe,"onRegionChange");function Ce(e){se(e.target.value)}o(Ce,"onHiringBudgetChange");function _e(e){let r=d?.find(u=>u.value===e)?.label;q(r),n?.onCurrencyChange?.(r||"")}o(_e,"onChangeCurrency");let S=f.fields.find(e=>e.name==="region");if(S){let e=w?.childRegions.map(r=>({value:r.slug,label:r.name}))??[];S.options=e,S.isVisible=e.length>0,S.required=e.length>0,S.onChange=pe,S.schema=e.length>0?te().transform(r=>typeof r=="string"?r:"").required("Region is required"):te()}if(d){let e=f.fields.find(r=>r.name==="currency");e&&(e.options=d,e.onChange=_e)}let v=f.fields.find(e=>e.name==="hiring_budget");if(v&&(v.onChange=Ce),_){let e=f.fields.find(r=>r.name==="country");e&&(e.options=_,e.onChange=ye)}let be=o(()=>{R(void 0),E(t)},"resetForm"),D=[...f.fields.filter(e=>e.name!=="management"),...P?.fields||[],...f.fields.filter(e=>e.name==="management")],N=ie(f.fields,m||"USD",s.includeEstimationTitle);async function Se(e){let r=null;n?.onValidation?.(e);let u=await V(e,D);try{await N.validate(u,{abortEarly:!1}),r={formErrors:{},yupError:new ne([],e)}}catch(h){let B=K(h);r={formErrors:Object.entries(B).reduce((T,[A,M])=>({...T,[A]:M.message}),{}),yupError:h}}let g=P?.handleValidation(u),y=[...r?.yupError.inner||[],...g?.yupError?.inner||[]],x={...r?.yupError?.value||{},...g?.yupError?.value||{}};return{formErrors:{...r?.formErrors||{},...g?.formErrors||{}},yupError:new ne(y,x)}}return o(Se,"handleValidation"),{stepState:{current:0,total:1,isLastStep:!0},fields:D,validationSchema:N,parseFormValues:o(async e=>{let{country:r,region:u,currency:g,salary_converted:y,hiring_budget:x,salary_conversion:h,management:B,estimation_title:T,...A}=e,M=e.salary;y==="salary_conversion"&&(M=h);let he=await V({country:r,region:u,salary:M,salary_converted:y,salary_conversion:h,hiring_budget:x,currency:g,management:B,estimation_title:T},f.fields),Ee=await V(A,P?.fields||[]),Fe={currency_code:d?.find(Me=>Me.value===g)?.label};return{...he,...Ee,...Fe}},"parseFormValues"),handleValidation:Se,isSubmitting:U.isPending,isLoading:le&&ce&&me,onSubmit:ge,resetForm:be,currencies:d,meta:{fields:c.current?.fields}}},"useCostCalculator");function ie(t,i,l){let s=t.reduce((n,a)=>(a.name==="salary"||a.name==="salary_conversion"?n[a.name]=a.schema.when("salary_converted",{is:o(c=>c===a.name,"is"),then:o(c=>c.required("Required field"),"then"),otherwise:o(c=>c.optional(),"otherwise")}):a.name==="management"?n[a.name]=oe({management_fee:Te().transform(c=>isNaN(c)?void 0:c).min(0,"Management fee must be greater than or equal to 0").max(i?C[i]:C.USD,()=>`Management fee cannot exceed ${(i?C[i]:C.USD)/100} ${i}`)}):a.name==="estimation_title"&&l?n[a.name]=a.schema.required("Required field"):n[a.name]=a.schema,n),{});return oe(s)}o(ie,"buildValidationSchema");function Ae(t){let i="benefit-";return Object.keys(t).reduce((l,s)=>{let n=t[s];if(n==="none")return l;let c={benefit_group_slug:s.replace(i,""),benefit_tier_slug:n};return[...l,c]},[])}o(Ae,"formatBenefits");function Oe(t,i,l){let s=Number(t.management?.management_fee),n=t.currency_code;return{...{region_slug:t.region||t.country,employment_term:t.contract_duration_type??"fixed",title:t.estimation_title||i.title,age:t.age??void 0,...t.benefits&&{benefits:Ae(t.benefits)},...i.includeManagementFee&&s&&{discount:{quoted_amount:i.showManagementFee?s:C[n]||C.USD,text:""}}},...ke(t,l)}}o(Oe,"mapValueToEmployment");function ke(t,i){let l=i==="marketing"||t.salary_converted==="salary_conversion",s=i==="standard"&&t.salary_converted==="salary",n=t.hiring_budget==="my_hiring_budget";if(l){let a=t.salary_converted==="salary_conversion";return n?{annual_total_cost_in_employer_currency:t.salary}:{[a?"annual_gross_salary_in_employer_currency":"annual_gross_salary"]:t.salary}}return s?n?{annual_total_cost:t.salary}:{annual_gross_salary:t.salary}:{}}o(ke,"getSalaryFields");function ae(t,i=O,l="standard"){let s=Array.isArray(t)?t:[t];if(s.length===0)throw new Error("At least one employment value is required");return s.length>1&&new Set(s.map(a=>a.currency)).size>1&&console.warn("Multiple currencies detected in array. Using currency from first employment."),{employer_currency_slug:s[0].currency,include_benefits:i.includeBenefits,include_cost_breakdowns:i.includeCostBreakdowns,include_premium_benefits:i.includePremiumBenefits,include_management_fee:i.includeManagementFee,employments:s.map(n=>Oe(n,i,l))}}o(ae,"buildPayload");export{ie as a,ae as b,O as c,Qe as d};
+//# sourceMappingURL=chunk-U2DDV6SE.js.map

package/dist/{chunk-6623EJIS.js → chunk-U2PJLKXO.js}

@@ -1,2 +1,2 @@
-import{a as f}from"./chunk-KSHK3ZPX.js";import{c as d,d as S}from"./chunk-S2OEFLVC.js";import{a as u}from"./chunk-HN5HLFTB.js";import{b as C}from"./chunk-H6Q65JLZ.js";import{f as y}from"./chunk-66N57DKF.js";import{a as o}from"./chunk-P37U34EQ.js";import{useEffect as T,useId as U,useState as I}from"react";import{jsx as k}from"react/jsx-runtime";var l=o((n,e,r)=>r&&r[e]?r[e]:n[e]?n[e]/100:0,"getDefaultManagementFee"),A=o((n,e,r,g)=>!e&&!r?.management_fee&&n?l(u,n,g):e&&!r?.management_fee?"":r?.management_fee,"getManagementFee"),W=o(({estimationOptions:n=d,defaultValues:e={countryRegionSlug:"",regionSlug:"",currencySlug:"",salary:"",benefits:{},management:{management_fee:""}},options:r,render:g,version:_="standard"})=>{let p=U(),[R,m]=I("USD"),F=o(s=>{m(s);let a=l(u,s,n.managementFees);a&&c.setValue("management.management_fee",a.toString())},"onCurrencyChange"),t=S({defaultRegion:e.countryRegionSlug,defaultCurrency:e.currencySlug,defaultSalary:e.salary,estimationOptions:n,version:_,options:{...r,onCurrencyChange:F}}),K=C(t.handleValidation),b=A(R,e.currencySlug,e.management,n.managementFees),{countryRegionSlug:v,currencySlug:h,salary:D,benefits:P,hiringBudget:B,age:E,contractDurationType:M,regionSlug:w,...x}=e,c=y({resolver:K,defaultValues:{country:v,currency:h,region:w,salary:D,salary_conversion:"",salary_converted:void 0,hiring_budget:B||"employee_annual_salary",age:E,contract_duration_type:M,management:{management_fee:b?.toString()||""},benefits:P,estimation_title:n.title,...x},shouldUnregister:!1,mode:"onBlur"});return T(()=>{if(e.currencySlug&&t.currencies&&n.includeManagementFee&&!e.management?.management_fee){let a=t.currencies.find(i=>i.value===e.currencySlug)?.label;if(a){m(a);let i=l(u,a,n.managementFees);c.setValue("management.management_fee",i?.toString()||"")}}},[e.currencySlug,t.currencies,n.includeManagementFee,n.managementFees,e.management?.management_fee,c]),k(f.Provider,{value:{form:c,formId:p,costCalculatorBag:t},children:g(t)})},"CostCalculatorFlow");export{W as a};
-//# sourceMappingURL=chunk-6623EJIS.js.map
+import{a as f}from"./chunk-KSHK3ZPX.js";import{c as d,d as S}from"./chunk-U2DDV6SE.js";import{a as u}from"./chunk-HN5HLFTB.js";import{b as C}from"./chunk-LNV36S6D.js";import{f as y}from"./chunk-66N57DKF.js";import{a as o}from"./chunk-P37U34EQ.js";import{useEffect as T,useId as U,useState as I}from"react";import{jsx as k}from"react/jsx-runtime";var l=o((n,e,r)=>r&&r[e]?r[e]:n[e]?n[e]/100:0,"getDefaultManagementFee"),A=o((n,e,r,g)=>!e&&!r?.management_fee&&n?l(u,n,g):e&&!r?.management_fee?"":r?.management_fee,"getManagementFee"),W=o(({estimationOptions:n=d,defaultValues:e={countryRegionSlug:"",regionSlug:"",currencySlug:"",salary:"",benefits:{},management:{management_fee:""}},options:r,render:g,version:_="standard"})=>{let p=U(),[R,m]=I("USD"),F=o(s=>{m(s);let a=l(u,s,n.managementFees);a&&c.setValue("management.management_fee",a.toString())},"onCurrencyChange"),t=S({defaultRegion:e.countryRegionSlug,defaultCurrency:e.currencySlug,defaultSalary:e.salary,estimationOptions:n,version:_,options:{...r,onCurrencyChange:F}}),K=C(t.handleValidation),b=A(R,e.currencySlug,e.management,n.managementFees),{countryRegionSlug:v,currencySlug:h,salary:D,benefits:P,hiringBudget:B,age:E,contractDurationType:M,regionSlug:w,...x}=e,c=y({resolver:K,defaultValues:{country:v,currency:h,region:w,salary:D,salary_conversion:"",salary_converted:void 0,hiring_budget:B||"employee_annual_salary",age:E,contract_duration_type:M,management:{management_fee:b?.toString()||""},benefits:P,estimation_title:n.title,...x},shouldUnregister:!1,mode:"onBlur"});return T(()=>{if(e.currencySlug&&t.currencies&&n.includeManagementFee&&!e.management?.management_fee){let a=t.currencies.find(i=>i.value===e.currencySlug)?.label;if(a){m(a);let i=l(u,a,n.managementFees);c.setValue("management.management_fee",i?.toString()||"")}}},[e.currencySlug,t.currencies,n.includeManagementFee,n.managementFees,e.management?.management_fee,c]),k(f.Provider,{value:{form:c,formId:p,costCalculatorBag:t},children:g(t)})},"CostCalculatorFlow");export{W as a};
+//# sourceMappingURL=chunk-U2PJLKXO.js.map

package/dist/{chunk-A45DSZA7.js → chunk-UIBYZKGO.js}

@@ -1,2 +1,2 @@
-import{a as r}from"./chunk-QP3VWGCS.js";import{a as t}from"./chunk-L23UIJDU.js";import{a as f}from"./chunk-LSOPZ4VQ.js";import{a as e}from"./chunk-4QQMF6QQ.js";import{a as p}from"./chunk-34HAEN6X.js";import{a as n}from"./chunk-STPJXT2A.js";import{a}from"./chunk-R6RDV7FH.js";import{a as m}from"./chunk-MRYRNB7Y.js";import{a as i}from"./chunk-P37U34EQ.js";import{useId as c}from"react";import{jsx as F}from"react/jsx-runtime";var k=i(({employmentId:l,render:T,options:d,initialValues:s})=>{let u=c(),o=t({employmentId:l,options:d,initialValues:s});return F(m.Provider,{value:{formId:u,terminationBag:o},children:T({terminationBag:o,components:{SubmitButton:r,Back:n,EmployeeComunicationStep:e,TerminationDetailsStep:a,PaidTimeOffStep:p,AdditionalDetailsStep:f}})})},"TerminationFlow");export{k as a};
-//# sourceMappingURL=chunk-A45DSZA7.js.map
+import{a as r}from"./chunk-QP3VWGCS.js";import{a as t}from"./chunk-L23UIJDU.js";import{a as f}from"./chunk-S5PJSCJF.js";import{a as e}from"./chunk-PA7PBUX6.js";import{a as p}from"./chunk-3XOY4F3D.js";import{a as n}from"./chunk-STPJXT2A.js";import{a}from"./chunk-J667C5G4.js";import{a as m}from"./chunk-MRYRNB7Y.js";import{a as i}from"./chunk-P37U34EQ.js";import{useId as c}from"react";import{jsx as F}from"react/jsx-runtime";var k=i(({employmentId:l,render:T,options:d,initialValues:s})=>{let u=c(),o=t({employmentId:l,options:d,initialValues:s});return F(m.Provider,{value:{formId:u,terminationBag:o},children:T({terminationBag:o,components:{SubmitButton:r,Back:n,EmployeeComunicationStep:e,TerminationDetailsStep:a,PaidTimeOffStep:p,AdditionalDetailsStep:f}})})},"TerminationFlow");export{k as a};
+//# sourceMappingURL=chunk-UIBYZKGO.js.map

package/dist/{chunk-FF3CQXEL.js → chunk-VC66HET6.js}

@@ -1,2 +1,2 @@
-import{a as T,b as S,c as u}from"./chunk-67MPL47V.js";import{b as y}from"./chunk-7FMR3EIX.js";import{c as d}from"./chunk-66N57DKF.js";import{e as g}from"./chunk-2SO4LW7V.js";import{e as m}from"./chunk-L3Z2G32A.js";import{a as p}from"./chunk-P37U34EQ.js";import{Fragment as V}from"react";var F={...T,fieldset:u,"fieldset-flat":u};import{useEffect as b}from"react";import{Fragment as x,jsx as a,jsxs as k}from"react/jsx-runtime";var _=p(({name:t,description:i,helpCenter:n})=>k("span",{children:[a("span",{className:`text-xs RemoteFlows__ForcedValue__Description__${t}`,dangerouslySetInnerHTML:{__html:m(i)}}),n?.callToAction&&n?.id&&a(y,{className:"RemoteFlows__ForcedValue__HelpCenterLink",zendeskId:n.id,children:n.callToAction})]}),"Description");function h({name:t,value:i,description:n,statement:r,label:l,helpCenter:e}){let{setValue:o}=d(),c=m(r?.description||n);return b(()=>{o(t,i)},[]),a("div",{children:r?k(x,{children:[a("p",{className:`text-sm RemoteFlows__ForcedValue__Title__${t}`,dangerouslySetInnerHTML:{__html:m(r?.title||l)}}),a(_,{name:t,description:m(r?.description||n),helpCenter:e})]}):a(_,{name:t,description:c,helpCenter:e})})}p(h,"ForcedValueField");import{Fragment as R,jsx as s,jsxs as C}from"react/jsx-runtime";function P(t){return t.const!==void 0&&t.const===t.default&&t.inputType!=="checkbox"&&t.inputType!=="hidden"}p(P,"checkFieldHasForcedValue");var f=p(({fields:t,fieldsets:i,fieldValues:n,components:r})=>{if(!t||t.length===0)return null;let l=i&&n?g({fields:t,fieldsets:i,values:n}):t;return s(R,{children:l.map(e=>{if(e.calculateDynamicProperties&&(e={...e,...e.calculateDynamicProperties(n,e)||{}}),e.isVisible===!1||e.deprecated||e.hidden)return null;if(P(e))return s(h,{name:e.name,description:e.description,value:e.const,statement:e.statement,label:e.label,helpCenter:e.meta?.helpCenter},e.name);if(e.Component){let{Component:c}=e;return s(c,{...e},e.name)}let o=F[e.inputType];return o?e.inputType==="fieldset"?s(o,{...e,components:r},e.name):e.inputType==="fieldset-flat"?s(o,{...e,components:r,isFlatFieldset:!0},e.name):(e.inputType==="select"&&e.multiple&&(o=F["multi-select"]),C(V,{children:[s(o,{...e,component:r&&r[e.inputType]}),e.statement?s(S,{...e.statement}):null,e.extra?e.extra:null]},e.name)):C("p",{className:"error",children:["Field type ",e.inputType," not supported"]})})})},"JSONSchemaFormFields");export{f as a};
-//# sourceMappingURL=chunk-FF3CQXEL.js.map
+import{a as T,b as S,c as u}from"./chunk-U2AUFXNA.js";import{b as y}from"./chunk-7FMR3EIX.js";import{c as d}from"./chunk-66N57DKF.js";import{e as g}from"./chunk-2SO4LW7V.js";import{e as m}from"./chunk-L3Z2G32A.js";import{a as p}from"./chunk-P37U34EQ.js";import{Fragment as V}from"react";var F={...T,fieldset:u,"fieldset-flat":u};import{useEffect as b}from"react";import{Fragment as x,jsx as a,jsxs as C}from"react/jsx-runtime";var _=p(({name:t,description:i,helpCenter:n})=>C("span",{children:[a("span",{className:`text-xs RemoteFlows__ForcedValue__Description__${t}`,dangerouslySetInnerHTML:{__html:m(i)}}),n?.callToAction&&n?.id&&a(y,{className:"RemoteFlows__ForcedValue__HelpCenterLink",zendeskId:n.id,children:n.callToAction})]}),"Description");function h({name:t,value:i,description:n,statement:r,label:l,helpCenter:e}){let{setValue:o}=d(),c=m(r?.description||n);return b(()=>{o(t,i)},[]),a("div",{children:r?C(x,{children:[a("p",{className:`text-sm RemoteFlows__ForcedValue__Title__${t}`,dangerouslySetInnerHTML:{__html:m(r?.title||l)}}),a(_,{name:t,description:m(r?.description||n),helpCenter:e})]}):a(_,{name:t,description:c,helpCenter:e})})}p(h,"ForcedValueField");import{Fragment as R,jsx as s,jsxs as k}from"react/jsx-runtime";function P(t){return t.const!==void 0&&t.const===t.default&&t.inputType!=="checkbox"&&t.inputType!=="hidden"}p(P,"checkFieldHasForcedValue");var f=p(({fields:t,fieldsets:i,fieldValues:n,components:r})=>{if(!t||t.length===0)return null;let l=i&&n?g({fields:t,fieldsets:i,values:n}):t;return s(R,{children:l.map(e=>{if(e.calculateDynamicProperties&&(e={...e,...e.calculateDynamicProperties(n,e)||{}}),e.isVisible===!1||e.deprecated||e.hidden)return null;if(P(e))return s(h,{name:e.name,description:e.description,value:e.const,statement:e.statement,label:e.label,helpCenter:e.meta?.helpCenter},e.name);if(e.Component){let{Component:c}=e;return s(c,{...e},e.name)}let o=F[e.inputType];return o?e.inputType==="fieldset"?s(o,{...e,components:r},e.name):e.inputType==="fieldset-flat"?s(o,{...e,components:r,isFlatFieldset:!0},e.name):(e.inputType==="select"&&e.multiple&&(o=F["multi-select"]),k(V,{children:[s(o,{...e,component:r&&r[e.inputType]}),e.statement?s(S,{...e.statement}):null,e.extra?e.extra:null]},e.name)):k("p",{className:"error",children:["Field type ",e.inputType," not supported"]})})})},"JSONSchemaFormFields");export{f as a};
+//# sourceMappingURL=chunk-VC66HET6.js.map

package/dist/chunk-VC66HET6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/JSONSchemaForm.tsx","../src/components/form/fields/fieldsMapping.tsx","../src/components/form/fields/ForcedValueField.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { Fields } from '@remoteoss/json-schema-form-old';\nimport React, { Fragment } from 'react';\n\nimport { fieldsMap } from '@/src/components/form/fields/fieldsMapping';\nimport { SupportedTypes } from '@/src/components/form/fields/types';\nimport { Statement } from '@/src/components/form/Statement';\nimport { ForcedValueField } from '@/src/components/form/fields/ForcedValueField';\nimport { Components, JSFFieldset } from '@/src/types/remoteFlows';\nimport { getFieldsWithFlatFieldsets } from './utils';\nimport { StatementComponentProps } from '@/src/types/fields';\n\ntype JSONSchemaFormFieldsProps = {\n  fields: Fields;\n  components?: Components;\n  fieldsets?: JSFFieldset | null | undefined;\n  fieldValues?: Record<string, unknown>;\n};\n\nfunction checkFieldHasForcedValue(field: any) {\n  // A field to be considered \"forced value\" must:\n  return (\n    field.const !== undefined && // Only accepts a specific value\n    field.const === field.default && // It can be prefilled, meaning it's not critical\n    field.inputType !== 'checkbox' && // Because checkbox must always be visible\n    field.inputType !== 'hidden' // Because hidden inputs shouldn't be visible\n  );\n}\n\nexport const JSONSchemaFormFields = ({\n  fields,\n  fieldsets,\n  fieldValues,\n  components,\n}: JSONSchemaFormFieldsProps) => {\n  if (!fields || fields.length === 0) return null;\n\n  const maybeFieldWithFlatFieldsets =\n    fieldsets && fieldValues\n      ? getFieldsWithFlatFieldsets({\n          fields: fields,\n          fieldsets: fieldsets,\n          values: fieldValues,\n        })\n      : fields;\n\n  return (\n    <>\n      {maybeFieldWithFlatFieldsets.map((field) => {\n        if (field.calculateDynamicProperties) {\n          field = {\n            ...field,\n            ...(field.calculateDynamicProperties(fieldValues, field) || {}),\n          };\n        }\n\n        if (field.isVisible === false || field.deprecated || field.hidden) {\n          return null; // Skip hidden or deprecated fields\n        }\n\n        if (checkFieldHasForcedValue(field)) {\n          return (\n            <ForcedValueField\n              key={field.name as string}\n              name={field.name as string}\n              description={field.description as string}\n              value={field.const as string}\n              statement={field.statement as any}\n              label={field.label as string}\n              helpCenter={field.meta?.helpCenter}\n            />\n          );\n        }\n\n        if (field.Component) {\n          const { Component } = field as {\n            Component: React.ComponentType<any>;\n          };\n          return <Component key={field.name as string} {...field} />;\n        }\n\n        let FieldComponent = fieldsMap[field.inputType as SupportedTypes];\n\n        if (!FieldComponent) {\n          return (\n            <p className='error'>\n              Field type {field.inputType as string} not supported\n            </p>\n          );\n        }\n\n        if (field.inputType === 'fieldset') {\n          return (\n            <FieldComponent\n              key={field.name}\n              {...field}\n              components={components}\n            />\n          );\n        }\n\n        if (field.inputType === 'fieldset-flat') {\n          return (\n            <FieldComponent\n              key={field.name}\n              {...field}\n              components={components}\n              isFlatFieldset\n            />\n          );\n        }\n\n        if (field.inputType === 'select' && field.multiple) {\n          FieldComponent = fieldsMap['multi-select'];\n        }\n\n        return (\n          <Fragment key={field.name as string}>\n            <FieldComponent\n              {...field}\n              component={\n                components && components[field.inputType as SupportedTypes]\n              }\n            />\n            {field.statement ? (\n              <Statement\n                {...(field.statement as StatementComponentProps['data'])}\n              />\n            ) : null}\n            {field.extra ? field.extra : null}\n          </Fragment>\n        );\n      })}\n    </>\n  );\n};\n","import { $TSFixMe } from '@/src/types/remoteFlows';\nimport { baseFields } from './baseFields';\nimport { FieldSetField } from './FieldSetField';\nimport { SupportedTypes } from './types';\n\nexport const fieldsMap: Record<\n  SupportedTypes,\n  React.ComponentType<$TSFixMe>\n> = {\n  ...baseFields,\n  fieldset: FieldSetField,\n  'fieldset-flat': FieldSetField,\n};\n","import { useFormContext } from 'react-hook-form';\nimport { sanitizeHtml } from '@/src/lib/utils';\nimport { useEffect } from 'react';\nimport { ZendeskTriggerButton } from '@/src/components/shared/zendesk-drawer/ZendeskTriggerButton';\n\nconst Description = ({\n  name,\n  description,\n  helpCenter,\n}: {\n  name: string;\n  description: string;\n  helpCenter?: {\n    callToAction: string;\n    id: number;\n    url: string;\n    label: string;\n  };\n}) => {\n  return (\n    <span>\n      <span\n        className={`text-xs RemoteFlows__ForcedValue__Description__${name}`}\n        dangerouslySetInnerHTML={{ __html: sanitizeHtml(description) }}\n      />\n      {helpCenter?.callToAction && helpCenter?.id && (\n        <ZendeskTriggerButton\n          className='RemoteFlows__ForcedValue__HelpCenterLink'\n          zendeskId={helpCenter.id}\n        >\n          {helpCenter.callToAction}\n        </ZendeskTriggerButton>\n      )}\n    </span>\n  );\n};\n\nexport type ForcedValueFieldProps = {\n  name: string;\n  value: string;\n  description: string;\n  statement?: {\n    title?: string;\n    description?: string;\n  };\n  label: string;\n  helpCenter?: {\n    callToAction: string;\n    id: number;\n    url: string;\n    label: string;\n  };\n};\n\nexport function ForcedValueField({\n  name,\n  value,\n  description,\n  statement,\n  label,\n  helpCenter,\n}: ForcedValueFieldProps) {\n  const { setValue } = useFormContext();\n  const descriptionSanitized = sanitizeHtml(\n    statement?.description || description,\n  );\n  useEffect(() => {\n    setValue(name, value);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <div>\n      {statement ? (\n        <>\n          {/* if statement?.title is undefined which could be for example belgium contract details form, we need to use the label attribute */}\n          <p\n            className={`text-sm RemoteFlows__ForcedValue__Title__${name}`}\n            dangerouslySetInnerHTML={{\n              __html: sanitizeHtml(statement?.title || label),\n            }}\n          />\n          <Description\n            name={name}\n            description={sanitizeHtml(statement?.description || description)}\n            helpCenter={helpCenter}\n          />\n        </>\n      ) : (\n        <Description\n          name={name}\n          description={descriptionSanitized}\n          helpCenter={helpCenter}\n        />\n      )}\n    </div>\n  );\n}\n"],"mappings":"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","names":["Fragment","fieldsMap","baseFields","FieldSetField","useEffect","Fragment","jsx","jsxs","Description","__name","name","description","helpCenter","sanitizeHtml","ZendeskTriggerButton","ForcedValueField","value","statement","label","setValue","useFormContext","descriptionSanitized","useEffect","Fragment","jsx","jsxs","checkFieldHasForcedValue","field","__name","JSONSchemaFormFields","fields","fieldsets","fieldValues","components","maybeFieldWithFlatFieldsets","getFieldsWithFlatFieldsets","ForcedValueField","Component","FieldComponent","fieldsMap","Statement"]}

package/dist/{chunk-CE4VVNUZ.js → chunk-WDH34P74.js}

@@ -1,2 +1,2 @@
-import{b as f}from"./chunk-KSHK3ZPX.js";import{a as F}from"./chunk-FF3CQXEL.js";import{b as p}from"./chunk-2YTBWEC7.js";import{g as C}from"./chunk-66N57DKF.js";import{g as E}from"./chunk-L3Z2G32A.js";import{a as n}from"./chunk-P37U34EQ.js";import{useEffect as R}from"react";import{jsx as u}from"react/jsx-runtime";function T({onSubmit:S,onError:w,onSuccess:y,onErrorWithFields:c,shouldResetForm:d,resetFields:a}){let{form:e,formId:V,costCalculatorBag:o}=f(),{formState:{isSubmitSuccessful:s}}=e;R(()=>{if(s&&d){o?.resetForm(),e.reset();return}if(s&&a){let t={...e.getValues()};a.forEach(r=>{t[r]=""}),o?.resetForm(),e.reset(t)}},[s,e,d,o,a]);let b=n(async i=>{try{let t=await o?.parseFormValues(i);o?.meta?.fields&&(o.meta.fields=E(i,o.fields),o.meta.fields.employer_currency_slug=o.meta.fields.currency);let r=await o?.onSubmit(t);if(await S?.(t),r?.data&&!r.error){let l={data:{...r.data.data,employments:r.data.data.employments?.map(m=>({...m,title:t.estimation_title}))}};await y?.(l)}else throw{data:null,error:r?.error,fieldErrors:r?.fieldErrors,rawError:r?.rawError}}catch(t){let r=t,l=r.fieldErrors;if(c){let m=o?.meta?.fields,h=p(l,m);c({error:r.error,rawError:r.rawError,fieldErrors:h})}else w?.(r.error)}},"handleSubmit");return u(C,{...e,children:u("form",{id:V,onSubmit:e.handleSubmit(b),className:"space-y-4 RemoteFlows__CostCalculatorForm",children:u(F,{fields:o?.fields??[]})})})}n(T,"CostCalculatorForm");export{T as a};
-//# sourceMappingURL=chunk-CE4VVNUZ.js.map
+import{b as f}from"./chunk-KSHK3ZPX.js";import{a as F}from"./chunk-VC66HET6.js";import{b as p}from"./chunk-2YTBWEC7.js";import{g as C}from"./chunk-66N57DKF.js";import{g as E}from"./chunk-L3Z2G32A.js";import{a as n}from"./chunk-P37U34EQ.js";import{useEffect as R}from"react";import{jsx as u}from"react/jsx-runtime";function T({onSubmit:S,onError:w,onSuccess:y,onErrorWithFields:c,shouldResetForm:d,resetFields:a}){let{form:e,formId:V,costCalculatorBag:o}=f(),{formState:{isSubmitSuccessful:s}}=e;R(()=>{if(s&&d){o?.resetForm(),e.reset();return}if(s&&a){let t={...e.getValues()};a.forEach(r=>{t[r]=""}),o?.resetForm(),e.reset(t)}},[s,e,d,o,a]);let b=n(async i=>{try{let t=await o?.parseFormValues(i);o?.meta?.fields&&(o.meta.fields=E(i,o.fields),o.meta.fields.employer_currency_slug=o.meta.fields.currency);let r=await o?.onSubmit(t);if(await S?.(t),r?.data&&!r.error){let l={data:{...r.data.data,employments:r.data.data.employments?.map(m=>({...m,title:t.estimation_title}))}};await y?.(l)}else throw{data:null,error:r?.error,fieldErrors:r?.fieldErrors,rawError:r?.rawError}}catch(t){let r=t,l=r.fieldErrors;if(c){let m=o?.meta?.fields,h=p(l,m);c({error:r.error,rawError:r.rawError,fieldErrors:h})}else w?.(r.error)}},"handleSubmit");return u(C,{...e,children:u("form",{id:V,onSubmit:e.handleSubmit(b),className:"space-y-4 RemoteFlows__CostCalculatorForm",children:u(F,{fields:o?.fields??[]})})})}n(T,"CostCalculatorForm");export{T as a};
+//# sourceMappingURL=chunk-WDH34P74.js.map