@remoteoss/remote-flows 0.20.1 → 0.21.1

package/dist/chunk-OUO2RTM4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/fields/CheckBoxField.tsx","../src/components/form/fields/DatePickerField.tsx","../src/components/ui/calendar.tsx","../src/components/ui/popover.tsx","../src/components/ui/file-uploader.tsx","../src/components/form/fields/FileUploadField.tsx","../src/components/form/fields/NumberField.tsx","../src/components/form/fields/RadioGroupField.tsx","../src/components/form/fields/SelectField.tsx","../src/components/form/fields/CountryField.tsx","../src/components/ui/multi-select.tsx","../src/components/ui/command.tsx","../src/components/ui/textarea.tsx","../src/components/form/fields/TextAreaField.tsx","../src/components/form/fields/EmailField.tsx","../src/components/form/fields/HiddenField.tsx","../src/components/form/fields/WorkScheduleField.tsx","../node_modules/@hookform/resolvers/src/validateFieldsNatively.ts","../node_modules/@hookform/resolvers/src/toNestErrors.ts","../node_modules/@hookform/resolvers/yup/src/yup.ts","../src/components/form/fields/workScheduleUtils.ts","../src/components/form/fields/MultiSelectField.tsx","../src/components/form/fields/MoneyField.tsx","../src/components/form/fields/baseFields.tsx","../src/components/form/Statement.tsx","../src/components/form/fields/FieldSetField.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { Checkbox } from '@/src/components/ui/checkbox';\nimport {\n  FormControl,\n  FormDescription,\n  FormField,\n  FormItem,\n  FormLabel,\n  FormMessage,\n} from '@/src/components/ui/form';\nimport { useFormFields } from '@/src/context';\nimport { cn } from '@/src/lib/utils';\nimport { Components, JSFField } from '@/src/types/remoteFlows';\nimport { CheckedState } from '@radix-ui/react-checkbox';\nimport {\n  ControllerRenderProps,\n  FieldValues,\n  useFormContext,\n} from 'react-hook-form';\n\nexport type CheckBoxFieldProps = {\n  name: string;\n} & Partial<\n  JSFField & {\n    onChange?: (checked: any, optionId?: string) => void;\n    component?: Components['checkbox'];\n  }\n>;\n\nexport function CheckBoxField({\n  name,\n  defaultValue,\n  description,\n  label,\n  onChange,\n  multiple,\n  options,\n  component,\n  ...rest\n}: CheckBoxFieldProps) {\n  const { components } = useFormFields();\n  const { control } = useFormContext();\n\n  const handleCheckboxChange = (\n    optionId: string,\n    checked: boolean,\n    field: ControllerRenderProps<FieldValues, string>,\n  ) => {\n    const currentValues = field.value ? [...field.value] : [];\n\n    if (checked) {\n      // Add the value if it's not already in the array\n      if (!currentValues.includes(optionId)) {\n        field.onChange([...currentValues, optionId]);\n      }\n    } else {\n      // Remove the value from the array\n      field.onChange(currentValues.filter((value) => value !== optionId));\n    }\n  };\n\n  return (\n    <FormField\n      control={control}\n      name={name}\n      defaultValue={defaultValue}\n      render={({ field, fieldState }) => {\n        const CustomCheckboxField = component || components?.checkbox;\n        if (CustomCheckboxField) {\n          const customCheckboxFieldProps = {\n            name,\n            description,\n            label,\n            defaultValue,\n            multiple,\n            options,\n            ...rest,\n          };\n          return (\n            <CustomCheckboxField\n              field={{\n                ...field,\n                onChange: (evt: any) => {\n                  if (multiple) {\n                    const { checked, value } = evt.target;\n                    handleCheckboxChange(value, checked, field);\n                    onChange?.(checked);\n                    return;\n                  }\n                  field.onChange(evt);\n                  onChange?.(evt);\n                },\n              }}\n              fieldState={fieldState}\n              fieldData={customCheckboxFieldProps}\n            />\n          );\n        }\n        return (\n          <FormItem\n            data-field={name}\n            className={cn(`RemoteFlows__CheckBoxField__Item__${name}`)}\n          >\n            <FormControl>\n              <>\n                {options && multiple ? <FormLabel>{label}</FormLabel> : null}\n\n                {options && multiple ? (\n                  options.map((option) => (\n                    <div key={option.value} className='flex space-x-2'>\n                      <Checkbox\n                        id={option.value}\n                        onCheckedChange={(checked: CheckedState) => {\n                          handleCheckboxChange(\n                            option.value,\n                            checked === true,\n                            field,\n                          );\n                          onChange?.(checked, option.value);\n                        }}\n                        checked={field.value?.includes(option.value)}\n                        className='RemoteFlows__CheckBox__Input'\n                      />\n                      <FormLabel\n                        htmlFor={option.value}\n                        className='mb-0 RemoteFlows__CheckBox__Label'\n                      >\n                        {option.label}\n                      </FormLabel>\n                    </div>\n                  ))\n                ) : (\n                  <div className='flex space-x-2'>\n                    <Checkbox\n                      id={name}\n                      onCheckedChange={(event: CheckedState) => {\n                        field.onChange(event);\n                        onChange?.(event);\n                      }}\n                      checked={field.value}\n                      className='RemoteFlows__CheckBox__Input'\n                    />\n                    <FormLabel\n                      htmlFor={name}\n                      className='mb-0 RemoteFlows__CheckBox__Label'\n                    >\n                      {label}\n                    </FormLabel>\n                  </div>\n                )}\n              </>\n            </FormControl>\n            {description && <FormDescription>{description}</FormDescription>}\n            {fieldState.error && <FormMessage />}\n          </FormItem>\n        );\n      }}\n    />\n  );\n}\n","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { CalendarIcon } from 'lucide-react';\nimport { useFormContext } from 'react-hook-form';\nimport { PopoverClose } from '@radix-ui/react-popover';\n\nimport { Button } from '@/src/components/ui/button';\nimport { Calendar } from '@/src/components/ui/calendar';\nimport {\n  FormControl,\n  FormDescription,\n  FormField,\n  FormItem,\n  FormLabel,\n  FormMessage,\n} from '@/src/components/ui/form';\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from '@/src/components/ui/popover';\nimport { useFormFields } from '@/src/context';\nimport { cn } from '@/src/lib/utils';\nimport { Components, JSFField } from '@/src/types/remoteFlows';\nimport { getMinStartDate } from '@/src/components/form/utils';\nimport { format } from 'date-fns';\n\nexport type DatePickerFieldProps = JSFField & {\n  onChange?: (value: any) => void;\n  component?: Components['date'];\n};\n\nexport function DatePickerField({\n  description,\n  label,\n  name,\n  minDate,\n  onChange,\n  component,\n  ...rest\n}: DatePickerFieldProps) {\n  const { components } = useFormFields();\n  const { control } = useFormContext();\n\n  let minDateValue: Date;\n  if (rest.meta?.mot && typeof rest.meta.mot === 'number') {\n    minDateValue = getMinStartDate(rest.meta.mot);\n  } else if (minDate) {\n    minDateValue = new Date(minDate);\n  }\n\n  return (\n    <FormField\n      control={control}\n      name={name}\n      render={({ field, fieldState }) => {\n        const CustomDatePickerField = component || components?.date;\n\n        if (CustomDatePickerField) {\n          const customDatePickerFieldProps = {\n            description,\n            label,\n            name,\n            onChange,\n            ...(minDateValue && { minDate: minDateValue.toISOString() }),\n            ...rest,\n          };\n          return (\n            <CustomDatePickerField\n              field={{\n                ...field,\n                onChange: (value: any) => {\n                  field.onChange(value);\n                  onChange?.(value);\n                },\n              }}\n              fieldState={fieldState}\n              fieldData={customDatePickerFieldProps}\n            />\n          );\n        }\n        return (\n          <FormItem\n            data-field={name}\n            className={`flex flex-col RemoteFlows__DatePickerField__Item__${name}`}\n          >\n            <FormLabel className='RemoteFlows__DatePickerField__Label'>\n              {label}\n            </FormLabel>\n            <Popover>\n              <PopoverTrigger asChild>\n                <FormControl>\n                  <div>\n                    <Button\n                      type='button'\n                      variant={'outline'}\n                      className={cn(\n                        'w-full pl-3 text-left font-normal',\n                        !field.value && 'text-muted-foreground',\n                      )}\n                      data-testid={`date-picker-button-${name}`}\n                    >\n                      {field.value && <>{format(field.value, 'yyyy-MM-dd')}</>}\n                      <CalendarIcon className='ml-auto h-4 w-4 opacity-50' />\n                    </Button>\n                  </div>\n                </FormControl>\n              </PopoverTrigger>\n              <PopoverContent\n                className={`w-auto p-0 RemoteFlows__DatepickerField__PopoverContent`}\n                align='start'\n              >\n                <Calendar\n                  mode='single'\n                  className='RemoteFlows__DatepickerField__Calendar'\n                  selected={field.value ? new Date(field.value) : undefined}\n                  onSelect={(date) => {\n                    field.onChange(date ? format(date, 'yyyy-MM-dd') : null);\n                    onChange?.(date);\n                  }}\n                  defaultMonth={minDateValue}\n                  components={{\n                    DayContent: (props) => {\n                      return (\n                        <PopoverClose>{props.date.getDate()}</PopoverClose>\n                      );\n                    },\n                  }}\n                  {...(minDateValue && {\n                    disabled: (date: Date) => date < minDateValue,\n                  })}\n                />\n              </PopoverContent>\n            </Popover>\n            {description ? (\n              <FormDescription>{description}</FormDescription>\n            ) : null}\n            {fieldState.error && (\n              <FormMessage className='RemoteFlows__DatePickerField__Error' />\n            )}\n          </FormItem>\n        );\n      }}\n    />\n  );\n}\n","import * as React from 'react';\nimport { ChevronLeft, ChevronRight } from 'lucide-react';\nimport { DayPicker } from 'react-day-picker';\n\nimport { cn } from '@/src/lib/utils';\nimport { buttonVariants } from '@/src/components/ui/button';\n\nfunction Calendar({\n  className,\n  classNames,\n  showOutsideDays = true,\n  ...props\n}: React.ComponentProps<typeof DayPicker>) {\n  return (\n    <DayPicker\n      showOutsideDays={showOutsideDays}\n      className={cn('p-3', className)}\n      classNames={{\n        months: 'flex flex-col sm:flex-row gap-2',\n        month: 'flex flex-col gap-4',\n        caption: 'flex justify-center pt-1 relative items-center w-full',\n        caption_label: 'text-sm font-medium',\n        nav: 'flex items-center gap-1',\n        nav_button: cn(\n          buttonVariants({ variant: 'outline' }),\n          'size-7 bg-transparent p-0 opacity-50 hover:opacity-100',\n        ),\n        nav_button_previous: 'absolute left-1',\n        nav_button_next: 'absolute right-1',\n        table: 'w-full border-collapse space-x-1',\n        head_row: 'flex',\n        head_cell:\n          'text-muted-foreground rounded-md w-8 font-normal text-[0.8rem]',\n        row: 'flex w-full mt-2',\n        cell: cn(\n          'relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-range-end)]:rounded-r-md',\n          props.mode === 'range'\n            ? '[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md'\n            : '[&:has([aria-selected])]:rounded-md',\n        ),\n        day: cn(\n          buttonVariants({ variant: 'ghost' }),\n          'size-8 p-0 font-normal aria-selected:opacity-100',\n        ),\n        day_range_start:\n          'day-range-start aria-selected:bg-primary aria-selected:text-primary-foreground',\n        day_range_end:\n          'day-range-end aria-selected:bg-primary aria-selected:text-primary-foreground',\n        day_selected:\n          'bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground',\n        day_today: 'bg-accent text-accent-foreground',\n        day_outside:\n          'day-outside text-muted-foreground aria-selected:text-muted-foreground',\n        day_disabled: 'text-muted-foreground opacity-50',\n        day_range_middle:\n          'aria-selected:bg-accent aria-selected:text-accent-foreground',\n        day_hidden: 'invisible',\n        ...classNames,\n      }}\n      components={{\n        IconLeft: ({ className, ...props }) => (\n          <ChevronLeft className={cn('size-4', className)} {...props} />\n        ),\n        IconRight: ({ className, ...props }) => (\n          <ChevronRight className={cn('size-4', className)} {...props} />\n        ),\n      }}\n      {...props}\n    />\n  );\n}\n\nexport { Calendar };\n","import * as React from 'react';\nimport * as PopoverPrimitive from '@radix-ui/react-popover';\n\nimport { cn } from '@/src/lib/utils';\n\nfunction Popover({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n  return <PopoverPrimitive.Root data-slot='popover' {...props} />;\n}\n\nfunction PopoverTrigger({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n  return <PopoverPrimitive.Trigger data-slot='popover-trigger' {...props} />;\n}\n\nfunction PopoverContent({\n  className,\n  align = 'center',\n  sideOffset = 4,\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Content>) {\n  return (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Content\n        data-slot='popover-content'\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(\n          'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden',\n          className,\n        )}\n        {...props}\n      />\n    </PopoverPrimitive.Portal>\n  );\n}\n\nfunction PopoverAnchor({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n  return <PopoverPrimitive.Anchor data-slot='popover-anchor' {...props} />;\n}\n\nexport { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };\n","import React, { useState, useRef } from 'react';\nimport { Button } from '@/src/components/ui/button';\nimport { Upload, X } from 'lucide-react';\nimport { cn } from '@/src/lib/utils';\n\ntype FileUploaderProps = {\n  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  className?: string;\n  multiple?: boolean;\n};\n\nexport function FileUploader({\n  onChange,\n  className,\n  multiple,\n}: FileUploaderProps) {\n  const [files, setFiles] = useState<File[]>([]);\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n    e.preventDefault();\n    inputRef.current?.click();\n  };\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (e.target.files && e.target.files.length > 0) {\n      const newFiles = Array.from(e.target.files);\n\n      setFiles(newFiles);\n      onChange(e);\n    }\n  };\n\n  const onRemoveFile = (file: File) => {\n    setFiles((prevFiles) => prevFiles.filter((f) => f !== file));\n  };\n\n  return (\n    <div className={cn('flex flex-col items-start gap-4', className)}>\n      <input\n        type='file'\n        ref={inputRef}\n        onChange={handleChange}\n        className='hidden'\n        aria-label='File upload'\n        multiple={multiple}\n      />\n      <Button type='button' onClick={handleClick} className='gap-2'>\n        <Upload className='h-4 w-4' />\n        Choose File\n      </Button>\n      {files.length === 0 && (\n        <div className='text-sm'>\n          {!multiple ? (\n            <span className='font-medium'>No file selected.</span>\n          ) : (\n            <span className='font-medium'>\n              No files selected. You can select multiple files\n            </span>\n          )}\n        </div>\n      )}\n      {files.length > 0 &&\n        files.map((file, index) => (\n          <div key={index} className='text-sm flex items-center gap-2'>\n            Selected file: <span className='font-medium'>{file.name}</span> (\n            {Math.round(file.size / 1024)} KB)\n            <Button variant='ghost' onClick={() => onRemoveFile(file)}>\n              <X />\n            </Button>\n          </div>\n        ))}\n    </div>\n  );\n}\n","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport * as React from 'react';\n\nimport { useFormFields } from '@/src/context';\nimport { cn } from '@/src/lib/utils';\nimport { Components, JSFField } from '@/src/types/remoteFlows';\nimport { useFormContext } from 'react-hook-form';\nimport { FileUploader } from '../../ui/file-uploader';\nimport {\n  FormControl,\n  FormDescription,\n  FormField,\n  FormItem,\n  FormLabel,\n  FormMessage,\n} from '../../ui/form';\n\nconst toBase64 = (file: File): Promise<string> => {\n  return new Promise<string>((resolve, reject) => {\n    const reader = new FileReader();\n    reader.readAsDataURL(file);\n    reader.onload = () => resolve(reader.result as string);\n    reader.onerror = (error) => reject(error);\n  });\n};\n\nconst convertFilesToBase64 = async (\n  event: React.ChangeEvent<HTMLInputElement>,\n) => {\n  const files = event.target.files ? Array.from(event.target.files) : [];\n\n  const base64Files = await Promise.all(\n    files.map(async (file) => {\n      const base64 = await toBase64(file);\n      return {\n        name: file.name,\n        content: base64.split(',')[1],\n      };\n    }),\n  );\n  return base64Files;\n};\n\nexport type FileUploadFieldProps = JSFField & {\n  onChange?: (value: any) => void;\n  multiple?: boolean;\n  component?: Components['file'];\n};\n\nexport function FileUploadField({\n  name,\n  description,\n  label,\n  multiple,\n  onChange,\n  component,\n  ...rest\n}: FileUploadFieldProps) {\n  const { components } = useFormFields();\n  const { control } = useFormContext();\n\n  return (\n    <FormField\n      control={control}\n      name={name}\n      render={({ field, fieldState }) => {\n        const CustomFileUploadField = component || components?.file;\n        if (CustomFileUploadField) {\n          const customFileUploadFieldProps = {\n            name,\n            description,\n            label,\n            multiple,\n            ...rest,\n          };\n          return (\n            <CustomFileUploadField\n              field={{\n                ...field,\n                value: null,\n                onChange: async (value: any) => {\n                  const files = await convertFilesToBase64(value);\n                  field.onChange(files);\n                  onChange?.(files);\n                },\n              }}\n              fieldState={fieldState}\n              fieldData={customFileUploadFieldProps}\n            />\n          );\n        }\n        return (\n          <FormItem\n            data-field={name}\n            className={`RemoteFlows__FileUpload__Item__${name}`}\n          >\n            <FormLabel className='RemoteFlows__FileUpload__Label'>\n              {label}\n            </FormLabel>\n            <FormControl>\n              <FileUploader\n                onChange={async (\n                  event: React.ChangeEvent<HTMLInputElement>,\n                ) => {\n                  const files = await convertFilesToBase64(event);\n                  field.onChange(files);\n                  onChange?.(files);\n                }}\n                multiple={multiple}\n                className={cn('RemoteFlows__FileUpload__Input')}\n              />\n            </FormControl>\n            {description && (\n              <div className='flex items-center justify-between'>\n                <FormDescription className='RemoteFlows__FileUpload__Description'>\n                  {description}\n                </FormDescription>\n              </div>\n            )}\n            {fieldState.error && (\n              <FormMessage className='RemoteFlows__FileUpload__Error' />\n            )}\n          </FormItem>\n        );\n      }}\n    />\n  );\n}\n","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { useFormFields } from '@/src/context';\nimport { useFormContext } from 'react-hook-form';\nimport { FormField } from '../../ui/form';\nimport { TextField, TextFieldProps } from './TextField';\nimport { Components } from '@/src/types/remoteFlows';\n\nexport type NumberFieldProps = TextFieldProps & {\n  component?: Components['number'];\n};\n\nexport function NumberField(props: NumberFieldProps) {\n  const { components } = useFormFields();\n  const { control } = useFormContext();\n\n  const CustomNumberField = props.component || components?.number;\n\n  if (CustomNumberField) {\n    return (\n      <FormField\n        control={control}\n        name={props.name}\n        render={({ field, fieldState }) => {\n          return (\n            <CustomNumberField\n              field={{\n                ...field,\n                onChange: (value: any) => {\n                  field.onChange(value);\n                  props.onChange?.(value);\n                },\n              }}\n              fieldState={fieldState}\n              fieldData={props}\n            />\n          );\n        }}\n      />\n    );\n  }\n\n  return (\n    <TextField {...props} type='text' inputMode='decimal' pattern='^[0-9.]*$' />\n  );\n}\n","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { Fragment } from 'react';\nimport {\n  FormControl,\n  FormDescription,\n  FormField,\n  FormItem,\n  FormLabel,\n  FormMessage,\n} from '@/src/components/ui/form';\nimport { RadioGroup, RadioGroupItem } from '@/src/components/ui/radio-group';\nimport { useFormFields } from '@/src/context';\nimport { cn } from '@/src/lib/utils';\nimport { Components, JSFField } from '@/src/types/remoteFlows';\nimport { useFormContext } from 'react-hook-form';\n\ntype RadioGroupFieldProps = JSFField & {\n  onChange?: (value: any) => void;\n  component?: Components['radio'];\n};\n\nexport function RadioGroupField({\n  name,\n  defaultValue,\n  description,\n  label,\n  options,\n  onChange,\n  component,\n  ...rest\n}: RadioGroupFieldProps) {\n  const { components } = useFormFields();\n  const { control } = useFormContext();\n  return (\n    <FormField\n      control={control}\n      name={name}\n      defaultValue={defaultValue}\n      render={({ field, fieldState }) => {\n        const CustomRadioGroupField = component || components?.radio;\n        if (CustomRadioGroupField) {\n          const customRadioGroupFieldProps = {\n            name,\n            defaultValue,\n            description,\n            label,\n            options,\n            ...rest,\n          };\n          return (\n            <CustomRadioGroupField\n              field={{\n                ...field,\n                onChange: (value: any) => {\n                  field.onChange(value);\n                  onChange?.(value);\n                },\n              }}\n              fieldState={fieldState}\n              fieldData={customRadioGroupFieldProps}\n            />\n          );\n        }\n\n        return (\n          <FormItem\n            className={cn(\n              'space-y-3',\n              `RemoteFlows__RadioGroupField__Item__${name}`,\n            )}\n            data-field={name}\n          >\n            <FormLabel>{label}</FormLabel>\n            <FormControl>\n              <RadioGroup\n                aria-label={label || name}\n                onValueChange={(value: string) => {\n                  field.onChange(value);\n                  onChange?.(value);\n                }}\n                value={field.value}\n                className='flex flex-col space-y-3'\n              >\n                {options?.map((option) => (\n                  <Fragment key={option.value}>\n                    <FormItem\n                      data-field={name}\n                      className='flex items-start space-x-3 space-y-0 gap-0 RemoteFlows__RadioField__Item'\n                    >\n                      <FormControl>\n                        <RadioGroupItem\n                          value={option.value}\n                          className='RemoteFlows__RadioField__Input'\n                          disabled={option.disabled}\n                        />\n                      </FormControl>\n                      <div>\n                        <FormLabel className='font-normal mb-0 RemoteFlows__RadioField__Label'>\n                          {option.label}\n                        </FormLabel>\n                        {option.description && (\n                          <FormDescription className='mt-2'>\n                            {option.description}\n                          </FormDescription>\n                        )}\n                      </div>\n                    </FormItem>\n                  </Fragment>\n                ))}\n              </RadioGroup>\n            </FormControl>\n            {description && <FormDescription>{description}</FormDescription>}\n            {fieldState.error && <FormMessage />}\n          </FormItem>\n        );\n      }}\n    />\n  );\n}\n","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@/src/components/ui/select';\nimport { useFormFields } from '@/src/context';\nimport { Components, JSFField } from '@/src/types/remoteFlows';\nimport { useFormContext } from 'react-hook-form';\nimport {\n  FormControl,\n  FormDescription,\n  FormField,\n  FormItem,\n  FormLabel,\n  FormMessage,\n} from '../../ui/form';\n\ntype SelectFieldProps = JSFField & {\n  placeholder?: string;\n  options: Array<{ value: string | number; label: string }>;\n  className?: string;\n  onChange?: (value: any) => void;\n  component?: Components['select'];\n};\n\nexport function SelectField({\n  label,\n  name,\n  options,\n  defaultValue,\n  description,\n  onChange,\n  component,\n  ...rest\n}: SelectFieldProps) {\n  const { control } = useFormContext();\n  const { components } = useFormFields();\n\n  return (\n    <FormField\n      defaultValue={defaultValue}\n      control={control}\n      name={name}\n      render={({ field, fieldState }) => {\n        const CustomSelectField = component || components?.select;\n        if (CustomSelectField) {\n          const customSelectFieldProps = {\n            label,\n            name,\n            options,\n            defaultValue,\n            description,\n            onChange,\n            ...rest,\n          };\n          return (\n            <CustomSelectField\n              field={{\n                ...field,\n                onChange: (value: string | number) => {\n                  const maybeCastValue =\n                    rest.jsonType === 'number' ? Number(value) : value;\n                  field.onChange(maybeCastValue);\n                  onChange?.(maybeCastValue);\n                },\n              }}\n              fieldState={fieldState}\n              fieldData={customSelectFieldProps}\n            />\n          );\n        }\n\n        return (\n          <FormItem\n            data-field={name}\n            className={`RemoteFlows__SelectField__Item__${name}`}\n          >\n            <FormLabel className='RemoteFlows__SelectField__Label'>\n              {label}\n            </FormLabel>\n            <FormControl>\n              <div className='relative'>\n                <Select\n                  value={field.value || ''}\n                  onValueChange={(value: string) => {\n                    // For some reason react-hook-form converts option values from numbers to strings.\n                    // If a value can be cast to a number, the field in the form state should use the numeric type instead.\n                    const maybeCastValue =\n                      rest.jsonType === 'number' ? Number(value) : value;\n                    field.onChange(maybeCastValue);\n                    onChange?.(maybeCastValue);\n                  }}\n                >\n                  <SelectTrigger\n                    className='RemoteFlows__SelectField__Trigger'\n                    aria-invalid={Boolean(fieldState.error)}\n                    aria-label={label}\n                  >\n                    <span className='absolute'>\n                      <SelectValue placeholder={label} />\n                    </span>\n                  </SelectTrigger>\n                  <SelectContent className='RemoteFlows__SelectField__Content'>\n                    <SelectGroup className='RemoteFlows__SelectField__Group'>\n                      {options.map((option) => (\n                        <SelectItem\n                          key={option.value}\n                          value={option.value}\n                          className='RemoteFlows__SelectField__SelectItem'\n                          disabled={option.disabled}\n                        >\n                          {option.label}\n                        </SelectItem>\n                      ))}\n                    </SelectGroup>\n                  </SelectContent>\n                </Select>\n              </div>\n            </FormControl>\n            {description && <FormDescription>{description}</FormDescription>}\n            {fieldState.error && <FormMessage />}\n          </FormItem>\n        );\n      }}\n    />\n  );\n}\n","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { useState } from 'react';\n\nimport { useFormFields } from '@/src/context';\nimport { Components, JSFField } from '@/src/types/remoteFlows';\nimport { useFormContext } from 'react-hook-form';\nimport {\n  FormControl,\n  FormDescription,\n  FormField,\n  FormItem,\n  FormLabel,\n  FormMessage,\n} from '../../ui/form';\nimport { MultiSelect } from '../../ui/multi-select';\n\ntype CountryFieldProps = JSFField & {\n  options: Array<{ value: string; label: string }>;\n  onChange?: (value: any) => void;\n  $meta: {\n    regions: Record<string, string[]>;\n    subregions: Record<string, string[]>;\n  };\n  component?: Components['countries'];\n};\n\nexport function CountryField({\n  label,\n  name,\n  options,\n  defaultValue,\n  description,\n  onChange,\n  $meta,\n  component,\n  ...rest\n}: CountryFieldProps) {\n  const { control } = useFormContext();\n  const { components } = useFormFields();\n  const [selected, setSelected] = useState<any[]>([]);\n\n  return (\n    <FormField\n      defaultValue={defaultValue}\n      control={control}\n      name={name}\n      render={({ field, fieldState }) => {\n        const CustomSelectField = component || components?.countries;\n\n        if (CustomSelectField) {\n          const customSelectFieldProps = {\n            label,\n            name,\n            options,\n            defaultValue,\n            description,\n            onChange,\n            $meta,\n            ...rest,\n          };\n          return (\n            <CustomSelectField\n              field={{\n                ...field,\n                onChange: (value: any) => {\n                  field.onChange(value);\n                  onChange?.(value);\n                },\n              }}\n              fieldState={fieldState}\n              fieldData={customSelectFieldProps}\n            />\n          );\n        }\n\n        const countryOptions = [\n          ...Object.entries($meta?.regions || {}).map(([key, value]) => ({\n            value,\n            label: key,\n            category: 'Regions',\n          })),\n          ...Object.entries($meta?.subregions || {}).map(([key, value]) => ({\n            value,\n            label: key,\n            category: 'Subregions',\n          })),\n          ...options.map((option) => ({\n            ...option,\n            value: option.value,\n            label: option.label,\n            category: 'Countries',\n          })),\n        ];\n\n        const handleChange = (rawValues: any[]) => {\n          const values = rawValues.map(({ value }) => value);\n          field.onChange(values);\n          onChange?.(values);\n          setSelected(rawValues);\n        };\n\n        return (\n          <FormItem\n            data-field={name}\n            className={`RemoteFlows__CountryField__Item__${name}`}\n          >\n            <FormLabel className='RemoteFlows__CountryField__Label'>\n              {label}\n            </FormLabel>\n            <FormControl>\n              <MultiSelect\n                options={countryOptions}\n                selected={selected}\n                onChange={handleChange}\n                {...rest}\n              />\n            </FormControl>\n            {description && <FormDescription>{description}</FormDescription>}\n            {fieldState.error && <FormMessage />}\n          </FormItem>\n        );\n      }}\n    />\n  );\n}\n","import { Fragment, useState } from 'react';\nimport { Check, ChevronDownIcon, X } from 'lucide-react';\n\nimport { Button } from '@/src/components/ui/button';\nimport { Badge } from '@/src/components/ui/badge';\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandItem,\n  CommandList,\n  CommandSeparator,\n} from '@/src/components/ui/command';\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from '@/src/components/ui/popover';\nimport { cn } from '@/src/lib/utils';\n\nexport type Option = {\n  label: string;\n  value: string | string[];\n  category?: string;\n};\n\ninterface MultiSelectProps {\n  options: Option[];\n  selected: Option[];\n  onChange: (options: Option[]) => void;\n  placeholder?: string;\n}\n\nexport function MultiSelect({\n  options,\n  selected,\n  onChange,\n  placeholder,\n  ...props\n}: MultiSelectProps) {\n  const [open, setOpen] = useState(false);\n  const handleUnselect = (option: Option) => {\n    onChange(selected.filter((item) => item.value !== option.value));\n  };\n\n  const hasCategories = options.some((option) => option.category);\n\n  const groupedOptions = options.reduce(\n    (groups, option) => {\n      const category = option.category || 'Uncategorized';\n      if (!groups[category]) {\n        groups[category] = [];\n      }\n      groups[category].push(option);\n      return groups;\n    },\n    {} as Record<string, Option[]>,\n  );\n\n  return (\n    <Popover open={open} onOpenChange={setOpen} {...props}>\n      <PopoverTrigger>\n        <Button\n          variant='outline'\n          role='combobox'\n          aria-expanded={open}\n          className='w-full justify-between font-normal'\n          type='button'\n        >\n          <div className='flex gap-1 flex-wrap overflow-x-auto max-h-[2.5rem] items-center'>\n            {selected.length > 0 ? (\n              selected.map((option) => {\n                return (\n                  <Badge\n                    key={option.label}\n                    variant='secondary'\n                    className='mr-1 mb-1'\n                  >\n                    {option.label}\n                    <div\n                      role='button'\n                      tabIndex={0}\n                      aria-label={`remove ${option.label}`}\n                      className='ml-1 ring-offset-background rounded-full outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 cursor-pointer'\n                      onKeyDown={(e) => {\n                        if (e.key === 'Enter') {\n                          handleUnselect(option);\n                        }\n                      }}\n                      onMouseDown={(e) => {\n                        e.preventDefault();\n                        e.stopPropagation();\n                      }}\n                      onClick={() => handleUnselect(option)}\n                    >\n                      <X className='h-3 w-3 text-muted-foreground hover:text-foreground' />\n                    </div>\n                  </Badge>\n                );\n              })\n            ) : (\n              <span className='text-foreground'>{placeholder}</span>\n            )}\n          </div>\n          <ChevronDownIcon className='size-4' />\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent align='start' className='w-full p-0'>\n        <Command>\n          <CommandList>\n            <CommandEmpty>No item found.</CommandEmpty>\n            {Object.entries(groupedOptions).map(\n              ([category, categoryOptions], index) => (\n                <Fragment key={category}>\n                  {index > 0 && <CommandSeparator />}\n                  <CommandGroup heading={hasCategories ? category : undefined}>\n                    {categoryOptions.map((option) => {\n                      const isSelected = selected.some(\n                        (item) => item.value === option.value,\n                      );\n                      return (\n                        <CommandItem\n                          key={option.label}\n                          onSelect={() => {\n                            onChange(\n                              isSelected\n                                ? selected.filter(\n                                    (item) => item.value !== option.value,\n                                  )\n                                : [...selected, option],\n                            );\n                          }}\n                        >\n                          <Check\n                            className={cn(\n                              'mr-2 h-4 w-4',\n                              isSelected ? 'opacity-100' : 'opacity-0',\n                            )}\n                          />\n                          {option.label}\n                        </CommandItem>\n                      );\n                    })}\n                  </CommandGroup>\n                </Fragment>\n              ),\n            )}\n          </CommandList>\n        </Command>\n      </PopoverContent>\n    </Popover>\n  );\n}\n","import * as React from 'react';\nimport { Command as CommandPrimitive } from 'cmdk';\nimport { SearchIcon } from 'lucide-react';\n\nimport { cn } from '@/src/lib/utils';\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n} from '@/src/components/ui/dialog';\n\nfunction Command({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive>) {\n  return (\n    <CommandPrimitive\n      data-slot='command'\n      className={cn(\n        'bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CommandDialog({\n  title = 'Command Palette',\n  description = 'Search for a command to run...',\n  children,\n  ...props\n}: React.ComponentProps<typeof Dialog> & {\n  title?: string;\n  description?: string;\n}) {\n  return (\n    <Dialog {...props}>\n      <DialogHeader className='sr-only'>\n        <DialogTitle>{title}</DialogTitle>\n        <DialogDescription>{description}</DialogDescription>\n      </DialogHeader>\n      <DialogContent className='overflow-hidden p-0'>\n        <Command className='[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5'>\n          {children}\n        </Command>\n      </DialogContent>\n    </Dialog>\n  );\n}\n\nfunction CommandInput({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Input>) {\n  return (\n    <div\n      data-slot='command-input-wrapper'\n      className='flex h-9 items-center gap-2 border-b px-3'\n    >\n      <SearchIcon className='size-4 shrink-0 opacity-50' />\n      <CommandPrimitive.Input\n        data-slot='command-input'\n        className={cn(\n          'placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50',\n          className,\n        )}\n        {...props}\n      />\n    </div>\n  );\n}\n\nfunction CommandList({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.List>) {\n  return (\n    <CommandPrimitive.List\n      data-slot='command-list'\n      className={cn(\n        'max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CommandEmpty({\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Empty>) {\n  return (\n    <CommandPrimitive.Empty\n      data-slot='command-empty'\n      className='py-6 text-center text-sm'\n      {...props}\n    />\n  );\n}\n\nfunction CommandGroup({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Group>) {\n  return (\n    <CommandPrimitive.Group\n      data-slot='command-group'\n      className={cn(\n        'text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CommandSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Separator>) {\n  return (\n    <CommandPrimitive.Separator\n      data-slot='command-separator'\n      className={cn('bg-border -mx-1 h-px', className)}\n      {...props}\n    />\n  );\n}\n\nfunction CommandItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Item>) {\n  return (\n    <CommandPrimitive.Item\n      data-slot='command-item'\n      className={cn(\n        \"data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CommandShortcut({\n  className,\n  ...props\n}: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot='command-shortcut'\n      className={cn(\n        'text-muted-foreground ml-auto text-xs tracking-widest',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Command,\n  CommandDialog,\n  CommandInput,\n  CommandList,\n  CommandEmpty,\n  CommandGroup,\n  CommandItem,\n  CommandShortcut,\n  CommandSeparator,\n};\n","import * as React from 'react';\n\nimport { cn } from '@/src/lib/utils';\n\nconst Textarea = React.forwardRef<\n  HTMLTextAreaElement,\n  React.ComponentProps<'textarea'>\n>(({ className, ...props }, ref) => {\n  return (\n    <textarea\n      className={cn(\n        'flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',\n        className,\n      )}\n      ref={ref}\n      {...props}\n    />\n  );\n});\nTextarea.displayName = 'Textarea';\n\nexport { Textarea };\n","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport * as React from 'react';\n\nimport { useFormFields } from '@/src/context';\nimport { cn } from '@/src/lib/utils';\nimport { Components, JSFField } from '@/src/types/remoteFlows';\nimport { useFormContext } from 'react-hook-form';\nimport {\n  FormControl,\n  FormDescription,\n  FormField,\n  FormItem,\n  FormLabel,\n  FormMessage,\n} from '../../ui/form';\nimport { Textarea } from '../../ui/textarea';\n\nexport type TextAreaFieldProps = JSFField & {\n  onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;\n  maxLength?: number;\n  component?: Components['textarea'];\n};\n\nexport function TextAreaField({\n  name,\n  description,\n  label,\n  onChange,\n  maxLength,\n  component,\n  ...rest\n}: TextAreaFieldProps) {\n  const { components } = useFormFields();\n  const { control } = useFormContext();\n  return (\n    <FormField\n      control={control}\n      name={name}\n      render={({ field, fieldState }) => {\n        const CustomTextAreaField = component || components?.textarea;\n        if (CustomTextAreaField) {\n          const customTextAreaFieldProps = {\n            name,\n            description,\n            label,\n            maxLength,\n            ...rest,\n          };\n          return (\n            <CustomTextAreaField\n              field={{\n                ...field,\n                onChange: (value: any) => {\n                  field.onChange(value);\n                  onChange?.(value);\n                },\n              }}\n              fieldState={fieldState}\n              fieldData={customTextAreaFieldProps}\n            />\n          );\n        }\n\n        const valueLength = field.value?.length ?? 0;\n        return (\n          <FormItem\n            data-field={name}\n            className={`RemoteFlows__TextArea__Item__${name}`}\n          >\n            <FormLabel className='RemoteFlows__TextArea__Label'>\n              {label}\n            </FormLabel>\n            <FormControl>\n              <Textarea\n                {...field}\n                value={field.value ?? ''}\n                onChange={(event: React.ChangeEvent<HTMLTextAreaElement>) => {\n                  field.onChange(event);\n                  onChange?.(event);\n                }}\n                className={cn(\n                  fieldState.error &&\n                    'border-red-500 focus-visible:ring-red-500',\n                  'RemoteFlows__TextArea__Input',\n                )}\n                placeholder={label}\n              />\n            </FormControl>\n            {(description || maxLength) && (\n              <div className='flex items-center justify-between'>\n                {description && (\n                  <FormDescription className='RemoteFlows__TextArea__Description'>\n                    {description}\n                  </FormDescription>\n                )}\n                {maxLength && (\n                  <span className='text-sm ml-auto RemoteFlows__TextArea__MaxLength'>\n                    {valueLength}/{maxLength}\n                  </span>\n                )}\n              </div>\n            )}\n            {fieldState.error && (\n              <FormMessage className='RemoteFlows__TextArea__Error' />\n            )}\n          </FormItem>\n        );\n      }}\n    />\n  );\n}\n","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { useFormFields } from '@/src/context';\nimport { useFormContext } from 'react-hook-form';\nimport { FormField } from '../../ui/form';\nimport { TextField, TextFieldProps } from './TextField';\nimport { Components } from '@/src/types/remoteFlows';\n\ntype EmailFieldProps = TextFieldProps & {\n  component?: Components['email'];\n};\n\nexport function EmailField(props: EmailFieldProps) {\n  const { components } = useFormFields();\n  const { control } = useFormContext();\n\n  const CustomEmailField = props.component || components?.email;\n\n  if (CustomEmailField) {\n    return (\n      <FormField\n        control={control}\n        name={props.name}\n        render={({ field, fieldState }) => {\n          return (\n            <CustomEmailField\n              field={{\n                ...field,\n                onChange: (value: any) => {\n                  field.onChange(value);\n                  props.onChange?.(value);\n                },\n              }}\n              fieldState={fieldState}\n              fieldData={props}\n            />\n          );\n        }}\n      />\n    );\n  }\n\n  return <TextField {...props} type='email' />;\n}\n","import { useFormContext } from 'react-hook-form';\nimport { FormField } from '../../ui/form';\nimport { Field } from '@/src/flows/types';\n\nexport function HiddenField(props: Field) {\n  const { control } = useFormContext();\n\n  return (\n    <FormField\n      control={control}\n      name={props.name}\n      render={({ field }) => {\n        return <input {...field} type='hidden' />;\n      }}\n    />\n  );\n}\n","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useEffect, useState } from 'react';\nimport { yupResolver } from '@hookform/resolvers/yup';\nimport { useForm, useFormContext, useFieldArray } from 'react-hook-form';\nimport * as yup from 'yup';\n\nimport { JSFField } from '@/src/types/remoteFlows';\nimport { useFormFields } from '@/src/context';\nimport { Form, FormField } from '@/src/components/ui/form';\nimport { Components } from '@/src/types/remoteFlows';\nimport { Button } from '@/src/components/ui/button';\nimport {\n  Dialog,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n} from '@/src/components/ui/dialog';\n\nimport {\n  buildWorkScheduleSummary,\n  calculateHours,\n  calculateTotalWorkHours,\n  DailySchedule,\n  DAYS_OF_THE_WEEK,\n  getShortWeekday,\n} from './workScheduleUtils';\nimport { CheckBoxField } from './CheckBoxField';\nimport { TextField } from './TextField';\n\ntype WorkScheduleFieldProps = JSFField & {\n  name: string;\n  default: DailySchedule[];\n  onChange?: (value: any) => void;\n  component?: Components['work-schedule'];\n};\n\ntype WorkScheduleFormData = {\n  schedule: DailySchedule[];\n};\n\ntype WorkScheduleSelectionProps = {\n  defaultSchedule: DailySchedule[];\n  onSubmit: (data: WorkScheduleFormData['schedule']) => void;\n};\n\nconst fieldSchema = yup.object({\n  day: yup.string().required(),\n  checked: yup.boolean().required(),\n  start_time: yup\n    .string()\n    .matches(/^([01]\\d|2[0-3]):([0-5]\\d)$/, 'Invalid time format (HH:mm)')\n    .when('checked', {\n      is: true,\n      then: (schema) => schema.required('Required'),\n      otherwise: (schema) => schema.optional().nullable(),\n    }),\n  end_time: yup\n    .string()\n    .matches(/^([01]\\d|2[0-3]):([0-5]\\d)$/, 'Invalid time format (HH:mm)')\n    .when('checked', {\n      is: true,\n      then: (schema) => schema.required('Required'),\n      otherwise: (schema) => schema.optional().nullable(),\n    }),\n  hours: yup.number().default(0),\n  break_duration_minutes: yup.string().default('0'),\n});\n\nconst formSchema = yup.object({\n  schedule: yup.array(fieldSchema),\n});\n\nfunction WorkScheduleSelectionForm({\n  defaultSchedule,\n  onSubmit,\n}: WorkScheduleSelectionProps) {\n  const [openDialog, setOpenDialog] = useState(false);\n\n  const transformedSchedule = DAYS_OF_THE_WEEK.map((day) => {\n    const existingSchedule = defaultSchedule.find(\n      (schedule) =>\n        schedule.day.toLowerCase() === getShortWeekday(day).toLowerCase() ||\n        schedule.day.toLowerCase() === day.toLowerCase(),\n    );\n\n    if (existingSchedule) {\n      return {\n        ...existingSchedule,\n        day: getShortWeekday(day),\n        checked: true,\n      };\n    }\n\n    return {\n      // We just need to override the day and checked. The rest of the fields are the same for every day.\n      ...defaultSchedule[0],\n      checked: false,\n      day: getShortWeekday(day),\n    };\n  });\n\n  const form = useForm<WorkScheduleFormData>({\n    defaultValues: {\n      schedule: transformedSchedule,\n    },\n    resolver: yupResolver(formSchema) as any,\n  });\n\n  const { handleSubmit, watch, reset, control, formState } = form;\n\n  const { fields } = useFieldArray({\n    name: 'schedule',\n    control,\n  });\n\n  const watchedSchedule = watch('schedule');\n\n  function handleSubmitWorkingHours(data: WorkScheduleFormData) {\n    // We can only send the days that are checked.\n    const schedule = data.schedule\n      .filter(({ checked }) => checked)\n      .map((day) => ({\n        ...day,\n        hours: calculateHours(day),\n      }));\n\n    onSubmit(schedule);\n    setOpenDialog(false);\n  }\n\n  function handleCancel() {\n    reset();\n    setOpenDialog(false);\n  }\n\n  return (\n    <div className='flex items-center justify-between'>\n      <Dialog open={openDialog} onOpenChange={setOpenDialog}>\n        <DialogTrigger asChild>\n          <Button\n            variant={'link'}\n            className='flex items-center p-0 RemoteFlows__WorkScheduleSelectionForm__Trigger'\n          >\n            Edit Schedule\n          </Button>\n        </DialogTrigger>\n        <DialogContent className='max-w-5xl max-h-[90vh] overflow-y-auto px-8 py-4 RemoteFlows__WorkScheduleSelectionForm__Content'>\n          <DialogHeader>\n            <DialogTitle className='RemoteFlows__WorkScheduleSelectionForm__Title'>\n              Edit employee working hours\n            </DialogTitle>\n          </DialogHeader>\n\n          <Form {...form}>\n            <form className='space-y-4 RemoteFlows__WorkScheduleSelectionForm__Form'>\n              <div className='rounded-lg'>\n                <p className='text-gray-600 text-sm mb-4 RemoteFlows__WorkScheduleSelectionForm__Description'>\n                  The times displayed are in the employee's time zone in the\n                  24-hour format.\n                </p>\n\n                <div className='grid grid-cols-12 gap-4 text-sm font-medium text-gray-500 uppercase tracking-wide RemoteFlows__WorkScheduleSelectionForm__Header'>\n                  <div className='col-span-2'></div>\n                  <div className='col-span-3 text-center'>START</div>\n                  <div className='col-span-1 text-center'></div>\n                  <div className='col-span-3 text-center'>END</div>\n                  <div className='col-span-2 text-center'>HOURS</div>\n                  {/* <div className=\"col-span-2 text-center\">ACTIONS</div> */}\n                </div>\n\n                <div className='RemoteFlows__WorkScheduleSelectionForm__Rows'>\n                  {fields.map((field, index) => {\n                    const currentDay = watchedSchedule[index];\n                    const calculatedHours = calculateHours(currentDay);\n\n                    return (\n                      <React.Fragment key={field.id}>\n                        <div className='grid grid-cols-12 gap-4 items-center py-2 RemoteFlows__WorkScheduleSelectionForm__Row-Hours'>\n                          <div className='col-span-2 flex items-center gap-3'>\n                            <CheckBoxField\n                              label={field.day}\n                              name={`schedule.${index}.checked`}\n                            />\n                          </div>\n                          <div className='col-span-3'>\n                            <TextField\n                              name={`schedule.${index}.start_time`}\n                              includeErrorMessage={false}\n                            />\n                          </div>\n                          <div className='col-span-1 text-center text-gray-500'>\n                            to\n                          </div>\n                          <div className='col-span-3'>\n                            <TextField\n                              name={`schedule.${index}.end_time`}\n                              includeErrorMessage={false}\n                            />\n                          </div>\n                          <div className='col-span-2 text-center text-gray-600'>\n                            {isNaN(calculatedHours)\n                              ? '-'\n                              : `${calculatedHours} hours`}\n                          </div>\n                        </div>\n\n                        <div className='grid grid-cols-12 gap-4 items-center py-2 RemoteFlows__WorkScheduleSelectionForm__Row-Break'>\n                          <div className='col-span-2 text-gray-500'>Break</div>\n                          <div className='col-span-2'>\n                            <TextField\n                              name={`schedule.${index}.break_duration_minutes`}\n                              includeErrorMessage={false}\n                            />\n                          </div>\n                          <div className='col-span-2 text-gray-500'>\n                            minutes\n                          </div>\n                          <div className='col-span-4'></div>\n                        </div>\n                      </React.Fragment>\n                    );\n                  })}\n                </div>\n              </div>\n\n              {Object.keys(formState.errors).length > 0 && (\n                <p className='text-destructive text-sm mb-0'>\n                  Invalid time format (HH:mm)\n                </p>\n              )}\n\n              <div className='flex gap-4 pt-4'>\n                <Button\n                  type='button'\n                  className='reset-button'\n                  variant='outline'\n                  onClick={handleCancel}\n                >\n                  Cancel\n                </Button>\n                <Button\n                  type='button'\n                  className='submit-button'\n                  onClick={handleSubmit(handleSubmitWorkingHours)}\n                >\n                  Save Schedule\n                </Button>\n              </div>\n            </form>\n          </Form>\n        </DialogContent>\n      </Dialog>\n    </div>\n  );\n}\n\nexport function WorkScheduleField(props: WorkScheduleFieldProps) {\n  const { components } = useFormFields();\n  const { setValue, control, watch } = useFormContext();\n  const watchedSchedule = watch(props.name);\n  const [currentSchedule, setCurrentSchedule] =\n    useState<DailySchedule[]>(watchedSchedule);\n\n  const { workHoursSummary, breakSummary } =\n    buildWorkScheduleSummary(currentSchedule);\n  const totalWorkHours = calculateTotalWorkHours(currentSchedule);\n\n  useEffect(() => {\n    setValue(props.name, currentSchedule);\n  }, [currentSchedule, props.name, setValue]);\n\n  function onSubmit(data: WorkScheduleFormData['schedule']) {\n    setCurrentSchedule(data);\n  }\n\n  const CustomWorkScheduleField =\n    props.component || components?.['work-schedule'];\n\n  if (CustomWorkScheduleField) {\n    return (\n      <FormField\n        control={control}\n        name={props.name}\n        render={({ field, fieldState }) => {\n          return (\n            <CustomWorkScheduleField\n              field={{\n                ...field,\n                onChange: (value: any) => {\n                  field.onChange(value);\n                  props.onChange?.(value);\n                },\n              }}\n              fieldState={fieldState}\n              fieldData={{\n                ...props,\n                // @ts-expect-error - defaultFormattedValue is not part of fieldData. It's generated in this component.\n                defaultFormattedValue: {\n                  workHoursSummary,\n                  breakSummary,\n                  totalWorkHours,\n                },\n              }}\n            />\n          );\n        }}\n      />\n    );\n  }\n\n  return (\n    <div className={`flex flex-col gap-3 RemoteFlows__WorkScheduleField`}>\n      <p className={`text-sm RemoteFlows__WorkScheduleField__Title`}>\n        Work hours\n      </p>\n      <div className='flex flex-col gap-1 RemoteFlows__WorkScheduleField__Summary'>\n        <p\n          className='text-sm text-gray-500 RemoteFlows__WorkScheduleField__Summary__WorkHours'\n          dangerouslySetInnerHTML={{\n            __html: workHoursSummary.join(', '),\n          }}\n        />\n\n        <p className='text-sm text-gray-500 RemoteFlows__WorkScheduleField__Summary__Break'>\n          {breakSummary.join()}\n        </p>\n        <p className='text-sm text-gray-500 RemoteFlows__WorkScheduleField__Summary__Total'>\n          Total of <span>{totalWorkHours}</span> hours per week\n        </p>\n        <WorkScheduleSelectionForm\n          defaultSchedule={currentSchedule}\n          onSubmit={onSubmit}\n        />\n      </div>\n    </div>\n  );\n}\n","import {\n  FieldError,\n  FieldErrors,\n  FieldValues,\n  Ref,\n  ResolverOptions,\n  get,\n} from 'react-hook-form';\n\nconst setCustomValidity = (\n  ref: Ref,\n  fieldPath: string,\n  errors: FieldErrors,\n) => {\n  if (ref && 'reportValidity' in ref) {\n    const error = get(errors, fieldPath) as FieldError | undefined;\n    ref.setCustomValidity((error && error.message) || '');\n\n    ref.reportValidity();\n  }\n};\n\n// Native validation (web only)\nexport const validateFieldsNatively = <TFieldValues extends FieldValues>(\n  errors: FieldErrors,\n  options: ResolverOptions<TFieldValues>,\n): void => {\n  for (const fieldPath in options.fields) {\n    const field = options.fields[fieldPath];\n    if (field && field.ref && 'reportValidity' in field.ref) {\n      setCustomValidity(field.ref, fieldPath, errors);\n    } else if (field && field.refs) {\n      field.refs.forEach((ref: HTMLInputElement) =>\n        setCustomValidity(ref, fieldPath, errors),\n      );\n    }\n  }\n};\n","import {\n  Field,\n  FieldErrors,\n  FieldValues,\n  InternalFieldName,\n  ResolverOptions,\n  get,\n  set,\n} from 'react-hook-form';\nimport { validateFieldsNatively } from './validateFieldsNatively';\n\nexport const toNestErrors = <TFieldValues extends FieldValues>(\n  errors: FieldErrors,\n  options: ResolverOptions<TFieldValues>,\n): FieldErrors<TFieldValues> => {\n  options.shouldUseNativeValidation && validateFieldsNatively(errors, options);\n\n  const fieldErrors = {} as FieldErrors<TFieldValues>;\n  for (const path in errors) {\n    const field = get(options.fields, path) as Field['_f'] | undefined;\n    const error = Object.assign(errors[path] || {}, {\n      ref: field && field.ref,\n    });\n\n    if (isNameInFieldArray(options.names || Object.keys(errors), path)) {\n      const fieldArrayErrors = Object.assign({}, get(fieldErrors, path));\n\n      set(fieldArrayErrors, 'root', error);\n      set(fieldErrors, path, fieldArrayErrors);\n    } else {\n      set(fieldErrors, path, error);\n    }\n  }\n\n  return fieldErrors;\n};\n\nconst isNameInFieldArray = (\n  names: InternalFieldName[],\n  name: InternalFieldName,\n) => {\n  const path = escapeBrackets(name);\n  return names.some((n) => escapeBrackets(n).match(`^${path}\\\\.\\\\d+`));\n};\n\n/**\n * Escapes special characters in a string to be used in a regex pattern.\n * it removes the brackets from the string to match the `set` method.\n *\n * @param input - The input string to escape.\n * @returns The escaped string.\n */\nfunction escapeBrackets(input: string): string {\n  return input.replace(/\\]|\\[/g, '');\n}\n","import { toNestErrors, validateFieldsNatively } from '@hookform/resolvers';\nimport {\n  FieldError,\n  FieldValues,\n  Resolver,\n  appendErrors,\n} from 'react-hook-form';\nimport * as Yup from 'yup';\n\n/**\n * Why `path!` ? because it could be `undefined` in some case\n * https://github.com/jquense/yup#validationerrorerrors-string--arraystring-value-any-path-string\n */\nfunction parseErrorSchema(\n  error: Yup.ValidationError,\n  validateAllFieldCriteria: boolean,\n) {\n  return (error.inner || []).reduce<Record<string, FieldError>>(\n    (previous, error) => {\n      if (!previous[error.path!]) {\n        previous[error.path!] = { message: error.message, type: error.type! };\n      }\n\n      if (validateAllFieldCriteria) {\n        const types = previous[error.path!].types;\n        const messages = types && types[error.type!];\n\n        previous[error.path!] = appendErrors(\n          error.path!,\n          validateAllFieldCriteria,\n          previous,\n          error.type!,\n          messages\n            ? ([] as string[]).concat(messages as string[], error.message)\n            : error.message,\n        ) as FieldError;\n      }\n\n      return previous;\n    },\n    {},\n  );\n}\n\n/**\n * Creates a resolver for react-hook-form using Yup schema validation\n * @param {Yup.ObjectSchema<TFieldValues> | ReturnType<typeof Yup.lazy<Yup.ObjectSchema<TFieldValues>>>} schema - Yup validation schema\n * @param {Parameters<(typeof schema)['validate']>[1]} schemaOptions - Options to pass to Yup's validate/validateSync\n * @param {Object} resolverOptions - Additional resolver configuration\n * @param {('async' | 'sync')} [resolverOptions.mode] - Validation mode\n * @param {boolean} [resolverOptions.raw] - If true, returns raw values instead of validated results\n * @returns {Resolver<Yup.InferType<typeof schema>>} A resolver function compatible with react-hook-form\n * @example\n * const schema = Yup.object({\n *   name: Yup.string().required(),\n *   age: Yup.number().required(),\n * });\n *\n * useForm({\n *   resolver: yupResolver(schema)\n * });\n */\nexport function yupResolver<TFieldValues extends FieldValues>(\n  schema:\n    | Yup.ObjectSchema<TFieldValues>\n    | ReturnType<typeof Yup.lazy<Yup.ObjectSchema<TFieldValues>>>,\n  schemaOptions: Parameters<(typeof schema)['validate']>[1] = {},\n  resolverOptions: {\n    mode?: 'async' | 'sync';\n    raw?: boolean;\n  } = {},\n): Resolver<Yup.InferType<typeof schema>> {\n  return async (values, context, options) => {\n    try {\n      if (schemaOptions.context && process.env.NODE_ENV === 'development') {\n        // eslint-disable-next-line no-console\n        console.warn(\n          \"You should not used the yup options context. Please, use the 'useForm' context object instead\",\n        );\n      }\n\n      const result = await schema[\n        resolverOptions.mode === 'sync' ? 'validateSync' : 'validate'\n      ](\n        values,\n        Object.assign({ abortEarly: false }, schemaOptions, { context }),\n      );\n\n      options.shouldUseNativeValidation && validateFieldsNatively({}, options);\n\n      return {\n        values: resolverOptions.raw ? Object.assign({}, values) : result,\n        errors: {},\n      };\n    } catch (e: any) {\n      if (!e.inner) {\n        throw e;\n      }\n\n      return {\n        values: {},\n        errors: toNestErrors(\n          parseErrorSchema(\n            e,\n            !options.shouldUseNativeValidation &&\n              options.criteriaMode === 'all',\n          ),\n          options,\n        ),\n      };\n    }\n  };\n}\n","import groupBy from 'lodash.groupby';\nimport capitalize from 'lodash.capitalize';\n\nconst MINUTES_IN_HOUR = 60;\n\nexport const DAYS_OF_THE_WEEK = [\n  'monday',\n  'tuesday',\n  'wednesday',\n  'thursday',\n  'friday',\n  'saturday',\n  'sunday',\n] as const;\n\nexport type DailySchedule = {\n  day: string;\n  start_time: string;\n  end_time: string;\n  hours: number;\n  break_duration_minutes: string;\n  checked: boolean;\n};\n\n/**\n * Convert break duration in minutes to hours and minutes\n * @param breakDuration - Break duration in minutes\n * @returns Break duration in hours and minutes\n */\nfunction convertBreakDurationToHours(breakDuration: number) {\n  if (breakDuration < 60) {\n    return `${breakDuration}m`;\n  }\n\n  const hours = Math.floor(breakDuration / MINUTES_IN_HOUR);\n  const minutes = breakDuration % MINUTES_IN_HOUR;\n\n  if (minutes > 0) {\n    return `${hours}h${minutes}m`;\n  }\n\n  return `${hours}h`;\n}\n\n/**\n * Calculate total work hours from daily schedules\n * @param dailySchedules - Daily schedules\n * @returns Total work hours\n */\nexport function calculateTotalWorkHours(dailySchedules: DailySchedule[]) {\n  const totalWorkHours = dailySchedules.reduce((total, daySchedule) => {\n    const sum = daySchedule.hours + total;\n    return sum;\n  }, 0);\n\n  return Number(totalWorkHours.toFixed(2));\n}\n\n/**\n * Find the last consecutive day in a schedule (used to summarize work hours)\n * @param startDay - The starting day\n * @param dailySchedule - The daily schedule\n * @returns The last consecutive day\n */\nfunction findLastConsecutiveDay(\n  startDay: string,\n  dailySchedule: DailySchedule[],\n): Weekday | null {\n  const daysScheduled = dailySchedule.map(\n    ({ day }: DailySchedule) => day.toLowerCase() as Weekday,\n  );\n\n  let idx = daysScheduled.indexOf(startDay as Weekday);\n  let day: Weekday | null = null;\n\n  while (idx < daysScheduled.length && !day) {\n    const currentDay = daysScheduled[idx];\n    const nextDay = daysScheduled[idx + 1];\n\n    const nextDayIdx = DAYS_OF_THE_WEEK.indexOf(currentDay) + 1;\n    const isNextDay = DAYS_OF_THE_WEEK[nextDayIdx] === nextDay;\n\n    if (!isNextDay) {\n      day = currentDay;\n    }\n\n    idx += 1;\n  }\n\n  return day;\n}\n\n/**\n * Check if a day schedule should be summarized\n * @param daySchedule - The day schedule\n * @returns True if the day schedule should be summarized\n */\nfunction shouldSummarizeSchedule(daySchedule: DailySchedule) {\n  return (\n    daySchedule.start_time &&\n    daySchedule.end_time &&\n    (typeof daySchedule.hours === 'number'\n      ? daySchedule.hours\n      : Number.parseInt(daySchedule.hours)) > 0\n  );\n}\n\n/**\n * Check if break duration should be summarized\n * @param daySchedule - The day schedule\n * @returns True if the break duration should be summarized\n */\nfunction shouldSummarizeBreaks(daySchedule: DailySchedule) {\n  return Number.parseInt(daySchedule.break_duration_minutes) > 0;\n}\n\n/**\n * Build the work schedule summary\n * @param dailySchedules - The daily schedules\n * @returns The work schedule summary\n */\nexport function buildWorkScheduleSummary(dailySchedules: DailySchedule[]) {\n  const activeScheduleDays = dailySchedules.filter(shouldSummarizeSchedule);\n\n  const groupedWorkHours = groupBy(activeScheduleDays, (dailySchedule) => {\n    return `${dailySchedule.start_time}|${dailySchedule.end_time}`;\n  });\n\n  const activeBreakDays = dailySchedules.filter(shouldSummarizeBreaks);\n  const groupedBreaks = groupBy(activeBreakDays, 'break_duration_minutes');\n\n  const workHoursSummary = Object.keys(groupedWorkHours).map(\n    (scheduleTimes) => {\n      const sameDailySchedule = groupedWorkHours[scheduleTimes];\n      const startDay = sameDailySchedule[0].day;\n      const [start_time, end_time] = scheduleTimes.split('|');\n      const timeSummary = `from <span>${start_time.replace(':', 'h')}</span> to <span>${end_time.replace(':', 'h')}</span>`;\n\n      const lastConsecutiveDay = findLastConsecutiveDay(\n        startDay,\n        sameDailySchedule,\n      );\n      const lastConsecutiveDayIdx = lastConsecutiveDay\n        ? sameDailySchedule.findIndex(\n            (dailySchedule) => dailySchedule.day === lastConsecutiveDay,\n          )\n        : -1;\n      const allDaysAreConsecutive =\n        lastConsecutiveDayIdx === sameDailySchedule.length - 1;\n\n      if (sameDailySchedule.length === 1) {\n        return `${capitalize(startDay)}, ${timeSummary}`;\n      }\n\n      if (!allDaysAreConsecutive || !lastConsecutiveDay) {\n        return sameDailySchedule.reduce((summary, dailySchedule, idx) => {\n          const day = capitalize(dailySchedule.day);\n          if (idx === sameDailySchedule.length - 1) {\n            return `${summary}and ${day}, ${timeSummary}`;\n          }\n\n          return `${summary}<span>${day}</span>, `;\n        }, '');\n      }\n\n      return `<span>${capitalize(startDay)}</span> to <span>${capitalize(lastConsecutiveDay)}</span>, ${timeSummary}`;\n    },\n  );\n\n  const breakSummary = Object.keys(groupedBreaks)\n    .reverse()\n    .map((breakDuration, idx) => {\n      const isFirstGroup = idx === 0;\n      const sameDailyBreaks = groupedBreaks[breakDuration];\n      const breakString = convertBreakDurationToHours(\n        parseInt(breakDuration, 10),\n      );\n\n      if (Object.keys(groupedBreaks).length === 1) {\n        return `With ${breakString} daily breaks`;\n      }\n\n      if (sameDailyBreaks.length === 1) {\n        const breakText = `${breakString} break on ${capitalize(sameDailyBreaks[0].day)}.`;\n        return isFirstGroup ? `With ${breakText}` : breakText;\n      }\n\n      return sameDailyBreaks.reduce(\n        (summary, dailySchedule, breakIdx) => {\n          const day = capitalize(dailySchedule.day);\n\n          if (breakIdx === 0) {\n            return `${summary} ${day}`;\n          }\n\n          if (breakIdx === sameDailyBreaks.length - 1) {\n            return `${summary}, and ${day}.`;\n          }\n\n          return `${summary}, ${day}`;\n        },\n        isFirstGroup\n          ? `With ${breakString} break on`\n          : `${breakString} break on`,\n      );\n    });\n\n  return { workHoursSummary, breakSummary };\n}\n\n// Calculate hours for each day\nexport function calculateHours(day: DailySchedule) {\n  const { checked, start_time, end_time, break_duration_minutes } = day;\n  if (!checked) return 0;\n\n  const [startHour, startMin] = start_time.split(':').map(Number);\n  const [endHour, endMin] = end_time.split(':').map(Number);\n\n  const startTotalMin = startHour * 60 + startMin;\n  const endTotalMin = endHour * 60 + endMin;\n  const workMinutes =\n    endTotalMin -\n    startTotalMin -\n    Number.parseInt(break_duration_minutes || '0');\n\n  const hours = workMinutes / 60;\n  return hours === Math.floor(hours) ? hours : Number(hours.toFixed(2));\n}\n\ntype Weekday = (typeof DAYS_OF_THE_WEEK)[number];\n\nconst dayMap: Record<Weekday, string> = {\n  monday: 'Mon',\n  tuesday: 'Tue',\n  wednesday: 'Wed',\n  thursday: 'Thu',\n  friday: 'Fri',\n  saturday: 'Sat',\n  sunday: 'Sun',\n};\n\nexport function getShortWeekday(fullName: Weekday): string {\n  return dayMap[fullName];\n}\n","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { useFormFields } from '@/src/context';\nimport { Components, JSFField } from '@/src/types/remoteFlows';\nimport { useFormContext } from 'react-hook-form';\nimport {\n  FormControl,\n  FormDescription,\n  FormField,\n  FormItem,\n  FormLabel,\n  FormMessage,\n} from '../../ui/form';\nimport { MultiSelect } from '../../ui/multi-select';\nimport { useState } from 'react';\n\ntype MultiSelectFieldProps = JSFField & {\n  placeholder?: string;\n  options: Array<{ value: string; label: string }>;\n  className?: string;\n  onChange?: (value: any) => void;\n  component?: Components['select'];\n};\n\nexport function MultiSelectField({\n  label,\n  name,\n  options,\n  defaultValue,\n  description,\n  onChange,\n  component,\n  ...rest\n}: MultiSelectFieldProps) {\n  const { control } = useFormContext();\n  const { components } = useFormFields();\n  const [selected, setSelected] = useState<any[]>();\n\n  return (\n    <FormField\n      defaultValue={defaultValue}\n      control={control}\n      name={name}\n      render={({ field, fieldState }) => {\n        const CustomSelectField = component || components?.['multi-select'];\n        if (CustomSelectField) {\n          const customSelectFieldProps = {\n            label,\n            name,\n            options,\n            defaultValue,\n            description,\n            onChange,\n            ...rest,\n          };\n          return (\n            <CustomSelectField\n              field={{\n                ...field,\n                onChange: (value: any) => {\n                  field.onChange(value);\n                  onChange?.(value);\n                },\n              }}\n              fieldState={fieldState}\n              fieldData={customSelectFieldProps}\n            />\n          );\n        }\n\n        const selectedOptions =\n          selected ||\n          options.filter((option) => field.value.includes(option.value));\n\n        return (\n          <FormItem\n            data-field={name}\n            className={`RemoteFlows__SelectField__Item__${name}`}\n          >\n            <FormLabel className='RemoteFlows__SelectField__Label'>\n              {label}\n            </FormLabel>\n            <FormControl>\n              <MultiSelect\n                options={options}\n                selected={selectedOptions}\n                onChange={(rawValues: any[]) => {\n                  const values = rawValues.map(({ value }) => value);\n                  field.onChange(values);\n                  onChange?.(values);\n                  setSelected(rawValues);\n                }}\n                {...rest}\n              />\n            </FormControl>\n            {description && <FormDescription>{description}</FormDescription>}\n            {fieldState.error && <FormMessage />}\n          </FormItem>\n        );\n      }}\n    />\n  );\n}\n","import {\n  NumberField,\n  NumberFieldProps,\n} from '@/src/components/form/fields/NumberField';\n\n// TODO: We use the number field and the the number type is what the partner overrides\n// TODO: this needs to be changed in the future with the changes from https://github.com/remoteoss/remote-flows/pull/128\nexport const MoneyField = (props: NumberFieldProps) => {\n  return <NumberField maxLength={15} {...props} />;\n};\n","import { CheckBoxField } from './CheckBoxField';\nimport { DatePickerField } from './DatePickerField';\nimport { FileUploadField } from './FileUploadField';\nimport { NumberField } from './NumberField';\nimport { RadioGroupField } from './RadioGroupField';\nimport { SelectField } from './SelectField';\nimport { CountryField } from './CountryField';\nimport { TextAreaField } from './TextAreaField';\nimport { TextField } from './TextField';\nimport { EmailField } from './EmailField';\nimport { HiddenField } from './HiddenField';\nimport { WorkScheduleField } from './WorkScheduleField';\nimport { MultiSelectField } from './MultiSelectField';\nimport { MoneyField } from './MoneyField';\nimport { SupportedTypes } from './types';\nimport { $TSFixMe } from '@/src/types/remoteFlows';\n\nexport const baseFields: Record<\n  Exclude<SupportedTypes, 'fieldset' | 'fieldset-flat'>,\n  React.ComponentType<$TSFixMe>\n> = {\n  checkbox: CheckBoxField,\n  text: TextField,\n  email: EmailField,\n  money: MoneyField,\n  select: SelectField,\n  'multi-select': MultiSelectField,\n  radio: RadioGroupField,\n  number: NumberField,\n  file: FileUploadField,\n  date: DatePickerField,\n  textarea: TextAreaField,\n  countries: CountryField,\n  hidden: HiddenField,\n  'work-schedule': WorkScheduleField,\n};\n","import { Alert, AlertDescription, AlertTitle } from '@/src/components/ui/alert';\nimport { useFormFields } from '@/src/context';\nimport { sanitizeHtml } from '@/src/lib/utils';\nimport { AlertCircle } from 'lucide-react';\n\nexport type StatementProps = {\n  title?: string;\n  description: string;\n  severity: 'warning' | 'error' | 'success' | 'info' | 'neutral' | 'time';\n};\n\nexport function Statement({ title, description, severity }: StatementProps) {\n  const { components } = useFormFields();\n\n  if (components?.statement) {\n    const CustomStatement = components?.statement;\n    return (\n      <CustomStatement\n        data={{\n          title,\n          description: sanitizeHtml(description),\n          severity,\n        }}\n      />\n    );\n  }\n\n  return (\n    <Alert variant='warning'>\n      <AlertCircle className='h-4 w-4' />\n      {title && <AlertTitle>{title}</AlertTitle>}\n      {description && (\n        <AlertDescription\n          dangerouslySetInnerHTML={{ __html: sanitizeHtml(description) }}\n        />\n      )}\n    </Alert>\n  );\n}\n","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { baseFields } from '@/src/components/form/fields/baseFields';\nimport { cn, sanitizeHtml } from '@/src/lib/utils';\nimport { SupportedTypes } from './types';\nimport {\n  $TSFixMe,\n  Components,\n  FieldSetToggleComponentProps,\n} from '@/src/types/remoteFlows';\nimport { Statement, StatementProps } from '@/src/components/form/Statement';\nimport { useFormContext } from 'react-hook-form';\nimport { Fragment, useEffect, useRef } from 'react';\nimport { useFormFields } from '@/src/context';\nimport { Button } from '@/src/components/ui/button';\n\ntype FieldBase = {\n  label: string;\n  name: string;\n  description: string;\n  Component?: React.ComponentType<any>;\n  inputType: SupportedTypes;\n  multiple?: boolean;\n};\n\ntype FieldWithOptions = FieldBase & {\n  type: 'select' | 'radio';\n  options: Array<{ value: string; label: string }>;\n};\n\ntype FieldWithoutOptions = FieldBase & {\n  type: Exclude<SupportedTypes, 'select' | 'radio'>;\n  options?: never;\n};\n\ntype Field = FieldWithOptions | FieldWithoutOptions;\n\ntype FieldSetFeatures = {\n  toggle?: {\n    enabled: boolean;\n    defaultExpanded?: boolean;\n    stateField?: string;\n    labels?: {\n      expand: string;\n      collapse: string;\n    };\n    className?: string;\n  };\n};\n\nexport type FieldSetProps = {\n  label: string;\n  name: string;\n  description: string;\n  fields: Field[];\n  features?: FieldSetFeatures;\n  components: Components;\n  statement?: StatementProps;\n  isFlatFieldset: boolean;\n  extra?: React.ReactNode;\n  variant: 'outset' | 'inset';\n};\n\nconst DefaultToggleButton = ({\n  isExpanded,\n  onToggle,\n  className,\n  ...props\n}: FieldSetToggleComponentProps) => (\n  <Button\n    type='button'\n    className={cn(\n      'RemoteFlows__Button RemoteFlows__FieldSetField__ToggleButton',\n      className,\n    )}\n    variant='default'\n    onClick={onToggle}\n    {...props}\n  >\n    {isExpanded ? 'Remove' : 'Define'}\n  </Button>\n);\n\nexport function FieldSetField({\n  label,\n  name,\n  fields,\n  description,\n  components,\n  statement,\n  isFlatFieldset,\n  extra,\n  variant = 'outset',\n  features,\n}: FieldSetProps) {\n  const { watch, setValue, trigger, formState } = useFormContext();\n  const { components: formComponents } = useFormFields();\n\n  // Get expanded state from form state if stateField is provided\n  const stateField = features?.toggle?.stateField;\n  const isExpanded = stateField\n    ? watch(stateField)\n    : (features?.toggle?.defaultExpanded ?? true);\n\n  const fieldNames = fields.map(\n    ({ name: fieldName }) => `${name}.${fieldName}`,\n  );\n  const watchedValues = watch(fieldNames);\n  const prevValuesRef = useRef<string[]>(watchedValues);\n  const triggerTimeoutRef = useRef<NodeJS.Timeout | null>(null);\n\n  const toggleExpanded = () => {\n    if (stateField) {\n      setValue(stateField, !isExpanded);\n    }\n  };\n\n  useEffect(() => {\n    const currentValues = watchedValues;\n    const previousValues = prevValuesRef.current;\n    const hasBeenSubmitted = formState.isSubmitted || formState.submitCount > 0;\n\n    // Check if any value has changed\n    let hasChanged = false;\n    for (let i = 0; i < currentValues.length; i++) {\n      if (\n        currentValues[i] !== undefined &&\n        previousValues[i] !== currentValues[i]\n      ) {\n        hasChanged = true;\n        // This is to prevent the form from triggering validation too many times\n        break;\n      }\n    }\n    // If changes detected and we haven't triggered yet, run trigger\n    if (hasChanged && hasBeenSubmitted) {\n      // We need to debounce the validation trigger so that tests don't freeze\n      if (triggerTimeoutRef.current) {\n        clearTimeout(triggerTimeoutRef.current);\n      }\n      triggerTimeoutRef.current = setTimeout(() => {\n        trigger();\n      }, 50);\n    }\n\n    prevValuesRef.current = [...currentValues];\n\n    return () => {\n      if (triggerTimeoutRef.current) {\n        clearTimeout(triggerTimeoutRef.current);\n      }\n    };\n  }, [watchedValues, trigger, formState.isSubmitted, formState.submitCount]);\n\n  const ToggleComponent = formComponents?.fieldsetToggle || DefaultToggleButton;\n  const contentId = `${name}-content`;\n  const headerId = `${name}-header`;\n\n  return (\n    <fieldset\n      className={cn(\n        'border-1 border-input p-4 rounded-xl',\n        `RemoteFlows__FieldSetField`,\n        `RemoteFlows__FieldSetField__${name}`,\n      )}\n    >\n      <legend\n        className={cn(\n          'text-sm font-semibold px-2',\n          variant === 'inset' && 'hidden',\n        )}\n      >\n        {label}\n      </legend>\n      {variant === 'inset' && (\n        <div\n          className='RemoteFlows__FieldSetField__Header'\n          id={headerId}\n          data-state={isExpanded ? 'expanded' : 'collapsed'}\n          aria-expanded={isExpanded}\n        >\n          <h3 className={cn('RemoteFlows__FieldSetField__Title')}>{label}</h3>\n          {features?.toggle?.enabled && (\n            <ToggleComponent\n              isExpanded={isExpanded}\n              onToggle={toggleExpanded}\n              aria-expanded={isExpanded}\n              aria-controls={contentId}\n              aria-label={`${isExpanded ? 'Hide' : 'Show'} ${label}`}\n              className={cn(\n                'RemoteFlows__FieldSetField__Toggle',\n                features.toggle?.className,\n              )}\n            >\n              {isExpanded\n                ? (features.toggle.labels?.collapse ?? 'Remove')\n                : (features.toggle.labels?.expand ?? 'Define')}\n            </ToggleComponent>\n          )}\n        </div>\n      )}\n      {isExpanded && (\n        <div id={contentId} aria-labelledby={headerId} role='region'>\n          {description ? (\n            <div\n              className='mb-5 RemoteFlows__FieldSetField__Description'\n              dangerouslySetInnerHTML={{ __html: sanitizeHtml(description) }}\n            />\n          ) : null}\n          <div className='grid gap-4'>\n            {fields.map((field: $TSFixMe) => {\n              if (field.calculateDynamicProperties) {\n                field = {\n                  ...field,\n                  ...(field.calculateDynamicProperties(watchedValues, field) ||\n                    {}),\n                };\n              }\n              let FieldComponent =\n                baseFields[\n                  field.type as Exclude<\n                    SupportedTypes,\n                    'fieldset' | 'fieldset-flat'\n                  >\n                ];\n\n              if (field.isVisible === false || field.deprecated) {\n                return null; // Skip hidden or deprecated fields\n              }\n\n              if (field.Component) {\n                const { Component } = field as {\n                  Component: React.ComponentType<any>;\n                };\n                return <Component key={field.name} {...field} />;\n              }\n\n              if (field.type === 'select' && field.multiple) {\n                FieldComponent = baseFields['multi-select'];\n              }\n\n              return (\n                <Fragment\n                  key={`${isFlatFieldset ? field.name : `${name}.${field.name}`}`}\n                >\n                  <FieldComponent\n                    {...field}\n                    name={`${isFlatFieldset ? field.name : `${name}.${field.name}`}`}\n                    component={components?.[field.type as SupportedTypes]}\n                  />\n                  {field.extra ? field.extra : null}\n                </Fragment>\n              );\n            })}\n            {extra ? extra : null}\n            {statement ? <Statement {...statement} /> : null}\n          </div>\n        </div>\n      )}\n    </fieldset>\n  );\n}\n"],"mappings":"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","names":["Fragment","jsx","jsxs","CheckBoxField","name","defaultValue","description","label","onChange","multiple","options","component","rest","components","useFormFields","control","useFormContext","handleCheckboxChange","__name","optionId","checked","field","currentValues","value","FormField","fieldState","CustomCheckboxField","customCheckboxFieldProps","evt","FormItem","cn","FormControl","FormLabel","option","Checkbox","event","FormDescription","FormMessage","CalendarIcon","PopoverClose","ChevronLeft","ChevronRight","DayPicker","jsx","Calendar","className","classNames","showOutsideDays","props","DayPicker","cn","buttonVariants","__name","ChevronLeft","ChevronRight","PopoverPrimitive","jsx","Popover","props","__name","PopoverTrigger","PopoverContent","className","align","sideOffset","cn","format","Fragment","jsx","jsxs","DatePickerField","description","label","name","minDate","onChange","component","rest","components","useFormFields","control","useFormContext","minDateValue","getMinStartDate","FormField","field","fieldState","CustomDatePickerField","customDatePickerFieldProps","__name","value","FormItem","FormLabel","Popover","PopoverTrigger","FormControl","Button","cn","format","CalendarIcon","PopoverContent","Calendar","date","props","PopoverClose","FormDescription","FormMessage","useState","useRef","Upload","X","jsx","jsxs","FileUploader","onChange","className","multiple","files","setFiles","useState","inputRef","useRef","handleClick","__name","e","handleChange","newFiles","onRemoveFile","file","prevFiles","f","cn","Button","Upload","index","X","jsx","jsxs","toBase64","__name","file","resolve","reject","reader","error","convertFilesToBase64","event","files","base64","FileUploadField","name","description","label","multiple","onChange","component","rest","components","useFormFields","control","useFormContext","FormField","field","fieldState","CustomFileUploadField","customFileUploadFieldProps","value","FormItem","FormLabel","FormControl","FileUploader","cn","FormDescription","FormMessage","jsx","NumberField","props","components","useFormFields","control","useFormContext","CustomNumberField","FormField","field","fieldState","__name","value","TextField","Fragment","jsx","jsxs","RadioGroupField","name","defaultValue","description","label","options","onChange","component","rest","components","useFormFields","control","useFormContext","FormField","field","fieldState","CustomRadioGroupField","customRadioGroupFieldProps","__name","value","FormItem","cn","FormLabel","FormControl","RadioGroup","option","Fragment","RadioGroupItem","FormDescription","FormMessage","jsx","jsxs","SelectField","label","name","options","defaultValue","description","onChange","component","rest","control","useFormContext","components","useFormFields","FormField","field","fieldState","CustomSelectField","customSelectFieldProps","__name","value","maybeCastValue","FormItem","FormLabel","FormControl","Select","SelectTrigger","SelectValue","SelectContent","SelectGroup","option","SelectItem","FormDescription","FormMessage","useState","Fragment","useState","Check","ChevronDownIcon","X","CommandPrimitive","SearchIcon","jsx","jsxs","Command","className","props","CommandPrimitive","cn","__name","CommandList","className","props","jsx","CommandPrimitive","cn","__name","CommandEmpty","CommandGroup","CommandSeparator","CommandItem","jsx","jsxs","MultiSelect","options","selected","onChange","placeholder","props","open","setOpen","useState","handleUnselect","__name","option","item","hasCategories","groupedOptions","groups","category","Popover","PopoverTrigger","Button","Badge","e","X","ChevronDownIcon","PopoverContent","Command","CommandList","CommandEmpty","categoryOptions","index","Fragment","CommandSeparator","CommandGroup","isSelected","CommandItem","Check","cn","jsx","jsxs","CountryField","label","name","options","defaultValue","description","onChange","$meta","component","rest","control","useFormContext","components","useFormFields","selected","setSelected","useState","FormField","field","fieldState","CustomSelectField","customSelectFieldProps","__name","value","countryOptions","key","option","handleChange","rawValues","values","FormItem","FormLabel","FormControl","MultiSelect","FormDescription","FormMessage","React","jsx","Textarea","className","props","ref","cn","jsx","jsxs","TextAreaField","name","description","label","onChange","maxLength","component","rest","components","useFormFields","control","useFormContext","FormField","field","fieldState","CustomTextAreaField","customTextAreaFieldProps","__name","value","valueLength","FormItem","FormLabel","FormControl","Textarea","event","cn","FormDescription","FormMessage","jsx","EmailField","props","components","useFormFields","control","useFormContext","CustomEmailField","FormField","field","fieldState","__name","value","TextField","jsx","HiddenField","props","control","useFormContext","FormField","field","__name","React","useEffect","useState","setCustomValidity","ref","fieldPath","errors","error","get","message","reportValidity","validateFieldsNatively","options","fields","field","refs","forEach","toNestErrors","shouldUseNativeValidation","fieldErrors","path","Object","assign","isNameInFieldArray","names","keys","fieldArrayErrors","set","name","escapeBrackets","some","n","match","input","replace","yupResolver","schema","schemaOptions","resolverOptions","values","context","options","Promise","resolve","process","env","NODE_ENV","console","warn","mode","Object","assign","abortEarly","then","result","shouldUseNativeValidation","validateFieldsNatively","raw","errors","e","r","u","_catch","inner","toNestErrors","error","validateAllFieldCriteria","criteriaMode","reduce","previous","path","message","type","types","messages","appendErrors","concat","reject","yup","groupBy","capitalize","MINUTES_IN_HOUR","DAYS_OF_THE_WEEK","convertBreakDurationToHours","breakDuration","hours","minutes","__name","calculateTotalWorkHours","dailySchedules","totalWorkHours","total","daySchedule","findLastConsecutiveDay","startDay","dailySchedule","daysScheduled","day","idx","currentDay","nextDay","nextDayIdx","shouldSummarizeSchedule","shouldSummarizeBreaks","buildWorkScheduleSummary","activeScheduleDays","groupedWorkHours","groupBy","activeBreakDays","groupedBreaks","workHoursSummary","scheduleTimes","sameDailySchedule","start_time","end_time","timeSummary","lastConsecutiveDay","allDaysAreConsecutive","capitalize","summary","breakSummary","isFirstGroup","sameDailyBreaks","breakString","breakText","breakIdx","calculateHours","checked","break_duration_minutes","startHour","startMin","endHour","endMin","startTotalMin","dayMap","getShortWeekday","fullName","jsx","jsxs","fieldSchema","__name","schema","formSchema","WorkScheduleSelectionForm","defaultSchedule","onSubmit","openDialog","setOpenDialog","useState","transformedSchedule","DAYS_OF_THE_WEEK","day","existingSchedule","schedule","getShortWeekday","form","useForm","o","handleSubmit","watch","reset","control","formState","fields","useFieldArray","watchedSchedule","handleSubmitWorkingHours","data","checked","calculateHours","handleCancel","Dialog","DialogTrigger","Button","DialogContent","DialogHeader","DialogTitle","Form","field","index","currentDay","calculatedHours","React","CheckBoxField","TextField","WorkScheduleField","props","components","useFormFields","setValue","useFormContext","currentSchedule","setCurrentSchedule","workHoursSummary","breakSummary","buildWorkScheduleSummary","totalWorkHours","calculateTotalWorkHours","useEffect","CustomWorkScheduleField","FormField","fieldState","value","useState","jsx","jsxs","MultiSelectField","label","name","options","defaultValue","description","onChange","component","rest","control","useFormContext","components","useFormFields","selected","setSelected","useState","FormField","field","fieldState","CustomSelectField","customSelectFieldProps","__name","value","selectedOptions","option","FormItem","FormLabel","FormControl","MultiSelect","rawValues","values","FormDescription","FormMessage","jsx","MoneyField","__name","props","NumberField","baseFields","CheckBoxField","TextField","EmailField","MoneyField","SelectField","MultiSelectField","RadioGroupField","NumberField","FileUploadField","DatePickerField","TextAreaField","CountryField","HiddenField","WorkScheduleField","AlertCircle","jsx","jsxs","Statement","title","description","severity","components","useFormFields","CustomStatement","sanitizeHtml","Alert","AlertCircle","AlertTitle","AlertDescription","__name","Fragment","useEffect","useRef","jsx","jsxs","DefaultToggleButton","__name","isExpanded","onToggle","className","props","Button","cn","FieldSetField","label","name","fields","description","components","statement","isFlatFieldset","extra","variant","features","watch","setValue","trigger","formState","useFormContext","formComponents","useFormFields","stateField","fieldNames","fieldName","watchedValues","prevValuesRef","useRef","triggerTimeoutRef","toggleExpanded","useEffect","currentValues","previousValues","hasBeenSubmitted","hasChanged","i","ToggleComponent","contentId","headerId","sanitizeHtml","field","FieldComponent","baseFields","Component","Fragment","Statement"]}

package/dist/{chunk-XVW2URFK.js → chunk-PAZGF4C3.js}

@@ -1,2 +1,2 @@
-import{a as t}from"./chunk-54KJP7WD.js";import{a as e}from"./chunk-P37U34EQ.js";import*as o from"@radix-ui/react-label";import{jsx as r}from"react/jsx-runtime";function l({className:a,...i}){return r(o.Root,{"data-slot":"label",className:t("flex items-center gap-2 text-sm leading-none select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50",a),...i})}e(l,"Label");export{l as a};
-//# sourceMappingURL=chunk-XVW2URFK.js.map
+import{a as t}from"./chunk-HC56JKI2.js";import{a as e}from"./chunk-P37U34EQ.js";import*as o from"@radix-ui/react-label";import{jsx as r}from"react/jsx-runtime";function l({className:a,...i}){return r(o.Root,{"data-slot":"label",className:t("flex items-center gap-2 text-sm leading-none select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50",a),...i})}e(l,"Label");export{l as a};
+//# sourceMappingURL=chunk-PAZGF4C3.js.map

package/dist/chunk-PTACLZHT.js

@@ -0,0 +1,2 @@
+import{a as R,b as x,c as N,d as A}from"./chunk-AXES4NFY.js";import{a as T}from"./chunk-ZE3YT3Q6.js";import{a as f}from"./chunk-32GSS4UM.js";import{a as C}from"./chunk-AKHJDD35.js";import{a as w}from"./chunk-HH4YP6QX.js";import{b as B}from"./chunk-4NLAHGUV.js";import{a as i,b as n,e as F}from"./chunk-HC56JKI2.js";import{a as d}from"./chunk-P37U34EQ.js";import{MoreHorizontal as G}from"lucide-react";import{useState as P}from"react";import{Fragment as U,jsx as g,jsxs as E}from"react/jsx-runtime";function L({actions:e=[],className:r,label:l,"data-testid":a}){let[_,m]=P(!1);return E("div",{className:i("relative",r),children:[g(B,{"data-testid":a,variant:"ghost","aria-label":l,className:"h-8 w-8 p-0",onClick:()=>m(!_),children:g(G,{className:"h-4 w-4"})}),_&&E(U,{children:[g("div",{className:"fixed inset-0 z-40",onClick:()=>m(!1)}),g("div",{className:"absolute right-0 top-1/2 mt-1 bg-white border border-gray-200 rounded-md shadow-lg z-50 min-w-[120px]",children:e.map((c,u)=>g("button",{"data-testid":`${a}-${c.label.toLowerCase().replace(" ","-")}`,className:i("w-full text-left px-2 py-1.5 text-sm hover:bg-gray-100",c.disabled&&"opacity-50 cursor-not-allowed"),onClick:()=>{c.onClick(),m(!1)},disabled:c.disabled,children:c.label},u))})]})]})}d(L,"ActionsDropdown");import{ChevronDown as S,Info as $}from"lucide-react";import j from"react-flagpack";import{useState as O}from"react";import{Fragment as b,jsx as o,jsxs as t}from"react/jsx-runtime";var Z={GB:"GB-UKM"},K=d(({title:e,country:r,region:l,annualGrossSalary:a,onDelete:_,onExportPdf:m,onEdit:c})=>{let u=[{label:"Edit",onClick:c},{label:"Export",onClick:m},{label:"Delete",onClick:_}];return t("div",{className:"RemoteFlows__EstimationResults__Header flex justify-between",children:[t("div",{className:"flex flex-row items-center gap-6",children:[o("div",{className:"RemoteFlows__EstimationResultsHeader__FlagContainer flex h-16 w-16 items-center justify-center rounded-lg bg-[#F4F4F5]",children:o(j,{code:Z[r.alpha_2_code]||r.alpha_2_code})}),t("div",{className:"space-y-1",children:[o("h2",{"data-testid":"estimation-results-header-title",className:"RemoteFlows__EstimationResultsHeader__Title text-lg font-medium leading-none text-[#181818]",children:e}),t("p",{className:"RemoteFlows__EstimationResultsHeader__Country text-xs text-[#71717A]",children:[r.name," ",l?` (${l.name})`:""]}),t("p",{"data-testid":"estimation-results-header-annual-gross-salary",className:"RemoteFlows__EstimationResultsHeader__AnnualGrossSalary text-xs text-[#71717A]",children:[o("span",{className:"text-[#181818]",children:"Employee annual gross salary:"})," ",a]})]})]}),o(L,{label:"Actions",className:"RemoteFlows__EstimationResults__ActionsDropdown",actions:u})]})},"EstimationResultsHeader"),V=d(()=>({steps:[{id:"add-employment-details",title:"Add employment details",description:"You add employee employments details."},{id:"invite-employee",title:"Invite employee",description:"Hire receives an email invitation from Remote to start the self-enrollment process."},{id:"verify-information",title:"Verify information",description:"Remote prepares the Employment Agreement and verifies all the information."},{id:"sign-contract",title:"Sign contract",description:"All parties sign the Employment Agreement and are ready to start. \u{1F389}"}],helpText:"For customers who accept Remote's Terms of Service (ToS), the employee onboarding timeline starts once the employee has been invited to the platform and completed self enrollment.",zendeskArticleId:f.employeeOnboardingTimeline}),"getOnboardingTimelineData");function Y({minimumOnboardingDays:e,data:r,className:l}){return o(R,{type:"single",collapsible:!0,className:i("RemoteFlows__EstimationResults__OnboardingTimeline w-full",l),children:t(x,{value:"timeline",className:"RemoteFlows__OnboardingTimeline__AccordionItem border-border",children:[o(N,{className:"RemoteFlows__OnboardingTimeline__AccordionTrigger hover:no-underline px-0 py-4",children:t("div",{className:"flex items-center justify-between w-full",children:[o("span",{className:"RemoteFlows__OnboardingTimeline__Title text-base font-medium text-[#0F172A]",children:"Onboarding timeline"}),e!=null&&t("span",{className:"RemoteFlows__OnboardingTimeline__Description text-base text-muted-foreground mr-4",children:[e," days"]})]})}),t(A,{className:"px-0 pb-4",children:[o("ul",{className:"RemoteFlows__OnboardingTimeline__List list-disc list-inside space-y-2",children:r.steps.map(a=>t("li",{children:[o("strong",{className:"font-medium text-[#09090B]",children:a.title})," ","- ",a.description]},a.id))}),t("p",{className:"RemoteFlows__OnboardingTimeline__HelpText text-xs text-muted-foreground mt-4",children:[r.helpText,r.zendeskArticleId&&o(w,{zendeskId:r.zendeskArticleId,children:"Learn more"})]})]})]})})}d(Y,"OnboardingTimeline");function q({className:e,countryBenefitsUrl:r,countryGuideUrl:l,country:a}){return o(R,{type:"single",collapsible:!0,className:i("RemoteFlows__EstimationResults__HiringSection w-full",e),children:t(x,{value:"timeline",className:"RemoteFlows__HiringSection__AccordionItem border-border",children:[o(N,{className:"RemoteFlows__HiringSection__AccordionTrigger hover:no-underline px-0 py-4",children:o("div",{className:"flex items-center justify-between w-full",children:t("span",{className:"text-base font-medium text-[#0F172A]",children:["Hiring in ",a.name]})})}),o(A,{children:t("div",{className:"flex flex-col gap-1",children:[l&&o("a",{href:l,target:"_blank",className:"RemoteFlows__Link",children:"Explore our complete guide \u2197"}),r&&o("a",{href:r,target:"_blank",className:"RemoteFlows__Link",children:"Explore our available benefits \u2197"})]})})]})})}d(q,"HiringSection");function J({isMultipleCurrency:e,className:r}){return t("div",{className:i("RemoteFlows__EstimationResults__Headers grid grid-cols-3 items-center",r),children:[o("span",{"aria-hidden":!0}),e?t(b,{children:[o("span",{className:"RemoteFlows__EstimationResults__Headers__Label",children:"Employee currency"}),o("span",{className:"RemoteFlows__EstimationResults__Headers__Label",children:"Employer currency"})]}):t(b,{children:[o("span",{}),o("span",{className:"RemoteFlows__EstimationResults__Headers__Label",children:"Amount"})]})]})}d(J,"EstimationHeaders");function I({label:e,amounts:r,className:l,children:a}){let[_,m]=O(!0);return t("div",{className:i("RemoteFlows__EstimationResults__Row",l),children:[t("div",{className:"RemoteFlows__EstimationRow__Grid grid grid-cols-3 items-center",children:[t("div",{className:"RemoteFlows__EstimationRow__LabelContainer flex items-center gap-2",children:[o("span",{className:i("RemoteFlows__EstimationRow__Title min-w-[140px] font-medium text-[#09090B]"),children:e}),o("button",{onClick:()=>m(!_),className:"RemoteFlows__EstimationRow__CollapseButton p-1 hover:bg-gray-100 rounded",children:o(S,{className:`h-4 w-4 text-muted-foreground transition-transform ${_?"rotate-180":""}`})})]}),Array.isArray(r)?r.map((c,u)=>o("span",{className:i("RemoteFlows__EstimationRow__RegionalAmount text-right font-medium text-[#09090B]"),children:c},u)):t(b,{children:[o("span",{}),o("span",{className:i("RemoteFlows__EstimationRow__EmployerAmount text-right font-medium text-[#09090B]"),children:r})]})]}),_&&a&&o("div",{className:"RemoteFlows__EstimationRow__CollapsibleContent mt-4",children:a})]})}d(I,"EstimationRow");function Q({item:e,isMultipleCurrency:r,level:l=0}){let[a,_]=O(!1),m=e.children&&e.children.length>0,c=l>0,u=e.isCollapsible||m;return t("li",{className:i("RemoteFlows__BreakdownList__Item pb-3",c&&"pb-1"),children:[t("div",{className:i(r?"RemoteFlows__BreakdownList__Grid grid grid-cols-3 items-center justify-between":"RemoteFlows__BreakdownList__Grid grid grid-cols-2 items-center justify-between"),children:[t("div",{className:i("RemoteFlows__BreakdownList__LabelContainer flex items-center gap-2",c&&"pl-3"),children:[!c&&o("span",{className:"RemoteFlows__BreakdownList__Bullet w-1 h-1 bg-[#09090B] rounded-full flex-shrink-0","aria-hidden":"true"}),u?t("button",{onClick:()=>_(!a),className:"RemoteFlows__BreakdownList__CollapseButton flex items-center gap-2 hover:bg-gray-100 rounded p-1",children:[o("span",{className:i(c?"RemoteFlows__BreakdownList__Text--Nested text-xs text-[#71717A]":"RemoteFlows__BreakdownList__Text--NotNested text-sm text-[#09090B]"),children:e.label}),o(S,{className:`RemoteFlows__BreakdownList__ChevronDown h-3 w-3 text-muted-foreground transition-transform ${a?"rotate-180":""}`})]}):o("span",{className:i(c?"RemoteFlows__BreakdownList__Text--Nested text-xs text-[#71717A]":"RemoteFlows__BreakdownList__Text--NotNested text-sm text-[#09090B] p-1"),children:e.label}),e.tooltip&&o(T,{content:t(b,{children:[o("span",{dangerouslySetInnerHTML:{__html:F(e.tooltip)}})," ",e.zendeskId&&o(w,{zendeskId:Number(e.zendeskId),children:"Learn more"})]}),children:o("button",{className:"RemoteFlows__BreakdownList__InfoButton p-1 hover:bg-gray-100 rounded",children:o($,{className:i("RemoteFlows__BreakdownList__InfoButton__Icon text-muted-foreground",c?"h-3 w-3":"h-4 w-4")})})})]}),r?t(b,{children:[o("span",{"data-testid":e.dataSelector&&e.dataSelector+"-employee-amount",className:i("RemoteFlows__BreakdownList__RegionalAmountText text-sm text-right",c?"RemoteFlows__BreakdownList__RegionalAmountText--Nested text-[#71717A]":"RemoteFlows__BreakdownList__RegionalAmountText--NotNested text-[#09090B]"),children:e.regionalAmount||"\u2014"}),o("span",{"data-testid":e.dataSelector&&e.dataSelector+"-employer-amount",className:i("RemoteFlows__BreakdownList__EmployerAmountText text-sm text-right",c?"RemoteFlows__BreakdownList__EmployerAmountText--Nested text-[#71717A]":"RemoteFlows__BreakdownList__EmployerAmountText--NotNested text-[#09090B]"),children:e.employerAmount||"\u2014"})]}):o("span",{"data-testid":e.dataSelector,className:i("RemoteFlows__BreakdownList__RegionalAmountText text-sm text-right",c?"RemoteFlows__BreakdownList__RegionalAmountText--Nested text-[#71717A]":"RemoteFlows__BreakdownList__RegionalAmountText--NotNested text-[#09090B]"),children:e.regionalAmount||"\u2014"})]}),m&&a&&o("div",{className:"mt-1",children:o(k,{items:e.children,isMultipleCurrency:r,level:l+1})})]})}d(Q,"BreakdownListItem");function k({items:e,isMultipleCurrency:r,className:l,level:a}){return o("ul",{className:i("RemoteFlows__BreakdownList list-none",l),children:e.map((_,m)=>o(Q,{item:_,isMultipleCurrency:r,level:a},m))})}d(k,"BreakdownList");var pe=d(({estimation:e,title:r,components:l,onDelete:a,onExportPdf:_,onEdit:m})=>{let c=l?.HiringSection||q,u=l?.OnboardingTimeline||Y,z=l?.Header||K,h=l?.Footer,H=V(),p=e.employer_currency_costs.currency.code!==e.regional_currency_costs.currency.code,v=e.employer_currency_costs.monthly_management_fee,D=e.region.code!==e.country.code,M=n(e.regional_currency_costs.annual_gross_salary,e.regional_currency_costs.currency.symbol);return t(C,{className:"RemoteFlows__EstimationResults__Card p-10",children:[o("div",{className:"RemoteFlows__Separator",children:o(z,{title:r,annualGrossSalary:M,region:D?e.region:void 0,country:e.country,onDelete:a,onExportPdf:_,onEdit:m})}),t("div",{className:"RemoteFlows__Separator",children:[o(J,{isMultipleCurrency:p,className:"mb-3"}),o(I,{label:"Monthly total cost",amounts:p?[n(e.regional_currency_costs.monthly_total,e.regional_currency_costs.currency.symbol),n(e.employer_currency_costs.monthly_total,e.employer_currency_costs.currency.symbol)]:n(e.regional_currency_costs.monthly_total,e.regional_currency_costs.currency.symbol),children:o(k,{items:[{label:"Gross monthly salary",regionalAmount:n(e.regional_currency_costs.monthly_gross_salary,e.regional_currency_costs.currency.symbol),employerAmount:n(e.employer_currency_costs.monthly_gross_salary,e.employer_currency_costs.currency.symbol),zendeskId:f.extraPayments.toString(),tooltip:"This country respects extra payments on top of the gross salary."},{label:"Mandatory employer costs",regionalAmount:n(e.regional_currency_costs.monthly_contributions_total,e.regional_currency_costs.currency.symbol),employerAmount:n(e.employer_currency_costs.monthly_contributions_total,e.employer_currency_costs.currency.symbol),children:e.employer_currency_costs.monthly_contributions_breakdown?.map((s,y)=>({label:s.name,regionalAmount:n(e.regional_currency_costs.monthly_contributions_breakdown?.[y]?.amount,e.regional_currency_costs.currency.symbol),employerAmount:n(s.amount,e.employer_currency_costs.currency.symbol),zendeskId:s.zendesk_article_id||void 0,tooltip:s.description||void 0}))||[]},{label:"Benefits",regionalAmount:n(e.regional_currency_costs.monthly_benefits_total,e.regional_currency_costs.currency.symbol),employerAmount:n(e.employer_currency_costs.monthly_benefits_total,e.employer_currency_costs.currency.symbol),children:e.employer_currency_costs.monthly_benefits_breakdown?.map((s,y)=>({label:s.name,regionalAmount:n(e.regional_currency_costs.monthly_benefits_breakdown?.[y]?.amount,e.regional_currency_costs.currency.symbol),employerAmount:n(s.amount,e.employer_currency_costs.currency.symbol),zendeskId:s.zendesk_article_id||void 0,tooltip:s.description||void 0}))||[]},...v?[{label:"Monthly fee",regionalAmount:n(e.regional_currency_costs.monthly_management_fee,e.regional_currency_costs.currency.symbol),employerAmount:n(e.employer_currency_costs.monthly_management_fee,e.employer_currency_costs.currency.symbol),tooltip:"Discounts may be available based on your commitment and team size. Speak to your account or customer success manager to learn more."}]:[]],isMultipleCurrency:p})})]}),o("div",{className:"RemoteFlows__Separator",children:o(I,{label:"Annual total cost",amounts:p?[n(e.regional_currency_costs.annual_total,e.regional_currency_costs.currency.symbol),n(e.employer_currency_costs.annual_total,e.employer_currency_costs.currency.symbol)]:n(e.regional_currency_costs.annual_total,e.regional_currency_costs.currency.symbol),children:o(k,{items:[{label:"Gross annual salary",dataSelector:"annual-gross-salary",regionalAmount:n(e.regional_currency_costs.annual_gross_salary,e.regional_currency_costs.currency.symbol),employerAmount:n(e.employer_currency_costs.annual_gross_salary,e.employer_currency_costs.currency.symbol)},{label:"Mandatory employer costs",regionalAmount:n(e.regional_currency_costs.annual_contributions_total,e.regional_currency_costs.currency.symbol),employerAmount:n(e.employer_currency_costs.annual_contributions_total,e.employer_currency_costs.currency.symbol),children:e.employer_currency_costs.annual_contributions_breakdown?.map((s,y)=>({label:s.name,regionalAmount:n(e.regional_currency_costs.annual_contributions_breakdown?.[y]?.amount,e.regional_currency_costs.currency.symbol),employerAmount:n(s.amount,e.employer_currency_costs.currency.symbol),zendeskId:s.zendesk_article_id||void 0,tooltip:s.description||void 0}))||[]},{label:"Benefits",regionalAmount:n(e.regional_currency_costs.annual_benefits_total,e.regional_currency_costs.currency.symbol),employerAmount:n(e.employer_currency_costs.annual_benefits_total,e.employer_currency_costs.currency.symbol),children:e.employer_currency_costs.annual_benefits_breakdown?.map((s,y)=>({label:s.name,regionalAmount:n(e.regional_currency_costs.annual_benefits_breakdown?.[y]?.amount,e.regional_currency_costs.currency.symbol),employerAmount:n(s.amount,e.employer_currency_costs.currency.symbol),zendeskId:s.zendesk_article_id||void 0,tooltip:s.description||void 0}))||[]},{label:"Extra statutory payments",regionalAmount:n(e.regional_currency_costs.extra_statutory_payments_total,e.regional_currency_costs.currency.symbol),employerAmount:n(e.employer_currency_costs.extra_statutory_payments_total,e.employer_currency_costs.currency.symbol),children:e.employer_currency_costs.extra_statutory_payments_breakdown?.map((s,y)=>({label:s.name,regionalAmount:n(e.regional_currency_costs.extra_statutory_payments_breakdown?.[y]?.amount,e.regional_currency_costs.currency.symbol),employerAmount:n(s.amount,e.employer_currency_costs.currency.symbol),zendeskId:s.zendesk_article_id||void 0,tooltip:s.description||void 0}))||[]},...v?[{label:"Annual fee",regionalAmount:n(e.regional_currency_costs.annual_management_fee,e.regional_currency_costs.currency.symbol),employerAmount:n(e.employer_currency_costs.annual_management_fee,e.employer_currency_costs.currency.symbol),tooltip:"Discounts may be available based on your commitment and team size. Speak to your account or customer success manager to learn more."}]:[]],isMultipleCurrency:p})})}),o("div",{className:"RemoteFlows__Separator",children:o(u,{minimumOnboardingDays:e.minimum_onboarding_time,data:H})}),o(c,{countryBenefitsUrl:e.country_benefits_details_url,countryGuideUrl:e.country_guide_url,country:e.country}),h&&o(h,{})]})},"EstimationResults");export{pe as a};
+//# sourceMappingURL=chunk-PTACLZHT.js.map

package/dist/chunk-PTACLZHT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/shared/actions-dropdown/ActionsDropdown.tsx","../src/flows/CostCalculator/EstimationResults/EstimationResults.tsx"],"sourcesContent":["import { Button } from '@/src/components/ui/button';\nimport { cn } from '@/src/lib/utils';\nimport { MoreHorizontal } from 'lucide-react';\nimport { useState, type ReactNode } from 'react';\n\nexport interface DropdownAction {\n  label: string;\n  icon?: ReactNode;\n  onClick: () => void;\n  separator?: boolean;\n  disabled?: boolean;\n}\n\ninterface ActionsDropdownProps {\n  actions?: DropdownAction[];\n  label?: string;\n  className?: string;\n  'data-testid'?: string;\n}\n\nexport function ActionsDropdown({\n  actions = [],\n  className,\n  label,\n  'data-testid': dataSelector,\n}: ActionsDropdownProps) {\n  const [isOpen, setIsOpen] = useState(false);\n\n  return (\n    <div className={cn('relative', className)}>\n      <Button\n        data-testid={dataSelector}\n        variant='ghost'\n        aria-label={label}\n        className='h-8 w-8 p-0'\n        onClick={() => setIsOpen(!isOpen)}\n      >\n        <MoreHorizontal className='h-4 w-4' />\n      </Button>\n\n      {isOpen && (\n        <>\n          <div\n            className='fixed inset-0 z-40'\n            onClick={() => setIsOpen(false)}\n          />\n          <div className='absolute right-0 top-1/2 mt-1 bg-white border border-gray-200 rounded-md shadow-lg z-50 min-w-[120px]'>\n            {actions.map((action, index) => (\n              <button\n                key={index}\n                data-testid={`${dataSelector}-${action.label.toLowerCase().replace(' ', '-')}`}\n                className={cn(\n                  'w-full text-left px-2 py-1.5 text-sm hover:bg-gray-100',\n                  action.disabled && 'opacity-50 cursor-not-allowed',\n                )}\n                onClick={() => {\n                  action.onClick();\n                  setIsOpen(false);\n                }}\n                disabled={action.disabled}\n              >\n                {action.label}\n              </button>\n            ))}\n          </div>\n        </>\n      )}\n    </div>\n  );\n}\n","import { MinimalCountry, MinimalRegion } from '@/src/client';\nimport { ActionsDropdown } from '@/src/components/shared/actions-dropdown/ActionsDropdown';\nimport { Card } from '@/src/components/ui/card';\nimport { ChevronDown, Info } from 'lucide-react';\nimport Flag from 'react-flagpack';\nimport { useState } from 'react';\nimport {\n  Accordion,\n  AccordionContent,\n  AccordionItem,\n  AccordionTrigger,\n} from '@/src/components/ui/accordion';\nimport { cn, formatCurrency, sanitizeHtml } from '@/src/lib/utils';\nimport { ZendeskTriggerButton } from '@/src/components/shared/zendesk-drawer/ZendeskTriggerButton';\nimport { zendeskArticles } from '@/src/components/shared/zendesk-drawer/utils';\nimport { BasicTooltip } from '@/src/components/ui/basic-tooltip';\nimport { CostCalculatorEstimation } from '@/src/flows/CostCalculator/types';\n\nconst FLAG_CODE_MAPPING: Record<string, string> = {\n  GB: 'GB-UKM',\n};\n\nconst EstimationResultsHeader = ({\n  title,\n  country,\n  region,\n  annualGrossSalary,\n  onDelete,\n  onExportPdf,\n  onEdit,\n}: {\n  title: string;\n  country: MinimalCountry;\n  region?: MinimalRegion;\n  annualGrossSalary: string;\n  onDelete: () => void;\n  onExportPdf: () => void;\n  onEdit: () => void;\n}) => {\n  const actions = [\n    {\n      label: 'Edit',\n      onClick: onEdit,\n    },\n    {\n      label: 'Export',\n      onClick: onExportPdf,\n    },\n    {\n      label: 'Delete',\n      onClick: onDelete,\n    },\n  ];\n  return (\n    <div className='RemoteFlows__EstimationResults__Header flex justify-between'>\n      <div className='flex flex-row items-center gap-6'>\n        <div className='RemoteFlows__EstimationResultsHeader__FlagContainer flex h-16 w-16 items-center justify-center rounded-lg bg-[#F4F4F5]'>\n          <Flag\n            code={\n              FLAG_CODE_MAPPING[country.alpha_2_code] || country.alpha_2_code\n            }\n          />\n        </div>\n        <div className='space-y-1'>\n          <h2\n            data-testid='estimation-results-header-title'\n            className='RemoteFlows__EstimationResultsHeader__Title text-lg font-medium leading-none text-[#181818]'\n          >\n            {title}\n          </h2>\n          <p className='RemoteFlows__EstimationResultsHeader__Country text-xs text-[#71717A]'>\n            {country.name} {region ? ` (${region.name})` : ''}\n          </p>\n          <p\n            data-testid='estimation-results-header-annual-gross-salary'\n            className='RemoteFlows__EstimationResultsHeader__AnnualGrossSalary text-xs text-[#71717A]'\n          >\n            <span className='text-[#181818]'>\n              Employee annual gross salary:\n            </span>{' '}\n            {annualGrossSalary}\n          </p>\n        </div>\n      </div>\n      <ActionsDropdown\n        label='Actions'\n        className='RemoteFlows__EstimationResults__ActionsDropdown'\n        actions={actions}\n      />\n    </div>\n  );\n};\n\ninterface OnboardingTimelineStep {\n  title: string;\n  description: string;\n  id: string;\n}\n\ninterface OnboardingTimelineData {\n  steps: OnboardingTimelineStep[];\n  helpText: string;\n  zendeskArticleId?: number;\n}\n\nconst getOnboardingTimelineData = (): OnboardingTimelineData => {\n  return {\n    steps: [\n      {\n        id: 'add-employment-details',\n        title: 'Add employment details',\n        description: 'You add employee employments details.',\n      },\n      {\n        id: 'invite-employee',\n        title: 'Invite employee',\n        description:\n          'Hire receives an email invitation from Remote to start the self-enrollment process.',\n      },\n      {\n        id: 'verify-information',\n        title: 'Verify information',\n        description:\n          'Remote prepares the Employment Agreement and verifies all the information.',\n      },\n      {\n        id: 'sign-contract',\n        title: 'Sign contract',\n        description:\n          'All parties sign the Employment Agreement and are ready to start. 🎉',\n      },\n    ],\n    helpText:\n      \"For customers who accept Remote's Terms of Service (ToS), the employee onboarding timeline starts once the employee has been invited to the platform and completed self enrollment.\",\n    zendeskArticleId: zendeskArticles.employeeOnboardingTimeline,\n  };\n};\n\nfunction OnboardingTimeline({\n  minimumOnboardingDays,\n  data,\n  className,\n}: {\n  minimumOnboardingDays: number | null;\n  data: OnboardingTimelineData;\n  className?: string;\n}) {\n  return (\n    <Accordion\n      type='single'\n      collapsible\n      className={cn(\n        'RemoteFlows__EstimationResults__OnboardingTimeline w-full',\n        className,\n      )}\n    >\n      <AccordionItem\n        value='timeline'\n        className='RemoteFlows__OnboardingTimeline__AccordionItem border-border'\n      >\n        <AccordionTrigger className='RemoteFlows__OnboardingTimeline__AccordionTrigger hover:no-underline px-0 py-4'>\n          <div className='flex items-center justify-between w-full'>\n            <span className='RemoteFlows__OnboardingTimeline__Title text-base font-medium text-[#0F172A]'>\n              Onboarding timeline\n            </span>\n            {minimumOnboardingDays != null && (\n              <span className='RemoteFlows__OnboardingTimeline__Description text-base text-muted-foreground mr-4'>\n                {minimumOnboardingDays} days\n              </span>\n            )}\n          </div>\n        </AccordionTrigger>\n        <AccordionContent className='px-0 pb-4'>\n          <ul className='RemoteFlows__OnboardingTimeline__List list-disc list-inside space-y-2'>\n            {data.steps.map((step) => (\n              <li key={step.id}>\n                <strong className='font-medium text-[#09090B]'>\n                  {step.title}\n                </strong>{' '}\n                - {step.description}\n              </li>\n            ))}\n          </ul>\n          <p className='RemoteFlows__OnboardingTimeline__HelpText text-xs text-muted-foreground mt-4'>\n            {data.helpText}\n            {data.zendeskArticleId && (\n              <ZendeskTriggerButton zendeskId={data.zendeskArticleId}>\n                Learn more\n              </ZendeskTriggerButton>\n            )}\n          </p>\n        </AccordionContent>\n      </AccordionItem>\n    </Accordion>\n  );\n}\n\nfunction HiringSection({\n  className,\n  countryBenefitsUrl,\n  countryGuideUrl,\n  country,\n}: {\n  className?: string;\n  countryBenefitsUrl: string;\n  countryGuideUrl: string;\n  country: MinimalCountry;\n}) {\n  return (\n    <Accordion\n      type='single'\n      collapsible\n      className={cn(\n        'RemoteFlows__EstimationResults__HiringSection w-full',\n        className,\n      )}\n    >\n      <AccordionItem\n        value='timeline'\n        className='RemoteFlows__HiringSection__AccordionItem border-border'\n      >\n        <AccordionTrigger className='RemoteFlows__HiringSection__AccordionTrigger hover:no-underline px-0 py-4'>\n          <div className='flex items-center justify-between w-full'>\n            <span className='text-base font-medium text-[#0F172A]'>\n              Hiring in {country.name}\n            </span>\n          </div>\n        </AccordionTrigger>\n        <AccordionContent>\n          <div className='flex flex-col gap-1'>\n            {countryGuideUrl && (\n              <a\n                href={countryGuideUrl}\n                target='_blank'\n                className='RemoteFlows__Link'\n              >\n                Explore our complete guide ↗\n              </a>\n            )}\n            {countryBenefitsUrl && (\n              <a\n                href={countryBenefitsUrl}\n                target='_blank'\n                className='RemoteFlows__Link'\n              >\n                Explore our available benefits ↗\n              </a>\n            )}\n          </div>\n        </AccordionContent>\n      </AccordionItem>\n    </Accordion>\n  );\n}\n\nfunction EstimationHeaders({\n  isMultipleCurrency,\n  className,\n}: {\n  isMultipleCurrency: boolean;\n  className?: string;\n}) {\n  return (\n    <div\n      className={cn(\n        'RemoteFlows__EstimationResults__Headers grid grid-cols-3 items-center',\n        className,\n      )}\n    >\n      <span aria-hidden />\n      {isMultipleCurrency ? (\n        <>\n          <span className='RemoteFlows__EstimationResults__Headers__Label'>\n            Employee currency\n          </span>\n          <span className='RemoteFlows__EstimationResults__Headers__Label'>\n            Employer currency\n          </span>\n        </>\n      ) : (\n        <>\n          <span></span>\n          <span className='RemoteFlows__EstimationResults__Headers__Label'>\n            Amount\n          </span>\n        </>\n      )}\n    </div>\n  );\n}\n\nfunction EstimationRow({\n  label,\n  amounts,\n  className,\n  children,\n}: {\n  label: string | React.ReactNode;\n  amounts: string | string[];\n  className?: string;\n  children?: React.ReactNode;\n}) {\n  const [isOpen, setIsOpen] = useState(true);\n\n  return (\n    <div className={cn('RemoteFlows__EstimationResults__Row', className)}>\n      <div className='RemoteFlows__EstimationRow__Grid grid grid-cols-3 items-center'>\n        <div className='RemoteFlows__EstimationRow__LabelContainer flex items-center gap-2'>\n          <span\n            className={cn(\n              'RemoteFlows__EstimationRow__Title min-w-[140px] font-medium text-[#09090B]',\n            )}\n          >\n            {label}\n          </span>\n          <button\n            onClick={() => setIsOpen(!isOpen)}\n            className='RemoteFlows__EstimationRow__CollapseButton p-1 hover:bg-gray-100 rounded'\n          >\n            <ChevronDown\n              className={`h-4 w-4 text-muted-foreground transition-transform ${\n                isOpen ? 'rotate-180' : ''\n              }`}\n            />\n          </button>\n        </div>\n\n        {Array.isArray(amounts) ? (\n          amounts.map((amount, index) => (\n            <span\n              key={index}\n              className={cn(\n                'RemoteFlows__EstimationRow__RegionalAmount text-right font-medium text-[#09090B]',\n              )}\n            >\n              {amount}\n            </span>\n          ))\n        ) : (\n          <>\n            <span></span>\n            <span\n              className={cn(\n                'RemoteFlows__EstimationRow__EmployerAmount text-right font-medium text-[#09090B]',\n              )}\n            >\n              {amounts}\n            </span>\n          </>\n        )}\n      </div>\n\n      {/* Collapsible content */}\n      {isOpen && children && (\n        <div className='RemoteFlows__EstimationRow__CollapsibleContent mt-4'>\n          {children}\n        </div>\n      )}\n    </div>\n  );\n}\n\ninterface BreakdownItem {\n  label: string;\n  tooltip?: string;\n  dataSelector?: string;\n  regionalAmount?: string;\n  employerAmount?: string;\n  description?: string;\n  zendeskId?: string;\n  isCollapsible?: boolean;\n  children?: BreakdownItem[];\n}\n\nfunction BreakdownListItem({\n  item,\n  isMultipleCurrency,\n  level = 0,\n}: {\n  item: BreakdownItem;\n  isMultipleCurrency: boolean;\n  level?: number;\n}) {\n  const [isOpen, setIsOpen] = useState(false);\n  const hasChildren = item.children && item.children.length > 0;\n  const isNested = level > 0;\n  const isCollapsible = item.isCollapsible || hasChildren;\n\n  return (\n    <li\n      className={cn(\n        'RemoteFlows__BreakdownList__Item pb-3',\n        isNested && 'pb-1',\n      )}\n    >\n      <div\n        className={cn(\n          isMultipleCurrency\n            ? 'RemoteFlows__BreakdownList__Grid grid grid-cols-3 items-center justify-between'\n            : 'RemoteFlows__BreakdownList__Grid grid grid-cols-2 items-center justify-between',\n        )}\n      >\n        <div\n          className={cn(\n            'RemoteFlows__BreakdownList__LabelContainer flex items-center gap-2',\n            isNested && 'pl-3',\n          )}\n        >\n          {!isNested && (\n            <span\n              className='RemoteFlows__BreakdownList__Bullet w-1 h-1 bg-[#09090B] rounded-full flex-shrink-0'\n              aria-hidden='true'\n            />\n          )}\n\n          {isCollapsible ? (\n            <button\n              onClick={() => setIsOpen(!isOpen)}\n              className='RemoteFlows__BreakdownList__CollapseButton flex items-center gap-2 hover:bg-gray-100 rounded p-1'\n            >\n              <span\n                className={cn(\n                  isNested\n                    ? 'RemoteFlows__BreakdownList__Text--Nested text-xs text-[#71717A]'\n                    : 'RemoteFlows__BreakdownList__Text--NotNested text-sm text-[#09090B]',\n                )}\n              >\n                {item.label}\n              </span>\n              <ChevronDown\n                className={`RemoteFlows__BreakdownList__ChevronDown h-3 w-3 text-muted-foreground transition-transform ${\n                  isOpen ? 'rotate-180' : ''\n                }`}\n              />\n            </button>\n          ) : (\n            <span\n              className={cn(\n                isNested\n                  ? 'RemoteFlows__BreakdownList__Text--Nested text-xs text-[#71717A]'\n                  : 'RemoteFlows__BreakdownList__Text--NotNested text-sm text-[#09090B] p-1',\n              )}\n            >\n              {item.label}\n            </span>\n          )}\n\n          {item.tooltip && (\n            <BasicTooltip\n              content={\n                <>\n                  <span\n                    dangerouslySetInnerHTML={{\n                      __html: sanitizeHtml(item.tooltip),\n                    }}\n                  />{' '}\n                  {item.zendeskId && (\n                    <ZendeskTriggerButton zendeskId={Number(item.zendeskId)}>\n                      Learn more\n                    </ZendeskTriggerButton>\n                  )}\n                </>\n              }\n            >\n              <button className='RemoteFlows__BreakdownList__InfoButton p-1 hover:bg-gray-100 rounded'>\n                <Info\n                  className={cn(\n                    'RemoteFlows__BreakdownList__InfoButton__Icon text-muted-foreground',\n                    isNested ? 'h-3 w-3' : 'h-4 w-4',\n                  )}\n                />\n              </button>\n            </BasicTooltip>\n          )}\n        </div>\n\n        {isMultipleCurrency ? (\n          <>\n            <span\n              data-testid={\n                item.dataSelector && item.dataSelector + '-employee-amount'\n              }\n              className={cn(\n                'RemoteFlows__BreakdownList__RegionalAmountText text-sm text-right',\n                isNested\n                  ? 'RemoteFlows__BreakdownList__RegionalAmountText--Nested text-[#71717A]'\n                  : 'RemoteFlows__BreakdownList__RegionalAmountText--NotNested text-[#09090B]',\n              )}\n            >\n              {item.regionalAmount || '—'}\n            </span>\n            <span\n              data-testid={\n                item.dataSelector && item.dataSelector + '-employer-amount'\n              }\n              className={cn(\n                'RemoteFlows__BreakdownList__EmployerAmountText text-sm text-right',\n                isNested\n                  ? 'RemoteFlows__BreakdownList__EmployerAmountText--Nested text-[#71717A]'\n                  : 'RemoteFlows__BreakdownList__EmployerAmountText--NotNested text-[#09090B]',\n              )}\n            >\n              {item.employerAmount || '—'}\n            </span>\n          </>\n        ) : (\n          <span\n            data-testid={item.dataSelector}\n            className={cn(\n              'RemoteFlows__BreakdownList__RegionalAmountText text-sm text-right',\n              isNested\n                ? 'RemoteFlows__BreakdownList__RegionalAmountText--Nested text-[#71717A]'\n                : 'RemoteFlows__BreakdownList__RegionalAmountText--NotNested text-[#09090B]',\n            )}\n          >\n            {item.regionalAmount || '—'}\n          </span>\n        )}\n      </div>\n\n      {hasChildren && isOpen && (\n        <div className='mt-1'>\n          <BreakdownList\n            items={item.children!}\n            isMultipleCurrency={isMultipleCurrency}\n            level={level + 1}\n          />\n        </div>\n      )}\n    </li>\n  );\n}\n\ninterface BreakdownListProps {\n  items: BreakdownItem[];\n  isMultipleCurrency: boolean;\n  className?: string;\n  level?: number;\n}\n\nfunction BreakdownList({\n  items,\n  isMultipleCurrency,\n  className,\n  level,\n}: BreakdownListProps) {\n  return (\n    <ul className={cn('RemoteFlows__BreakdownList list-none', className)}>\n      {items.map((item, index) => (\n        <BreakdownListItem\n          key={index}\n          item={item}\n          isMultipleCurrency={isMultipleCurrency}\n          level={level}\n        />\n      ))}\n    </ul>\n  );\n}\n\ntype EstimationResultsComponents = {\n  HiringSection?: React.ComponentType<{\n    country: MinimalCountry;\n    countryBenefitsUrl: string;\n    countryGuideUrl: string;\n  }>;\n  OnboardingTimeline?: React.ComponentType<{\n    minimumOnboardingDays: number | null;\n    data: OnboardingTimelineData;\n  }>;\n  Header?: React.ComponentType<{\n    title: string;\n    region?: MinimalRegion;\n    country: MinimalCountry;\n    onDelete: () => void;\n    onExportPdf: () => void;\n  }>;\n  Footer?: React.ComponentType;\n};\n\ntype EstimationResultsProps = {\n  estimation: CostCalculatorEstimation;\n  title: string;\n  components?: EstimationResultsComponents;\n  onDelete: () => void;\n  onExportPdf: () => void;\n  onEdit: () => void;\n};\n\nexport const EstimationResults = ({\n  estimation,\n  title,\n  components,\n  onDelete,\n  onExportPdf,\n  onEdit,\n}: EstimationResultsProps) => {\n  const CustomHiringSection = components?.HiringSection || HiringSection;\n  const CustomOnboardingTimeline =\n    components?.OnboardingTimeline || OnboardingTimeline;\n  const CustomHeader = components?.Header || EstimationResultsHeader;\n  const CustomFooter = components?.Footer;\n\n  const onboardingTimelineData = getOnboardingTimelineData();\n\n  const isMultipleCurrency =\n    estimation.employer_currency_costs.currency.code !==\n    estimation.regional_currency_costs.currency.code;\n\n  const hasManagementFee =\n    estimation.employer_currency_costs.monthly_management_fee;\n\n  const hasRegion = estimation.region.code !== estimation.country.code;\n\n  const formattedSalary = formatCurrency(\n    estimation.regional_currency_costs.annual_gross_salary,\n    estimation.regional_currency_costs.currency.symbol,\n  );\n\n  return (\n    <Card className='RemoteFlows__EstimationResults__Card p-10'>\n      <div className='RemoteFlows__Separator'>\n        <CustomHeader\n          title={title}\n          annualGrossSalary={formattedSalary}\n          region={hasRegion ? estimation.region : undefined}\n          country={estimation.country}\n          onDelete={onDelete}\n          onExportPdf={onExportPdf}\n          onEdit={onEdit}\n        />\n      </div>\n      <div className='RemoteFlows__Separator'>\n        <EstimationHeaders\n          isMultipleCurrency={isMultipleCurrency}\n          className='mb-3'\n        />\n        <EstimationRow\n          label='Monthly total cost'\n          amounts={\n            isMultipleCurrency\n              ? [\n                  formatCurrency(\n                    estimation.regional_currency_costs.monthly_total,\n                    estimation.regional_currency_costs.currency.symbol,\n                  ),\n                  formatCurrency(\n                    estimation.employer_currency_costs.monthly_total,\n                    estimation.employer_currency_costs.currency.symbol,\n                  ),\n                ]\n              : formatCurrency(\n                  estimation.regional_currency_costs.monthly_total,\n                  estimation.regional_currency_costs.currency.symbol,\n                )\n          }\n        >\n          <BreakdownList\n            items={[\n              {\n                label: 'Gross monthly salary',\n                regionalAmount: formatCurrency(\n                  estimation.regional_currency_costs.monthly_gross_salary,\n                  estimation.regional_currency_costs.currency.symbol,\n                ),\n                employerAmount: formatCurrency(\n                  estimation.employer_currency_costs.monthly_gross_salary,\n                  estimation.employer_currency_costs.currency.symbol,\n                ),\n                zendeskId: zendeskArticles.extraPayments.toString(),\n                tooltip:\n                  'This country respects extra payments on top of the gross salary.',\n              },\n              {\n                label: 'Mandatory employer costs',\n                regionalAmount: formatCurrency(\n                  estimation.regional_currency_costs\n                    .monthly_contributions_total,\n                  estimation.regional_currency_costs.currency.symbol,\n                ),\n                employerAmount: formatCurrency(\n                  estimation.employer_currency_costs\n                    .monthly_contributions_total,\n                  estimation.employer_currency_costs.currency.symbol,\n                ),\n                children:\n                  estimation.employer_currency_costs.monthly_contributions_breakdown?.map(\n                    (item, index) => {\n                      return {\n                        label: item.name,\n                        regionalAmount: formatCurrency(\n                          estimation.regional_currency_costs\n                            .monthly_contributions_breakdown?.[index]?.amount,\n                          estimation.regional_currency_costs.currency.symbol,\n                        ),\n                        employerAmount: formatCurrency(\n                          item.amount,\n                          estimation.employer_currency_costs.currency.symbol,\n                        ),\n                        zendeskId: item.zendesk_article_id || undefined,\n                        tooltip: item.description || undefined,\n                      };\n                    },\n                  ) || [],\n              },\n              {\n                label: 'Benefits',\n                regionalAmount: formatCurrency(\n                  estimation.regional_currency_costs.monthly_benefits_total,\n                  estimation.regional_currency_costs.currency.symbol,\n                ),\n                employerAmount: formatCurrency(\n                  estimation.employer_currency_costs.monthly_benefits_total,\n                  estimation.employer_currency_costs.currency.symbol,\n                ),\n                children:\n                  estimation.employer_currency_costs.monthly_benefits_breakdown?.map(\n                    (item, index) => ({\n                      label: item.name,\n                      regionalAmount: formatCurrency(\n                        estimation.regional_currency_costs\n                          .monthly_benefits_breakdown?.[index]?.amount,\n                        estimation.regional_currency_costs.currency.symbol,\n                      ),\n                      employerAmount: formatCurrency(\n                        item.amount,\n                        estimation.employer_currency_costs.currency.symbol,\n                      ),\n                      zendeskId: item.zendesk_article_id || undefined,\n                      tooltip: item.description || undefined,\n                    }),\n                  ) || [],\n              },\n              ...(hasManagementFee\n                ? [\n                    {\n                      label: 'Monthly fee',\n                      regionalAmount: formatCurrency(\n                        estimation.regional_currency_costs\n                          .monthly_management_fee,\n                        estimation.regional_currency_costs.currency.symbol,\n                      ),\n                      employerAmount: formatCurrency(\n                        estimation.employer_currency_costs\n                          .monthly_management_fee,\n                        estimation.employer_currency_costs.currency.symbol,\n                      ),\n                      tooltip:\n                        'Discounts may be available based on your commitment and team size. Speak to your account or customer success manager to learn more.',\n                    },\n                  ]\n                : []),\n            ]}\n            isMultipleCurrency={isMultipleCurrency}\n          />\n        </EstimationRow>\n      </div>\n      <div className='RemoteFlows__Separator'>\n        <EstimationRow\n          label='Annual total cost'\n          amounts={\n            isMultipleCurrency\n              ? [\n                  formatCurrency(\n                    estimation.regional_currency_costs.annual_total,\n                    estimation.regional_currency_costs.currency.symbol,\n                  ),\n                  formatCurrency(\n                    estimation.employer_currency_costs.annual_total,\n                    estimation.employer_currency_costs.currency.symbol,\n                  ),\n                ]\n              : formatCurrency(\n                  estimation.regional_currency_costs.annual_total,\n                  estimation.regional_currency_costs.currency.symbol,\n                )\n          }\n        >\n          <BreakdownList\n            items={[\n              {\n                label: 'Gross annual salary',\n                dataSelector: 'annual-gross-salary',\n                regionalAmount: formatCurrency(\n                  estimation.regional_currency_costs.annual_gross_salary,\n                  estimation.regional_currency_costs.currency.symbol,\n                ),\n                employerAmount: formatCurrency(\n                  estimation.employer_currency_costs.annual_gross_salary,\n                  estimation.employer_currency_costs.currency.symbol,\n                ),\n              },\n              {\n                label: 'Mandatory employer costs',\n                regionalAmount: formatCurrency(\n                  estimation.regional_currency_costs.annual_contributions_total,\n                  estimation.regional_currency_costs.currency.symbol,\n                ),\n                employerAmount: formatCurrency(\n                  estimation.employer_currency_costs.annual_contributions_total,\n                  estimation.employer_currency_costs.currency.symbol,\n                ),\n                children:\n                  estimation.employer_currency_costs.annual_contributions_breakdown?.map(\n                    (item, index) => ({\n                      label: item.name,\n                      regionalAmount: formatCurrency(\n                        estimation.regional_currency_costs\n                          .annual_contributions_breakdown?.[index]?.amount,\n                        estimation.regional_currency_costs.currency.symbol,\n                      ),\n                      employerAmount: formatCurrency(\n                        item.amount,\n                        estimation.employer_currency_costs.currency.symbol,\n                      ),\n                      zendeskId: item.zendesk_article_id || undefined,\n                      tooltip: item.description || undefined,\n                    }),\n                  ) || [],\n              },\n              {\n                label: 'Benefits',\n                regionalAmount: formatCurrency(\n                  estimation.regional_currency_costs.annual_benefits_total,\n                  estimation.regional_currency_costs.currency.symbol,\n                ),\n                employerAmount: formatCurrency(\n                  estimation.employer_currency_costs.annual_benefits_total,\n                  estimation.employer_currency_costs.currency.symbol,\n                ),\n                children:\n                  estimation.employer_currency_costs.annual_benefits_breakdown?.map(\n                    (item, index) => ({\n                      label: item.name,\n                      regionalAmount: formatCurrency(\n                        estimation.regional_currency_costs\n                          .annual_benefits_breakdown?.[index]?.amount,\n                        estimation.regional_currency_costs.currency.symbol,\n                      ),\n                      employerAmount: formatCurrency(\n                        item.amount,\n                        estimation.employer_currency_costs.currency.symbol,\n                      ),\n                      zendeskId: item.zendesk_article_id || undefined,\n                      tooltip: item.description || undefined,\n                    }),\n                  ) || [],\n              },\n              {\n                label: 'Extra statutory payments',\n                regionalAmount: formatCurrency(\n                  estimation.regional_currency_costs\n                    .extra_statutory_payments_total,\n                  estimation.regional_currency_costs.currency.symbol,\n                ),\n                employerAmount: formatCurrency(\n                  estimation.employer_currency_costs\n                    .extra_statutory_payments_total,\n                  estimation.employer_currency_costs.currency.symbol,\n                ),\n                children:\n                  estimation.employer_currency_costs.extra_statutory_payments_breakdown?.map(\n                    (item, index) => ({\n                      label: item.name,\n                      regionalAmount: formatCurrency(\n                        estimation.regional_currency_costs\n                          .extra_statutory_payments_breakdown?.[index]?.amount,\n                        estimation.regional_currency_costs.currency.symbol,\n                      ),\n                      employerAmount: formatCurrency(\n                        item.amount,\n                        estimation.employer_currency_costs.currency.symbol,\n                      ),\n                      zendeskId: item.zendesk_article_id || undefined,\n                      tooltip: item.description || undefined,\n                    }),\n                  ) || [],\n              },\n              ...(hasManagementFee\n                ? [\n                    {\n                      label: 'Annual fee',\n                      regionalAmount: formatCurrency(\n                        estimation.regional_currency_costs\n                          .annual_management_fee,\n                        estimation.regional_currency_costs.currency.symbol,\n                      ),\n                      employerAmount: formatCurrency(\n                        estimation.employer_currency_costs\n                          .annual_management_fee,\n                        estimation.employer_currency_costs.currency.symbol,\n                      ),\n                      tooltip:\n                        'Discounts may be available based on your commitment and team size. Speak to your account or customer success manager to learn more.',\n                    },\n                  ]\n                : []),\n            ]}\n            isMultipleCurrency={isMultipleCurrency}\n          />\n        </EstimationRow>\n      </div>\n      <div className='RemoteFlows__Separator'>\n        <CustomOnboardingTimeline\n          minimumOnboardingDays={estimation.minimum_onboarding_time}\n          data={onboardingTimelineData}\n        />\n      </div>\n\n      <CustomHiringSection\n        countryBenefitsUrl={estimation.country_benefits_details_url as string}\n        countryGuideUrl={estimation.country_guide_url as string}\n        country={estimation.country}\n      />\n\n      {CustomFooter && <CustomFooter />}\n    </Card>\n  );\n};\n"],"mappings":"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","names":["MoreHorizontal","useState","Fragment","jsx","jsxs","ActionsDropdown","actions","className","label","dataSelector","isOpen","setIsOpen","useState","cn","Button","MoreHorizontal","action","index","__name","ChevronDown","Info","Flag","useState","Fragment","jsx","jsxs","FLAG_CODE_MAPPING","EstimationResultsHeader","__name","title","country","region","annualGrossSalary","onDelete","onExportPdf","onEdit","actions","Flag","ActionsDropdown","getOnboardingTimelineData","zendeskArticles","OnboardingTimeline","minimumOnboardingDays","data","className","Accordion","cn","AccordionItem","AccordionTrigger","AccordionContent","step","ZendeskTriggerButton","HiringSection","countryBenefitsUrl","countryGuideUrl","EstimationHeaders","isMultipleCurrency","EstimationRow","label","amounts","children","isOpen","setIsOpen","useState","ChevronDown","amount","index","BreakdownListItem","item","level","hasChildren","isNested","isCollapsible","BasicTooltip","sanitizeHtml","Info","BreakdownList","items","EstimationResults","estimation","components","CustomHiringSection","CustomOnboardingTimeline","CustomHeader","CustomFooter","onboardingTimelineData","hasManagementFee","hasRegion","formattedSalary","formatCurrency","Card"]}

package/dist/{chunk-3PCSFTM3.js → chunk-QBEJBOGL.js}

@@ -1,2 +1,2 @@
-import{b as r}from"./chunk-54KJP7WD.js";import{a as o}from"./chunk-P37U34EQ.js";import{jsx as t,jsxs as e}from"react/jsx-runtime";function n({totalCost:a,currency:s}){return t("div",{className:"pt-2 mt-4 border-t-2 border-gray-200",children:e("div",{className:"flex justify-between items-center",children:[t("h3",{className:"font-bold text-primary-foreground-800",children:"Total Cost"}),t("span",{className:"font-bold text-xl",children:r(a,s)})]})})}o(n,"CostCalculatorTotalCost");export{n as a};
-//# sourceMappingURL=chunk-3PCSFTM3.js.map
+import{b as r}from"./chunk-HC56JKI2.js";import{a as o}from"./chunk-P37U34EQ.js";import{jsx as t,jsxs as e}from"react/jsx-runtime";function n({totalCost:a,currency:s}){return t("div",{className:"pt-2 mt-4 border-t-2 border-gray-200",children:e("div",{className:"flex justify-between items-center",children:[t("h3",{className:"font-bold text-primary-foreground-800",children:"Total Cost"}),t("span",{className:"font-bold text-xl",children:r(a,s)})]})})}o(n,"CostCalculatorTotalCost");export{n as a};
+//# sourceMappingURL=chunk-QBEJBOGL.js.map

package/dist/{chunk-A42AGGNH.js → chunk-QMUSEX2P.js}

@@ -1,2 +1,2 @@
-import{a as p}from"./chunk-QFZ3XVDT.js";import{a as l}from"./chunk-ZE3YT3Q6.js";import{a as i}from"./chunk-A76UTPRW.js";import{b as m}from"./chunk-2QGDCMCE.js";import{b as a}from"./chunk-54KJP7WD.js";import{a as o}from"./chunk-P37U34EQ.js";import{Info as f}from"lucide-react";import{Fragment as d,jsx as e,jsxs as s}from"react/jsx-runtime";function B({contributionsTotal:u,currency:n,contributionsBreakdown:r}){return s("div",{children:[s("div",{className:"flex justify-between items-center mb-2",children:[e("h3",{className:"font-medium text-primary-foreground",children:"Employer Contributions"}),e("span",{className:"font-semibold text-lg",children:a(u,n)})]}),r?s(d,{children:[e(p,{className:"mb-3"}),e("div",{className:"space-y-3 pl-2",children:r.map((t,c)=>s("div",{className:"flex justify-between items-start text-sm",children:[s("div",{className:"flex items-start gap-2",children:[e("span",{children:t.name}),t.description&&e(l,{content:s(d,{children:[e("span",{children:t.description})," ",t.zendesk_article_url&&e(i,{zendeskId:Number(t.zendesk_article_id),children:"Learn more"})]}),children:s(m,{variant:"ghost",size:"icon",className:"h-4 w-4 p-0",children:[e(f,{className:"h-3 w-3 text-gray-400"}),e("span",{className:"sr-only",children:"Info"})]})})]}),e("span",{children:a(t.amount,n)})]},c))})]}):null]})}o(B,"CostCalculatorContributionsBreakdown");export{B as a};
-//# sourceMappingURL=chunk-A42AGGNH.js.map
+import{a as l}from"./chunk-ZE3YT3Q6.js";import{a as p}from"./chunk-3T43ERBA.js";import{a as i}from"./chunk-HH4YP6QX.js";import{b as m}from"./chunk-4NLAHGUV.js";import{b as a}from"./chunk-HC56JKI2.js";import{a as o}from"./chunk-P37U34EQ.js";import{Info as f}from"lucide-react";import{Fragment as d,jsx as e,jsxs as s}from"react/jsx-runtime";function B({contributionsTotal:u,currency:n,contributionsBreakdown:r}){return s("div",{children:[s("div",{className:"flex justify-between items-center mb-2",children:[e("h3",{className:"font-medium text-primary-foreground",children:"Employer Contributions"}),e("span",{className:"font-semibold text-lg",children:a(u,n)})]}),r?s(d,{children:[e(p,{className:"mb-3"}),e("div",{className:"space-y-3 pl-2",children:r.map((t,c)=>s("div",{className:"flex justify-between items-start text-sm",children:[s("div",{className:"flex items-start gap-2",children:[e("span",{children:t.name}),t.description&&e(l,{content:s(d,{children:[e("span",{children:t.description})," ",t.zendesk_article_url&&e(i,{zendeskId:Number(t.zendesk_article_id),children:"Learn more"})]}),children:s(m,{variant:"ghost",size:"icon",className:"h-4 w-4 p-0",children:[e(f,{className:"h-3 w-3 text-gray-400"}),e("span",{className:"sr-only",children:"Info"})]})})]}),e("span",{children:a(t.amount,n)})]},c))})]}):null]})}o(B,"CostCalculatorContributionsBreakdown");export{B as a};
+//# sourceMappingURL=chunk-QMUSEX2P.js.map

package/dist/chunk-QP36XXCQ.js

@@ -0,0 +1,2 @@
+import{a as h}from"./chunk-R2MHAPWD.js";import{E as C,e as d,k as y,z as p}from"./chunk-MISHDUB2.js";import{b as f}from"./chunk-Z5WMKCRJ.js";import{d as s}from"./chunk-3ZWDIEEM.js";import{a as l}from"./chunk-PAQW5BFW.js";import{a as e}from"./chunk-P37U34EQ.js";import{createHeadlessForm as g,modify as D}from"@remoteoss/json-schema-form";import{useMutation as F,useQuery as m}from"@tanstack/react-query";var G=e(({fieldValues:n,options:o})=>m({queryKey:["contract-document-signature"],queryFn:e(async()=>g(h,{initialValues:n}),"queryFn"),enabled:o?.queryOptions?.enabled}),"useGetContractDocumentSignatureSchema"),J=e(()=>{let{client:n}=s();return F({mutationFn:e(async({employmentId:o,contractDocumentId:t,payload:r})=>C({client:n,body:r,path:{employment_id:o,contract_document_id:t}}),"mutationFn")})},"useSignContractDocument"),Q=e(({employmentId:n,contractDocumentId:o,options:t})=>{let{client:r}=s();return m({queryKey:["contract-document",n,o],queryFn:e(async()=>y({client:r,path:{employment_id:n,id:o}}),"queryFn"),enabled:t?.queryOptions?.enabled,select:e(({data:i})=>i?.data,"select")})},"useGetShowContractDocument"),R=e(()=>{let{client:n}=s();return F({mutationFn:e(async({employmentId:o,payload:t})=>p({client:n,body:t,path:{employment_id:o}}),"mutationFn")})},"useCreateContractorContractDocument"),T=e(({countryCode:n,fieldValues:o,options:t})=>{let r=t?.jsonSchemaVersion?.contractor_contract_details_form_schema?{json_schema_version:t.jsonSchemaVersion.contractor_contract_details_form_schema}:{},{client:i}=s();return m({queryKey:["contractor-onboarding-details-schema",n],retry:!1,queryFn:e(async()=>d({client:i,path:{country_code:n},query:{...r}}),"queryFn"),enabled:t?.queryOptions?.enabled,select:e(({data:b})=>{let a=b?.data?.schema||{};if(t&&t.jsfModify){let{schema:c}=D(a,t.jsfModify);a=c}let S=f(a.properties||{},"money").reduce((c,u)=>(c[u]=l(o[u]),c),{}),_={...o,...S};return{meta:{"x-jsf-fieldsets":a["x-jsf-fieldsets"]},...g(a,{initialValues:_})}},"select")})},"useContractorOnboardingDetailsSchema");export{G as a,J as b,Q as c,R as d,T as e};
+//# sourceMappingURL=chunk-QP36XXCQ.js.map

package/dist/chunk-QP36XXCQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/flows/ContractorOnboarding/api.ts"],"sourcesContent":["import {\n  CreateContractDocument,\n  getShowContractDocument,\n  getShowContractorContractDetailsCountry,\n  postCreateContractDocument,\n  postSignContractDocument,\n  SignContractDocument,\n} from '@/src/client';\nimport { convertToCents } from '@/src/components/form/utils';\nimport { useClient } from '@/src/context';\nimport { signatureSchema } from '@/src/flows/ContractorOnboarding/json-schemas/signature';\nimport { FlowOptions } from '@/src/flows/types';\nimport { findFieldsByType } from '@/src/flows/utils';\nimport { JSFFieldset } from '@/src/types/remoteFlows';\nimport { Client } from '@hey-api/client-fetch';\nimport { createHeadlessForm, modify } from '@remoteoss/json-schema-form';\nimport { useMutation, useQuery } from '@tanstack/react-query';\nimport { FieldValues } from 'react-hook-form';\n\n/**\n * Get the contract document signature schema\n * @param fieldValues - The field values\n * @param options - The options\n * @returns The contract document signature schema\n */\nexport const useGetContractDocumentSignatureSchema = ({\n  fieldValues,\n  options,\n}: {\n  fieldValues: FieldValues;\n  options?: { queryOptions?: { enabled?: boolean } };\n}) => {\n  return useQuery({\n    queryKey: ['contract-document-signature'],\n    queryFn: async () => {\n      return createHeadlessForm(signatureSchema, {\n        initialValues: fieldValues,\n      });\n    },\n    enabled: options?.queryOptions?.enabled,\n  });\n};\n\n/**\n * Signs the contract document\n * @param employmentId - The employment ID\n * @param contractDocumentId - The contract document ID\n * @param payload - The payload\n * @returns The signed contract document\n */\nexport const useSignContractDocument = () => {\n  const { client } = useClient();\n  return useMutation({\n    mutationFn: async ({\n      employmentId,\n      contractDocumentId,\n      payload,\n    }: {\n      employmentId: string;\n      contractDocumentId: string;\n      payload: SignContractDocument;\n    }) => {\n      return postSignContractDocument({\n        client: client as Client,\n        body: payload,\n        path: {\n          employment_id: employmentId,\n          contract_document_id: contractDocumentId,\n        },\n      });\n    },\n  });\n};\n\n/**\n * Get the contract document for a given employment and contract document ID\n * @param employmentId - The employment ID\n * @param contractDocumentId - The contract document ID\n * @returns The contract document\n */\nexport const useGetShowContractDocument = ({\n  employmentId,\n  contractDocumentId,\n  options,\n}: {\n  employmentId: string;\n  contractDocumentId: string;\n  options?: { queryOptions?: { enabled?: boolean } };\n}) => {\n  const { client } = useClient();\n  return useQuery({\n    queryKey: ['contract-document', employmentId, contractDocumentId],\n    queryFn: async () => {\n      return getShowContractDocument({\n        client: client as Client,\n        path: { employment_id: employmentId, id: contractDocumentId },\n      });\n    },\n    enabled: options?.queryOptions?.enabled,\n    select: ({ data }) => {\n      return data?.data;\n    },\n  });\n};\n\n/**\n * Saves the contractor details data\n * @param employmentId - The employment ID\n * @param payload - The payload\n * @returns The contractor contract document\n */\nexport const useCreateContractorContractDocument = () => {\n  const { client } = useClient();\n  return useMutation({\n    mutationFn: async ({\n      employmentId,\n      payload,\n    }: {\n      employmentId: string;\n      payload: CreateContractDocument;\n    }) => {\n      return postCreateContractDocument({\n        client: client as Client,\n        body: payload,\n        path: {\n          employment_id: employmentId,\n        },\n      });\n    },\n  });\n};\n\n/**\n * Get the contractor onboarding details schema for a given country\n * @param countryCode - The country code\n * @param fieldValues - The field values\n * @param options - The options\n * @returns The contractor onboarding details schema\n */\nexport const useContractorOnboardingDetailsSchema = ({\n  countryCode,\n  fieldValues,\n  options,\n}: {\n  countryCode: string;\n  fieldValues: FieldValues;\n  options?: FlowOptions & { queryOptions?: { enabled?: boolean } };\n  query?: Record<string, unknown>;\n}) => {\n  const jsonSchemaQueryParam = options?.jsonSchemaVersion\n    ?.contractor_contract_details_form_schema\n    ? {\n        json_schema_version:\n          options.jsonSchemaVersion.contractor_contract_details_form_schema,\n      }\n    : {};\n  const { client } = useClient();\n  return useQuery({\n    queryKey: ['contractor-onboarding-details-schema', countryCode],\n    retry: false,\n    queryFn: async () => {\n      return getShowContractorContractDetailsCountry({\n        client: client as Client,\n        path: { country_code: countryCode },\n        query: {\n          ...jsonSchemaQueryParam,\n        },\n      });\n    },\n    enabled: options?.queryOptions?.enabled,\n    select: ({ data }) => {\n      let jsfSchema = data?.data?.schema || {};\n      if (options && options.jsfModify) {\n        const { schema } = modify(jsfSchema, options.jsfModify);\n        jsfSchema = schema;\n      }\n\n      // Contract details contains x-jsf-logic that need to be calculated every time a form value changes\n      // In particular there are calculations involving the annual_gross_salary field. However this field value doesn't get\n      // here in cents. So we need to convert the money fields to cents, so that the calculations are correct.\n      const moneyFields = findFieldsByType(jsfSchema.properties || {}, 'money');\n      const moneyFieldsData = moneyFields.reduce<Record<string, number | null>>(\n        (acc, field) => {\n          acc[field] = convertToCents(fieldValues[field]);\n          return acc;\n        },\n        {},\n      );\n\n      const initialValues = {\n        ...fieldValues,\n        ...moneyFieldsData,\n      };\n\n      return {\n        meta: {\n          'x-jsf-fieldsets': jsfSchema['x-jsf-fieldsets'] as JSFFieldset,\n        },\n        ...createHeadlessForm(jsfSchema, {\n          initialValues,\n        }),\n      };\n    },\n  });\n};\n"],"mappings":"qQAeA,OAAS,sBAAAA,EAAoB,UAAAC,MAAc,8BAC3C,OAAS,eAAAC,EAAa,YAAAC,MAAgB,wBAS/B,IAAMC,EAAwCC,EAAA,CAAC,CACpD,YAAAC,EACA,QAAAC,CACF,IAISC,EAAS,CACd,SAAU,CAAC,6BAA6B,EACxC,QAASH,EAAA,SACAI,EAAmBC,EAAiB,CACzC,cAAeJ,CACjB,CAAC,EAHM,WAKT,QAASC,GAAS,cAAc,OAClC,CAAC,EAfkD,yCAyBxCI,EAA0BN,EAAA,IAAM,CAC3C,GAAM,CAAE,OAAAO,CAAO,EAAIC,EAAU,EAC7B,OAAOC,EAAY,CACjB,WAAYT,EAAA,MAAO,CACjB,aAAAU,EACA,mBAAAC,EACA,QAAAC,CACF,IAKSC,EAAyB,CAC9B,OAAQN,EACR,KAAMK,EACN,KAAM,CACJ,cAAeF,EACf,qBAAsBC,CACxB,CACF,CAAC,EAhBS,aAkBd,CAAC,CACH,EAtBuC,2BA8B1BG,EAA6Bd,EAAA,CAAC,CACzC,aAAAU,EACA,mBAAAC,EACA,QAAAT,CACF,IAIM,CACJ,GAAM,CAAE,OAAAK,CAAO,EAAIC,EAAU,EAC7B,OAAOL,EAAS,CACd,SAAU,CAAC,oBAAqBO,EAAcC,CAAkB,EAChE,QAASX,EAAA,SACAe,EAAwB,CAC7B,OAAQR,EACR,KAAM,CAAE,cAAeG,EAAc,GAAIC,CAAmB,CAC9D,CAAC,EAJM,WAMT,QAAST,GAAS,cAAc,QAChC,OAAQF,EAAA,CAAC,CAAE,KAAAgB,CAAK,IACPA,GAAM,KADP,SAGV,CAAC,CACH,EAvB0C,8BA+B7BC,EAAsCjB,EAAA,IAAM,CACvD,GAAM,CAAE,OAAAO,CAAO,EAAIC,EAAU,EAC7B,OAAOC,EAAY,CACjB,WAAYT,EAAA,MAAO,CACjB,aAAAU,EACA,QAAAE,CACF,IAISM,EAA2B,CAChC,OAAQX,EACR,KAAMK,EACN,KAAM,CACJ,cAAeF,CACjB,CACF,CAAC,EAbS,aAed,CAAC,CACH,EAnBmD,uCA4BtCS,EAAuCnB,EAAA,CAAC,CACnD,YAAAoB,EACA,YAAAnB,EACA,QAAAC,CACF,IAKM,CACJ,IAAMmB,EAAuBnB,GAAS,mBAClC,wCACA,CACE,oBACEA,EAAQ,kBAAkB,uCAC9B,EACA,CAAC,EACC,CAAE,OAAAK,CAAO,EAAIC,EAAU,EAC7B,OAAOL,EAAS,CACd,SAAU,CAAC,uCAAwCiB,CAAW,EAC9D,MAAO,GACP,QAASpB,EAAA,SACAsB,EAAwC,CAC7C,OAAQf,EACR,KAAM,CAAE,aAAca,CAAY,EAClC,MAAO,CACL,GAAGC,CACL,CACF,CAAC,EAPM,WAST,QAASnB,GAAS,cAAc,QAChC,OAAQF,EAAA,CAAC,CAAE,KAAAgB,CAAK,IAAM,CACpB,IAAIO,EAAYP,GAAM,MAAM,QAAU,CAAC,EACvC,GAAId,GAAWA,EAAQ,UAAW,CAChC,GAAM,CAAE,OAAAsB,CAAO,EAAIC,EAAOF,EAAWrB,EAAQ,SAAS,EACtDqB,EAAYC,CACd,CAMA,IAAME,EADcC,EAAiBJ,EAAU,YAAc,CAAC,EAAG,OAAO,EACpC,OAClC,CAACK,EAAKC,KACJD,EAAIC,CAAK,EAAIC,EAAe7B,EAAY4B,CAAK,CAAC,EACvCD,GAET,CAAC,CACH,EAEMG,EAAgB,CACpB,GAAG9B,EACH,GAAGyB,CACL,EAEA,MAAO,CACL,KAAM,CACJ,kBAAmBH,EAAU,iBAAiB,CAChD,EACA,GAAGnB,EAAmBmB,EAAW,CAC/B,cAAAQ,CACF,CAAC,CACH,CACF,EAhCQ,SAiCV,CAAC,CACH,EAjEoD","names":["createHeadlessForm","modify","useMutation","useQuery","useGetContractDocumentSignatureSchema","__name","fieldValues","options","useQuery","createHeadlessForm","signatureSchema","useSignContractDocument","client","useClient","useMutation","employmentId","contractDocumentId","payload","postSignContractDocument","useGetShowContractDocument","getShowContractDocument","data","useCreateContractorContractDocument","postCreateContractDocument","useContractorOnboardingDetailsSchema","countryCode","jsonSchemaQueryParam","getShowContractorContractDetailsCountry","jsfSchema","schema","modify","moneyFieldsData","findFieldsByType","acc","field","convertToCents","initialValues"]}

package/dist/chunk-R2MHAPWD.js

@@ -0,0 +1,2 @@
+var e={type:"object",properties:{signature:{type:"string","x-jsf-presentation":{inputType:"text"},title:"Full Legal Name",description:"Please type your full legal name to sign this contract"}},required:["signature"]};export{e as a};
+//# sourceMappingURL=chunk-R2MHAPWD.js.map

package/dist/chunk-R2MHAPWD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/flows/ContractorOnboarding/json-schemas/signature.ts"],"sourcesContent":["export const signatureSchema = {\n  type: 'object',\n  properties: {\n    signature: {\n      type: 'string',\n      'x-jsf-presentation': {\n        inputType: 'text',\n      },\n      title: 'Full Legal Name',\n      description: 'Please type your full legal name to sign this contract',\n    },\n  },\n  required: ['signature'],\n};\n"],"mappings":"AAAO,IAAMA,EAAkB,CAC7B,KAAM,SACN,WAAY,CACV,UAAW,CACT,KAAM,SACN,qBAAsB,CACpB,UAAW,MACb,EACA,MAAO,kBACP,YAAa,wDACf,CACF,EACA,SAAU,CAAC,WAAW,CACxB","names":["signatureSchema"]}