@remoteoss/remote-flows 1.25.0 → 1.27.0

package/dist/chunk-YZKXKNDS.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/fields/FieldSetField.tsx","../src/components/form/fields/DatePickerField.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/form/fields/TextAreaField.tsx","../src/components/form/fields/EmailField.tsx","../src/components/form/fields/HiddenField.tsx","../src/components/form/fields/WorkScheduleField.tsx","../src/components/form/fields/MultiSelectField.tsx","../src/components/form/fields/MoneyField.tsx","../src/components/form/fields/TelField.tsx","../src/components/form/fields/baseFields.tsx","../src/components/form/fields/ForcedValueField.tsx"],"sourcesContent":["import { useFormContext } from 'react-hook-form';\nimport { Fragment, useEffect, useRef } from 'react';\nimport { baseFields } from '@/src/components/form/fields/baseFields';\nimport { cn, sanitizeHtml } from '@/src/lib/utils';\nimport { $TSFixMe, Components } from '@/src/types/remoteFlows';\nimport { Statement } from '@/src/components/form/Statement';\nimport { useFormFields } from '@/src/context';\nimport { ZendeskTriggerButton } from '@/src/components/shared/zendesk-drawer/ZendeskTriggerButton';\nimport { FieldsetToggleButtonDefault } from '@/src/components/form/fields/default/FieldsetToggleButtonDefault';\nimport { BaseTypes, SupportedTypes } from './types';\nimport { StatementComponentProps } from '@/src/types/fields';\nimport { checkFieldHasForcedValue } from '@/src/components/form/utils';\nimport { ForcedValueField } from '@/src/components/form/fields/ForcedValueField';\n\ntype FieldBase = {\n  label: string;\n  name: string;\n  description: string;\n  Component?: React.ComponentType<$TSFixMe>;\n  inputType: SupportedTypes;\n  multiple?: boolean;\n};\n\ntype FieldWithOptions = FieldBase & {\n  type: 'select' | 'radio';\n  options: Array<{ value: string; label: string }>;\n};\n\ntype FieldWithoutOptions = FieldBase & {\n  type: Exclude<SupportedTypes, 'select' | 'radio'>;\n  options?: never;\n};\n\ntype Field = FieldWithOptions | FieldWithoutOptions;\n\ntype FieldSetFeatures = {\n  toggle?: {\n    enabled: boolean;\n    defaultExpanded?: boolean;\n    stateField?: string;\n    labels?: {\n      expand: string;\n      collapse: string;\n    };\n    className?: string;\n  };\n};\n\nexport type FieldSetProps = {\n  label: string;\n  name: string;\n  description: string;\n  fields: Field[];\n  features?: FieldSetFeatures;\n  components: Components;\n  statement?: StatementComponentProps['data'];\n  isFlatFieldset: boolean;\n  extra?: React.ReactNode;\n  variant: 'outset' | 'inset';\n  meta?: {\n    helpCenter?: {\n      callToAction: string;\n      id: number;\n      url: string;\n      label: string;\n    };\n  } & Record<string, $TSFixMe>;\n};\n\nexport function FieldSetField({\n  label,\n  name,\n  fields,\n  description,\n  components,\n  statement,\n  isFlatFieldset,\n  extra,\n  variant = 'outset',\n  features,\n  meta,\n}: FieldSetProps) {\n  const { helpCenter } = meta || {};\n  const { watch, setValue, trigger, formState } = useFormContext();\n  const { components: formComponents } = useFormFields();\n\n  // Get expanded state from form state if stateField is provided\n  const stateField = features?.toggle?.stateField;\n  const isExpanded = stateField\n    ? watch(stateField)\n    : (features?.toggle?.defaultExpanded ?? true);\n\n  const fieldNames = fields.map(\n    ({ name: fieldName }) => `${name}.${fieldName}`,\n  );\n  const watchedValues = watch(fieldNames);\n  const prevValuesRef = useRef<string[]>(watchedValues);\n  const triggerTimeoutRef = useRef<NodeJS.Timeout | null>(null);\n\n  const toggleExpanded = () => {\n    if (stateField) {\n      setValue(stateField, !isExpanded);\n    }\n  };\n\n  useEffect(() => {\n    const currentValues = watchedValues;\n    const previousValues = prevValuesRef.current;\n    const hasBeenSubmitted = formState.isSubmitted || formState.submitCount > 0;\n\n    // Check if any value has changed\n    let hasChanged = false;\n    for (let i = 0; i < currentValues.length; i++) {\n      if (\n        currentValues[i] !== undefined &&\n        previousValues[i] !== currentValues[i]\n      ) {\n        hasChanged = true;\n        // This is to prevent the form from triggering validation too many times\n        break;\n      }\n    }\n    // If changes detected and we haven't triggered yet, run trigger\n    if (hasChanged && hasBeenSubmitted) {\n      // We need to debounce the validation trigger so that tests don't freeze\n      if (triggerTimeoutRef.current) {\n        clearTimeout(triggerTimeoutRef.current);\n      }\n      triggerTimeoutRef.current = setTimeout(() => {\n        trigger();\n      }, 50);\n    }\n\n    prevValuesRef.current = [...currentValues];\n\n    return () => {\n      if (triggerTimeoutRef.current) {\n        clearTimeout(triggerTimeoutRef.current);\n      }\n    };\n  }, [watchedValues, trigger, formState.isSubmitted, formState.submitCount]);\n\n  const ToggleComponent =\n    formComponents?.fieldsetToggle || FieldsetToggleButtonDefault;\n  const contentId = `${name}-content`;\n  const headerId = `${name}-header`;\n\n  return (\n    <fieldset\n      className={cn(\n        'border-1 border-input p-4 rounded-xl',\n        `RemoteFlows__FieldSetField`,\n        `RemoteFlows__FieldSetField__${name}`,\n      )}\n    >\n      <legend\n        className={cn(\n          'text-sm font-semibold px-2',\n          variant === 'inset' && 'hidden',\n        )}\n      >\n        {label}\n      </legend>\n      {helpCenter?.callToAction && helpCenter?.id && variant === 'outset' && (\n        <ZendeskTriggerButton\n          className='RemoteFlows__FieldSetField__HelpCenterLink mb-3'\n          zendeskId={helpCenter.id}\n        >\n          {helpCenter.callToAction}\n        </ZendeskTriggerButton>\n      )}\n      {variant === 'inset' && (\n        <>\n          <div\n            className='RemoteFlows__FieldSetField__Header'\n            id={headerId}\n            data-state={isExpanded ? 'expanded' : 'collapsed'}\n            aria-expanded={isExpanded}\n          >\n            <h3 className={cn('RemoteFlows__FieldSetField__Title')}>{label}</h3>\n            {features?.toggle?.enabled && (\n              <ToggleComponent\n                isExpanded={isExpanded}\n                onToggle={toggleExpanded}\n                aria-expanded={isExpanded}\n                aria-controls={contentId}\n                aria-label={`${isExpanded ? 'Hide' : 'Show'} ${label}`}\n                className={cn(\n                  'RemoteFlows__FieldSetField__Toggle',\n                  features.toggle?.className,\n                )}\n              >\n                {isExpanded\n                  ? (features.toggle.labels?.collapse ?? 'Remove')\n                  : (features.toggle.labels?.expand ?? 'Define')}\n              </ToggleComponent>\n            )}\n          </div>\n          {helpCenter?.callToAction && helpCenter?.id && (\n            <ZendeskTriggerButton\n              className='RemoteFlows__FieldSetField__HelpCenterLink mb-3'\n              zendeskId={helpCenter.id}\n            >\n              {helpCenter.callToAction}\n            </ZendeskTriggerButton>\n          )}\n        </>\n      )}\n      {isExpanded && (\n        <div id={contentId} aria-labelledby={headerId} role='region'>\n          {description ? (\n            <div\n              className='mb-5 RemoteFlows__FieldSetField__Description'\n              dangerouslySetInnerHTML={{ __html: sanitizeHtml(description) }}\n            />\n          ) : null}\n          <div className='grid gap-4'>\n            {fields.map((field: $TSFixMe) => {\n              if (field.calculateDynamicProperties) {\n                field = {\n                  ...field,\n                  ...(field.calculateDynamicProperties(watchedValues, field) ||\n                    {}),\n                };\n              }\n\n              if (field.isVisible === false || field.deprecated) {\n                return null; // Skip hidden or deprecated fields\n              }\n\n              const fieldType = field.type;\n\n              const isForcedValue = checkFieldHasForcedValue(field);\n\n              if (isForcedValue) {\n                return (\n                  <ForcedValueField\n                    key={`${isFlatFieldset ? field.name : `${name}.${field.name}`}`}\n                    name={`${isFlatFieldset ? field.name : `${name}.${field.name}`}`}\n                    description={field.description}\n                    value={field.const}\n                    statement={field.statement}\n                    label={field.label}\n                    helpCenter={field.meta?.helpCenter}\n                  />\n                );\n              }\n\n              // Handle nested fieldsets\n              if (fieldType === 'fieldset') {\n                return (\n                  <FieldSetField\n                    key={`${isFlatFieldset ? field.name : `${name}.${field.name}`}`}\n                    {...field}\n                    name={`${isFlatFieldset ? field.name : `${name}.${field.name}`}`}\n                    components={components}\n                  />\n                );\n              }\n\n              if (fieldType === 'fieldset-flat') {\n                return (\n                  <FieldSetField\n                    key={`${isFlatFieldset ? field.name : `${name}.${field.name}`}`}\n                    {...field}\n                    name={`${isFlatFieldset ? field.name : `${name}.${field.name}`}`}\n                    components={components}\n                    isFlatFieldset\n                  />\n                );\n              }\n              // We need to do the check after checking (field.type || field.inputType) === 'fieldset' or (field.type || field.inputType) === 'fieldset-flat'\n              // circular dependency most likely\n              let FieldComponent = baseFields[fieldType as BaseTypes];\n\n              if (field.Component) {\n                const { Component } = field as {\n                  Component: React.ComponentType<$TSFixMe>;\n                };\n                return (\n                  <Fragment\n                    key={`${isFlatFieldset ? field.name : `${name}.${field.name}`}`}\n                  >\n                    <Component\n                      setValue={(value: unknown) =>\n                        setValue(\n                          isFlatFieldset ? field.name : `${name}.${field.name}`,\n                          value,\n                        )\n                      }\n                      {...field}\n                    />\n                    {field.statement ? (\n                      <Statement\n                        {...(field.statement as StatementComponentProps['data'])}\n                      />\n                    ) : null}\n                    {field.extra ? field.extra : null}\n                  </Fragment>\n                );\n              }\n\n              if (!FieldComponent) {\n                return (\n                  <p className='error'>Field type {fieldType} not supported</p>\n                );\n              }\n\n              if (fieldType === '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?.[fieldType as keyof Components]}\n                  />\n                  {field.statement ? (\n                    <Statement\n                      {...(field.statement as StatementComponentProps['data'])}\n                    />\n                  ) : null}\n                  {field.extra ? field.extra : null}\n                </Fragment>\n              );\n            })}\n            {extra ? extra : null}\n            {statement ? <Statement {...statement} /> : null}\n          </div>\n        </div>\n      )}\n    </fieldset>\n  );\n}\n","import { useFormContext } from 'react-hook-form';\nimport { FormField } from '@/src/components/ui/form';\n\nimport { useFormFields } from '@/src/context';\nimport { Components, JSFField, $TSFixMe } from '@/src/types/remoteFlows';\nimport { getMinStartDate } from '@/src/components/form/utils';\n\nexport type DatePickerFieldProps = JSFField & {\n  onChange?: (value: $TSFixMe) => void;\n  component?: Components['date'];\n};\n\nexport function DatePickerField({\n  description,\n  label,\n  name,\n  minDate,\n  maxDate,\n  onChange,\n  component,\n  ...rest\n}: DatePickerFieldProps) {\n  const { components } = useFormFields();\n  const { control } = useFormContext();\n\n  let minDateValue: Date;\n  if (rest.meta?.mot && typeof rest.meta.mot === 'number') {\n    minDateValue = getMinStartDate(rest.meta.mot);\n  } else if (typeof minDate === 'string') {\n    minDateValue = new Date(`${minDate}T00:00:00`);\n  }\n\n  let maxDateValue: Date | undefined;\n  if (maxDate) {\n    maxDateValue = new Date(`${maxDate}T23:59:59`);\n  }\n\n  return (\n    <FormField\n      control={control}\n      name={name}\n      render={({ field, fieldState }) => {\n        const Component = component || components?.date;\n\n        if (!Component) {\n          throw new Error(`Date picker component not found for field ${name}`);\n        }\n\n        const customDatePickerFieldProps = {\n          description,\n          label,\n          name,\n          onChange,\n          ...(minDateValue && { minDate: minDateValue.toISOString() }),\n          ...(maxDateValue && { maxDate: maxDateValue.toISOString() }),\n          ...rest,\n        };\n        return (\n          <Component\n            field={{\n              ...field,\n              onChange: (value: $TSFixMe) => {\n                field.onChange(value);\n                onChange?.(value);\n              },\n            }}\n            fieldState={fieldState}\n            fieldData={customDatePickerFieldProps}\n          />\n        );\n      }}\n    />\n  );\n}\n","import { useFormFields } from '@/src/context';\nimport { Components, JSFField } from '@/src/types/remoteFlows';\nimport {\n  ControllerRenderProps,\n  FieldValues,\n  useFormContext,\n} from 'react-hook-form';\nimport { FormField } from '../../ui/form';\nimport { FieldDataProps } from '@/src/types/fields';\n\nconst validateFileSize = (files: File[], maxSize?: number): string | null => {\n  if (!maxSize) return null;\n\n  for (const file of files) {\n    if (file.size > maxSize) {\n      const maxSizeMB = Math.round(maxSize / (1024 * 1024));\n      const fileSizeMB = Math.round(file.size / (1024 * 1024));\n      return `File \"${file.name}\" exceeds maximum size of ${maxSizeMB}MB (file is ${fileSizeMB}MB)`;\n    }\n  }\n  return null;\n};\n\nexport type FieldFileDataProps = FieldDataProps & {\n  accept?: string;\n  multiple?: boolean;\n  maxFileSize?: number;\n};\n\nexport type FileUploadFieldProps = JSFField & {\n  onChange?: (value: File[]) => void;\n  multiple?: boolean;\n  component?: Components['file'];\n  maxSize?: number;\n  accept?: string;\n};\n\nexport function FileUploadField({\n  name,\n  description,\n  label,\n  multiple,\n  onChange,\n  component,\n  accept,\n  maxSize,\n  ...rest\n}: FileUploadFieldProps) {\n  const { components } = useFormFields();\n  const { control, setError, clearErrors } = useFormContext();\n\n  const handleOnChange = async (\n    files: File[],\n    field: ControllerRenderProps<FieldValues, string>,\n  ) => {\n    const sizeError = validateFileSize(files, maxSize);\n    if (sizeError) {\n      setError(name, { message: sizeError });\n      return;\n    }\n\n    clearErrors(name);\n    field.onChange(files);\n    onChange?.(files);\n  };\n\n  return (\n    <FormField\n      control={control}\n      name={name}\n      render={({ field, fieldState }) => {\n        const Component = component || components.file;\n        if (!Component) {\n          throw new Error(`File upload component not found for field ${name}`);\n        }\n\n        const fieldData: FieldFileDataProps = {\n          name,\n          description,\n          label,\n          multiple,\n          accept,\n          maxFileSize: maxSize,\n          ...rest,\n        };\n\n        return (\n          <Component\n            field={{\n              ...field,\n              value: field.value,\n              onChange: async (value: File[]) => handleOnChange(value, field),\n            }}\n            fieldState={fieldState}\n            fieldData={fieldData}\n          />\n        );\n      }}\n    />\n  );\n}\n","import { useFormContext } from 'react-hook-form';\nimport { useFormFields } from '@/src/context';\nimport { FormField } from '@/src/components/ui/form';\nimport { Components } from '@/src/types/remoteFlows';\nimport { TextFieldProps } from './TextField';\n\nexport type NumberFieldProps = TextFieldProps & {\n  component?: Components['number'];\n  onChange?: (value: number) => void;\n};\n\nexport function NumberField(props: NumberFieldProps) {\n  const { components } = useFormFields();\n  const { control } = useFormContext();\n\n  const Component = props.component || components.number;\n  if (!Component) {\n    throw new Error(`Number component not found for field ${props.name}`);\n  }\n  return (\n    <FormField\n      control={control}\n      name={props.name}\n      render={({ field, fieldState }) => {\n        return (\n          <Component\n            field={{\n              ...field,\n              onChange: (value: number) => {\n                field.onChange(value);\n                props.onChange?.(value);\n              },\n            }}\n            fieldState={fieldState}\n            fieldData={props}\n          />\n        );\n      }}\n    />\n  );\n}\n","import { FormField } from '@/src/components/ui/form';\nimport { useFormFields } from '@/src/context';\nimport { Components, JSFField } from '@/src/types/remoteFlows';\nimport { useFormContext } from 'react-hook-form';\n\ntype RadioGroupFieldProps = JSFField & {\n  onChange?: (value: string) => 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 Component = component || components?.radio;\n        if (!Component) {\n          throw new Error(`Radio group component not found for field ${name}`);\n        }\n        const customRadioGroupFieldProps = {\n          name,\n          defaultValue,\n          description,\n          label,\n          options,\n          ...rest,\n        };\n        return (\n          <Component\n            field={{\n              ...field,\n              onChange: (value: string) => {\n                field.onChange(value);\n                onChange?.(value);\n              },\n            }}\n            fieldState={fieldState}\n            fieldData={customRadioGroupFieldProps}\n          />\n        );\n      }}\n    />\n  );\n}\n","import { useFormFields } from '@/src/context';\nimport { Components, JSFField } from '@/src/types/remoteFlows';\nimport { useFormContext } from 'react-hook-form';\nimport { FormField } from '@/src/components/ui/form';\n\ntype SelectFieldProps = JSFField & {\n  placeholder?: string;\n  options: Array<{ value: string | number; label: string }>;\n  className?: string;\n  onChange?: (value: string | number) => void;\n  component?: Components['select'];\n};\n\nexport function SelectField({\n  label,\n  name,\n  options,\n  defaultValue,\n  description,\n  onChange,\n  component,\n  ...rest\n}: SelectFieldProps) {\n  const { control } = useFormContext();\n  const { components } = useFormFields();\n\n  return (\n    <FormField\n      defaultValue={defaultValue}\n      control={control}\n      name={name}\n      render={({ field, fieldState }) => {\n        const Component = component || components?.select;\n\n        if (!Component) {\n          throw new Error(`Select component not found for field ${name}`);\n        }\n\n        const customSelectFieldProps = {\n          label,\n          name,\n          options,\n          defaultValue,\n          description,\n          onChange,\n          ...rest,\n        };\n        return (\n          <Component\n            field={{\n              ...field,\n              onChange: (value: string | number) => {\n                const isNumberType = Array.isArray(rest.jsonType)\n                  ? rest.jsonType.includes('number')\n                  : rest.jsonType === 'number';\n                const maybeCastValue = isNumberType ? Number(value) : value;\n                field.onChange(maybeCastValue);\n                onChange?.(maybeCastValue);\n              },\n            }}\n            fieldState={fieldState}\n            fieldData={customSelectFieldProps}\n          />\n        );\n      }}\n    />\n  );\n}\n","import { useFormFields } from '@/src/context';\nimport { Components, JSFField, $TSFixMe } from '@/src/types/remoteFlows';\nimport { useFormContext } from 'react-hook-form';\nimport { FormField } from '../../ui/form';\n\ntype CountryFieldProps = JSFField & {\n  options: Array<{ value: string; label: string }>;\n  onChange?: (value: $TSFixMe) => void;\n  $meta: {\n    regions: Record<string, string[]>;\n    subregions: Record<string, string[]>;\n  };\n  component?: Components['countries'];\n};\n\nexport function CountryField({\n  label,\n  name,\n  options,\n  defaultValue,\n  description,\n  onChange,\n  $meta,\n  component,\n  ...rest\n}: CountryFieldProps) {\n  const { control } = useFormContext();\n  const { components } = useFormFields();\n\n  return (\n    <FormField\n      defaultValue={defaultValue}\n      control={control}\n      name={name}\n      render={({ field, fieldState }) => {\n        const Component = component || components.countries;\n        if (!Component) {\n          throw new Error(`Country component not found for field ${name}`);\n        }\n\n        const customSelectFieldProps = {\n          label,\n          name,\n          options,\n          defaultValue,\n          description,\n          onChange,\n          $meta,\n          ...rest,\n        };\n        return (\n          <Component\n            field={{\n              ...field,\n              onChange: (value: $TSFixMe) => {\n                field.onChange(value);\n                onChange?.(value);\n              },\n            }}\n            fieldState={fieldState}\n            fieldData={customSelectFieldProps}\n          />\n        );\n      }}\n    />\n  );\n}\n","import * as React from 'react';\nimport { useFormFields } from '@/src/context';\nimport { Components, JSFField } from '@/src/types/remoteFlows';\nimport { useFormContext } from 'react-hook-form';\nimport { FormField } from '@/src/components/ui/form';\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 Component = component || components.textarea;\n        if (!Component) {\n          throw new Error(`Text area component not found for field ${name}`);\n        }\n        const customTextAreaFieldProps = {\n          name,\n          description,\n          label,\n          maxLength,\n          ...rest,\n        };\n        return (\n          <Component\n            field={{\n              ...field,\n              onChange: (evt: React.ChangeEvent<HTMLTextAreaElement>) => {\n                field.onChange(evt);\n                onChange?.(evt);\n              },\n            }}\n            fieldState={fieldState}\n            fieldData={customTextAreaFieldProps}\n          />\n        );\n      }}\n    />\n  );\n}\n","import { useFormFields } from '@/src/context';\nimport { useFormContext } from 'react-hook-form';\nimport { FormField } from '../../ui/form';\nimport { 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 Component = props.component || components.email;\n\n  if (!Component) {\n    throw new Error(`Email component not found for field ${props.name}`);\n  }\n\n  return (\n    <FormField\n      control={control}\n      name={props.name}\n      render={({ field, fieldState }) => {\n        return (\n          <Component\n            field={{\n              ...field,\n              onChange: (value: string) => {\n                field.onChange(value);\n                props.onChange?.(value);\n              },\n            }}\n            fieldState={fieldState}\n            fieldData={props}\n          />\n        );\n      }}\n    />\n  );\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","import { useEffect, useState } from 'react';\nimport { useFormContext } from 'react-hook-form';\n\nimport { JSFField, $TSFixMe } from '@/src/types/remoteFlows';\nimport { useFormFields } from '@/src/context';\nimport { FormField } from '@/src/components/ui/form';\nimport { Components } from '@/src/types/remoteFlows';\n\nimport {\n  buildWorkScheduleSummary,\n  calculateTotalWorkHours,\n  DailySchedule,\n} from './workScheduleUtils';\n\ntype WorkScheduleFieldProps = JSFField & {\n  name: string;\n  default: DailySchedule[];\n  onChange?: (value: $TSFixMe) => void;\n  component?: Components['work-schedule'];\n};\n\ntype WorkScheduleFormData = {\n  schedule: DailySchedule[];\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 Component = props.component || components['work-schedule'];\n  if (!Component) {\n    throw new Error(\n      `Work schedule component not found for field ${props.name}`,\n    );\n  }\n\n  const fieldData = {\n    ...props,\n    onSubmit,\n    currentSchedule,\n    defaultFormattedValue: {\n      workHoursSummary,\n      breakSummary,\n      totalWorkHours,\n    },\n  };\n\n  return (\n    <FormField\n      control={control}\n      name={props.name}\n      render={({ field, fieldState }) => {\n        return (\n          <Component\n            field={{\n              ...field,\n              onChange: (value: $TSFixMe) => {\n                field.onChange(value);\n                props.onChange?.(value);\n              },\n            }}\n            fieldState={fieldState}\n            fieldData={fieldData}\n          />\n        );\n      }}\n    />\n  );\n}\n","import { useFormFields } from '@/src/context';\nimport { Components, JSFField, $TSFixMe } from '@/src/types/remoteFlows';\nimport { useFormContext } from 'react-hook-form';\nimport { FormField } from '../../ui/form';\n\ntype MultiSelectFieldProps = JSFField & {\n  placeholder?: string;\n  options: Array<{ value: string; label: string }>;\n  className?: string;\n  onChange?: (value: $TSFixMe) => 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\n  return (\n    <FormField\n      defaultValue={defaultValue}\n      control={control}\n      name={name}\n      render={({ field, fieldState }) => {\n        const Component = component || components?.['multi-select'];\n        if (!Component) {\n          throw new Error(`Multi select component not found for field ${name}`);\n        }\n\n        const customSelectFieldProps = {\n          label,\n          name,\n          options,\n          defaultValue,\n          description,\n          onChange,\n          ...rest,\n        };\n        return (\n          <Component\n            field={{\n              ...field,\n              onChange: (value: $TSFixMe) => {\n                field.onChange(value);\n                onChange?.(value);\n              },\n            }}\n            fieldState={fieldState}\n            fieldData={customSelectFieldProps}\n          />\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 { FormField } from '@/src/components/ui/form';\nimport { useFormFields } from '@/src/context';\nimport { Components, JSFField } from '@/src/types/remoteFlows';\nimport {\n  useFormContext,\n  ControllerFieldState,\n  ControllerRenderProps,\n  FieldValues,\n} from 'react-hook-form';\nimport { TelFieldComponentProps } from '@/src/types/fields';\nimport { useMemo, useCallback, useState, useEffect, useRef } from 'react';\n\nexport type Country = {\n  name: string;\n  dialCode: string;\n  pattern: string;\n  areaCodes?: string[];\n};\n\n/**\n * Removes all spaces from input.\n */\nfunction removeSpaces(value: string) {\n  return value.replace(/\\s/g, '');\n}\n\nfunction getStructuredNumberFromInternationalNumber(\n  internationalPhoneNumber: string = '',\n  country?: Country,\n) {\n  const baseRegex = new RegExp(\n    `^(\\\\+|00)(\\\\d{${country?.dialCode?.length ?? 0}})(.*)$`,\n  );\n  const baseMatch = internationalPhoneNumber?.match(baseRegex);\n\n  if (!baseMatch) {\n    return {\n      prefix: '',\n      dialCode: '',\n      phoneNumber: internationalPhoneNumber,\n    };\n  }\n\n  const [, plusOrCallPrefix, dialCode, phoneNumber] = baseMatch;\n\n  return {\n    prefix: plusOrCallPrefix,\n    dialCode,\n    phoneNumber,\n  };\n}\n\nfunction getCountryFromPhoneNumber(\n  {\n    dialCodes,\n    dialCodeMaxLength,\n  }: ReturnType<typeof getCountryDataByCountryCode>,\n  internationalPhoneNumber: string,\n) {\n  const { prefix } = getStructuredNumberFromInternationalNumber(\n    internationalPhoneNumber,\n  );\n\n  if (!prefix) {\n    return undefined;\n  }\n\n  // Try longest dial codes first - critical for US/Canada\n  for (let i = dialCodeMaxLength + prefix.length; i > prefix.length; i--) {\n    const dialCode = internationalPhoneNumber.slice(prefix.length, i);\n\n    if (dialCodes[dialCode]) {\n      return dialCodes[dialCode];\n    }\n  }\n\n  return undefined;\n}\n\n/**\n * Creates a map of dial codes (including area codes) to country objects.\n * Handles countries like US/Canada that share +1 with different area codes.\n */\nexport function getCountryDataByCountryCode(countries: Country[]) {\n  const dialCodes: Record<string, Country> = {};\n  let dialCodeMaxLength = 0;\n\n  countries.forEach((country) => {\n    if (country.areaCodes) {\n      // For countries with area codes (e.g., +1204, +1226)\n      country.areaCodes.forEach((areaCode) => {\n        const code = country.dialCode + areaCode;\n        dialCodes[code] = country;\n        if (code.length > dialCodeMaxLength) {\n          dialCodeMaxLength = code.length;\n        }\n      });\n    } else {\n      // For countries with simple dial codes (e.g., +44, +351)\n      dialCodes[country.dialCode] = country;\n      if (country.dialCode.length > dialCodeMaxLength) {\n        dialCodeMaxLength = country.dialCode.length;\n      }\n    }\n  });\n\n  return { dialCodes, dialCodeMaxLength };\n}\n\nfunction getAreaCodesFromPattern(pattern: string = '') {\n  const codeGroupPattern = /\\(([^)]+)\\)/g;\n  const groups = pattern.match(codeGroupPattern);\n\n  if (groups?.length === 2) {\n    return groups[1].replace(/\\(|\\)/g, '').split('|');\n  }\n\n  return undefined;\n}\n\nfunction transformSchemaToCountries(\n  options: Array<{\n    value: string;\n    label: string;\n    meta: { countryCode: string };\n    pattern: string;\n  }>,\n): Country[] {\n  return options.map((option) => ({\n    name: option.label,\n    dialCode: option.meta.countryCode,\n    pattern: option.pattern,\n    areaCodes: getAreaCodesFromPattern(option.pattern),\n  }));\n}\n\nexport function TelFieldRenderer({\n  field,\n  fieldState,\n  fieldData,\n  component: Component,\n  onChangeCountryCode,\n  onChangePhoneNumber,\n}: {\n  field: ControllerRenderProps<FieldValues, string>;\n  fieldState: ControllerFieldState;\n  fieldData: TelFieldDataProps;\n  component: React.ComponentType<TelFieldComponentProps>;\n  onChangeCountryCode?: (newCountry: Country) => void;\n  onChangePhoneNumber?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n}) {\n  const { value: internationalPhoneNumber } = field;\n  const { options } = fieldData;\n\n  const countries = useMemo(\n    () => transformSchemaToCountries(options),\n    [options],\n  );\n\n  const countriesByCountryCode = useMemo(\n    () => getCountryDataByCountryCode(countries),\n    [countries],\n  );\n\n  // Track if the country change was due to manual selection\n  const isManualSelectionRef = useRef(false);\n\n  // Use state to track country, so manual selection is preserved\n  const [country, setCountry] = useState<Country | undefined>(() =>\n    getCountryFromPhoneNumber(\n      getCountryDataByCountryCode(countries),\n      internationalPhoneNumber || '',\n    ),\n  );\n\n  // Re-detect country when phone number changes externally (e.g., form reset or area code typed)\n  useEffect(() => {\n    // Reset manual selection flag if field is cleared\n    if (!internationalPhoneNumber || internationalPhoneNumber === '+') {\n      isManualSelectionRef.current = false;\n    }\n\n    if (isManualSelectionRef.current) {\n      return;\n    }\n\n    const detected = getCountryFromPhoneNumber(\n      countriesByCountryCode,\n      internationalPhoneNumber || '',\n    );\n    setCountry(detected);\n  }, [internationalPhoneNumber, countriesByCountryCode]);\n\n  const { prefix, phoneNumber: nationalPhoneNumber } = useMemo(\n    () =>\n      getStructuredNumberFromInternationalNumber(\n        internationalPhoneNumber,\n        country,\n      ),\n    [internationalPhoneNumber, country],\n  );\n\n  const handleCountryCodeChange = useCallback(\n    (newCountry: Country) => {\n      if (!newCountry) return;\n      const newValue = `+${newCountry.dialCode}${nationalPhoneNumber}`;\n\n      // Mark as manual selection to prevent useEffect from overriding\n      isManualSelectionRef.current = true;\n\n      // Update country state to preserve manual selection\n      setCountry(newCountry);\n\n      // Update React Hook Form state\n      field.onChange(newValue);\n\n      // Call optional external onChange\n      if (onChangeCountryCode) {\n        onChangeCountryCode(newCountry);\n      }\n    },\n    [nationalPhoneNumber, field, onChangeCountryCode],\n  );\n\n  const handlePhoneNumberChange = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      const valueWithoutSpaces = removeSpaces(event.target.value);\n      let newValue: string;\n      if (country) {\n        newValue = `${prefix}${country.dialCode}${valueWithoutSpaces}`;\n      } else {\n        newValue = `${prefix}${valueWithoutSpaces}`;\n      }\n      // Update React Hook Form state\n      field.onChange(newValue);\n\n      // Call optional external onChange\n      if (onChangePhoneNumber) {\n        const syntheticEvent = {\n          target: { value: newValue, name: field.name },\n        } as React.ChangeEvent<HTMLInputElement>;\n        onChangePhoneNumber(syntheticEvent);\n      }\n    },\n    [country, prefix, field, onChangePhoneNumber],\n  );\n\n  const fieldDataWithComputedValues = useMemo(\n    () => ({\n      ...fieldData,\n      onChangeCountryCode: handleCountryCodeChange,\n      onChangePhoneNumber: handlePhoneNumberChange,\n      currentCountry: country,\n      nationalPhoneNumber,\n    }),\n    [\n      fieldData,\n      handleCountryCodeChange,\n      handlePhoneNumberChange,\n      country,\n      nationalPhoneNumber,\n    ],\n  );\n\n  return (\n    <Component\n      field={field}\n      fieldState={fieldState}\n      fieldData={fieldDataWithComputedValues}\n    />\n  );\n}\n\nexport type TelFieldDataProps = Omit<JSFField, 'options'> & {\n  onChangeCountryCode?: (newCountry: Country) => void;\n  onChangePhoneNumber?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n  component?: Components['tel'];\n  options: {\n    value: string;\n    label: string;\n    meta: {\n      countryCode: string;\n    };\n    pattern: string;\n  }[];\n  currentCountry?: Country;\n  nationalPhoneNumber?: string;\n};\n\nexport function TelField({\n  name,\n  description,\n  label,\n  onChangeCountryCode,\n  onChangePhoneNumber,\n  component,\n  ...rest\n}: TelFieldDataProps) {\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 Component = component || components.tel;\n        if (!Component) {\n          throw new Error(`Tel component not found for field ${name}`);\n        }\n\n        const customTelFieldProps: TelFieldDataProps = {\n          name,\n          description,\n          label,\n          ...rest,\n        };\n\n        return (\n          <TelFieldRenderer\n            field={field}\n            fieldState={fieldState}\n            fieldData={customTelFieldProps}\n            component={Component}\n            onChangeCountryCode={onChangeCountryCode}\n            onChangePhoneNumber={onChangePhoneNumber}\n          />\n        );\n      }}\n    />\n  );\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 { TelField } from './TelField';\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  tel: TelField,\n  'work-schedule': WorkScheduleField,\n};\n","import { useFormContext } from 'react-hook-form';\nimport { sanitizeHtml } from '@/src/lib/utils';\nimport { useEffect } from 'react';\nimport { ZendeskTriggerButton } from '@/src/components/shared/zendesk-drawer/ZendeskTriggerButton';\n\nconst Description = ({\n  name,\n  description,\n  helpCenter,\n}: {\n  name: string;\n  description: string;\n  helpCenter?: {\n    callToAction: string;\n    id: number;\n    url: string;\n    label: string;\n  };\n}) => {\n  return (\n    <span>\n      <span\n        className={`text-xs RemoteFlows__ForcedValue__Description__${name}`}\n        dangerouslySetInnerHTML={{ __html: sanitizeHtml(description) }}\n      />\n      {helpCenter?.callToAction && helpCenter?.id && (\n        <ZendeskTriggerButton\n          className='RemoteFlows__ForcedValue__HelpCenterLink'\n          zendeskId={helpCenter.id}\n        >\n          {helpCenter.callToAction}\n        </ZendeskTriggerButton>\n      )}\n    </span>\n  );\n};\n\nexport type ForcedValueFieldProps = {\n  name: string;\n  value: string;\n  description: string;\n  statement?: {\n    title?: string;\n    description?: string;\n  };\n  label: string;\n  helpCenter?: {\n    callToAction: string;\n    id: number;\n    url: string;\n    label: string;\n  };\n};\n\nexport function ForcedValueField({\n  name,\n  value,\n  description,\n  statement,\n  label,\n  helpCenter,\n}: ForcedValueFieldProps) {\n  const { setValue } = useFormContext();\n  const descriptionSanitized = sanitizeHtml(\n    statement?.description || description,\n  );\n  useEffect(() => {\n    setValue(name, value);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const titleSanitized = statement?.title\n    ? sanitizeHtml(statement?.title)\n    : sanitizeHtml(label);\n\n  return (\n    <div>\n      {titleSanitized && (\n        <p\n          className={`text-sm RemoteFlows__ForcedValue__Title__${name}`}\n          dangerouslySetInnerHTML={{\n            __html: titleSanitized,\n          }}\n        />\n      )}\n      <Description\n        name={name}\n        description={descriptionSanitized}\n        helpCenter={helpCenter}\n      />\n    </div>\n  );\n}\n"],"mappings":"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","names":["Fragment","useEffect","useRef","jsx","DatePickerField","description","label","name","minDate","maxDate","onChange","component","rest","components","useFormFields","control","useFormContext","minDateValue","getMinStartDate","maxDateValue","FormField","field","fieldState","Component","customDatePickerFieldProps","__name","value","jsx","validateFileSize","__name","files","maxSize","file","maxSizeMB","fileSizeMB","FileUploadField","name","description","label","multiple","onChange","component","accept","rest","components","useFormFields","control","setError","clearErrors","useFormContext","handleOnChange","field","sizeError","FormField","fieldState","Component","fieldData","value","jsx","NumberField","props","components","useFormFields","control","useFormContext","Component","FormField","field","fieldState","__name","value","jsx","RadioGroupField","name","defaultValue","description","label","options","onChange","component","rest","components","useFormFields","control","useFormContext","FormField","field","fieldState","Component","customRadioGroupFieldProps","__name","value","jsx","SelectField","label","name","options","defaultValue","description","onChange","component","rest","control","useFormContext","components","useFormFields","FormField","field","fieldState","Component","customSelectFieldProps","__name","value","maybeCastValue","jsx","CountryField","label","name","options","defaultValue","description","onChange","$meta","component","rest","control","useFormContext","components","useFormFields","FormField","field","fieldState","Component","customSelectFieldProps","__name","value","jsx","TextAreaField","name","description","label","onChange","maxLength","component","rest","components","useFormFields","control","useFormContext","FormField","field","fieldState","Component","customTextAreaFieldProps","__name","evt","jsx","EmailField","props","components","useFormFields","control","useFormContext","Component","FormField","field","fieldState","__name","value","jsx","HiddenField","props","control","useFormContext","FormField","field","__name","useEffect","useState","jsx","WorkScheduleField","props","components","useFormFields","setValue","control","watch","useFormContext","watchedSchedule","currentSchedule","setCurrentSchedule","useState","workHoursSummary","breakSummary","buildWorkScheduleSummary","totalWorkHours","calculateTotalWorkHours","useEffect","onSubmit","data","__name","Component","fieldData","FormField","field","fieldState","value","jsx","MultiSelectField","label","name","options","defaultValue","description","onChange","component","rest","control","useFormContext","components","useFormFields","FormField","field","fieldState","Component","customSelectFieldProps","__name","value","jsx","MoneyField","__name","props","NumberField","useMemo","useCallback","useState","useEffect","useRef","jsx","removeSpaces","value","__name","getStructuredNumberFromInternationalNumber","internationalPhoneNumber","country","baseRegex","baseMatch","plusOrCallPrefix","dialCode","phoneNumber","getCountryFromPhoneNumber","dialCodes","dialCodeMaxLength","prefix","i","getCountryDataByCountryCode","countries","areaCode","code","getAreaCodesFromPattern","pattern","codeGroupPattern","groups","transformSchemaToCountries","options","option","TelFieldRenderer","field","fieldState","fieldData","Component","onChangeCountryCode","onChangePhoneNumber","useMemo","countriesByCountryCode","isManualSelectionRef","useRef","setCountry","useState","useEffect","detected","nationalPhoneNumber","handleCountryCodeChange","useCallback","newCountry","newValue","handlePhoneNumberChange","event","valueWithoutSpaces","syntheticEvent","fieldDataWithComputedValues","TelField","name","description","label","component","rest","components","useFormFields","control","useFormContext","FormField","customTelFieldProps","baseFields","CheckBoxField","TextField","EmailField","MoneyField","SelectField","MultiSelectField","RadioGroupField","NumberField","FileUploadField","DatePickerField","TextAreaField","CountryField","HiddenField","TelField","WorkScheduleField","useEffect","jsx","jsxs","Description","__name","name","description","helpCenter","sanitizeHtml","ZendeskTriggerButton","ForcedValueField","value","statement","label","setValue","useFormContext","descriptionSanitized","useEffect","titleSanitized","Fragment","jsx","jsxs","FieldSetField","label","name","fields","description","components","statement","isFlatFieldset","extra","variant","features","meta","helpCenter","watch","setValue","trigger","formState","useFormContext","formComponents","useFormFields","stateField","isExpanded","fieldNames","fieldName","watchedValues","prevValuesRef","useRef","triggerTimeoutRef","toggleExpanded","__name","useEffect","currentValues","previousValues","hasBeenSubmitted","hasChanged","i","ToggleComponent","FieldsetToggleButtonDefault","contentId","headerId","cn","ZendeskTriggerButton","sanitizeHtml","field","fieldType","checkFieldHasForcedValue","ForcedValueField","FieldComponent","baseFields","Component","value","Statement"]}

package/dist/chunk-ZAQUO2SM.js

@@ -1,2 +0,0 @@
-import{a as b}from"./chunk-3BEEU2N4.js";import{a as h,b as g,c as k}from"./chunk-5BGETBLF.js";import{b as P}from"./chunk-DJYO6IIO.js";import{j as D,k as w,l as v,m as x,n as F}from"./chunk-RXNDKUY6.js";import{c as m}from"./chunk-EARN6G25.js";import{a}from"./chunk-P37U34EQ.js";import{CalendarIcon as B}from"lucide-react";import{format as N}from"date-fns";import{ChevronLeft as I,ChevronRight as L}from"lucide-react";import{DayPicker as O}from"react-day-picker";import{jsx as c}from"react/jsx-runtime";function d({className:t,classNames:n,showOutsideDays:s=!0,...o}){return c(O,{showOutsideDays:s,className:m("p-3",t),classNames:{months:"flex flex-col sm:flex-row gap-4",month:"flex flex-col gap-y-4",month_caption:"flex h-8 w-full items-center justify-center relative",caption_label:"font-medium text-sm mt-1",nav:"flex items-center justify-between absolute left-0 right-0 z-10",month_grid:"w-full border-collapse mt-1",weekdays:"flex",weekday:"text-muted-foreground rounded-md w-9 font-normal text-[0.8rem]",week:"flex w-full mt-2",day:"h-9 w-9 text-center text-sm p-0 relative",...n},components:{Chevron:a(({orientation:p,...r})=>p==="left"?c(I,{...r}):c(L,{...r}),"Chevron")},...o})}a(d,"Calendar");d.displayName="Calendar";import{useState as T}from"react";import{Fragment as V,jsx as e,jsxs as i}from"react/jsx-runtime";function Y({field:t,fieldData:n,fieldState:s}){let{name:o,label:p,description:r,minDate:u,maxDate:C}=n,f=u?new Date(u):void 0,_=C?new Date(C):void 0,[R,y]=T(!1);return i(D,{"data-field":o,className:`flex flex-col RemoteFlows__DatePickerField__Item__${o}`,children:[e(w,{className:"RemoteFlows__DatePickerField__Label",children:p}),i(h,{open:R,onOpenChange:y,children:[e(g,{asChild:!0,children:e(v,{children:e("div",{children:i(P,{type:"button",variant:"outline",className:m("w-full pl-3 text-left font-normal",!t.value&&"text-muted-foreground"),"data-testid":`date-picker-button-${o}`,children:[t.value&&e(V,{children:N(t.value,"yyyy-MM-dd")}),e(B,{className:"ml-auto h-4 w-4 opacity-50"})]})})})}),e(k,{className:"w-auto p-0 RemoteFlows__DatepickerField__PopoverContent",align:"start",children:e(d,{mode:"single",className:"RemoteFlows__DatepickerField__Calendar",selected:t.value?new Date(t.value):void 0,onDayClick:l=>{let M=N(l,"yyyy-MM-dd");t.onChange(M),y(!1)},defaultMonth:f,disabled:l=>!!(f&&l<f||_&&l>_)})})]}),r?i(x,{children:[r," ",e(b,{helpCenter:n.meta?.helpCenter})]}):null,s.error&&e(F,{className:"RemoteFlows__DatePickerField__Error"})]})}a(Y,"DatePickerFieldDefault");export{Y as a};
-//# sourceMappingURL=chunk-ZAQUO2SM.js.map

package/dist/chunk-ZAQUO2SM.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/fields/default/DatePickerFieldDefault.tsx","../src/components/ui/calendar.tsx"],"sourcesContent":["import { Button } from '@/src/components/ui/button';\nimport {\n  FormControl,\n  FormDescription,\n  FormItem,\n  FormLabel,\n  FormMessage,\n} from '@/src/components/ui/form';\nimport { DatePickerComponentProps } from '@/src/types/fields';\nimport { CalendarIcon } from 'lucide-react';\nimport { format } from 'date-fns';\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from '@/src/components/ui/popover';\nimport { cn } from '@/src/lib/utils';\nimport { Calendar } from '@/src/components/ui/calendar';\nimport { HelpCenter } from '@/src/components/shared/zendesk-drawer/HelpCenter';\nimport { useState } from 'react';\n\nexport function DatePickerFieldDefault({\n  field,\n  fieldData,\n  fieldState,\n}: DatePickerComponentProps) {\n  const { name, label, description, minDate, maxDate } = fieldData;\n  const minDateValue = minDate ? new Date(minDate) : undefined;\n  const maxDateValue = maxDate ? new Date(maxDate) : undefined;\n  const [open, setOpen] = useState(false);\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 open={open} onOpenChange={setOpen}>\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            onDayClick={(day) => {\n              const formattedDate = format(day, 'yyyy-MM-dd');\n              field.onChange(formattedDate);\n              setOpen(false);\n            }}\n            defaultMonth={minDateValue}\n            disabled={(date: Date) => {\n              if (minDateValue && date < minDateValue) return true;\n              if (maxDateValue && date > maxDateValue) return true;\n              return false;\n            }}\n          />\n        </PopoverContent>\n      </Popover>\n      {description ? (\n        <FormDescription>\n          {description} <HelpCenter helpCenter={fieldData.meta?.helpCenter} />\n        </FormDescription>\n      ) : null}\n      {fieldState.error && (\n        <FormMessage className='RemoteFlows__DatePickerField__Error' />\n      )}\n    </FormItem>\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';\n\nexport type CalendarProps = React.ComponentProps<typeof DayPicker>;\n\nfunction Calendar({\n  className,\n  classNames,\n  showOutsideDays = true,\n  ...props\n}: CalendarProps) {\n  return (\n    <DayPicker\n      showOutsideDays={showOutsideDays}\n      className={cn('p-3', className)}\n      classNames={{\n        months: 'flex flex-col sm:flex-row gap-4',\n        month: 'flex flex-col gap-y-4',\n        month_caption: 'flex h-8 w-full items-center justify-center relative',\n        caption_label: 'font-medium text-sm mt-1',\n        nav: 'flex items-center justify-between absolute left-0 right-0 z-10',\n        month_grid: 'w-full border-collapse mt-1',\n        weekdays: 'flex',\n        weekday:\n          'text-muted-foreground rounded-md w-9 font-normal text-[0.8rem]',\n        week: 'flex w-full mt-2',\n        day: 'h-9 w-9 text-center text-sm p-0 relative',\n        ...classNames,\n      }}\n      components={{\n        Chevron: ({ orientation, ...props }) => {\n          if (orientation === 'left') {\n            return <ChevronLeft {...props} />;\n          }\n          return <ChevronRight {...props} />;\n        },\n      }}\n      {...props}\n    />\n  );\n}\nCalendar.displayName = 'Calendar';\n\nexport { Calendar };\n"],"mappings":"qRASA,OAAS,gBAAAA,MAAoB,eAC7B,OAAS,UAAAC,MAAc,WCTvB,OAAS,eAAAC,EAAa,gBAAAC,MAAoB,eAC1C,OAAS,aAAAC,MAAiB,mBAiCP,cAAAC,MAAA,oBA3BnB,SAASC,EAAS,CAChB,UAAAC,EACA,WAAAC,EACA,gBAAAC,EAAkB,GAClB,GAAGC,CACL,EAAkB,CAChB,OACEL,EAACM,EAAA,CACC,gBAAiBF,EACjB,UAAWG,EAAG,MAAOL,CAAS,EAC9B,WAAY,CACV,OAAQ,kCACR,MAAO,wBACP,cAAe,uDACf,cAAe,2BACf,IAAK,iEACL,WAAY,8BACZ,SAAU,OACV,QACE,iEACF,KAAM,mBACN,IAAK,2CACL,GAAGC,CACL,EACA,WAAY,CACV,QAASK,EAAA,CAAC,CAAE,YAAAC,EAAa,GAAGJ,CAAM,IAC5BI,IAAgB,OACXT,EAACU,EAAA,CAAa,GAAGL,EAAO,EAE1BL,EAACW,EAAA,CAAc,GAAGN,EAAO,EAJzB,UAMX,EACC,GAAGA,EACN,CAEJ,CAnCSG,EAAAP,EAAA,YAoCTA,EAAS,YAAc,WDzBvB,OAAS,YAAAW,MAAgB,QAiBnB,OAgB0B,YAAAC,EAhB1B,OAAAC,EAOQ,QAAAC,MAPR,oBAfC,SAASC,EAAuB,CACrC,MAAAC,EACA,UAAAC,EACA,WAAAC,CACF,EAA6B,CAC3B,GAAM,CAAE,KAAAC,EAAM,MAAAC,EAAO,YAAAC,EAAa,QAAAC,EAAS,QAAAC,CAAQ,EAAIN,EACjDO,EAAeF,EAAU,IAAI,KAAKA,CAAO,EAAI,OAC7CG,EAAeF,EAAU,IAAI,KAAKA,CAAO,EAAI,OAC7C,CAACG,EAAMC,CAAO,EAAIC,EAAS,EAAK,EAEtC,OACEd,EAACe,EAAA,CACC,aAAYV,EACZ,UAAW,qDAAqDA,CAAI,GAEpE,UAAAN,EAACiB,EAAA,CAAU,UAAU,sCAClB,SAAAV,EACH,EACAN,EAACiB,EAAA,CAAQ,KAAML,EAAM,aAAcC,EACjC,UAAAd,EAACmB,EAAA,CAAe,QAAO,GACrB,SAAAnB,EAACoB,EAAA,CACC,SAAApB,EAAC,OACC,SAAAC,EAACoB,EAAA,CACC,KAAK,SACL,QAAS,UACT,UAAWC,EACT,oCACA,CAACnB,EAAM,OAAS,uBAClB,EACA,cAAa,sBAAsBG,CAAI,GAEtC,UAAAH,EAAM,OAASH,EAAAD,EAAA,CAAG,SAAAwB,EAAOpB,EAAM,MAAO,YAAY,EAAE,EACrDH,EAACwB,EAAA,CAAa,UAAU,6BAA6B,GACvD,EACF,EACF,EACF,EACAxB,EAACyB,EAAA,CACC,UAAW,0DACX,MAAM,QAEN,SAAAzB,EAAC0B,EAAA,CACC,KAAK,SACL,UAAU,yCACV,SAAUvB,EAAM,MAAQ,IAAI,KAAKA,EAAM,KAAK,EAAI,OAChD,WAAawB,GAAQ,CACnB,IAAMC,EAAgBL,EAAOI,EAAK,YAAY,EAC9CxB,EAAM,SAASyB,CAAa,EAC5Bd,EAAQ,EAAK,CACf,EACA,aAAcH,EACd,SAAWkB,GACL,GAAAlB,GAAgBkB,EAAOlB,GACvBC,GAAgBiB,EAAOjB,GAG/B,EACF,GACF,EACCJ,EACCP,EAAC6B,EAAA,CACE,UAAAtB,EAAY,IAACR,EAAC+B,EAAA,CAAW,WAAY3B,EAAU,MAAM,WAAY,GACpE,EACE,KACHC,EAAW,OACVL,EAACgC,EAAA,CAAY,UAAU,sCAAsC,GAEjE,CAEJ,CArEgBC,EAAA/B,EAAA","names":["CalendarIcon","format","ChevronLeft","ChevronRight","DayPicker","jsx","Calendar","className","classNames","showOutsideDays","props","DayPicker","cn","__name","orientation","ChevronLeft","ChevronRight","useState","Fragment","jsx","jsxs","DatePickerFieldDefault","field","fieldData","fieldState","name","label","description","minDate","maxDate","minDateValue","maxDateValue","open","setOpen","useState","FormItem","FormLabel","Popover","PopoverTrigger","FormControl","Button","cn","format","CalendarIcon","PopoverContent","Calendar","day","formattedDate","date","FormDescription","HelpCenter","FormMessage","__name"]}