@remoteoss/remote-flows 0.4.0-alpha.22 → 0.4.0-alpha.24

package/dist/chunk-44JKZZZV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/flows/Onboarding/hooks.tsx"],"sourcesContent":["import {\n  Employment,\n  EmploymentCreateParams,\n  EmploymentFullParams,\n} from '@/src/client';\nimport { Fields } from '@remoteoss/json-schema-form';\n\nimport { useStepState, Step } from '@/src/flows/useStepState';\nimport {\n  prettifyFormValues,\n  reviewStepAllowedEmploymentStatus,\n  STEPS,\n  STEPS_WITHOUT_SELECT_COUNTRY,\n} from '@/src/flows/Onboarding/utils';\nimport {\n  getInitialValues,\n  parseJSFToValidate,\n} from '@/src/components/form/utils';\nimport { mutationToPromise } from '@/src/lib/mutations';\nimport { FieldValues } from 'react-hook-form';\nimport { Meta, OnboardingFlowParams } from '@/src/flows/Onboarding/types';\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport mergeWith from 'lodash.mergewith';\nimport {\n  useBenefitOffers,\n  useBenefitOffersSchema,\n  useCompany,\n  useCountriesSchemaField,\n  useCreateEmployment,\n  useEmployment,\n  useJSONSchemaForm,\n  useUpdateBenefitsOffers,\n  useUpdateEmployment,\n  useUpsertContractEligibility,\n} from '@/src/flows/Onboarding/api';\nimport { JSFModify, JSONSchemaFormType } from '@/src/flows/types';\nimport { AnnualGrossSalary } from '@/src/flows/Onboarding/components/AnnualGrossSalary';\nimport { JSFField, JSFFieldset } from '@/src/types/remoteFlows';\n\ntype OnboardingHookProps = OnboardingFlowParams;\n\nconst jsonSchemaToEmployment: Partial<\n  Record<JSONSchemaFormType, keyof Employment>\n> = {\n  employment_basic_information: 'basic_information',\n  contract_details: 'contract_details',\n};\n\nconst stepToFormSchemaMap: Record<\n  keyof typeof STEPS,\n  JSONSchemaFormType | null\n> = {\n  select_country: null,\n  basic_information: 'employment_basic_information',\n  contract_details: 'contract_details',\n  benefits: null,\n  review: null,\n};\n\nconst getLoadingStates = ({\n  isLoadingBasicInformationForm,\n  isLoadingContractDetailsForm,\n  isLoadingEmployment,\n  isLoadingBenefitsOffersSchema,\n  isLoadingBenefitOffers,\n  isLoadingCompany,\n  isLoadingCountries,\n  employmentStatus,\n  employmentId,\n  currentStepName,\n  basicInformationFields,\n  contractDetailsFields,\n}: {\n  isLoadingBasicInformationForm: boolean;\n  isLoadingContractDetailsForm: boolean;\n  isLoadingEmployment: boolean;\n  isLoadingBenefitsOffersSchema: boolean;\n  isLoadingBenefitOffers: boolean;\n  isLoadingCompany: boolean;\n  isLoadingCountries: boolean;\n  employmentStatus?: Employment['status'];\n  employmentId?: string;\n  currentStepName: string;\n  basicInformationFields: Fields;\n  contractDetailsFields: Fields;\n}) => {\n  const initialLoading =\n    isLoadingBasicInformationForm ||\n    isLoadingContractDetailsForm ||\n    isLoadingEmployment ||\n    isLoadingBenefitsOffersSchema ||\n    isLoadingBenefitOffers ||\n    isLoadingCompany ||\n    isLoadingCountries;\n\n  const isEmploymentReadOnly =\n    employmentStatus &&\n    reviewStepAllowedEmploymentStatus.includes(employmentStatus);\n\n  const shouldHandleReadOnlyEmployment = Boolean(\n    employmentId && isEmploymentReadOnly && currentStepName !== 'review',\n  );\n\n  const isLoading = initialLoading || shouldHandleReadOnlyEmployment;\n\n  const isNavigatingToReview = Boolean(\n    shouldHandleReadOnlyEmployment &&\n      !initialLoading &&\n      basicInformationFields.length > 0 &&\n      contractDetailsFields.length > 0,\n  );\n\n  return { isLoading, isNavigatingToReview, isEmploymentReadOnly };\n};\n\nexport const useOnboarding = ({\n  employmentId,\n  companyId,\n  countryCode,\n  type,\n  options,\n  skipSteps,\n}: OnboardingHookProps) => {\n  const fieldsMetaRef = useRef<{\n    select_country: Meta;\n    basic_information: Meta;\n    contract_details: Meta;\n    benefits: Meta;\n  }>({\n    select_country: {},\n    basic_information: {},\n    contract_details: {},\n    benefits: {},\n  });\n  const [internalEmploymentId, setInternalEmploymentId] = useState<\n    string | undefined\n  >(employmentId);\n  const [internalCountryCode, setInternalCountryCode] = useState<string | null>(\n    countryCode || null,\n  );\n  const {\n    data: employment,\n    isLoading: isLoadingEmployment,\n    refetch: refetchEmployment,\n  } = useEmployment(internalEmploymentId);\n\n  // if the employment is loaded, country code has not been set yet\n  // we set the internal country code with the employment country code\n  if (\n    employment?.country?.code &&\n    internalCountryCode !== employment.country.code\n  ) {\n    setInternalCountryCode(employment.country.code);\n  }\n\n  const { data: benefitOffers, isLoading: isLoadingBenefitOffers } =\n    useBenefitOffers(internalEmploymentId);\n  const {\n    data: company,\n    isLoading: isLoadingCompany,\n    refetch: refetchCompany,\n  } = useCompany(companyId);\n  const stepsToUse = skipSteps?.includes('select_country')\n    ? STEPS_WITHOUT_SELECT_COUNTRY\n    : STEPS;\n\n  const {\n    fieldValues,\n    stepState,\n    setFieldValues,\n    previousStep,\n    nextStep,\n    goToStep,\n    setStepValues,\n  } = useStepState(\n    stepsToUse as Record<keyof typeof STEPS, Step<keyof typeof STEPS>>,\n  );\n\n  const { selectCountryForm, isLoading: isLoadingCountries } =\n    useCountriesSchemaField({\n      jsfModify: options?.jsfModify?.select_country,\n      jsonSchemaVersion: options?.jsonSchemaVersion,\n      queryOptions: {\n        enabled: stepState.currentStep.name === 'select_country',\n      },\n    });\n\n  const createEmploymentMutation = useCreateEmployment(options);\n  const updateEmploymentMutation = useUpdateEmployment(options);\n  const updateBenefitsOffersMutation = useUpdateBenefitsOffers(options);\n  const updateContractEligibilityMutation = useUpsertContractEligibility();\n  const { mutateAsync: createEmploymentMutationAsync } = mutationToPromise(\n    createEmploymentMutation,\n  );\n  const { mutateAsync: updateEmploymentMutationAsync } = mutationToPromise(\n    updateEmploymentMutation,\n  );\n  const { mutateAsync: updateBenefitsOffersMutationAsync } = mutationToPromise(\n    updateBenefitsOffersMutation,\n  );\n\n  const formType =\n    stepToFormSchemaMap[stepState.currentStep.name] ||\n    'employment_basic_information';\n  const employmentKey = jsonSchemaToEmployment[formType] as keyof Employment;\n  const serverEmploymentData = (employment?.[employmentKey] || {}) as Record<\n    string,\n    unknown\n  >;\n\n  const useJSONSchema = ({\n    form,\n    options: jsonSchemaOptions = {},\n  }: {\n    form: JSONSchemaFormType;\n    options?: {\n      jsfModify?: JSFModify;\n      queryOptions?: { enabled?: boolean };\n    };\n  }) => {\n    return useJSONSchemaForm({\n      countryCode: internalCountryCode as string,\n      form: form,\n      fieldValues:\n        Object.keys(fieldValues).length > 0\n          ? {\n              ...stepState.values?.[stepState.currentStep.name], // Restore values for the current step\n              ...fieldValues,\n            }\n          : serverEmploymentData,\n      options: {\n        ...jsonSchemaOptions,\n        queryOptions: {\n          enabled: jsonSchemaOptions.queryOptions?.enabled ?? true,\n        },\n      },\n    });\n  };\n\n  const isBasicInformationDetailsEnabled = Boolean(\n    internalCountryCode &&\n      (stepState.currentStep.name === 'basic_information' ||\n        Boolean(employmentId)),\n  );\n\n  const isContractDetailsEnabled = Boolean(\n    internalCountryCode &&\n      (stepState.currentStep.name === 'contract_details' ||\n        Boolean(employmentId)),\n  );\n\n  const {\n    data: basicInformationForm,\n    isLoading: isLoadingBasicInformationForm,\n  } = useJSONSchema({\n    form: 'employment_basic_information',\n    options: {\n      jsfModify: options?.jsfModify?.basic_information,\n      queryOptions: {\n        enabled: isBasicInformationDetailsEnabled,\n      },\n    },\n  });\n\n  const annualGrossSalaryField =\n    options?.jsfModify?.contract_details?.fields?.annual_gross_salary;\n  const annualSalaryFieldPresentation =\n    annualGrossSalaryField &&\n    typeof annualGrossSalaryField === 'object' &&\n    'presentation' in annualGrossSalaryField\n      ? (\n          annualGrossSalaryField as {\n            presentation?: {\n              annual_gross_salary_conversion_properties?: {\n                label?: string;\n                description?: string;\n              };\n            };\n          }\n        ).presentation\n      : undefined;\n\n  const customFields = {\n    fields: {\n      annual_gross_salary: {\n        ...annualGrossSalaryField,\n        presentation: {\n          annual_gross_salary_conversion_properties: {\n            label:\n              annualSalaryFieldPresentation\n                ?.annual_gross_salary_conversion_properties?.label,\n            description:\n              annualSalaryFieldPresentation\n                ?.annual_gross_salary_conversion_properties?.description,\n          },\n          desiredCurrency: company?.desired_currency,\n          Component: (props: JSFField & { currency: string }) => {\n            return (\n              <AnnualGrossSalary\n                desiredCurrency={company?.desired_currency || ''}\n                {...props}\n              />\n            );\n          },\n        },\n      },\n    },\n  };\n\n  const { data: contractDetailsForm, isLoading: isLoadingContractDetailsForm } =\n    useJSONSchema({\n      form: 'contract_details',\n      options: {\n        jsfModify: {\n          ...options?.jsfModify?.contract_details,\n          fields: {\n            ...options?.jsfModify?.contract_details?.fields,\n            ...customFields.fields,\n          },\n        },\n        queryOptions: {\n          enabled: isContractDetailsEnabled,\n        },\n      },\n    });\n\n  const {\n    data: benefitOffersSchema,\n    isLoading: isLoadingBenefitsOffersSchema,\n  } = useBenefitOffersSchema(\n    internalEmploymentId as string,\n    fieldValues,\n    options,\n  );\n\n  const initialValuesBenefitOffers = useMemo(() => {\n    if (stepState.currentStep.name === 'benefits') {\n      const benefitsFormValues = {\n        ...stepState.values?.[stepState.currentStep.name as keyof typeof STEPS], // Restore values for the current step\n        ...fieldValues,\n      };\n      return mergeWith({}, benefitOffers, benefitsFormValues);\n    }\n    return {};\n  }, [\n    stepState.currentStep.name,\n    benefitOffers,\n    stepState.values,\n    fieldValues,\n  ]);\n\n  const stepFields: Record<keyof typeof STEPS, Fields> = {\n    select_country: selectCountryForm?.fields || [],\n    basic_information: basicInformationForm?.fields || [],\n    contract_details: contractDetailsForm?.fields || [],\n    benefits: benefitOffersSchema?.fields || [],\n    review: [],\n  };\n\n  const stepFieldsWithFlatFieldsets: Record<\n    keyof typeof STEPS,\n    JSFFieldset | null | undefined\n  > = {\n    select_country: null,\n    basic_information: basicInformationForm?.meta['x-jsf-fieldsets'],\n    contract_details: contractDetailsForm?.meta['x-jsf-fieldsets'],\n    benefits: null,\n    review: null,\n  };\n\n  const {\n    country: { code: employmentCountryCode } = {},\n    basic_information: employmentBasicInformation = {},\n    contract_details: employmentContractDetails = {},\n    status: employmentStatus,\n  } = employment || {};\n  const currentStepName = stepState.currentStep.name;\n\n  const selectCountryInitialValues = useMemo(\n    () =>\n      getInitialValues(stepFields.select_country, {\n        country: internalCountryCode || employmentCountryCode || '',\n      }),\n    [stepFields.select_country, internalCountryCode, employmentCountryCode],\n  );\n\n  const basicInformationInitialValues = useMemo(\n    () =>\n      getInitialValues(\n        stepFields.basic_information,\n        employmentBasicInformation || {},\n      ),\n    [stepFields.basic_information, employmentBasicInformation],\n  );\n\n  const contractDetailsInitialValues = useMemo(\n    () =>\n      getInitialValues(\n        stepFields.contract_details,\n        employmentContractDetails || {},\n      ),\n    [stepFields.contract_details, employmentContractDetails],\n  );\n\n  const benefitsInitialValues = useMemo(\n    () => getInitialValues(stepFields.benefits, initialValuesBenefitOffers),\n    [stepFields.benefits, initialValuesBenefitOffers],\n  );\n\n  const initialValues = useMemo(\n    () => ({\n      select_country: selectCountryInitialValues,\n      basic_information: basicInformationInitialValues,\n      contract_details: contractDetailsInitialValues,\n      benefits: benefitsInitialValues,\n    }),\n    [\n      selectCountryInitialValues,\n      basicInformationInitialValues,\n      contractDetailsInitialValues,\n      benefitsInitialValues,\n    ],\n  );\n\n  const { isLoading, isNavigatingToReview, isEmploymentReadOnly } = useMemo(\n    () =>\n      getLoadingStates({\n        isLoadingBasicInformationForm,\n        isLoadingContractDetailsForm,\n        isLoadingEmployment,\n        isLoadingBenefitsOffersSchema,\n        isLoadingBenefitOffers,\n        isLoadingCompany,\n        isLoadingCountries,\n        employmentId,\n        employmentStatus: employmentStatus,\n        basicInformationFields: stepFields.basic_information,\n        contractDetailsFields: stepFields.contract_details,\n        currentStepName: currentStepName,\n      }),\n    [\n      isLoadingBasicInformationForm,\n      isLoadingContractDetailsForm,\n      isLoadingEmployment,\n      isLoadingBenefitsOffersSchema,\n      isLoadingBenefitOffers,\n      isLoadingCompany,\n      isLoadingCountries,\n      employmentId,\n      employmentStatus,\n      stepFields.basic_information,\n      stepFields.contract_details,\n      currentStepName,\n    ],\n  );\n\n  useEffect(() => {\n    if (isNavigatingToReview) {\n      fieldsMetaRef.current = {\n        select_country: prettifyFormValues(\n          selectCountryInitialValues,\n          stepFields.select_country,\n        ),\n        basic_information: prettifyFormValues(\n          basicInformationInitialValues,\n          stepFields.basic_information,\n        ),\n        contract_details: prettifyFormValues(\n          contractDetailsInitialValues,\n          stepFields.contract_details,\n        ),\n        benefits: prettifyFormValues(\n          benefitsInitialValues,\n          stepFields.benefits,\n        ),\n      };\n\n      setStepValues({\n        select_country: selectCountryInitialValues,\n        basic_information: basicInformationInitialValues,\n        contract_details: contractDetailsInitialValues,\n        benefits: benefitsInitialValues,\n        review: {},\n      });\n\n      goToStep('review');\n    }\n  }, [\n    basicInformationInitialValues,\n    benefitsInitialValues,\n    contractDetailsInitialValues,\n    goToStep,\n    isNavigatingToReview,\n    selectCountryInitialValues,\n    setStepValues,\n    stepFields.basic_information,\n    stepFields.benefits,\n    stepFields.contract_details,\n    stepFields.select_country,\n  ]);\n\n  const parseFormValues = (values: FieldValues) => {\n    if (selectCountryForm && stepState.currentStep.name === 'select_country') {\n      return values;\n    }\n    if (\n      basicInformationForm &&\n      stepState.currentStep.name === 'basic_information'\n    ) {\n      return parseJSFToValidate(values, basicInformationForm?.fields, {\n        isPartialValidation: false,\n      });\n    }\n\n    if (\n      contractDetailsForm &&\n      stepState.currentStep.name === 'contract_details'\n    ) {\n      return parseJSFToValidate(values, contractDetailsForm?.fields, {\n        isPartialValidation: false,\n      });\n    }\n\n    return {};\n  };\n\n  async function onSubmit(values: FieldValues) {\n    // Prettify values for the current step\n    const currentStepName = stepState.currentStep.name;\n    if (currentStepName in fieldsMetaRef.current) {\n      fieldsMetaRef.current[\n        currentStepName as keyof typeof fieldsMetaRef.current\n      ] = prettifyFormValues(values, stepFields[currentStepName]);\n    }\n\n    const parsedValues = parseFormValues(values);\n    refetchCompany();\n    switch (stepState.currentStep.name) {\n      case 'select_country': {\n        setInternalCountryCode(parsedValues.country);\n        return Promise.resolve({ data: { countryCode: parsedValues.country } });\n      }\n      case 'basic_information': {\n        const isEmploymentNotLoaded =\n          !internalEmploymentId && internalCountryCode;\n        const hasChangedCountry =\n          internalEmploymentId &&\n          internalCountryCode &&\n          employment?.country &&\n          employment?.country.code !== internalCountryCode;\n        if (isEmploymentNotLoaded || hasChangedCountry) {\n          const payload: EmploymentCreateParams = {\n            basic_information: parsedValues,\n            type: type,\n            country_code: internalCountryCode,\n          };\n          try {\n            const response = await createEmploymentMutationAsync(payload);\n            // @ts-expect-error the types from the response are not matching\n            const employmentId = response.data?.data?.employment?.id;\n            setInternalEmploymentId(employmentId);\n            await updateContractEligibilityMutation.mutateAsync({\n              employmentId: employmentId,\n              eligible_to_work_in_residing_country: 'citizen',\n              employer_or_work_restrictions: false,\n            });\n\n            return response;\n          } catch (error) {\n            console.error('Error creating onboarding:', error);\n            throw error;\n          }\n        } else if (internalEmploymentId) {\n          return updateEmploymentMutationAsync({\n            employmentId: internalEmploymentId,\n            basic_information: parsedValues,\n            pricing_plan_details: {\n              frequency: 'monthly',\n            },\n          });\n        }\n\n        return;\n      }\n      case 'contract_details': {\n        const payload: EmploymentFullParams = {\n          contract_details: parsedValues,\n          pricing_plan_details: {\n            frequency: 'monthly',\n          },\n        };\n        return updateEmploymentMutationAsync({\n          employmentId: internalEmploymentId as string,\n          ...payload,\n        });\n      }\n\n      case 'benefits': {\n        return updateBenefitsOffersMutationAsync({\n          employmentId: internalEmploymentId as string,\n          ...values,\n        });\n      }\n    }\n    return;\n  }\n\n  function back() {\n    previousStep();\n  }\n\n  function next() {\n    nextStep();\n  }\n\n  function goTo(step: keyof typeof STEPS) {\n    goToStep(step);\n  }\n\n  return {\n    /**\n     * Employment id passed useful to be used between components\n     */\n    employmentId: internalEmploymentId,\n\n    /**\n     * Credit risk status of the company, useful to know what to to show in the review step\n     * The possible values are:\n     * - not_started\n     * - ready\n     * - in_progress\n     * - referred\n     * - fail\n     * - deposit_required\n     * - no_deposit_required\n     */\n\n    creditRiskStatus: company?.default_legal_entity_credit_risk_status,\n    /**\n     * Current state of the form fields for the current step.\n     */\n    fieldValues,\n    /**\n     * Current step state containing the current step and total number of steps\n     */\n    stepState,\n    /**\n     * Array of form fields from the onboarding schema\n     */\n    fields: stepFields[stepState.currentStep.name],\n    /**\n     * Loading state indicating if the onboarding schema is being fetched\n     */\n    isLoading: isLoading,\n    /**\n     * Loading state indicating if the onboarding mutation is in progress\n     */\n    isSubmitting:\n      createEmploymentMutation.isPending ||\n      updateEmploymentMutation.isPending ||\n      updateBenefitsOffersMutation.isPending,\n    /**\n     * Initial form values\n     */\n    initialValues,\n    /**\n     * Function to validate form values against the onboarding schema\n     * @param values - Form values to validate\n     * @returns Validation result or null if no schema is available\n     */\n    handleValidation: (values: FieldValues) => {\n      if (stepState.currentStep.name === 'select_country') {\n        return selectCountryForm.handleValidation(values);\n      }\n      if (stepState.currentStep.name === 'benefits' && benefitOffersSchema) {\n        const parsedValues = parseJSFToValidate(\n          values,\n          benefitOffersSchema?.fields,\n          { isPartialValidation: false },\n        );\n\n        return benefitOffersSchema?.handleValidation(parsedValues);\n      }\n      if (\n        basicInformationForm &&\n        stepState.currentStep.name === 'basic_information'\n      ) {\n        const parsedValues = parseJSFToValidate(\n          values,\n          basicInformationForm?.fields,\n          { isPartialValidation: false },\n        );\n        return basicInformationForm?.handleValidation(parsedValues);\n      }\n\n      if (\n        contractDetailsForm &&\n        stepState.currentStep.name === 'contract_details'\n      ) {\n        const parsedValues = parseJSFToValidate(\n          values,\n          contractDetailsForm?.fields,\n          { isPartialValidation: false },\n        );\n        return contractDetailsForm?.handleValidation(parsedValues);\n      }\n\n      return null;\n    },\n    /**\n     * Function to update the current form field values\n     * @param values - New form values to set\n     */\n    checkFieldUpdates: setFieldValues,\n\n    /**\n     * Function to parse form values before submission\n     * @param values - Form values to parse\n     * @returns Parsed form values\n     */\n    parseFormValues,\n\n    /**\n     * Function to handle form submission\n     * @param values - Form values to submit\n     * @returns Promise resolving to the mutation result\n     */\n    onSubmit,\n\n    /**\n     * Function to handle going back to the previous step\n     * @returns {void}\n     */\n    back,\n\n    /**\n     * Function to handle going to the next step\n     * @returns {void}\n     */\n    next,\n\n    /**\n     * Function to handle going to a specific step\n     * @param step The step to go to.\n     * @returns {void}\n     */\n    goTo,\n\n    /**\n     * Fields metadata for each step\n     */\n    meta: {\n      fields: fieldsMetaRef.current,\n      fieldsets: stepFieldsWithFlatFieldsets[stepState.currentStep.name],\n    },\n\n    /**\n     * Function to refetch the employment data\n     * @returns {void}\n     */\n    refetchEmployment,\n    /**\n     * Employment data\n     */\n    employment,\n\n    /**\n     * let's the user know that the employment cannot be edited, happens when employment.status is invited, created_awaiting_reserve or created_reserve_paid\n     * @returns {boolean}\n     */\n    isEmploymentReadOnly,\n  };\n};\n"],"mappings":"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","names":["useEffect","useMemo","useRef","useState","mergeWith","jsx","jsonSchemaToEmployment","stepToFormSchemaMap","getLoadingStates","__name","isLoadingBasicInformationForm","isLoadingContractDetailsForm","isLoadingEmployment","isLoadingBenefitsOffersSchema","isLoadingBenefitOffers","isLoadingCompany","isLoadingCountries","employmentStatus","employmentId","currentStepName","basicInformationFields","contractDetailsFields","initialLoading","isEmploymentReadOnly","reviewStepAllowedEmploymentStatus","shouldHandleReadOnlyEmployment","isLoading","isNavigatingToReview","useOnboarding","companyId","countryCode","type","options","skipSteps","fieldsMetaRef","useRef","internalEmploymentId","setInternalEmploymentId","useState","internalCountryCode","setInternalCountryCode","employment","refetchEmployment","useEmployment","benefitOffers","useBenefitOffers","company","refetchCompany","useCompany","stepsToUse","STEPS_WITHOUT_SELECT_COUNTRY","STEPS","fieldValues","stepState","setFieldValues","previousStep","nextStep","goToStep","setStepValues","useStepState","selectCountryForm","useCountriesSchemaField","createEmploymentMutation","useCreateEmployment","updateEmploymentMutation","useUpdateEmployment","updateBenefitsOffersMutation","useUpdateBenefitsOffers","updateContractEligibilityMutation","useUpsertContractEligibility","createEmploymentMutationAsync","mutationToPromise","updateEmploymentMutationAsync","updateBenefitsOffersMutationAsync","formType","employmentKey","serverEmploymentData","useJSONSchema","form","jsonSchemaOptions","useJSONSchemaForm","isBasicInformationDetailsEnabled","isContractDetailsEnabled","basicInformationForm","annualGrossSalaryField","annualSalaryFieldPresentation","customFields","props","AnnualGrossSalary","contractDetailsForm","benefitOffersSchema","useBenefitOffersSchema","initialValuesBenefitOffers","useMemo","benefitsFormValues","mergeWith","stepFields","stepFieldsWithFlatFieldsets","employmentCountryCode","employmentBasicInformation","employmentContractDetails","selectCountryInitialValues","getInitialValues","basicInformationInitialValues","contractDetailsInitialValues","benefitsInitialValues","initialValues","useEffect","prettifyFormValues","parseFormValues","values","parseJSFToValidate","onSubmit","parsedValues","isEmploymentNotLoaded","hasChangedCountry","payload","response","error","back","next","goTo","step"]}

package/dist/{chunk-EPLIVM3Y.js → chunk-4TJM5BGM.js}

@@ -1,2 +1,2 @@
-import{a}from"./chunk-RXK4RLF6.js";import{a as c}from"./chunk-AIEAUPO6.js";import{a as e}from"./chunk-CTTXXEWI.js";import{a as m}from"./chunk-CSU6IQX3.js";import{a as r}from"./chunk-3QGKRPQ6.js";import{a as o}from"./chunk-TVZAFTPT.js";import{a as n}from"./chunk-P37U34EQ.js";import{useId as f}from"react";import{jsx as s}from"react/jsx-runtime";function k({employmentId:d,countryCode:C,options:p,render:A}){let t=c({employmentId:d,countryCode:C,options:p}),i=f();return s(o.Provider,{value:{formId:i,contractAmendmentBag:t},children:A({contractAmendmentBag:t,components:{Form:r,SubmitButton:a,ConfirmationForm:m,BackButton:e}})})}n(k,"ContractAmendmentFlow");export{k as a};
-//# sourceMappingURL=chunk-EPLIVM3Y.js.map
+import{a}from"./chunk-RXK4RLF6.js";import{a as c}from"./chunk-FBH65XSW.js";import{a as e}from"./chunk-CTTXXEWI.js";import{a as m}from"./chunk-OQKQUCGJ.js";import{a as r}from"./chunk-5MCOAQZT.js";import{a as o}from"./chunk-TVZAFTPT.js";import{a as n}from"./chunk-P37U34EQ.js";import{useId as f}from"react";import{jsx as s}from"react/jsx-runtime";function k({employmentId:d,countryCode:C,options:p,render:A}){let t=c({employmentId:d,countryCode:C,options:p}),i=f();return s(o.Provider,{value:{formId:i,contractAmendmentBag:t},children:A({contractAmendmentBag:t,components:{Form:r,SubmitButton:a,ConfirmationForm:m,BackButton:e}})})}n(k,"ContractAmendmentFlow");export{k as a};
+//# sourceMappingURL=chunk-4TJM5BGM.js.map

package/dist/{chunk-5SMMQQXP.js → chunk-5B53X4DT.js}

@@ -1,2 +1,2 @@
-import{b as a}from"./chunk-MH6KKP6K.js";import{a as r}from"./chunk-P37U34EQ.js";var m={form:{index:0,name:"form"},confirmation_form:{index:1,name:"confirmation_form"}};function _(t,o){if(!t)return{};if(!o)return{...t.data.employment?.contract_details,effective_date:"",reason_for_change:"",job_title:t.data.employment?.job_title,additional_comments:"",annual_gross_salary:a(t.data.employment?.contract_details?.annual_gross_salary)};let s=o.map(n=>n.name),i=Object.keys(t?.data?.employment?.contract_details||{});return{...s.reduce((n,e)=>{if(i.includes(e)){let c=t?.data?.employment?.contract_details;n[e]=c[e]}return n},{}),effective_date:"",reason_for_change:"",job_title:t.data.employment?.job_title,additional_comments:"",annual_gross_salary:a(t.data.employment?.contract_details?.annual_gross_salary),additional_comments_toggle:!1}}r(_,"buildInitialValues");export{m as a,_ as b};
-//# sourceMappingURL=chunk-5SMMQQXP.js.map
+import{b as a}from"./chunk-G42IXTZ3.js";import{a as r}from"./chunk-P37U34EQ.js";var m={form:{index:0,name:"form"},confirmation_form:{index:1,name:"confirmation_form"}};function _(t,o){if(!t)return{};if(!o)return{...t.data.employment?.contract_details,effective_date:"",reason_for_change:"",job_title:t.data.employment?.job_title,additional_comments:"",annual_gross_salary:a(t.data.employment?.contract_details?.annual_gross_salary)};let s=o.map(n=>n.name),i=Object.keys(t?.data?.employment?.contract_details||{});return{...s.reduce((n,e)=>{if(i.includes(e)){let c=t?.data?.employment?.contract_details;n[e]=c[e]}return n},{}),effective_date:"",reason_for_change:"",job_title:t.data.employment?.job_title,additional_comments:"",annual_gross_salary:a(t.data.employment?.contract_details?.annual_gross_salary),additional_comments_toggle:!1}}r(_,"buildInitialValues");export{m as a,_ as b};
+//# sourceMappingURL=chunk-5B53X4DT.js.map

package/dist/{chunk-3QGKRPQ6.js → chunk-5MCOAQZT.js}

@@ -1,2 +1,2 @@
-import{a as p}from"./chunk-3BIRQAED.js";import{b as l}from"./chunk-CFIJKJXD.js";import{a as f}from"./chunk-VNSF5IOL.js";import{c as u}from"./chunk-MH6KKP6K.js";import{b as F}from"./chunk-TVZAFTPT.js";import{a as r}from"./chunk-P37U34EQ.js";import{useEffect as P}from"react";import{useForm as R}from"react-hook-form";import{jsx as a}from"react/jsx-runtime";var w=["effective_date","reason_for_change","reason_for_change_description","additional_comments","additional_comments_toggle"];function x({onSubmit:_,onError:m,onSuccess:b}){let{formId:A,contractAmendment:{checkFieldUpdates:C,fields:s,onSubmit:h,stepState:S,initialValues:i,handleValidation:g}}=F(),y=l(g),e=R({resolver:y,defaultValues:S.values?.form||i,shouldUnregister:!0,mode:"onBlur"});P(()=>{let t=e?.watch(o=>{(Object.keys(e.formState.dirtyFields).length>0||e.formState.isDirty)&&C(o)});return()=>t?.unsubscribe()},[]);let V=r(async t=>{let o=!1;for(let[c,v]of Object.entries(t))if(!w.includes(c)&&i[c]!==v){o=!0;break}if(!o)return m?.({message:"no_changes_detected_contract_details"});let d=u(t,s,{isPartialValidation:!1});await _?.(d);let n=await h(t);n.error?m?.(n.error):await b?.(n.data)},"handleSubmit");return a(f,{...e,children:a("form",{id:A,"data-testid":"contract-amendment-form",onSubmit:e.handleSubmit(V),className:"space-y-4 RemoteFlows__ContractAmendmentForm",children:a(p,{fields:s})})})}r(x,"ContractAmendmentForm");export{x as a};
-//# sourceMappingURL=chunk-3QGKRPQ6.js.map
+import{a as p}from"./chunk-ERFMX2SZ.js";import{b as l}from"./chunk-CFIJKJXD.js";import{a as f}from"./chunk-VNSF5IOL.js";import{c as u}from"./chunk-G42IXTZ3.js";import{b as F}from"./chunk-TVZAFTPT.js";import{a as r}from"./chunk-P37U34EQ.js";import{useEffect as P}from"react";import{useForm as R}from"react-hook-form";import{jsx as a}from"react/jsx-runtime";var w=["effective_date","reason_for_change","reason_for_change_description","additional_comments","additional_comments_toggle"];function x({onSubmit:_,onError:m,onSuccess:b}){let{formId:A,contractAmendment:{checkFieldUpdates:C,fields:s,onSubmit:h,stepState:S,initialValues:i,handleValidation:g}}=F(),y=l(g),e=R({resolver:y,defaultValues:S.values?.form||i,shouldUnregister:!0,mode:"onBlur"});P(()=>{let t=e?.watch(o=>{(Object.keys(e.formState.dirtyFields).length>0||e.formState.isDirty)&&C(o)});return()=>t?.unsubscribe()},[]);let V=r(async t=>{let o=!1;for(let[c,v]of Object.entries(t))if(!w.includes(c)&&i[c]!==v){o=!0;break}if(!o)return m?.({message:"no_changes_detected_contract_details"});let d=u(t,s,{isPartialValidation:!1});await _?.(d);let n=await h(t);n.error?m?.(n.error):await b?.(n.data)},"handleSubmit");return a(f,{...e,children:a("form",{id:A,"data-testid":"contract-amendment-form",onSubmit:e.handleSubmit(V),className:"space-y-4 RemoteFlows__ContractAmendmentForm",children:a(p,{fields:s})})})}r(x,"ContractAmendmentForm");export{x as a};
+//# sourceMappingURL=chunk-5MCOAQZT.js.map

package/dist/{chunk-DOLJU76M.js → chunk-5RNC6C3X.js}

@@ -1,2 +1,2 @@
-import{b as i}from"./chunk-KSHK3ZPX.js";import{a as e}from"./chunk-3BIRQAED.js";import{a as l}from"./chunk-VNSF5IOL.js";import{a as r}from"./chunk-P37U34EQ.js";import{jsx as s}from"react/jsx-runtime";function b({onSubmit:u,onError:c,onSuccess:C,shouldResetForm:n}){let{form:a,formId:d,costCalculatorBag:o}=i(),f=r(async p=>{let m=o?.parseFormValues(p),t=await o?.onSubmit(m);await u?.(m),t?.error?c?.(t.error):t?.data&&(await C?.(t?.data),n&&(o?.resetForm(),a.reset()))},"handleSubmit");return s(l,{...a,children:s("form",{id:d,onSubmit:a.handleSubmit(f),className:"space-y-4 RemoteFlows__CostCalculatorForm",children:s(e,{fields:o?.fields??[]})})})}r(b,"CostCalculatorForm");export{b as a};
-//# sourceMappingURL=chunk-DOLJU76M.js.map
+import{b as i}from"./chunk-KSHK3ZPX.js";import{a as e}from"./chunk-ERFMX2SZ.js";import{a as l}from"./chunk-VNSF5IOL.js";import{a as r}from"./chunk-P37U34EQ.js";import{jsx as s}from"react/jsx-runtime";function b({onSubmit:u,onError:c,onSuccess:C,shouldResetForm:n}){let{form:a,formId:d,costCalculatorBag:o}=i(),f=r(async p=>{let m=o?.parseFormValues(p),t=await o?.onSubmit(m);await u?.(m),t?.error?c?.(t.error):t?.data&&(await C?.(t?.data),n&&(o?.resetForm(),a.reset()))},"handleSubmit");return s(l,{...a,children:s("form",{id:d,onSubmit:a.handleSubmit(f),className:"space-y-4 RemoteFlows__CostCalculatorForm",children:s(e,{fields:o?.fields??[]})})})}r(b,"CostCalculatorForm");export{b as a};
+//# sourceMappingURL=chunk-5RNC6C3X.js.map

package/dist/{chunk-SIC7BRJ2.js → chunk-6AVZ2OMN.js}

@@ -1,2 +1,2 @@
-import{b as f}from"./chunk-MRYRNB7Y.js";import{a as l}from"./chunk-3BIRQAED.js";import{b as s}from"./chunk-CFIJKJXD.js";import{a}from"./chunk-VNSF5IOL.js";import{a as n}from"./chunk-P37U34EQ.js";import{useEffect as y}from"react";import{useForm as T}from"react-hook-form";import{jsx as e}from"react/jsx-runtime";function A({fields:m,onSubmit:d}){let{formId:F,terminationBag:o}=f(),u=s(o.handleValidation),i=T({resolver:u,defaultValues:o?.initialValues,shouldUnregister:!1,mode:"onBlur"});y(()=>{let p=i?.watch(r=>{Object.keys(r).some(t=>r[t]!==o?.initialValues?.[t])&&o?.checkFieldUpdates(r)});return()=>p?.unsubscribe()},[]);let c=m||(o?.fields??[]);return e(a,{...i,children:e("form",{id:F,onSubmit:i.handleSubmit(d),className:"space-y-4 RemoteFlows__TerminationForm",children:e(l,{fields:c})})})}n(A,"TerminationForm");export{A as a};
-//# sourceMappingURL=chunk-SIC7BRJ2.js.map
+import{b as f}from"./chunk-MRYRNB7Y.js";import{a as l}from"./chunk-ERFMX2SZ.js";import{b as s}from"./chunk-CFIJKJXD.js";import{a}from"./chunk-VNSF5IOL.js";import{a as n}from"./chunk-P37U34EQ.js";import{useEffect as y}from"react";import{useForm as T}from"react-hook-form";import{jsx as e}from"react/jsx-runtime";function A({fields:m,onSubmit:d}){let{formId:F,terminationBag:o}=f(),u=s(o.handleValidation),i=T({resolver:u,defaultValues:o?.initialValues,shouldUnregister:!1,mode:"onBlur"});y(()=>{let p=i?.watch(r=>{Object.keys(r).some(t=>r[t]!==o?.initialValues?.[t])&&o?.checkFieldUpdates(r)});return()=>p?.unsubscribe()},[]);let c=m||(o?.fields??[]);return e(a,{...i,children:e("form",{id:F,onSubmit:i.handleSubmit(d),className:"space-y-4 RemoteFlows__TerminationForm",children:e(l,{fields:c})})})}n(A,"TerminationForm");export{A as a};
+//# sourceMappingURL=chunk-6AVZ2OMN.js.map

package/dist/chunk-6ID67VGK.js

@@ -0,0 +1,2 @@
+import{a as q}from"./chunk-Y7WTP3MZ.js";import{a as L}from"./chunk-UPRUP24B.js";import{a as A,b as v,c as k,e as T}from"./chunk-MC6FNME3.js";import{a as x}from"./chunk-CFIJKJXD.js";import{c as g}from"./chunk-G42IXTZ3.js";import{a as o}from"./chunk-P37U34EQ.js";import{object as ce}from"yup";import{createHeadlessForm as ie,modify as ne}from"@remoteoss/json-schema-form";import{useMemo as se,useState as P}from"react";import{string as G,ValidationError as U}from"yup";import{jsx as le}from"react/jsx-runtime";var j={title:"Estimation",includeBenefits:!1,includeCostBreakdowns:!1,includePremiumBenefits:!1,enableCurrencyConversion:!1},ae=o(t=>{let{schema:i}=ne(L.data.schema,t?.jsfModify||{});return ie(i)},"useStaticSchema"),be=o(({defaultRegion:t,estimationOptions:i,options:n,version:l}={estimationOptions:j})=>{let[p,m]=P(t),[f,M]=P(),[B,I]=P(),{data:C,isLoading:N}=A({includePremiumBenefits:i.includePremiumBenefits}),{data:E,isLoading:z}=v(),D=p||f?.value,{data:S,isLoading:K}=T(D,{includePremiumBenefits:i.includePremiumBenefits,options:n}),w=k(),O=f?.currency,c=n?.jsfModify?.fields?.salary,y=c&&typeof c=="object"&&"presentation"in c?c.presentation:void 0,Q=se(()=>({fields:{salary:{...c,presentation:{salary_conversion_properties:{label:y?.salary_conversion_properties?.label,description:y?.salary_conversion_properties?.description},currencies:{from:O,to:B},Component:o(e=>le(q,{...e}),"Component")}}}}),[O,B,c,y?.salary_conversion_properties?.description,y?.salary_conversion_properties?.label]),u=ae({jsfModify:{fields:{...n?.jsfModify?.fields,...Q?.fields}}});async function W(e){try{await b.validate(e,{abortEarly:!1})}catch(r){return{data:null,error:r}}return new Promise((r,s)=>{w.mutate(H(e,i,l),{onSuccess:o(a=>{a.data?r({data:a.data,error:null}):r({data:null,error:new Error("Something went wrong. Please try again later.")})},"onSuccess"),onError:o(a=>{s({data:null,error:a})},"onError")})})}o(W,"onSubmit");function X(e){let r=C?.find(({value:s})=>s===e);r&&r.childRegions.length===0&&r.hasAdditionalFields?m(r.regionSlug):m(void 0),M(r)}o(X,"onCountryChange");function Y(e){m(e)}o(Y,"onRegionChange");function Z(e){let r=E?.find(s=>s.value===e)?.label;I(r)}o(Z,"onChangeCurrency");let d=u.fields.find(e=>e.name==="region");if(d){let e=f?.childRegions.map(r=>({value:r.slug,label:r.name}))??[];d.options=e,d.isVisible=e.length>0,d.required=e.length>0,d.onChange=Y,d.schema=e.length>0?G().transform(r=>typeof r=="string"?r:"").required("Region is required"):G()}if(E){let e=u.fields.find(r=>r.name==="currency");e&&(e.options=E,e.onChange=Z)}if(C){let e=u.fields.find(r=>r.name==="country");e&&(e.options=C,e.onChange=X)}let ee=o(()=>{M(void 0),m(t)},"resetForm"),J=[...u.fields,...S?.fields||[]],b=$(u.fields);async function re(e){let r=null,s=g(e,J);try{await b.validate(s,{abortEarly:!1}),r={formErrors:{},yupError:new U([],e)}}catch(F){let V=x(F);r={formErrors:Object.entries(V).reduce((R,[te,oe])=>({...R,[te]:oe.message}),{}),yupError:F}}let a=S?.handleValidation(s),h=[...r?.yupError.inner||[],...a?.yupError?.inner||[]],_={...r?.yupError?.value||{},...a?.yupError?.value||{}};return{formErrors:{...r?.formErrors||{},...a?.formErrors||{}},yupError:new U(h,_)}}return o(re,"handleValidation"),{stepState:{current:0,total:1,isLastStep:!0},fields:J,validationSchema:b,parseFormValues:o(e=>{let{country:r,region:s,salary:a,currency:h,..._}=e,V=g({country:r,region:s,salary:a,currency:h},u.fields),R=g(_,S?.fields||[]);return{...V,...R}},"parseFormValues"),handleValidation:re,isSubmitting:w.isPending,isLoading:N&&z&&K,onSubmit:W,resetForm:ee}},"useCostCalculator");function $(t){let i=t.reduce((n,l)=>(n[l.name]=l.schema,n),{});return ce(i)}o($,"buildValidationSchema");function ue(t){let i="benefit-";return Object.keys(t).reduce((n,l)=>{let p=t[l];if(p==="none")return n;let f={benefit_group_slug:l.replace(i,""),benefit_tier_slug:p};return[...n,f]},[])}o(ue,"formatBenefits");function H(t,i=j,n="standard"){return{employer_currency_slug:t.currency,include_benefits:i.includeBenefits,include_cost_breakdowns:i.includeCostBreakdowns,include_premium_benefits:i.includePremiumBenefits,employments:[{region_slug:t.region||t.country,annual_gross_salary_in_employer_currency:t.salary,employment_term:t.contract_duration_type??"fixed",title:i.title,age:t.age??void 0,...t.benefits&&{benefits:ue(t.benefits)},...n==="standard"&&{annual_gross_salary:t.salary}}]}}o(H,"buildPayload");export{$ as a,H as b,j as c,be as d};
+//# sourceMappingURL=chunk-6ID67VGK.js.map

package/dist/chunk-6ID67VGK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/flows/CostCalculator/utils.ts","../src/flows/CostCalculator/hooks.tsx"],"sourcesContent":["import type { CostCalculatorEstimateParams } from '@/src/client';\n\nimport { $TSFixMe } from '@/src/types/remoteFlows';\nimport { AnyObjectSchema, object } from 'yup';\nimport { CostCalculatorVersion, defaultEstimationOptions } from './hooks';\nimport type {\n  CostCalculatorEstimationOptions,\n  CostCalculatorEstimationSubmitValues,\n} from './types';\n\n/**\n * Build the validation schema for the form.\n * @returns\n */\nexport function buildValidationSchema(fields: $TSFixMe[]) {\n  const fieldsSchema = fields.reduce<Record<string, AnyObjectSchema>>(\n    (fieldsSchemaAcc, field) => {\n      fieldsSchemaAcc[field.name] = field.schema as AnyObjectSchema;\n      return fieldsSchemaAcc;\n    },\n    {},\n  );\n  return object(fieldsSchema) as AnyObjectSchema;\n}\n\n/**\n * Format the benefits to the expected format by the API.\n * @param benefits\n * @returns\n */\nfunction formatBenefits(benefits: Record<string, string>) {\n  const needle = 'benefit-';\n  return Object.keys(benefits).reduce<\n    Array<{ benefit_group_slug: string; benefit_tier_slug: string }>\n  >((acc, key) => {\n    const benefitTierSlug = benefits[key];\n    if (benefitTierSlug === 'none') {\n      return acc;\n    }\n    const benefitGroupSlug = key.replace(needle, '');\n    const benefitEntry = {\n      benefit_group_slug: benefitGroupSlug,\n      benefit_tier_slug: benefitTierSlug,\n    };\n    return [...acc, benefitEntry];\n  }, []);\n}\n\n/**\n * Build the payload for the cost calculator estimation.\n * @param values\n * @param estimationOptions\n * @returns\n */\nexport function buildPayload(\n  values: CostCalculatorEstimationSubmitValues,\n  estimationOptions: CostCalculatorEstimationOptions = defaultEstimationOptions,\n  version: CostCalculatorVersion = 'standard',\n): CostCalculatorEstimateParams {\n  return {\n    employer_currency_slug: values.currency,\n    include_benefits: estimationOptions.includeBenefits,\n    include_cost_breakdowns: estimationOptions.includeCostBreakdowns,\n    include_premium_benefits: estimationOptions.includePremiumBenefits,\n    employments: [\n      {\n        region_slug: values.region || values.country,\n        annual_gross_salary_in_employer_currency: values.salary,\n        employment_term: values.contract_duration_type ?? 'fixed',\n        title: estimationOptions.title,\n        age: values.age ?? undefined,\n        ...(values.benefits && { benefits: formatBenefits(values.benefits) }),\n        ...(version === 'standard' && {\n          annual_gross_salary: values.salary,\n        }),\n      },\n    ],\n  };\n}\n","import {\n  CostCalculatorEstimateResponse,\n  MinimalRegion,\n  PostCreateEstimationError,\n} from '@/src/client';\nimport { jsonSchema } from '@/src/flows/CostCalculator/jsonSchema';\nimport type {\n  CostCalculatorEstimationFormValues,\n  CostCalculatorEstimationOptions,\n  CostCalculatorEstimationSubmitValues,\n} from '@/src/flows/CostCalculator/types';\nimport type { JSFModify, Result } from '@/src/flows/types';\n\nimport { parseJSFToValidate } from '@/src/components/form/utils';\nimport { iterateErrors } from '@/src/components/form/yupValidationResolver';\nimport { createHeadlessForm, modify } from '@remoteoss/json-schema-form';\nimport { useMemo, useState } from 'react';\nimport { string, ValidationError } from 'yup';\nimport { buildPayload, buildValidationSchema } from './utils';\nimport {\n  useCompanyCurrencies,\n  useCostCalculatorCountries,\n  useCostCalculatorEstimation,\n  useRegionFields,\n} from '@/src/flows/CostCalculator/api';\nimport { JSFField } from '@/src/types/remoteFlows';\nimport { SalaryField } from '@/src/flows/CostCalculator/components/SalaryField';\n\nexport type CostCalculatorVersion = 'standard' | 'marketing';\n\ntype CostCalculatorCountry = {\n  value: string;\n  label: string;\n  childRegions: MinimalRegion[];\n  hasAdditionalFields: boolean | undefined;\n  regionSlug: string;\n  currency: string;\n};\n\ntype JSFValidationError = {\n  formErrors: Record<\n    string,\n    {\n      type: string;\n      message: string;\n    }\n  >;\n  yupError: ValidationError;\n};\n\nexport const defaultEstimationOptions: CostCalculatorEstimationOptions = {\n  title: 'Estimation',\n  includeBenefits: false,\n  includeCostBreakdowns: false,\n  includePremiumBenefits: false,\n  enableCurrencyConversion: false,\n};\n\ntype UseCostCalculatorParams = {\n  /**\n   * The default region slug to preselect a country and a region.\n   */\n  defaultRegion?: string;\n  /**\n   * The estimation options.\n   */\n  estimationOptions: CostCalculatorEstimationOptions;\n  options?: {\n    jsfModify?: JSFModify;\n  };\n  version?: CostCalculatorVersion;\n};\n\nexport type EstimationError = PostCreateEstimationError | ValidationError;\n\nconst useStaticSchema = (options?: { jsfModify?: JSFModify }) => {\n  const { schema: jsonSchemaModified } = modify(\n    jsonSchema.data.schema,\n    options?.jsfModify || {},\n  );\n\n  return createHeadlessForm(jsonSchemaModified);\n};\n\n/**\n * Hook to use the cost calculator.\n */\nexport const useCostCalculator = (\n  {\n    defaultRegion,\n    estimationOptions,\n    options,\n    version,\n  }: UseCostCalculatorParams = {\n    estimationOptions: defaultEstimationOptions,\n  },\n) => {\n  const [selectedRegion, setSelectedRegion] = useState<string | undefined>(\n    defaultRegion,\n  );\n  const [selectedCountry, setSelectedCountry] =\n    useState<CostCalculatorCountry>();\n  const [employerBillingCurrency, setEmployerBillingCurrency] = useState<\n    string | undefined\n  >();\n  const { data: countries, isLoading: isLoadingCountries } =\n    useCostCalculatorCountries({\n      includePremiumBenefits: estimationOptions.includePremiumBenefits,\n    });\n  const { data: currencies, isLoading: isLoadingCurrencies } =\n    useCompanyCurrencies();\n\n  const jsonSchemaRegionSlug = selectedRegion || selectedCountry?.value;\n\n  const { data: jsonSchemaRegionFields, isLoading: isLoadingRegionFields } =\n    useRegionFields(jsonSchemaRegionSlug, {\n      includePremiumBenefits: estimationOptions.includePremiumBenefits,\n      options,\n    });\n  const costCalculatorEstimationMutation = useCostCalculatorEstimation();\n  const employeeBillingCurrency = selectedCountry?.currency;\n\n  const salaryField = options?.jsfModify?.fields?.salary;\n  const salaryFieldPresentation =\n    salaryField &&\n    typeof salaryField === 'object' &&\n    'presentation' in salaryField\n      ? (\n          salaryField as {\n            presentation?: {\n              salary_conversion_properties?: {\n                label?: string;\n                description?: string;\n              };\n            };\n          }\n        ).presentation\n      : undefined;\n\n  const customFields = useMemo(() => {\n    return {\n      fields: {\n        salary: {\n          ...salaryField,\n          presentation: {\n            salary_conversion_properties: {\n              label:\n                salaryFieldPresentation?.salary_conversion_properties?.label,\n              description:\n                salaryFieldPresentation?.salary_conversion_properties\n                  ?.description,\n            },\n            currencies: {\n              from: employeeBillingCurrency,\n              to: employerBillingCurrency,\n            },\n            Component: (\n              props: JSFField & { currencies: { from: string; to: string } },\n            ) => {\n              return <SalaryField {...props} />;\n            },\n          },\n        },\n      },\n    };\n  }, [\n    employeeBillingCurrency,\n    employerBillingCurrency,\n    salaryField,\n    salaryFieldPresentation?.salary_conversion_properties?.description,\n    salaryFieldPresentation?.salary_conversion_properties?.label,\n  ]);\n\n  const fieldsJSONSchema = useStaticSchema({\n    jsfModify: {\n      fields: {\n        ...options?.jsfModify?.fields,\n        ...customFields?.fields,\n      },\n    },\n  });\n\n  /**\n   * Submit the estimation form with the given values.\n   * @param values\n   */\n  async function onSubmit(\n    values: CostCalculatorEstimationSubmitValues,\n  ): Promise<Result<CostCalculatorEstimateResponse, EstimationError>> {\n    try {\n      await validationSchema.validate(values, { abortEarly: false });\n    } catch (err) {\n      return {\n        data: null,\n        error: err as ValidationError,\n      };\n    }\n\n    return new Promise((resolve, reject) => {\n      costCalculatorEstimationMutation.mutate(\n        buildPayload(values, estimationOptions, version),\n        {\n          onSuccess: (response) => {\n            if (response.data) {\n              resolve({\n                data: response.data,\n                error: null,\n              });\n            } else {\n              resolve({\n                data: null,\n                error: new Error(\n                  'Something went wrong. Please try again later.',\n                ),\n              });\n            }\n          },\n          onError: (error) => {\n            reject({\n              data: null,\n              error: error as PostCreateEstimationError,\n            });\n          },\n        },\n      );\n    });\n  }\n\n  /**\n   * If the selected country has no child regions and has additional fields,\n   * set the current region to the country's region slug and fetch the region fields.\n   * @param country\n   */\n  function onCountryChange(country: string) {\n    const currentCountry = countries?.find(({ value }) => value === country);\n\n    if (\n      currentCountry &&\n      currentCountry.childRegions.length === 0 &&\n      currentCountry.hasAdditionalFields\n    ) {\n      setSelectedRegion(currentCountry.regionSlug);\n    } else {\n      setSelectedRegion(undefined);\n    }\n    setSelectedCountry(currentCountry);\n  }\n\n  /**\n   * Update the selected region and fetch the region fields.\n   * @param region\n   */\n  function onRegionChange(region: string) {\n    setSelectedRegion(region);\n  }\n\n  function onChangeCurrency(currency: string) {\n    const selectedCurrency = currencies?.find(\n      (c) => c.value === currency,\n    )?.label;\n    setEmployerBillingCurrency(selectedCurrency);\n  }\n\n  const regionField = fieldsJSONSchema.fields.find(\n    (field) => field.name === 'region',\n  );\n\n  if (regionField) {\n    const regions =\n      selectedCountry?.childRegions.map((region) => ({\n        value: region.slug,\n        label: region.name,\n      })) ?? [];\n    regionField.options = regions;\n    regionField.isVisible = regions.length > 0;\n    regionField.required = regions.length > 0;\n    regionField.onChange = onRegionChange;\n    regionField.schema =\n      regions.length > 0\n        ? string()\n            .transform((value) => (typeof value === 'string' ? value : ''))\n            .required('Region is required')\n        : string();\n  }\n\n  if (currencies) {\n    const currencyField = fieldsJSONSchema.fields.find(\n      (field) => field.name === 'currency',\n    );\n    if (currencyField) {\n      currencyField.options = currencies;\n      currencyField.onChange = onChangeCurrency;\n    }\n  }\n\n  if (countries) {\n    const countryField = fieldsJSONSchema.fields.find(\n      (field) => field.name === 'country',\n    );\n    if (countryField) {\n      countryField.options = countries;\n      countryField.onChange = onCountryChange;\n    }\n  }\n\n  const resetForm = () => {\n    setSelectedCountry(undefined);\n    setSelectedRegion(defaultRegion);\n  };\n\n  const allFields = [\n    ...fieldsJSONSchema.fields,\n    ...(jsonSchemaRegionFields?.fields || []),\n  ];\n\n  const validationSchema = buildValidationSchema(fieldsJSONSchema.fields);\n\n  async function handleValidation(values: CostCalculatorEstimationFormValues) {\n    let errors: JSFValidationError | null = null;\n\n    const parsedValues = parseJSFToValidate(values, allFields);\n\n    // 1. validate static fields first using Yup validate function\n    try {\n      await validationSchema.validate(parsedValues, {\n        abortEarly: false,\n      });\n      errors = {\n        formErrors: {},\n        yupError: new ValidationError([], values),\n      };\n    } catch (error) {\n      const iterateResult = iterateErrors(error as ValidationError);\n\n      errors = {\n        // convert the errors to a format that can be used in the form\n        formErrors: Object.entries(iterateResult).reduce(\n          (acc, [key, value]) => ({ ...acc, [key]: value.message }),\n          {},\n        ),\n        yupError: error as ValidationError,\n      };\n    }\n\n    // 2. validate json schema fields using the handleValidation (from json-schema-form)\n    const handleValidationResult =\n      jsonSchemaRegionFields?.handleValidation(parsedValues);\n\n    // 3. combine the errors from both validations\n    const combinedInnerErrors = [\n      ...(errors?.yupError.inner || []),\n      ...(handleValidationResult?.yupError?.inner || []),\n    ];\n    const combinedValues = {\n      ...(errors?.yupError?.value || {}),\n      ...(handleValidationResult?.yupError?.value || {}),\n    };\n\n    return {\n      formErrors: {\n        ...(errors?.formErrors || {}),\n        ...(handleValidationResult?.formErrors || {}),\n      },\n      yupError: new ValidationError(combinedInnerErrors, combinedValues),\n    };\n  }\n\n  return {\n    stepState: {\n      current: 0,\n      total: 1,\n      isLastStep: true,\n    },\n    fields: allFields,\n    validationSchema,\n    parseFormValues: (\n      values: CostCalculatorEstimationFormValues,\n    ): CostCalculatorEstimationSubmitValues => {\n      const { country, region, salary, currency, ...rest } = values;\n      const jsonSchemaStaticFieldValues = {\n        country,\n        region,\n        salary,\n        currency,\n      };\n      const parsedStaticFields = parseJSFToValidate(\n        jsonSchemaStaticFieldValues,\n        fieldsJSONSchema.fields,\n      );\n\n      const parsedRegionFields = parseJSFToValidate(\n        rest,\n        jsonSchemaRegionFields?.fields || [],\n      );\n\n      return {\n        ...parsedStaticFields,\n        ...parsedRegionFields,\n      } as CostCalculatorEstimationSubmitValues;\n    },\n    handleValidation,\n    isSubmitting: costCalculatorEstimationMutation.isPending,\n    isLoading:\n      isLoadingCountries && isLoadingCurrencies && isLoadingRegionFields,\n    onSubmit,\n    resetForm,\n  };\n};\n"],"mappings":"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","names":["object","createHeadlessForm","modify","useMemo","useState","string","ValidationError","jsx","defaultEstimationOptions","useStaticSchema","__name","options","jsonSchemaModified","modify","jsonSchema","createHeadlessForm","useCostCalculator","defaultRegion","estimationOptions","version","selectedRegion","setSelectedRegion","useState","selectedCountry","setSelectedCountry","employerBillingCurrency","setEmployerBillingCurrency","countries","isLoadingCountries","useCostCalculatorCountries","currencies","isLoadingCurrencies","useCompanyCurrencies","jsonSchemaRegionSlug","jsonSchemaRegionFields","isLoadingRegionFields","useRegionFields","costCalculatorEstimationMutation","useCostCalculatorEstimation","employeeBillingCurrency","salaryField","salaryFieldPresentation","customFields","useMemo","props","SalaryField","fieldsJSONSchema","onSubmit","values","validationSchema","err","resolve","reject","buildPayload","response","error","onCountryChange","country","currentCountry","value","onRegionChange","region","onChangeCurrency","currency","selectedCurrency","c","regionField","field","regions","string","currencyField","countryField","resetForm","allFields","buildValidationSchema","handleValidation","errors","parsedValues","parseJSFToValidate","ValidationError","iterateResult","iterateErrors","acc","key","handleValidationResult","combinedInnerErrors","combinedValues","salary","rest","parsedStaticFields","parsedRegionFields","buildValidationSchema","fields","fieldsSchema","fieldsSchemaAcc","field","object","__name","formatBenefits","benefits","needle","acc","key","benefitTierSlug","benefitEntry","buildPayload","values","estimationOptions","defaultEstimationOptions","version"]}

package/dist/chunk-ERFMX2SZ.js

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