@gusto/embedded-react-sdk 0.37.0 → 0.38.0-rc.2

package/dist/components/UNSTABLE_Hooks/hooks/useEmployeeDetailsForm/useEmployeeDetailsForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"useEmployeeDetailsForm.js","sources":["../../../../../src/components/UNSTABLE_Hooks/hooks/useEmployeeDetailsForm/useEmployeeDetailsForm.tsx"],"sourcesContent":["import { useForm } from 'react-hook-form'\nimport type { UseFormProps } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport { useEmployeesGet } from '@gusto/embedded-api/react-query/employeesGet'\nimport { useEmployeesCreateMutation } from '@gusto/embedded-api/react-query/employeesCreate'\nimport { useEmployeesUpdateMutation } from '@gusto/embedded-api/react-query/employeesUpdate'\nimport { useEmployeesUpdateOnboardingStatusMutation } from '@gusto/embedded-api/react-query/employeesUpdateOnboardingStatus'\nimport { RFCDate } from '@gusto/embedded-api/types/rfcdate'\nimport type { HookSubmitResult } from '../../types'\nimport { useErrorHandling } from '../../useErrorHandling'\nimport { deriveFieldsMetadata } from '../../form/deriveFieldsMetadata'\nimport { createGetFormSubmissionValues } from '../../form/getFormSubmissionValues'\nimport type { RequiredFields } from '../../form/resolveRequiredFields'\nimport {\n  createEmployeeDetailsSchema,\n  type EmployeeDetailsFormData,\n  type EmployeeDetailsFormOutputs,\n  type EmployeeDetailsField,\n} from './employeeDetailsSchema'\nimport {\n  FirstNameField,\n  MiddleInitialField,\n  LastNameField,\n  EmailField,\n  DateOfBirthField,\n  SsnField,\n  SelfOnboardingField,\n} from './fields'\nimport { EmployeeOnboardingStatus } from '@/shared/constants'\nimport { useBaseSubmit } from '@/components/Base/useBaseSubmit'\nimport { SDKInternalError } from '@/types/sdkError'\nimport { removeNonDigits } from '@/helpers/formattedStrings'\n\nexport type EmployeeDetailsRequiredFields = RequiredFields<EmployeeDetailsField>\n\nexport interface EmployeeDetailsSubmitCallbacks {\n  onEmployeeCreated?: (employee: Employee) => void\n  onEmployeeUpdated?: (employee: Employee) => void\n  onOnboardingStatusUpdated?: (status: unknown) => void\n}\n\nexport interface UseEmployeeDetailsFormProps {\n  companyId: string\n  employeeId?: string\n  withSelfOnboardingField?: boolean\n  requiredFields?: EmployeeDetailsRequiredFields\n  defaultValues?: Partial<EmployeeDetailsFormData>\n  validationMode?: UseFormProps['mode']\n  shouldFocusError?: boolean\n}\n\nconst isCurrentlySelfOnboarding = (employee?: Employee) => {\n  if (!employee?.onboardingStatus) return false\n  const selfOnboardingStatuses: string[] = [\n    EmployeeOnboardingStatus.SELF_ONBOARDING_PENDING_INVITE,\n    EmployeeOnboardingStatus.SELF_ONBOARDING_INVITED,\n    EmployeeOnboardingStatus.SELF_ONBOARDING_INVITED_STARTED,\n    EmployeeOnboardingStatus.SELF_ONBOARDING_INVITED_OVERDUE,\n    EmployeeOnboardingStatus.SELF_ONBOARDING_COMPLETED_BY_EMPLOYEE,\n    EmployeeOnboardingStatus.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW,\n  ]\n  return selfOnboardingStatuses.includes(employee.onboardingStatus)\n}\n\nconst canToggleSelfOnboarding = (employee?: Employee) => {\n  if (!employee) return true\n  return (\n    employee.onboardingStatus === EmployeeOnboardingStatus.ADMIN_ONBOARDING_INCOMPLETE ||\n    employee.onboardingStatus === EmployeeOnboardingStatus.SELF_ONBOARDING_PENDING_INVITE\n  )\n}\n\nexport function useEmployeeDetailsForm({\n  companyId,\n  employeeId,\n  withSelfOnboardingField = true,\n  requiredFields,\n  defaultValues: partnerDefaults,\n  validationMode = 'onSubmit',\n  shouldFocusError = true,\n}: UseEmployeeDetailsFormProps) {\n  const employeeQuery = useEmployeesGet({ employeeId: employeeId ?? '' }, { enabled: !!employeeId })\n\n  const employee = employeeQuery.data?.employee\n\n  const isCreateMode = !employeeId\n  const isSelfOnboardingToggleable = canToggleSelfOnboarding(employee)\n\n  const mode = isCreateMode ? 'create' : 'update'\n\n  const schema = createEmployeeDetailsSchema({\n    mode,\n    requiredFields,\n    hasSsn: employee?.hasSsn,\n  })\n\n  const resolvedDefaults: EmployeeDetailsFormData = {\n    firstName: employee?.firstName ?? partnerDefaults?.firstName ?? '',\n    middleInitial: employee?.middleInitial ?? partnerDefaults?.middleInitial ?? '',\n    lastName: employee?.lastName ?? partnerDefaults?.lastName ?? '',\n    email: employee?.email ?? partnerDefaults?.email ?? '',\n    dateOfBirth: employee?.dateOfBirth ?? partnerDefaults?.dateOfBirth ?? '',\n    ssn: partnerDefaults?.ssn ?? '',\n    selfOnboarding: partnerDefaults?.selfOnboarding ?? isCurrentlySelfOnboarding(employee),\n  }\n\n  const formMethods = useForm<EmployeeDetailsFormData, unknown, EmployeeDetailsFormOutputs>({\n    resolver: zodResolver(schema),\n    mode: validationMode,\n    shouldFocusError,\n    defaultValues: resolvedDefaults,\n    values: resolvedDefaults,\n    resetOptions: { keepDirtyValues: true },\n  })\n\n  const createEmployeeMutation = useEmployeesCreateMutation()\n  const updateEmployeeMutation = useEmployeesUpdateMutation()\n  const updateOnboardingStatusMutation = useEmployeesUpdateOnboardingStatusMutation()\n\n  const isPending =\n    createEmployeeMutation.isPending ||\n    updateEmployeeMutation.isPending ||\n    updateOnboardingStatusMutation.isPending\n\n  const { baseSubmitHandler, error: submitError, setError } = useBaseSubmit('EmployeeDetailsForm')\n\n  const queries = employeeId ? [employeeQuery] : []\n  const errorHandling = useErrorHandling(queries, { error: submitError, setError })\n\n  const baseMetadata = deriveFieldsMetadata(schema)\n  const fieldsMetadata = {\n    ...baseMetadata,\n    ssn: { ...baseMetadata.ssn, hasRedactedValue: employee?.hasSsn ?? false },\n  }\n\n  const onSubmit = async (\n    callbacks?: EmployeeDetailsSubmitCallbacks,\n  ): Promise<HookSubmitResult<Employee> | undefined> => {\n    let submitResult: HookSubmitResult<Employee> | undefined\n\n    await new Promise<void>(resolve => {\n      void formMethods.handleSubmit(\n        async (data: EmployeeDetailsFormOutputs) => {\n          await baseSubmitHandler(data, async payload => {\n            const { selfOnboarding, dateOfBirth, ssn, ...body } = payload\n\n            const cleanedSsn = ssn ? removeNonDigits(ssn) : undefined\n            const hasSsnInput = cleanedSsn && cleanedSsn.length > 0\n\n            let updatedEmployee: Employee\n\n            if (isCreateMode) {\n              const result = await createEmployeeMutation.mutateAsync({\n                request: {\n                  companyId,\n                  requestBody: {\n                    ...body,\n                    selfOnboarding,\n                    dateOfBirth: dateOfBirth ? new RFCDate(new Date(dateOfBirth)) : undefined,\n                    ssn: hasSsnInput ? cleanedSsn : undefined,\n                  },\n                },\n              })\n\n              if (!result.employee) {\n                throw new SDKInternalError('Employee creation failed')\n              }\n\n              updatedEmployee = result.employee\n              callbacks?.onEmployeeCreated?.(updatedEmployee)\n            } else {\n              if (!employee) {\n                throw new SDKInternalError('Employee data is not available')\n              }\n\n              if (isSelfOnboardingToggleable) {\n                const currentIsSelfOnboarding =\n                  employee.onboardingStatus ===\n                  EmployeeOnboardingStatus.SELF_ONBOARDING_PENDING_INVITE\n\n                if (selfOnboarding !== currentIsSelfOnboarding) {\n                  const { employeeOnboardingStatus } =\n                    await updateOnboardingStatusMutation.mutateAsync({\n                      request: {\n                        employeeId: employee.uuid,\n                        requestBody: {\n                          onboardingStatus: selfOnboarding\n                            ? EmployeeOnboardingStatus.SELF_ONBOARDING_PENDING_INVITE\n                            : EmployeeOnboardingStatus.ADMIN_ONBOARDING_INCOMPLETE,\n                        },\n                      },\n                    })\n\n                  callbacks?.onOnboardingStatusUpdated?.(employeeOnboardingStatus)\n                }\n              }\n\n              const result = await updateEmployeeMutation.mutateAsync({\n                request: {\n                  employeeId: employee.uuid,\n                  requestBody: {\n                    version: employee.version as string,\n                    ...body,\n                    dateOfBirth: dateOfBirth || undefined,\n                    ssn: hasSsnInput ? cleanedSsn : undefined,\n                  },\n                },\n              })\n\n              if (!result.employee) {\n                throw new SDKInternalError('Employee update failed')\n              }\n\n              updatedEmployee = result.employee\n              callbacks?.onEmployeeUpdated?.(updatedEmployee)\n            }\n\n            submitResult = {\n              mode: isCreateMode ? 'create' : 'update',\n              data: updatedEmployee,\n            }\n          })\n          resolve()\n        },\n        () => {\n          resolve()\n        },\n      )()\n    })\n\n    return submitResult\n  }\n\n  const isDataLoading = employeeId ? employeeQuery.isLoading : false\n\n  if (isDataLoading || (employeeId && !employee)) {\n    return { isLoading: true as const, errorHandling }\n  }\n\n  return {\n    isLoading: false as const,\n    data: {\n      employee: employee ?? null,\n    },\n    status: {\n      isPending,\n      mode: isCreateMode ? ('create' as const) : ('update' as const),\n    },\n    actions: { onSubmit },\n    errorHandling,\n    form: {\n      Fields: {\n        FirstName: FirstNameField,\n        MiddleInitial: MiddleInitialField,\n        LastName: LastNameField,\n        Email: EmailField,\n        DateOfBirth: DateOfBirthField,\n        Ssn: SsnField,\n        SelfOnboarding:\n          withSelfOnboardingField && isSelfOnboardingToggleable ? SelfOnboardingField : undefined,\n      },\n      fieldsMetadata,\n      hookFormInternals: { formMethods },\n      getFormSubmissionValues: createGetFormSubmissionValues(formMethods, schema),\n    },\n  }\n}\n\nexport type UseEmployeeDetailsFormResult = ReturnType<typeof useEmployeeDetailsForm>\nexport type UseEmployeeDetailsFormReady = Extract<UseEmployeeDetailsFormResult, { data: object }>\nexport type EmployeeDetailsFieldsMetadata = UseEmployeeDetailsFormReady['form']['fieldsMetadata']\nexport type EmployeeDetailsFormFields = UseEmployeeDetailsFormReady['form']['Fields']\n"],"names":["isCurrentlySelfOnboarding","employee","EmployeeOnboardingStatus","canToggleSelfOnboarding","useEmployeeDetailsForm","companyId","employeeId","withSelfOnboardingField","requiredFields","partnerDefaults","validationMode","shouldFocusError","employeeQuery","useEmployeesGet","isCreateMode","isSelfOnboardingToggleable","schema","createEmployeeDetailsSchema","resolvedDefaults","formMethods","useForm","zodResolver","createEmployeeMutation","useEmployeesCreateMutation","updateEmployeeMutation","useEmployeesUpdateMutation","updateOnboardingStatusMutation","useEmployeesUpdateOnboardingStatusMutation","isPending","baseSubmitHandler","submitError","setError","useBaseSubmit","errorHandling","useErrorHandling","baseMetadata","deriveFieldsMetadata","fieldsMetadata","onSubmit","callbacks","submitResult","resolve","data","payload","selfOnboarding","dateOfBirth","ssn","body","cleanedSsn","removeNonDigits","hasSsnInput","updatedEmployee","result","RFCDate","SDKInternalError","currentIsSelfOnboarding","employeeOnboardingStatus","FirstNameField","MiddleInitialField","LastNameField","EmailField","DateOfBirthField","SsnField","SelfOnboardingField","createGetFormSubmissionValues"],"mappings":"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"}
+{"version":3,"file":"useEmployeeDetailsForm.js","sources":["../../../../../src/components/UNSTABLE_Hooks/hooks/useEmployeeDetailsForm/useEmployeeDetailsForm.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useForm } from 'react-hook-form'\nimport type { UseFormProps } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport { useEmployeesGet } from '@gusto/embedded-api/react-query/employeesGet'\nimport { useEmployeesCreateMutation } from '@gusto/embedded-api/react-query/employeesCreate'\nimport { useEmployeesUpdateMutation } from '@gusto/embedded-api/react-query/employeesUpdate'\nimport { useEmployeesUpdateOnboardingStatusMutation } from '@gusto/embedded-api/react-query/employeesUpdateOnboardingStatus'\nimport { RFCDate } from '@gusto/embedded-api/types/rfcdate'\nimport { useDeriveFieldsMetadata } from '../../form/useDeriveFieldsMetadata'\nimport { createGetFormSubmissionValues } from '../../form/getFormSubmissionValues'\nimport {\n  createEmployeeDetailsSchema,\n  type EmployeeDetailsOptionalFieldsToRequire,\n  type EmployeeDetailsFormData,\n  type EmployeeDetailsFormOutputs,\n} from './employeeDetailsSchema'\nimport {\n  FirstNameField,\n  MiddleInitialField,\n  LastNameField,\n  EmailField,\n  DateOfBirthField,\n  SsnField,\n  SelfOnboardingField,\n} from './fields'\nimport { useErrorHandling } from '@/hooks/useErrorHandling'\nimport type { HookSubmitResult } from '@/types/sdkHooks'\nimport { EmployeeOnboardingStatus } from '@/shared/constants'\nimport { useBaseSubmit } from '@/components/Base/useBaseSubmit'\nimport { SDKInternalError } from '@/types/sdkError'\nimport { removeNonDigits } from '@/helpers/formattedStrings'\n\nexport type { EmployeeDetailsOptionalFieldsToRequire } from './employeeDetailsSchema'\n\nexport interface EmployeeDetailsSubmitCallbacks {\n  onEmployeeCreated?: (employee: Employee) => void\n  onEmployeeUpdated?: (employee: Employee) => void\n  onOnboardingStatusUpdated?: (status: unknown) => void\n}\n\nexport interface UseEmployeeDetailsFormProps {\n  companyId: string\n  employeeId?: string\n  withSelfOnboardingField?: boolean\n  optionalFieldsToRequire?: EmployeeDetailsOptionalFieldsToRequire\n  defaultValues?: Partial<EmployeeDetailsFormData>\n  validationMode?: UseFormProps['mode']\n  shouldFocusError?: boolean\n}\n\nconst isCurrentlySelfOnboarding = (employee?: Employee) => {\n  if (!employee?.onboardingStatus) return false\n  const selfOnboardingStatuses: string[] = [\n    EmployeeOnboardingStatus.SELF_ONBOARDING_PENDING_INVITE,\n    EmployeeOnboardingStatus.SELF_ONBOARDING_INVITED,\n    EmployeeOnboardingStatus.SELF_ONBOARDING_INVITED_STARTED,\n    EmployeeOnboardingStatus.SELF_ONBOARDING_INVITED_OVERDUE,\n    EmployeeOnboardingStatus.SELF_ONBOARDING_COMPLETED_BY_EMPLOYEE,\n    EmployeeOnboardingStatus.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW,\n  ]\n  return selfOnboardingStatuses.includes(employee.onboardingStatus)\n}\n\nconst canToggleSelfOnboarding = (employee?: Employee) => {\n  if (!employee) return true\n  return (\n    employee.onboardingStatus === EmployeeOnboardingStatus.ADMIN_ONBOARDING_INCOMPLETE ||\n    employee.onboardingStatus === EmployeeOnboardingStatus.SELF_ONBOARDING_PENDING_INVITE\n  )\n}\n\nexport function useEmployeeDetailsForm({\n  companyId,\n  employeeId,\n  withSelfOnboardingField = true,\n  optionalFieldsToRequire,\n  defaultValues: partnerDefaults,\n  validationMode = 'onSubmit',\n  shouldFocusError = true,\n}: UseEmployeeDetailsFormProps) {\n  const employeeQuery = useEmployeesGet({ employeeId: employeeId ?? '' }, { enabled: !!employeeId })\n\n  const employee = employeeQuery.data?.employee\n\n  const isCreateMode = !employeeId\n  const isSelfOnboardingToggleable = canToggleSelfOnboarding(employee)\n\n  const mode = isCreateMode ? 'create' : 'update'\n\n  const [schema, metadataConfig] = useMemo(\n    () => createEmployeeDetailsSchema({ mode, optionalFieldsToRequire, hasSsn: employee?.hasSsn }),\n    [mode, optionalFieldsToRequire, employee?.hasSsn],\n  )\n\n  const resolvedDefaults: EmployeeDetailsFormData = {\n    firstName: employee?.firstName ?? partnerDefaults?.firstName ?? '',\n    middleInitial: employee?.middleInitial ?? partnerDefaults?.middleInitial ?? '',\n    lastName: employee?.lastName ?? partnerDefaults?.lastName ?? '',\n    email: employee?.email ?? partnerDefaults?.email ?? '',\n    dateOfBirth: employee?.dateOfBirth ?? partnerDefaults?.dateOfBirth ?? '',\n    ssn: partnerDefaults?.ssn ?? '',\n    selfOnboarding: partnerDefaults?.selfOnboarding ?? isCurrentlySelfOnboarding(employee),\n  }\n\n  const formMethods = useForm<EmployeeDetailsFormData, unknown, EmployeeDetailsFormOutputs>({\n    resolver: zodResolver(schema),\n    mode: validationMode,\n    shouldFocusError,\n    defaultValues: resolvedDefaults,\n    values: resolvedDefaults,\n    resetOptions: { keepDirtyValues: true },\n  })\n\n  const createEmployeeMutation = useEmployeesCreateMutation()\n  const updateEmployeeMutation = useEmployeesUpdateMutation()\n  const updateOnboardingStatusMutation = useEmployeesUpdateOnboardingStatusMutation()\n\n  const isPending =\n    createEmployeeMutation.isPending ||\n    updateEmployeeMutation.isPending ||\n    updateOnboardingStatusMutation.isPending\n\n  const { baseSubmitHandler, error: submitError, setError } = useBaseSubmit('EmployeeDetailsForm')\n\n  const queries = employeeId ? [employeeQuery] : []\n  const errorHandling = useErrorHandling(queries, { error: submitError, setError })\n\n  const fieldsMetadata = useDeriveFieldsMetadata(metadataConfig, formMethods.control)\n\n  const onSubmit = async (\n    callbacks?: EmployeeDetailsSubmitCallbacks,\n  ): Promise<HookSubmitResult<Employee> | undefined> => {\n    let submitResult: HookSubmitResult<Employee> | undefined\n\n    await new Promise<void>(resolve => {\n      void formMethods.handleSubmit(\n        async (data: EmployeeDetailsFormOutputs) => {\n          await baseSubmitHandler(data, async payload => {\n            const { selfOnboarding, dateOfBirth, ssn, ...body } = payload\n\n            const cleanedSsn = ssn ? removeNonDigits(ssn) : undefined\n            const hasSsnInput = cleanedSsn && cleanedSsn.length > 0\n\n            let updatedEmployee: Employee\n\n            if (isCreateMode) {\n              const result = await createEmployeeMutation.mutateAsync({\n                request: {\n                  companyId,\n                  requestBody: {\n                    ...body,\n                    selfOnboarding,\n                    dateOfBirth: dateOfBirth ? new RFCDate(new Date(dateOfBirth)) : undefined,\n                    ssn: hasSsnInput ? cleanedSsn : undefined,\n                  },\n                },\n              })\n\n              if (!result.employee) {\n                throw new SDKInternalError('Employee creation failed')\n              }\n\n              updatedEmployee = result.employee\n              callbacks?.onEmployeeCreated?.(updatedEmployee)\n            } else {\n              if (!employee) {\n                throw new SDKInternalError('Employee data is not available')\n              }\n\n              if (isSelfOnboardingToggleable) {\n                const currentIsSelfOnboarding =\n                  employee.onboardingStatus ===\n                  EmployeeOnboardingStatus.SELF_ONBOARDING_PENDING_INVITE\n\n                if (selfOnboarding !== currentIsSelfOnboarding) {\n                  const { employeeOnboardingStatus } =\n                    await updateOnboardingStatusMutation.mutateAsync({\n                      request: {\n                        employeeId: employee.uuid,\n                        requestBody: {\n                          onboardingStatus: selfOnboarding\n                            ? EmployeeOnboardingStatus.SELF_ONBOARDING_PENDING_INVITE\n                            : EmployeeOnboardingStatus.ADMIN_ONBOARDING_INCOMPLETE,\n                        },\n                      },\n                    })\n\n                  callbacks?.onOnboardingStatusUpdated?.(employeeOnboardingStatus)\n                }\n              }\n\n              const result = await updateEmployeeMutation.mutateAsync({\n                request: {\n                  employeeId: employee.uuid,\n                  requestBody: {\n                    version: employee.version as string,\n                    ...body,\n                    dateOfBirth: dateOfBirth || undefined,\n                    ssn: hasSsnInput ? cleanedSsn : undefined,\n                  },\n                },\n              })\n\n              if (!result.employee) {\n                throw new SDKInternalError('Employee update failed')\n              }\n\n              updatedEmployee = result.employee\n              callbacks?.onEmployeeUpdated?.(updatedEmployee)\n            }\n\n            submitResult = {\n              mode: isCreateMode ? 'create' : 'update',\n              data: updatedEmployee,\n            }\n          })\n          resolve()\n        },\n        () => {\n          resolve()\n        },\n      )()\n    })\n\n    return submitResult\n  }\n\n  const isDataLoading = employeeId ? employeeQuery.isLoading : false\n\n  if (isDataLoading || (employeeId && !employee)) {\n    return { isLoading: true as const, errorHandling }\n  }\n\n  return {\n    isLoading: false as const,\n    data: {\n      employee: employee ?? null,\n    },\n    status: {\n      isPending,\n      mode: isCreateMode ? ('create' as const) : ('update' as const),\n    },\n    actions: { onSubmit },\n    errorHandling,\n    form: {\n      Fields: {\n        FirstName: FirstNameField,\n        MiddleInitial: MiddleInitialField,\n        LastName: LastNameField,\n        Email: EmailField,\n        DateOfBirth: DateOfBirthField,\n        Ssn: SsnField,\n        SelfOnboarding:\n          withSelfOnboardingField && isSelfOnboardingToggleable ? SelfOnboardingField : undefined,\n      },\n      fieldsMetadata,\n      hookFormInternals: { formMethods },\n      getFormSubmissionValues: createGetFormSubmissionValues(formMethods, schema),\n    },\n  }\n}\n\nexport type UseEmployeeDetailsFormResult = ReturnType<typeof useEmployeeDetailsForm>\nexport type UseEmployeeDetailsFormReady = Extract<UseEmployeeDetailsFormResult, { data: object }>\nexport type EmployeeDetailsFieldsMetadata = UseEmployeeDetailsFormReady['form']['fieldsMetadata']\nexport type EmployeeDetailsFormFields = UseEmployeeDetailsFormReady['form']['Fields']\n"],"names":["isCurrentlySelfOnboarding","employee","EmployeeOnboardingStatus","canToggleSelfOnboarding","useEmployeeDetailsForm","companyId","employeeId","withSelfOnboardingField","optionalFieldsToRequire","partnerDefaults","validationMode","shouldFocusError","employeeQuery","useEmployeesGet","isCreateMode","isSelfOnboardingToggleable","mode","schema","metadataConfig","useMemo","createEmployeeDetailsSchema","resolvedDefaults","formMethods","useForm","zodResolver","createEmployeeMutation","useEmployeesCreateMutation","updateEmployeeMutation","useEmployeesUpdateMutation","updateOnboardingStatusMutation","useEmployeesUpdateOnboardingStatusMutation","isPending","baseSubmitHandler","submitError","setError","useBaseSubmit","errorHandling","useErrorHandling","fieldsMetadata","useDeriveFieldsMetadata","onSubmit","callbacks","submitResult","resolve","data","payload","selfOnboarding","dateOfBirth","ssn","body","cleanedSsn","removeNonDigits","hasSsnInput","updatedEmployee","result","RFCDate","SDKInternalError","currentIsSelfOnboarding","employeeOnboardingStatus","FirstNameField","MiddleInitialField","LastNameField","EmailField","DateOfBirthField","SsnField","SelfOnboardingField","createGetFormSubmissionValues"],"mappings":"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"}

package/dist/components/UNSTABLE_Hooks/hooks/usePayScheduleForm/PayScheduleForm.d.ts

@@ -0,0 +1,5 @@
+import { UsePayScheduleFormProps } from './usePayScheduleForm';
+import { BaseComponentInterface } from '../../../Base';
+export interface PayScheduleFormProps extends UsePayScheduleFormProps, Omit<BaseComponentInterface, 'defaultValues'> {
+}
+export declare function PayScheduleForm({ FallbackComponent, ...props }: PayScheduleFormProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/UNSTABLE_Hooks/hooks/usePayScheduleForm/PayScheduleForm.js

@@ -0,0 +1,172 @@
+import { jsx as a, jsxs as d } from "react/jsx-runtime";
+import { useState as v } from "react";
+import { useTranslation as b } from "react-i18next";
+import { SDKFormProvider as A } from "../../form/SDKFormProvider.js";
+import { usePayScheduleForm as C } from "./usePayScheduleForm.js";
+import n from "./PayScheduleForm.module.scss.js";
+import { useComponentContext as N } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { BaseBoundaries as U, BaseLayout as p } from "../../../Base/Base.js";
+import "../../../Base/useBase.js";
+import { Form as w } from "../../../Common/Form/Form.js";
+import { Flex as D } from "../../../Common/Flex/Flex.js";
+import { Grid as I } from "../../../Common/Grid/Grid.js";
+import { ActionsLayout as F } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { componentEvents as f } from "../../../../shared/constants.js";
+import { useI18n as T, useComponentDictionary as L } from "../../../../i18n/I18n.js";
+import { useDateFormatter as Q } from "../../../../hooks/useDateFormatter.js";
+function x({ onEvent: c, dictionary: m, ...h }) {
+  T("UNSTABLE.PayScheduleForm"), L("UNSTABLE.PayScheduleForm", m);
+  const { t: e } = b("UNSTABLE.PayScheduleForm"), o = N(), E = Q(), r = C(h), [u, P] = v(0);
+  if (r.isLoading)
+    return /* @__PURE__ */ a(p, { isLoading: !0, error: r.errorHandling.errors });
+  const { Fields: i } = r.form, { payPeriodPreview: y, payPreviewLoading: g, paymentSpeedDays: R } = r.data, S = async () => {
+    const t = await r.actions.onSubmit();
+    t && c(
+      t.mode === "create" ? f.PAY_SCHEDULE_CREATED : f.PAY_SCHEDULE_UPDATED,
+      t.data
+    );
+  }, l = y?.[u];
+  return /* @__PURE__ */ a(p, { error: r.errorHandling.errors, children: /* @__PURE__ */ a(A, { formHookResult: r, children: /* @__PURE__ */ d(
+    w,
+    {
+      onSubmit: (t) => {
+        t.preventDefault(), S();
+      },
+      children: [
+        /* @__PURE__ */ a(o.Heading, { as: "h2", children: r.status.mode === "create" ? e("addTitle") : e("editTitle") }),
+        /* @__PURE__ */ a("div", { className: n.payScheduleContainer, children: /* @__PURE__ */ d(I, { gap: 32, gridTemplateColumns: { base: "1fr", small: "1fr 1fr" }, children: [
+          /* @__PURE__ */ a("div", { className: n.payScheduleForm, children: /* @__PURE__ */ d(D, { flexDirection: "column", children: [
+            /* @__PURE__ */ a(
+              i.CustomName,
+              {
+                label: e("labels.name"),
+                validationMessages: {
+                  REQUIRED: e("fieldValidations.customName.REQUIRED")
+                }
+              }
+            ),
+            /* @__PURE__ */ a(
+              i.Frequency,
+              {
+                label: e("labels.frequency"),
+                getOptionLabel: (t) => e(`frequencies.${t}`, t),
+                validationMessages: {
+                  REQUIRED: e("fieldValidations.frequency.REQUIRED")
+                }
+              }
+            ),
+            i.CustomTwicePerMonth && /* @__PURE__ */ a(
+              i.CustomTwicePerMonth,
+              {
+                label: e("labels.frequencyOptions"),
+                description: e("descriptions.frequencyOptionsDescription")
+              }
+            ),
+            /* @__PURE__ */ a(
+              i.AnchorPayDate,
+              {
+                label: e("labels.firstPayDate"),
+                description: e("descriptions.anchorPayDateDescription", {
+                  count: R
+                }),
+                validationMessages: {
+                  REQUIRED: e("fieldValidations.anchorPayDate.REQUIRED")
+                }
+              }
+            ),
+            /* @__PURE__ */ a(
+              i.AnchorEndOfPayPeriod,
+              {
+                label: e("labels.firstPayPeriodEndDate"),
+                description: e("descriptions.anchorEndOfPayPeriodDescription"),
+                validationMessages: {
+                  REQUIRED: e("fieldValidations.anchorEndOfPayPeriod.REQUIRED")
+                }
+              }
+            ),
+            i.Day1 ? /* @__PURE__ */ a(
+              i.Day1,
+              {
+                label: e("labels.firstPayDayOfTheMonth"),
+                validationMessages: {
+                  REQUIRED: e("fieldValidations.day1.REQUIRED"),
+                  DAY_RANGE: e("fieldValidations.day1.DAY_RANGE")
+                }
+              }
+            ) : /* @__PURE__ */ a("div", { className: n.visuallyHidden }),
+            i.Day2 ? /* @__PURE__ */ a(
+              i.Day2,
+              {
+                label: e("labels.lastPayDayOfTheMonth"),
+                validationMessages: {
+                  REQUIRED: e("fieldValidations.day2.REQUIRED"),
+                  DAY_RANGE: e("fieldValidations.day2.DAY_RANGE")
+                }
+              }
+            ) : /* @__PURE__ */ a("div", { className: n.visuallyHidden })
+          ] }) }),
+          /* @__PURE__ */ a(D, { flexDirection: "column", gap: 4, justifyContent: "center", alignItems: "center", children: y && l ? /* @__PURE__ */ d("div", { className: n.calendarContainer, children: [
+            !g && /* @__PURE__ */ a(
+              o.Select,
+              {
+                label: e("labels.preview"),
+                isRequired: !0,
+                options: y.map((t, s) => ({
+                  value: String(s),
+                  label: E.formatPayPeriodRange(
+                    t.startDate.toString(),
+                    t.endDate.toString()
+                  )
+                })),
+                value: String(u),
+                onChange: (t) => {
+                  const s = Number(t);
+                  isNaN(s) || P(s);
+                }
+              }
+            ),
+            /* @__PURE__ */ a(
+              o.CalendarPreview,
+              {
+                dateRange: {
+                  start: new Date(l.startDate.toString()),
+                  end: new Date(l.endDate.toString()),
+                  label: e("payPreview.payPeriod")
+                },
+                highlightDates: [
+                  {
+                    date: new Date(l.checkDate.toString()),
+                    highlightColor: "primary",
+                    label: e("payPreview.payday")
+                  },
+                  {
+                    date: new Date(l.runPayrollBy.toString()),
+                    highlightColor: "secondary",
+                    label: e("payPreview.payrollDeadline")
+                  }
+                ]
+              },
+              u
+            )
+          ] }) : /* @__PURE__ */ a("div", { className: n.calendarContainer, children: /* @__PURE__ */ a(
+            o.Alert,
+            {
+              status: "info",
+              label: e("previewAlert.title"),
+              disableScrollIntoView: !0,
+              children: /* @__PURE__ */ a(o.Text, { children: e("previewAlert.description") })
+            }
+          ) }) })
+        ] }) }),
+        /* @__PURE__ */ a(F, { children: /* @__PURE__ */ a(o.Button, { type: "submit", isLoading: r.status.isPending, children: e("saveCta") }) })
+      ]
+    }
+  ) }) });
+}
+function X({ FallbackComponent: c, ...m }) {
+  return /* @__PURE__ */ a(U, { componentName: "UNSTABLE.PayScheduleForm", FallbackComponent: c, children: /* @__PURE__ */ a(x, { ...m }) });
+}
+export {
+  X as PayScheduleForm
+};
+//# sourceMappingURL=PayScheduleForm.js.map

package/dist/components/UNSTABLE_Hooks/hooks/usePayScheduleForm/PayScheduleForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PayScheduleForm.js","sources":["../../../../../src/components/UNSTABLE_Hooks/hooks/usePayScheduleForm/PayScheduleForm.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { SDKFormProvider } from '../../form/SDKFormProvider'\nimport { usePayScheduleForm } from './usePayScheduleForm'\nimport type { UsePayScheduleFormProps } from './usePayScheduleForm'\nimport style from './PayScheduleForm.module.scss'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { BaseBoundaries, BaseLayout, type BaseComponentInterface } from '@/components/Base'\nimport { Form } from '@/components/Common/Form'\nimport { Flex, Grid, ActionsLayout } from '@/components/Common'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\n\nexport interface PayScheduleFormProps\n  extends UsePayScheduleFormProps, Omit<BaseComponentInterface, 'defaultValues'> {}\n\nfunction PayScheduleFormRoot({ onEvent, dictionary, ...hookProps }: PayScheduleFormProps) {\n  useI18n('UNSTABLE.PayScheduleForm')\n  useComponentDictionary('UNSTABLE.PayScheduleForm', dictionary)\n  const { t } = useTranslation('UNSTABLE.PayScheduleForm')\n  const Components = useComponentContext()\n  const dateFormatter = useDateFormatter()\n  const paySchedule = usePayScheduleForm(hookProps)\n\n  const [selectedPayPeriodIndex, setSelectedPayPeriodIndex] = useState(0)\n\n  if (paySchedule.isLoading) {\n    return <BaseLayout isLoading error={paySchedule.errorHandling.errors} />\n  }\n\n  const { Fields } = paySchedule.form\n  const { payPeriodPreview, payPreviewLoading, paymentSpeedDays } = paySchedule.data\n\n  const handleSubmit = async () => {\n    const result = await paySchedule.actions.onSubmit()\n    if (result) {\n      onEvent(\n        result.mode === 'create'\n          ? componentEvents.PAY_SCHEDULE_CREATED\n          : componentEvents.PAY_SCHEDULE_UPDATED,\n        result.data,\n      )\n    }\n  }\n\n  const selectedPeriod = payPeriodPreview?.[selectedPayPeriodIndex]\n\n  return (\n    <BaseLayout error={paySchedule.errorHandling.errors}>\n      <SDKFormProvider formHookResult={paySchedule}>\n        <Form\n          onSubmit={e => {\n            e.preventDefault()\n            void handleSubmit()\n          }}\n        >\n          <Components.Heading as=\"h2\">\n            {paySchedule.status.mode === 'create' ? t('addTitle') : t('editTitle')}\n          </Components.Heading>\n\n          <div className={style.payScheduleContainer}>\n            <Grid gap={32} gridTemplateColumns={{ base: '1fr', small: '1fr 1fr' }}>\n              <div className={style.payScheduleForm}>\n                <Flex flexDirection=\"column\">\n                  <Fields.CustomName\n                    label={t('labels.name')}\n                    validationMessages={{\n                      REQUIRED: t('fieldValidations.customName.REQUIRED'),\n                    }}\n                  />\n\n                  <Fields.Frequency\n                    label={t('labels.frequency')}\n                    getOptionLabel={freq => t(`frequencies.${freq}`, freq)}\n                    validationMessages={{\n                      REQUIRED: t('fieldValidations.frequency.REQUIRED'),\n                    }}\n                  />\n\n                  {Fields.CustomTwicePerMonth && (\n                    <Fields.CustomTwicePerMonth\n                      label={t('labels.frequencyOptions')}\n                      description={t('descriptions.frequencyOptionsDescription')}\n                    />\n                  )}\n\n                  <Fields.AnchorPayDate\n                    label={t('labels.firstPayDate')}\n                    description={t('descriptions.anchorPayDateDescription', {\n                      count: paymentSpeedDays,\n                    })}\n                    validationMessages={{\n                      REQUIRED: t('fieldValidations.anchorPayDate.REQUIRED'),\n                    }}\n                  />\n\n                  <Fields.AnchorEndOfPayPeriod\n                    label={t('labels.firstPayPeriodEndDate')}\n                    description={t('descriptions.anchorEndOfPayPeriodDescription')}\n                    validationMessages={{\n                      REQUIRED: t('fieldValidations.anchorEndOfPayPeriod.REQUIRED'),\n                    }}\n                  />\n\n                  {Fields.Day1 ? (\n                    <Fields.Day1\n                      label={t('labels.firstPayDayOfTheMonth')}\n                      validationMessages={{\n                        REQUIRED: t('fieldValidations.day1.REQUIRED'),\n                        DAY_RANGE: t('fieldValidations.day1.DAY_RANGE'),\n                      }}\n                    />\n                  ) : (\n                    <div className={style.visuallyHidden} />\n                  )}\n\n                  {Fields.Day2 ? (\n                    <Fields.Day2\n                      label={t('labels.lastPayDayOfTheMonth')}\n                      validationMessages={{\n                        REQUIRED: t('fieldValidations.day2.REQUIRED'),\n                        DAY_RANGE: t('fieldValidations.day2.DAY_RANGE'),\n                      }}\n                    />\n                  ) : (\n                    <div className={style.visuallyHidden} />\n                  )}\n                </Flex>\n              </div>\n\n              <Flex flexDirection=\"column\" gap={4} justifyContent=\"center\" alignItems=\"center\">\n                {payPeriodPreview && selectedPeriod ? (\n                  <div className={style.calendarContainer}>\n                    {!payPreviewLoading && (\n                      <Components.Select\n                        label={t('labels.preview')}\n                        isRequired\n                        options={payPeriodPreview.map((period, index) => ({\n                          value: String(index),\n                          label: dateFormatter.formatPayPeriodRange(\n                            period.startDate.toString(),\n                            period.endDate.toString(),\n                          ),\n                        }))}\n                        value={String(selectedPayPeriodIndex)}\n                        onChange={(value: string) => {\n                          const numericValue = Number(value)\n                          if (!isNaN(numericValue)) {\n                            setSelectedPayPeriodIndex(numericValue)\n                          }\n                        }}\n                      />\n                    )}\n                    <Components.CalendarPreview\n                      key={selectedPayPeriodIndex}\n                      dateRange={{\n                        start: new Date(selectedPeriod.startDate.toString()),\n                        end: new Date(selectedPeriod.endDate.toString()),\n                        label: t('payPreview.payPeriod'),\n                      }}\n                      highlightDates={[\n                        {\n                          date: new Date(selectedPeriod.checkDate.toString()),\n                          highlightColor: 'primary',\n                          label: t('payPreview.payday'),\n                        },\n                        {\n                          date: new Date(selectedPeriod.runPayrollBy.toString()),\n                          highlightColor: 'secondary',\n                          label: t('payPreview.payrollDeadline'),\n                        },\n                      ]}\n                    />\n                  </div>\n                ) : (\n                  <div className={style.calendarContainer}>\n                    <Components.Alert\n                      status=\"info\"\n                      label={t('previewAlert.title')}\n                      disableScrollIntoView\n                    >\n                      <Components.Text>{t('previewAlert.description')}</Components.Text>\n                    </Components.Alert>\n                  </div>\n                )}\n              </Flex>\n            </Grid>\n          </div>\n\n          <ActionsLayout>\n            <Components.Button type=\"submit\" isLoading={paySchedule.status.isPending}>\n              {t('saveCta')}\n            </Components.Button>\n          </ActionsLayout>\n        </Form>\n      </SDKFormProvider>\n    </BaseLayout>\n  )\n}\n\nexport function PayScheduleForm({ FallbackComponent, ...props }: PayScheduleFormProps) {\n  return (\n    <BaseBoundaries componentName=\"UNSTABLE.PayScheduleForm\" FallbackComponent={FallbackComponent}>\n      <PayScheduleFormRoot {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["PayScheduleFormRoot","onEvent","dictionary","hookProps","useI18n","useComponentDictionary","t","useTranslation","Components","useComponentContext","dateFormatter","useDateFormatter","paySchedule","usePayScheduleForm","selectedPayPeriodIndex","setSelectedPayPeriodIndex","useState","BaseLayout","Fields","payPeriodPreview","payPreviewLoading","paymentSpeedDays","handleSubmit","result","componentEvents","selectedPeriod","jsx","SDKFormProvider","jsxs","Form","e","style","Grid","Flex","freq","period","index","value","numericValue","ActionsLayout","PayScheduleForm","FallbackComponent","props","BaseBoundaries"],"mappings":"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"}

package/dist/components/UNSTABLE_Hooks/hooks/usePayScheduleForm/PayScheduleForm.module.scss.js

@@ -0,0 +1,14 @@
+const a = "_payScheduleContainer_masn5_1", e = "_payScheduleForm_masn5_5", n = "_visuallyHidden_masn5_9", l = "_calendarContainer_masn5_13", d = {
+  payScheduleContainer: a,
+  payScheduleForm: e,
+  visuallyHidden: n,
+  calendarContainer: l
+};
+export {
+  l as calendarContainer,
+  d as default,
+  a as payScheduleContainer,
+  e as payScheduleForm,
+  n as visuallyHidden
+};
+//# sourceMappingURL=PayScheduleForm.module.scss.js.map

package/dist/components/UNSTABLE_Hooks/hooks/usePayScheduleForm/PayScheduleForm.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PayScheduleForm.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/components/UNSTABLE_Hooks/hooks/usePayScheduleForm/fields.d.ts

@@ -0,0 +1,23 @@
+import { TextInputHookFieldProps } from '../../form/fields/TextInputHookField';
+import { SelectHookFieldProps } from '../../form/fields/SelectHookField';
+import { RadioGroupHookFieldProps } from '../../form/fields/RadioGroupHookField';
+import { DatePickerHookFieldProps } from '../../form/fields/DatePickerHookField';
+import { NumberInputHookFieldProps } from '../../form/fields/NumberInputHookField';
+import { PayScheduleErrorCodes, PayScheduleFrequency } from './payScheduleSchema';
+import { HookFieldProps } from '../../../../types/sdkHooks';
+export type RequiredValidation = typeof PayScheduleErrorCodes.REQUIRED;
+export type DayValidation = (typeof PayScheduleErrorCodes)['REQUIRED' | 'DAY_RANGE'];
+export type CustomNameFieldProps = HookFieldProps<TextInputHookFieldProps<RequiredValidation>>;
+export declare function CustomNameField(props: CustomNameFieldProps): import("react/jsx-runtime").JSX.Element;
+export type FrequencyFieldProps = HookFieldProps<SelectHookFieldProps<RequiredValidation, PayScheduleFrequency>>;
+export declare function FrequencyField(props: FrequencyFieldProps): import("react/jsx-runtime").JSX.Element;
+export type CustomTwicePerMonthFieldProps = HookFieldProps<RadioGroupHookFieldProps<never, string>>;
+export declare function CustomTwicePerMonthField(props: CustomTwicePerMonthFieldProps): import("react/jsx-runtime").JSX.Element;
+export type AnchorPayDateFieldProps = HookFieldProps<DatePickerHookFieldProps<RequiredValidation>>;
+export declare function AnchorPayDateField(props: AnchorPayDateFieldProps): import("react/jsx-runtime").JSX.Element;
+export type AnchorEndOfPayPeriodFieldProps = HookFieldProps<DatePickerHookFieldProps<RequiredValidation>>;
+export declare function AnchorEndOfPayPeriodField(props: AnchorEndOfPayPeriodFieldProps): import("react/jsx-runtime").JSX.Element;
+export type Day1FieldProps = HookFieldProps<NumberInputHookFieldProps<DayValidation>>;
+export declare function Day1Field(props: Day1FieldProps): import("react/jsx-runtime").JSX.Element;
+export type Day2FieldProps = HookFieldProps<NumberInputHookFieldProps<DayValidation>>;
+export declare function Day2Field(props: Day2FieldProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/UNSTABLE_Hooks/hooks/usePayScheduleForm/fields.js

@@ -0,0 +1,37 @@
+import { jsx as o } from "react/jsx-runtime";
+import { NumberInputHookField as n } from "../../form/fields/NumberInputHookField.js";
+import { DatePickerHookField as r } from "../../form/fields/DatePickerHookField.js";
+import { RadioGroupHookField as t } from "../../form/fields/RadioGroupHookField.js";
+import { SelectHookField as i } from "../../form/fields/SelectHookField.js";
+import { TextInputHookField as m } from "../../form/fields/TextInputHookField.js";
+function F(e) {
+  return /* @__PURE__ */ o(m, { ...e, name: "customName" });
+}
+function p(e) {
+  return /* @__PURE__ */ o(i, { ...e, name: "frequency" });
+}
+function y(e) {
+  return /* @__PURE__ */ o(t, { ...e, name: "customTwicePerMonth" });
+}
+function P(e) {
+  return /* @__PURE__ */ o(r, { ...e, name: "anchorPayDate" });
+}
+function h(e) {
+  return /* @__PURE__ */ o(r, { ...e, name: "anchorEndOfPayPeriod" });
+}
+function k(e) {
+  return /* @__PURE__ */ o(n, { ...e, name: "day1", min: 1, max: 31 });
+}
+function s(e) {
+  return /* @__PURE__ */ o(n, { ...e, name: "day2", min: 1, max: 31 });
+}
+export {
+  h as AnchorEndOfPayPeriodField,
+  P as AnchorPayDateField,
+  F as CustomNameField,
+  y as CustomTwicePerMonthField,
+  k as Day1Field,
+  s as Day2Field,
+  p as FrequencyField
+};
+//# sourceMappingURL=fields.js.map

package/dist/components/UNSTABLE_Hooks/hooks/usePayScheduleForm/fields.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fields.js","sources":["../../../../../src/components/UNSTABLE_Hooks/hooks/usePayScheduleForm/fields.tsx"],"sourcesContent":["import type { TextInputHookFieldProps } from '../../form/fields/TextInputHookField'\nimport type { SelectHookFieldProps } from '../../form/fields/SelectHookField'\nimport type { RadioGroupHookFieldProps } from '../../form/fields/RadioGroupHookField'\nimport type { DatePickerHookFieldProps } from '../../form/fields/DatePickerHookField'\nimport type { NumberInputHookFieldProps } from '../../form/fields/NumberInputHookField'\nimport {\n  TextInputHookField,\n  SelectHookField,\n  RadioGroupHookField,\n  DatePickerHookField,\n  NumberInputHookField,\n} from '../../form/fields'\nimport type { PayScheduleErrorCodes, PayScheduleFrequency } from './payScheduleSchema'\nimport type { HookFieldProps } from '@/types/sdkHooks'\n\nexport type RequiredValidation = typeof PayScheduleErrorCodes.REQUIRED\nexport type DayValidation = (typeof PayScheduleErrorCodes)['REQUIRED' | 'DAY_RANGE']\n\nexport type CustomNameFieldProps = HookFieldProps<TextInputHookFieldProps<RequiredValidation>>\n\nexport function CustomNameField(props: CustomNameFieldProps) {\n  return <TextInputHookField {...props} name=\"customName\" />\n}\n\nexport type FrequencyFieldProps = HookFieldProps<\n  SelectHookFieldProps<RequiredValidation, PayScheduleFrequency>\n>\n\nexport function FrequencyField(props: FrequencyFieldProps) {\n  return <SelectHookField {...props} name=\"frequency\" />\n}\n\nexport type CustomTwicePerMonthFieldProps = HookFieldProps<RadioGroupHookFieldProps<never, string>>\n\nexport function CustomTwicePerMonthField(props: CustomTwicePerMonthFieldProps) {\n  return <RadioGroupHookField {...props} name=\"customTwicePerMonth\" />\n}\n\nexport type AnchorPayDateFieldProps = HookFieldProps<DatePickerHookFieldProps<RequiredValidation>>\n\nexport function AnchorPayDateField(props: AnchorPayDateFieldProps) {\n  return <DatePickerHookField {...props} name=\"anchorPayDate\" />\n}\n\nexport type AnchorEndOfPayPeriodFieldProps = HookFieldProps<\n  DatePickerHookFieldProps<RequiredValidation>\n>\n\nexport function AnchorEndOfPayPeriodField(props: AnchorEndOfPayPeriodFieldProps) {\n  return <DatePickerHookField {...props} name=\"anchorEndOfPayPeriod\" />\n}\n\nexport type Day1FieldProps = HookFieldProps<NumberInputHookFieldProps<DayValidation>>\n\nexport function Day1Field(props: Day1FieldProps) {\n  return <NumberInputHookField {...props} name=\"day1\" min={1} max={31} />\n}\n\nexport type Day2FieldProps = HookFieldProps<NumberInputHookFieldProps<DayValidation>>\n\nexport function Day2Field(props: Day2FieldProps) {\n  return <NumberInputHookField {...props} name=\"day2\" min={1} max={31} />\n}\n"],"names":["CustomNameField","props","jsx","TextInputHookField","FrequencyField","SelectHookField","CustomTwicePerMonthField","RadioGroupHookField","AnchorPayDateField","DatePickerHookField","AnchorEndOfPayPeriodField","Day1Field","NumberInputHookField","Day2Field"],"mappings":";;;;;;AAoBO,SAASA,EAAgBC,GAA6B;AAC3D,SAAO,gBAAAC,EAACC,GAAA,EAAoB,GAAGF,GAAO,MAAK,cAAa;AAC1D;AAMO,SAASG,EAAeH,GAA4B;AACzD,SAAO,gBAAAC,EAACG,GAAA,EAAiB,GAAGJ,GAAO,MAAK,aAAY;AACtD;AAIO,SAASK,EAAyBL,GAAsC;AAC7E,SAAO,gBAAAC,EAACK,GAAA,EAAqB,GAAGN,GAAO,MAAK,uBAAsB;AACpE;AAIO,SAASO,EAAmBP,GAAgC;AACjE,SAAO,gBAAAC,EAACO,GAAA,EAAqB,GAAGR,GAAO,MAAK,iBAAgB;AAC9D;AAMO,SAASS,EAA0BT,GAAuC;AAC/E,SAAO,gBAAAC,EAACO,GAAA,EAAqB,GAAGR,GAAO,MAAK,wBAAuB;AACrE;AAIO,SAASU,EAAUV,GAAuB;AAC/C,SAAO,gBAAAC,EAACU,KAAsB,GAAGX,GAAO,MAAK,QAAO,KAAK,GAAG,KAAK,GAAA,CAAI;AACvE;AAIO,SAASY,EAAUZ,GAAuB;AAC/C,SAAO,gBAAAC,EAACU,KAAsB,GAAGX,GAAO,MAAK,QAAO,KAAK,GAAG,KAAK,GAAA,CAAI;AACvE;"}

package/dist/components/UNSTABLE_Hooks/hooks/usePayScheduleForm/index.d.ts

@@ -0,0 +1,7 @@
+import "./types/i18next.d.ts"
+export { usePayScheduleForm } from './usePayScheduleForm';
+export type { PayScheduleOptionalFieldsToRequire, UsePayScheduleFormProps, UsePayScheduleFormResult, UsePayScheduleFormReady, PayScheduleFieldsMetadata, PayScheduleFormFields, } from './usePayScheduleForm';
+export { PayScheduleForm } from './PayScheduleForm';
+export type { PayScheduleFormProps } from './PayScheduleForm';
+export { createPayScheduleSchema, PayScheduleErrorCodes, type PayScheduleErrorCode, type PayScheduleFormData, type PayScheduleFormOutputs, type PayScheduleField, type PayScheduleFrequency, } from './payScheduleSchema';
+export type { RequiredValidation as PayScheduleRequiredValidation, DayValidation, CustomNameFieldProps, FrequencyFieldProps, CustomTwicePerMonthFieldProps, AnchorPayDateFieldProps, AnchorEndOfPayPeriodFieldProps, Day1FieldProps, Day2FieldProps, } from './fields';

package/dist/components/UNSTABLE_Hooks/hooks/usePayScheduleForm/payScheduleSchema.d.ts

@@ -0,0 +1,55 @@
+import { z } from 'zod';
+import { OptionalFieldsToRequire } from '../../form/buildFormSchema';
+export declare const PayScheduleErrorCodes: {
+    readonly REQUIRED: "REQUIRED";
+    readonly DAY_RANGE: "DAY_RANGE";
+};
+export type PayScheduleErrorCode = (typeof PayScheduleErrorCodes)[keyof typeof PayScheduleErrorCodes];
+declare const FREQUENCY_VALUES: readonly ["Every week", "Every other week", "Twice per month", "Monthly"];
+export type PayScheduleFrequency = (typeof FREQUENCY_VALUES)[number];
+declare const fieldValidators: {
+    customName: z.ZodString;
+    frequency: z.ZodEnum<{
+        "Every week": "Every week";
+        "Every other week": "Every other week";
+        "Twice per month": "Twice per month";
+        Monthly: "Monthly";
+    }>;
+    customTwicePerMonth: z.ZodString;
+    anchorPayDate: z.ZodPipe<z.ZodTransform<string | null, unknown>, z.ZodNullable<z.ZodISODate>>;
+    anchorEndOfPayPeriod: z.ZodPipe<z.ZodTransform<string | null, unknown>, z.ZodNullable<z.ZodISODate>>;
+    day1: z.ZodPipe<z.ZodTransform<number, unknown>, z.ZodNumber>;
+    day2: z.ZodPipe<z.ZodTransform<number, unknown>, z.ZodNumber>;
+};
+export type PayScheduleField = keyof typeof fieldValidators;
+export type PayScheduleFormData = {
+    [K in keyof typeof fieldValidators]: z.infer<(typeof fieldValidators)[K]>;
+};
+export type PayScheduleFormOutputs = PayScheduleFormData;
+declare function needsDay1(data: PayScheduleFormData): boolean;
+declare function needsDay2(data: PayScheduleFormData): boolean;
+declare const requiredFieldsConfig: {
+    customTwicePerMonth: "never";
+    day1: typeof needsDay1;
+    day2: typeof needsDay2;
+};
+export type PayScheduleOptionalFieldsToRequire = OptionalFieldsToRequire<typeof requiredFieldsConfig>;
+interface PayScheduleSchemaOptions {
+    mode?: 'create' | 'update';
+    optionalFieldsToRequire?: PayScheduleOptionalFieldsToRequire;
+}
+export declare function createPayScheduleSchema(options?: PayScheduleSchemaOptions): import('../../form').BuildFormSchemaResult<{
+    customName: z.ZodString;
+    frequency: z.ZodEnum<{
+        "Every week": "Every week";
+        "Every other week": "Every other week";
+        "Twice per month": "Twice per month";
+        Monthly: "Monthly";
+    }>;
+    customTwicePerMonth: z.ZodString;
+    anchorPayDate: z.ZodPipe<z.ZodTransform<string | null, unknown>, z.ZodNullable<z.ZodISODate>>;
+    anchorEndOfPayPeriod: z.ZodPipe<z.ZodTransform<string | null, unknown>, z.ZodNullable<z.ZodISODate>>;
+    day1: z.ZodPipe<z.ZodTransform<number, unknown>, z.ZodNumber>;
+    day2: z.ZodPipe<z.ZodTransform<number, unknown>, z.ZodNumber>;
+}>;
+export {};

package/dist/components/UNSTABLE_Hooks/hooks/usePayScheduleForm/payScheduleSchema.js

@@ -0,0 +1,54 @@
+import { z as o } from "zod";
+import { buildFormSchema as d } from "../../form/buildFormSchema.js";
+import { coerceNaN as n, coerceToISODate as t } from "../../form/preprocessors.js";
+const c = {
+  REQUIRED: "REQUIRED",
+  DAY_RANGE: "DAY_RANGE"
+}, m = ["Every week", "Every other week", "Twice per month", "Monthly"], a = {
+  customName: o.string(),
+  frequency: o.enum(m),
+  customTwicePerMonth: o.string(),
+  anchorPayDate: o.preprocess(t, o.iso.date().nullable()),
+  anchorEndOfPayPeriod: o.preprocess(t, o.iso.date().nullable()),
+  day1: o.preprocess(n(0), o.number()),
+  day2: o.preprocess(n(0), o.number())
+};
+function u(e) {
+  const r = e.frequency, s = e.customTwicePerMonth;
+  return r === "Monthly" || r === "Twice per month" && s === "custom";
+}
+function i(e) {
+  const r = e.frequency, s = e.customTwicePerMonth;
+  return r === "Twice per month" && s === "custom";
+}
+const y = {
+  customTwicePerMonth: "never",
+  day1: u,
+  day2: i
+};
+function E(e, r) {
+  u(e) && (e.day1 < 1 || e.day1 > 31) && r.addIssue({
+    code: o.ZodIssueCode.custom,
+    path: ["day1"],
+    message: e.day1 < 1 ? c.REQUIRED : c.DAY_RANGE
+  }), i(e) && (e.day2 < 1 || e.day2 > 31) && r.addIssue({
+    code: o.ZodIssueCode.custom,
+    path: ["day2"],
+    message: e.day2 < 1 ? c.REQUIRED : c.DAY_RANGE
+  });
+}
+function R(e = {}) {
+  const { mode: r = "create", optionalFieldsToRequire: s } = e;
+  return d(a, {
+    requiredFieldsConfig: y,
+    requiredErrorCode: c.REQUIRED,
+    mode: r,
+    optionalFieldsToRequire: s,
+    superRefine: E
+  });
+}
+export {
+  c as PayScheduleErrorCodes,
+  R as createPayScheduleSchema
+};
+//# sourceMappingURL=payScheduleSchema.js.map

package/dist/components/UNSTABLE_Hooks/hooks/usePayScheduleForm/payScheduleSchema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"payScheduleSchema.js","sources":["../../../../../src/components/UNSTABLE_Hooks/hooks/usePayScheduleForm/payScheduleSchema.ts"],"sourcesContent":["import { z } from 'zod'\nimport {\n  buildFormSchema,\n  type RequiredFieldConfig,\n  type OptionalFieldsToRequire,\n} from '../../form/buildFormSchema'\nimport { coerceNaN, coerceToISODate } from '../../form/preprocessors'\n\n// ── Error codes ────────────────────────────────────────────────────────\n\nexport const PayScheduleErrorCodes = {\n  REQUIRED: 'REQUIRED',\n  DAY_RANGE: 'DAY_RANGE',\n} as const\n\nexport type PayScheduleErrorCode =\n  (typeof PayScheduleErrorCodes)[keyof typeof PayScheduleErrorCodes]\n\n// ── Field validators ───────────────────────────────────────────────────\n\nconst FREQUENCY_VALUES = ['Every week', 'Every other week', 'Twice per month', 'Monthly'] as const\nexport type PayScheduleFrequency = (typeof FREQUENCY_VALUES)[number]\n\nconst fieldValidators = {\n  customName: z.string(),\n  frequency: z.enum(FREQUENCY_VALUES),\n  customTwicePerMonth: z.string(),\n  anchorPayDate: z.preprocess(coerceToISODate, z.iso.date().nullable()),\n  anchorEndOfPayPeriod: z.preprocess(coerceToISODate, z.iso.date().nullable()),\n  day1: z.preprocess(coerceNaN(0), z.number()),\n  day2: z.preprocess(coerceNaN(0), z.number()),\n}\n\nexport type PayScheduleField = keyof typeof fieldValidators\n\nexport type PayScheduleFormData = {\n  [K in keyof typeof fieldValidators]: z.infer<(typeof fieldValidators)[K]>\n}\nexport type PayScheduleFormOutputs = PayScheduleFormData\n\n// ── Required fields config ─────────────────────────────────────────────\n\nfunction needsDay1(data: PayScheduleFormData): boolean {\n  const freq = data.frequency\n  const custom = data.customTwicePerMonth\n  return freq === 'Monthly' || (freq === 'Twice per month' && custom === 'custom')\n}\n\nfunction needsDay2(data: PayScheduleFormData): boolean {\n  const freq = data.frequency\n  const custom = data.customTwicePerMonth\n  return freq === 'Twice per month' && custom === 'custom'\n}\n\nconst requiredFieldsConfig = {\n  customTwicePerMonth: 'never',\n  day1: needsDay1,\n  day2: needsDay2,\n} satisfies RequiredFieldConfig<typeof fieldValidators>\n\n/**\n * coerceNaN(0) maps empty inputs to 0, which `isEmpty` does not catch\n * (it only recognizes undefined/null/blank-string). This superRefine\n * enforces the 1–31 range when the field is applicable, which also\n * rejects the 0 sentinel from empty inputs.\n */\nfunction validateDayRanges(data: PayScheduleFormData, ctx: z.RefinementCtx) {\n  if (needsDay1(data) && (data.day1 < 1 || data.day1 > 31)) {\n    ctx.addIssue({\n      code: z.ZodIssueCode.custom,\n      path: ['day1'],\n      message: data.day1 < 1 ? PayScheduleErrorCodes.REQUIRED : PayScheduleErrorCodes.DAY_RANGE,\n    })\n  }\n  if (needsDay2(data) && (data.day2 < 1 || data.day2 > 31)) {\n    ctx.addIssue({\n      code: z.ZodIssueCode.custom,\n      path: ['day2'],\n      message: data.day2 < 1 ? PayScheduleErrorCodes.REQUIRED : PayScheduleErrorCodes.DAY_RANGE,\n    })\n  }\n}\n\n// ── Schema factory ─────────────────────────────────────────────────────\n\nexport type PayScheduleOptionalFieldsToRequire = OptionalFieldsToRequire<\n  typeof requiredFieldsConfig\n>\n\ninterface PayScheduleSchemaOptions {\n  mode?: 'create' | 'update'\n  optionalFieldsToRequire?: PayScheduleOptionalFieldsToRequire\n}\n\nexport function createPayScheduleSchema(options: PayScheduleSchemaOptions = {}) {\n  const { mode = 'create', optionalFieldsToRequire } = options\n\n  return buildFormSchema(fieldValidators, {\n    requiredFieldsConfig,\n    requiredErrorCode: PayScheduleErrorCodes.REQUIRED,\n    mode,\n    optionalFieldsToRequire,\n    superRefine: validateDayRanges,\n  })\n}\n"],"names":["PayScheduleErrorCodes","FREQUENCY_VALUES","fieldValidators","z","coerceToISODate","coerceNaN","needsDay1","data","freq","custom","needsDay2","requiredFieldsConfig","validateDayRanges","ctx","createPayScheduleSchema","options","mode","optionalFieldsToRequire","buildFormSchema"],"mappings":";;;AAUO,MAAMA,IAAwB;AAAA,EACnC,UAAU;AAAA,EACV,WAAW;AACb,GAOMC,IAAmB,CAAC,cAAc,oBAAoB,mBAAmB,SAAS,GAGlFC,IAAkB;AAAA,EACtB,YAAYC,EAAE,OAAA;AAAA,EACd,WAAWA,EAAE,KAAKF,CAAgB;AAAA,EAClC,qBAAqBE,EAAE,OAAA;AAAA,EACvB,eAAeA,EAAE,WAAWC,GAAiBD,EAAE,IAAI,OAAO,UAAU;AAAA,EACpE,sBAAsBA,EAAE,WAAWC,GAAiBD,EAAE,IAAI,OAAO,UAAU;AAAA,EAC3E,MAAMA,EAAE,WAAWE,EAAU,CAAC,GAAGF,EAAE,QAAQ;AAAA,EAC3C,MAAMA,EAAE,WAAWE,EAAU,CAAC,GAAGF,EAAE,QAAQ;AAC7C;AAWA,SAASG,EAAUC,GAAoC;AACrD,QAAMC,IAAOD,EAAK,WACZE,IAASF,EAAK;AACpB,SAAOC,MAAS,aAAcA,MAAS,qBAAqBC,MAAW;AACzE;AAEA,SAASC,EAAUH,GAAoC;AACrD,QAAMC,IAAOD,EAAK,WACZE,IAASF,EAAK;AACpB,SAAOC,MAAS,qBAAqBC,MAAW;AAClD;AAEA,MAAME,IAAuB;AAAA,EAC3B,qBAAqB;AAAA,EACrB,MAAML;AAAA,EACN,MAAMI;AACR;AAQA,SAASE,EAAkBL,GAA2BM,GAAsB;AAC1E,EAAIP,EAAUC,CAAI,MAAMA,EAAK,OAAO,KAAKA,EAAK,OAAO,OACnDM,EAAI,SAAS;AAAA,IACX,MAAMV,EAAE,aAAa;AAAA,IACrB,MAAM,CAAC,MAAM;AAAA,IACb,SAASI,EAAK,OAAO,IAAIP,EAAsB,WAAWA,EAAsB;AAAA,EAAA,CACjF,GAECU,EAAUH,CAAI,MAAMA,EAAK,OAAO,KAAKA,EAAK,OAAO,OACnDM,EAAI,SAAS;AAAA,IACX,MAAMV,EAAE,aAAa;AAAA,IACrB,MAAM,CAAC,MAAM;AAAA,IACb,SAASI,EAAK,OAAO,IAAIP,EAAsB,WAAWA,EAAsB;AAAA,EAAA,CACjF;AAEL;AAaO,SAASc,EAAwBC,IAAoC,IAAI;AAC9E,QAAM,EAAE,MAAAC,IAAO,UAAU,yBAAAC,EAAA,IAA4BF;AAErD,SAAOG,EAAgBhB,GAAiB;AAAA,IACtC,sBAAAS;AAAA,IACA,mBAAmBX,EAAsB;AAAA,IACzC,MAAAgB;AAAA,IACA,yBAAAC;AAAA,IACA,aAAaL;AAAA,EAAA,CACd;AACH;"}

package/dist/components/UNSTABLE_Hooks/hooks/usePayScheduleForm/usePayScheduleForm.d.ts

@@ -0,0 +1,69 @@
+import { UseFormProps } from 'react-hook-form';
+import { PaySchedule } from '@gusto/embedded-api/models/components/payschedule';
+import { PaySchedulePreviewPayPeriod } from '@gusto/embedded-api/models/components/payschedulepreviewpayperiod';
+import { PayScheduleOptionalFieldsToRequire, PayScheduleFormData } from './payScheduleSchema';
+import { CustomNameField, FrequencyField, CustomTwicePerMonthField, AnchorPayDateField, AnchorEndOfPayPeriodField, Day1Field, Day2Field } from './fields';
+import { HookSubmitResult } from '../../../../types/sdkHooks';
+export type { PayScheduleOptionalFieldsToRequire } from './payScheduleSchema';
+export interface UsePayScheduleFormProps {
+    companyId: string;
+    payScheduleId?: string;
+    optionalFieldsToRequire?: PayScheduleOptionalFieldsToRequire;
+    defaultValues?: Partial<PayScheduleFormData>;
+    validationMode?: UseFormProps['mode'];
+    shouldFocusError?: boolean;
+}
+export declare function usePayScheduleForm({ companyId, payScheduleId, optionalFieldsToRequire, defaultValues: partnerDefaults, validationMode, shouldFocusError, }: UsePayScheduleFormProps): {
+    isLoading: true;
+    errorHandling: import('../../../../types/sdkHooks').HookErrorHandling;
+    data?: undefined;
+    status?: undefined;
+    actions?: undefined;
+    form?: undefined;
+} | {
+    isLoading: false;
+    data: {
+        paySchedule: PaySchedule | null;
+        payPeriodPreview: PaySchedulePreviewPayPeriod[] | null;
+        payPreviewLoading: boolean;
+        paymentSpeedDays: number;
+    };
+    status: {
+        isPending: boolean;
+        mode: "create" | "update";
+    };
+    actions: {
+        onSubmit: () => Promise<HookSubmitResult<PaySchedule> | undefined>;
+    };
+    errorHandling: import('../../../../types/sdkHooks').HookErrorHandling;
+    form: {
+        Fields: {
+            CustomName: typeof CustomNameField;
+            Frequency: typeof FrequencyField;
+            CustomTwicePerMonth: typeof CustomTwicePerMonthField | undefined;
+            AnchorPayDate: typeof AnchorPayDateField;
+            AnchorEndOfPayPeriod: typeof AnchorEndOfPayPeriodField;
+            Day1: typeof Day1Field | undefined;
+            Day2: typeof Day2Field | undefined;
+        };
+        fieldsMetadata: {
+            customName: import('../../../../types/sdkHooks').FieldMetadata;
+            frequency: import('../../../../types/sdkHooks').FieldMetadataWithOptions<"Every week" | "Every other week" | "Twice per month" | "Monthly">;
+            customTwicePerMonth: import('../../../../types/sdkHooks').FieldMetadataWithOptions<string>;
+            anchorPayDate: import('../../../../types/sdkHooks').FieldMetadata;
+            anchorEndOfPayPeriod: import('../../../../types/sdkHooks').FieldMetadata;
+            day1: import('../../../../types/sdkHooks').FieldMetadata;
+            day2: import('../../../../types/sdkHooks').FieldMetadata;
+        };
+        hookFormInternals: {
+            formMethods: import('react-hook-form').UseFormReturn<PayScheduleFormData, unknown, PayScheduleFormData>;
+        };
+        getFormSubmissionValues: () => PayScheduleFormData | undefined;
+    };
+};
+export type UsePayScheduleFormResult = ReturnType<typeof usePayScheduleForm>;
+export type UsePayScheduleFormReady = Extract<UsePayScheduleFormResult, {
+    data: object;
+}>;
+export type PayScheduleFieldsMetadata = UsePayScheduleFormReady['form']['fieldsMetadata'];
+export type PayScheduleFormFields = UsePayScheduleFormReady['form']['Fields'];