@remoteoss/remote-flows 1.55.0 → 1.56.0

package/dist/PayrollAdminOnboarding-Byn90Nuf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PayrollAdminOnboarding-Byn90Nuf.js","names":[],"sources":["../src/flows/PayrollAdminOnboarding/json-schemas/selectCountryStep.ts","../src/flows/PayrollAdminOnboarding/api.ts","../src/flows/PayrollAdminOnboarding/hooks.tsx","../src/flows/PayrollAdminOnboarding/context.ts","../src/flows/PayrollAdminOnboarding/components/PayrollAdminForm.tsx","../src/flows/PayrollAdminOnboarding/components/useStepSubmitHandler.ts","../src/flows/PayrollAdminOnboarding/components/SelectCountryStep.tsx","../src/flows/PayrollAdminOnboarding/components/ContractDetailsStep.tsx","../src/flows/PayrollAdminOnboarding/components/AdministrativeDetailsStep.tsx","../src/flows/PayrollAdminOnboarding/components/InvitationStep.tsx","../src/flows/PayrollAdminOnboarding/components/SubmitButton.tsx","../src/flows/PayrollAdminOnboarding/components/BackButton.tsx","../src/flows/PayrollAdminOnboarding/PayrollAdminOnboardingFlow.tsx"],"sourcesContent":["export const gpSelectCountrySchema = {\n  'x-rmt-meta': { jsfOldVersion: true },\n  additionalProperties: false,\n  properties: {\n    country_code: {\n      title: 'Country',\n      description: '',\n      type: 'string',\n      oneOf: [] as Array<{ const: string; title: string }>,\n      'x-jsf-presentation': { inputType: 'select' },\n    },\n  },\n  required: ['country_code'],\n  type: 'object',\n  'x-jsf-order': ['country_code'],\n};\n","import { useMutation, useQuery } from '@tanstack/react-query';\nimport type { FieldValues } from 'react-hook-form';\nimport {\n  getV1CountriesCountryCodeForm,\n  postV1Employments,\n  postV1EmploymentsEmploymentIdInvite,\n  putV2EmploymentsEmploymentIdAdministrativeDetails,\n  putV2EmploymentsEmploymentIdBasicInformation,\n  putV2EmploymentsEmploymentIdContractDetails,\n} from '@/src/client';\nimport { Client } from '@/src/client/client';\nimport { useClient } from '@/src/context';\nimport { createHeadlessForm } from '@/src/common/createHeadlessForm';\nimport { JSONSchemaFormResultWithFieldsets } from '@/src/flows/types';\nimport { countriesOptions } from '@/src/common/api/countries';\nimport { gpSelectCountrySchema } from '@/src/flows/PayrollAdminOnboarding/json-schemas/selectCountryStep';\n\nexport type GPAdminSchemaType =\n  | 'global_payroll_basic_information'\n  | 'global_payroll_contract_details'\n  | 'global_payroll_administrative_details';\n\nexport const useGPFormSchema = (\n  countryCode: string | undefined,\n  schemaType: GPAdminSchemaType | undefined,\n  fieldValues: FieldValues,\n  queryOptions?: { enabled?: boolean; employmentId?: string },\n): ReturnType<typeof useQuery<JSONSchemaFormResultWithFieldsets>> => {\n  const { client } = useClient();\n  const employmentId = queryOptions?.employmentId;\n  return useQuery({\n    queryKey: ['gp-form-schema', countryCode, schemaType, employmentId],\n    enabled: !!countryCode && !!schemaType && (queryOptions?.enabled ?? true),\n    retry: false,\n    queryFn: async () => {\n      const response = await getV1CountriesCountryCodeForm({\n        client: client as Client,\n        headers: { Authorization: `` },\n        path: {\n          country_code: countryCode as string,\n          form: schemaType as GPAdminSchemaType,\n        },\n        // Passing employment_id lets the gateway resolve the company/employment\n        // context (and therefore the schema-engine user_role) for forms whose\n        // `restrict_fields` component branches on role — contract_details and\n        // administrative_details are the common cases. The OpenAPI spec marks\n        // this as required only for `contract_amendment` and\n        // `global_payroll_state_taxes`, but the gateway uses it more broadly.\n        ...(employmentId ? { query: { employment_id: employmentId } } : {}),\n      });\n      if (response.error || !response.data) {\n        throw new Error(`Failed to fetch ${schemaType} schema`);\n      }\n      return response;\n    },\n    select: ({ data }) =>\n      createHeadlessForm(\n        (data?.data as Record<string, unknown>) || {},\n        fieldValues,\n      ),\n  });\n};\n\nexport const useGPCountrySelectSchema = (\n  fieldValues: FieldValues,\n): ReturnType<typeof useQuery<JSONSchemaFormResultWithFieldsets>> => {\n  const { client } = useClient();\n  return useQuery({\n    ...countriesOptions(client as Client, 'gp-admin'),\n    select: (response) => {\n      const countries = response?.data?.data ?? [];\n      const schema = {\n        ...gpSelectCountrySchema,\n        properties: {\n          country_code: {\n            ...gpSelectCountrySchema.properties.country_code,\n            oneOf: countries.map((c) => ({ const: c.code, title: c.name })),\n          },\n        },\n      };\n      return createHeadlessForm(schema, fieldValues);\n    },\n  });\n};\n\nexport const useGPCreateEmployment = () => {\n  const { client } = useClient();\n  return useMutation({\n    mutationFn: ({\n      countryCode,\n      legalEntityId,\n      basicInformation,\n      externalId,\n    }: {\n      countryCode: string;\n      legalEntityId: string;\n      basicInformation: Record<string, unknown>;\n      externalId?: string;\n    }) =>\n      postV1Employments({\n        client: client as Client,\n        headers: { Authorization: `` },\n        body: {\n          type: 'global_payroll_employee',\n          country_code: countryCode,\n          engaged_by_entity_slug: legalEntityId,\n          basic_information: basicInformation,\n          external_id: externalId,\n        },\n      }),\n  });\n};\n\nexport const useGPUpdateBasicInformation = () => {\n  const { client } = useClient();\n  return useMutation({\n    mutationFn: ({\n      employmentId,\n      basicInformation,\n    }: {\n      employmentId: string;\n      basicInformation: Record<string, unknown>;\n    }) =>\n      putV2EmploymentsEmploymentIdBasicInformation({\n        client: client as Client,\n        headers: { Authorization: `` },\n        path: { employment_id: employmentId },\n        body: { basic_information: basicInformation },\n      }),\n  });\n};\n\nexport const useGPUpdateContractDetails = () => {\n  const { client } = useClient();\n  return useMutation({\n    mutationFn: ({\n      employmentId,\n      contractDetails,\n    }: {\n      employmentId: string;\n      contractDetails: Record<string, unknown>;\n    }) =>\n      putV2EmploymentsEmploymentIdContractDetails({\n        client: client as Client,\n        headers: { Authorization: `` },\n        path: { employment_id: employmentId },\n        body: { contract_details: contractDetails },\n      }),\n  });\n};\n\nexport const useGPUpdateAdministrativeDetails = () => {\n  const { client } = useClient();\n  return useMutation({\n    mutationFn: ({\n      employmentId,\n      administrativeDetails,\n    }: {\n      employmentId: string;\n      administrativeDetails: Record<string, unknown>;\n    }) =>\n      putV2EmploymentsEmploymentIdAdministrativeDetails({\n        client: client as Client,\n        headers: { Authorization: `` },\n        path: { employment_id: employmentId },\n        body: { administrative_details: administrativeDetails },\n      }),\n  });\n};\n\nexport const useGPInviteEmployee = () => {\n  const { client } = useClient();\n  return useMutation({\n    mutationFn: ({ employmentId }: { employmentId: string }) =>\n      postV1EmploymentsEmploymentIdInvite({\n        client: client as Client,\n        headers: { Authorization: `` },\n        path: { employment_id: employmentId },\n      }),\n  });\n};\n","import { useState, useMemo, useCallback } from 'react';\nimport type { FieldValues } from 'react-hook-form';\nimport {\n  useGPOnboardingSteps,\n  useGPLegalEntities,\n} from '@/src/common/api/gpOnboarding';\nimport { useStepState } from '@/src/flows/useStepState';\nimport type { Step } from '@/src/flows/useStepState';\nimport type { PayrollAdminOnboardingFlowProps } from '@/src/flows/PayrollAdminOnboarding/types';\nimport { useErrorReporting } from '@/src/components/error-handling/useErrorReporting';\nimport { mutationToPromise } from '@/src/lib/mutations';\nimport { parseJSFToValidate } from '@/src/components/form/utils';\nimport {\n  useGPFormSchema,\n  useGPCountrySelectSchema,\n  useGPCreateEmployment,\n  useGPUpdateBasicInformation,\n  useGPUpdateContractDetails,\n  useGPUpdateAdministrativeDetails,\n  type GPAdminSchemaType,\n} from '@/src/flows/PayrollAdminOnboarding/api';\nimport type { JSONSchemaFormResultWithFieldsets } from '@/src/flows/types';\n\nexport type AdminStepKey =\n  | 'select_country'\n  | 'contract_details'\n  | 'administrative_details'\n  | 'invite';\n\nconst buildAdminSteps = (\n  skipCountry: boolean,\n): Record<AdminStepKey, Step<AdminStepKey>> => {\n  let index = 0;\n  return {\n    select_country: {\n      index: index++,\n      name: 'select_country',\n      visible: !skipCountry,\n    },\n    contract_details: { index: index++, name: 'contract_details' },\n    administrative_details: {\n      index: index++,\n      name: 'administrative_details',\n    },\n    invite: { index: index++, name: 'invite' },\n  };\n};\n\nexport const usePayrollAdminOnboarding = ({\n  companyId,\n  legalEntityId: providedLegalEntityId,\n  countryCode: initialCountryCode,\n  employmentId: initialEmploymentId,\n  initialValues,\n  options,\n}: Omit<PayrollAdminOnboardingFlowProps, 'render'>) => {\n  // Always fetch, even when the caller already pinned a legal entity — so\n  // `legalEntities` below stays accurate for callers that inspect it (e.g. to\n  // render their own \"no GP-enabled legal entity\" state) instead of always\n  // reporting empty just because the fetch was skipped.\n  const {\n    data: legalEntities,\n    isLoading: isLoadingLegalEntities,\n    isError: isErrorLegalEntities,\n  } = useGPLegalEntities(companyId);\n\n  // If there are no GP-enabled legal entities, this stays undefined — the\n  // consumer is expected to check `legalEntities` and not render the flow.\n  const legalEntityId = providedLegalEntityId ?? legalEntities?.[0]?.id;\n\n  const [internalEmploymentId, setInternalEmploymentId] = useState<\n    string | undefined\n  >(initialEmploymentId);\n\n  const initialValuesCountryCode = (\n    initialValues?.basic_information as { country_code?: string } | undefined\n  )?.country_code;\n\n  const [internalCountryCode, setInternalCountryCode] = useState<\n    string | undefined\n  >(initialCountryCode ?? initialValuesCountryCode);\n\n  // Only skip country selection when resuming an existing employment — both\n  // country and employmentId must be known upfront. Providing only countryCode\n  // would bypass the select_country branch (the only place createEmployment\n  // runs) and leave the flow with no employmentId for subsequent steps.\n  // internalCountryCode also covers country inferred from initialValues, not\n  // just the explicit countryCode prop.\n  const skipCountry = !!internalCountryCode && !!initialEmploymentId;\n\n  const steps = useMemo(() => buildAdminSteps(skipCountry), [skipCountry]);\n\n  const { updateErrorContext } = useErrorReporting({\n    flow: 'payroll_admin_onboarding',\n  });\n\n  const onStepChange = useCallback(\n    (step: Step<AdminStepKey>) => {\n      updateErrorContext({ step: step.name });\n    },\n    [updateErrorContext],\n  );\n\n  const {\n    stepState,\n    nextStep,\n    previousStep,\n    goToStep,\n    setStepValues,\n    fieldValues,\n    setFieldValues,\n  } = useStepState<AdminStepKey>(steps, onStepChange);\n\n  const currentStep = stepState.currentStep.name;\n\n  const schemaTypeByStep: Partial<Record<AdminStepKey, GPAdminSchemaType>> = {\n    select_country: 'global_payroll_basic_information',\n    contract_details: 'global_payroll_contract_details',\n    administrative_details: 'global_payroll_administrative_details',\n  };\n\n  // Country-picker schema for the select_country step, before a country is chosen.\n  const countrySelectSchemaQuery = useGPCountrySelectSchema(fieldValues);\n\n  const currentSchemaQuery = useGPFormSchema(\n    internalCountryCode,\n    schemaTypeByStep[currentStep],\n    fieldValues,\n    {\n      employmentId:\n        currentStep !== 'select_country' ? internalEmploymentId : undefined,\n    },\n  );\n\n  // On the select_country step: show the country-picker schema until a country\n  // is chosen, then switch to the basic-information schema.\n  const isSelectCountryPhase =\n    currentStep === 'select_country' && !internalCountryCode;\n  const currentSchema = isSelectCountryPhase\n    ? countrySelectSchemaQuery.data\n    : currentSchemaQuery.data;\n  const isLoadingSchema = isSelectCountryPhase\n    ? countrySelectSchemaQuery.isLoading\n    : currentSchemaQuery.isLoading;\n\n  const createEmploymentMutation = useGPCreateEmployment();\n  const updateBasicInformationMutation = useGPUpdateBasicInformation();\n  const updateContractDetailsMutation = useGPUpdateContractDetails();\n  const updateAdminDetailsMutation = useGPUpdateAdministrativeDetails();\n\n  const { mutateAsyncOrThrow: createEmploymentAsync } = mutationToPromise(\n    createEmploymentMutation,\n  );\n  const { mutateAsyncOrThrow: updateBasicInformationAsync } = mutationToPromise(\n    updateBasicInformationMutation,\n  );\n  const { mutateAsyncOrThrow: updateContractDetailsAsync } = mutationToPromise(\n    updateContractDetailsMutation,\n  );\n  const { mutateAsyncOrThrow: updateAdminDetailsAsync } = mutationToPromise(\n    updateAdminDetailsMutation,\n  );\n\n  const isSubmitting =\n    createEmploymentMutation.isPending ||\n    updateBasicInformationMutation.isPending ||\n    updateContractDetailsMutation.isPending ||\n    updateAdminDetailsMutation.isPending;\n\n  const {\n    data: apiSteps,\n    isLoading: isLoadingSteps,\n    refetch: refetchSteps,\n  } = useGPOnboardingSteps(internalEmploymentId);\n\n  const isComplete =\n    apiSteps?.find((s) => s.type === 'completion')?.sub_steps?.[0]?.status ===\n    'completed';\n\n  // Keep internalCountryCode in sync with the country_code field whenever it\n  // changes — both when it's first picked on the country-picker phase, and if\n  // it's later edited from the basic-information form (which also exposes the\n  // field), so submission never uses a stale country code.\n  const handleFieldValues = useCallback(\n    (values: FieldValues) => {\n      setFieldValues(values);\n      const countryCode = values.country_code as string | undefined;\n      if (countryCode && countryCode !== internalCountryCode) {\n        setInternalCountryCode(countryCode);\n      }\n    },\n    [internalCountryCode, setFieldValues],\n  );\n\n  const handleValidation = useCallback(\n    async (values: FieldValues) => {\n      if (!currentSchema) return null;\n      const parsedValues = await parseJSFToValidate(\n        values,\n        currentSchema.fields,\n        { isPartialValidation: false },\n      );\n      return currentSchema.handleValidation(parsedValues);\n    },\n    [currentSchema],\n  );\n\n  const parseFormValues = useCallback(\n    async (values: FieldValues): Promise<Record<string, unknown>> => {\n      if (!currentSchema) return values;\n      return parseJSFToValidate(values, currentSchema.fields, {\n        isPartialValidation: false,\n      });\n    },\n    [currentSchema],\n  );\n\n  const onSubmit = useCallback(\n    async (values: FieldValues) => {\n      const parsedValues = await parseFormValues(values);\n\n      switch (currentStep) {\n        case 'select_country': {\n          // Prefer the just-submitted country_code so the employment is created\n          // with the same country the basicInformation was validated against,\n          // even if the internalCountryCode sync hasn't caught up yet.\n          const countryCode =\n            (parsedValues.country_code as string | undefined) ??\n            internalCountryCode;\n          if (!countryCode) {\n            throw new Error(\n              'Country code is required to create an employment.',\n            );\n          }\n          // Keep internalCountryCode in sync with the country being submitted so\n          // the contract/administrative schemas (keyed on it) load once we\n          // advance.\n          if (countryCode !== internalCountryCode) {\n            setInternalCountryCode(countryCode);\n          }\n\n          // If the employment already exists (resume, or returning to this step\n          // to edit basic information), update it instead of creating a second\n          // one — this also persists edits made on a repeat submit.\n          if (internalEmploymentId) {\n            const data = await updateBasicInformationAsync({\n              employmentId: internalEmploymentId,\n              basicInformation: parsedValues,\n            });\n            await refetchSteps();\n            return data;\n          }\n\n          if (!legalEntityId) {\n            throw new Error(\n              'No GP-enabled legal entity available. Cannot create an employment.',\n            );\n          }\n\n          const data = await createEmploymentAsync({\n            countryCode,\n            legalEntityId,\n            basicInformation: parsedValues,\n          });\n          const empId = (data as { data?: { employment?: { id?: string } } })\n            ?.data?.employment?.id;\n          if (!empId) {\n            throw new Error(\n              'Employment was created but no ID was returned. Cannot proceed.',\n            );\n          }\n          setInternalEmploymentId(empId);\n          await refetchSteps();\n          return data;\n        }\n\n        case 'contract_details': {\n          if (!internalEmploymentId) {\n            throw new Error(\n              'Employment ID is missing. Complete the previous step first.',\n            );\n          }\n          const data = await updateContractDetailsAsync({\n            employmentId: internalEmploymentId,\n            contractDetails: parsedValues,\n          });\n          await refetchSteps();\n          return data;\n        }\n\n        case 'administrative_details': {\n          if (!internalEmploymentId) {\n            throw new Error(\n              'Employment ID is missing. Complete the previous step first.',\n            );\n          }\n          const data = await updateAdminDetailsAsync({\n            employmentId: internalEmploymentId,\n            administrativeDetails: parsedValues,\n          });\n          await refetchSteps();\n          return data;\n        }\n\n        default:\n          return;\n      }\n    },\n    [\n      currentStep,\n      internalCountryCode,\n      internalEmploymentId,\n      legalEntityId,\n      parseFormValues,\n      createEmploymentAsync,\n      updateBasicInformationAsync,\n      updateContractDetailsAsync,\n      updateAdminDetailsAsync,\n      refetchSteps,\n    ],\n  );\n\n  return {\n    stepState,\n    isLoading: isLoadingSteps || isLoadingSchema || isLoadingLegalEntities,\n    isSubmitting,\n    isComplete: isComplete ?? false,\n    companyId,\n    legalEntityId,\n    legalEntities: legalEntities ?? [],\n    // An empty `legalEntities` array means \"no GP-enabled legal entity\" only\n    // when this is false — check it before treating empty as that state,\n    // since a failed fetch also leaves `legalEntities` empty.\n    isErrorLegalEntities,\n    countryCode: internalCountryCode,\n    employmentId: internalEmploymentId,\n    initialValues,\n    options,\n    apiSteps,\n    refetchSteps,\n    fields: currentSchema?.fields ?? [],\n    meta: (currentSchema?.meta ??\n      {}) as JSONSchemaFormResultWithFieldsets['meta'],\n    fieldValues,\n    setFieldValues: handleFieldValues,\n    handleValidation,\n    parseFormValues,\n    onSubmit,\n    setInternalCountryCode,\n    setInternalEmploymentId,\n    next: nextStep,\n    back: previousStep,\n    goToStep,\n    setStepValues,\n  };\n};\n","import type { usePayrollAdminOnboarding } from '@/src/flows/PayrollAdminOnboarding/hooks';\nimport { createContext, useContext } from 'react';\n\nexport const PayrollAdminOnboardingContext = createContext<{\n  formId: string | undefined;\n  adminBag: ReturnType<typeof usePayrollAdminOnboarding> | null;\n}>({\n  formId: undefined,\n  adminBag: null,\n});\n\nexport const usePayrollAdminOnboardingContext = () => {\n  const context = useContext(PayrollAdminOnboardingContext);\n  if (!context.formId || !context.adminBag) {\n    throw new Error(\n      'usePayrollAdminOnboardingContext must be used within a PayrollAdminOnboardingFlow',\n    );\n  }\n  return context as {\n    formId: string;\n    adminBag: ReturnType<typeof usePayrollAdminOnboarding>;\n  };\n};\n","import type { UseFormReturn } from 'react-hook-form';\nimport { Form } from '@/src/components/ui/form';\nimport { JSONSchemaFormFields } from '@/src/components/form/JSONSchemaForm';\nimport { usePayrollAdminOnboardingContext } from '@/src/flows/PayrollAdminOnboarding/context';\nimport { useJSONSchemaForm } from '@/src/components/form/useJSONSchemaForm';\nimport type { $TSFixMe } from '@/src/types/remoteFlows';\n\ntype PayrollAdminFormProps = {\n  onSubmit: (\n    values: Record<string, unknown>,\n    form: UseFormReturn<$TSFixMe>,\n  ) => Promise<void>;\n  defaultValues?: Record<string, unknown>;\n};\n\nexport function PayrollAdminForm({\n  onSubmit,\n  defaultValues,\n}: PayrollAdminFormProps) {\n  const { formId, adminBag } = usePayrollAdminOnboardingContext();\n\n  const form = useJSONSchemaForm({\n    handleValidation: adminBag.handleValidation,\n    defaultValues: defaultValues ?? {},\n    checkFieldUpdates: adminBag.setFieldValues,\n  });\n\n  return (\n    <Form {...form} key={`form-${adminBag.stepState.currentStep.name}`}>\n      <form\n        id={formId}\n        onSubmit={form.handleSubmit((values) => onSubmit(values, form))}\n        className='space-y-4 RemoteFlows__PayrollAdminForm'\n      >\n        <JSONSchemaFormFields\n          fields={adminBag.fields}\n          fieldsets={adminBag.meta['x-jsf-fieldsets']}\n          fieldValues={adminBag.fieldValues}\n        />\n      </form>\n    </Form>\n  );\n}\n","import type { UseFormReturn } from 'react-hook-form';\nimport { usePayrollAdminOnboardingContext } from '@/src/flows/PayrollAdminOnboarding/context';\nimport type { GPStepCallbacks } from '@/src/flows/types';\nimport { handleStepError } from '@/src/lib/utils';\nimport type { $TSFixMe } from '@/src/types/remoteFlows';\n\nexport function useStepSubmitHandler({\n  onSubmit,\n  onSuccess,\n  onError,\n}: GPStepCallbacks) {\n  const { adminBag } = usePayrollAdminOnboardingContext();\n\n  return async (\n    values: Record<string, unknown>,\n    form: UseFormReturn<$TSFixMe>,\n  ) => {\n    try {\n      await onSubmit?.(values);\n      const data = await adminBag.onSubmit(values);\n      await onSuccess?.(data);\n      adminBag.next();\n    } catch (error: unknown) {\n      // Pass the form so server-side field errors are mapped back onto the\n      // matching form fields, not only surfaced through the onError callback.\n      onError?.(handleStepError(error, undefined, form));\n    }\n  };\n}\n","import { usePayrollAdminOnboardingContext } from '@/src/flows/PayrollAdminOnboarding/context';\nimport { PayrollAdminForm } from '@/src/flows/PayrollAdminOnboarding/components/PayrollAdminForm';\nimport { useStepSubmitHandler } from '@/src/flows/PayrollAdminOnboarding/components/useStepSubmitHandler';\nimport type { GPStepCallbacks } from '@/src/flows/types';\n\nexport function SelectCountryStep(props: GPStepCallbacks) {\n  const { adminBag } = usePayrollAdminOnboardingContext();\n  const handleSubmit = useStepSubmitHandler(props);\n\n  // Merge (not ||): stepState.values can be an empty {} after advancing without\n  // edits, which is truthy and would blank the form — so initialValues is the\n  // base and saved edits override it.\n  const defaultValues = {\n    ...(adminBag.initialValues?.basic_information as Record<string, unknown>),\n    ...(adminBag.stepState.values?.select_country as Record<string, unknown>),\n  };\n\n  return (\n    // Remount the form when the country changes so it re-initializes against\n    // the newly loaded basic-information schema instead of the country picker.\n    <PayrollAdminForm\n      key={adminBag.countryCode ?? 'no-country'}\n      onSubmit={handleSubmit}\n      defaultValues={defaultValues}\n    />\n  );\n}\n","import { usePayrollAdminOnboardingContext } from '@/src/flows/PayrollAdminOnboarding/context';\nimport { PayrollAdminForm } from '@/src/flows/PayrollAdminOnboarding/components/PayrollAdminForm';\nimport { useStepSubmitHandler } from '@/src/flows/PayrollAdminOnboarding/components/useStepSubmitHandler';\nimport type { GPStepCallbacks } from '@/src/flows/types';\n\nexport function ContractDetailsStep(props: GPStepCallbacks) {\n  const { adminBag } = usePayrollAdminOnboardingContext();\n  const handleSubmit = useStepSubmitHandler(props);\n\n  // Merge (not ||): an empty {} saved after a no-edit advance is truthy and\n  // would blank the form; initialValues is the base, saved edits override.\n  const defaultValues = {\n    ...(adminBag.initialValues?.contract_details as Record<string, unknown>),\n    ...(adminBag.stepState.values?.contract_details as Record<string, unknown>),\n  };\n\n  return (\n    <PayrollAdminForm onSubmit={handleSubmit} defaultValues={defaultValues} />\n  );\n}\n","import { usePayrollAdminOnboardingContext } from '@/src/flows/PayrollAdminOnboarding/context';\nimport { PayrollAdminForm } from '@/src/flows/PayrollAdminOnboarding/components/PayrollAdminForm';\nimport { useStepSubmitHandler } from '@/src/flows/PayrollAdminOnboarding/components/useStepSubmitHandler';\nimport type { GPStepCallbacks } from '@/src/flows/types';\n\nexport function AdministrativeDetailsStep(props: GPStepCallbacks) {\n  const { adminBag } = usePayrollAdminOnboardingContext();\n  const handleSubmit = useStepSubmitHandler(props);\n\n  // Merge (not ||): an empty {} saved after a no-edit advance is truthy and\n  // would blank the form; initialValues is the base, saved edits override.\n  const defaultValues = {\n    ...(adminBag.initialValues?.administrative_details as Record<\n      string,\n      unknown\n    >),\n    ...(adminBag.stepState.values?.administrative_details as Record<\n      string,\n      unknown\n    >),\n  };\n\n  return (\n    <PayrollAdminForm onSubmit={handleSubmit} defaultValues={defaultValues} />\n  );\n}\n","import { PropsWithChildren } from 'react';\nimport { usePayrollAdminOnboardingContext } from '@/src/flows/PayrollAdminOnboarding/context';\nimport { useFormFields } from '@/src/context';\nimport type { GPStepCallbacks } from '@/src/flows/types';\nimport { mutationToPromise } from '@/src/lib/mutations';\nimport { useGPInviteEmployee } from '@/src/flows/PayrollAdminOnboarding/api';\nimport { handleStepError } from '@/src/lib/utils';\n\ntype InvitationStepProps = Pick<GPStepCallbacks, 'onSuccess' | 'onError'> & {\n  children?: React.ReactNode;\n};\n\nexport function InvitationStep({\n  onSuccess,\n  onError,\n  children,\n}: PropsWithChildren<InvitationStepProps>) {\n  const { adminBag } = usePayrollAdminOnboardingContext();\n  const { components } = useFormFields();\n  const inviteMutation = useGPInviteEmployee();\n  const { mutateAsyncOrThrow: inviteAsync } = mutationToPromise(inviteMutation);\n\n  const CustomButton = components?.button;\n  if (!CustomButton) {\n    throw new Error('Button component not found');\n  }\n\n  const handleInvite = async () => {\n    try {\n      if (!adminBag.employmentId) {\n        throw new Error(\n          'Employment ID is missing. Complete the previous steps first.',\n        );\n      }\n      const data = await inviteAsync({ employmentId: adminBag.employmentId });\n      await adminBag.refetchSteps();\n      await onSuccess?.(data);\n      adminBag.next();\n    } catch (error: unknown) {\n      onError?.(handleStepError(error));\n    }\n  };\n\n  return (\n    <CustomButton\n      onClick={handleInvite}\n      disabled={inviteMutation.isPending || adminBag.isSubmitting}\n    >\n      {children ?? 'Send invitation'}\n    </CustomButton>\n  );\n}\n","import { ButtonHTMLAttributes, PropsWithChildren } from 'react';\nimport { usePayrollAdminOnboardingContext } from '@/src/flows/PayrollAdminOnboarding/context';\nimport { useFormFields } from '@/src/context';\n\nexport function SubmitButton({\n  children,\n  ...props\n}: PropsWithChildren<ButtonHTMLAttributes<HTMLButtonElement>>) {\n  const { formId, adminBag } = usePayrollAdminOnboardingContext();\n  const { components } = useFormFields();\n\n  const CustomButton = components?.button;\n  if (!CustomButton) {\n    throw new Error('Button component not found');\n  }\n\n  return (\n    <CustomButton\n      {...props}\n      form={formId}\n      disabled={props.disabled || adminBag.isSubmitting || adminBag.isLoading}\n    >\n      {children}\n    </CustomButton>\n  );\n}\n","import { ButtonHTMLAttributes, PropsWithChildren } from 'react';\nimport { usePayrollAdminOnboardingContext } from '@/src/flows/PayrollAdminOnboarding/context';\nimport { useFormFields } from '@/src/context';\n\nexport function BackButton({\n  children,\n  onClick,\n  ...props\n}: PropsWithChildren<ButtonHTMLAttributes<HTMLButtonElement>>) {\n  const { adminBag } = usePayrollAdminOnboardingContext();\n  const { components } = useFormFields();\n\n  const CustomButton = components?.button;\n  if (!CustomButton) {\n    throw new Error('Button component not found');\n  }\n\n  const handleBack = (evt: React.MouseEvent<HTMLButtonElement>) => {\n    adminBag.back();\n    onClick?.(evt);\n  };\n\n  return (\n    <CustomButton {...props} onClick={handleBack}>\n      {children}\n    </CustomButton>\n  );\n}\n","import { useId } from 'react';\nimport { usePayrollAdminOnboarding } from '@/src/flows/PayrollAdminOnboarding/hooks';\nimport { PayrollAdminOnboardingContext } from '@/src/flows/PayrollAdminOnboarding/context';\nimport type { PayrollAdminOnboardingFlowProps } from '@/src/flows/PayrollAdminOnboarding/types';\nimport { SelectCountryStep } from '@/src/flows/PayrollAdminOnboarding/components/SelectCountryStep';\nimport { ContractDetailsStep } from '@/src/flows/PayrollAdminOnboarding/components/ContractDetailsStep';\nimport { AdministrativeDetailsStep } from '@/src/flows/PayrollAdminOnboarding/components/AdministrativeDetailsStep';\nimport { InvitationStep } from '@/src/flows/PayrollAdminOnboarding/components/InvitationStep';\nimport { SubmitButton } from '@/src/flows/PayrollAdminOnboarding/components/SubmitButton';\nimport { BackButton } from '@/src/flows/PayrollAdminOnboarding/components/BackButton';\n\nexport const PayrollAdminOnboardingFlow = ({\n  companyId,\n  legalEntityId,\n  countryCode,\n  employmentId,\n  initialValues,\n  options,\n  render,\n}: PayrollAdminOnboardingFlowProps) => {\n  const formId = useId();\n  const adminBag = usePayrollAdminOnboarding({\n    companyId,\n    legalEntityId,\n    countryCode,\n    employmentId,\n    initialValues,\n    options,\n  });\n\n  return (\n    <PayrollAdminOnboardingContext.Provider value={{ formId, adminBag }}>\n      {render({\n        adminBag,\n        components: {\n          SelectCountryStep,\n          ContractDetailsStep,\n          AdministrativeDetailsStep,\n          InvitationStep,\n          SubmitButton,\n          BackButton,\n        },\n      })}\n    </PayrollAdminOnboardingContext.Provider>\n  );\n};\n"],"mappings":"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"}

package/dist/PayrollEmployeeOnboarding-BQjn-7oA.js

@@ -0,0 +1,2 @@
+import{A as e,G as t,H as n,K as r,g as i}from"./CheckBoxField-DSq9Qf8u.js";import{At as a,_t as o,bt as s,gt as c,kt as l,vt as u,y as d,yt as f}from"./sdk.gen-C7MLoCMc.js";import{i as p,t as m}from"./JSONSchemaForm-DehMm5lM.js";import{t as h}from"./useJSONSchemaForm-CiLms2z5.js";import{r as ee}from"./employment-Ddl1RWTS.js";import{t as te}from"./useStepState-BmZF37pW.js";import{t as ne}from"./useErrorReporting-BC2ObW1s.js";import{n as re}from"./gpOnboarding-BeH-l_v0.js";import{createContext as g,createElement as _,useCallback as v,useContext as y,useEffect as ie,useId as b,useMemo as x,useState as ae}from"react";import{jsx as S}from"react/jsx-runtime";import{useMutation as C,useQuery as w}from"@tanstack/react-query";const T=(e,t,n,r,i)=>{let{client:a}=l(),o=r?.employmentId,s=r?.jurisdiction;return w({queryKey:[`gp-employee-form-schema`,e,t,o,s],enabled:!!e&&(r?.enabled??!0),retry:!1,queryFn:async()=>{let n={...o?{employment_id:o}:{},...s?{jurisdiction:s}:{}},r=await d({client:a,headers:{Authorization:``},path:{country_code:e,form:t},...Object.keys(n).length>0?{query:n}:{}});if(r.error||!r.data)throw Error(`Failed to fetch ${t} schema`);return r},select:({data:e})=>p(e?.data||{},n,i?{jsfModify:i}:void 0)})},oe=e=>{let{client:t}=l();return C({mutationFn:n=>{let{name:r,...i}=n;return f({client:t,headers:{Authorization:``,"x-rf-employment-id":e},body:{personal_details:i}})}})},se=e=>{let{client:t}=l();return C({mutationFn:n=>c({client:t,headers:{Authorization:``,"x-rf-employment-id":e},body:{address_details:n}})})},ce=e=>{let{client:t}=l();return C({mutationFn:n=>o({client:t,headers:{Authorization:``,"x-rf-employment-id":e},body:{bank_account_details:n}})})},le=e=>{let{client:t}=l();return C({mutationFn:n=>u({client:t,headers:{Authorization:``,"x-rf-employment-id":e},body:{federal_taxes:n}})})},ue=(e,t)=>{let{client:n}=l();return C({mutationFn:r=>{if(!e)throw Error("A `jurisdiction` (US state code) is required to submit state taxes.");return s({client:n,headers:{Authorization:``,"x-rf-employment-id":t},path:{jurisdiction:e},body:{state_taxes:r}})}})};var E=class extends Error{constructor(){super(`Tax step is pending enrollment`),this.name=`TaxPendingEnrollmentError`}};const D={name:{"x-jsf-presentation":{inputType:`hidden`}}},O={fields:{...D,mobile_number:{description:`Enter 10 digits, no country code (e.g. 5389274785)`}}},k={fields:{...D,mobile_number:{"x-jsf-presentation":{inputType:`tel`}}}};function de(e){return e===`USA`?O:k}const fe=({hasBankSubstep:e,federalTaxesVisible:t,stateTaxesVisible:n})=>({personal_details:{index:0,name:`personal_details`},home_address:{index:1,name:`home_address`},bank_account:{index:2,name:`bank_account`,visible:e},federal_taxes:{index:3,name:`federal_taxes`,visible:t},state_taxes:{index:4,name:`state_taxes`,visible:n}}),A=({employmentId:e,countryCode:i,jurisdiction:a,initialValues:o,options:s})=>{let[c,l]=ae({}),{updateErrorContext:u}=ne({flow:`payroll_employee_onboarding`}),{data:d,isLoading:f}=ee({employmentId:e,enabled:!i}),p=i??d?.country?.code,m=d?.work_address_details?.state,h=d?.address_details?.state,g=a??(m||h),_=v(e=>{u({step:e.name})},[u]),{data:y,isLoading:b,refetch:S}=re(e),C=x(()=>y?.find(e=>e.type===`self_onboarding`)?.sub_steps??[],[y]),w=y?.find(e=>e.type===`completion`)?.sub_steps?.[0]?.status===`completed`,D=p===`USA`,O=w??!1,k=C.some(e=>e.type===`employee_provides_bank_details`),A=x(()=>fe({hasBankSubstep:k,federalTaxesVisible:D&&O,stateTaxesVisible:D&&!!g&&O}),[k,D,O,g]),{stepState:j,nextStep:M,previousStep:N,goToStep:P,setStepValues:F,fieldValues:I,setFieldValues:L}=te(A,_),R=j.currentStep.name;ie(()=>{(R===`federal_taxes`||R===`state_taxes`)&&l(e=>{if(!e[R])return e;let t={...e};return delete t[R],t})},[R]);let z=T(p,`global_payroll_personal_details`,I,{enabled:R===`personal_details`,employmentId:e},de(p)),B=T(p,`address_details`,I,{enabled:R===`home_address`,employmentId:e}),V=T(p,`global_payroll_bank_account_details`,I,{enabled:R===`bank_account`,employmentId:e}),H=T(p,`global_payroll_federal_taxes`,I,{enabled:D&&O&&R===`federal_taxes`,employmentId:e}),U=T(p,`global_payroll_state_taxes`,I,{enabled:D&&!!g&&O&&R===`state_taxes`,employmentId:e,jurisdiction:g}),W=x(()=>({personal_details:z.data,home_address:B.data,bank_account:V.data,federal_taxes:H.data,state_taxes:U.data})[R],[R,z.data,B.data,V.data,H.data,U.data]),pe=x(()=>{let e=D?c.federal_taxes?c.federal_taxes:O?H.isError?`schema_unavailable`:null:`pending_enrollment`:`unsupported_country`,t=D?g?c.state_taxes?c.state_taxes:O?U.isError?`schema_unavailable`:null:`pending_enrollment`:`no_jurisdiction`:`unsupported_country`;return{federal_taxes:{isAvailable:e===null,unavailableReason:e},state_taxes:{isAvailable:t===null,unavailableReason:t}}},[D,O,g,c,H.isError,U.isError]),me=z.isLoading||B.isLoading||V.isLoading||H.isLoading||U.isLoading,G=oe(e),K=se(e),q=ce(e),J=le(e),Y=ue(g,e),{mutateAsyncOrThrow:X}=r(G),{mutateAsyncOrThrow:he}=r(K),{mutateAsyncOrThrow:ge}=r(q),{mutateAsyncOrThrow:_e}=r(J),{mutateAsyncOrThrow:Z}=r(Y),ve=G.isPending||K.isPending||q.isPending||J.isPending||Y.isPending,ye=v(async e=>{if(!W)return null;let t=await n(e,W.fields,{isPartialValidation:!1});return W.handleValidation(t)},[W]),Q=v(async e=>W?n(e,W.fields,{isPartialValidation:!1}):e,[W]),$=v((e,n)=>{if(!t(n))return!1;let r=typeof n.rawError==`object`&&n.rawError!==null&&`message`in n.rawError?String(n.rawError.message??``):``;return/tax task not found/i.test(r)?(l(t=>({...t,[e]:`pending_enrollment`})),!0):!1},[]),be=v(async e=>{let t=await Q(e);switch(R){case`personal_details`:{let e=await X(t);return await S(),e}case`home_address`:{let e=await he(t);return await S(),e}case`bank_account`:{let e=await ge(t);return await S(),e}case`federal_taxes`:try{let e=await _e(t);return await S(),e}catch(e){throw $(`federal_taxes`,e)?new E:e}case`state_taxes`:try{let e=await Z(t);return await S(),e}catch(e){throw $(`state_taxes`,e)?new E:e}default:return}},[R,Q,X,he,ge,_e,Z,S,$]);return{stepState:j,isLoading:f||b||me,isSubmitting:ve,isComplete:w??!1,employmentId:e,countryCode:p,jurisdiction:g,initialValues:o,options:s,apiSteps:y,selfOnboardingSubsteps:C,taxStepsAvailability:pe,refetchSteps:S,fields:W?.fields??[],meta:W?.meta??{},fieldValues:I,setFieldValues:L,handleValidation:ye,parseFormValues:Q,onSubmit:be,next:M,back:N,goToStep:P,setStepValues:F}},j=g({formId:void 0,employeeBag:null}),M=()=>{let e=y(j);if(!e.formId||!e.employeeBag)throw Error(`usePayrollEmployeeOnboardingContext must be used within a PayrollEmployeeOnboardingFlow`);return e};function N({onSubmit:e,defaultValues:t}){let{formId:n,employeeBag:r}=M(),a=h({handleValidation:r.handleValidation,defaultValues:t??{},checkFieldUpdates:r.setFieldValues});return _(i,{...a,key:`form-${r.stepState.currentStep.name}`},S(`form`,{id:n,onSubmit:a.handleSubmit(t=>e(t,a)),className:`space-y-4 RemoteFlows__PayrollEmployeeForm`,children:S(m,{fields:r.fields,fieldsets:r.meta[`x-jsf-fieldsets`],fieldValues:r.fieldValues})}))}function P({onSubmit:t,onSuccess:n,onError:r}){let{employeeBag:i}=M();return async(a,o)=>{try{await t?.(a);let e=await i.onSubmit(a);await n?.(e),i.next()}catch(t){if(t instanceof E)return;r?.(e(t,void 0,o))}}}function F(e){let{employeeBag:t}=M(),n=P(e);return S(N,{onSubmit:n,defaultValues:{...t.initialValues?.personal_details,...t.stepState.values?.personal_details}})}function I(e){let{employeeBag:t}=M(),n=P(e);return S(N,{onSubmit:n,defaultValues:{...t.initialValues?.home_address,...t.stepState.values?.home_address}})}function L(e){let{employeeBag:t}=M(),n=P(e);return t.selfOnboardingSubsteps.some(e=>e.type===`employee_provides_bank_details`)?S(N,{onSubmit:n,defaultValues:{...t.initialValues?.bank_account,...t.stepState.values?.bank_account}}):null}function R(e){let{employeeBag:t}=M(),n=P(e);return t.taxStepsAvailability.federal_taxes.isAvailable?S(N,{onSubmit:n,defaultValues:{...t.initialValues?.federal_taxes,...t.stepState.values?.federal_taxes}}):null}function z(e){let{employeeBag:t}=M(),n=P(e);return t.taxStepsAvailability.state_taxes.isAvailable?S(N,{onSubmit:n,defaultValues:{...t.initialValues?.state_taxes,...t.stepState.values?.state_taxes}}):null}function B({children:e,...t}){let{formId:n,employeeBag:r}=M(),{components:i}=a(),o=i?.button;if(!o)throw Error(`Button component not found`);return S(o,{...t,form:n,disabled:t.disabled||r.isSubmitting||r.isLoading,children:e})}function V({children:e,onClick:t,...n}){let{employeeBag:r}=M(),{components:i}=a(),o=i?.button;if(!o)throw Error(`Button component not found`);let s=e=>{r.back(),t?.(e)};return S(o,{...n,onClick:s,children:e})}const H=({employmentId:e,countryCode:t,jurisdiction:n,initialValues:r,options:i,render:a})=>{let o=b(),s=A({employmentId:e,countryCode:t,jurisdiction:n,initialValues:r,options:i});return S(j.Provider,{value:{formId:o,employeeBag:s},children:a({employeeBag:s,components:{PersonalDetailsStep:F,HomeAddressStep:I,BankAccountStep:L,FederalTaxesStep:R,StateTaxesStep:z,SubmitButton:B,BackButton:V}})})};export{A as n,H as t};
+//# sourceMappingURL=PayrollEmployeeOnboarding-BQjn-7oA.js.map

package/dist/PayrollEmployeeOnboarding-BQjn-7oA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PayrollEmployeeOnboarding-BQjn-7oA.js","names":[],"sources":["../src/flows/PayrollEmployeeOnboarding/api.ts","../src/flows/PayrollEmployeeOnboarding/taxErrors.ts","../src/flows/PayrollEmployeeOnboarding/hooks.tsx","../src/flows/PayrollEmployeeOnboarding/context.ts","../src/flows/PayrollEmployeeOnboarding/components/PayrollEmployeeForm.tsx","../src/flows/PayrollEmployeeOnboarding/components/useEmployeeStepSubmitHandler.ts","../src/flows/PayrollEmployeeOnboarding/components/PersonalDetailsStep.tsx","../src/flows/PayrollEmployeeOnboarding/components/HomeAddressStep.tsx","../src/flows/PayrollEmployeeOnboarding/components/BankAccountStep.tsx","../src/flows/PayrollEmployeeOnboarding/components/FederalTaxesStep.tsx","../src/flows/PayrollEmployeeOnboarding/components/StateTaxesStep.tsx","../src/flows/PayrollEmployeeOnboarding/components/SubmitButton.tsx","../src/flows/PayrollEmployeeOnboarding/components/BackButton.tsx","../src/flows/PayrollEmployeeOnboarding/PayrollEmployeeOnboardingFlow.tsx"],"sourcesContent":["import { useMutation, useQuery } from '@tanstack/react-query';\nimport type { FieldValues } from 'react-hook-form';\nimport {\n  getV1CountriesCountryCodeForm,\n  putV1EmployeeAddress,\n  putV1EmployeeBankAccount,\n  putV1EmployeeFederalTaxes,\n  putV1EmployeePersonalDetails,\n  putV1EmployeeStateTaxesJurisdiction,\n} from '@/src/client';\nimport { Client } from '@/src/client/client';\nimport { useClient } from '@/src/context';\nimport { createHeadlessForm } from '@/src/common/createHeadlessForm';\nimport type {\n  JSONSchemaFormResultWithFieldsets,\n  JSFModify,\n} from '@/src/flows/types';\n\nexport type GPEmployeeSchemaType =\n  | 'global_payroll_personal_details'\n  | 'address_details'\n  | 'global_payroll_bank_account_details'\n  | 'global_payroll_federal_taxes'\n  | 'global_payroll_state_taxes';\n\nexport const useGPEmployeeFormSchema = (\n  countryCode: string | undefined,\n  schemaType: GPEmployeeSchemaType,\n  fieldValues: FieldValues,\n  queryOptions?: {\n    enabled?: boolean;\n    employmentId?: string;\n    jurisdiction?: string;\n  },\n  jsfModify?: JSFModify,\n): ReturnType<typeof useQuery<JSONSchemaFormResultWithFieldsets>> => {\n  const { client } = useClient();\n  const employmentId = queryOptions?.employmentId;\n  const jurisdiction = queryOptions?.jurisdiction;\n  return useQuery({\n    queryKey: [\n      'gp-employee-form-schema',\n      countryCode,\n      schemaType,\n      employmentId,\n      jurisdiction,\n    ],\n    enabled: !!countryCode && (queryOptions?.enabled ?? true),\n    retry: false,\n    queryFn: async () => {\n      // `employment_id` and `jurisdiction` are required by the gateway for the\n      // `global_payroll_state_taxes` form (employment_id also for other forms\n      // whose `restrict_fields` branches on user_role). Only send what we have.\n      const query = {\n        ...(employmentId ? { employment_id: employmentId } : {}),\n        ...(jurisdiction ? { jurisdiction } : {}),\n      };\n      const response = await getV1CountriesCountryCodeForm({\n        client: client as Client,\n        headers: { Authorization: `` },\n        path: {\n          country_code: countryCode as string,\n          form: schemaType,\n        },\n        ...(Object.keys(query).length > 0 ? { query } : {}),\n      });\n      if (response.error || !response.data) {\n        throw new Error(`Failed to fetch ${schemaType} schema`);\n      }\n      return response;\n    },\n    select: ({ data }) =>\n      createHeadlessForm(\n        (data?.data as Record<string, unknown>) || {},\n        fieldValues,\n        jsfModify ? { jsfModify } : undefined,\n      ),\n  });\n};\n\nexport const useGPUpdatePersonalDetails = (employmentId: string) => {\n  const { client } = useClient();\n  return useMutation({\n    mutationFn: (personalDetails: Record<string, unknown>) => {\n      // 'name' is a computed read-only display field in the schema (additionalProperties: false\n      // on the PUT endpoint rejects it). Strip it before sending.\n      const { name: _name, ...payload } = personalDetails;\n      return putV1EmployeePersonalDetails({\n        client: client as Client,\n        headers: { Authorization: ``, 'x-rf-employment-id': employmentId },\n        body: { personal_details: payload },\n      });\n    },\n  });\n};\n\nexport const useGPUpdateHomeAddress = (employmentId: string) => {\n  const { client } = useClient();\n  return useMutation({\n    mutationFn: (addressDetails: Record<string, unknown>) =>\n      putV1EmployeeAddress({\n        client: client as Client,\n        headers: { Authorization: ``, 'x-rf-employment-id': employmentId },\n        body: { address_details: addressDetails },\n      }),\n  });\n};\n\nexport const useGPUpdateBankAccount = (employmentId: string) => {\n  const { client } = useClient();\n  return useMutation({\n    mutationFn: (bankAccountDetails: Record<string, unknown>) =>\n      putV1EmployeeBankAccount({\n        client: client as Client,\n        headers: { Authorization: ``, 'x-rf-employment-id': employmentId },\n        body: { bank_account_details: bankAccountDetails },\n      }),\n  });\n};\n\nexport const useGPUpdateFederalTaxes = (employmentId: string) => {\n  const { client } = useClient();\n  return useMutation({\n    mutationFn: (federalTaxes: Record<string, unknown>) =>\n      putV1EmployeeFederalTaxes({\n        client: client as Client,\n        headers: { Authorization: ``, 'x-rf-employment-id': employmentId },\n        body: { federal_taxes: federalTaxes },\n      }),\n  });\n};\n\nexport const useGPUpdateStateTaxes = (\n  jurisdiction: string | undefined,\n  employmentId: string,\n) => {\n  const { client } = useClient();\n  return useMutation({\n    mutationFn: (stateTaxes: Record<string, unknown>) => {\n      if (!jurisdiction) {\n        throw new Error(\n          'A `jurisdiction` (US state code) is required to submit state taxes.',\n        );\n      }\n      return putV1EmployeeStateTaxesJurisdiction({\n        client: client as Client,\n        headers: { Authorization: ``, 'x-rf-employment-id': employmentId },\n        path: { jurisdiction },\n        body: { state_taxes: stateTaxes },\n      });\n    },\n  });\n};\n","/**\n * Thrown by the flow's `onSubmit` when a tax-step PUT fails because the tax\n * task isn't provisioned yet (pending enrollment). The submit handler treats\n * this as an availability change — it neither advances nor surfaces a raw error\n * via `onError` — because the flow already reflects it through\n * `taxStepsAvailability`.\n */\nexport class TaxPendingEnrollmentError extends Error {\n  constructor() {\n    super('Tax step is pending enrollment');\n    this.name = 'TaxPendingEnrollmentError';\n  }\n}\n","import { useMemo, useCallback, useState, useEffect } from 'react';\nimport type { FieldValues } from 'react-hook-form';\nimport { useGPOnboardingSteps } from '@/src/common/api/gpOnboarding';\nimport { useEmploymentQuery } from '@/src/common/api/employment';\nimport { useStepState } from '@/src/flows/useStepState';\nimport type { Step } from '@/src/flows/useStepState';\nimport type {\n  PayrollEmployeeOnboardingFlowProps,\n  TaxStepUnavailableReason,\n} from '@/src/flows/PayrollEmployeeOnboarding/types';\nimport { useErrorReporting } from '@/src/components/error-handling/useErrorReporting';\nimport { isMutationError, mutationToPromise } from '@/src/lib/mutations';\nimport { parseJSFToValidate } from '@/src/components/form/utils';\nimport {\n  useGPEmployeeFormSchema,\n  useGPUpdateBankAccount,\n  useGPUpdateFederalTaxes,\n  useGPUpdateHomeAddress,\n  useGPUpdatePersonalDetails,\n  useGPUpdateStateTaxes,\n} from '@/src/flows/PayrollEmployeeOnboarding/api';\nimport type {\n  JSONSchemaFormResultWithFieldsets,\n  JSFModify,\n} from '@/src/flows/types';\nimport { TaxPendingEnrollmentError } from '@/src/flows/PayrollEmployeeOnboarding/taxErrors';\n\nexport type EmployeeStepKey =\n  | 'personal_details'\n  | 'home_address'\n  | 'bank_account'\n  | 'federal_taxes'\n  | 'state_taxes';\n\n// Stable module-level jsfModify configs for personal_details. Two variants:\n// - USA: schema's mobile_number is a plain 10-digit string with `inputType: 'text'`.\n//   Add a description so users know what's expected.\n// - non-USA: schema's mobile_number is an `anyOf` of per-country dial-code\n//   patterns. Force `inputType: 'tel'` so TelField renders a country picker +\n//   national-number input. Without this it falls back to a plain text input\n//   that silently fails the anyOf validation.\n//\n// Both variants hide `name` (a computed display-only field that the PUT\n// endpoint rejects via `additionalProperties: false`).\nconst PERSONAL_DETAILS_HIDE_NAME = {\n  name: { 'x-jsf-presentation': { inputType: 'hidden' } },\n};\n\nconst PERSONAL_DETAILS_JSF_MODIFY_USA: JSFModify = {\n  fields: {\n    ...PERSONAL_DETAILS_HIDE_NAME,\n    mobile_number: {\n      description: 'Enter 10 digits, no country code (e.g. 5389274785)',\n    },\n  },\n};\n\nconst PERSONAL_DETAILS_JSF_MODIFY_INTL: JSFModify = {\n  fields: {\n    ...PERSONAL_DETAILS_HIDE_NAME,\n    mobile_number: { 'x-jsf-presentation': { inputType: 'tel' } },\n  },\n};\n\nfunction getPersonalDetailsJsfModify(\n  countryCode: string | undefined,\n): JSFModify {\n  return countryCode === 'USA'\n    ? PERSONAL_DETAILS_JSF_MODIFY_USA\n    : PERSONAL_DETAILS_JSF_MODIFY_INTL;\n}\n\nconst buildEmployeeSteps = ({\n  hasBankSubstep,\n  federalTaxesVisible,\n  stateTaxesVisible,\n}: {\n  hasBankSubstep: boolean;\n  federalTaxesVisible: boolean;\n  stateTaxesVisible: boolean;\n}): Record<EmployeeStepKey, Step<EmployeeStepKey>> => ({\n  personal_details: { index: 0, name: 'personal_details' },\n  home_address: { index: 1, name: 'home_address' },\n  bank_account: { index: 2, name: 'bank_account', visible: hasBankSubstep },\n  federal_taxes: {\n    index: 3,\n    name: 'federal_taxes',\n    visible: federalTaxesVisible,\n  },\n  state_taxes: { index: 4, name: 'state_taxes', visible: stateTaxesVisible },\n});\n\nconst TAX_STEPS = ['federal_taxes', 'state_taxes'] as const;\ntype TaxStepKey = (typeof TAX_STEPS)[number];\n\nexport const usePayrollEmployeeOnboarding = ({\n  employmentId,\n  countryCode: countryCodeProp,\n  jurisdiction: jurisdictionProp,\n  initialValues,\n  options,\n}: Omit<PayrollEmployeeOnboardingFlowProps, 'render'>) => {\n  // Per-step failures detected at submit time. Used to retroactively flip a\n  // tax step to `pending_enrollment` after the backend returns 404 with\n  // `Tax task not found...`.\n  const [taxSubmitFailures, setTaxSubmitFailures] = useState<\n    Partial<Record<TaxStepKey, TaxStepUnavailableReason>>\n  >({});\n\n  const { updateErrorContext } = useErrorReporting({\n    flow: 'payroll_employee_onboarding',\n  });\n\n  // Only fetch the employment when the consumer hasn't supplied countryCode\n  // themselves. This lookup requires a token that can reach\n  // `/v1/employments/:id` — fine for a proxy that mints a different token per\n  // path, but a plain employee-scoped assertion token gets a 401 here. So\n  // consumers whose `auth` resolves to a single employee-scoped token for the\n  // whole client must supply `countryCode` (and `jurisdiction`) explicitly.\n  const { data: employment, isLoading: isLoadingEmployment } =\n    useEmploymentQuery({ employmentId, enabled: !countryCodeProp });\n\n  const countryCode = countryCodeProp ?? employment?.country?.code;\n  // Prefer the work address state when present; fall back to the home\n  // address state. State code is only meaningful for USA employments.\n  const workState = (\n    employment?.work_address_details as { state?: string } | undefined\n  )?.state;\n  const homeState = (\n    employment?.address_details as { state?: string } | undefined\n  )?.state;\n  const jurisdiction = jurisdictionProp ?? (workState || homeState);\n\n  const onStepChange = useCallback(\n    (step: Step<EmployeeStepKey>) => {\n      updateErrorContext({ step: step.name });\n    },\n    [updateErrorContext],\n  );\n\n  // ── API steps ───────────────────────────────────────────────────────────────\n\n  const {\n    data: apiSteps,\n    isLoading: isLoadingSteps,\n    refetch: refetchSteps,\n  } = useGPOnboardingSteps(employmentId);\n\n  const selfOnboardingSubsteps = useMemo(() => {\n    const selfOnboarding = apiSteps?.find((s) => s.type === 'self_onboarding');\n    return selfOnboarding?.sub_steps ?? [];\n  }, [apiSteps]);\n\n  const isComplete =\n    apiSteps?.find((s) => s.type === 'completion')?.sub_steps?.[0]?.status ===\n    'completed';\n\n  // ── Step visibility — drop steps the backend says are unneeded ──────────────\n  const isUSA = countryCode === 'USA';\n  const isPostEnrollment = isComplete ?? false;\n  const hasBankSubstep = selfOnboardingSubsteps.some(\n    (s) => s.type === 'employee_provides_bank_details',\n  );\n\n  const steps = useMemo(\n    () =>\n      buildEmployeeSteps({\n        hasBankSubstep,\n        federalTaxesVisible: isUSA && isPostEnrollment,\n        stateTaxesVisible: isUSA && !!jurisdiction && isPostEnrollment,\n      }),\n    [hasBankSubstep, isUSA, isPostEnrollment, jurisdiction],\n  );\n\n  const {\n    stepState,\n    nextStep,\n    previousStep,\n    goToStep,\n    setStepValues,\n    fieldValues,\n    setFieldValues,\n  } = useStepState<EmployeeStepKey>(steps, onStepChange);\n\n  const currentStep = stepState.currentStep.name;\n\n  // A tax step flagged `pending_enrollment` after a 404 would otherwise stay\n  // flagged for the whole session, trapping the user even once the backend tax\n  // task appears. Clear the flag when the user (re)enters the step so revisiting\n  // it re-attempts the submit instead of showing not-available forever.\n  useEffect(() => {\n    if (currentStep !== 'federal_taxes' && currentStep !== 'state_taxes')\n      return;\n    setTaxSubmitFailures((prev) => {\n      if (!prev[currentStep]) return prev;\n      const next = { ...prev };\n      delete next[currentStep];\n      return next;\n    });\n  }, [currentStep]);\n\n  // ── Tax-step availability ───────────────────────────────────────────────────\n  //\n  // The federal_taxes and state_taxes endpoints only respond once Tiger creates\n  // the corresponding tax_task — which happens when the employment becomes\n  // `active`. We don't have a clean signal callable with the employee token\n  // (employments/:id returns 401, employee/current returns user+company only),\n  // so we use the `completion` step as the best upfront probe and, when even\n  // that is insufficient (e.g. step status is completed but employment lifecycle\n  // is `onboarded`), we fall back to retroactively flipping the step to\n  // `pending_enrollment` after the PUT returns 404. See `taxSubmitFailures`.\n\n  // ── Schema queries ──────────────────────────────────────────────────────────\n\n  const personalDetailsSchema = useGPEmployeeFormSchema(\n    countryCode,\n    'global_payroll_personal_details',\n    fieldValues,\n    { enabled: currentStep === 'personal_details', employmentId },\n    getPersonalDetailsJsfModify(countryCode),\n  );\n\n  const homeAddressSchema = useGPEmployeeFormSchema(\n    countryCode,\n    'address_details',\n    fieldValues,\n    { enabled: currentStep === 'home_address', employmentId },\n  );\n\n  const bankAccountSchema = useGPEmployeeFormSchema(\n    countryCode,\n    'global_payroll_bank_account_details',\n    fieldValues,\n    { enabled: currentStep === 'bank_account', employmentId },\n  );\n\n  // The tax-step schema queries are gated only on country + active. We can't\n  // gate on `taxStepsAvailability` here because availability itself depends on\n  // the query outcome (schema_unavailable when 400/404), which would create a\n  // dependency cycle. The query just won't surface in the UI when the step\n  // isn't current — and a failed fetch flips availability to schema_unavailable\n  // via the dedicated effect below.\n  const federalTaxesSchema = useGPEmployeeFormSchema(\n    countryCode,\n    'global_payroll_federal_taxes',\n    fieldValues,\n    {\n      enabled: isUSA && isPostEnrollment && currentStep === 'federal_taxes',\n      employmentId,\n    },\n  );\n\n  const stateTaxesSchema = useGPEmployeeFormSchema(\n    countryCode,\n    'global_payroll_state_taxes',\n    fieldValues,\n    {\n      enabled:\n        isUSA &&\n        !!jurisdiction &&\n        isPostEnrollment &&\n        currentStep === 'state_taxes',\n      employmentId,\n      jurisdiction,\n    },\n  );\n\n  const currentSchema = useMemo(() => {\n    const schemaByStep: Partial<\n      Record<EmployeeStepKey, typeof personalDetailsSchema.data>\n    > = {\n      personal_details: personalDetailsSchema.data,\n      home_address: homeAddressSchema.data,\n      bank_account: bankAccountSchema.data,\n      federal_taxes: federalTaxesSchema.data,\n      state_taxes: stateTaxesSchema.data,\n    };\n    return schemaByStep[currentStep];\n  }, [\n    currentStep,\n    personalDetailsSchema.data,\n    homeAddressSchema.data,\n    bankAccountSchema.data,\n    federalTaxesSchema.data,\n    stateTaxesSchema.data,\n  ]);\n\n  // Availability is computed AFTER schema queries so we can fold their error\n  // state (e.g. backend returns 400 for an unseeded schema) into a friendly\n  // `schema_unavailable` reason instead of letting the consumer render an\n  // empty form.\n  const taxStepsAvailability = useMemo(() => {\n    const federalReason = ((): TaxStepUnavailableReason | null => {\n      if (!isUSA) return 'unsupported_country';\n      if (taxSubmitFailures.federal_taxes)\n        return taxSubmitFailures.federal_taxes;\n      if (!isPostEnrollment) return 'pending_enrollment';\n      if (federalTaxesSchema.isError) return 'schema_unavailable';\n      return null;\n    })();\n\n    const stateReason = ((): TaxStepUnavailableReason | null => {\n      if (!isUSA) return 'unsupported_country';\n      if (!jurisdiction) return 'no_jurisdiction';\n      if (taxSubmitFailures.state_taxes) return taxSubmitFailures.state_taxes;\n      if (!isPostEnrollment) return 'pending_enrollment';\n      if (stateTaxesSchema.isError) return 'schema_unavailable';\n      return null;\n    })();\n\n    return {\n      federal_taxes: {\n        isAvailable: federalReason === null,\n        unavailableReason: federalReason,\n      },\n      state_taxes: {\n        isAvailable: stateReason === null,\n        unavailableReason: stateReason,\n      },\n    };\n  }, [\n    isUSA,\n    isPostEnrollment,\n    jurisdiction,\n    taxSubmitFailures,\n    federalTaxesSchema.isError,\n    stateTaxesSchema.isError,\n  ]);\n\n  const isLoadingSchema =\n    personalDetailsSchema.isLoading ||\n    homeAddressSchema.isLoading ||\n    bankAccountSchema.isLoading ||\n    federalTaxesSchema.isLoading ||\n    stateTaxesSchema.isLoading;\n\n  // ── Mutations ───────────────────────────────────────────────────────────────\n\n  const updatePersonalDetailsMutation =\n    useGPUpdatePersonalDetails(employmentId);\n  const updateHomeAddressMutation = useGPUpdateHomeAddress(employmentId);\n  const updateBankAccountMutation = useGPUpdateBankAccount(employmentId);\n  const updateFederalTaxesMutation = useGPUpdateFederalTaxes(employmentId);\n  const updateStateTaxesMutation = useGPUpdateStateTaxes(\n    jurisdiction,\n    employmentId,\n  );\n\n  const { mutateAsyncOrThrow: updatePersonalDetailsAsync } = mutationToPromise(\n    updatePersonalDetailsMutation,\n  );\n  const { mutateAsyncOrThrow: updateHomeAddressAsync } = mutationToPromise(\n    updateHomeAddressMutation,\n  );\n  const { mutateAsyncOrThrow: updateBankAccountAsync } = mutationToPromise(\n    updateBankAccountMutation,\n  );\n  const { mutateAsyncOrThrow: updateFederalTaxesAsync } = mutationToPromise(\n    updateFederalTaxesMutation,\n  );\n  const { mutateAsyncOrThrow: updateStateTaxesAsync } = mutationToPromise(\n    updateStateTaxesMutation,\n  );\n\n  const isSubmitting =\n    updatePersonalDetailsMutation.isPending ||\n    updateHomeAddressMutation.isPending ||\n    updateBankAccountMutation.isPending ||\n    updateFederalTaxesMutation.isPending ||\n    updateStateTaxesMutation.isPending;\n\n  // ── Form helpers ────────────────────────────────────────────────────────────\n\n  const handleValidation = useCallback(\n    async (values: FieldValues) => {\n      if (!currentSchema) return null;\n      const parsedValues = await parseJSFToValidate(\n        values,\n        currentSchema.fields,\n        { isPartialValidation: false },\n      );\n      return currentSchema.handleValidation(parsedValues);\n    },\n    [currentSchema],\n  );\n\n  const parseFormValues = useCallback(\n    async (values: FieldValues): Promise<Record<string, unknown>> => {\n      if (!currentSchema) return values;\n      return parseJSFToValidate(values, currentSchema.fields, {\n        isPartialValidation: false,\n      });\n    },\n    [currentSchema],\n  );\n\n  /**\n   * Tiger's tax endpoints return 404 with `{message: \"Tax task not found...\"}`\n   * when the employment hasn't reached post-enrollment. Convert that to a\n   * `pending_enrollment` availability flip so the consumer can render the\n   * not-available state instead of surfacing a raw error.\n   */\n  const handleTaxSubmitError = useCallback(\n    (taxStep: TaxStepKey, error: unknown): boolean => {\n      if (!isMutationError(error)) return false;\n      const message =\n        typeof error.rawError === 'object' &&\n        error.rawError !== null &&\n        'message' in error.rawError\n          ? String((error.rawError as { message?: unknown }).message ?? '')\n          : '';\n      // Only a \"tax task not found\" response means the task isn't provisioned\n      // yet (pending enrollment). Other 404s are genuine errors and must\n      // surface rather than being hidden behind the pending-enrollment state.\n      if (/tax task not found/i.test(message)) {\n        setTaxSubmitFailures((prev) => ({\n          ...prev,\n          [taxStep]: 'pending_enrollment' as TaxStepUnavailableReason,\n        }));\n        return true;\n      }\n      return false;\n    },\n    [],\n  );\n\n  const onSubmit = useCallback(\n    async (values: FieldValues) => {\n      const parsedValues = await parseFormValues(values);\n\n      switch (currentStep) {\n        case 'personal_details': {\n          const data = await updatePersonalDetailsAsync(parsedValues);\n          await refetchSteps();\n          return data;\n        }\n        case 'home_address': {\n          const data = await updateHomeAddressAsync(parsedValues);\n          await refetchSteps();\n          return data;\n        }\n        case 'bank_account': {\n          const data = await updateBankAccountAsync(parsedValues);\n          await refetchSteps();\n          return data;\n        }\n        case 'federal_taxes': {\n          try {\n            const data = await updateFederalTaxesAsync(parsedValues);\n            await refetchSteps();\n            return data;\n          } catch (e) {\n            if (handleTaxSubmitError('federal_taxes', e)) {\n              throw new TaxPendingEnrollmentError();\n            }\n            throw e;\n          }\n        }\n        case 'state_taxes': {\n          try {\n            const data = await updateStateTaxesAsync(parsedValues);\n            await refetchSteps();\n            return data;\n          } catch (e) {\n            if (handleTaxSubmitError('state_taxes', e)) {\n              throw new TaxPendingEnrollmentError();\n            }\n            throw e;\n          }\n        }\n        default:\n          return;\n      }\n    },\n    [\n      currentStep,\n      parseFormValues,\n      updatePersonalDetailsAsync,\n      updateHomeAddressAsync,\n      updateBankAccountAsync,\n      updateFederalTaxesAsync,\n      updateStateTaxesAsync,\n      refetchSteps,\n      handleTaxSubmitError,\n    ],\n  );\n\n  return {\n    stepState,\n    isLoading: isLoadingEmployment || isLoadingSteps || isLoadingSchema,\n    isSubmitting,\n    isComplete: isComplete ?? false,\n    employmentId,\n    countryCode,\n    jurisdiction,\n    initialValues,\n    options,\n    apiSteps,\n    selfOnboardingSubsteps,\n    taxStepsAvailability,\n    refetchSteps,\n    fields: currentSchema?.fields ?? [],\n    meta: (currentSchema?.meta ??\n      {}) as JSONSchemaFormResultWithFieldsets['meta'],\n    fieldValues,\n    setFieldValues,\n    handleValidation,\n    parseFormValues,\n    onSubmit,\n    next: nextStep,\n    back: previousStep,\n    goToStep,\n    setStepValues,\n  };\n};\n","import type { usePayrollEmployeeOnboarding } from '@/src/flows/PayrollEmployeeOnboarding/hooks';\nimport { createContext, useContext } from 'react';\n\nexport const PayrollEmployeeOnboardingContext = createContext<{\n  formId: string | undefined;\n  employeeBag: ReturnType<typeof usePayrollEmployeeOnboarding> | null;\n}>({\n  formId: undefined,\n  employeeBag: null,\n});\n\nexport const usePayrollEmployeeOnboardingContext = () => {\n  const context = useContext(PayrollEmployeeOnboardingContext);\n  if (!context.formId || !context.employeeBag) {\n    throw new Error(\n      'usePayrollEmployeeOnboardingContext must be used within a PayrollEmployeeOnboardingFlow',\n    );\n  }\n  return context as {\n    formId: string;\n    employeeBag: ReturnType<typeof usePayrollEmployeeOnboarding>;\n  };\n};\n","import type { UseFormReturn } from 'react-hook-form';\nimport { Form } from '@/src/components/ui/form';\nimport { JSONSchemaFormFields } from '@/src/components/form/JSONSchemaForm';\nimport { usePayrollEmployeeOnboardingContext } from '@/src/flows/PayrollEmployeeOnboarding/context';\nimport { useJSONSchemaForm } from '@/src/components/form/useJSONSchemaForm';\nimport type { $TSFixMe, JSFFieldset } from '@/src/types/remoteFlows';\n\ntype PayrollEmployeeFormProps = {\n  onSubmit: (\n    values: Record<string, unknown>,\n    form: UseFormReturn<$TSFixMe>,\n  ) => Promise<void>;\n  defaultValues?: Record<string, unknown>;\n};\n\nexport function PayrollEmployeeForm({\n  onSubmit,\n  defaultValues,\n}: PayrollEmployeeFormProps) {\n  const { formId, employeeBag } = usePayrollEmployeeOnboardingContext();\n\n  const form = useJSONSchemaForm({\n    handleValidation: employeeBag.handleValidation,\n    defaultValues: defaultValues ?? {},\n    checkFieldUpdates: employeeBag.setFieldValues,\n  });\n\n  return (\n    <Form {...form} key={`form-${employeeBag.stepState.currentStep.name}`}>\n      <form\n        id={formId}\n        onSubmit={form.handleSubmit((values) => onSubmit(values, form))}\n        className='space-y-4 RemoteFlows__PayrollEmployeeForm'\n      >\n        <JSONSchemaFormFields\n          fields={employeeBag.fields}\n          fieldsets={employeeBag.meta['x-jsf-fieldsets'] as JSFFieldset}\n          fieldValues={employeeBag.fieldValues}\n        />\n      </form>\n    </Form>\n  );\n}\n","import type { UseFormReturn } from 'react-hook-form';\nimport { usePayrollEmployeeOnboardingContext } from '@/src/flows/PayrollEmployeeOnboarding/context';\nimport type { GPStepCallbacks } from '@/src/flows/types';\nimport { handleStepError } from '@/src/lib/utils';\nimport type { $TSFixMe } from '@/src/types/remoteFlows';\nimport { TaxPendingEnrollmentError } from '@/src/flows/PayrollEmployeeOnboarding/taxErrors';\n\nexport function useEmployeeStepSubmitHandler({\n  onSubmit,\n  onSuccess,\n  onError,\n}: GPStepCallbacks) {\n  const { employeeBag } = usePayrollEmployeeOnboardingContext();\n\n  return async (\n    values: Record<string, unknown>,\n    form: UseFormReturn<$TSFixMe>,\n  ) => {\n    try {\n      await onSubmit?.(values);\n      const data = await employeeBag.onSubmit(values);\n      await onSuccess?.(data);\n      employeeBag.next();\n    } catch (error: unknown) {\n      // A pending-enrollment tax 404 is already reflected through\n      // taxStepsAvailability — don't advance and don't surface it as an error.\n      if (error instanceof TaxPendingEnrollmentError) return;\n      // Pass the form so server-side field errors are mapped back onto the\n      // matching form fields, not only surfaced through the onError callback.\n      onError?.(handleStepError(error, undefined, form));\n    }\n  };\n}\n","import { usePayrollEmployeeOnboardingContext } from '@/src/flows/PayrollEmployeeOnboarding/context';\nimport { PayrollEmployeeForm } from '@/src/flows/PayrollEmployeeOnboarding/components/PayrollEmployeeForm';\nimport { useEmployeeStepSubmitHandler } from '@/src/flows/PayrollEmployeeOnboarding/components/useEmployeeStepSubmitHandler';\nimport type { GPStepCallbacks } from '@/src/flows/types';\n\nexport function PersonalDetailsStep(props: GPStepCallbacks) {\n  const { employeeBag } = usePayrollEmployeeOnboardingContext();\n  const handleSubmit = useEmployeeStepSubmitHandler(props);\n\n  return (\n    <PayrollEmployeeForm\n      onSubmit={handleSubmit}\n      defaultValues={{\n        ...(employeeBag.initialValues?.personal_details as Record<\n          string,\n          unknown\n        >),\n        ...(employeeBag.stepState.values?.personal_details as Record<\n          string,\n          unknown\n        >),\n      }}\n    />\n  );\n}\n","import { usePayrollEmployeeOnboardingContext } from '@/src/flows/PayrollEmployeeOnboarding/context';\nimport { PayrollEmployeeForm } from '@/src/flows/PayrollEmployeeOnboarding/components/PayrollEmployeeForm';\nimport { useEmployeeStepSubmitHandler } from '@/src/flows/PayrollEmployeeOnboarding/components/useEmployeeStepSubmitHandler';\nimport type { GPStepCallbacks } from '@/src/flows/types';\n\nexport function HomeAddressStep(props: GPStepCallbacks) {\n  const { employeeBag } = usePayrollEmployeeOnboardingContext();\n  const handleSubmit = useEmployeeStepSubmitHandler(props);\n\n  return (\n    <PayrollEmployeeForm\n      onSubmit={handleSubmit}\n      defaultValues={{\n        ...(employeeBag.initialValues?.home_address as Record<string, unknown>),\n        ...(employeeBag.stepState.values?.home_address as Record<\n          string,\n          unknown\n        >),\n      }}\n    />\n  );\n}\n","import { usePayrollEmployeeOnboardingContext } from '@/src/flows/PayrollEmployeeOnboarding/context';\nimport { PayrollEmployeeForm } from '@/src/flows/PayrollEmployeeOnboarding/components/PayrollEmployeeForm';\nimport { useEmployeeStepSubmitHandler } from '@/src/flows/PayrollEmployeeOnboarding/components/useEmployeeStepSubmitHandler';\nimport type { GPStepCallbacks } from '@/src/flows/types';\n\n/**\n * Render only when employeeBag.selfOnboardingSubsteps includes\n * 'employee_provides_bank_details'. The step is always present in the step\n * state but the substep presence determines whether it is actually required.\n */\nexport function BankAccountStep(props: GPStepCallbacks) {\n  const { employeeBag } = usePayrollEmployeeOnboardingContext();\n  const handleSubmit = useEmployeeStepSubmitHandler(props);\n\n  const isRequired = employeeBag.selfOnboardingSubsteps.some(\n    (s) => s.type === 'employee_provides_bank_details',\n  );\n\n  if (!isRequired) return null;\n\n  return (\n    <PayrollEmployeeForm\n      onSubmit={handleSubmit}\n      defaultValues={{\n        ...(employeeBag.initialValues?.bank_account as Record<string, unknown>),\n        ...(employeeBag.stepState.values?.bank_account as Record<\n          string,\n          unknown\n        >),\n      }}\n    />\n  );\n}\n","import { usePayrollEmployeeOnboardingContext } from '@/src/flows/PayrollEmployeeOnboarding/context';\nimport { PayrollEmployeeForm } from '@/src/flows/PayrollEmployeeOnboarding/components/PayrollEmployeeForm';\nimport { useEmployeeStepSubmitHandler } from '@/src/flows/PayrollEmployeeOnboarding/components/useEmployeeStepSubmitHandler';\nimport type { GPStepCallbacks } from '@/src/flows/types';\n\n/**\n * Render only when `employeeBag.taxStepsAvailability.federal_taxes.isAvailable`\n * is true. Returns null otherwise so the consumer can render their own\n * not-available UI driven by `unavailableReason`. The step also flips itself\n * to unavailable retroactively if the backend returns 404 on submit.\n */\nexport function FederalTaxesStep(props: GPStepCallbacks) {\n  const { employeeBag } = usePayrollEmployeeOnboardingContext();\n  const handleSubmit = useEmployeeStepSubmitHandler(props);\n\n  if (!employeeBag.taxStepsAvailability.federal_taxes.isAvailable) return null;\n\n  return (\n    <PayrollEmployeeForm\n      onSubmit={handleSubmit}\n      defaultValues={{\n        ...(employeeBag.initialValues?.federal_taxes as Record<\n          string,\n          unknown\n        >),\n        ...(employeeBag.stepState.values?.federal_taxes as Record<\n          string,\n          unknown\n        >),\n      }}\n    />\n  );\n}\n","import { usePayrollEmployeeOnboardingContext } from '@/src/flows/PayrollEmployeeOnboarding/context';\nimport { PayrollEmployeeForm } from '@/src/flows/PayrollEmployeeOnboarding/components/PayrollEmployeeForm';\nimport { useEmployeeStepSubmitHandler } from '@/src/flows/PayrollEmployeeOnboarding/components/useEmployeeStepSubmitHandler';\nimport type { GPStepCallbacks } from '@/src/flows/types';\n\n/**\n * Render only when `employeeBag.taxStepsAvailability.state_taxes.isAvailable`\n * is true (USA + jurisdiction set + post-enrollment). Returns null otherwise.\n * Submits to PUT /v1/employee/state-taxes/{jurisdiction} where jurisdiction\n * is derived from the employment (`employeeBag.jurisdiction`).\n */\nexport function StateTaxesStep(props: GPStepCallbacks) {\n  const { employeeBag } = usePayrollEmployeeOnboardingContext();\n  const handleSubmit = useEmployeeStepSubmitHandler(props);\n\n  if (!employeeBag.taxStepsAvailability.state_taxes.isAvailable) return null;\n\n  return (\n    <PayrollEmployeeForm\n      onSubmit={handleSubmit}\n      defaultValues={{\n        ...(employeeBag.initialValues?.state_taxes as Record<string, unknown>),\n        ...(employeeBag.stepState.values?.state_taxes as Record<\n          string,\n          unknown\n        >),\n      }}\n    />\n  );\n}\n","import { ButtonHTMLAttributes, PropsWithChildren } from 'react';\nimport { usePayrollEmployeeOnboardingContext } from '@/src/flows/PayrollEmployeeOnboarding/context';\nimport { useFormFields } from '@/src/context';\n\nexport function SubmitButton({\n  children,\n  ...props\n}: PropsWithChildren<ButtonHTMLAttributes<HTMLButtonElement>>) {\n  const { formId, employeeBag } = usePayrollEmployeeOnboardingContext();\n  const { components } = useFormFields();\n\n  const CustomButton = components?.button;\n  if (!CustomButton) {\n    throw new Error('Button component not found');\n  }\n\n  return (\n    <CustomButton\n      {...props}\n      form={formId}\n      disabled={\n        props.disabled || employeeBag.isSubmitting || employeeBag.isLoading\n      }\n    >\n      {children}\n    </CustomButton>\n  );\n}\n","import { ButtonHTMLAttributes, PropsWithChildren } from 'react';\nimport { usePayrollEmployeeOnboardingContext } from '@/src/flows/PayrollEmployeeOnboarding/context';\nimport { useFormFields } from '@/src/context';\n\nexport function BackButton({\n  children,\n  onClick,\n  ...props\n}: PropsWithChildren<ButtonHTMLAttributes<HTMLButtonElement>>) {\n  const { employeeBag } = usePayrollEmployeeOnboardingContext();\n  const { components } = useFormFields();\n\n  const CustomButton = components?.button;\n  if (!CustomButton) {\n    throw new Error('Button component not found');\n  }\n\n  const handleBack = (evt: React.MouseEvent<HTMLButtonElement>) => {\n    employeeBag.back();\n    onClick?.(evt);\n  };\n\n  return (\n    <CustomButton {...props} onClick={handleBack}>\n      {children}\n    </CustomButton>\n  );\n}\n","import { useId } from 'react';\nimport { usePayrollEmployeeOnboarding } from '@/src/flows/PayrollEmployeeOnboarding/hooks';\nimport { PayrollEmployeeOnboardingContext } from '@/src/flows/PayrollEmployeeOnboarding/context';\nimport type { PayrollEmployeeOnboardingFlowProps } from '@/src/flows/PayrollEmployeeOnboarding/types';\nimport { PersonalDetailsStep } from '@/src/flows/PayrollEmployeeOnboarding/components/PersonalDetailsStep';\nimport { HomeAddressStep } from '@/src/flows/PayrollEmployeeOnboarding/components/HomeAddressStep';\nimport { BankAccountStep } from '@/src/flows/PayrollEmployeeOnboarding/components/BankAccountStep';\nimport { FederalTaxesStep } from '@/src/flows/PayrollEmployeeOnboarding/components/FederalTaxesStep';\nimport { StateTaxesStep } from '@/src/flows/PayrollEmployeeOnboarding/components/StateTaxesStep';\nimport { SubmitButton } from '@/src/flows/PayrollEmployeeOnboarding/components/SubmitButton';\nimport { BackButton } from '@/src/flows/PayrollEmployeeOnboarding/components/BackButton';\n\nexport const PayrollEmployeeOnboardingFlow = ({\n  employmentId,\n  countryCode,\n  jurisdiction,\n  initialValues,\n  options,\n  render,\n}: PayrollEmployeeOnboardingFlowProps) => {\n  const formId = useId();\n  const employeeBag = usePayrollEmployeeOnboarding({\n    employmentId,\n    countryCode,\n    jurisdiction,\n    initialValues,\n    options,\n  });\n\n  return (\n    <PayrollEmployeeOnboardingContext.Provider value={{ formId, employeeBag }}>\n      {render({\n        employeeBag,\n        components: {\n          PersonalDetailsStep,\n          HomeAddressStep,\n          BankAccountStep,\n          FederalTaxesStep,\n          StateTaxesStep,\n          SubmitButton,\n          BackButton,\n        },\n      })}\n    </PayrollEmployeeOnboardingContext.Provider>\n  );\n};\n"],"mappings":"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"}

package/dist/RadioGroupFieldDefault-s-2o9vOe.js

@@ -0,0 +1,2 @@
+import{n as e}from"./rolldown-runtime-hePW80VL.js";import{C as t,E as n,S as r,_ as i,v as a,x as o}from"./CheckBoxField-DSq9Qf8u.js";import{l as s,u as c,v as l}from"./checkbox-_YWwA7wV.js";import{t as u}from"./HelpCenter-DUyZK5NH.js";import{Fragment as d}from"react";import{jsx as f,jsxs as p}from"react/jsx-runtime";var m=e({RadioGroupFieldDefault:()=>h});const h=({field:e,fieldData:m,fieldState:h})=>{let{name:g,label:_,description:v,options:y}=m;return f(`fieldset`,{className:n(`space-y-3`,`RemoteFlows__RadioGroupField__Item__${g}`),"data-field":g,children:p(o,{children:[f(`legend`,{children:_}),(v||m.meta?.helpCenter)&&f(a,{helpCenter:f(u,{helpCenter:m.meta?.helpCenter}),children:v}),f(i,{children:f(s,{"aria-label":_||g,onValueChange:t=>{e.onChange(t)},value:e.value,className:`flex flex-col`,children:y?.map(e=>f(d,{children:p(o,{"data-field":g,className:`flex items-start space-x-3 space-y-0 gap-0 min-h-[24px] RemoteFlows__RadioField__Item`,children:[f(i,{children:f(c,{value:e.value,className:n(`RemoteFlows__RadioField__Input`,e.recommended&&`mt-1`),disabled:e.disabled})}),p(`div`,{children:[p(r,{className:`font-normal mb-0 RemoteFlows__RadioField__Label`,children:[f(`span`,{dangerouslySetInnerHTML:{__html:e.label}}),` `,e.recommended&&f(l,{variant:`secondary`,className:`ml-2`,children:`Recommended`})]}),e.description&&f(a,{className:`mt-2`,children:e.description})]})]})},e.value))})}),h.error&&f(t,{})]})})};export{m as n,h as t};
+//# sourceMappingURL=RadioGroupFieldDefault-s-2o9vOe.js.map

package/dist/RadioGroupFieldDefault-s-2o9vOe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroupFieldDefault-s-2o9vOe.js","names":[],"sources":["../src/components/form/fields/default/RadioGroupFieldDefault.tsx"],"sourcesContent":["import { Fragment } from 'react';\nimport {\n  FormControl,\n  FormDescription,\n  FormItem,\n  FormLabel,\n  FormMessage,\n} from '@/src/components/ui/form';\nimport { RadioGroup, RadioGroupItem } from '@/src/components/ui/radio-group';\nimport { cn } from '@/src/lib/utils';\nimport { RadioGroupComponentProps } from '@/src/types/fields';\nimport { HelpCenter } from '@/src/components/shared/zendesk-drawer/HelpCenter';\nimport { Badge } from '@/src/components/ui/badge';\n\nexport const RadioGroupFieldDefault = ({\n  field,\n  fieldData,\n  fieldState,\n}: RadioGroupComponentProps) => {\n  const { name, label, description, options } = fieldData;\n  return (\n    <fieldset\n      className={cn('space-y-3', `RemoteFlows__RadioGroupField__Item__${name}`)}\n      data-field={name}\n    >\n      <FormItem>\n        <legend>{label}</legend>\n        {(description || fieldData.meta?.helpCenter) && (\n          <FormDescription\n            helpCenter={<HelpCenter helpCenter={fieldData.meta?.helpCenter} />}\n          >\n            {description}\n          </FormDescription>\n        )}\n        <FormControl>\n          <RadioGroup\n            aria-label={label || name}\n            onValueChange={(value: string) => {\n              field.onChange(value);\n            }}\n            value={field.value}\n            className='flex flex-col'\n          >\n            {options?.map((option) => (\n              <Fragment key={option.value}>\n                <FormItem\n                  data-field={name}\n                  className='flex items-start space-x-3 space-y-0 gap-0 min-h-[24px] RemoteFlows__RadioField__Item'\n                >\n                  <FormControl>\n                    <RadioGroupItem\n                      value={option.value}\n                      className={cn(\n                        'RemoteFlows__RadioField__Input',\n                        option.recommended && 'mt-1',\n                      )}\n                      disabled={option.disabled}\n                    />\n                  </FormControl>\n                  <div>\n                    <FormLabel className='font-normal mb-0 RemoteFlows__RadioField__Label'>\n                      <span\n                        dangerouslySetInnerHTML={{ __html: option.label }}\n                      />{' '}\n                      {option.recommended && (\n                        <Badge variant='secondary' className='ml-2'>\n                          Recommended\n                        </Badge>\n                      )}\n                    </FormLabel>\n                    {option.description && (\n                      <FormDescription className='mt-2'>\n                        {option.description}\n                      </FormDescription>\n                    )}\n                  </div>\n                </FormItem>\n              </Fragment>\n            ))}\n          </RadioGroup>\n        </FormControl>\n        {fieldState.error && <FormMessage />}\n      </FormItem>\n    </fieldset>\n  );\n};\n"],"mappings":"uWAcA,MAAa,GAA0B,CACrC,QACA,YACA,gBAC8B,CAC9B,GAAM,CAAE,OAAM,QAAO,cAAa,WAAY,EAC9C,OACE,EAAC,WAAD,CACE,UAAW,EAAG,YAAa,uCAAuC,GAAM,EACxE,aAAY,EAEZ,SAAA,EAAC,EAAD,CAAA,SAAA,CACE,EAAC,SAAD,CAAA,SAAS,CAAc,CAAA,GACrB,GAAe,EAAU,MAAM,aAC/B,EAAC,EAAD,CACE,WAAY,EAAC,EAAD,CAAY,WAAY,EAAU,MAAM,UAAa,CAAA,EAEhE,SAAA,CACc,CAAA,EAEnB,EAAC,EAAD,CAAA,SACE,EAAC,EAAD,CACE,aAAY,GAAS,EACrB,cAAgB,GAAkB,CAChC,EAAM,SAAS,CAAK,CACtB,EACA,MAAO,EAAM,MACb,UAAU,gBAET,SAAA,GAAS,IAAK,GACb,EAAC,EAAD,CAAA,SACE,EAAC,EAAD,CACE,aAAY,EACZ,UAAU,wFAFZ,SAAA,CAIE,EAAC,EAAD,CAAA,SACE,EAAC,EAAD,CACE,MAAO,EAAO,MACd,UAAW,EACT,iCACA,EAAO,aAAe,MACxB,EACA,SAAU,EAAO,QAClB,CAAA,CACU,CAAA,EACb,EAAC,MAAD,CAAA,SAAA,CACE,EAAC,EAAD,CAAW,UAAU,kDAArB,SAAA,CACE,EAAC,OAAD,CACE,wBAAyB,CAAE,OAAQ,EAAO,KAAM,CACjD,CAAA,EAAE,IACF,EAAO,aACN,EAAC,EAAD,CAAO,QAAQ,YAAY,UAAU,OAAO,SAAA,aAErC,CAAA,CAEA,CACV,CAAA,EAAA,EAAO,aACN,EAAC,EAAD,CAAiB,UAAU,OACxB,SAAA,EAAO,WACO,CAAA,CAEhB,CAAA,CAAA,CACG,CACF,CAAA,CAAA,EAjCK,EAAO,KAiCZ,CACX,CACS,CAAA,CACD,CAAA,EACZ,EAAW,OAAS,EAAC,EAAD,CAAc,CAAA,CAC3B,CAAA,CAAA,CACF,CAAA,CAEd"}

package/dist/SelectFieldDefault-OYOYuCIs.js

@@ -0,0 +1,2 @@
+import{n as e}from"./rolldown-runtime-hePW80VL.js";import{C as t,S as n,_ as r,v as i,x as a}from"./CheckBoxField-DSq9Qf8u.js";import{C as o,S as s,T as c,b as l,w as u,x as d}from"./checkbox-_YWwA7wV.js";import{t as f}from"./HelpCenter-DUyZK5NH.js";import{jsx as p,jsxs as m}from"react/jsx-runtime";var h=e({SelectFieldDefault:()=>g});function g({field:e,fieldState:h,fieldData:g}){let{name:_,label:v,description:y,options:b}=g;return m(a,{"data-field":_,className:`RemoteFlows__SelectField__Item__${_}`,children:[p(n,{className:`RemoteFlows__SelectField__Label`,children:v}),p(r,{children:p(`div`,{className:`relative`,children:m(l,{value:e.value||``,onValueChange:t=>{e.onChange(t)},children:[p(u,{className:`RemoteFlows__SelectField__Trigger`,"aria-invalid":!!h.error,"aria-label":v,children:p(`span`,{className:`absolute`,children:p(c,{placeholder:v})})}),p(d,{className:`RemoteFlows__SelectField__Content`,children:p(s,{className:`RemoteFlows__SelectField__Group`,children:b?.map(e=>p(o,{value:e.value,className:`RemoteFlows__SelectField__SelectItem`,disabled:e.disabled,children:e.label},e.value))})})]})})}),(y||g.meta?.helpCenter)&&p(i,{helpCenter:p(f,{helpCenter:g.meta?.helpCenter}),children:y}),h.error&&p(t,{})]})}export{h as n,g as t};
+//# sourceMappingURL=SelectFieldDefault-OYOYuCIs.js.map

package/dist/SelectFieldDefault-OYOYuCIs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectFieldDefault-OYOYuCIs.js","names":[],"sources":["../src/components/form/fields/default/SelectFieldDefault.tsx"],"sourcesContent":["import {\n  FormControl,\n  FormDescription,\n  FormItem,\n  FormLabel,\n  FormMessage,\n} from '@/src/components/ui/form';\nimport { HelpCenter } from '@/src/components/shared/zendesk-drawer/HelpCenter';\nimport { FieldComponentProps } from '@/src/types/fields';\nimport {\n  Select,\n  SelectGroup,\n  SelectValue,\n  SelectTrigger,\n  SelectContent,\n  SelectItem,\n} from '@/src/components/ui/select';\n\nexport function SelectFieldDefault({\n  field,\n  fieldState,\n  fieldData,\n}: FieldComponentProps) {\n  const { name, label, description, options } = fieldData;\n\n  return (\n    <FormItem\n      data-field={name}\n      className={`RemoteFlows__SelectField__Item__${name}`}\n    >\n      <FormLabel className='RemoteFlows__SelectField__Label'>{label}</FormLabel>\n      <FormControl>\n        <div className='relative'>\n          <Select\n            value={field.value || ''}\n            onValueChange={(value: string) => {\n              field.onChange(value);\n            }}\n          >\n            <SelectTrigger\n              className='RemoteFlows__SelectField__Trigger'\n              aria-invalid={Boolean(fieldState.error)}\n              aria-label={label}\n            >\n              <span className='absolute'>\n                <SelectValue placeholder={label} />\n              </span>\n            </SelectTrigger>\n            <SelectContent className='RemoteFlows__SelectField__Content'>\n              <SelectGroup className='RemoteFlows__SelectField__Group'>\n                {options?.map((option) => (\n                  <SelectItem\n                    key={option.value}\n                    value={option.value}\n                    className='RemoteFlows__SelectField__SelectItem'\n                    disabled={option.disabled}\n                  >\n                    {option.label}\n                  </SelectItem>\n                ))}\n              </SelectGroup>\n            </SelectContent>\n          </Select>\n        </div>\n      </FormControl>\n      {(description || fieldData.meta?.helpCenter) && (\n        <FormDescription\n          helpCenter={<HelpCenter helpCenter={fieldData.meta?.helpCenter} />}\n        >\n          {description}\n        </FormDescription>\n      )}\n      {fieldState.error && <FormMessage />}\n    </FormItem>\n  );\n}\n"],"mappings":"gVAkBA,SAAgB,EAAmB,CACjC,QACA,aACA,aACsB,CACtB,GAAM,CAAE,OAAM,QAAO,cAAa,WAAY,EAE9C,OACE,EAAC,EAAD,CACE,aAAY,EACZ,UAAW,mCAAmC,IAFhD,SAAA,CAIE,EAAC,EAAD,CAAW,UAAU,kCAAmC,SAAA,CAAiB,CAAA,EACzE,EAAC,EAAD,CAAA,SACE,EAAC,MAAD,CAAK,UAAU,WACb,SAAA,EAAC,EAAD,CACE,MAAO,EAAM,OAAS,GACtB,cAAgB,GAAkB,CAChC,EAAM,SAAS,CAAK,CACtB,EAJF,SAAA,CAME,EAAC,EAAD,CACE,UAAU,oCACV,eAAc,EAAQ,EAAW,MACjC,aAAY,EAEZ,SAAA,EAAC,OAAD,CAAM,UAAU,WACd,SAAA,EAAC,EAAD,CAAa,YAAa,CAAQ,CAAA,CAC9B,CAAA,CACO,CAAA,EACf,EAAC,EAAD,CAAe,UAAU,oCACvB,SAAA,EAAC,EAAD,CAAa,UAAU,kCACpB,SAAA,GAAS,IAAK,GACb,EAAC,EAAD,CAEE,MAAO,EAAO,MACd,UAAU,uCACV,SAAU,EAAO,SAEhB,SAAA,EAAO,KACE,EANL,EAAO,KAMF,CACb,CACU,CAAA,CACA,CAAA,CACT,GACL,CAAA,CACM,CAAA,GACX,GAAe,EAAU,MAAM,aAC/B,EAAC,EAAD,CACE,WAAY,EAAC,EAAD,CAAY,WAAY,EAAU,MAAM,UAAa,CAAA,EAEhE,SAAA,CACc,CAAA,EAElB,EAAW,OAAS,EAAC,EAAD,CAAc,CAAA,CAC3B,GAEd"}

package/dist/StatementDefault-Bc0RsZ_4.js

@@ -0,0 +1,2 @@
+import{n as e}from"./rolldown-runtime-hePW80VL.js";import{n as t,r as n,t as r}from"./alert-CRHuNoGl.js";import{jsx as i,jsxs as a}from"react/jsx-runtime";import{AlertCircle as o}from"lucide-react";var s=e({StatementDefault:()=>c});function c({data:e}){let{title:s,description:c,severity:l}=e,u={warning:`warning`,error:`destructive`,info:`default`,success:`warning`}[l]??`warning`;return a(r,{variant:u,children:[i(o,{className:`h-4 w-4`}),s&&i(n,{dangerouslySetInnerHTML:{__html:s}}),c&&i(t,{dangerouslySetInnerHTML:{__html:c}})]})}export{s as n,c as t};
+//# sourceMappingURL=StatementDefault-Bc0RsZ_4.js.map

package/dist/StatementDefault-Bc0RsZ_4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatementDefault-Bc0RsZ_4.js","names":[],"sources":["../src/components/form/fields/default/StatementDefault.tsx"],"sourcesContent":["import { Alert, AlertDescription, AlertTitle } from '@/src/components/ui/alert';\nimport { StatementComponentProps } from '@/src/types/fields';\nimport { AlertCircle } from 'lucide-react';\n\nexport function StatementDefault({ data }: StatementComponentProps) {\n  const { title, description, severity } = data;\n\n  const mapSeverityToVariant: Record<\n    string,\n    'warning' | 'destructive' | 'default'\n  > = {\n    warning: 'warning',\n    error: 'destructive',\n    info: 'default',\n    success: 'warning',\n  };\n\n  const variant =\n    mapSeverityToVariant[severity as keyof typeof mapSeverityToVariant] ??\n    'warning';\n\n  return (\n    <Alert variant={variant}>\n      <AlertCircle className='h-4 w-4' />\n      {title && <AlertTitle dangerouslySetInnerHTML={{ __html: title }} />}\n      {description && (\n        <AlertDescription dangerouslySetInnerHTML={{ __html: description }} />\n      )}\n    </Alert>\n  );\n}\n"],"mappings":"wOAIA,SAAgB,EAAiB,CAAE,QAAiC,CAClE,GAAM,CAAE,QAAO,cAAa,YAAa,EAYnC,EACJ,CAPA,QAAS,UACT,MAAO,cACP,KAAM,UACN,QAAS,SAIU,EAAE,IACrB,UAEF,OACE,EAAC,EAAD,CAAgB,UAAhB,SAAA,CACE,EAAC,EAAD,CAAa,UAAU,SAAW,CAAA,EACjC,GAAS,EAAC,EAAD,CAAY,wBAAyB,CAAE,OAAQ,CAAM,CAAI,CAAA,EAClE,GACC,EAAC,EAAD,CAAkB,wBAAyB,CAAE,OAAQ,CAAY,CAAI,CAAA,CAElE,GAEX"}

package/dist/TableFieldDefault-BOrfv3dp.js

@@ -0,0 +1,2 @@
+import{n as e}from"./rolldown-runtime-hePW80VL.js";import{E as t}from"./CheckBoxField-DSq9Qf8u.js";import*as n from"react";import{jsx as r,jsxs as i}from"react/jsx-runtime";const a=n.forwardRef(({className:e,...n},i)=>r(`div`,{className:`relative w-full overflow-auto`,children:r(`table`,{ref:i,className:t(`w-full caption-bottom text-sm`,e),...n})}));a.displayName=`Table`;const o=n.forwardRef(({className:e,...n},i)=>r(`thead`,{ref:i,className:t(`[&_tr]:border-b`,e),...n}));o.displayName=`TableHeader`;const s=n.forwardRef(({className:e,...n},i)=>r(`tbody`,{ref:i,className:t(`[&_tr:last-child]:border-0`,e),...n}));s.displayName=`TableBody`;const c=n.forwardRef(({className:e,...n},i)=>r(`tfoot`,{ref:i,className:t(`border-t bg-muted/50 font-medium [&>tr]:last:border-b-0`,e),...n}));c.displayName=`TableFooter`;const l=n.forwardRef(({className:e,...n},i)=>r(`tr`,{ref:i,className:t(`border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted`,e),...n}));l.displayName=`TableRow`;const u=n.forwardRef(({className:e,...n},i)=>r(`th`,{ref:i,className:t(`h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]`,e),...n}));u.displayName=`TableHead`;const d=n.forwardRef(({className:e,...n},i)=>r(`td`,{ref:i,className:t(`p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]`,e),...n}));d.displayName=`TableCell`;const f=n.forwardRef(({className:e,...n},i)=>r(`caption`,{ref:i,className:t(`mt-4 text-sm text-muted-foreground`,e),...n}));f.displayName=`TableCaption`;var p=e({TableFieldDefault:()=>m});const m=({data:e,columns:n,className:c,ref:f})=>i(a,{ref:f,className:t(`RemoteFlows__Table`,c),children:[r(o,{children:r(l,{children:n.map(e=>r(u,{className:t(`RemoteFlows__TableHead`,e.className),children:e.label},String(e.id)))})}),r(s,{children:e?.map((e,i)=>r(l,{children:n.map(n=>r(d,{className:t(`RemoteFlows__TableCell`,n.className,n.cellClassName),children:n.render?n.render(e[n.id],e,i):e[n.id]},String(n.id)))},h(e,i)))})]});function h(e,t){return String(e.id??t)}export{p as n,m as t};
+//# sourceMappingURL=TableFieldDefault-BOrfv3dp.js.map

package/dist/TableFieldDefault-BOrfv3dp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableFieldDefault-BOrfv3dp.js","names":["React","TablePrimitive"],"sources":["../src/components/ui/table.tsx","../src/components/shared/table/TableFieldDefault.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '@/src/lib/utils';\n\nconst Table = React.forwardRef<\n  HTMLTableElement,\n  React.HTMLAttributes<HTMLTableElement>\n>(({ className, ...props }, ref) => (\n  <div className='relative w-full overflow-auto'>\n    <table\n      ref={ref}\n      className={cn('w-full caption-bottom text-sm', className)}\n      {...props}\n    />\n  </div>\n));\nTable.displayName = 'Table';\n\nconst TableHeader = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <thead ref={ref} className={cn('[&_tr]:border-b', className)} {...props} />\n));\nTableHeader.displayName = 'TableHeader';\n\nconst TableBody = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <tbody\n    ref={ref}\n    className={cn('[&_tr:last-child]:border-0', className)}\n    {...props}\n  />\n));\nTableBody.displayName = 'TableBody';\n\nconst TableFooter = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <tfoot\n    ref={ref}\n    className={cn(\n      'border-t bg-muted/50 font-medium [&>tr]:last:border-b-0',\n      className,\n    )}\n    {...props}\n  />\n));\nTableFooter.displayName = 'TableFooter';\n\nconst TableRow = React.forwardRef<\n  HTMLTableRowElement,\n  React.HTMLAttributes<HTMLTableRowElement>\n>(({ className, ...props }, ref) => (\n  <tr\n    ref={ref}\n    className={cn(\n      'border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted',\n      className,\n    )}\n    {...props}\n  />\n));\nTableRow.displayName = 'TableRow';\n\nconst TableHead = React.forwardRef<\n  HTMLTableCellElement,\n  React.ThHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n  <th\n    ref={ref}\n    className={cn(\n      'h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',\n      className,\n    )}\n    {...props}\n  />\n));\nTableHead.displayName = 'TableHead';\n\nconst TableCell = React.forwardRef<\n  HTMLTableCellElement,\n  React.TdHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n  <td\n    ref={ref}\n    className={cn(\n      'p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',\n      className,\n    )}\n    {...props}\n  />\n));\nTableCell.displayName = 'TableCell';\n\nconst TableCaption = React.forwardRef<\n  HTMLTableCaptionElement,\n  React.HTMLAttributes<HTMLTableCaptionElement>\n>(({ className, ...props }, ref) => (\n  <caption\n    ref={ref}\n    className={cn('mt-4 text-sm text-muted-foreground', className)}\n    {...props}\n  />\n));\nTableCaption.displayName = 'TableCaption';\n\nexport {\n  Table,\n  TableHeader,\n  TableBody,\n  TableFooter,\n  TableHead,\n  TableRow,\n  TableCell,\n  TableCaption,\n};\n","import {\n  Table as TablePrimitive,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from '@/src/components/ui/table';\nimport { cn } from '@/src/lib/utils';\nimport { $TSFixMe, TableComponentProps } from '@/src/types/remoteFlows';\n\nexport const TableFieldDefault = ({\n  data,\n  columns,\n  className,\n  ref,\n}: TableComponentProps) => {\n  return (\n    <TablePrimitive ref={ref} className={cn('RemoteFlows__Table', className)}>\n      <TableHeader>\n        <TableRow>\n          {columns.map((column) => (\n            <TableHead\n              key={String(column.id)}\n              className={cn('RemoteFlows__TableHead', column.className)}\n            >\n              {column.label}\n            </TableHead>\n          ))}\n        </TableRow>\n      </TableHeader>\n      <TableBody>\n        {data?.map((row, rowIndex) => (\n          <TableRow key={getRowKey(row, rowIndex)}>\n            {columns.map((column) => (\n              <TableCell\n                key={String(column.id)}\n                className={cn(\n                  'RemoteFlows__TableCell',\n                  column.className,\n                  column.cellClassName,\n                )}\n              >\n                {column.render\n                  ? column.render(\n                      row[column.id as keyof typeof row],\n                      row,\n                      rowIndex,\n                    )\n                  : row[column.id as keyof typeof row]}\n              </TableCell>\n            ))}\n          </TableRow>\n        ))}\n      </TableBody>\n    </TablePrimitive>\n  );\n};\n\nfunction getRowKey(row: $TSFixMe, index: number): string {\n  return String(row.id ?? index);\n}\n"],"mappings":"6KAIA,MAAM,EAAQA,EAAM,YAGjB,CAAE,YAAW,GAAG,GAAS,IAC1B,EAAC,MAAD,CAAK,UAAU,gCACb,SAAA,EAAC,QAAD,CACO,MACL,UAAW,EAAG,gCAAiC,CAAS,EACxD,GAAI,CACL,CAAA,CACE,CAAA,CACN,EACD,EAAM,YAAc,QAEpB,MAAM,EAAcA,EAAM,YAGvB,CAAE,YAAW,GAAG,GAAS,IAC1B,EAAC,QAAD,CAAY,MAAK,UAAW,EAAG,kBAAmB,CAAS,EAAG,GAAI,CAAQ,CAAA,CAC3E,EACD,EAAY,YAAc,cAE1B,MAAM,EAAYA,EAAM,YAGrB,CAAE,YAAW,GAAG,GAAS,IAC1B,EAAC,QAAD,CACO,MACL,UAAW,EAAG,6BAA8B,CAAS,EACrD,GAAI,CACL,CAAA,CACF,EACD,EAAU,YAAc,YAExB,MAAM,EAAcA,EAAM,YAGvB,CAAE,YAAW,GAAG,GAAS,IAC1B,EAAC,QAAD,CACO,MACL,UAAW,EACT,0DACA,CACF,EACA,GAAI,CACL,CAAA,CACF,EACD,EAAY,YAAc,cAE1B,MAAM,EAAWA,EAAM,YAGpB,CAAE,YAAW,GAAG,GAAS,IAC1B,EAAC,KAAD,CACO,MACL,UAAW,EACT,8EACA,CACF,EACA,GAAI,CACL,CAAA,CACF,EACD,EAAS,YAAc,WAEvB,MAAM,EAAYA,EAAM,YAGrB,CAAE,YAAW,GAAG,GAAS,IAC1B,EAAC,KAAD,CACO,MACL,UAAW,EACT,yIACA,CACF,EACA,GAAI,CACL,CAAA,CACF,EACD,EAAU,YAAc,YAExB,MAAM,EAAYA,EAAM,YAGrB,CAAE,YAAW,GAAG,GAAS,IAC1B,EAAC,KAAD,CACO,MACL,UAAW,EACT,uFACA,CACF,EACA,GAAI,CACL,CAAA,CACF,EACD,EAAU,YAAc,YAExB,MAAM,EAAeA,EAAM,YAGxB,CAAE,YAAW,GAAG,GAAS,IAC1B,EAAC,UAAD,CACO,MACL,UAAW,EAAG,qCAAsC,CAAS,EAC7D,GAAI,CACL,CAAA,CACF,EACD,EAAa,YAAc,kDCjG3B,MAAa,GAAqB,CAChC,OACA,UACA,YACA,SAGE,EAACC,EAAD,CAAqB,MAAK,UAAW,EAAG,qBAAsB,CAAS,EAAvE,SAAA,CACE,EAAC,EAAD,CAAA,SACE,EAAC,EAAD,CAAA,SACG,EAAQ,IAAK,GACZ,EAAC,EAAD,CAEE,UAAW,EAAG,yBAA0B,EAAO,SAAS,EAEvD,SAAA,EAAO,KACC,EAJJ,OAAO,EAAO,EAAE,CAIZ,CACZ,CACO,CAAA,CACC,CAAA,EACb,EAAC,EAAD,CAAA,SACG,GAAM,KAAK,EAAK,IACf,EAAC,EAAD,CAAA,SACG,EAAQ,IAAK,GACZ,EAAC,EAAD,CAEE,UAAW,EACT,yBACA,EAAO,UACP,EAAO,aACT,EAEC,SAAA,EAAO,OACJ,EAAO,OACL,EAAI,EAAO,IACX,EACA,CACF,EACA,EAAI,EAAO,GACN,EAdJ,OAAO,EAAO,EAAE,CAcZ,CACZ,CACO,EAnBK,EAAU,EAAK,CAAQ,CAmB5B,CACX,CACQ,CAAA,CACG,IAIpB,SAAS,EAAU,EAAe,EAAuB,CACvD,OAAO,OAAO,EAAI,IAAM,CAAK,CAC/B"}

package/dist/TelFieldDefault-Dd2Kf1yP.js

@@ -0,0 +1,2 @@
+import{n as e}from"./rolldown-runtime-hePW80VL.js";import{C as t,S as n,v as r,x as i}from"./CheckBoxField-DSq9Qf8u.js";import{C as a,S as o,T as s,b as c,c as l,w as u,x as d}from"./checkbox-_YWwA7wV.js";import{t as f}from"./HelpCenter-DUyZK5NH.js";import{jsx as p,jsxs as m}from"react/jsx-runtime";var h=e({TelFieldDefault:()=>g});function g({field:e,fieldState:h,fieldData:g}){let{name:_,label:v,description:y,options:b,onChangeCountryCode:x,onChangePhoneNumber:S,currentCountry:C,nationalPhoneNumber:w}=g,T=C?`${C.name}-${C.dialCode}`:``;return m(i,{"data-field":_,className:`RemoteFlows__TelField__Item__${_}`,children:[v&&p(n,{className:`RemoteFlows__TelField__Label`,children:v}),m(`div`,{className:`flex gap-2`,children:[p(`div`,{className:`w-[180px]`,children:m(c,{value:T,onValueChange:e=>{let t=b?.find(t=>`${t.label}-${t.meta?.countryCode}`===e);t&&x&&x({name:t.label,dialCode:t.meta?.countryCode||``,pattern:t.pattern||``})},children:[p(u,{className:`RemoteFlows__TelField__CountrySelect`,"aria-invalid":!!h.error,"aria-label":`Country code`,children:p(`span`,{className:`absolute`,children:p(s,{placeholder:`Country code *`,children:C&&`${C.name} +${C.dialCode}`})})}),p(d,{className:`RemoteFlows__TelField__CountryContent`,children:p(o,{className:`RemoteFlows__TelField__CountryGroup`,children:b?.map((e,t)=>m(a,{value:`${e.label}-${e.meta?.countryCode}`,className:`RemoteFlows__TelField__CountryItem`,children:[e.label,` +`,e.meta?.countryCode]},`${e.label}-${e.meta?.countryCode}-${t}`))})})]})}),p(`div`,{className:`flex-1`,children:p(l,{...e,type:`tel`,value:w||``,onChange:S,className:`RemoteFlows__TelField__Input`,placeholder:`Employee's phone number *`,"aria-invalid":!!h.error,"aria-label":`Phone number`})})]}),(y||g.meta?.helpCenter)&&p(r,{className:`RemoteFlows__TelField__Description`,helpCenter:p(f,{helpCenter:g.meta?.helpCenter}),children:y}),h.error&&p(t,{})]})}export{h as n,g as t};
+//# sourceMappingURL=TelFieldDefault-Dd2Kf1yP.js.map

package/dist/TelFieldDefault-Dd2Kf1yP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TelFieldDefault-Dd2Kf1yP.js","names":[],"sources":["../src/components/form/fields/default/TelFieldDefault.tsx"],"sourcesContent":["import { FormDescription, FormMessage } from '@/src/components/ui/form';\nimport { FormItem, FormLabel } from '@/src/components/ui/form';\nimport { HelpCenter } from '@/src/components/shared/zendesk-drawer/HelpCenter';\nimport { TelFieldComponentProps } from '@/src/types/fields';\nimport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@/src/components/ui/select';\nimport { Input } from '@/src/components/ui/input';\n\nexport function TelFieldDefault({\n  field,\n  fieldState,\n  fieldData,\n}: TelFieldComponentProps) {\n  const {\n    name,\n    label,\n    description,\n    options,\n    onChangeCountryCode,\n    onChangePhoneNumber,\n    currentCountry,\n    nationalPhoneNumber,\n  } = fieldData;\n\n  const selectedCountryCode = currentCountry\n    ? `${currentCountry.name}-${currentCountry.dialCode}`\n    : '';\n\n  return (\n    <FormItem\n      data-field={name}\n      className={`RemoteFlows__TelField__Item__${name}`}\n    >\n      {label && (\n        <FormLabel className='RemoteFlows__TelField__Label'>{label}</FormLabel>\n      )}\n\n      <div className='flex gap-2'>\n        {/* Country Code Select */}\n        <div className='w-[180px]'>\n          <Select\n            value={selectedCountryCode}\n            onValueChange={(value) => {\n              const country = options?.find(\n                (opt) => `${opt.label}-${opt.meta?.countryCode}` === value,\n              );\n              if (country && onChangeCountryCode) {\n                onChangeCountryCode({\n                  name: country.label,\n                  dialCode: country.meta?.countryCode || '',\n                  pattern: country.pattern || '',\n                });\n              }\n            }}\n          >\n            <SelectTrigger\n              className='RemoteFlows__TelField__CountrySelect'\n              aria-invalid={Boolean(fieldState.error)}\n              aria-label='Country code'\n            >\n              <span className='absolute'>\n                <SelectValue placeholder='Country code *'>\n                  {currentCountry &&\n                    `${currentCountry.name} +${currentCountry.dialCode}`}\n                </SelectValue>\n              </span>\n            </SelectTrigger>\n            <SelectContent className='RemoteFlows__TelField__CountryContent'>\n              <SelectGroup className='RemoteFlows__TelField__CountryGroup'>\n                {options?.map((option, index) => (\n                  <SelectItem\n                    key={`${option.label}-${option.meta?.countryCode}-${index}`}\n                    value={`${option.label}-${option.meta?.countryCode}`}\n                    className='RemoteFlows__TelField__CountryItem'\n                  >\n                    {option.label} +{option.meta?.countryCode}\n                  </SelectItem>\n                ))}\n              </SelectGroup>\n            </SelectContent>\n          </Select>\n        </div>\n\n        {/* Phone Number Input */}\n        <div className='flex-1'>\n          <Input\n            {...field}\n            type='tel'\n            value={nationalPhoneNumber || ''}\n            onChange={onChangePhoneNumber}\n            className='RemoteFlows__TelField__Input'\n            placeholder=\"Employee's phone number *\"\n            aria-invalid={Boolean(fieldState.error)}\n            aria-label='Phone number'\n          />\n        </div>\n      </div>\n\n      {(description || fieldData.meta?.helpCenter) && (\n        <FormDescription\n          className='RemoteFlows__TelField__Description'\n          helpCenter={<HelpCenter helpCenter={fieldData.meta?.helpCenter} />}\n        >\n          {description}\n        </FormDescription>\n      )}\n      {fieldState.error && <FormMessage />}\n    </FormItem>\n  );\n}\n"],"mappings":"6UAcA,SAAgB,EAAgB,CAC9B,QACA,aACA,aACyB,CACzB,GAAM,CACJ,OACA,QACA,cACA,UACA,sBACA,sBACA,iBACA,uBACE,EAEE,EAAsB,EACxB,GAAG,EAAe,KAAK,GAAG,EAAe,WACzC,GAEJ,OACE,EAAC,EAAD,CACE,aAAY,EACZ,UAAW,gCAAgC,IAF7C,SAAA,CAIG,GACC,EAAC,EAAD,CAAW,UAAU,+BAAgC,SAAA,CAAiB,CAAA,EAGxE,EAAC,MAAD,CAAK,UAAU,aAAf,SAAA,CAEE,EAAC,MAAD,CAAK,UAAU,YACb,SAAA,EAAC,EAAD,CACE,MAAO,EACP,cAAgB,GAAU,CACxB,IAAM,EAAU,GAAS,KACtB,GAAQ,GAAG,EAAI,MAAM,GAAG,EAAI,MAAM,gBAAkB,CACvD,EACI,GAAW,GACb,EAAoB,CAClB,KAAM,EAAQ,MACd,SAAU,EAAQ,MAAM,aAAe,GACvC,QAAS,EAAQ,SAAW,EAC9B,CAAC,CAEL,EAbF,SAAA,CAeE,EAAC,EAAD,CACE,UAAU,uCACV,eAAc,EAAQ,EAAW,MACjC,aAAW,eAEX,SAAA,EAAC,OAAD,CAAM,UAAU,WACd,SAAA,EAAC,EAAD,CAAa,YAAY,iBACtB,SAAA,GACC,GAAG,EAAe,KAAK,IAAI,EAAe,UACjC,CAAA,CACT,CAAA,CACO,CAAA,EACf,EAAC,EAAD,CAAe,UAAU,wCACvB,SAAA,EAAC,EAAD,CAAa,UAAU,sCACpB,SAAA,GAAS,KAAK,EAAQ,IACrB,EAAC,EAAD,CAEE,MAAO,GAAG,EAAO,MAAM,GAAG,EAAO,MAAM,cACvC,UAAU,qCAHZ,SAAA,CAKG,EAAO,MAAM,KAAG,EAAO,MAAM,WACpB,CALL,EAAA,GAAG,EAAO,MAAM,GAAG,EAAO,MAAM,YAAY,GAAG,GAK1C,CACb,CACU,CAAA,CACA,CAAA,CACT,GACL,CAAA,EAGL,EAAC,MAAD,CAAK,UAAU,SACb,SAAA,EAAC,EAAD,CACE,GAAI,EACJ,KAAK,MACL,MAAO,GAAuB,GAC9B,SAAU,EACV,UAAU,+BACV,YAAY,4BACZ,eAAc,EAAQ,EAAW,MACjC,aAAW,cACZ,CAAA,CACE,CAAA,CACF,KAEH,GAAe,EAAU,MAAM,aAC/B,EAAC,EAAD,CACE,UAAU,qCACV,WAAY,EAAC,EAAD,CAAY,WAAY,EAAU,MAAM,UAAa,CAAA,EAEhE,SAAA,CACc,CAAA,EAElB,EAAW,OAAS,EAAC,EAAD,CAAc,CAAA,CAC3B,GAEd"}

package/dist/Termination-sjnHMs8m.js

@@ -0,0 +1,2 @@
+import{E as e,H as t,K as n,f as r,g as i,p as a,u as o}from"./CheckBoxField-DSq9Qf8u.js";import{A as s,At as c,N as l,P as u,ct as d,kt as f}from"./sdk.gen-C7MLoCMc.js";import{a as p,i as m,t as h}from"./JSONSchemaForm-DehMm5lM.js";import{n as g}from"./basic-tooltip-Dr-_TRDa.js";import{t as ee}from"./useJSONSchemaForm-CiLms2z5.js";import{r as te}from"./employment-Ddl1RWTS.js";import{t as _}from"./Drawer-BBXMyvwR.js";import{t as ne}from"./useStepState-BmZF37pW.js";import{i as v,n as y,r as b,t as x}from"./uploadConfig-fhh8D6_J.js";import{O as S}from"./internals-CzDL30xI.js";import{n as C}from"./dates-CD1yZ0Ni.js";import{createContext as w,forwardRef as re,useContext as T,useId as ie,useMemo as E,useState as ae}from"react";import{differenceInDays as D,differenceInHours as O,endOfDay as k,endOfMonth as A,format as j,isAfter as M,isBefore as oe,isFuture as N,isToday as P,parseISO as F,setDate as se,startOfDay as I,subDays as ce}from"date-fns";import{Fragment as L,jsx as R,jsxs as z}from"react/jsx-runtime";import{useMutation as le,useQuery as B}from"@tanstack/react-query";import ue from"lodash.omit";import de from"lodash.omitby";import fe from"lodash.isnull";const V=w({formId:void 0,terminationBag:null}),H=()=>{let e=T(V);if(!e.formId||!e.terminationBag)throw Error(`useTerminationContext must be used within a TerminationContextProvider`);return{formId:e.formId,terminationBag:e.terminationBag}},U={MONTHLY:`monthly`,SEMI_MONTHLY:`bi_monthly`,BI_WEEKLY:`bi_weekly`};function pe(e){return Math.abs(e)<.01&&e!==0}function me({days:e,hours:t}){return e+t/8}function he(e){let t=1e3,n=Math.round(Math.abs(e)*t)/t;return e<0?-n:n}function ge(e,t){let n=he(e);return t===`short`?`${n}h`:`${n} ${S({number:e,singular:`hour`,plural:`hours`,followCopyGuidelines:!1,showNumber:!1})}`}function W(e,t){return e*8+t}function G(e){return{days:Math.floor(e/8),hours:e%8}}function _e(e,t){let n=he(e);return t===`short`?`${n}d`:`${n} ${S({number:e,singular:`day`,plural:`days`,followCopyGuidelines:!1,showNumber:!1})}`}function ve(e,t=`long`){let n=me(e);return pe(n)?ge(W(e.days,e.hours),t):_e(n,t)}function ye(e){return{days:Math.max(e.days,0),hours:Math.max(e.hours,0)}}const be=e=>j(e,`MMM d`),xe={employee_communication:{index:0,name:`employee_communication`},termination_details:{index:1,name:`termination_details`},paid_time_off:{index:2,name:`paid_time_off`},additional_information:{index:3,name:`additional_information`}},Se=e=>{let t=new Date,n=se(t,15),r=I(t),i=I(n),a=e?.cycle_frequency,o=e?.cycles?.filter(e=>e.input_cutoff_date&&F(e.input_cutoff_date).getMonth()===t.getMonth())?.map(e=>F(e.input_cutoff_date));if(!o?.length)return t;switch(a){case U.MONTHLY:return M(r,o[0])?A(t):t;case U.SEMI_MONTHLY:return M(r,o[1])?A(t):M(r,o[0])&&oe(r,i)?n:t;default:return t}},Ce=({minTerminationDate:e,isEmployeeInProbationPeriod:t,selectedDate:n})=>{let r=N(e),i=n&&O(k(n),new Date)<48;return n&&D(n,new Date)>=30||!n&&!r?null:v(r&&!t?{description:`The next available termination dates are ${be(e)} and later. We've already processed the employee's payments until then.`,severity:`info`}:r&&t?{description:`This payroll period's cut-off has passed. While you can offboard the employee after the cut-off, their payment may have already processed. If that's the case, we'll try to recover the payment. But if that isn't possible, we'll send you an invoice for the amount.`,severity:`info`}:i?{description:`Requests made with less than 48 hours' notice are subject to changes due to the country-specific offboarding laws and case details. If changes are needed, your specialist will guide you accordingly.`,severity:`info`}:{description:`Termination dates depend on payroll cutoffs, local laws, and case details. We'll aim for your proposed date but it's possible it will need to change. After you submit your request, a specialist will reach out and guide you through the process.`,severity:`info`})};function we(e,t){return{confidential:``,customer_informed_employee:``,customer_informed_employee_date:``,customer_informed_employee_description:``,personal_email:``,termination_reason:void 0,reason_description:``,termination_reason_files:[],will_challenge_termination:``,will_challenge_termination_description:null,agrees_to_pto_amount:``,agrees_to_pto_amount_notes:null,acknowledge_termination_procedure:!1,additional_comments:``,proposed_termination_date:``,risk_assessment_reasons:[],timesheet_file:void 0,...e,...t?{termination_reason:`cancellation_before_start_date`}:{}}}const K={data:{version:7,schema:{additionalProperties:!1,allOf:[],properties:{acknowledge_termination_procedure_info:{type:`null`,title:`Acknowledge termination procedure info`,"x-jsf-presentation":{inputType:`hidden`},meta:{ignoreValue:!0}},acknowledge_termination_procedure:{description:``,title:`I agree to the procedures in this form`,type:`boolean`,"x-jsf-presentation":{direction:`column`,inputType:`checkbox`}},acknowledge_termination_procedure_fees_info:{type:`null`,title:`Acknowledge termination procedure fees info`,"x-jsf-presentation":{inputType:`hidden`}}},required:[`acknowledge_termination_procedure`],type:`object`,"x-jsf-order":[`acknowledge_termination_procedure_info`,`acknowledge_termination_procedure`,`acknowledge_termination_procedure_fees_info`],"x-rmt-meta":{jsfOldVersion:!0}}}},q={data:{version:7,schema:{additionalProperties:!1,allOf:[{if:{properties:{personal_email:{pattern:`^[a-zA-Z0-9 .]+$`}}},then:{properties:{personal_email:{"x-jsf-presentation":{statement:{title:`Please make sure to add the employee personal email so Remote can get in contact with the employee after the termination process takes effect.`,inputType:`statement`,severity:`warning`}}}}}},{if:{properties:{customer_informed_employee:{const:`yes`}},required:[`customer_informed_employee`]},then:{properties:{customer_informed_employee_date:{type:`string`},customer_informed_employee_description:{type:`string`}},required:[`customer_informed_employee_date`,`customer_informed_employee_description`]},else:{properties:{customer_informed_employee_date:!1,customer_informed_employee_description:!1}}}],properties:{confidential:{description:`Confidential requests are visible only to you. Non-confidential requests are visible to all admins in your company.`,oneOf:[{const:`yes`,description:``,title:`Yes`},{const:`no`,description:``,title:`No`}],title:`Is this request confidential?`,type:`string`,"x-jsf-presentation":{direction:`column`,inputType:`radio`,statement:{title:`Please do not inform the employee of their termination until Remote reviews your request for legal risks.`,description:`When Remote approves your request, you can inform the employee and Remote will take it from there.`,inputType:`statement`,severity:`warning`}}},customer_informed_employee:{description:``,oneOf:[{const:`yes`,description:``,title:`Yes`},{const:`no`,description:``,title:`No`}],title:`Have you informed the employee of the termination?`,type:`string`,"x-jsf-presentation":{direction:`column`,inputType:`radio`}},customer_informed_employee_date:{description:``,format:`date`,maxLength:255,title:`When the employee was told about the termination`,type:[`string`,`null`],"x-jsf-presentation":{inputType:`date`}},customer_informed_employee_description:{description:`Please be as specific as you can. Include details about the employee’s response, if applicable.`,maxLength:1e3,title:`How did you share this information?`,type:[`string`,`null`],"x-jsf-presentation":{inputType:`textarea`}},personal_email:{description:`Remote will use this for post-termination communication.`,maxLength:255,title:`Employee's personal email`,format:`email`,type:`string`,"x-jsf-presentation":{inputType:`email`}}},required:[`confidential`,`customer_informed_employee`,`personal_email`],type:`object`,"x-jsf-order":[`is_confidential`,`customer_informed_employee`,`customer_informed_employee_date`,`customer_informed_employee_description`,`personal_email`],"x-rmt-meta":{jsfOldVersion:!0}}}},J={data:{version:7,schema:{additionalProperties:!1,allOf:[{if:{properties:{agrees_to_pto_amount:{const:`no`}},required:[`agrees_to_pto_amount`]},then:{properties:{agrees_to_pto_amount_notes:{type:`string`}},required:[`agrees_to_pto_amount_notes`]},else:{properties:{agrees_to_pto_amount_notes:!1,timesheet_file:!1}}}],properties:{timeoff_statement:{type:`null`,title:`Timeoff statement`,"x-jsf-presentation":{inputType:`hidden`,statement:{title:`Check remaining paid time off`,description:`You must pay the employee for any unused accrued paid time off, so please check these records carefully.`,inputType:`statement`,severity:`warning`},meta:{ignoreValue:!0}}},paid_time_off_info:{type:`null`,title:`Paid time off info`,"x-jsf-presentation":{inputType:`hidden`},meta:{ignoreValue:!0}},agrees_to_pto_amount:{description:``,oneOf:[{const:`yes`,description:``,title:`Yes`},{const:`no`,description:``,title:`No`}],title:`Are these paid time off records correct?`,type:`string`,"x-jsf-presentation":{direction:`column`,inputType:`radio`}},agrees_to_pto_amount_notes:{description:`Please provide details regarding any additional days taken, including specific dates, or any other inaccuracy in the time off data.`,maxLength:1e3,title:`Provide time off details`,type:[`string`,`null`],"x-jsf-presentation":{inputType:`textarea`}},timesheet_file:{description:`Upload a timesheet exported from your HR software. This way we can compare and confirm the total number of Paid time off.`,title:`Timesheet document`,type:[`string`,`null`],"x-jsf-presentation":{inputType:`file`,accept:x.document,maxSize:y}}},required:[`agrees_to_pto_amount`],type:`object`,"x-jsf-order":[`timeoff_statement`,`paid_time_off_info`,`agrees_to_pto_amount`,`agrees_to_pto_amount_notes`,`timesheet_file`],"x-rmt-meta":{jsfOldVersion:!0}}}},Y={data:{version:7,schema:{additionalProperties:!1,allOf:[{if:{properties:{will_challenge_termination:{const:`yes`}},required:[`will_challenge_termination`]},then:{properties:{will_challenge_termination_description:{type:`string`}},required:[`will_challenge_termination_description`]},else:{properties:{will_challenge_termination_description:!1}}}],properties:{termination_reason:{title:`Termination reason`,description:`Make sure you choose an accurate termination reason to avoid unfair or unlawful dismissal claims.`,type:`string`,oneOf:[{const:`gross_misconduct`,title:`Gross misconduct`},{const:`performance`,title:`Performance`},{const:`workforce_reduction`,title:`Workforce Reduction`},{const:`values`,title:`Values`},{const:`compliance_issue`,title:`Compliance issue`},{const:`incapacity_to_perform_inherent_duties`,title:`Incapacity To perform inherent duties`},{const:`mutual_agreement`,title:`Mutual agreement`},{const:`cancellation_before_start_date`,title:`Decision to cancel hiring before the employee starts`},{const:`job_abandonment`,title:`Job abandonment`},{const:`dissatisfaction_with_remote_service`,title:`Dissatisfaction with EOR service`},{const:`end_of_fixed_term_contract_compliance_issue`,title:`End of fixed-term contract`},{const:`other`,title:`Other`}],"x-jsf-presentation":{inputType:`select`}},reason_description:{description:``,maxLength:1e3,title:`Termination reason details`,type:`string`,"x-jsf-presentation":{inputType:`textarea`}},additional_comments:{description:``,maxLength:1e3,title:`Additional details regarding this termination process.`,type:`string`,"x-jsf-presentation":{inputType:`textarea`}},termination_reason_files:{description:`Please upload any supporting documents regarding the termination reason.`,title:`Termination reason files`,type:`string`,"x-jsf-presentation":{inputType:`file`,accept:x.document,multiple:!0,maxSize:y}},risk_assesment_info:{description:``,title:`Risk assessment info`,type:`null`,"x-jsf-presentation":{inputType:`hidden`}},risk_assessment_reasons:{description:``,title:`This employee is...`,type:`array`,items:{anyOf:[{const:`sick_leave`,title:`Currently on or recently returned from sick leave`},{const:`family_leave`,title:`Currently on or recently returned from maternity, paternity, or other family leave`},{const:`pregnant_or_breastfeeding`,title:`Pregnant or breastfeeding`},{const:`requested_medical_or_family_leave`,title:`Requested medical or family leave`},{const:`disabled_or_health_condition`,title:`Disabled or has a health condition`},{const:`member_of_union_or_works_council`,title:`A member of a union or works council`},{const:`caring_responsibilities`,title:`Caring responsibilities`},{const:`reported_concerns_with_workplace`,title:`Reported any wrongdoing; raised any allegations of discrimination, harassment, retaliation, etc.; or asserted their employment rights or raised complaints about their working conditions`},{const:`none_of_these`,title:`To the best of my knowledge, I am not aware of any of these`}]},"x-jsf-presentation":{inputType:`checkbox`,direction:`column`}},will_challenge_termination:{description:``,oneOf:[{const:`yes`,description:``,title:`Yes`},{const:`no`,description:``,title:`No`}],title:`Do you consider it is likely that the employee will challenge their termination?`,type:`string`,"x-jsf-presentation":{direction:`column`,inputType:`radio`}},will_challenge_termination_description:{description:``,maxLength:1e3,title:`Please explain how the employee will challenge their termination`,type:[`string`,`null`],"x-jsf-presentation":{inputType:`textarea`}},proposed_termination_date_info:{description:``,title:`Proposed termination date info`,type:`null`,"x-jsf-presentation":{inputType:`hidden`}},proposed_termination_date:{description:`Please note that we cannot commit to a termination date until we conduct a full review of the information you submit.`,format:`date`,maxLength:255,title:`Proposed termination date`,type:`string`,"x-jsf-presentation":{inputType:`date`}}},required:[`termination_reason`,`reason_description`,`risk_assessment_reasons`,`will_challenge_termination`,`proposed_termination_date`],type:`object`,"x-jsf-order":[`termination_reason`,`reason_description`,`additional_comments`,`termination_reason_files`,`risk_assesment_info`,`risk_assessment_reasons`,`will_challenge_termination`,`will_challenge_termination_description`,`proposed_termination_date_info`,`proposed_termination_date`],"x-rmt-meta":{jsfOldVersion:!0}}}},Te={data:{version:7,schema:{additionalProperties:!1,allOf:[...q.data.schema.allOf,...Y.data.schema.allOf,...J.data.schema.allOf,...K.data.schema.allOf],properties:{...q.data.schema.properties,...Y.data.schema.properties,...J.data.schema.properties,...K.data.schema.properties},required:[...q.data.schema.required,...Y.data.schema.required,...J.data.schema.required,...K.data.schema.required],type:`object`,"x-jsf-order":[...q.data.schema[`x-jsf-order`],...Y.data.schema[`x-jsf-order`],...J.data.schema[`x-jsf-order`],...K.data.schema[`x-jsf-order`]],"x-rmt-meta":{jsfOldVersion:!0}}}},X=({employmentId:e,status:t,timeoffType:n,options:r})=>{let{client:i}=f();return B({queryKey:[`timeoff`,e,t],retry:!1,queryFn:()=>u({client:i,headers:{Authorization:``},query:{employment_id:e,status:t,timeoff_type:n}}),select:({data:e})=>r?.select?.(e)??e,enabled:r?.enabled})},Ee=(e,t)=>`${C(e).toLocaleDateString(`en-US`,{year:`numeric`,month:`short`,day:`numeric`})} → ${C(t).toLocaleDateString(`en-US`,{year:`numeric`,month:`short`,day:`numeric`})}`,De=({employmentId:e,options:t})=>X({employmentId:e,timeoffType:`paid_time_off`,options:{enabled:t?.enabled,select:e=>({bookedDays:e?.data?.timeoffs?.reduce((e,t)=>e+(t?.timeoff_days?.filter(e=>e.hours!=null&&e.hours>0).length||0),0)||0,timeoffs:e?.data?.timeoffs?.map(e=>{let t=e?.timeoff_days?.filter(e=>e.hours>0).length||0;return{status:e?.status,duration:t,startDate:e?.start_date,endDate:e?.end_date,formattedDate:Ee(e?.start_date,e?.end_date)}})||[]})}}),Z=({employmentId:e})=>{let{client:t}=f();return B({queryKey:[`timeoff-balance`,e],retry:!1,queryFn:()=>s({client:t,headers:{Authorization:``},path:{employment_id:e}}),select:({data:e})=>e})},Oe={data:{version:7,schema:{additionalProperties:!1,allOf:[],properties:{},required:[],type:`object`,"x-jsf-order":[],"x-rmt-meta":{jsfOldVersion:!0}}}},ke={employee_communication:q,termination_details:Y,paid_time_off:J,additional_information:K};function Ae(e){return Object.entries(e).reduce((e,[t,n])=>({...e,[t]:ve(n)}),{})}function je(e){let t=e?.contract_details?.available_pto,n=e?.contract_details?.available_pto_type;return e?.country?.code===`USA`&&n===`unlimited`?{value:t===0?20:t}:{value:t}}function Me(e,t){let n=0,r=0;return e.forEach(e=>{e.timeoff_days?.forEach(e=>{new Date(e.day)<=t?n+=e.hours||0:r+=e.hours||0})}),{before:n,after:r}}const Ne=({employmentId:e,date:t,options:n})=>X({employmentId:e,timeoffType:`paid_time_off`,status:`approved`,options:{enabled:n?.enabled,select:e=>{let{before:n,after:r}=Me(e?.data?.timeoffs||[],new Date(t));return{bookedDaysBeforeTermination:G(n),bookedDaysAfterTermination:G(r)}}}}),Pe=({employmentId:e,proposedTerminationDate:t,employment:n})=>{let{value:r=0}=je(n),i=Z({employmentId:e}),a=Ne({employmentId:e,date:t}),o=i.data?.data?.[0].annual_entitlement.type===`limited`?{days:i.data?.data?.[0].annual_entitlement.days,hours:i.data?.data?.[0].annual_entitlement.hours}:{days:r,hours:0},s={days:i.data?.data?.[0].booked.days||0,hours:i.data?.data?.[0].booked.hours||0},c=i.data?.data?.[0].current_entitlement.type===`limited`?{days:i.data?.data?.[0].current_entitlement.days||0,hours:i.data?.data?.[0].current_entitlement.hours||0}:{days:r,hours:0},l={days:i.data?.data?.[0].used.days||0,hours:i.data?.data?.[0].used.hours||0},u=a.data?.bookedDaysBeforeTermination||{days:0,hours:0},d=a.data?.bookedDaysAfterTermination||{days:0,hours:0},f=W(c.days,c.hours),p=W(l.days,l.hours),m=W(s.days,s.hours);return{data:{...Ae({entitledDays:o,bookedDays:s,usedDays:l,approvedDaysBeforeTermination:u,approvedDaysAfterTermination:d,remainingDays:ye(G(f-p-m)),currentEntitlementDays:c}),isUnlimitedPto:n?.contract_details?.available_pto_type===`unlimited`},isLoading:i.isLoading||a.isLoading,isError:i.isError||a.isError,error:i.error||a.error}},Fe=()=>{let{client:e}=f();return le({mutationFn:t=>d({client:e,body:t})})},Ie=({formValues:e,jsfModify:t,step:n})=>B({queryKey:[`rmt-flows-termination-schema`,n],queryFn:()=>ke[n]??Oe,select:({data:n})=>{let r=n?.schema||{};return m(r,e||{},{jsfModify:t})}}),Le=re(({data:e=[],columns:t,className:n=``},r)=>{let{components:i}=c(),a=i?.table;if(!a)throw Error(`Table component not found`);return R(a,{ref:r,data:e,columns:t,className:n})});Le.displayName=`Table`;const Q=({children:t,withBorder:n=!1,className:r=``})=>R(`div`,{className:e(`RemoteFlows__SummaryRow flex justify-between items-center py-2 text-xs`,n&&`RemoteFlows__SummaryRowBorder border-b border-b-1 border-b-[#E4E4E7]`,r),children:t}),Re=({usedDays:e,bookedDays:t,approvedDaysBeforeTermination:n,approvedDaysAfterTermination:r,remainingDays:i,proposedTerminationDate:a,isUnlimitedPto:o,currentEntitlementDays:s})=>{let c=new Date(a).toLocaleDateString(`en-US`,{month:`short`,day:`numeric`,year:`numeric`});return z(`div`,{children:[z(Q,{withBorder:!0,children:[R(`label`,{children:`Number of days entitled to per year`}),R(`p`,{"data-testid":`entitled-days`,className:`font-bold`,children:o?`Unlimited`:s})]}),z(Q,{children:[R(`label`,{children:`Total days booked`}),R(`p`,{"data-testid":`booked-days`,className:`font-bold`,children:t})]}),z(Q,{children:[R(`label`,{children:`Number of days already used`}),R(`p`,{"data-testid":`used-days`,className:`font-bold`,children:e})]}),z(Q,{children:[z(`label`,{children:[`Approved for use before `,c]}),R(`p`,{"data-testid":`approved-days-before-termination`,className:`font-bold`,children:n})]}),z(Q,{withBorder:!0,children:[z(`label`,{children:[`Approved for use after `,c]}),R(`p`,{"data-testid":`approved-days-after-termination`,className:`font-bold`,children:r})]}),z(Q,{children:[R(`label`,{children:`Total days remaining unused`}),R(`p`,{"data-testid":`remaining-days`,className:`font-bold`,children:i})]}),R(Q,{className:`mb-2 py-0`,children:z(`p`,{className:`text-xs text-[#222E39]`,children:[`Unused days expire on `,c]})})]})},ze=[{id:`formattedDate`,label:`Dates`,className:`w-[250px]`,cellClassName:`font-medium`},{id:`duration`,label:`Duration`,render:e=>S({number:e,singular:`day`,plural:`days`,followCopyGuidelines:!1,showNumber:!0})},{id:`status`,label:`Status`}],Be=({employeeName:e,timeoffQuery:t,entitledDays:n,countryName:r,currentEntitlementDays:i,formattedProposedTerminationDate:o,onOpenChange:s,open:c})=>{let{data:l,isLoading:u}=t;return R(_,{open:c,onOpenChange:s,title:`${e} paid time off breakdown`,trigger:R(a,{variant:`link`,className:`text-xs text-[#3B82F6] font-bold p-0`,children:`See detailed time off breakdown ↗`}),className:`h-full w-[540px] mt-0 ml-auto px-4 RemoteFlows_DrawerTimeOff`,children:!u&&R(L,{children:Array.isArray(l?.timeoffs)&&l?.timeoffs?.length>0?z(L,{children:[R(`p`,{className:`text-[#09090B] font-medium mb-4`,children:`This list is for your information only.`}),z(`p`,{className:`text-xs text-[#09090B] mb-1 flex items-center justify-between gap-2`,children:[z(`span`,{children:[`Annual entitlement for `,r]}),R(`span`,{className:`font-bold`,children:n})]}),z(`p`,{className:`text-xs text-[#09090B] mb-6 flex items-center justify-between gap-2`,children:[z(`span`,{children:[`Entitlement up to `,o]}),R(`span`,{className:`font-bold`,children:i})]}),R(`div`,{className:`mb-2`,children:R(Le,{data:l?.timeoffs,columns:ze})}),z(`p`,{className:`text-xs`,children:[`Total of`,` `,S({number:l?.bookedDays,singular:`day`,plural:`days`,followCopyGuidelines:!1,showNumber:!0}),` `,`booked`]})]}):z(L,{children:[R(`p`,{className:`font-medium mb-1 text-[#09090B]`,children:`No recorded time off`}),z(`p`,{className:`text-sm text-[#09090B]`,children:[`According to our records, `,e,` has not taken any time off this year.`]})]})})})},Ve=({employeeName:e,proposedTerminationDate:t,summaryData:n,formattedProposedTerminationDate:r,timeoffQuery:i,employment:a,onOpenChange:o,open:s})=>{let{entitledDays:c,bookedDays:l,usedDays:u,approvedDaysBeforeTermination:d,approvedDaysAfterTermination:f,remainingDays:p,currentEntitlementDays:m,isUnlimitedPto:h}=n.data;return z(`div`,{className:`RemoteFlows__PaidTimeOff__Container py-3`,children:[R(`h3`,{className:`RemoteFlows__PaidTimeOff__Title mb-2`,children:`Paid time off`}),z(`p`,{className:`RemoteFlows__PaidTimeOff__Description text-sm mb-2`,children:[`The proposed termination date for `,e,` is`,` `,r,`. You will need to pay them for any unused accrued days. Below is a breakdown of their time off entitlement and usage for the current annual leave period:`]}),z(`div`,{className:`mb-2`,children:[!n?.isLoading&&!n?.isError&&n?.data&&R(Re,{usedDays:u,bookedDays:l,currentEntitlementDays:m,approvedDaysBeforeTermination:d,approvedDaysAfterTermination:f,remainingDays:p,proposedTerminationDate:t,isUnlimitedPto:h}),R(Be,{employeeName:e,timeoffQuery:i,entitledDays:c,currentEntitlementDays:m,countryName:a?.country?.name??`Unknown`,onOpenChange:o,formattedProposedTerminationDate:r,open:s})]})]})},He=({proposedTerminationDate:e,employeeName:t,employmentId:n,employment:r,render:i})=>{let[a,o]=ae(!1),s=Z({employmentId:n}),c=C(e).toLocaleDateString(`en-US`,{month:`long`,day:`numeric`,year:`numeric`}),l=De({employmentId:n,options:{enabled:a}}),u=Ne({employmentId:n,date:e}),d=Pe({employmentId:n,proposedTerminationDate:e,employment:r});return i({leavePoliciesSummaryQuery:s,timeoffQuery:l||{data:{bookedDays:0,timeoffs:[]}},bookedTimeBeforeAndAfterTerminationQuery:u,formattedProposedTerminationDate:c,employeeName:t,proposedTerminationDate:e,summaryData:d??{data:{entitledDays:`0 days`,bookedDays:`0 days`,usedDays:`0 days`,approvedDaysBeforeTermination:`0 days`,approvedDaysAfterTermination:`0 days`,remainingDays:`0 days`,isUnlimitedPto:!1},isLoading:!1,isError:!1,error:null},employment:r,open:a,onOpenChange:()=>{o(e=>!e)}})},Ue={remoteDoesNext:{title:`What Remote does next:`,description:`They'll review the termination request and respond within the next 5 days with any subsequent actions or advice.`},whatYouNeedToDo:{title:`What you need to do next:`,list:[`Make sure any expenses for this employee are approved on Remote.`,`Make sure any additional payments, such as commission, bonuses, or other allowances are added to Remote before\xA0the 11th, 11:59PM UTC of the last month of employment.`,`Coordinate the return of the employee’s work equipment.`]}},We=({render:e})=>e({cards:Ue}),Ge=({cards:e})=>z(`div`,{className:`RemoteFlows__AcknowledgeInformation`,children:[z(g,{className:`mb-6`,children:[R(`h2`,{className:`RemoteFlows__AcknowledgeInformation__Title color-[#000] font-medium`,children:e.remoteDoesNext.title}),R(`p`,{className:`RemoteFlows__AcknowledgeInformation__Description color-[#71717A] text-xs`,children:e.remoteDoesNext.description})]}),z(g,{className:`mb-6`,children:[R(`h2`,{className:`RemoteFlows__AcknowledgeInformation__Title color-[#000] font-medium`,children:e.whatYouNeedToDo.title}),R(`ul`,{className:`RemoteFlows__AcknowledgeInformation__List list-disc pl-5 text-xs text-[#71717A]`,children:e.whatYouNeedToDo.list.map(e=>R(`li`,{className:`RemoteFlows__AcknowledgeInformation__ListItem mb-2`,children:e},e))})]})]}),Ke=({involuntaryOffboardingServiceChargeZendeskId:e,reconciliationInvoiceZendeskId:t})=>z(`p`,{className:`RemoteFlows__AcknowledgeInformationFees text-xs text-[#71717A]`,children:[`You'll receive an`,` `,R(o,{zendeskId:e,className:`align-baseline`,children:`involuntary offboarding service charge ↗`}),` `,`on your`,` `,R(o,{zendeskId:t,children:`reconciliation invoice ↗`})]}),qe=({query:e,options:t})=>{let{client:n}=f();return B({queryKey:[`payroll-calendars`],queryFn:()=>l({client:n,query:{year:e?.year,country_code:e?.countryCode}}),enabled:t?.enabled,select:e=>e.data?.data?.payroll_calendars?.[0]})},Je=e=>{if(!e)return!1;let t=F(e);return N(t)||P(t)},Ye=({employmentId:i,options:a,initialValues:s})=>{let{fieldValues:c,setFieldValues:l,stepState:u,previousStep:d,nextStep:f}=ne(xe),{data:h,isLoading:g}=te({employmentId:i,queryParams:{exclude_files:!0}}),{data:ee}=qe({query:{year:new Date().getFullYear().toString(),countryCode:h?.country?.code},options:{enabled:!!h?.country?.code}}),_=Je(h?.probation_period_end_date),v=Se(ee),y=E(()=>j(_?new Date:v,`yyyy-MM-dd`),[_,v]),x=!!(h?.provisional_start_date&&N(F(h.provisional_start_date))),S=we({personal_email:h?.basic_information?.email,...s,...u.values?.employee_communication,...u.values?.termination_details,...u.values?.paid_time_off,...u.values?.additional_information},x),C=E(()=>({...S,...c}),[c,S]),w=Ce({minTerminationDate:v,isEmployeeInProbationPeriod:_,selectedDate:F(C.proposed_termination_date)}),re=E(()=>{let t=Y.data.schema.properties.termination_reason.oneOf,n=x?t.filter(e=>e.const===`cancellation_before_start_date`):t.filter(e=>e.const!==`cancellation_before_start_date`);return{fields:{risk_assesment_info:b(`Offboarding risk assessment`,`Employees may be protected from termination if they fall into certain categories. To help avoid claims from employees, let us know if the employee is part of one or more of these categories. Select all that apply.`,{className:(a?.jsfModify?.fields?.risk_assesment_info)?.[`x-jsf-presentation`]?.className}),termination_reason:{...a?.jsfModify?.fields?.termination_reason,oneOf:n},proposed_termination_date_info:b(`Proposed termination date`,z(L,{children:[`In most cases, Remote must provide notice to the employee before termination. The required notice period depends on local labor laws, the employment agreement, and other factors. We'll use those factors to determine the required notice period.`,R(o,{external:!0,zendeskId:r.terminationNoticePeriods,className:e(`text-sm`,(a?.jsfModify?.fields?.proposed_termination_date_info)?.[`x-jsf-presentation`]?.zendeskTriggerButtonClassName),children:`Learn about notice periods`})]}),{className:(a?.jsfModify?.fields?.proposed_termination_date_info)?.[`x-jsf-presentation`]?.className}),proposed_termination_date:{...a?.jsfModify?.fields?.proposed_termination_date,"x-jsf-presentation":{...a?.jsfModify?.fields?.proposed_termination_date?.[`x-jsf-presentation`],minDate:y,...C.termination_reason===`cancellation_before_start_date`&&h?.provisional_start_date?{maxDate:j(ce(F(h.provisional_start_date),1),`yyyy-MM-dd`)}:{},...w},...C.termination_reason===`cancellation_before_start_date`?{"x-jsf-errorMessage":{maximum:`The proposed termination date must be before the employee's start date.`}}:{}},paid_time_off_info:{...a?.jsfModify?.fields?.paid_time_off_info,"x-jsf-presentation":{...a?.jsfModify?.fields?.paid_time_off_info?.[`x-jsf-presentation`],Component:()=>{let e=(a?.jsfModify?.fields?.paid_time_off_info)?.[`x-jsf-presentation`]?.Component;return R(He,{employeeName:h?.basic_information?.name,proposedTerminationDate:C.proposed_termination_date,employmentId:i,employment:h,render:t=>R(e||Ve,{...t})})}}},acknowledge_termination_procedure_info:{...a?.jsfModify?.fields?.acknowledge_termination_procedure_info,"x-jsf-presentation":{...a?.jsfModify?.fields?.acknowledge_termination_procedure_info?.[`x-jsf-presentation`],Component:()=>{let e=(a?.jsfModify?.fields?.acknowledge_termination_procedure_info)?.[`x-jsf-presentation`]?.Component;return R(We,{render:t=>R(e||Ge,{...t})})}}},acknowledge_termination_procedure_fees_info:{...a?.jsfModify?.fields?.acknowledge_termination_procedure_fees_info,"x-jsf-presentation":{...a?.jsfModify?.fields?.acknowledge_termination_procedure_fees_info?.[`x-jsf-presentation`],Component:()=>{let e={involuntaryOffboardingServiceChargeZendeskId:r.involuntaryOffboardingServiceCharge,reconciliationInvoiceZendeskId:r.reconciliationInvoice},t=(a?.jsfModify?.fields?.acknowledge_termination_procedure_fees_info)?.[`x-jsf-presentation`]?.Component;return R(t||Ke,{...e})}}}}}},[h,i,C.proposed_termination_date,C.termination_reason,x,y,a?.jsfModify?.fields?.acknowledge_termination_procedure_fees_info,a?.jsfModify?.fields?.acknowledge_termination_procedure_info,a?.jsfModify?.fields?.paid_time_off_info,a?.jsfModify?.fields?.proposed_termination_date,a?.jsfModify?.fields?.proposed_termination_date_info,a?.jsfModify?.fields?.risk_assesment_info,a?.jsfModify?.fields?.termination_reason,w]),{data:T,isLoading:ie}=Ie({formValues:C,jsfModify:{...a?.jsfModify,fields:{...a?.jsfModify?.fields,...re?.fields}},step:u.currentStep.name}),ae=m(Te.data.schema),D=Fe(),{mutateAsync:O}=n(D);async function k(e){if(!i)throw Error(`Employment id is missing`);if(T){let t=await P(e,!0),{customer_informed_employee:n}=t,r=n===`yes`?{employee_awareness:{date:t.customer_informed_employee_date,note:t.customer_informed_employee_description}}:void 0,a=await p(t,[`agrees_to_pto_amount`,`confidential`,`customer_informed_employee`,`will_challenge_termination`]),o=ue(a,`customer_informed_employee_date`,`customer_informed_employee_description`),s=de({...o,...r},fe),c=t.timesheet_file??[],l=Array.isArray(c)&&c.length>0?{content:c[0].content,name:c[0].name}:void 0,u={employment_id:i,termination_details:{...s,timesheet_file:l||void 0},type:`termination`};return O(u)}}function A(){d()}function M(){f()}let oe=Object.keys(c).length>0,P=async(e,n=!1)=>n?await t(e,ae.fields,{isPartialValidation:!0}):T?await t(e,T?.fields,{isPartialValidation:!0}):{};return{employmentId:i,employment:h,fieldValues:C,isDirty:oe,stepState:u,fields:T?.fields||[],isLoading:ie||g,isSubmitting:D.isPending,initialValues:S,handleValidation:async e=>{if(T){let n=await t(e,T?.fields);return T?.handleValidation(n)}return null},checkFieldUpdates:l,parseFormValues:P,onSubmit:k,back:A,next:M}};function Xe({children:e,...t}){let{formId:n,terminationBag:r}=H(),{components:i}=c(),a=i?.button;if(!a)throw Error(`Button component not found`);return R(a,{...t,form:n,disabled:t.disabled||r.isSubmitting,children:e})}function Ze({children:e,...t}){let{terminationBag:{back:n}}=H(),{components:r}=c(),i=r?.button;if(!i)throw Error(`Button component not found`);return R(i,{...t,onClick:e=>{n(),t.onClick?.(e)},children:e})}function $({defaultValues:e,fields:t,onSubmit:n}){let{formId:r,terminationBag:a}=H(),o=ee({handleValidation:a.handleValidation,defaultValues:e,checkFieldUpdates:a.checkFieldUpdates}),s=t||(a?.fields??[]);return R(i,{...o,children:R(`form`,{id:r,onSubmit:o.handleSubmit(n),className:`space-y-4 RemoteFlows__TerminationForm`,children:R(h,{fields:s})})})}function Qe({onSubmit:e}){let{terminationBag:t}=H();return R($,{defaultValues:t.fieldValues,onSubmit:async n=>{let r=await t?.parseFormValues(n);await e?.(r),t?.next()}})}function $e({onSubmit:e}){let{terminationBag:t}=H();return R($,{defaultValues:t.fieldValues,onSubmit:async n=>{let r=await t?.parseFormValues(n);await e?.(r),t?.next()}})}function et({onSubmit:e}){let{terminationBag:t}=H();return R($,{defaultValues:t.fieldValues,onSubmit:async n=>{let r=await t?.parseFormValues(n);await e?.(r),t?.next()}})}function tt({onSubmit:e,onSuccess:t,onError:n}){let{terminationBag:r}=H();return R($,{defaultValues:r.fieldValues,fields:r?.fields,onSubmit:async i=>{let a=await r?.parseFormValues(i,!0);await e?.(a);let o=await r?.onSubmit(i);o?.error?n?.(o.rawError):o?.data&&await t?.(o.data)}})}const nt=({employmentId:e,render:t,options:n,initialValues:r})=>{let i=ie(),a=Ye({employmentId:e,options:n,initialValues:r});return R(V.Provider,{value:{formId:i,terminationBag:a},children:t({terminationBag:a,components:{SubmitButton:Xe,Back:Ze,EmployeeComunicationStep:Qe,TerminationDetailsStep:$e,PaidTimeOffStep:et,AdditionalDetailsStep:tt}})})},rt=[{label:`Misconduct`,description:`The employee is being dismissed due to unacceptable or improper behavior.`},{label:`Performance`,description:`When dismissing an employee for poor performance, employers are required by law to do so fairly. This means giving the employee reasonable opportunity to improve their performance prior to termination.`},{label:`Workforce reduction`,description:`The employee’s position is being made redundant, and a layoff is underway.`},{label:`Values`,description:`The employee is misaligned with the company’s values.`},{label:`Compliance issue`,description:`Use this option if the employee violated key policies, processes or procedures. For example, they failed to comply with their employment agreement’s confidentiality clause.`},{label:`Incapacity to perform inherent duties`,description:`Use this option if the employee is physically or mentally unable to fulfill the work requirements of their role.`},{label:`Mutual agreement`,description:`Employee and employer made a mutual decision to end the relationship.`},{label:`Decision to cancel hiring before the employee started`,description:`Use this option only if the employee has not started work yet.`},{label:`Job abandonment`,description:`The employee has failed to appear for work; the Employer has been unsuccessful in establishing communications with the employee and does not know the employee’s whereabouts.`},{label:`Dissatisfaction with EOR service`,description:z(`span`,{children:[`We’re sorry to see you go. If there is anything we can do to improve or if there is any remaining feedback you want to give us, please reach out to`,` `,R(`a`,{href:`mailto:help@remote.com`,target:`_blank`,rel:`noopener noreferrer`,children:`help@remote.com`}),`.`]})},{label:`End of fixed-term contract`,description:`Use this option when the employee fixed-term contract is coming to an end and will not be renewed or extended.`}],it=()=>z(L,{children:[z(`h3`,{className:e(`RemoteFlows__TerminationReasonsDetailContent__Title`),children:[` `,`Why is this important?`]}),R(`p`,{className:e(`RemoteFlows__TerminationReasonsDetailContent__Description`),children:`We're here to help you follow all applicable labor laws when terminating an employee. Here are all the legal reasons for termination. Please read them to make sure you enter the correct reason in the platform.`}),R(`h4`,{className:e(`RemoteFlows__TerminationReasonsDetailContent__Subtitle`),children:`Termination Reasons`}),R(`ul`,{className:e(`RemoteFlows__TerminationReasonsDetailContent__List list-disc list-inside`),children:rt.map(t=>z(`li`,{className:e(`RemoteFlows__TerminationReasonsDetailContent__ListItem`),children:[R(`span`,{className:e(`RemoteFlows__TerminationReasonsDetailContent__ListItemLabel`),children:t.label}),R(`span`,{className:e(`RemoteFlows__TerminationReasonsDetailContent__ListItemDescription`),children:t.description})]},t.label))})]}),at=[`You submit your termination request.`,`Remote reviews your request along with the employment agreement, local labor laws, and any collective bargaining agreements in place.`,`A lifecycle specialist contacts you if they need additional details. Sometimes they will request a call.`,`Depending on the country-specific laws and the terms of the employment agreement, Remote may need to seek additional legal advice. We’ll let you know if there are additional charges before proceeding.`,`Terms and conditions for the termination are finalized.`,`You verbally communicate the termination to the employee.`,`Remote shares termination documents with the employee.`,`The employee signs the termination documents if required.`,`Remote processes the final salary and offboards the employee.`],ot=()=>z(L,{children:[R(`h3`,{className:e(`RemoteFlows__TerminationDialogInfoContent__Title`),children:`Please read carefully before you continue`}),R(`p`,{className:e(`RemoteFlows__TerminationDialogInfoContent__Description`),children:`Please do not inform the employee of the termination. Remote will lead communication with them after you submit this form and they finalize the termination terms.`}),R(`p`,{className:e(`RemoteFlows__TerminationDialogInfoContent__Description RemoteFlows__TerminationDialogInfoContent__FollowUpDescription`),children:`If you already informed them, that's okay. Remote will ask for the details regarding that communication and they'll take it from there.`}),R(o,{className:e(`RemoteFlows__TerminationDialogInfoContent__ZendeskTriggerButton text-sm`),zendeskId:r.terminationEmployeeCommunication,children:`Learn more about employee communication`}),R(`h3`,{className:e(`RemoteFlows__TerminationDialogInfoContent__ProcessTitle`),children:`The termination process`}),R(`ul`,{className:e(`RemoteFlows__TerminationDialogInfoContent__ProcessList list-disc list-inside`),children:at.map((t,n)=>R(`li`,{className:e(`RemoteFlows__TerminationDialogInfoContent__ProcessListItem`),children:t},n))})]});export{Z as a,De as i,it as n,X as o,nt as r,ot as t};
+//# sourceMappingURL=Termination-sjnHMs8m.js.map