@remoteoss/remote-flows 0.23.0 → 0.25.0

package/dist/chunk-4SIGN3ZP.js

@@ -1,2 +0,0 @@
-import{a as B}from"./chunk-BV3PGYSH.js";import{a as he,b as Ue,c as Ve,d as ze,e as Ge,f as Je,g as qe,h as Ke,i as Ye,j as ye,k as Xe,l as ve,m as Ce,o as xe,q as Qe,r as Ze,s as et}from"./chunk-D6X2WCEG.js";import{b as je}from"./chunk-HPHWQU34.js";import{a as _e,b as $}from"./chunk-WVDTHFGS.js";import{b}from"./chunk-3ZWDIEEM.js";import{a as re,b as ae,c as x,d as Le,e as He,f as Be,g as Ae,h as k,i as w,j as N,k as P,l as R,m as D}from"./chunk-CNDSIADP.js";import{g as Oe}from"./chunk-PAQW5BFW.js";import{a as _,e as ee}from"./chunk-43WMZDDH.js";import{a as r}from"./chunk-P37U34EQ.js";import{Fragment as Ht,jsx as O,jsxs as ne}from"react/jsx-runtime";function se({name:e,defaultValue:t,description:a,label:o,onChange:l,multiple:d,options:c,component:F,...f}){let{components:i}=b(),{control:n}=x(),u=r((m,s,g)=>{let p=g.value?[...g.value]:[];s?p.includes(m)||g.onChange([...p,m]):g.onChange(p.filter(h=>h!==m))},"handleCheckboxChange");return O(k,{control:n,name:e,defaultValue:t,render:({field:m,fieldState:s})=>{let g=F||i?.checkbox;if(g){let p={name:e,description:a,label:o,defaultValue:t,multiple:d,options:c,...f};return O(g,{field:{...m,onChange:r(h=>{if(d){let{checked:S,value:C}=h.target;u(C,S,m),l?.(S);return}m.onChange(h),l?.(h)},"onChange")},fieldState:s,fieldData:p})}return ne(w,{"data-field":e,className:_(`RemoteFlows__CheckBoxField__Item__${e}`),children:[O(P,{children:ne(Ht,{children:[c&&d?O(N,{children:o}):null,c&&d?c.map(p=>ne("div",{className:"flex space-x-2",children:[O(he,{id:p.value,onCheckedChange:h=>{u(p.value,h===!0,m),l?.(h,p.value)},checked:m.value?.includes(p.value),className:"RemoteFlows__CheckBox__Input"}),O(N,{htmlFor:p.value,className:"mb-0 RemoteFlows__CheckBox__Label",children:p.label})]},p.value)):ne("div",{className:"flex space-x-2",children:[O(he,{id:e,onCheckedChange:p=>{m.onChange(p),l?.(p)},checked:m.value,className:"RemoteFlows__CheckBox__Input"}),O(N,{htmlFor:e,className:"mb-0 RemoteFlows__CheckBox__Label",children:o})]})]})}),a&&O(R,{children:a}),s.error&&O(D,{})]})}})}r(se,"CheckBoxField");import{CalendarIcon as Ut}from"lucide-react";import{PopoverClose as Vt}from"@radix-ui/react-popover";import{ChevronLeft as Bt,ChevronRight as Ot}from"lucide-react";import{DayPicker as At}from"react-day-picker";import{jsx as be}from"react/jsx-runtime";function tt({className:e,classNames:t,showOutsideDays:a=!0,...o}){return be(At,{showOutsideDays:a,className:_("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:_(_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:_("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",o.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:_(_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",...t},components:{IconLeft:r(({className:l,...d})=>be(Bt,{className:_("size-4",l),...d}),"IconLeft"),IconRight:r(({className:l,...d})=>be(Ot,{className:_("size-4",l),...d}),"IconRight")},...o})}r(tt,"Calendar");import*as A from"@radix-ui/react-popover";import{jsx as le}from"react/jsx-runtime";function ie({...e}){return le(A.Root,{"data-slot":"popover",...e})}r(ie,"Popover");function me({...e}){return le(A.Trigger,{"data-slot":"popover-trigger",...e})}r(me,"PopoverTrigger");function de({className:e,align:t="center",sideOffset:a=4,...o}){return le(A.Portal,{children:le(A.Content,{"data-slot":"popover-content",align:t,sideOffset:a,className:_("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),...o})})}r(de,"PopoverContent");import{format as ot}from"date-fns";import{Fragment as zt,jsx as E,jsxs as Se}from"react/jsx-runtime";function rt({description:e,label:t,name:a,minDate:o,onChange:l,component:d,...c}){let{components:F}=b(),{control:f}=x(),i;return c.meta?.mot&&typeof c.meta.mot=="number"?i=Oe(c.meta.mot):o&&(i=new Date(o)),E(k,{control:f,name:a,render:({field:n,fieldState:u})=>{let m=d||F?.date;if(m){let s={description:e,label:t,name:a,onChange:l,...i&&{minDate:i.toISOString()},...c};return E(m,{field:{...n,onChange:r(g=>{n.onChange(g),l?.(g)},"onChange")},fieldState:u,fieldData:s})}return Se(w,{"data-field":a,className:`flex flex-col RemoteFlows__DatePickerField__Item__${a}`,children:[E(N,{className:"RemoteFlows__DatePickerField__Label",children:t}),Se(ie,{children:[E(me,{asChild:!0,children:E(P,{children:E("div",{children:Se($,{type:"button",variant:"outline",className:_("w-full pl-3 text-left font-normal",!n.value&&"text-muted-foreground"),"data-testid":`date-picker-button-${a}`,children:[n.value&&E(zt,{children:ot(n.value,"yyyy-MM-dd")}),E(Ut,{className:"ml-auto h-4 w-4 opacity-50"})]})})})}),E(de,{className:"w-auto p-0 RemoteFlows__DatepickerField__PopoverContent",align:"start",children:E(tt,{mode:"single",className:"RemoteFlows__DatepickerField__Calendar",selected:n.value?new Date(n.value):void 0,onSelect:s=>{n.onChange(s?ot(s,"yyyy-MM-dd"):null),l?.(s)},defaultMonth:i,components:{DayContent:r(s=>E(Vt,{children:s.date.getDate()}),"DayContent")},...i&&{disabled:r(s=>s<i,"disabled")}})})]}),e?E(R,{children:e}):null,u.error&&E(D,{className:"RemoteFlows__DatePickerField__Error"})]})}})}r(rt,"DatePickerField");import{useState as Gt,useRef as Jt}from"react";import{Upload as qt,X as Kt}from"lucide-react";import{jsx as U,jsxs as ke}from"react/jsx-runtime";function at({onChange:e,className:t,multiple:a}){let[o,l]=Gt([]),d=Jt(null),c=r(i=>{i.preventDefault(),d.current?.click()},"handleClick"),F=r(i=>{if(i.target.files&&i.target.files.length>0){let n=Array.from(i.target.files);l(n),e(i)}},"handleChange"),f=r(i=>{l(n=>n.filter(u=>u!==i))},"onRemoveFile");return ke("div",{className:_("flex flex-col items-start gap-4",t),children:[U("input",{type:"file",ref:d,onChange:F,className:"hidden","aria-label":"File upload",multiple:a}),ke($,{type:"button",onClick:c,className:"gap-2",children:[U(qt,{className:"h-4 w-4"}),"Choose File"]}),o.length===0&&U("div",{className:"text-sm",children:a?U("span",{className:"font-medium",children:"No files selected. You can select multiple files"}):U("span",{className:"font-medium",children:"No file selected."})}),o.length>0&&o.map((i,n)=>ke("div",{className:"text-sm flex items-center gap-2",children:["Selected file: ",U("span",{className:"font-medium",children:i.name})," (",Math.round(i.size/1024)," KB)",U($,{variant:"ghost",onClick:()=>f(i),children:U(Kt,{})})]},n))]})}r(at,"FileUploader");import{jsx as V,jsxs as jt}from"react/jsx-runtime";var Yt=r(e=>new Promise((t,a)=>{let o=new FileReader;o.readAsDataURL(e),o.onload=()=>t(o.result),o.onerror=l=>a(l)}),"toBase64"),nt=r(async e=>{let t=e.target.files?Array.from(e.target.files):[];return await Promise.all(t.map(async o=>{let l=await Yt(o);return{name:o.name,content:l.split(",")[1]}}))},"convertFilesToBase64");function st({name:e,description:t,label:a,multiple:o,onChange:l,component:d,...c}){let{components:F}=b(),{control:f}=x();return V(k,{control:f,name:e,render:({field:i,fieldState:n})=>{let u=d||F?.file;if(u){let m={name:e,description:t,label:a,multiple:o,...c};return V(u,{field:{...i,value:null,onChange:r(async s=>{let g=await nt(s);i.onChange(g),l?.(g)},"onChange")},fieldState:n,fieldData:m})}return jt(w,{"data-field":e,className:`RemoteFlows__FileUpload__Item__${e}`,children:[V(N,{className:"RemoteFlows__FileUpload__Label",children:a}),V(P,{children:V(at,{onChange:async m=>{let s=await nt(m);i.onChange(s),l?.(s)},multiple:o,className:_("RemoteFlows__FileUpload__Input")})}),t&&V("div",{className:"flex items-center justify-between",children:V(R,{className:"RemoteFlows__FileUpload__Description",children:t})}),n.error&&V(D,{className:"RemoteFlows__FileUpload__Error"})]})}})}r(st,"FileUploadField");import{jsx as Ne}from"react/jsx-runtime";function ce(e){let{components:t}=b(),{control:a}=x(),o=e.component||t?.number;return o?Ne(k,{control:a,name:e.name,render:({field:l,fieldState:d})=>Ne(o,{field:{...l,onChange:r(c=>{l.onChange(c),e.onChange?.(c)},"onChange")},fieldState:d,fieldData:e})}):Ne(B,{...e,type:"text",inputMode:"decimal",pattern:"^[0-9.]*$"})}r(ce,"NumberField");import{Fragment as Xt}from"react";import{jsx as W,jsxs as we}from"react/jsx-runtime";function lt({name:e,defaultValue:t,description:a,label:o,options:l,onChange:d,component:c,...F}){let{components:f}=b(),{control:i}=x();return W(k,{control:i,name:e,defaultValue:t,render:({field:n,fieldState:u})=>{let m=c||f?.radio;if(m){let s={name:e,defaultValue:t,description:a,label:o,options:l,...F};return W(m,{field:{...n,onChange:r(g=>{n.onChange(g),d?.(g)},"onChange")},fieldState:u,fieldData:s})}return we(w,{className:_("space-y-3",`RemoteFlows__RadioGroupField__Item__${e}`),"data-field":e,children:[W(N,{children:o}),W(P,{children:W(Ue,{"aria-label":o||e,onValueChange:s=>{n.onChange(s),d?.(s)},value:n.value,className:"flex flex-col space-y-3",children:l?.map(s=>W(Xt,{children:we(w,{"data-field":e,className:"flex items-start space-x-3 space-y-0 gap-0 RemoteFlows__RadioField__Item",children:[W(P,{children:W(Ve,{value:s.value,className:"RemoteFlows__RadioField__Input",disabled:s.disabled})}),we("div",{children:[W(N,{className:"font-normal mb-0 RemoteFlows__RadioField__Label",children:s.label}),s.description&&W(R,{className:"mt-2",children:s.description})]})]})},s.value))})}),a&&W(R,{children:a}),u.error&&W(D,{})]})}})}r(lt,"RadioGroupField");import{jsx as M,jsxs as it}from"react/jsx-runtime";function mt({label:e,name:t,options:a,defaultValue:o,description:l,onChange:d,component:c,...F}){let{control:f}=x(),{components:i}=b();return M(k,{defaultValue:o,control:f,name:t,render:({field:n,fieldState:u})=>{let m=c||i?.select;if(m){let s={label:e,name:t,options:a,defaultValue:o,description:l,onChange:d,...F};return M(m,{field:{...n,onChange:r(g=>{let p=F.jsonType==="number"?Number(g):g;n.onChange(p),d?.(p)},"onChange")},fieldState:u,fieldData:s})}return it(w,{"data-field":t,className:`RemoteFlows__SelectField__Item__${t}`,children:[M(N,{className:"RemoteFlows__SelectField__Label",children:e}),M(P,{children:M("div",{className:"relative",children:it(ze,{value:n.value||"",onValueChange:s=>{let g=F.jsonType==="number"?Number(s):s;n.onChange(g),d?.(g)},children:[M(qe,{className:"RemoteFlows__SelectField__Trigger","aria-invalid":!!u.error,"aria-label":e,children:M("span",{className:"absolute",children:M(Je,{placeholder:e})})}),M(Ke,{className:"RemoteFlows__SelectField__Content",children:M(Ge,{className:"RemoteFlows__SelectField__Group",children:a.map(s=>M(Ye,{value:s.value,className:"RemoteFlows__SelectField__SelectItem",disabled:s.disabled,children:s.label},s.value))})})]})})}),l&&M(R,{children:l}),u.error&&M(D,{})]})}})}r(mt,"SelectField");import{useState as ro}from"react";import{Fragment as Qt,useState as Zt}from"react";import{Check as eo,ChevronDownIcon as to,X as oo}from"lucide-react";import{Command as Y}from"cmdk";import{SearchIcon as jr}from"lucide-react";import{jsx as j,jsxs as ea}from"react/jsx-runtime";function dt({className:e,...t}){return j(Y,{"data-slot":"command",className:_("bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md",e),...t})}r(dt,"Command");function ct({className:e,...t}){return j(Y.List,{"data-slot":"command-list",className:_("max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto",e),...t})}r(ct,"CommandList");function ut({...e}){return j(Y.Empty,{"data-slot":"command-empty",className:"py-6 text-center text-sm",...e})}r(ut,"CommandEmpty");function pt({className:e,...t}){return j(Y.Group,{"data-slot":"command-group",className:_("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),...t})}r(pt,"CommandGroup");function ft({className:e,...t}){return j(Y.Separator,{"data-slot":"command-separator",className:_("bg-border -mx-1 h-px",e),...t})}r(ft,"CommandSeparator");function Ft({className:e,...t}){return j(Y.Item,{"data-slot":"command-item",className:_("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),...t})}r(Ft,"CommandItem");import{jsx as L,jsxs as X}from"react/jsx-runtime";function ue({options:e,selected:t,onChange:a,placeholder:o,...l}){let[d,c]=Zt(!1),F=r(n=>{a(t.filter(u=>u.value!==n.value))},"handleUnselect"),f=e.some(n=>n.category),i=e.reduce((n,u)=>{let m=u.category||"Uncategorized";return n[m]||(n[m]=[]),n[m].push(u),n},{});return X(ie,{open:d,onOpenChange:c,...l,children:[L(me,{children:X($,{variant:"outline",role:"combobox","aria-expanded":d,className:"w-full justify-between font-normal",type:"button",children:[L("div",{className:"flex gap-1 flex-wrap overflow-x-auto max-h-[2.5rem] items-center",children:t.length>0?t.map(n=>X(je,{variant:"secondary",className:"mr-1 mb-1",children:[n.label,L("div",{role:"button",tabIndex:0,"aria-label":`remove ${n.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"&&F(n)},onMouseDown:u=>{u.preventDefault(),u.stopPropagation()},onClick:()=>F(n),children:L(oo,{className:"h-3 w-3 text-muted-foreground hover:text-foreground"})})]},n.label)):L("span",{className:"text-foreground",children:o})}),L(to,{className:"size-4"})]})}),L(de,{align:"start",className:"w-full p-0",children:L(dt,{children:X(ct,{children:[L(ut,{children:"No item found."}),Object.entries(i).map(([n,u],m)=>X(Qt,{children:[m>0&&L(ft,{}),L(pt,{heading:f?n:void 0,children:u.map(s=>{let g=t.some(p=>p.value===s.value);return X(Ft,{onSelect:()=>{a(g?t.filter(p=>p.value!==s.value):[...t,s])},children:[L(eo,{className:_("mr-2 h-4 w-4",g?"opacity-100":"opacity-0")}),s.label]},s.label)})})]},n))]})})})]})}r(ue,"MultiSelect");import{jsx as J,jsxs as ao}from"react/jsx-runtime";function gt({label:e,name:t,options:a,defaultValue:o,description:l,onChange:d,$meta:c,component:F,...f}){let{control:i}=x(),{components:n}=b(),[u,m]=ro([]);return J(k,{defaultValue:o,control:i,name:t,render:({field:s,fieldState:g})=>{let p=F||n?.countries;if(p){let C={label:e,name:t,options:a,defaultValue:o,description:l,onChange:d,$meta:c,...f};return J(p,{field:{...s,onChange:r(T=>{s.onChange(T),d?.(T)},"onChange")},fieldState:g,fieldData:C})}let h=[...Object.entries(c?.regions||{}).map(([C,T])=>({value:T,label:C,category:"Regions"})),...Object.entries(c?.subregions||{}).map(([C,T])=>({value:T,label:C,category:"Subregions"})),...a.map(C=>({...C,value:C.value,label:C.label,category:"Countries"}))],S=r(C=>{let T=C.map(({value:G})=>G);s.onChange(T),d?.(T),m(C)},"handleChange");return ao(w,{"data-field":t,className:`RemoteFlows__CountryField__Item__${t}`,children:[J(N,{className:"RemoteFlows__CountryField__Label",children:e}),J(P,{children:J(ue,{options:h,selected:u,onChange:S,...f})}),l&&J(R,{children:l}),g.error&&J(D,{})]})}})}r(gt,"CountryField");import*as ht from"react";import{jsx as no}from"react/jsx-runtime";var Pe=ht.forwardRef(({className:e,...t},a)=>no("textarea",{className:_("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:a,...t}));Pe.displayName="Textarea";import{jsx as q,jsxs as Re}from"react/jsx-runtime";function _t({name:e,description:t,label:a,onChange:o,maxLength:l,component:d,...c}){let{components:F}=b(),{control:f}=x();return q(k,{control:f,name:e,render:({field:i,fieldState:n})=>{let u=d||F?.textarea;if(u){let s={name:e,description:t,label:a,maxLength:l,...c};return q(u,{field:{...i,onChange:r(g=>{i.onChange(g),o?.(g)},"onChange")},fieldState:n,fieldData:s})}let m=i.value?.length??0;return Re(w,{"data-field":e,className:`RemoteFlows__TextArea__Item__${e}`,children:[q(N,{className:"RemoteFlows__TextArea__Label",children:a}),q(P,{children:q(Pe,{...i,value:i.value??"",onChange:s=>{i.onChange(s),o?.(s)},className:_(n.error&&"border-red-500 focus-visible:ring-red-500","RemoteFlows__TextArea__Input"),placeholder:a})}),(t||l)&&Re("div",{className:"flex items-center justify-between",children:[t&&q(R,{className:"RemoteFlows__TextArea__Description",children:t}),l&&Re("span",{className:"text-sm ml-auto RemoteFlows__TextArea__MaxLength",children:[m,"/",l]})]}),n.error&&q(D,{className:"RemoteFlows__TextArea__Error"})]})}})}r(_t,"TextAreaField");import{jsx as De}from"react/jsx-runtime";function yt(e){let{components:t}=b(),{control:a}=x(),o=e.component||t?.email;return o?De(k,{control:a,name:e.name,render:({field:l,fieldState:d})=>De(o,{field:{...l,onChange:r(c=>{l.onChange(c),e.onChange?.(c)},"onChange")},fieldState:d,fieldData:e})}):De(B,{...e,type:"email"})}r(yt,"EmailField");import{jsx as vt}from"react/jsx-runtime";function Ct(e){let{control:t}=x();return vt(k,{control:t,name:e.name,render:({field:a})=>vt("input",{...a,type:"hidden"})})}r(Ct,"HiddenField");import po,{useEffect as fo,useState as Dt}from"react";var xt=r((e,t,a)=>{if(e&&"reportValidity"in e){let o=re(a,t);e.setCustomValidity(o&&o.message||""),e.reportValidity()}},"r"),Te=r((e,t)=>{for(let a in t.fields){let o=t.fields[a];o&&o.ref&&"reportValidity"in o.ref?xt(o.ref,a,e):o&&o.refs&&o.refs.forEach(l=>xt(l,a,e))}},"o"),St=r((e,t)=>{t.shouldUseNativeValidation&&Te(e,t);let a={};for(let o in e){let l=re(t.fields,o),d=Object.assign(e[o]||{},{ref:l&&l.ref});if(so(t.names||Object.keys(e),o)){let c=Object.assign({},re(a,o));ae(c,"root",d),ae(a,o,c)}else ae(a,o,d)}return a},"s"),so=r((e,t)=>{let a=bt(t);return e.some(o=>bt(o).match(`^${a}\\.\\d+`))},"i");function bt(e){return e.replace(/\]|\[/g,"")}r(bt,"n");function kt(e,t,a){return t===void 0&&(t={}),a===void 0&&(a={}),function(o,l,d){try{return Promise.resolve(function(c,F){try{var f=(t.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[a.mode==="sync"?"validateSync":"validate"](o,Object.assign({abortEarly:!1},t,{context:l}))).then(function(i){return d.shouldUseNativeValidation&&Te({},d),{values:a.raw?Object.assign({},o):i,errors:{}}}))}catch(i){return F(i)}return f&&f.then?f.then(void 0,F):f}(0,function(c){if(!c.inner)throw c;return{values:{},errors:St((F=c,f=!d.shouldUseNativeValidation&&d.criteriaMode==="all",(F.inner||[]).reduce(function(i,n){if(i[n.path]||(i[n.path]={message:n.message,type:n.type}),f){var u=i[n.path].types,m=u&&u[n.type];i[n.path]=Le(n.path,f,i,n.type,m?[].concat(m,n.message):n.message)}return i},{})),d)};var F,f}))}catch(c){return Promise.reject(c)}}}r(kt,"o");import*as I from"yup";import Nt from"lodash.groupby";import Q from"lodash.capitalize";var wt=60,pe=["monday","tuesday","wednesday","thursday","friday","saturday","sunday"];function lo(e){if(e<60)return`${e}m`;let t=Math.floor(e/wt),a=e%wt;return a>0?`${t}h${a}m`:`${t}h`}r(lo,"convertBreakDurationToHours");function Pt(e){let t=e.reduce((a,o)=>o.hours+a,0);return Number(t.toFixed(2))}r(Pt,"calculateTotalWorkHours");function io(e,t){let a=t.map(({day:d})=>d.toLowerCase()),o=a.indexOf(e),l=null;for(;o<a.length&&!l;){let d=a[o],c=a[o+1],F=pe.indexOf(d)+1;pe[F]===c||(l=d),o+=1}return l}r(io,"findLastConsecutiveDay");function mo(e){return e.start_time&&e.end_time&&(typeof e.hours=="number"?e.hours:Number.parseInt(e.hours))>0}r(mo,"shouldSummarizeSchedule");function co(e){return Number.parseInt(e.break_duration_minutes)>0}r(co,"shouldSummarizeBreaks");function Rt(e){let t=e.filter(mo),a=Nt(t,F=>`${F.start_time}|${F.end_time}`),o=e.filter(co),l=Nt(o,"break_duration_minutes"),d=Object.keys(a).map(F=>{let f=a[F],i=f[0].day,[n,u]=F.split("|"),m=`from <span>${n.replace(":","h")}</span> to <span>${u.replace(":","h")}</span>`,s=io(i,f),p=(s?f.findIndex(h=>h.day===s):-1)===f.length-1;return f.length===1?`${Q(i)}, ${m}`:!p||!s?f.reduce((h,S,C)=>{let T=Q(S.day);return C===f.length-1?`${h}and ${T}, ${m}`:`${h}<span>${T}</span>, `},""):`<span>${Q(i)}</span> to <span>${Q(s)}</span>, ${m}`}),c=Object.keys(l).reverse().map((F,f)=>{let i=f===0,n=l[F],u=lo(parseInt(F,10));if(Object.keys(l).length===1)return`With ${u} daily breaks`;if(n.length===1){let m=`${u} break on ${Q(n[0].day)}.`;return i?`With ${m}`:m}return n.reduce((m,s,g)=>{let p=Q(s.day);return g===0?`${m} ${p}`:g===n.length-1?`${m}, and ${p}.`:`${m}, ${p}`},i?`With ${u} break on`:`${u} break on`)});return{workHoursSummary:d,breakSummary:c}}r(Rt,"buildWorkScheduleSummary");function Ie(e){let{checked:t,start_time:a,end_time:o,break_duration_minutes:l}=e;if(!t)return 0;let[d,c]=a.split(":").map(Number),[F,f]=o.split(":").map(Number),i=d*60+c,m=(F*60+f-i-Number.parseInt(l||"0"))/60;return m===Math.floor(m)?m:Number(m.toFixed(2))}r(Ie,"calculateHours");var uo={monday:"Mon",tuesday:"Tue",wednesday:"Wed",thursday:"Thu",friday:"Fri",saturday:"Sat",sunday:"Sun"};function fe(e){return uo[e]}r(fe,"getShortWeekday");import{jsx as y,jsxs as H}from"react/jsx-runtime";var Fo=I.object({day:I.string().required(),checked:I.boolean().required(),start_time:I.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:I.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:I.number().default(0),break_duration_minutes:I.string().default("0")}),go=I.object({schedule:I.array(Fo)});function ho({defaultSchedule:e,onSubmit:t}){let[a,o]=Dt(!1),l=pe.map(p=>{let h=e.find(S=>S.day.toLowerCase()===fe(p).toLowerCase()||S.day.toLowerCase()===p.toLowerCase());return h?{...h,day:fe(p),checked:!0}:{...e[0],checked:!1,day:fe(p)}}),d=Be({defaultValues:{schedule:l},resolver:kt(go)}),{handleSubmit:c,watch:F,reset:f,control:i,formState:n}=d,{fields:u}=He({name:"schedule",control:i}),m=F("schedule");function s(p){let h=p.schedule.filter(({checked:S})=>S).map(S=>({...S,hours:Ie(S)}));t(h),o(!1)}r(s,"handleSubmitWorkingHours");function g(){f(),o(!1)}return r(g,"handleCancel"),y("div",{className:"flex items-center justify-between",children:H(ye,{open:a,onOpenChange:o,children:[y(Xe,{asChild:!0,children:y($,{variant:"link",className:"flex items-center p-0 RemoteFlows__WorkScheduleSelectionForm__Trigger",children:"Edit Schedule"})}),H(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(Ae,{...d,children:H("form",{className:"space-y-4 RemoteFlows__WorkScheduleSelectionForm__Form",children:[H("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."}),H("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((p,h)=>{let S=m[h],C=Ie(S);return H(po.Fragment,{children:[H("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(se,{label:p.day,name:`schedule.${h}.checked`})}),y("div",{className:"col-span-3",children:y(B,{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(B,{name:`schedule.${h}.end_time`,includeErrorMessage:!1})}),y("div",{className:"col-span-2 text-center text-gray-600",children:isNaN(C)?"-":`${C} hours`})]}),H("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(B,{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"})]})]},p.id)})})]}),Object.keys(n.errors).length>0&&y("p",{className:"text-destructive text-sm mb-0",children:"Invalid time format (HH:mm)"}),H("div",{className:"flex gap-4 pt-4",children:[y($,{type:"button",className:"reset-button",variant:"outline",onClick:g,children:"Cancel"}),y($,{type:"button",className:"submit-button",onClick:c(s),children:"Save Schedule"})]})]})})]})]})})}r(ho,"WorkScheduleSelectionForm");function Tt(e){let{components:t}=b(),{setValue:a,control:o,watch:l}=x(),d=l(e.name),[c,F]=Dt(d),{workHoursSummary:f,breakSummary:i}=Rt(c),n=Pt(c);fo(()=>{a(e.name,c)},[c,e.name,a]);function u(s){F(s)}r(u,"onSubmit");let m=e.component||t?.["work-schedule"];return m?y(k,{control:o,name:e.name,render:({field:s,fieldState:g})=>y(m,{field:{...s,onChange:r(p=>{s.onChange(p),e.onChange?.(p)},"onChange")},fieldState:g,fieldData:{...e,defaultFormattedValue:{workHoursSummary:f,breakSummary:i,totalWorkHours:n}}})}):H("div",{className:"flex flex-col gap-3 RemoteFlows__WorkScheduleField",children:[y("p",{className:"text-sm RemoteFlows__WorkScheduleField__Title",children:"Work hours"}),H("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:f.join(", ")}}),y("p",{className:"text-sm text-gray-500 RemoteFlows__WorkScheduleField__Summary__Break",children:i.join()}),H("p",{className:"text-sm text-gray-500 RemoteFlows__WorkScheduleField__Summary__Total",children:["Total of ",y("span",{children:n})," hours per week"]}),y(ho,{defaultSchedule:c,onSubmit:u})]})]})}r(Tt,"WorkScheduleField");import{useState as _o}from"react";import{jsx as K,jsxs as yo}from"react/jsx-runtime";function It({label:e,name:t,options:a,defaultValue:o,description:l,onChange:d,component:c,...F}){let{control:f}=x(),{components:i}=b(),[n,u]=_o();return K(k,{defaultValue:o,control:f,name:t,render:({field:m,fieldState:s})=>{let g=c||i?.["multi-select"];if(g){let h={label:e,name:t,options:a,defaultValue:o,description:l,onChange:d,...F};return K(g,{field:{...m,onChange:r(S=>{m.onChange(S),d?.(S)},"onChange")},fieldState:s,fieldData:h})}let p=n||a.filter(h=>m.value.includes(h.value));return yo(w,{"data-field":t,className:`RemoteFlows__SelectField__Item__${t}`,children:[K(N,{className:"RemoteFlows__SelectField__Label",children:e}),K(P,{children:K(ue,{options:a,selected:p,onChange:h=>{let S=h.map(({value:C})=>C);m.onChange(S),d?.(S),u(h)},...F})}),l&&K(R,{children:l}),s.error&&K(D,{})]})}})}r(It,"MultiSelectField");import{jsx as vo}from"react/jsx-runtime";var $t=r(e=>vo(ce,{maxLength:15,...e}),"MoneyField");var $e={checkbox:se,text:B,email:yt,money:$t,select:mt,"multi-select":It,radio:lt,number:ce,file:st,date:rt,textarea:_t,countries:gt,hidden:Ct,"work-schedule":Tt};import{AlertCircle as Co}from"lucide-react";import{jsx as Fe,jsxs as xo}from"react/jsx-runtime";function Et({title:e,description:t,severity:a}){let{components:o}=b();if(o?.statement){let l=o?.statement;return Fe(l,{data:{title:e,description:ee(t),severity:a}})}return xo(Qe,{variant:"warning",children:[Fe(Co,{className:"h-4 w-4"}),e&&Fe(Ze,{children:e}),t&&Fe(et,{dangerouslySetInnerHTML:{__html:ee(t)}})]})}r(Et,"Statement");import{Fragment as bo,useEffect as So,useRef as Mt}from"react";import{jsx as z,jsxs as te}from"react/jsx-runtime";var ko=r(({isExpanded:e,onToggle:t,className:a,...o})=>z($,{type:"button",className:_("RemoteFlows__Button RemoteFlows__FieldSetField__ToggleButton",a),variant:"default",onClick:t,...o,children:e?"Remove":"Define"}),"DefaultToggleButton");function ss({label:e,name:t,fields:a,description:o,components:l,statement:d,isFlatFieldset:c,extra:F,variant:f="outset",features:i}){let{watch:n,setValue:u,trigger:m,formState:s}=x(),{components:g}=b(),p=i?.toggle?.stateField,h=p?n(p):i?.toggle?.defaultExpanded??!0,S=a.map(({name:v})=>`${t}.${v}`),C=n(S),T=Mt(C),G=Mt(null),Wt=r(()=>{p&&u(p,!h)},"toggleExpanded");So(()=>{let v=C,oe=T.current,ge=s.isSubmitted||s.submitCount>0,We=!1;for(let Z=0;Z<v.length;Z++)if(v[Z]!==void 0&&oe[Z]!==v[Z]){We=!0;break}return We&&ge&&(G.current&&clearTimeout(G.current),G.current=setTimeout(()=>{m()},50)),T.current=[...v],()=>{G.current&&clearTimeout(G.current)}},[C,m,s.isSubmitted,s.submitCount]);let Lt=g?.fieldsetToggle||ko,Ee=`${t}-content`,Me=`${t}-header`;return te("fieldset",{className:_("border-1 border-input p-4 rounded-xl","RemoteFlows__FieldSetField",`RemoteFlows__FieldSetField__${t}`),children:[z("legend",{className:_("text-sm font-semibold px-2",f==="inset"&&"hidden"),children:e}),f==="inset"&&te("div",{className:"RemoteFlows__FieldSetField__Header",id:Me,"data-state":h?"expanded":"collapsed","aria-expanded":h,children:[z("h3",{className:_("RemoteFlows__FieldSetField__Title"),children:e}),i?.toggle?.enabled&&z(Lt,{isExpanded:h,onToggle:Wt,"aria-expanded":h,"aria-controls":Ee,"aria-label":`${h?"Hide":"Show"} ${e}`,className:_("RemoteFlows__FieldSetField__Toggle",i.toggle?.className),children:h?i.toggle.labels?.collapse??"Remove":i.toggle.labels?.expand??"Define"})]}),h&&te("div",{id:Ee,"aria-labelledby":Me,role:"region",children:[o?z("div",{className:"mb-5 RemoteFlows__FieldSetField__Description",dangerouslySetInnerHTML:{__html:ee(o)}}):null,te("div",{className:"grid gap-4",children:[a.map(v=>{v.calculateDynamicProperties&&(v={...v,...v.calculateDynamicProperties(C,v)||{}});let oe=$e[v.type];if(v.isVisible===!1||v.deprecated)return null;if(v.Component){let{Component:ge}=v;return z(ge,{...v},v.name)}return v.type==="select"&&v.multiple&&(oe=$e["multi-select"]),te(bo,{children:[z(oe,{...v,name:`${c?v.name:`${t}.${v.name}`}`,component:l?.[v.type]}),v.extra?v.extra:null]},`${c?v.name:`${t}.${v.name}`}`)}),F||null,d?z(Et,{...d}):null]})]})]})}r(ss,"FieldSetField");export{$e as a,Et as b,ss as c};
-//# sourceMappingURL=chunk-4SIGN3ZP.js.map

package/dist/chunk-4SIGN3ZP.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/fields/CheckBoxField.tsx","../src/components/form/fields/DatePickerField.tsx","../src/components/ui/calendar.tsx","../src/components/ui/popover.tsx","../src/components/ui/file-uploader.tsx","../src/components/form/fields/FileUploadField.tsx","../src/components/form/fields/NumberField.tsx","../src/components/form/fields/RadioGroupField.tsx","../src/components/form/fields/SelectField.tsx","../src/components/form/fields/CountryField.tsx","../src/components/ui/multi-select.tsx","../src/components/ui/command.tsx","../src/components/ui/textarea.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/Statement.tsx","../src/components/form/fields/FieldSetField.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { 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: any, 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    optionId: string,\n    checked: boolean,\n    field: ControllerRenderProps<FieldValues, string>,\n  ) => {\n    const currentValues = field.value ? [...field.value] : [];\n\n    if (checked) {\n      // Add the value if it's not already in the array\n      if (!currentValues.includes(optionId)) {\n        field.onChange([...currentValues, optionId]);\n      }\n    } else {\n      // Remove the value from the array\n      field.onChange(currentValues.filter((value) => value !== optionId));\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: (evt: any) => {\n                  if (multiple) {\n                    const { checked, value } = evt.target;\n                    handleCheckboxChange(value, checked, field);\n                    onChange?.(checked);\n                    return;\n                  }\n                  field.onChange(evt);\n                  onChange?.(evt);\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                            option.value,\n                            checked === true,\n                            field,\n                          );\n                          onChange?.(checked, 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                        field.onChange(event);\n                        onChange?.(event);\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  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);\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            ...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                  {...(minDateValue && {\n                    disabled: (date: Date) => date < minDateValue,\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 React, { useState, useRef } from 'react';\nimport { Button } from '@/src/components/ui/button';\nimport { Upload, X } from 'lucide-react';\nimport { cn } from '@/src/lib/utils';\n\ntype FileUploaderProps = {\n  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  className?: string;\n  multiple?: boolean;\n};\n\nexport function FileUploader({\n  onChange,\n  className,\n  multiple,\n}: FileUploaderProps) {\n  const [files, setFiles] = useState<File[]>([]);\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n    e.preventDefault();\n    inputRef.current?.click();\n  };\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (e.target.files && e.target.files.length > 0) {\n      const newFiles = Array.from(e.target.files);\n\n      setFiles(newFiles);\n      onChange(e);\n    }\n  };\n\n  const onRemoveFile = (file: File) => {\n    setFiles((prevFiles) => prevFiles.filter((f) => f !== file));\n  };\n\n  return (\n    <div className={cn('flex flex-col items-start gap-4', className)}>\n      <input\n        type='file'\n        ref={inputRef}\n        onChange={handleChange}\n        className='hidden'\n        aria-label='File upload'\n        multiple={multiple}\n      />\n      <Button type='button' onClick={handleClick} className='gap-2'>\n        <Upload className='h-4 w-4' />\n        Choose File\n      </Button>\n      {files.length === 0 && (\n        <div className='text-sm'>\n          {!multiple ? (\n            <span className='font-medium'>No file selected.</span>\n          ) : (\n            <span className='font-medium'>\n              No files selected. You can select multiple files\n            </span>\n          )}\n        </div>\n      )}\n      {files.length > 0 &&\n        files.map((file, index) => (\n          <div key={index} className='text-sm flex items-center gap-2'>\n            Selected file: <span className='font-medium'>{file.name}</span> (\n            {Math.round(file.size / 1024)} KB)\n            <Button variant='ghost' onClick={() => onRemoveFile(file)}>\n              <X />\n            </Button>\n          </div>\n        ))}\n    </div>\n  );\n}\n","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport * as React from 'react';\n\nimport { useFormFields } from '@/src/context';\nimport { cn } from '@/src/lib/utils';\nimport { Components, JSFField } from '@/src/types/remoteFlows';\nimport { useFormContext } from 'react-hook-form';\nimport { FileUploader } from '../../ui/file-uploader';\nimport {\n  FormControl,\n  FormDescription,\n  FormField,\n  FormItem,\n  FormLabel,\n  FormMessage,\n} from '../../ui/form';\n\nconst toBase64 = (file: File): Promise<string> => {\n  return new Promise<string>((resolve, reject) => {\n    const reader = new FileReader();\n    reader.readAsDataURL(file);\n    reader.onload = () => resolve(reader.result as string);\n    reader.onerror = (error) => reject(error);\n  });\n};\n\nconst convertFilesToBase64 = async (\n  event: React.ChangeEvent<HTMLInputElement>,\n) => {\n  const files = event.target.files ? Array.from(event.target.files) : [];\n\n  const base64Files = await Promise.all(\n    files.map(async (file) => {\n      const base64 = await toBase64(file);\n      return {\n        name: file.name,\n        content: base64.split(',')[1],\n      };\n    }),\n  );\n  return base64Files;\n};\n\nexport type FileUploadFieldProps = JSFField & {\n  onChange?: (value: any) => void;\n  multiple?: boolean;\n  component?: Components['file'];\n};\n\nexport function FileUploadField({\n  name,\n  description,\n  label,\n  multiple,\n  onChange,\n  component,\n  ...rest\n}: FileUploadFieldProps) {\n  const { components } = useFormFields();\n  const { control } = useFormContext();\n\n  return (\n    <FormField\n      control={control}\n      name={name}\n      render={({ field, fieldState }) => {\n        const CustomFileUploadField = component || components?.file;\n        if (CustomFileUploadField) {\n          const customFileUploadFieldProps = {\n            name,\n            description,\n            label,\n            multiple,\n            ...rest,\n          };\n          return (\n            <CustomFileUploadField\n              field={{\n                ...field,\n                value: null,\n                onChange: async (value: any) => {\n                  const files = await convertFilesToBase64(value);\n                  field.onChange(files);\n                  onChange?.(files);\n                },\n              }}\n              fieldState={fieldState}\n              fieldData={customFileUploadFieldProps}\n            />\n          );\n        }\n        return (\n          <FormItem\n            data-field={name}\n            className={`RemoteFlows__FileUpload__Item__${name}`}\n          >\n            <FormLabel className='RemoteFlows__FileUpload__Label'>\n              {label}\n            </FormLabel>\n            <FormControl>\n              <FileUploader\n                onChange={async (\n                  event: React.ChangeEvent<HTMLInputElement>,\n                ) => {\n                  const files = await convertFilesToBase64(event);\n                  field.onChange(files);\n                  onChange?.(files);\n                }}\n                multiple={multiple}\n                className={cn('RemoteFlows__FileUpload__Input')}\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    />\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\nexport type NumberFieldProps = TextFieldProps & {\n  component?: Components['number'];\n};\n\nexport function NumberField(props: NumberFieldProps) {\n  const { components } = useFormFields();\n  const { control } = useFormContext();\n\n  const CustomNumberField = props.component || components?.number;\n\n  if (CustomNumberField) {\n    return (\n      <FormField\n        control={control}\n        name={props.name}\n        render={({ field, fieldState }) => {\n          return (\n            <CustomNumberField\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 (\n    <TextField {...props} type='text' inputMode='decimal' pattern='^[0-9.]*$' />\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          <FormItem\n            className={cn(\n              'space-y-3',\n              `RemoteFlows__RadioGroupField__Item__${name}`,\n            )}\n            data-field={name}\n          >\n            <FormLabel>{label}</FormLabel>\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            {description && <FormDescription>{description}</FormDescription>}\n            {fieldState.error && <FormMessage />}\n          </FormItem>\n        );\n      }}\n    />\n  );\n}\n","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@/src/components/ui/select';\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';\n\ntype SelectFieldProps = JSFField & {\n  placeholder?: string;\n  options: Array<{ value: string | number; label: string }>;\n  className?: string;\n  onChange?: (value: any) => 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        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: 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        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              <div className='relative'>\n                <Select\n                  value={field.value || ''}\n                  onValueChange={(value: string) => {\n                    // For some reason react-hook-form converts option values from numbers to strings.\n                    // If a value can be cast to a number, the field in the form state should use the numeric type instead.\n                    const maybeCastValue =\n                      rest.jsonType === 'number' ? Number(value) : value;\n                    field.onChange(maybeCastValue);\n                    onChange?.(maybeCastValue);\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    />\n  );\n}\n","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { useState } from 'react';\n\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';\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  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?.countries;\n\n        if (CustomSelectField) {\n          const customSelectFieldProps = {\n            label,\n            name,\n            options,\n            defaultValue,\n            description,\n            onChange,\n            $meta,\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 countryOptions = [\n          ...Object.entries($meta?.regions || {}).map(([key, value]) => ({\n            value,\n            label: key,\n            category: 'Regions',\n          })),\n          ...Object.entries($meta?.subregions || {}).map(([key, value]) => ({\n            value,\n            label: key,\n            category: 'Subregions',\n          })),\n          ...options.map((option) => ({\n            ...option,\n            value: option.value,\n            label: option.label,\n            category: 'Countries',\n          })),\n        ];\n\n        const handleChange = (rawValues: any[]) => {\n          const values = rawValues.map(({ value }) => value);\n          field.onChange(values);\n          onChange?.(values);\n          setSelected(rawValues);\n        };\n\n        return (\n          <FormItem\n            data-field={name}\n            className={`RemoteFlows__CountryField__Item__${name}`}\n          >\n            <FormLabel className='RemoteFlows__CountryField__Label'>\n              {label}\n            </FormLabel>\n            <FormControl>\n              <MultiSelect\n                options={countryOptions}\n                selected={selected}\n                onChange={handleChange}\n                {...rest}\n              />\n            </FormControl>\n            {description && <FormDescription>{description}</FormDescription>}\n            {fieldState.error && <FormMessage />}\n          </FormItem>\n        );\n      }}\n    />\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","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","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport * as React from 'react';\n\nimport { useFormFields } from '@/src/context';\nimport { cn } from '@/src/lib/utils';\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 { Textarea } from '../../ui/textarea';\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        if (CustomTextAreaField) {\n          const customTextAreaFieldProps = {\n            name,\n            description,\n            label,\n            maxLength,\n            ...rest,\n          };\n          return (\n            <CustomTextAreaField\n              field={{\n                ...field,\n                onChange: (value: any) => {\n                  field.onChange(value);\n                  onChange?.(value);\n                },\n              }}\n              fieldState={fieldState}\n              fieldData={customTextAreaFieldProps}\n            />\n          );\n        }\n\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'>\n              {label}\n            </FormLabel>\n            <FormControl>\n              <Textarea\n                {...field}\n                value={field.value ?? ''}\n                onChange={(event: React.ChangeEvent<HTMLTextAreaElement>) => {\n                  field.onChange(event);\n                  onChange?.(event);\n                }}\n                className={cn(\n                  fieldState.error &&\n                    '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    />\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 { useFormFields } from '@/src/context';\nimport { sanitizeHtml } from '@/src/lib/utils';\nimport { AlertCircle } from 'lucide-react';\n\nexport type StatementProps = {\n  title?: string;\n  description: string;\n  severity: 'warning' | 'error' | 'success' | 'info' | 'neutral' | 'time';\n};\n\nexport function Statement({ title, description, severity }: StatementProps) {\n  const { components } = useFormFields();\n\n  if (components?.statement) {\n    const CustomStatement = components?.statement;\n    return (\n      <CustomStatement\n        data={{\n          title,\n          description: sanitizeHtml(description),\n          severity,\n        }}\n      />\n    );\n  }\n\n  return (\n    <Alert variant='warning'>\n      <AlertCircle className='h-4 w-4' />\n      {title && <AlertTitle>{title}</AlertTitle>}\n      {description && (\n        <AlertDescription\n          dangerouslySetInnerHTML={{ __html: sanitizeHtml(description) }}\n        />\n      )}\n    </Alert>\n  );\n}\n","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { baseFields } from '@/src/components/form/fields/baseFields';\nimport { cn, sanitizeHtml } from '@/src/lib/utils';\nimport { SupportedTypes } from './types';\nimport {\n  $TSFixMe,\n  Components,\n  FieldSetToggleComponentProps,\n} from '@/src/types/remoteFlows';\nimport { Statement, StatementProps } from '@/src/components/form/Statement';\nimport { useFormContext } from 'react-hook-form';\nimport { Fragment, useEffect, useRef } from 'react';\nimport { useFormFields } from '@/src/context';\nimport { Button } from '@/src/components/ui/button';\n\ntype FieldBase = {\n  label: string;\n  name: string;\n  description: string;\n  Component?: React.ComponentType<any>;\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?: StatementProps;\n  isFlatFieldset: boolean;\n  extra?: React.ReactNode;\n  variant: 'outset' | 'inset';\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}: FieldSetProps) {\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      {variant === 'inset' && (\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      )}\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              let FieldComponent =\n                baseFields[\n                  field.type as Exclude<\n                    SupportedTypes,\n                    'fieldset' | 'fieldset-flat'\n                  >\n                ];\n\n              if (field.isVisible === false || field.deprecated) {\n                return null; // Skip hidden or deprecated fields\n              }\n\n              if (field.Component) {\n                const { Component } = field as {\n                  Component: React.ComponentType<any>;\n                };\n                return <Component key={field.name} {...field} />;\n              }\n\n              if (field.type === '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.type 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"],"mappings":"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","names":["Fragment","jsx","jsxs","CheckBoxField","name","defaultValue","description","label","onChange","multiple","options","component","rest","components","useFormFields","control","useFormContext","handleCheckboxChange","__name","optionId","checked","field","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","onChange","component","rest","components","useFormFields","control","useFormContext","minDateValue","getMinStartDate","FormField","field","fieldState","CustomDatePickerField","customDatePickerFieldProps","__name","value","FormItem","FormLabel","Popover","PopoverTrigger","FormControl","Button","cn","format","CalendarIcon","PopoverContent","Calendar","date","props","PopoverClose","FormDescription","FormMessage","useState","useRef","Upload","X","jsx","jsxs","FileUploader","onChange","className","multiple","files","setFiles","useState","inputRef","useRef","handleClick","__name","e","handleChange","newFiles","onRemoveFile","file","prevFiles","f","cn","Button","Upload","index","X","jsx","jsxs","toBase64","__name","file","resolve","reject","reader","error","convertFilesToBase64","event","files","base64","FileUploadField","name","description","label","multiple","onChange","component","rest","components","useFormFields","control","useFormContext","FormField","field","fieldState","CustomFileUploadField","customFileUploadFieldProps","value","FormItem","FormLabel","FormControl","FileUploader","cn","FormDescription","FormMessage","jsx","NumberField","props","components","useFormFields","control","useFormContext","CustomNumberField","FormField","field","fieldState","__name","value","TextField","Fragment","jsx","jsxs","RadioGroupField","name","defaultValue","description","label","options","onChange","component","rest","components","useFormFields","control","useFormContext","FormField","field","fieldState","CustomRadioGroupField","customRadioGroupFieldProps","__name","value","FormItem","cn","FormLabel","FormControl","RadioGroup","option","Fragment","RadioGroupItem","FormDescription","FormMessage","jsx","jsxs","SelectField","label","name","options","defaultValue","description","onChange","component","rest","control","useFormContext","components","useFormFields","FormField","field","fieldState","CustomSelectField","customSelectFieldProps","__name","value","maybeCastValue","FormItem","FormLabel","FormControl","Select","SelectTrigger","SelectValue","SelectContent","SelectGroup","option","SelectItem","FormDescription","FormMessage","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","CountryField","label","name","options","defaultValue","description","onChange","$meta","component","rest","control","useFormContext","components","useFormFields","selected","setSelected","useState","FormField","field","fieldState","CustomSelectField","customSelectFieldProps","__name","value","countryOptions","key","option","handleChange","rawValues","values","FormItem","FormLabel","FormControl","MultiSelect","FormDescription","FormMessage","React","jsx","Textarea","className","props","ref","cn","jsx","jsxs","TextAreaField","name","description","label","onChange","maxLength","component","rest","components","useFormFields","control","useFormContext","FormField","field","fieldState","CustomTextAreaField","customTextAreaFieldProps","__name","value","valueLength","FormItem","FormLabel","FormControl","Textarea","event","cn","FormDescription","FormMessage","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","Statement","title","description","severity","components","useFormFields","CustomStatement","sanitizeHtml","Alert","AlertCircle","AlertTitle","AlertDescription","__name","Fragment","useEffect","useRef","jsx","jsxs","DefaultToggleButton","__name","isExpanded","onToggle","className","props","Button","cn","FieldSetField","label","name","fields","description","components","statement","isFlatFieldset","extra","variant","features","watch","setValue","trigger","formState","useFormContext","formComponents","useFormFields","stateField","fieldNames","fieldName","watchedValues","prevValuesRef","useRef","triggerTimeoutRef","toggleExpanded","useEffect","currentValues","previousValues","hasBeenSubmitted","hasChanged","i","ToggleComponent","contentId","headerId","sanitizeHtml","field","FieldComponent","baseFields","Component","Fragment","Statement"]}

package/dist/chunk-7XRPOR7L.js

@@ -1,2 +0,0 @@
-import{a as o}from"./chunk-P37U34EQ.js";function i(e){if(!e||!e.errors||typeof e.errors!="object")return[];let n=[];return Object.entries(e.errors).forEach(([t,a])=>{if(Array.isArray(a)){n.push({field:t,messages:a.map(r=>String(r))});return}a&&typeof a=="object"&&Object.entries(a).forEach(([r,s])=>{Array.isArray(s)&&n.push({field:r,messages:s.map(l=>String(l))})})}),n}o(i,"extractFieldErrors");function u(e){return{mutateAsync:o(n=>new Promise((t,a)=>{e.mutate(n,{onSuccess:o(r=>{if(r.data)t({data:r.data,error:null});else{let s=i(r.error);t({data:null,error:r.error?.message?new Error(r.error.message):new Error("Something went wrong. Please try again later."),rawError:r.error,fieldErrors:s})}},"onSuccess"),onError:o(r=>{let s=i(r);a({data:null,error:r,rawError:r,fieldErrors:s})},"onError")})}),"mutateAsync")}}o(u,"mutationToPromise");function d(e,n){return!e||e.length===0?[]:e.map(t=>{let r=n?.[t.field]?.label||t.field;return{...t,userFriendlyLabel:r,field:t.field,messages:t.messages}})}o(d,"normalizeFieldErrors");export{u as a,d as b};
-//# sourceMappingURL=chunk-7XRPOR7L.js.map

package/dist/chunk-7XRPOR7L.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/lib/mutations.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { Meta } from '@/src/types/remoteFlows';\nimport { UseMutationResult } from '@tanstack/react-query';\n\ntype MutationData<T> =\n  T extends UseMutationResult<infer R, any, any, any> ? R : never;\ntype MutationVariables<T> =\n  T extends UseMutationResult<any, any, infer V, any> ? V : never;\ntype MutationError<T> =\n  T extends UseMutationResult<any, infer E, any, any> ? E : never;\n\nexport interface SuccessResponse<D> {\n  data: D;\n  error: null;\n}\n\nexport interface FieldError {\n  field: string;\n  messages: string[];\n}\n\nexport interface ErrorResponse<E> {\n  data: null;\n  error: E;\n  rawError: Record<string, unknown>;\n  fieldErrors: FieldError[];\n}\n\ntype PromiseResult<D, E> = SuccessResponse<D> | ErrorResponse<E>;\n\n/**\n * Extracts field errors from error response into a structured format\n * @param error - The error response object\n * @returns Array of field errors with field name and messages\n */\nexport function extractFieldErrors(error: any): FieldError[] {\n  if (!error || !error.errors || typeof error.errors !== 'object') return [];\n\n  const fieldErrors: FieldError[] = [];\n\n  Object.entries(error.errors).forEach(([key, value]) => {\n    if (Array.isArray(value)) {\n      fieldErrors.push({\n        field: key,\n        messages: value.map((msg: any) => String(msg)),\n      });\n      return;\n    }\n    if (value && typeof value === 'object') {\n      Object.entries(value).forEach(([nestedKey, nestedValue]) => {\n        if (Array.isArray(nestedValue)) {\n          fieldErrors.push({\n            field: nestedKey,\n            messages: nestedValue.map((msg: any) => String(msg)),\n          });\n        }\n      });\n    }\n  });\n  return fieldErrors;\n}\n/**\n * Converts a mutation to a promise-based API. We avoid using the\n * `mutateAsync` method from react-query for 2 reasons:\n * 1. We lose the isPending state of the mutation\n * 2. We want to return the data and error in a consistent way\n *    (either data or error is null)\n * @param mutation\n * @returns\n */\nexport function mutationToPromise<\n  T extends UseMutationResult<any, any, any, any>,\n>(mutation: T) {\n  type Data = MutationData<T>;\n  type Variables = MutationVariables<T>;\n  type Error = MutationError<T>;\n\n  return {\n    mutateAsync: (values: Variables): Promise<PromiseResult<Data, Error>> => {\n      return new Promise((resolve, reject) => {\n        mutation.mutate(values, {\n          onSuccess: (response) => {\n            if (response.data) {\n              resolve({\n                data: response.data as Data,\n                error: null,\n              });\n            } else {\n              const fieldErrors = extractFieldErrors(response.error);\n              resolve({\n                data: null,\n                error: response.error?.message\n                  ? (new Error(response.error.message) as unknown as Error)\n                  : (new Error(\n                      'Something went wrong. Please try again later.',\n                    ) as unknown as Error),\n                rawError: response.error,\n                fieldErrors,\n              });\n            }\n          },\n          onError: (error) => {\n            const fieldErrors = extractFieldErrors(error);\n            reject({\n              data: null,\n              error: error as Error,\n              rawError: error,\n              fieldErrors,\n            });\n          },\n        });\n      });\n    },\n  };\n}\n\n/**\n * Enhanced FieldError interface with user-friendly labels\n */\nexport interface NormalizedFieldError extends FieldError {\n  userFriendlyLabel: string;\n}\n\n/**\n * Utility function to normalize field errors using field metadata\n * @param fieldErrors - Array of field errors from API response\n * @param meta - Field metadata containing field names and labels\n * @returns Normalized field errors with user-friendly labels\n */\nexport function normalizeFieldErrors(\n  fieldErrors: FieldError[],\n  meta?: Meta,\n): NormalizedFieldError[] {\n  if (!fieldErrors || fieldErrors.length === 0) {\n    return [];\n  }\n\n  return fieldErrors.map((fieldError) => {\n    const fieldMeta = meta?.[fieldError.field];\n    const userFriendlyLabel = fieldMeta?.label || fieldError.field;\n\n    return {\n      ...fieldError,\n      userFriendlyLabel,\n      // Keep the original field name for form integration\n      field: fieldError.field,\n      messages: fieldError.messages,\n    };\n  });\n}\n"],"mappings":"wCAmCO,SAASA,EAAmBC,EAA0B,CAC3D,GAAI,CAACA,GAAS,CAACA,EAAM,QAAU,OAAOA,EAAM,QAAW,SAAU,MAAO,CAAC,EAEzE,IAAMC,EAA4B,CAAC,EAEnC,cAAO,QAAQD,EAAM,MAAM,EAAE,QAAQ,CAAC,CAACE,EAAKC,CAAK,IAAM,CACrD,GAAI,MAAM,QAAQA,CAAK,EAAG,CACxBF,EAAY,KAAK,CACf,MAAOC,EACP,SAAUC,EAAM,IAAKC,GAAa,OAAOA,CAAG,CAAC,CAC/C,CAAC,EACD,MACF,CACID,GAAS,OAAOA,GAAU,UAC5B,OAAO,QAAQA,CAAK,EAAE,QAAQ,CAAC,CAACE,EAAWC,CAAW,IAAM,CACtD,MAAM,QAAQA,CAAW,GAC3BL,EAAY,KAAK,CACf,MAAOI,EACP,SAAUC,EAAY,IAAKF,GAAa,OAAOA,CAAG,CAAC,CACrD,CAAC,CAEL,CAAC,CAEL,CAAC,EACMH,CACT,CAzBgBM,EAAAR,EAAA,sBAmCT,SAASS,EAEdC,EAAa,CAKb,MAAO,CACL,YAAaF,EAACG,GACL,IAAI,QAAQ,CAACC,EAASC,IAAW,CACtCH,EAAS,OAAOC,EAAQ,CACtB,UAAWH,EAACM,GAAa,CACvB,GAAIA,EAAS,KACXF,EAAQ,CACN,KAAME,EAAS,KACf,MAAO,IACT,CAAC,MACI,CACL,IAAMZ,EAAcF,EAAmBc,EAAS,KAAK,EACrDF,EAAQ,CACN,KAAM,KACN,MAAOE,EAAS,OAAO,QAClB,IAAI,MAAMA,EAAS,MAAM,OAAO,EAChC,IAAI,MACH,+CACF,EACJ,SAAUA,EAAS,MACnB,YAAAZ,CACF,CAAC,CACH,CACF,EAnBW,aAoBX,QAASM,EAACP,GAAU,CAClB,IAAMC,EAAcF,EAAmBC,CAAK,EAC5CY,EAAO,CACL,KAAM,KACN,MAAOZ,EACP,SAAUA,EACV,YAAAC,CACF,CAAC,CACH,EARS,UASX,CAAC,CACH,CAAC,EAjCU,cAmCf,CACF,CA5CgBM,EAAAC,EAAA,qBA2DT,SAASM,EACdb,EACAc,EACwB,CACxB,MAAI,CAACd,GAAeA,EAAY,SAAW,EAClC,CAAC,EAGHA,EAAY,IAAKe,GAAe,CAErC,IAAMC,EADYF,IAAOC,EAAW,KAAK,GACJ,OAASA,EAAW,MAEzD,MAAO,CACL,GAAGA,EACH,kBAAAC,EAEA,MAAOD,EAAW,MAClB,SAAUA,EAAW,QACvB,CACF,CAAC,CACH,CApBgBT,EAAAO,EAAA","names":["extractFieldErrors","error","fieldErrors","key","value","msg","nestedKey","nestedValue","__name","mutationToPromise","mutation","values","resolve","reject","response","normalizeFieldErrors","meta","fieldError","userFriendlyLabel"]}

package/dist/chunk-AHBACWMD.js

@@ -1,2 +0,0 @@
-import{a as f}from"./chunk-7IZGKQII.js";import{a as r}from"./chunk-P5WUODPR.js";import{a as n}from"./chunk-SGJSMTYG.js";import{a as t}from"./chunk-CGUTMSAU.js";import{a as T}from"./chunk-SA3D5OH4.js";import{a}from"./chunk-64NSBY5G.js";import{a as p}from"./chunk-U2LOBJFU.js";import{a as e}from"./chunk-6VRUYYUV.js";import{a as m}from"./chunk-MRYRNB7Y.js";import{a as i}from"./chunk-P37U34EQ.js";import{useId as F}from"react";import{jsx as P}from"react/jsx-runtime";var x=i(({employmentId:l,render:d,options:s,initialValues:u})=>{let c=F(),o=t({employmentId:l,options:s,initialValues:u});return P(m.Provider,{value:{formId:c,terminationBag:o},children:d({terminationBag:o,components:{SubmitButton:r,TimeOff:n,Back:e,EmployeeComunicationStep:a,TerminationDetailsStep:f,PaidTimeOffStep:p,AdditionalDetailsStep:T}})})},"TerminationFlow");export{x as a};
-//# sourceMappingURL=chunk-AHBACWMD.js.map

package/dist/chunk-AHBACWMD.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/flows/Termination/TerminationFlow.tsx"],"sourcesContent":["import { TerminationContext } from '@/src/flows/Termination/context';\nimport { useId } from 'react';\nimport { useTermination } from '@/src/flows/Termination/hooks';\nimport { TerminationSubmit } from '@/src/flows/Termination/TerminationSubmit';\nimport { TimeOff } from '@/src/flows/Termination/TimeOff';\nimport { TerminationBack } from '@/src/flows/Termination/TerminationBack';\nimport { EmployeeCommunicationForm } from '@/src/flows/Termination/EmployeeComunicationForm';\nimport { TerminationDetailsForm } from '@/src/flows/Termination/TerminationDetailsForm';\nimport { PaidTimeOffForm } from '@/src/flows/Termination/PaidTimeOffForm';\nimport { AdditionalDetailsForm } from '@/src/flows/Termination/AdditionalDetailsForm';\nimport { TerminationFlowProps } from '@/src/flows/Termination/types';\n\nexport const TerminationFlow = ({\n  employmentId,\n  render,\n  options,\n  initialValues,\n}: TerminationFlowProps) => {\n  const formId = useId();\n  const terminationBag = useTermination({\n    employmentId,\n    options,\n    initialValues,\n  });\n\n  return (\n    <TerminationContext.Provider\n      value={{\n        formId: formId,\n        terminationBag,\n      }}\n    >\n      {render({\n        terminationBag,\n        components: {\n          SubmitButton: TerminationSubmit,\n          TimeOff: TimeOff,\n          Back: TerminationBack,\n          EmployeeComunicationStep: EmployeeCommunicationForm,\n          TerminationDetailsStep: TerminationDetailsForm,\n          PaidTimeOffStep: PaidTimeOffForm,\n          AdditionalDetailsStep: AdditionalDetailsForm,\n        },\n      })}\n    </TerminationContext.Provider>\n  );\n};\n"],"mappings":"2YACA,OAAS,SAAAA,MAAa,QAyBlB,cAAAC,MAAA,oBAdG,IAAMC,EAAkBC,EAAA,CAAC,CAC9B,aAAAC,EACA,OAAAC,EACA,QAAAC,EACA,cAAAC,CACF,IAA4B,CAC1B,IAAMC,EAASC,EAAM,EACfC,EAAiBC,EAAe,CACpC,aAAAP,EACA,QAAAE,EACA,cAAAC,CACF,CAAC,EAED,OACEN,EAACW,EAAmB,SAAnB,CACC,MAAO,CACL,OAAQJ,EACR,eAAAE,CACF,EAEC,SAAAL,EAAO,CACN,eAAAK,EACA,WAAY,CACV,aAAcG,EACd,QAASC,EACT,KAAMC,EACN,yBAA0BC,EAC1B,uBAAwBC,EACxB,gBAAiBC,EACjB,sBAAuBC,CACzB,CACF,CAAC,EACH,CAEJ,EAlC+B","names":["useId","jsx","TerminationFlow","__name","employmentId","render","options","initialValues","formId","useId","terminationBag","useTermination","TerminationContext","TerminationSubmit","TimeOff","TerminationBack","EmployeeCommunicationForm","TerminationDetailsForm","PaidTimeOffForm","AdditionalDetailsForm"]}

package/dist/chunk-CGUTMSAU.js

@@ -1,2 +0,0 @@
-import{a as x}from"./chunk-G34OX26W.js";import{a as k}from"./chunk-JF3KJ6PA.js";import{a as P}from"./chunk-S4XU4SE7.js";import{a as g}from"./chunk-32GSS4UM.js";import{a as F}from"./chunk-FBJCDOO7.js";import{a as V}from"./chunk-7XRPOR7L.js";import{a as S}from"./chunk-B7I7YVNK.js";import{a as M,b as w}from"./chunk-Q5ZRKZMK.js";import{a as h}from"./chunk-PJBAQZ6G.js";import{a as T}from"./chunk-Z5WMKCRJ.js";import{c as m}from"./chunk-PAQW5BFW.js";import{a as r}from"./chunk-43WMZDDH.js";import{a as i}from"./chunk-P37U34EQ.js";import{createHeadlessForm as K}from"@remoteoss/json-schema-form";import Z from"lodash.omitby";import U from"lodash.isnull";import W from"lodash.omit";import{useMemo as j}from"react";import{jsx as N,jsxs as q}from"react/jsx-runtime";function _(t,e,d){return{presentation:{inputType:"hidden",Component:i(()=>q("div",{className:r("RemoteFlows__InformationStatement",d?.className),children:[N("h3",{className:r("RemoteFlows__InformationStatement__Title"),children:t}),N("p",{className:r("RemoteFlows__InformationStatement__Description"),children:e})]}),"Component")}}}i(_,"createInformationField");import{Fragment as Q,jsx as b,jsxs as X}from"react/jsx-runtime";function G(t){return{confidential:"",customer_informed_employee:"",customer_informed_employee_date:"",customer_informed_employee_description:"",personal_email:"",termination_reason:void 0,reason_description:"",termination_reason_files:[],will_challenge_termination:"",will_challenge_termination_description:null,agrees_to_pto_amount:"",agrees_to_pto_amount_notes:null,acknowledge_termination_procedure:!1,additional_comments:"",proposed_termination_date:"",risk_assessment_reasons:[],timesheet_file:void 0,...t}}i(G,"buildInitialValues");var Pe=i(({employmentId:t,options:e,initialValues:d})=>{let{fieldValues:c,setFieldValues:C,stepState:o,previousStep:v,nextStep:R}=h(P),{data:u}=F(t),f=G({...o.values?.employee_communication,...o.values?.termination_details,...o.values?.paid_time_off,...o.values?.additional_information,...d}),p=j(()=>({...o.values?.[o.currentStep.name],...f,...c}),[o.values,o.currentStep.name,c,f]),E=j(()=>({fields:{risk_assesment_info:_("Offboarding risk assessment","Employees may be protected from termination if they fall into certain categories. To help avoid claims from employees, let us know if the employee is part of one or more of these categories. Select all that apply.",{className:e?.jsfModify?.fields?.risk_assesment_info?.["x-jsf-presentation"]?.className}),proposed_termination_date_info:_("Proposed termination date",X(Q,{children:["In most cases, we must provide notice to the employee before termination. The required notice period depends on local labor laws, the employment agreement, and other factors. We'll use those factors to determine the required notice period.",b(S,{zendeskId:g.terminationNoticePeriods,className:r("text-sm",e?.jsfModify?.fields?.proposed_termination_date_info?.["x-jsf-presentation"]?.zendeskTriggerButtonClassName),children:"Learn about notice periods"})]}),{className:e?.jsfModify?.fields?.proposed_termination_date_info?.["x-jsf-presentation"]?.className}),paid_time_off_info:{...e?.jsfModify?.fields?.paid_time_off_info,presentation:{...e?.jsfModify?.fields?.paid_time_off_info?.["x-jsf-presentation"],Component:i(()=>b(x,{employeeName:u?.basic_information?.name,proposedTerminationDate:p.proposed_termination_date}),"Component")}}}}),[u?.basic_information?.name,p.proposed_termination_date,e?.jsfModify?.fields?.paid_time_off_info,e?.jsfModify?.fields?.proposed_termination_date_info,e?.jsfModify?.fields?.risk_assesment_info]),{data:s,isLoading:$}=w({formValues:p,jsfModify:{...e?.jsfModify,fields:{...e?.jsfModify?.fields,...E?.fields}},step:o.currentStep.name}),l=K(k.data.schema),y=M(),{mutateAsync:D}=V(y);async function I(a){if(!t)throw new Error("Employment id is missing");if(s){let n=m(a,l.fields,{isPartialValidation:!0}),{customer_informed_employee:z}=n,B=z==="yes"?{employee_awareness:{date:n.customer_informed_employee_date,note:n.customer_informed_employee_description}}:void 0,H=T(n,["agrees_to_pto_amount","confidential","customer_informed_employee","will_challenge_termination"]),L=W(H,"customer_informed_employee_date","customer_informed_employee_description"),A=Z({...L,...B},U);return D({employment_id:t,termination_details:A,type:"termination"})}}i(I,"onSubmit");function J(){v()}i(J,"back");function O(){R()}return i(O,"next"),{employmentId:t,stepState:o,fields:s?.fields||[],isLoading:$,isSubmitting:y.isPending,initialValues:f,handleValidation:i(a=>{if(s){let n=m(a,s?.fields);return s?.handleValidation(n)}return null},"handleValidation"),checkFieldUpdates:i(a=>{if(l){let n=m(a,l?.fields,{isPartialValidation:!0});C(n)}},"checkFieldUpdates"),parseFormValues:i(a=>m(a,l.fields,{isPartialValidation:!0}),"parseFormValues"),onSubmit:I,back:J,next:O}},"useTermination");export{Pe as a};
-//# sourceMappingURL=chunk-CGUTMSAU.js.map

package/dist/chunk-CGUTMSAU.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/flows/Termination/hooks.tsx","../src/components/form/jsf-utils/createFields.tsx"],"sourcesContent":["import {\n  CreateOffboardingParams,\n  TerminationDetailsParams,\n} from '@/src/client';\nimport { mutationToPromise } from '@/src/lib/mutations';\nimport { $TSFixMe, createHeadlessForm } from '@remoteoss/json-schema-form';\nimport omitBy from 'lodash.omitby';\nimport isNull from 'lodash.isnull';\nimport { parseJSFToValidate } from '@/src/components/form/utils';\nimport {\n  TerminationFlowProps,\n  TerminationFormValues,\n} from '@/src/flows/Termination/types';\nimport omit from 'lodash.omit';\nimport { parseFormRadioValues } from '@/src/flows/utils';\nimport { useStepState } from '@/src/flows/useStepState';\nimport { STEPS } from '@/src/flows/Termination/utils';\nimport { jsonSchema } from '@/src/flows/Termination/json-schemas/jsonSchema';\nimport { useCreateTermination, useTerminationSchema } from '@/src/flows/api';\nimport { useMemo } from 'react';\nimport { createInformationField } from '@/src/components/form/jsf-utils/createFields';\nimport { cn, ZendeskTriggerButton } from '@/src/internals';\nimport { zendeskArticles } from '@/src/components/shared/zendesk-drawer/utils';\nimport { PaidTimeOff } from '@/src/flows/Termination/components/PaidTimeOff/PaidTimeOff';\nimport { useEmployment } from '@/src/flows/Onboarding/api';\n\nfunction buildInitialValues(\n  stepsInitialValues: Partial<TerminationFormValues>,\n): TerminationFormValues {\n  const initialValues: TerminationFormValues = {\n    confidential: '',\n    customer_informed_employee: '',\n    customer_informed_employee_date: '',\n    customer_informed_employee_description: '',\n    personal_email: '',\n    termination_reason: undefined,\n    reason_description: '',\n    termination_reason_files: [],\n    will_challenge_termination: '',\n    will_challenge_termination_description: null,\n    agrees_to_pto_amount: '',\n    agrees_to_pto_amount_notes: null,\n    acknowledge_termination_procedure: false,\n    additional_comments: '',\n    proposed_termination_date: '',\n    risk_assessment_reasons: [],\n    timesheet_file: undefined,\n    ...stepsInitialValues,\n  };\n\n  return initialValues;\n}\n\ntype TerminationHookProps = Omit<TerminationFlowProps, 'render'>;\n\nexport const useTermination = ({\n  employmentId,\n  options,\n  initialValues: terminationInitialValues,\n}: TerminationHookProps) => {\n  const { fieldValues, setFieldValues, stepState, previousStep, nextStep } =\n    useStepState<keyof typeof STEPS, TerminationFormValues>(STEPS);\n\n  const { data: employment } = useEmployment(employmentId);\n\n  const initialValues = buildInitialValues({\n    ...stepState.values?.employee_communication,\n    ...stepState.values?.termination_details,\n    ...stepState.values?.paid_time_off,\n    ...stepState.values?.additional_information,\n    ...terminationInitialValues,\n  });\n\n  const formValues = useMemo(\n    () => ({\n      ...stepState.values?.[stepState.currentStep.name as keyof typeof STEPS], // Restore values for the current step\n      ...initialValues,\n      ...fieldValues,\n    }),\n    [stepState.values, stepState.currentStep.name, fieldValues, initialValues],\n  );\n\n  const customFields = useMemo(() => {\n    return {\n      fields: {\n        risk_assesment_info: createInformationField(\n          'Offboarding risk assessment',\n          'Employees may be protected from termination if they fall into certain categories. To help avoid claims from employees, let us know if the employee is part of one or more of these categories. Select all that apply.',\n          {\n            className: (\n              options?.jsfModify?.fields?.risk_assesment_info as $TSFixMe\n            )?.['x-jsf-presentation']?.className,\n          },\n        ),\n        proposed_termination_date_info: createInformationField(\n          'Proposed termination date',\n          <>\n            In most cases, we must provide notice to the employee before\n            termination. The required notice period depends on local labor laws,\n            the employment agreement, and other factors. We'll use those factors\n            to determine the required notice period.\n            <ZendeskTriggerButton\n              zendeskId={zendeskArticles.terminationNoticePeriods}\n              className={cn(\n                'text-sm',\n                (\n                  options?.jsfModify?.fields\n                    ?.proposed_termination_date_info as $TSFixMe\n                )?.['x-jsf-presentation']?.zendeskTriggerButtonClassName,\n              )}\n            >\n              Learn about notice periods\n            </ZendeskTriggerButton>\n          </>,\n          {\n            className: (\n              options?.jsfModify?.fields\n                ?.proposed_termination_date_info as $TSFixMe\n            )?.['x-jsf-presentation']?.className,\n          },\n        ),\n        paid_time_off_info: {\n          ...(options?.jsfModify?.fields?.paid_time_off_info as $TSFixMe),\n          presentation: {\n            ...(options?.jsfModify?.fields?.paid_time_off_info as $TSFixMe)?.[\n              'x-jsf-presentation'\n            ],\n            Component: () => {\n              return (\n                <PaidTimeOff\n                  employeeName={employment?.basic_information?.name as string}\n                  proposedTerminationDate={formValues.proposed_termination_date}\n                />\n              );\n            },\n          },\n        },\n      },\n    };\n  }, [\n    employment?.basic_information?.name,\n    formValues.proposed_termination_date,\n    options?.jsfModify?.fields?.paid_time_off_info,\n    options?.jsfModify?.fields?.proposed_termination_date_info,\n    options?.jsfModify?.fields?.risk_assesment_info,\n  ]);\n\n  const { data: terminationHeadlessForm, isLoading: isLoadingTermination } =\n    useTerminationSchema({\n      formValues: formValues,\n      jsfModify: {\n        ...options?.jsfModify,\n        fields: {\n          ...options?.jsfModify?.fields,\n          ...customFields?.fields,\n        },\n      },\n      step: stepState.currentStep.name,\n    });\n\n  const entireTerminationSchema = createHeadlessForm(jsonSchema.data.schema);\n\n  const createTermination = useCreateTermination();\n  const { mutateAsync } = mutationToPromise(createTermination);\n\n  async function onSubmit(values: TerminationFormValues) {\n    if (!employmentId) {\n      throw new Error('Employment id is missing');\n    }\n\n    if (terminationHeadlessForm) {\n      // this is a hack because I need to validate all form values with the entire schema\n      const parsedValues = parseJSFToValidate(\n        values,\n        entireTerminationSchema.fields,\n        { isPartialValidation: true },\n      );\n\n      const { customer_informed_employee: customerInformedEmployee } =\n        parsedValues;\n\n      const employeeAwareness =\n        customerInformedEmployee === 'yes'\n          ? {\n              employee_awareness: {\n                date: parsedValues.customer_informed_employee_date,\n                note: parsedValues.customer_informed_employee_description,\n              },\n            }\n          : undefined;\n\n      const radioFieldKeys = [\n        'agrees_to_pto_amount',\n        'confidential',\n        'customer_informed_employee',\n        'will_challenge_termination',\n      ];\n\n      const parsedRadioValues = parseFormRadioValues(\n        parsedValues,\n        radioFieldKeys,\n      );\n\n      const normalizedValues = omit(\n        parsedRadioValues,\n        'customer_informed_employee_date',\n        'customer_informed_employee_description',\n      );\n\n      const terminationDetails: TerminationDetailsParams = omitBy(\n        {\n          ...normalizedValues,\n          ...employeeAwareness,\n        },\n        isNull,\n      ) as unknown as TerminationDetailsParams;\n\n      const terminationPayload: CreateOffboardingParams = {\n        employment_id: employmentId,\n        termination_details: terminationDetails,\n        type: 'termination',\n      };\n\n      return mutateAsync(terminationPayload);\n    }\n\n    return;\n  }\n\n  function back() {\n    previousStep();\n  }\n\n  function next() {\n    nextStep();\n  }\n\n  return {\n    /**\n     * Employment id passed useful to be used between components\n     */\n    employmentId,\n    /**\n     * Current step state containing the current step and total number of steps\n     */\n    stepState,\n    /**\n     * Array of form fields from the contract amendment schema\n     */\n    fields: terminationHeadlessForm?.fields || [],\n    /**\n     * Loading state indicating if the termination schema is being fetched\n     */\n    isLoading: isLoadingTermination,\n    /**\n     * Loading state indicating if a contract amendment mutation is in progress\n     */\n    isSubmitting: createTermination.isPending,\n    /**\n     * Initial form values\n     */\n    initialValues: initialValues,\n    /**\n     * Function to validate form values against the contract amendment schema\n     * @param values - Form values to validate\n     * @returns Validation result or null if no schema is available\n     */\n    handleValidation: (values: TerminationFormValues) => {\n      if (terminationHeadlessForm) {\n        const parsedValues = parseJSFToValidate(\n          values,\n          terminationHeadlessForm?.fields,\n        );\n        return terminationHeadlessForm?.handleValidation(parsedValues);\n      }\n      return null;\n    },\n    /**\n     * Function to update the current form field values\n     * @param values - New form values to set\n     */\n    checkFieldUpdates: (values: Partial<TerminationFormValues>) => {\n      if (entireTerminationSchema) {\n        const parsedValues = parseJSFToValidate(\n          values,\n          entireTerminationSchema?.fields,\n          { isPartialValidation: true },\n        );\n        setFieldValues(parsedValues as TerminationFormValues);\n      }\n    },\n    /**\n     * Function to parse form values before submission\n     * @param values - Form values to parse\n     * @returns Parsed form values\n     */\n    parseFormValues: (values: TerminationFormValues) => {\n      return parseJSFToValidate(values, entireTerminationSchema.fields, {\n        isPartialValidation: true,\n      });\n    },\n    /**\n     * Function to handle form submission\n     * @param values - Form values to submit\n     * @returns Promise resolving to the mutation result\n     */\n    onSubmit,\n\n    /**\n     * Function to handle going back to the previous step\n     * @returns {void}\n     */\n    back,\n\n    /**\n     * Function to handle going to the next step\n     * @returns {void}\n     */\n    next,\n  };\n};\n","import { cn } from '@/src/lib/utils';\nimport { $TSFixMe } from '@/src/types/remoteFlows';\n\ntype JSFPresentationConfig = {\n  inputType?: string;\n  Component?: React.ComponentType<$TSFixMe>;\n  hidden?: boolean;\n  [key: string]: unknown;\n};\n\ntype JSFFieldConfig = {\n  'x-jsf-presentation'?: JSFPresentationConfig;\n  [key: string]: unknown;\n};\n\n/**\n * Creates an information field with standard styling\n */\nexport function createInformationField(\n  title: React.ReactNode,\n  description: React.ReactNode,\n  options?: {\n    className?: string;\n  },\n): JSFFieldConfig {\n  return {\n    presentation: {\n      inputType: 'hidden',\n      Component: () => (\n        <div\n          className={cn(\n            'RemoteFlows__InformationStatement',\n            options?.className,\n          )}\n        >\n          <h3 className={cn('RemoteFlows__InformationStatement__Title')}>\n            {title}\n          </h3>\n          <p className={cn('RemoteFlows__InformationStatement__Description')}>\n            {description}\n          </p>\n        </div>\n      ),\n    },\n  };\n}\n"],"mappings":"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","names":["createHeadlessForm","omitBy","isNull","omit","useMemo","jsx","jsxs","createInformationField","title","description","options","__name","cn","Fragment","jsx","jsxs","buildInitialValues","stepsInitialValues","__name","useTermination","employmentId","options","terminationInitialValues","fieldValues","setFieldValues","stepState","previousStep","nextStep","useStepState","STEPS","employment","useEmployment","initialValues","formValues","useMemo","customFields","createInformationField","ZendeskTriggerButton","zendeskArticles","cn","PaidTimeOff","terminationHeadlessForm","isLoadingTermination","useTerminationSchema","entireTerminationSchema","createHeadlessForm","jsonSchema","createTermination","useCreateTermination","mutateAsync","mutationToPromise","onSubmit","values","parsedValues","parseJSFToValidate","customerInformedEmployee","employeeAwareness","parsedRadioValues","parseFormRadioValues","normalizedValues","omit","terminationDetails","omitBy","isNull","back","next"]}

package/dist/chunk-G34OX26W.js

@@ -1,2 +0,0 @@
-import{b as M}from"./chunk-MRYRNB7Y.js";import{c as v,d as L}from"./chunk-HYIC33YR.js";import{a as D,b as H,d as x,e as h,f as g}from"./chunk-TWIUL2P3.js";import{b as S}from"./chunk-WVDTHFGS.js";import{a as l}from"./chunk-43WMZDDH.js";import{a as T}from"./chunk-P37U34EQ.js";import*as n from"react";import{jsx as m}from"react/jsx-runtime";var w=n.forwardRef(({className:a,...o},t)=>m("div",{className:"relative w-full overflow-auto",children:m("table",{ref:t,className:l("w-full caption-bottom text-sm",a),...o})}));w.displayName="Table";var R=n.forwardRef(({className:a,...o},t)=>m("thead",{ref:t,className:l("[&_tr]:border-b",a),...o}));R.displayName="TableHeader";var N=n.forwardRef(({className:a,...o},t)=>m("tbody",{ref:t,className:l("[&_tr:last-child]:border-0",a),...o}));N.displayName="TableBody";var C=n.forwardRef(({className:a,...o},t)=>m("tfoot",{ref:t,className:l("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",a),...o}));C.displayName="TableFooter";var u=n.forwardRef(({className:a,...o},t)=>m("tr",{ref:t,className:l("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",a),...o}));u.displayName="TableRow";var f=n.forwardRef(({className:a,...o},t)=>m("th",{ref:t,className:l("h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",a),...o}));f.displayName="TableHead";var p=n.forwardRef(({className:a,...o},t)=>m("td",{ref:t,className:l("p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",a),...o}));p.displayName="TableCell";var k=n.forwardRef(({className:a,...o},t)=>m("caption",{ref:t,className:l("mt-4 text-sm text-muted-foreground",a),...o}));k.displayName="TableCaption";import{useState as B}from"react";import{jsx as e,jsxs as r}from"react/jsx-runtime";var d=T(a=>`${a} ${a===1?"day":"days"}`,"pluralizeDays"),A="RemoteFlows__SummaryRow flex justify-between items-center py-2 text-xs",_="RemoteFlows__SummaryRowBorder border-b border-b-1 border-b-[#E4E4E7]",b=T(({children:a,withBorder:o=!1,className:t=""})=>e("div",{className:l(A,o&&_,t),children:a}),"SummaryRow"),F=T(({entitledDays:a,takenDays:o,bookedDays:t,approvedDaysBeforeTermination:s,approvedDaysAfterTermination:c,remainingDays:i,proposedTerminationDate:E})=>{let y=new Date(E).toLocaleDateString("en-US",{month:"long",day:"numeric",year:"numeric"});return r("div",{children:[r(b,{withBorder:!0,children:[e("label",{children:"Number of days entitled to per year"}),e("p",{className:"font-bold",children:d(a)})]}),r(b,{children:[e("label",{children:"Total days booked"}),e("p",{className:"font-bold",children:d(t)})]}),r(b,{children:[e("label",{children:"Number of days already used"}),e("p",{className:"font-bold",children:d(o)})]}),r(b,{children:[r("label",{children:["Approved for use before ",y]}),e("p",{className:"font-bold",children:d(s)})]}),r(b,{withBorder:!0,children:[r("label",{children:["Approved for use after ",y]}),e("p",{className:"font-bold",children:d(c)})]}),r(b,{children:[e("label",{children:"Total days remaining unused"}),e("p",{className:"font-bold",children:d(i)})]}),e(b,{className:"mb-2 py-0",children:r("p",{className:"text-xs text-[#222E39]",children:["Expiration date of unused days: ",y]})})]})},"SummaryTimeOff"),O=T(({employeeName:a,employmentId:o})=>{let[t,s]=B(!1),{data:c}=v({employmentId:o,options:{enabled:t}});return r(D,{direction:"right",open:t,onOpenChange:s,children:[e(H,{asChild:!0,children:e(S,{onClick:()=>{s(!0)},variant:"link",className:"text-xs text-[#3B82F6] font-bold p-0",children:"See detailed time off breakdown \u2197"})}),e(x,{className:"h-full w-[540px] mt-0 ml-auto px-4 RemoteFlows_DrawerTimeOff",children:r("div",{className:"h-full flex flex-col",children:[e(h,{children:r(g,{children:[a," paid time off breakdown"]})}),e("div",{className:"mb-2",children:r(w,{children:[e(R,{children:r(u,{children:[e(f,{className:"w-[250px]",children:"Dates"}),e(f,{children:"Duration"}),e(f,{children:"Status"})]})}),e(N,{children:c?.timeoffs.map(i=>r(u,{children:[e(p,{className:"font-medium w-[250px]",children:i.formattedDate}),e(p,{children:d(i.duration)}),e(p,{children:i.status})]},`${i.startDate}-${i.endDate}`))})]})}),r("p",{className:"text-xs",children:["Total of ",d(c?.bookedDays||0)," booked"]})]})})]})},"DrawerTimeOff"),K=T(({employeeName:a,proposedTerminationDate:o})=>{let{terminationBag:t}=M(),{data:s}=L({employmentId:t.employmentId}),c=new Date(o).toLocaleDateString("en-US",{month:"long",day:"numeric",year:"numeric"});return r("div",{className:"py-3",children:[e("h3",{className:"RemoteFlows__PaidTimeOffTitle mb-2",children:"Paid time off"}),r("p",{className:"RemoteFlows__PaidTimeOffDescription text-sm mb-2",children:["The proposed termination date for ",a," is"," ",c,". You will need to pay them for any unused accrued days. Below is a breakdown of their time off entitlement and usage for the current annual leave period:"]}),r("div",{className:"mb-2",children:[s&&e(F,{entitledDays:(s?.data?.[0].annual_entitlement).days||0,takenDays:s?.data?.[0].taken.days||0,bookedDays:0,approvedDaysBeforeTermination:0,approvedDaysAfterTermination:0,remainingDays:0,proposedTerminationDate:o}),e(O,{employeeName:a,employmentId:t.employmentId})]})]})},"PaidTimeOff");export{K as a};
-//# sourceMappingURL=chunk-G34OX26W.js.map