@remoteoss/remote-flows 0.4.0-alpha.2 → 0.4.0-alpha.21

package/README.md

@@ -26,19 +26,61 @@ Welcome to the `@remoteoss/remote-flows` package, a React library that provides
 npm install @remoteoss/remote-flows
 ```
 
+## Development
+
+To run the SDK locally for development:
+
+1. Clone the repository and install dependencies:
+
+```sh
+git clone https://github.com/remoteoss/remote-flows.git
+cd remote-flows
+npm install
+```
+
+2. Create a `.env` file in the example directory with your Remote credentials:
+
+```env
+VITE_CLIENT_ID=your_client_id
+VITE_CLIENT_SECRET=your_client_secret
+VITE_REFRESH_TOKEN=your_refresh_token
+VITE_REMOTE_GATEWAY=partners # for sandbox
+# VITE_REMOTE_GATEWAY=production # for production
+```
+
+3. Start the development server:
+
+First run the root package with
+
+```
+npm link
+npm run dev
+```
+
+then
+
+```
+cd example
+npm install
+npm link @remoteoss/remote-flows
+npm run dev
+```
+
+The example app will be available at `http://localhost:3001`. The server handles authentication and proxies API requests to Remote's gateway.
+
 ## Components API
 
 ### RemoteFlows
 
 The `RemoteFlows` component serves as a provider for authentication and theming.
 
-| Prop            | Type                                                        | Required | Description                                                        |
-| --------------- | ----------------------------------------------------------- | -------- | ------------------------------------------------------------------ |
-| `auth`          | `() => Promise<{ accessToken: string, expiresIn: number }>` | Yes      | Function to fetch authentication token                             |
-| `isTestingMode` | `boolean`                                                   | No       | When `true`, connects to sandbox environment instead of production |
-| `theme`         | `ThemeOptions`                                              | No       | Custom theme configuration                                         |
-| `components`    | `Components`                                                | No       | Custom field components for form rendering                         |
-| `proxy`         | `{ url: string, headers?: Record<string, string> }`         | No       | Configuration for API request proxy with optional headers          |
+| Prop          | Type                                                        | Required | Description                                               |
+| ------------- | ----------------------------------------------------------- | -------- | --------------------------------------------------------- |
+| `auth`        | `() => Promise<{ accessToken: string, expiresIn: number }>` | Yes      | Function to fetch authentication token                    |
+| `environment` | `'partners' \| 'production' \| 'sandbox' \| 'staging'`      | No       | Environment to use for API calls (defaults to production) |
+| `theme`       | `ThemeOptions`                                              | No       | Custom theme configuration                                |
+| `components`  | `Components`                                                | No       | Custom field components for form rendering                |
+| `proxy`       | `{ url: string, headers?: Record<string, string> }`         | No       | Configuration for API request proxy with optional headers |
 
 ### Custom Field Components
 
@@ -50,15 +92,40 @@ The `components` prop allows you to override the default form field components w
 
 > **Important**: All custom components are wrapped with React Hook Form's `Controller` component. You must bind the `field` props to your HTML elements to ensure proper form state management and validation.
 
+For TypeScript users, we export component prop types to make it easier to create properly typed custom components:
+
+```tsx
+import {
+  FieldComponentProps,
+  ButtonComponentProps,
+} from '@remoteoss/remote-flows';
+
+const CustomInput = ({ field, fieldData, fieldState }: FieldComponentProps) => {
+  return (
+    <div>
+      <label htmlFor={field.name}>{fieldData.label}</label>
+      <input {...field} />
+      {fieldState.error && <p>{fieldState.error.message}</p>}
+    </div>
+  );
+};
+
+const CustomButton = ({ children, ...props }: ButtonComponentProps) => {
+  return <button {...props}>{children}</button>;
+};
+```
+
 Here's an example of custom field components implementation:
 
 ```tsx
 <RemoteFlows
   components={{
+    text: CustomInput,
+    button: CustomButton,
     number: ({ field, fieldState, fieldData }) => (
       <div>
         <label>{fieldData.label}</label>
-        <input {...field} />
+        <input {...field} type="number" />
         {fieldState.error && (
           <span className="text-red-500">{fieldState.error.message}</span>
         )}
@@ -85,6 +152,12 @@ Here's an example of custom field components implementation:
 </RemoteFlows>
 ```
 
+### Available Component Prop Types
+
+- `FieldComponentProps`: For all form field components (text, number, select, etc.)
+- `ButtonComponentProps`: For custom button components
+- `StatementComponentProps`: For custom statement components
+
 Supported field types:
 
 - `text`: Text input fields
@@ -98,6 +171,7 @@ Visit the different different docs for each flow
 - [Cost Calculator Flow](./src/flows/CostCalculator/README.md)
 - [Termination Flow](./src/flows/Termination/README.md)
 - [Contract Amendments](./src/flows/ContractAmendment/README.md)
+- [Onboarding Flow](./src/flows/Onboarding/README.md)
 
 ## Authentication
 

package/dist/chunk-32RYPLZK.js

@@ -0,0 +1,2 @@
+import{a as s}from"./chunk-PJCUSCO4.js";import{b as o}from"./chunk-KPHSEIR3.js";import{a}from"./chunk-P37U34EQ.js";import{jsx as r,jsxs as t}from"react/jsx-runtime";function i({grossSalary:e,currency:l}){return t("div",{children:[t("div",{className:"flex justify-between items-center mb-2",children:[r("h3",{className:"font-medium text-primary-foreground",children:"Gross Salary"}),r("span",{className:"font-semibold text-lg",children:o(e,l)})]}),r(s,{})]})}a(i,"CostCalculatorGrossSalary");export{i as a};
+//# sourceMappingURL=chunk-32RYPLZK.js.map

package/dist/chunk-32RYPLZK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/flows/CostCalculator/Results/CostCalculatorGrossSalary.tsx"],"sourcesContent":["import { Separator } from '@/src/components/ui/separator';\nimport { formatCurrency } from '@/src/lib/utils';\n\ntype CostCalculatorGrossSalaryProps = {\n  grossSalary: number;\n  currency: string;\n};\n\nexport function CostCalculatorGrossSalary({\n  grossSalary,\n  currency,\n}: CostCalculatorGrossSalaryProps) {\n  return (\n    <div>\n      <div className=\"flex justify-between items-center mb-2\">\n        <h3 className=\"font-medium text-primary-foreground\">Gross Salary</h3>\n        <span className=\"font-semibold text-lg\">\n          {formatCurrency(grossSalary, currency)}\n        </span>\n      </div>\n      <Separator />\n    </div>\n  );\n}\n"],"mappings":"mHAcM,OACE,OAAAA,EADF,QAAAC,MAAA,oBANC,SAASC,EAA0B,CACxC,YAAAC,EACA,SAAAC,CACF,EAAmC,CACjC,OACEH,EAAC,OACC,UAAAA,EAAC,OAAI,UAAU,yCACb,UAAAD,EAAC,MAAG,UAAU,sCAAsC,wBAAY,EAChEA,EAAC,QAAK,UAAU,wBACb,SAAAK,EAAeF,EAAaC,CAAQ,EACvC,GACF,EACAJ,EAACM,EAAA,EAAU,GACb,CAEJ,CAfgBC,EAAAL,EAAA","names":["jsx","jsxs","CostCalculatorGrossSalary","grossSalary","currency","formatCurrency","Separator","__name"]}

package/dist/chunk-3BIRQAED.js

@@ -0,0 +1,2 @@
+import{a as $e}from"./chunk-XO3JWN33.js";import{a as A}from"./chunk-N6NYXAXH.js";import{a as ge,b as B}from"./chunk-GEYFQVQI.js";import{b as x}from"./chunk-3ZWDIEEM.js";import{a as Me,b as C,c as R,d as S,e as N,f as w,g as T}from"./chunk-VNSF5IOL.js";import{a as m}from"./chunk-KPHSEIR3.js";import{a as o}from"./chunk-P37U34EQ.js";import{Fragment as zo}from"react";import*as He from"react";import*as ee from"@radix-ui/react-checkbox";import{Check as Dt}from"lucide-react";import{jsx as ve}from"react/jsx-runtime";var te=He.forwardRef(({className:e,...t},r)=>ve(ee.Root,{ref:r,className:m("peer h-4 w-4 shrink-0 rounded-sm border border-input ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-checkbox data-[state=checked]:text-primary",e),...t,children:ve(ee.Indicator,{className:m("flex items-center justify-center text-current"),children:ve(Dt,{className:"h-4 w-4"})})}));te.displayName=ee.Root.displayName;import{useFormContext as Tt}from"react-hook-form";import{Fragment as It,jsx as z,jsxs as oe}from"react/jsx-runtime";function re({name:e,defaultValue:t,description:r,label:a,onChange:i,multiple:d,options:p,component:g,...v}){let{components:n}=x(),{control:c}=Tt(),u=o((s,l,h)=>{let f=h.value?[...h.value]:[];l?f.includes(s)||h.onChange([...f,s]):h.onChange(f.filter(_=>_!==s))},"handleCheckboxChange");return z(C,{control:c,name:e,defaultValue:t,render:({field:s,fieldState:l})=>{let h=g||n?.checkbox;if(h){let f={name:e,description:r,label:a,defaultValue:t,multiple:d,options:p,...v};return z(h,{field:{...s,onChange:o(_=>{if(d){let{checked:k,value:b}=_.target;u(b,k,s),i?.(k);return}s.onChange(_),i?.(_)},"onChange")},fieldState:l,fieldData:f})}return oe(R,{"data-field":e,className:m(`RemoteFlows__CheckBoxField__Item__${e}`),children:[z(N,{children:oe(It,{children:[p&&d?z(S,{children:a}):null,p&&d?p.map(f=>oe("div",{className:"flex space-x-2",children:[z(te,{id:f.value,onCheckedChange:_=>{u(f.value,_===!0,s),i?.(_,f.value)},checked:s.value?.includes(f.value),className:"RemoteFlows__CheckBox__Input"}),z(S,{htmlFor:f.value,className:"mb-0 RemoteFlows__CheckBox__Label",children:f.label})]},f.value)):oe("div",{className:"flex space-x-2",children:[z(te,{id:e,onCheckedChange:f=>{s.onChange(f),i?.(f)},checked:s.value,className:"RemoteFlows__CheckBox__Input"}),z(S,{htmlFor:e,className:"mb-0 RemoteFlows__CheckBox__Label",children:a})]})]})}),r&&z(w,{children:r}),l.error&&z(T,{})]})}})}o(re,"CheckBoxField");import{CalendarIcon as $t}from"lucide-react";import{useFormContext as Ht}from"react-hook-form";import{ChevronLeft as Wt,ChevronRight as Lt}from"lucide-react";import{DayPicker as Mt}from"react-day-picker";import{jsx as Fe}from"react/jsx-runtime";function Ee({className:e,classNames:t,showOutsideDays:r=!0,...a}){return Fe(Mt,{showOutsideDays:r,className:m("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:m(ge({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:m("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",a.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:m(ge({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:o(({className:i,...d})=>Fe(Wt,{className:m("size-4",i),...d}),"IconLeft"),IconRight:o(({className:i,...d})=>Fe(Lt,{className:m("size-4",i),...d}),"IconRight")},...a})}o(Ee,"Calendar");import*as O from"@radix-ui/react-popover";import{jsx as ae}from"react/jsx-runtime";function ne({...e}){return ae(O.Root,{"data-slot":"popover",...e})}o(ne,"Popover");function ie({...e}){return ae(O.Trigger,{"data-slot":"popover-trigger",...e})}o(ie,"PopoverTrigger");function se({className:e,align:t="center",sideOffset:r=4,...a}){return ae(O.Portal,{children:ae(O.Content,{"data-slot":"popover-content",align:t,sideOffset:r,className:m("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),...a})})}o(se,"PopoverContent");import{PopoverClose as Et}from"@radix-ui/react-popover";import{format as Be}from"date-fns";import{Fragment as Bt,jsx as W,jsxs as he}from"react/jsx-runtime";function Ae({description:e,label:t,name:r,minDate:a,onChange:i,component:d,...p}){let{components:g}=x(),{control:v}=Ht();return W(C,{control:v,name:r,render:({field:n,fieldState:c})=>{let u=d||g?.date;if(u){let s={description:e,label:t,name:r,minDate:a,onChange:i,...p};return W(u,{field:{...n,onChange:o(l=>{n.onChange(l),i?.(l)},"onChange")},fieldState:c,fieldData:s})}return he(R,{"data-field":r,className:`flex flex-col RemoteFlows__DatePickerField__Item__${r}`,children:[W(S,{className:"RemoteFlows__DatePickerField__Label",children:t}),he(ne,{children:[W(ie,{asChild:!0,children:W(N,{children:W("div",{children:he(B,{type:"button",variant:"outline",className:m("w-full pl-3 text-left font-normal",!n.value&&"text-muted-foreground"),"data-testid":`date-picker-button-${r}`,children:[n.value&&W(Bt,{children:Be(n.value,"yyyy-MM-dd")}),W($t,{className:"ml-auto h-4 w-4 opacity-50"})]})})})}),W(se,{className:"w-auto p-0 RemoteFlows__DatepickerField__PopoverContent",align:"start",children:W(Ee,{mode:"single",className:"RemoteFlows__DatepickerField__Calendar",selected:n.value?new Date(n.value):void 0,onSelect:s=>{n.onChange(s?Be(s,"yyyy-MM-dd"):null),i?.(s)},defaultMonth:a?new Date(a):void 0,components:{DayContent:o(s=>W(Et,{children:s.date.getDate()}),"DayContent")},...a&&{disabled:o(s=>s<new Date(a),"disabled")}})})]}),e?W(w,{children:e}):null,c.error&&W(T,{className:"RemoteFlows__DatePickerField__Error"})]})}})}o(Ae,"DatePickerField");import{cva as At}from"class-variance-authority";import{jsx as ye}from"react/jsx-runtime";var zt=At("relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",{variants:{variant:{default:"bg-card text-card-foreground",destructive:"text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90",warning:"bg-card bg-warning border-warning-border [&>svg]:text-current"}},defaultVariants:{variant:"default"}});function ze({className:e,variant:t,...r}){return ye("div",{"data-slot":"alert",role:"alert",className:m(zt({variant:t}),e),...r})}o(ze,"Alert");function Oe({className:e,...t}){return ye("div",{"data-slot":"alert-title",className:m("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight",e),...t})}o(Oe,"AlertTitle");function Ge({className:e,...t}){return ye("div",{"data-slot":"alert-description",className:m("text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed",e),...t})}o(Ge,"AlertDescription");import{AlertCircle as Ot}from"lucide-react";import{jsx as le,jsxs as Gt}from"react/jsx-runtime";function me({title:e,description:t,severity:r}){let{components:a}=x();if(a?.statement){let i=a?.statement;return le(i,{data:{title:e,description:t,severity:r}})}return Gt(ze,{variant:"warning",children:[le(Ot,{className:"h-4 w-4"}),e&&le(Oe,{children:e}),le(Ge,{children:t})]})}o(me,"Statement");import{jsx as _e,jsxs as Ve}from"react/jsx-runtime";import{createElement as Vt}from"react";function Ue({label:e,name:t,fields:r,description:a,components:i,statement:d}){return Ve("fieldset",{className:m("border-1 border-input p-4 rounded-xl",`RemoteFlows__FieldSetField__${t}`),children:[_e("legend",{className:"text-sm font-semibold px-2",children:e}),a?_e("div",{className:"mb-5 RemoteFlows__FieldSetField__Description",dangerouslySetInnerHTML:{__html:a}}):null,Ve("div",{className:"grid gap-4",children:[r.map(p=>{let g=ce[p.type];return p.isVisible===!1||p.deprecated?null:Vt(g,{...p,key:p.name,name:`${t}.${p.name}`,component:i?.[p.type]})}),d?_e(me,{...d}):null]})]})}o(Ue,"FieldSetField");import{useFormContext as Yt}from"react-hook-form";import{useState as Ut,useRef as Jt}from"react";import{Upload as qt,X as Kt}from"lucide-react";import{jsx as V,jsxs as xe}from"react/jsx-runtime";function Je({onChange:e,className:t,multiple:r}){let[a,i]=Ut([]),d=Jt(null),p=o(n=>{n.preventDefault(),d.current?.click()},"handleClick"),g=o(n=>{if(n.target.files&&n.target.files.length>0){let c=Array.from(n.target.files);i(c),e(n)}},"handleChange"),v=o(n=>{i(c=>c.filter(u=>u!==n))},"onRemoveFile");return xe("div",{className:m("flex flex-col items-start gap-4",t),children:[V("input",{type:"file",ref:d,onChange:g,className:"hidden","aria-label":"File upload",multiple:r}),xe(B,{type:"button",onClick:p,className:"gap-2",children:[V(qt,{className:"h-4 w-4"}),"Choose File"]}),a.length===0&&V("div",{className:"text-sm",children:r?V("span",{className:"font-medium",children:"No files selected. You can select multiple files"}):V("span",{className:"font-medium",children:"No file selected."})}),a.length>0&&a.map((n,c)=>xe("div",{className:"text-sm flex items-center gap-2",children:["Selected file: ",V("span",{className:"font-medium",children:n.name})," (",Math.round(n.size/1024)," KB)",V(B,{variant:"ghost",onClick:()=>v(n),children:V(Kt,{})})]},c))]})}o(Je,"FileUploader");import{jsx as U,jsxs as Qt}from"react/jsx-runtime";var Xt=o(e=>new Promise((t,r)=>{let a=new FileReader;a.readAsDataURL(e),a.onload=()=>t(a.result),a.onerror=i=>r(i)}),"toBase64"),qe=o(async e=>{let t=e.target.files?Array.from(e.target.files):[];return await Promise.all(t.map(async a=>{let i=await Xt(a);return{name:a.name,content:i.split(",")[1]}}))},"convertFilesToBase64");function Ke({name:e,description:t,label:r,multiple:a,onChange:i,component:d,...p}){let{components:g}=x(),{control:v}=Yt();return U(C,{control:v,name:e,render:({field:n,fieldState:c})=>{let u=d||g?.file;if(u){let s={name:e,description:t,label:r,multiple:a,...p};return U(u,{field:{...n,value:null,onChange:o(async l=>{let h=await qe(l);n.onChange(h),i?.(h)},"onChange")},fieldState:c,fieldData:s})}return Qt(R,{"data-field":e,className:`RemoteFlows__FileUpload__Item__${e}`,children:[U(S,{className:"RemoteFlows__FileUpload__Label",children:r}),U(N,{children:U(Je,{onChange:async s=>{let l=await qe(s);n.onChange(l),i?.(l)},multiple:a,className:m("RemoteFlows__FileUpload__Input")})}),t&&U("div",{className:"flex items-center justify-between",children:U(w,{className:"RemoteFlows__FileUpload__Description",children:t})}),c.error&&U(T,{className:"RemoteFlows__FileUpload__Error"})]})}})}o(Ke,"FileUploadField");import{useFormContext as Zt}from"react-hook-form";import{jsx as Ce}from"react/jsx-runtime";function be(e){let{components:t}=x(),{control:r}=Zt(),a=e.component||t?.number;return a?Ce(C,{control:r,name:e.name,render:({field:i,fieldState:d})=>Ce(a,{field:{...i,onChange:o(p=>{i.onChange(p),e.onChange?.(p)},"onChange")},fieldState:d,fieldData:e})}):Ce(A,{...e,type:"text",inputMode:"decimal",pattern:"^[0-9.]*$"})}o(be,"NumberField");import*as K from"@radix-ui/react-radio-group";import{CircleIcon as jt}from"lucide-react";import{jsx as de}from"react/jsx-runtime";function Ye({className:e,...t}){return de(K.Root,{"data-slot":"radio-group",className:m("grid gap-3",e),...t})}o(Ye,"RadioGroup");function Xe({className:e,...t}){return de(K.Item,{"data-slot":"radio-group-item",className:m("border-input text-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",e),...t,children:de(K.Indicator,{"data-slot":"radio-group-indicator",className:"relative flex items-center justify-center",children:de(jt,{className:"fill-radio absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2"})})})}o(Xe,"RadioGroupItem");import{useFormContext as eo}from"react-hook-form";import{Fragment as to,jsx as $,jsxs as Se}from"react/jsx-runtime";function Qe({name:e,defaultValue:t,description:r,label:a,options:i,onChange:d,component:p,...g}){let{components:v}=x(),{control:n}=eo();return $(C,{control:n,name:e,defaultValue:t,render:({field:c,fieldState:u})=>{let s=p||v?.radio;if(s){let l={name:e,defaultValue:t,description:r,label:a,options:i,...g};return $(s,{field:{...c,onChange:o(h=>{c.onChange(h),d?.(h)},"onChange")},fieldState:u,fieldData:l})}return Se(R,{className:m("space-y-3",`RemoteFlows__RadioGroupField__Item__${e}`),"data-field":e,children:[$(S,{children:a}),$(N,{children:$(Ye,{"aria-label":a||e,onValueChange:l=>{c.onChange(l),d?.(l)},value:c.value,className:"flex flex-col space-y-3",children:i?.map(l=>$(to,{children:Se(R,{"data-field":e,className:"flex items-start space-x-3 space-y-0 gap-0 RemoteFlows__RadioField__Item",children:[$(N,{children:$(Xe,{value:l.value,className:"RemoteFlows__RadioField__Input"})}),Se("div",{children:[$(S,{className:"font-normal mb-0 RemoteFlows__RadioField__Label",children:l.label}),l.description&&$(w,{className:"mt-2",children:l.description})]})]},l.value)}))})}),r&&$(w,{children:r}),u.error&&$(T,{})]})}})}o(Qe,"RadioGroupField");import*as y from"@radix-ui/react-select";import{CheckIcon as oo,ChevronDownIcon as Ze,ChevronUpIcon as ro}from"lucide-react";import{jsx as P,jsxs as Pe}from"react/jsx-runtime";function je({...e}){return P(y.Root,{"data-slot":"select",...e})}o(je,"Select");function et({...e}){return P(y.Group,{"data-slot":"select-group",...e})}o(et,"SelectGroup");function tt({...e}){return P(y.Value,{"data-slot":"select-value",...e})}o(tt,"SelectValue");function ot({className:e,children:t,...r}){return Pe(y.Trigger,{"data-slot":"select-trigger",className:m("border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive flex w-full items-center justify-between rounded-xl border bg-transparent px-4 py-7 text-sm whitespace-nowrap transition-[color] outline-none disabled:cursor-not-allowed disabled:opacity-50 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4","focus-visible:border-focused",e),...r,children:[t,P(y.Icon,{asChild:!0,className:"absolute right-4",children:P(Ze,{className:"size-4"})})]})}o(ot,"SelectTrigger");function rt({className:e,children:t,position:r="popper",...a}){return P(y.Portal,{children:Pe(y.Content,{"data-slot":"select-content",className:m("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 relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-xl border",r==="popper"&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",e),position:r,...a,children:[P(ao,{}),P(y.Viewport,{className:m(r==="popper"&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"),children:t}),P(no,{})]})})}o(rt,"SelectContent");function at({className:e,children:t,...r}){return Pe(y.Item,{"data-slot":"select-item",className:m("focus:bg-accent focus:text-accent-foreground min-h-11 justify-between [&_svg:not([class*='text-'])]:text-muted-foreground flex w-full cursor-default items-center gap-2 py-2 px-4 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",e),...r,children:[P(y.ItemText,{children:t}),P("span",{className:"flex size-3.5 items-center justify-center",children:P(y.ItemIndicator,{children:P(oo,{className:"size-4"})})})]})}o(at,"SelectItem");function ao({className:e,...t}){return P(y.ScrollUpButton,{"data-slot":"select-scroll-up-button",className:m("flex cursor-default items-center justify-center py-1",e),...t,children:P(ro,{className:"size-4"})})}o(ao,"SelectScrollUpButton");function no({className:e,...t}){return P(y.ScrollDownButton,{"data-slot":"select-scroll-down-button",className:m("flex cursor-default items-center justify-center py-1",e),...t,children:P(Ze,{className:"size-4"})})}o(no,"SelectScrollDownButton");import{useFormContext as io}from"react-hook-form";import{jsx as L,jsxs as nt}from"react/jsx-runtime";function it({label:e,name:t,options:r,defaultValue:a,description:i,onChange:d,component:p,...g}){let{control:v}=io(),{components:n}=x();return L(C,{defaultValue:a,control:v,name:t,render:({field:c,fieldState:u})=>{let s=p||n?.select;if(s){let l={label:e,name:t,options:r,defaultValue:a,description:i,onChange:d,...g};return L(s,{field:{...c,onChange:o(h=>{c.onChange(h),d?.(h)},"onChange")},fieldState:u,fieldData:l})}return nt(R,{"data-field":t,className:`RemoteFlows__SelectField__Item__${t}`,children:[L(S,{className:"RemoteFlows__SelectField__Label",children:e}),L(N,{children:L("div",{className:"relative",children:nt(je,{value:c.value||"",onValueChange:l=>{c.onChange(l),d?.(l)},children:[L(ot,{className:"RemoteFlows__SelectField__Trigger","aria-invalid":!!u.error,"aria-label":e,children:L("span",{className:"absolute",children:L(tt,{placeholder:e})})}),L(rt,{className:"RemoteFlows__SelectField__Content",children:L(et,{className:"RemoteFlows__SelectField__Group",children:r.map(l=>L(at,{value:l.value,className:"RemoteFlows__SelectField__SelectItem",children:l.label},l.value))})})]})})}),i&&L(w,{children:i}),u.error&&L(T,{})]})}})}o(it,"SelectField");import{useState as vo}from"react";import{useFormContext as Fo}from"react-hook-form";import{Fragment as co,useState as po}from"react";import{Check as uo,ChevronDownIcon as fo,X as go}from"lucide-react";import{Command as Y}from"cmdk";import{SearchIcon as Xa}from"lucide-react";import*as D from"@radix-ui/react-dialog";import{XIcon as so}from"lucide-react";import{jsx as G,jsxs as ke}from"react/jsx-runtime";function Re({...e}){return G(D.Root,{"data-slot":"dialog",...e})}o(Re,"Dialog");function st({...e}){return G(D.Trigger,{"data-slot":"dialog-trigger",...e})}o(st,"DialogTrigger");function lo({...e}){return G(D.Portal,{"data-slot":"dialog-portal",...e})}o(lo,"DialogPortal");function mo({className:e,...t}){return G(D.Overlay,{"data-slot":"dialog-overlay",className:m("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",e),...t})}o(mo,"DialogOverlay");function Ne({className:e,children:t,...r}){return ke(lo,{"data-slot":"dialog-portal",children:[G(mo,{}),ke(D.Content,{"data-slot":"dialog-content",className:m("bg-background 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",e),...r,children:[t,ke(D.Close,{className:"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 RemoteFlows__Dialog__Close",children:[G(so,{}),G("span",{className:"sr-only",children:"Close"})]})]})]})}o(Ne,"DialogContent");function we({className:e,...t}){return G("div",{"data-slot":"dialog-header",className:m("flex flex-col gap-2 text-center sm:text-left",e),...t})}o(we,"DialogHeader");function De({className:e,...t}){return G(D.Title,{"data-slot":"dialog-title",className:m("text-lg leading-none font-semibold",e),...t})}o(De,"DialogTitle");import{jsx as X,jsxs as en}from"react/jsx-runtime";function lt({className:e,...t}){return X(Y,{"data-slot":"command",className:m("bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md",e),...t})}o(lt,"Command");function mt({className:e,...t}){return X(Y.List,{"data-slot":"command-list",className:m("max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto",e),...t})}o(mt,"CommandList");function ct({...e}){return X(Y.Empty,{"data-slot":"command-empty",className:"py-6 text-center text-sm",...e})}o(ct,"CommandEmpty");function dt({className:e,...t}){return X(Y.Group,{"data-slot":"command-group",className:m("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})}o(dt,"CommandGroup");function pt({className:e,...t}){return X(Y.Separator,{"data-slot":"command-separator",className:m("bg-border -mx-1 h-px",e),...t})}o(pt,"CommandSeparator");function ut({className:e,...t}){return X(Y.Item,{"data-slot":"command-item",className:m("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})}o(ut,"CommandItem");import{jsx as H,jsxs as Q}from"react/jsx-runtime";function ft({options:e,selected:t,onChange:r,placeholder:a,...i}){let[d,p]=po(!1),g=o(n=>{r(t.filter(c=>c.value!==n.value))},"handleUnselect"),v=e.reduce((n,c)=>{let u=c.category||"Uncategorized";return n[u]||(n[u]=[]),n[u].push(c),n},{});return Q(ne,{open:d,onOpenChange:p,...i,children:[H(ie,{children:Q(B,{variant:"outline",role:"combobox","aria-expanded":d,className:"w-full justify-between font-normal",type:"button",children:[H("div",{className:"flex gap-1 flex-wrap overflow-x-auto max-h-[2.5rem] items-center",children:t.length>0?t.map(n=>Q($e,{variant:"secondary",className:"mr-1 mb-1",children:[n.label,H("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:c=>{c.key==="Enter"&&g(n)},onMouseDown:c=>{c.preventDefault(),c.stopPropagation()},onClick:()=>g(n),children:H(go,{className:"h-3 w-3 text-muted-foreground hover:text-foreground"})})]},n.label)):H("span",{className:"text-foreground",children:a})}),H(fo,{className:"size-4"})]})}),H(se,{align:"start",className:"w-full p-0",children:H(lt,{children:Q(mt,{children:[H(ct,{children:"No item found."}),Object.entries(v).map(([n,c],u)=>Q(co,{children:[u>0&&H(pt,{}),H(dt,{heading:n,children:c.map(s=>{let l=t.some(h=>h.value===s.value);return Q(ut,{onSelect:()=>{r(l?t.filter(h=>h.value!==s.value):[...t,s])},children:[H(uo,{className:m("mr-2 h-4 w-4",l?"opacity-100":"opacity-0")}),s.label]},s.label)})})]},n))]})})})]})}o(ft,"MultiSelect");import{jsx as J,jsxs as ho}from"react/jsx-runtime";function gt({label:e,name:t,options:r,defaultValue:a,description:i,onChange:d,$meta:p,component:g,...v}){let{control:n}=Fo(),{components:c}=x(),[u,s]=vo([]);return J(C,{defaultValue:a,control:n,name:t,render:({field:l,fieldState:h})=>{let f=g||c?.countries;if(f){let b={label:e,name:t,options:r,defaultValue:a,description:i,onChange:d,$meta:p,...v};return J(f,{field:{...l,onChange:o(M=>{l.onChange(M),d?.(M)},"onChange")},fieldState:h,fieldData:b})}let _=[...Object.entries(p?.regions||{}).map(([b,M])=>({value:M,label:b,category:"Regions"})),...Object.entries(p?.subregions||{}).map(([b,M])=>({value:M,label:b,category:"Subregions"})),...r.map(b=>({...b,value:b.value,label:b.label,category:"Countries"}))],k=o(b=>{let M=b.map(({value:wt})=>wt);l.onChange(M),d?.(M),s(b)},"handleChange");return ho(R,{"data-field":t,className:`RemoteFlows__CountryField__Item__${t}`,children:[J(S,{className:"RemoteFlows__CountryField__Label",children:e}),J(N,{children:J(ft,{options:_,selected:u,onChange:k,...v})}),i&&J(w,{children:i}),h.error&&J(T,{})]})}})}o(gt,"CountryField");import{useFormContext as _o}from"react-hook-form";import*as vt from"react";import{jsx as yo}from"react/jsx-runtime";var Te=vt.forwardRef(({className:e,...t},r)=>yo("textarea",{className:m("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:r,...t}));Te.displayName="Textarea";import{jsx as q,jsxs as Ie}from"react/jsx-runtime";function Ft({name:e,description:t,label:r,onChange:a,maxLength:i,component:d,...p}){let{components:g}=x(),{control:v}=_o();return q(C,{control:v,name:e,render:({field:n,fieldState:c})=>{let u=d||g?.textarea;if(u){let l={name:e,description:t,label:r,maxLength:i,...p};return q(u,{field:{...n,onChange:o(h=>{n.onChange(h),a?.(h)},"onChange")},fieldState:c,fieldData:l})}let s=n.value?.length??0;return Ie(R,{"data-field":e,className:`RemoteFlows__TextArea__Item__${e}`,children:[q(S,{className:"RemoteFlows__TextArea__Label",children:r}),q(N,{children:q(Te,{...n,value:n.value??"",onChange:l=>{n.onChange(l),a?.(l)},className:m(c.error&&"border-red-500 focus-visible:ring-red-500","RemoteFlows__TextArea__Input"),placeholder:r})}),(t||i)&&Ie("div",{className:"flex items-center justify-between",children:[t&&q(w,{className:"RemoteFlows__TextArea__Description",children:t}),i&&Ie("span",{className:"text-sm ml-auto RemoteFlows__TextArea__MaxLength",children:[s,"/",i]})]}),c.error&&q(T,{className:"RemoteFlows__TextArea__Error"})]})}})}o(Ft,"TextAreaField");import{useFormContext as xo}from"react-hook-form";import{jsx as We}from"react/jsx-runtime";function ht(e){let{components:t}=x(),{control:r}=xo(),a=e.component||t?.email;return a?We(C,{control:r,name:e.name,render:({field:i,fieldState:d})=>We(a,{field:{...i,onChange:o(p=>{i.onChange(p),e.onChange?.(p)},"onChange")},fieldState:d,fieldData:e})}):We(A,{...e,type:"email"})}o(ht,"EmailField");import{useFormContext as Co}from"react-hook-form";import{jsx as yt}from"react/jsx-runtime";function _t(e){let{control:t}=Co();return yt(C,{control:t,name:e.name,render:({field:r})=>yt("input",{...r,type:"hidden"})})}o(_t,"HiddenField");import No,{useEffect as wo,useState as Pt}from"react";import{yupResolver as Do}from"@hookform/resolvers/yup";import{useForm as To,useFormContext as Io,useFieldArray as Wo}from"react-hook-form";import*as I from"yup";import xt from"lodash.groupby";import Z from"lodash.capitalize";var Ct=60,pe=["monday","tuesday","wednesday","thursday","friday","saturday","sunday"];function bo(e){if(e<60)return`${e}m`;let t=Math.floor(e/Ct),r=e%Ct;return r>0?`${t}h${r}m`:`${t}h`}o(bo,"convertBreakDurationToHours");function bt(e){let t=e.reduce((r,a)=>a.hours+r,0);return Number(t.toFixed(2))}o(bt,"calculateTotalWorkHours");function So(e,t){let r=t.map(({day:d})=>d.toLowerCase()),a=r.indexOf(e),i=null;for(;a<r.length&&!i;){let d=r[a],p=r[a+1],g=pe.indexOf(d)+1;pe[g]===p||(i=d),a+=1}return i}o(So,"findLastConsecutiveDay");function Po(e){return e.start_time&&e.end_time&&(typeof e.hours=="number"?e.hours:Number.parseInt(e.hours))>0}o(Po,"shouldSummarizeSchedule");function ko(e){return Number.parseInt(e.break_duration_minutes)>0}o(ko,"shouldSummarizeBreaks");function St(e){let t=e.filter(Po),r=xt(t,g=>`${g.start_time}|${g.end_time}`),a=e.filter(ko),i=xt(a,"break_duration_minutes"),d=Object.keys(r).map(g=>{let v=r[g],n=v[0].day,[c,u]=g.split("|"),s=`from <span>${c.replace(":","h")}</span> to <span>${u.replace(":","h")}</span>`,l=So(n,v),f=(l?v.findIndex(_=>_.day===l):-1)===v.length-1;return v.length===1?`${Z(n)}, ${s}`:!f||!l?v.reduce((_,k,b)=>{let M=Z(k.day);return b===v.length-1?`${_}and ${M}, ${s}`:`${_}<span>${M}</span>, `},""):`<span>${Z(n)}</span> to <span>${Z(l)}</span>, ${s}`}),p=Object.keys(i).reverse().map((g,v)=>{let n=v===0,c=i[g],u=bo(parseInt(g,10));if(Object.keys(i).length===1)return`With ${u} daily breaks`;if(c.length===1){let s=`${u} break on ${Z(c[0].day)}.`;return n?`With ${s}`:s}return c.reduce((s,l,h)=>{let f=Z(l.day);return h===0?`${s} ${f}`:h===c.length-1?`${s}, and ${f}.`:`${s}, ${f}`},n?`With ${u} break on`:`${u} break on`)});return{workHoursSummary:d,breakSummary:p}}o(St,"buildWorkScheduleSummary");function Le(e){let{checked:t,start_time:r,end_time:a,break_duration_minutes:i}=e;if(!t)return 0;let[d,p]=r.split(":").map(Number),[g,v]=a.split(":").map(Number),n=d*60+p,s=(g*60+v-n-Number.parseInt(i||"0"))/60;return s===Math.floor(s)?s:Number(s.toFixed(2))}o(Le,"calculateHours");var Ro={monday:"Mon",tuesday:"Tue",wednesday:"Wed",thursday:"Thu",friday:"Fri",saturday:"Sat",sunday:"Sun"};function ue(e){return Ro[e]}o(ue,"getShortWeekday");import{jsx as F,jsxs as E}from"react/jsx-runtime";var Lo=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:o(e=>e.required("Required"),"then"),otherwise:o(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:o(e=>e.required("Required"),"then"),otherwise:o(e=>e.optional().nullable(),"otherwise")}),hours:I.number().default(0),break_duration_minutes:I.string().default("0")}),Mo=I.object({schedule:I.array(Lo)});function $o({defaultSchedule:e,onSubmit:t}){let[r,a]=Pt(!1),i=pe.map(f=>{let _=e.find(k=>k.day.toLowerCase()===ue(f).toLowerCase()||k.day.toLowerCase()===f.toLowerCase());return _?{..._,day:ue(f),checked:!0}:{...e[0],checked:!1,day:ue(f)}}),d=To({defaultValues:{schedule:i},resolver:Do(Mo)}),{handleSubmit:p,watch:g,reset:v,control:n,formState:c}=d,{fields:u}=Wo({name:"schedule",control:n}),s=g("schedule");function l(f){let _=f.schedule.filter(({checked:k})=>k).map(k=>({...k,hours:Le(k)}));t(_),a(!1)}o(l,"handleSubmitWorkingHours");function h(){v(),a(!1)}return o(h,"handleCancel"),F("div",{className:"flex items-center justify-between",children:E(Re,{open:r,onOpenChange:a,children:[F(st,{asChild:!0,children:F(B,{variant:"link",className:"flex items-center p-0 RemoteFlows__WorkScheduleSelectionForm__Trigger",children:"Edit Schedule"})}),E(Ne,{className:"max-w-5xl max-h-[90vh] overflow-y-auto px-8 py-4 RemoteFlows__WorkScheduleSelectionForm__Content",children:[F(we,{children:F(De,{className:"RemoteFlows__WorkScheduleSelectionForm__Title",children:"Edit employee working hours"})}),F(Me,{...d,children:E("form",{className:"space-y-4 RemoteFlows__WorkScheduleSelectionForm__Form",children:[E("div",{className:"rounded-lg",children:[F("p",{className:"text-gray-600 text-sm mb-4 RemoteFlows__WorkScheduleSelectionForm__Description",children:"The times displayed are in the employee's time zone in the 24-hour format."}),E("div",{className:"grid grid-cols-12 gap-4 text-sm font-medium text-gray-500 uppercase tracking-wide RemoteFlows__WorkScheduleSelectionForm__Header",children:[F("div",{className:"col-span-2"}),F("div",{className:"col-span-3 text-center",children:"START"}),F("div",{className:"col-span-1 text-center"}),F("div",{className:"col-span-3 text-center",children:"END"}),F("div",{className:"col-span-2 text-center",children:"HOURS"})]}),F("div",{className:"RemoteFlows__WorkScheduleSelectionForm__Rows",children:u.map((f,_)=>{let k=s[_],b=Le(k);return E(No.Fragment,{children:[E("div",{className:"grid grid-cols-12 gap-4 items-center py-2 RemoteFlows__WorkScheduleSelectionForm__Row-Hours",children:[F("div",{className:"col-span-2 flex items-center gap-3",children:F(re,{label:f.day,name:`schedule.${_}.checked`})}),F("div",{className:"col-span-3",children:F(A,{name:`schedule.${_}.start_time`,includeErrorMessage:!1})}),F("div",{className:"col-span-1 text-center text-gray-500",children:"to"}),F("div",{className:"col-span-3",children:F(A,{name:`schedule.${_}.end_time`,includeErrorMessage:!1})}),F("div",{className:"col-span-2 text-center text-gray-600",children:isNaN(b)?"-":`${b} hours`})]}),E("div",{className:"grid grid-cols-12 gap-4 items-center py-2 RemoteFlows__WorkScheduleSelectionForm__Row-Break",children:[F("div",{className:"col-span-2 text-gray-500",children:"Break"}),F("div",{className:"col-span-2",children:F(A,{name:`schedule.${_}.break_duration_minutes`,includeErrorMessage:!1})}),F("div",{className:"col-span-2 text-gray-500",children:"minutes"}),F("div",{className:"col-span-4"})]})]},f.id)})})]}),Object.keys(c.errors).length>0&&F("p",{className:"text-destructive text-sm mb-0",children:"Invalid time format (HH:mm)"}),E("div",{className:"flex gap-4 pt-4",children:[F(B,{type:"button",className:"reset-button",variant:"outline",onClick:h,children:"Cancel"}),F(B,{type:"button",className:"submit-button",onClick:p(l),children:"Save Schedule"})]})]})})]})]})})}o($o,"WorkScheduleSelectionForm");function kt(e){let{components:t}=x(),{setValue:r,control:a,watch:i}=Io(),d=i(e.name),[p,g]=Pt(d),{workHoursSummary:v,breakSummary:n}=St(p),c=bt(p);wo(()=>{r(e.name,p)},[p,e.name,r]);function u(l){g(l)}o(u,"onSubmit");let s=e.component||t?.["work-schedule"];return s?F(C,{control:a,name:e.name,render:({field:l,fieldState:h})=>F(s,{field:{...l,onChange:o(f=>{l.onChange(f),e.onChange?.(f)},"onChange")},fieldState:h,fieldData:{...e,defaultFormattedValue:{workHoursSummary:v,breakSummary:n,totalWorkHours:c}}})}):E("div",{className:"flex flex-col gap-3 RemoteFlows__WorkScheduleField",children:[F("p",{className:"text-sm RemoteFlows__WorkScheduleField__Title",children:"Work hours"}),E("div",{className:"flex flex-col gap-1 RemoteFlows__WorkScheduleField__Summary",children:[F("p",{className:"text-sm text-gray-500 RemoteFlows__WorkScheduleField__Summary__WorkHours",dangerouslySetInnerHTML:{__html:v.join(", ")}}),F("p",{className:"text-sm text-gray-500 RemoteFlows__WorkScheduleField__Summary__Break",children:n.join()}),E("p",{className:"text-sm text-gray-500 RemoteFlows__WorkScheduleField__Summary__Total",children:["Total of ",F("span",{children:c})," hours per week"]}),F($o,{defaultSchedule:p,onSubmit:u})]})]})}o(kt,"WorkScheduleField");var ce={checkbox:re,text:A,email:ht,money:be,select:it,radio:Qe,number:be,file:Ke,fieldset:Ue,date:Ae,textarea:Ft,countries:gt,hidden:_t,"work-schedule":kt};import{useEffect as Ho}from"react";import{useFormContext as Eo}from"react-hook-form";import{Fragment as Bo,jsx as fe,jsxs as Ao}from"react/jsx-runtime";function Rt({name:e,value:t,description:r,statement:a}){let{setValue:i}=Eo();return Ho(()=>{i(e,t)},[]),fe("div",{children:a?Ao(Bo,{children:[fe("p",{className:`text-sm RemoteFlows__ForcedValue__Title__${e}`,dangerouslySetInnerHTML:{__html:a?.title}}),fe("p",{className:`text-xs RemoteFlows__ForcedValue__Description__${e}`,dangerouslySetInnerHTML:{__html:a?.description}})]}):fe("p",{className:`text-xs RemoteFlows__ForcedValue__Description__${e}`,dangerouslySetInnerHTML:{__html:r}})})}o(Rt,"ForcedValueField");import{Fragment as Go,jsx as j,jsxs as Nt}from"react/jsx-runtime";function Oo(e){return e.const!==void 0&&e.const===e.default&&e.inputType!=="checkbox"&&e.inputType!=="hidden"}o(Oo,"checkFieldHasForcedValue");var Mi=o(({fields:e,components:t})=>!e||e.length===0?null:j(Go,{children:e.map(r=>{if(r.isVisible===!1||r.deprecated)return null;if(Oo(r))return j(Rt,{name:r.name,description:r.description,value:r.const,statement:r.statement},r.name);if(r.Component){let{Component:i}=r;return j(i,{...r},r.name)}let a=ce[r.inputType];return r.inputType==="fieldset"?j(a,{...r,components:t}):a?Nt(zo,{children:[j(a,{...r,component:t&&t[r.inputType]}),r.statement?j(me,{...r.statement}):null]},r.name):Nt("p",{className:"error",children:["Field type ",r.inputType," not supported"]})})}),"JSONSchemaFormFields");export{Mi as a};
+//# sourceMappingURL=chunk-3BIRQAED.js.map

package/dist/chunk-3BIRQAED.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/JSONSchemaForm.tsx","../src/components/ui/checkbox.tsx","../src/components/form/fields/CheckBoxField.tsx","../src/components/form/fields/DatePickerField.tsx","../src/components/ui/calendar.tsx","../src/components/ui/popover.tsx","../src/components/ui/alert.tsx","../src/components/form/Statement.tsx","../src/components/form/fields/FieldSetField.tsx","../src/components/form/fields/FileUploadField.tsx","../src/components/ui/file-uploader.tsx","../src/components/form/fields/NumberField.tsx","../src/components/ui/radio-group.tsx","../src/components/form/fields/RadioGroupField.tsx","../src/components/ui/select.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/dialog.tsx","../src/components/form/fields/TextAreaField.tsx","../src/components/ui/textarea.tsx","../src/components/form/fields/EmailField.tsx","../src/components/form/fields/HiddenField.tsx","../src/components/form/fields/WorkScheduleField.tsx","../src/components/form/fields/workScheduleUtils.ts","../src/components/form/fields/fieldsMapping.tsx","../src/components/form/fields/ForcedValueField.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { Fields } from '@remoteoss/json-schema-form';\nimport React, { Fragment } from 'react';\n\nimport { fieldsMap } from '@/src/components/form/fields/fieldsMapping';\nimport { SupportedTypes } from '@/src/components/form/fields/types';\nimport { Statement, StatementProps } from '@/src/components/form/Statement';\nimport { ForcedValueField } from '@/src/components/form/fields/ForcedValueField';\nimport { Components } from '@/src/types/remoteFlows';\n\ntype JSONSchemaFormFieldsProps = {\n  fields: Fields;\n  components?: Components;\n};\n\nfunction checkFieldHasForcedValue(field: any) {\n  // A field to be considered \"forced value\" must:\n  return (\n    field.const !== undefined && // Only accepts a specific value\n    field.const === field.default && // It can be prefilled, meaning it's not critical\n    field.inputType !== 'checkbox' && // Because checkbox must always be visible\n    field.inputType !== 'hidden' // Because hidden inputs shouldn't be visible\n  );\n}\n\nexport const JSONSchemaFormFields = ({\n  fields,\n  components,\n}: JSONSchemaFormFieldsProps) => {\n  if (!fields || fields.length === 0) return null;\n\n  return (\n    <>\n      {fields.map((field) => {\n        if (field.isVisible === false || field.deprecated) {\n          return null; // Skip hidden or deprecated fields\n        }\n\n        if (checkFieldHasForcedValue(field)) {\n          return (\n            <ForcedValueField\n              key={field.name as string}\n              name={field.name as string}\n              description={field.description as string}\n              value={field.const as string}\n              statement={field.statement as any}\n            />\n          );\n        }\n\n        if (field.Component) {\n          const { Component } = field as {\n            Component: React.ComponentType<any>;\n          };\n          return <Component key={field.name as string} {...field} />;\n        }\n\n        const FieldComponent = fieldsMap[field.inputType as SupportedTypes];\n\n        if (field.inputType === 'fieldset') {\n          return <FieldComponent {...field} components={components} />;\n        }\n\n        return FieldComponent ? (\n          <Fragment key={field.name as string}>\n            <FieldComponent\n              {...field}\n              component={\n                components && components[field.inputType as SupportedTypes]\n              }\n            />\n            {field.statement ? (\n              <Statement {...(field.statement as StatementProps)} />\n            ) : null}\n          </Fragment>\n        ) : (\n          <p className=\"error\">\n            Field type {field.inputType as string} not supported\n          </p>\n        );\n      })}\n    </>\n  );\n};\n","'use client';\n\nimport * as React from 'react';\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox';\nimport { Check } from 'lucide-react';\n\nimport { cn } from '@/src/lib/utils';\n\nconst Checkbox = React.forwardRef<\n  React.ComponentRef<typeof CheckboxPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>\n>(({ className, ...props }, ref) => (\n  <CheckboxPrimitive.Root\n    ref={ref}\n    className={cn(\n      'peer h-4 w-4 shrink-0 rounded-sm border border-input ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-checkbox data-[state=checked]:text-primary',\n      className,\n    )}\n    {...props}\n  >\n    <CheckboxPrimitive.Indicator\n      className={cn('flex items-center justify-center text-current')}\n    >\n      <Check className=\"h-4 w-4\" />\n    </CheckboxPrimitive.Indicator>\n  </CheckboxPrimitive.Root>\n));\nCheckbox.displayName = CheckboxPrimitive.Root.displayName;\n\nexport { Checkbox };\n","/* 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';\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 { PopoverClose } from '@radix-ui/react-popover';\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  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            minDate,\n            onChange,\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={minDate ? new Date(minDate) : undefined}\n                  components={{\n                    DayContent: (props) => {\n                      return (\n                        <PopoverClose>{props.date.getDate()}</PopoverClose>\n                      );\n                    },\n                  }}\n                  {...(minDate && {\n                    disabled: (date: Date) => date < new Date(minDate),\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 { cva, type VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\n\nimport { cn } from '@/src/lib/utils';\n\nconst alertVariants = cva(\n  'relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current',\n  {\n    variants: {\n      variant: {\n        default: 'bg-card text-card-foreground',\n        destructive:\n          'text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90',\n        warning:\n          'bg-card bg-warning border-warning-border [&>svg]:text-current',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  },\n);\n\nfunction Alert({\n  className,\n  variant,\n  ...props\n}: React.ComponentProps<'div'> & VariantProps<typeof alertVariants>) {\n  return (\n    <div\n      data-slot=\"alert\"\n      role=\"alert\"\n      className={cn(alertVariants({ variant }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction AlertTitle({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"alert-title\"\n      className={cn(\n        'col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDescription({\n  className,\n  ...props\n}: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"alert-description\"\n      className={cn(\n        'text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Alert, AlertDescription, AlertTitle };\n","import { Alert, AlertDescription, AlertTitle } from '@/src/components/ui/alert';\nimport { useFormFields } from '@/src/context';\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,\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      <AlertDescription>{description}</AlertDescription>\n    </Alert>\n  );\n}\n","import { fieldsMap } from '@/src/components/form/fields/fieldsMapping';\nimport { cn } from '@/src/lib/utils';\nimport { SupportedTypes } from './types';\nimport { Components } from '@/src/types/remoteFlows';\nimport { Statement, StatementProps } from '@/src/components/form/Statement';\n\ntype FieldBase = {\n  label: string;\n  name: string;\n  description: string;\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 FieldSetProps = {\n  label: string;\n  name: string;\n  description: string;\n  fields: Field[];\n  components: Components;\n  statement?: StatementProps;\n};\n\nexport function FieldSetField({\n  label,\n  name,\n  fields,\n  description,\n  components,\n  statement,\n}: FieldSetProps) {\n  return (\n    <fieldset\n      className={cn(\n        'border-1 border-input p-4 rounded-xl',\n        `RemoteFlows__FieldSetField__${name}`,\n      )}\n    >\n      <legend className=\"text-sm font-semibold px-2\">{label}</legend>\n      {description ? (\n        <div\n          className=\"mb-5 RemoteFlows__FieldSetField__Description\"\n          dangerouslySetInnerHTML={{ __html: description }}\n        />\n      ) : null}\n      <div className=\"grid gap-4\">\n        {fields.map((field) => {\n          const FieldComponent = fieldsMap[field.type];\n\n          // @ts-expect-error - TODO: use types from json-schema-form v1\n          if (field.isVisible === false || field.deprecated) {\n            return null; // Skip hidden or deprecated fields\n          }\n\n          return (\n            <FieldComponent\n              {...field}\n              key={field.name}\n              name={`${name}.${field.name}`}\n              component={components?.[field.type]}\n            />\n          );\n        })}\n        {statement ? <Statement {...statement} /> : null}\n      </div>\n    </fieldset>\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","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 { 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 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","import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';\nimport { CircleIcon } from 'lucide-react';\nimport * as React from 'react';\n\nimport { cn } from '@/src/lib/utils';\n\nfunction RadioGroup({\n  className,\n  ...props\n}: React.ComponentProps<typeof RadioGroupPrimitive.Root>) {\n  return (\n    <RadioGroupPrimitive.Root\n      data-slot=\"radio-group\"\n      className={cn('grid gap-3', className)}\n      {...props}\n    />\n  );\n}\n\nfunction RadioGroupItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof RadioGroupPrimitive.Item>) {\n  return (\n    <RadioGroupPrimitive.Item\n      data-slot=\"radio-group-item\"\n      className={cn(\n        'border-input text-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50',\n        className,\n      )}\n      {...props}\n    >\n      <RadioGroupPrimitive.Indicator\n        data-slot=\"radio-group-indicator\"\n        className=\"relative flex items-center justify-center\"\n      >\n        <CircleIcon className=\"fill-radio absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2\" />\n      </RadioGroupPrimitive.Indicator>\n    </RadioGroupPrimitive.Item>\n  );\n}\n\nexport { RadioGroup, RadioGroupItem };\n","/* eslint-disable @typescript-eslint/no-explicit-any */\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                  <>\n                    <FormItem\n                      key={option.value}\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                        />\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                  </>\n                ))}\n              </RadioGroup>\n            </FormControl>\n            {description && <FormDescription>{description}</FormDescription>}\n            {fieldState.error && <FormMessage />}\n          </FormItem>\n        );\n      }}\n    />\n  );\n}\n","import * as React from 'react';\nimport * as SelectPrimitive from '@radix-ui/react-select';\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from 'lucide-react';\n\nimport { cn } from '@/src/lib/utils';\n\nfunction Select({\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Root>) {\n  return <SelectPrimitive.Root data-slot=\"select\" {...props} />;\n}\n\nfunction SelectGroup({\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Group>) {\n  return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />;\n}\n\nfunction SelectValue({\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Value>) {\n  return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />;\n}\n\nfunction SelectTrigger({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Trigger>) {\n  return (\n    <SelectPrimitive.Trigger\n      data-slot=\"select-trigger\"\n      className={cn(\n        \"border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive flex w-full items-center justify-between rounded-xl border bg-transparent px-4 py-7 text-sm whitespace-nowrap transition-[color] outline-none disabled:cursor-not-allowed disabled:opacity-50 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        'focus-visible:border-focused',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon asChild className=\"absolute right-4\">\n        <ChevronDownIcon className=\"size-4\" />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  );\n}\n\nfunction SelectContent({\n  className,\n  children,\n  position = 'popper',\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Content>) {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Content\n        data-slot=\"select-content\"\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 relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-xl border',\n          position === 'popper' &&\n            'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1',\n          className,\n        )}\n        position={position}\n        {...props}\n      >\n        <SelectScrollUpButton />\n        <SelectPrimitive.Viewport\n          className={cn(\n            position === 'popper' &&\n              'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1',\n          )}\n        >\n          {children}\n        </SelectPrimitive.Viewport>\n        <SelectScrollDownButton />\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  );\n}\n\nfunction SelectLabel({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Label>) {\n  return (\n    <SelectPrimitive.Label\n      data-slot=\"select-label\"\n      className={cn('px-2 py-1.5 text-sm font-medium', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SelectItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Item>) {\n  return (\n    <SelectPrimitive.Item\n      data-slot=\"select-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground min-h-11 justify-between [&_svg:not([class*='text-'])]:text-muted-foreground flex w-full cursor-default items-center gap-2 py-2 px-4 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2\",\n        className,\n      )}\n      {...props}\n    >\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n      <span className=\"flex size-3.5 items-center justify-center\">\n        <SelectPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </SelectPrimitive.ItemIndicator>\n      </span>\n    </SelectPrimitive.Item>\n  );\n}\n\nfunction SelectSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Separator>) {\n  return (\n    <SelectPrimitive.Separator\n      data-slot=\"select-separator\"\n      className={cn('bg-border pointer-events-none -mx-1 my-1 h-px', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SelectScrollUpButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {\n  return (\n    <SelectPrimitive.ScrollUpButton\n      data-slot=\"select-scroll-up-button\"\n      className={cn(\n        'flex cursor-default items-center justify-center py-1',\n        className,\n      )}\n      {...props}\n    >\n      <ChevronUpIcon className=\"size-4\" />\n    </SelectPrimitive.ScrollUpButton>\n  );\n}\n\nfunction SelectScrollDownButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {\n  return (\n    <SelectPrimitive.ScrollDownButton\n      data-slot=\"select-scroll-down-button\"\n      className={cn(\n        'flex cursor-default items-center justify-center py-1',\n        className,\n      )}\n      {...props}\n    >\n      <ChevronDownIcon className=\"size-4\" />\n    </SelectPrimitive.ScrollDownButton>\n  );\n}\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\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; 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: any) => {\n                  field.onChange(value);\n                  onChange?.(value);\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                    field.onChange(value);\n                    onChange?.(value);\n                  }}\n                >\n                  <SelectTrigger\n                    className=\"RemoteFlows__SelectField__Trigger\"\n                    aria-invalid={Boolean(fieldState.error)}\n                    aria-label={label}\n                  >\n                    <span className=\"absolute\">\n                      <SelectValue placeholder={label} />\n                    </span>\n                  </SelectTrigger>\n                  <SelectContent className=\"RemoteFlows__SelectField__Content\">\n                    <SelectGroup className=\"RemoteFlows__SelectField__Group\">\n                      {options.map((option) => (\n                        <SelectItem\n                          key={option.value}\n                          value={option.value}\n                          className=\"RemoteFlows__SelectField__SelectItem\"\n                        >\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 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={category}>\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","'use client';\n\nimport * as React from 'react';\nimport * as DialogPrimitive from '@radix-ui/react-dialog';\nimport { XIcon } from 'lucide-react';\n\nimport { cn } from '@/src/lib/utils';\n\nfunction Dialog({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Root>) {\n  return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />;\n}\n\nfunction DialogTrigger({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />;\n}\n\nfunction DialogPortal({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n  return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />;\n}\n\nfunction DialogClose({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Close>) {\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />;\n}\n\nfunction DialogOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n  return (\n    <DialogPrimitive.Overlay\n      data-slot=\"dialog-overlay\"\n      className={cn(\n        'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DialogContent({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Content>) {\n  return (\n    <DialogPortal data-slot=\"dialog-portal\">\n      <DialogOverlay />\n      <DialogPrimitive.Content\n        data-slot=\"dialog-content\"\n        className={cn(\n          'bg-background 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <DialogPrimitive.Close className=\"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 RemoteFlows__Dialog__Close\">\n          <XIcon />\n          <span className=\"sr-only\">Close</span>\n        </DialogPrimitive.Close>\n      </DialogPrimitive.Content>\n    </DialogPortal>\n  );\n}\n\nfunction DialogHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"dialog-header\"\n      className={cn('flex flex-col gap-2 text-center sm:text-left', className)}\n      {...props}\n    />\n  );\n}\n\nfunction DialogFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"dialog-footer\"\n      className={cn(\n        'flex flex-col-reverse gap-2 sm:flex-row sm:justify-end',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DialogTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Title>) {\n  return (\n    <DialogPrimitive.Title\n      data-slot=\"dialog-title\"\n      className={cn('text-lg leading-none font-semibold', className)}\n      {...props}\n    />\n  );\n}\n\nfunction DialogDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Description>) {\n  return (\n    <DialogPrimitive.Description\n      data-slot=\"dialog-description\"\n      className={cn('text-muted-foreground text-sm', className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\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 {\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","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 { 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 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","import { CheckBoxField } from '@/src/components/form/fields/CheckBoxField';\nimport { DatePickerField } from '@/src/components/form/fields/DatePickerField';\nimport { FieldSetField } from '@/src/components/form/fields/FieldSetField';\nimport { FileUploadField } from '@/src/components/form/fields/FileUploadField';\nimport { NumberField } from '@/src/components/form/fields/NumberField';\nimport { RadioGroupField } from '@/src/components/form/fields/RadioGroupField';\nimport { SelectField } from '@/src/components/form/fields/SelectField';\nimport { CountryField } from '@/src/components/form/fields/CountryField';\nimport { TextAreaField } from '@/src/components/form/fields/TextAreaField';\nimport { TextField } from '@/src/components/form/fields/TextField';\nimport { EmailField } from '@/src/components/form/fields/EmailField';\nimport { SupportedTypes } from '@/src/components/form/fields/types';\nimport { HiddenField } from '@/src/components/form/fields/HiddenField';\nimport { WorkScheduleField } from '@/src/components/form/fields/WorkScheduleField';\nimport React from 'react';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const fieldsMap: Record<SupportedTypes, React.ComponentType<any>> = {\n  checkbox: CheckBoxField,\n  text: TextField,\n  email: EmailField,\n  money: NumberField,\n  select: SelectField,\n  radio: RadioGroupField,\n  number: NumberField,\n  file: FileUploadField,\n  fieldset: FieldSetField,\n  date: DatePickerField,\n  textarea: TextAreaField,\n  countries: CountryField,\n  hidden: HiddenField,\n  'work-schedule': WorkScheduleField,\n};\n","import { useEffect } from 'react';\nimport { useFormContext } from 'react-hook-form';\n\ntype ForcedValueFieldProps = {\n  name: string;\n  value: string;\n  description: string;\n  statement?: {\n    title: string;\n    description: string;\n  };\n};\n\nexport function ForcedValueField({\n  name,\n  value,\n  description,\n  statement,\n}: ForcedValueFieldProps) {\n  const { setValue } = useFormContext();\n\n  useEffect(() => {\n    setValue(name, value);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <div>\n      {statement ? (\n        <>\n          <p\n            className={`text-sm RemoteFlows__ForcedValue__Title__${name}`}\n            dangerouslySetInnerHTML={{ __html: statement?.title }}\n          />\n          <p\n            className={`text-xs RemoteFlows__ForcedValue__Description__${name}`}\n            dangerouslySetInnerHTML={{\n              __html: statement?.description,\n            }}\n          />\n        </>\n      ) : (\n        <p\n          className={`text-xs RemoteFlows__ForcedValue__Description__${name}`}\n          dangerouslySetInnerHTML={{ __html: description }}\n        />\n      )}\n    </div>\n  );\n}\n"],"mappings":"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","names":["Fragment","React","CheckboxPrimitive","Check","jsx","Checkbox","className","props","ref","cn","Check","useFormContext","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","useFormContext","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","PopoverClose","format","Fragment","jsx","jsxs","DatePickerField","description","label","name","minDate","onChange","component","rest","components","useFormFields","control","useFormContext","FormField","field","fieldState","CustomDatePickerField","customDatePickerFieldProps","__name","value","FormItem","FormLabel","Popover","PopoverTrigger","FormControl","Button","cn","format","CalendarIcon","PopoverContent","Calendar","date","props","PopoverClose","FormDescription","FormMessage","cva","jsx","alertVariants","cva","Alert","className","variant","props","cn","__name","AlertTitle","AlertDescription","AlertCircle","jsx","jsxs","Statement","title","description","severity","components","useFormFields","CustomStatement","Alert","AlertCircle","AlertTitle","AlertDescription","__name","jsx","jsxs","createElement","FieldSetField","label","name","fields","description","components","statement","cn","field","FieldComponent","fieldsMap","Statement","__name","useFormContext","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","useFormContext","jsx","NumberField","props","components","useFormFields","control","useFormContext","CustomNumberField","FormField","field","fieldState","__name","value","TextField","RadioGroupPrimitive","CircleIcon","jsx","RadioGroup","className","props","cn","__name","RadioGroupItem","CircleIcon","useFormContext","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","RadioGroupItem","FormDescription","FormMessage","SelectPrimitive","CheckIcon","ChevronDownIcon","ChevronUpIcon","jsx","jsxs","Select","props","__name","SelectGroup","SelectValue","SelectTrigger","className","children","cn","ChevronDownIcon","SelectContent","position","SelectScrollUpButton","SelectScrollDownButton","SelectItem","className","children","props","jsxs","cn","jsx","CheckIcon","__name","SelectScrollUpButton","className","props","jsx","cn","ChevronUpIcon","__name","SelectScrollDownButton","ChevronDownIcon","useFormContext","jsx","jsxs","SelectField","label","name","options","defaultValue","description","onChange","component","rest","control","useFormContext","components","useFormFields","FormField","field","fieldState","CustomSelectField","customSelectFieldProps","__name","value","FormItem","FormLabel","FormControl","Select","SelectTrigger","SelectValue","SelectContent","SelectGroup","option","SelectItem","FormDescription","FormMessage","useState","useFormContext","Fragment","useState","Check","ChevronDownIcon","X","CommandPrimitive","SearchIcon","DialogPrimitive","XIcon","jsx","jsxs","Dialog","props","__name","DialogTrigger","DialogPortal","DialogOverlay","className","props","jsx","cn","__name","DialogContent","children","jsxs","DialogPortal","XIcon","DialogHeader","DialogTitle","className","props","jsx","cn","__name","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","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","useFormContext","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","useFormContext","jsx","EmailField","props","components","useFormFields","control","useFormContext","CustomEmailField","FormField","field","fieldState","__name","value","TextField","useFormContext","jsx","HiddenField","props","control","useFormContext","FormField","field","__name","React","useEffect","useState","yupResolver","useForm","useFormContext","useFieldArray","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","yupResolver","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","fieldsMap","CheckBoxField","TextField","EmailField","NumberField","SelectField","RadioGroupField","FileUploadField","FieldSetField","DatePickerField","TextAreaField","CountryField","HiddenField","WorkScheduleField","useEffect","useFormContext","Fragment","jsx","jsxs","ForcedValueField","name","value","description","statement","setValue","useFormContext","useEffect","__name","Fragment","jsx","jsxs","checkFieldHasForcedValue","field","__name","JSONSchemaFormFields","fields","components","ForcedValueField","Component","FieldComponent","fieldsMap","Statement"]}

package/dist/chunk-3HPG2L62.js

@@ -0,0 +1,2 @@
+import{b as l}from"./chunk-KSHK3ZPX.js";import{b as C}from"./chunk-GEYFQVQI.js";import{b as i}from"./chunk-3ZWDIEEM.js";import{a as c}from"./chunk-KPHSEIR3.js";import{a as u}from"./chunk-P37U34EQ.js";import{jsx as a}from"react/jsx-runtime";function R({children:e,...t}){let{form:r,formId:n,costCalculatorBag:s}=l(),{components:f}=i(),m=f?.button;return m?a(m,{...t,type:"reset",form:n,onClick:o=>{s?.resetForm(),r.reset(),t.onClick?.(o)},children:e}):a(C,{...t,type:"reset",className:c("RemoteFlows__CostCalculatorForm__ResetButton",t.className),form:n,onClick:o=>{s?.resetForm(),r.reset(),t.onClick?.(o)},children:e})}u(R,"CostCalculatorResetButton");export{R as a};
+//# sourceMappingURL=chunk-3HPG2L62.js.map