@gusto/embedded-react-sdk 0.37.0-rc.1 → 0.37.0

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

@@ -1 +1 @@
-{"version":3,"file":"useCompensationForm.js","sources":["../../../../../src/components/UNSTABLE_Hooks/hooks/useCompensationForm/useCompensationForm.ts"],"sourcesContent":["import type { Compensation } from '@gusto/embedded-api/models/components/compensation'\nimport type { HookLoadingResult, HookSubmitResult, BaseFormHookReady } from '../../types'\n\nexport interface UseCompensationFormProps {\n  employeeId?: string\n  startDate?: string\n}\n\nexport interface UseCompensationFormReady extends BaseFormHookReady {\n  data: { compensation: Compensation }\n  actions: { onSubmit: () => Promise<HookSubmitResult<Compensation> | undefined> }\n}\n\nexport type UseCompensationFormResult = HookLoadingResult | UseCompensationFormReady\n\nexport function useCompensationForm(props: UseCompensationFormProps): UseCompensationFormResult {\n  throw new Error('useCompensationForm is not yet implemented')\n}\n"],"names":["useCompensationForm","props"],"mappings":"AAeO,SAASA,EAAoBC,GAA4D;AAC9F,QAAM,IAAI,MAAM,4CAA4C;AAC9D;"}
+{"version":3,"file":"useCompensationForm.js","sources":["../../../../../src/components/UNSTABLE_Hooks/hooks/useCompensationForm/useCompensationForm.tsx"],"sourcesContent":["import { useEffect, useMemo } from 'react'\nimport { useForm, useWatch } from 'react-hook-form'\nimport type { Resolver, UseFormProps } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport type { Compensation, PaymentUnit } from '@gusto/embedded-api/models/components/compensation'\nimport type { Job } from '@gusto/embedded-api/models/components/job'\nimport type { FlsaStatusType } from '@gusto/embedded-api/models/components/flsastatustype'\nimport type { MinimumWage } from '@gusto/embedded-api/models/components/minimumwage'\nimport { useJobsAndCompensationsGetJobs } from '@gusto/embedded-api/react-query/jobsAndCompensationsGetJobs'\nimport { useJobsAndCompensationsCreateJobMutation } from '@gusto/embedded-api/react-query/jobsAndCompensationsCreateJob'\nimport { useJobsAndCompensationsUpdateMutation } from '@gusto/embedded-api/react-query/jobsAndCompensationsUpdate'\nimport { useJobsAndCompensationsUpdateCompensationMutation } from '@gusto/embedded-api/react-query/jobsAndCompensationsUpdateCompensation'\nimport { useLocationsGetMinimumWages } from '@gusto/embedded-api/react-query/locationsGetMinimumWages'\nimport { useEmployeeAddressesGetWorkAddresses } from '@gusto/embedded-api/react-query/employeeAddressesGetWorkAddresses'\nimport { useEmployeesGet } from '@gusto/embedded-api/react-query/employeesGet'\nimport { useFederalTaxDetailsGet } from '@gusto/embedded-api/react-query/federalTaxDetailsGet'\nimport type { HookSubmitResult } from '../../types'\nimport { useErrorHandling } from '../../useErrorHandling'\nimport { withOptions } from '../../form/withOptions'\nimport { deriveFieldsMetadata } from '../../form/deriveFieldsMetadata'\nimport { createGetFormSubmissionValues } from '../../form/getFormSubmissionValues'\nimport type { RequiredFields } from '../../form/resolveRequiredFields'\nimport {\n  createCompensationSchema,\n  type CompensationField,\n  type CompensationFormData,\n  type CompensationFormOutputs,\n} from './compensationSchema'\nimport {\n  JobTitleField,\n  FlsaStatusField,\n  RateField,\n  PaymentUnitField,\n  AdjustForMinimumWageField,\n  MinimumWageIdField,\n  TwoPercentShareholderField,\n  StateWcCoveredField,\n  StateWcClassCodeField,\n  StartDateField,\n} from './fields'\nimport { FlsaStatus, PAY_PERIODS, TIP_CREDITS_UNSUPPORTED_STATES } from '@/shared/constants'\nimport { useBaseSubmit } from '@/components/Base/useBaseSubmit'\nimport { SDKInternalError } from '@/types/sdkError'\nimport { WA_RISK_CLASS_CODES, type WARiskClassCode } from '@/models/WA_RISK_CODES'\n\nexport interface CompensationSubmitCallbacks {\n  onJobCreated?: (job: Job) => void\n  onJobUpdated?: (job: Job) => void\n  onCompensationUpdated?: (compensation: Compensation | undefined) => void\n}\n\nexport interface CompensationSubmitOptions {\n  employeeId?: string\n  startDate?: string\n}\n\nexport type CompensationRequiredFields = RequiredFields<CompensationField>\n\nexport interface UseCompensationFormProps {\n  employeeId?: string\n  withStartDateField?: boolean\n  jobId?: string\n  requiredFields?: CompensationRequiredFields\n  defaultValues?: Partial<CompensationFormData>\n  validationMode?: UseFormProps['mode']\n  shouldFocusError?: boolean\n}\n\nfunction findCurrentCompensation(job?: Job | null): Compensation | undefined {\n  return job?.compensations?.find(comp => comp.uuid === job.currentCompensationUuid)\n}\n\ntype FlsaStatusValue = CompensationFormData['flsaStatus']\n\nfunction derivePrimaryFlsaStatus(jobs: Job[]): FlsaStatusValue | undefined {\n  return jobs.reduce<FlsaStatusValue | undefined>((prev, curr) => {\n    const compensation = curr.compensations?.find(\n      comp => comp.uuid === curr.currentCompensationUuid,\n    )\n    if (!curr.primary || !compensation) return prev\n    return compensation.flsaStatus ?? prev\n  }, undefined)\n}\n\nconst flsaStatusEntries: FlsaStatusType[] = (\n  Object.keys(FlsaStatus) as Array<keyof typeof FlsaStatus>\n).map(key => FlsaStatus[key])\n\nconst flsaOptions = flsaStatusEntries.map(status => ({\n  value: status,\n  label: status,\n}))\n\nconst paymentUnitEntries: PaymentUnit[] = [\n  PAY_PERIODS.HOUR,\n  PAY_PERIODS.WEEK,\n  PAY_PERIODS.MONTH,\n  PAY_PERIODS.YEAR,\n  PAY_PERIODS.PAYCHECK,\n]\n\nconst paymentUnitOptions = paymentUnitEntries.map(unit => ({\n  value: unit,\n  label: unit,\n}))\n\nexport function useCompensationForm({\n  employeeId,\n  withStartDateField = true,\n  jobId,\n  requiredFields,\n  defaultValues: partnerDefaults,\n  validationMode = 'onSubmit',\n  shouldFocusError = true,\n}: UseCompensationFormProps) {\n  const jobsQuery = useJobsAndCompensationsGetJobs(\n    { employeeId: employeeId ?? '' },\n    { enabled: !!employeeId },\n  )\n  const addressesQuery = useEmployeeAddressesGetWorkAddresses(\n    { employeeId: employeeId ?? '' },\n    { enabled: !!employeeId },\n  )\n  const employeeQuery = useEmployeesGet({ employeeId: employeeId ?? '' }, { enabled: !!employeeId })\n\n  const employeeJobs = jobsQuery.data?.jobList\n  const workAddresses = addressesQuery.data?.employeeWorkAddressesList\n  const currentWorkAddress = workAddresses?.find(address => address.active)\n  const locationUuid = currentWorkAddress?.locationUuid\n  const employee = employeeQuery.data?.employee\n  const companyUuid = employee?.companyUuid\n\n  const minWagesQuery = useLocationsGetMinimumWages(\n    { locationUuid: locationUuid ?? '' },\n    { enabled: !!locationUuid },\n  )\n\n  const taxQuery = useFederalTaxDetailsGet(\n    { companyId: companyUuid ?? '' },\n    { enabled: !!companyUuid },\n  )\n\n  const minimumWages = minWagesQuery.data?.minimumWageList ?? []\n  const federalTaxDetails = taxQuery.data?.federalTaxDetails\n  const showTwoPercentStakeholder = federalTaxDetails?.taxPayerType === 'S-Corporation'\n\n  const currentJob = useMemo<Job | null>(() => {\n    if (!employeeJobs) return null\n    if (jobId) {\n      return employeeJobs.find(j => j.uuid === jobId) ?? null\n    }\n    return employeeJobs.length === 1 ? (employeeJobs[0] ?? null) : null\n  }, [employeeJobs, jobId])\n\n  const currentCompensation = useMemo(() => findCurrentCompensation(currentJob), [currentJob])\n\n  const primaryFlsaStatus = useMemo(() => {\n    if (!employeeJobs) return undefined\n    return derivePrimaryFlsaStatus(employeeJobs)\n  }, [employeeJobs])\n\n  const isCreateMode = !currentJob\n  const mode = isCreateMode ? 'create' : 'update'\n\n  const schema = createCompensationSchema({\n    mode,\n    requiredFields,\n    withStartDateField,\n  })\n\n  const state = currentWorkAddress?.state\n\n  const hireDate = currentJob?.hireDate\n  const resolvedDefaults: CompensationFormData = {\n    jobTitle: currentJob?.title || partnerDefaults?.jobTitle || '',\n    flsaStatus:\n      currentCompensation?.flsaStatus ??\n      primaryFlsaStatus ??\n      partnerDefaults?.flsaStatus ??\n      FlsaStatus.NONEXEMPT,\n    rate: Number(currentCompensation?.rate ?? partnerDefaults?.rate ?? 0),\n    adjustForMinimumWage: currentCompensation?.adjustForMinimumWage ?? false,\n    minimumWageId: currentCompensation?.minimumWages?.[0]?.uuid ?? '',\n    paymentUnit:\n      currentCompensation?.paymentUnit ?? partnerDefaults?.paymentUnit ?? PAY_PERIODS.HOUR,\n    stateWcCovered: currentJob?.stateWcCovered ?? false,\n    stateWcClassCode: currentJob?.stateWcClassCode ?? '',\n    twoPercentShareholder: currentJob?.twoPercentShareholder ?? false,\n    startDate: hireDate ?? partnerDefaults?.startDate ?? null,\n  }\n\n  const formMethods = useForm<CompensationFormData, unknown, CompensationFormOutputs>({\n    resolver: zodResolver(schema) as unknown as Resolver<CompensationFormData>,\n    mode: validationMode,\n    shouldFocusError,\n    defaultValues: resolvedDefaults,\n    values: resolvedDefaults,\n    resetOptions: { keepDirtyValues: true },\n  })\n\n  const watchedFlsaStatus = useWatch({\n    control: formMethods.control,\n    name: 'flsaStatus',\n  })\n  const watchedAdjustForMinimumWage = useWatch({\n    control: formMethods.control,\n    name: 'adjustForMinimumWage',\n  })\n  const watchedStateWcCovered = useWatch({\n    control: formMethods.control,\n    name: 'stateWcCovered',\n  })\n\n  useEffect(() => {\n    if (watchedFlsaStatus === FlsaStatus.OWNER) {\n      formMethods.setValue('paymentUnit', PAY_PERIODS.PAYCHECK)\n    } else if (\n      watchedFlsaStatus === FlsaStatus.COMMISSION_ONLY_NONEXEMPT ||\n      watchedFlsaStatus === FlsaStatus.COMMISSION_ONLY_EXEMPT\n    ) {\n      formMethods.setValue('paymentUnit', PAY_PERIODS.YEAR)\n      formMethods.setValue('rate', 0)\n    } else {\n      formMethods.setValue('paymentUnit', resolvedDefaults.paymentUnit)\n    }\n  }, [watchedFlsaStatus, formMethods.setValue, resolvedDefaults.paymentUnit])\n\n  const updateCompensationMutation = useJobsAndCompensationsUpdateCompensationMutation()\n  const createJobMutation = useJobsAndCompensationsCreateJobMutation()\n  const updateJobMutation = useJobsAndCompensationsUpdateMutation()\n\n  const isPending =\n    updateCompensationMutation.isPending ||\n    createJobMutation.isPending ||\n    updateJobMutation.isPending\n\n  const { baseSubmitHandler, error: submitError, setError } = useBaseSubmit('CompensationForm')\n\n  const queries = employeeId\n    ? [jobsQuery, addressesQuery, employeeQuery, minWagesQuery, taxQuery]\n    : []\n  const errorHandling = useErrorHandling(queries, { error: submitError, setError })\n\n  const isCommissionOnly =\n    watchedFlsaStatus === FlsaStatus.COMMISSION_ONLY_NONEXEMPT ||\n    watchedFlsaStatus === FlsaStatus.COMMISSION_ONLY_EXEMPT\n\n  const isOwner = watchedFlsaStatus === FlsaStatus.OWNER\n\n  const isFlsaSelectionEnabled =\n    watchedFlsaStatus !== FlsaStatus.NONEXEMPT || currentJob?.primary === true || isCreateMode\n\n  const isAdjustMinimumWageEnabled =\n    watchedFlsaStatus === FlsaStatus.NONEXEMPT &&\n    minimumWages.length > 0 &&\n    state !== undefined &&\n    !TIP_CREDITS_UNSUPPORTED_STATES.includes(state)\n\n  const isWaState = state === 'WA'\n\n  const minimumWageOptions = minimumWages.map(wage => ({\n    value: wage.uuid,\n    label: `${wage.wage} - ${wage.authority}: ${wage.notes ?? ''}`,\n  }))\n\n  const stateWcClassCodeOptions = WA_RISK_CLASS_CODES.map(({ code, description }) => ({\n    value: code,\n    label: `${code}: ${description}`,\n  }))\n\n  const baseMetadata = deriveFieldsMetadata(schema)\n  const fieldsMetadata = {\n    startDate: baseMetadata.startDate,\n    jobTitle: baseMetadata.jobTitle,\n    flsaStatus: withOptions<FlsaStatusType>(\n      baseMetadata.flsaStatus,\n      flsaOptions,\n      flsaStatusEntries,\n    ),\n    rate: { ...baseMetadata.rate, isDisabled: isCommissionOnly },\n    paymentUnit: withOptions<PaymentUnit>(\n      { ...baseMetadata.paymentUnit, isDisabled: isOwner || isCommissionOnly },\n      paymentUnitOptions,\n      paymentUnitEntries,\n    ),\n    adjustForMinimumWage: {\n      ...baseMetadata.adjustForMinimumWage,\n      isDisabled: !isAdjustMinimumWageEnabled,\n    },\n    minimumWageId: withOptions<MinimumWage>(\n      baseMetadata.minimumWageId,\n      minimumWageOptions,\n      minimumWages,\n    ),\n    twoPercentShareholder: {\n      ...baseMetadata.twoPercentShareholder,\n      isDisabled: !showTwoPercentStakeholder,\n    },\n    stateWcCovered: withOptions<string>(\n      { ...baseMetadata.stateWcCovered, isDisabled: !isWaState },\n      [\n        { label: 'Yes', value: 'true' },\n        { label: 'No', value: 'false' },\n      ],\n      ['yes', 'no'],\n    ),\n    stateWcClassCode: withOptions<WARiskClassCode>(\n      { ...baseMetadata.stateWcClassCode, isDisabled: !isWaState },\n      stateWcClassCodeOptions,\n      WA_RISK_CLASS_CODES,\n    ),\n  }\n\n  const onSubmit = async (\n    callbacks?: CompensationSubmitCallbacks,\n    options?: CompensationSubmitOptions,\n  ): Promise<HookSubmitResult<Compensation | undefined> | undefined> => {\n    let submitResult: HookSubmitResult<Compensation | undefined> | undefined\n\n    await new Promise<void>(resolve => {\n      void formMethods.handleSubmit(\n        async (data: CompensationFormOutputs) => {\n          await baseSubmitHandler(data, async payload => {\n            const resolvedEmployeeId = options?.employeeId ?? employeeId\n\n            if (!resolvedEmployeeId) {\n              throw new SDKInternalError('employeeId is required to submit compensation')\n            }\n\n            const {\n              jobTitle,\n              twoPercentShareholder,\n              startDate: formStartDate,\n              ...compensationData\n            } = payload\n\n            const resolvedHireDate =\n              withStartDateField && formStartDate ? formStartDate : options?.startDate\n\n            let updatedJobData: Job\n\n            if (!currentJob) {\n              if (!resolvedHireDate) {\n                throw new SDKInternalError('Start date is required')\n              }\n\n              const result = await createJobMutation.mutateAsync({\n                request: {\n                  employeeId: resolvedEmployeeId,\n                  requestBody: {\n                    title: jobTitle,\n                    hireDate: resolvedHireDate,\n                    stateWcCovered: compensationData.stateWcCovered,\n                    stateWcClassCode: compensationData.stateWcCovered\n                      ? compensationData.stateWcClassCode\n                      : null,\n                    twoPercentShareholder: twoPercentShareholder ?? false,\n                  },\n                },\n              })\n              updatedJobData = result.job!\n              callbacks?.onJobCreated?.(updatedJobData)\n            } else {\n              const result = await updateJobMutation.mutateAsync({\n                request: {\n                  jobId: currentJob.uuid,\n                  requestBody: {\n                    title: jobTitle,\n                    version: currentJob.version as string,\n                    hireDate: resolvedHireDate,\n                    stateWcClassCode: compensationData.stateWcCovered\n                      ? compensationData.stateWcClassCode\n                      : null,\n                    stateWcCovered: compensationData.stateWcCovered,\n                    twoPercentShareholder: twoPercentShareholder ?? false,\n                  },\n                },\n              })\n              updatedJobData = result.job!\n              callbacks?.onJobUpdated?.(updatedJobData)\n            }\n\n            const { compensation } = await updateCompensationMutation.mutateAsync({\n              request: {\n                compensationId: updatedJobData.currentCompensationUuid!,\n                compensationsUpdateRequestBody: {\n                  // eslint-disable-next-line @typescript-eslint/no-non-null-asserted-optional-chain\n                  version: updatedJobData.compensations?.find(\n                    comp => comp.uuid === updatedJobData.currentCompensationUuid,\n                  )?.version!,\n                  ...compensationData,\n                  rate: String(compensationData.rate),\n                  minimumWages: compensationData.adjustForMinimumWage\n                    ? [{ uuid: compensationData.minimumWageId }]\n                    : [],\n                },\n              },\n            })\n\n            callbacks?.onCompensationUpdated?.(compensation)\n\n            submitResult = {\n              mode: isCreateMode ? 'create' : 'update',\n              data: compensation,\n            }\n          })\n          resolve()\n        },\n        () => {\n          resolve()\n        },\n      )()\n    })\n\n    return submitResult\n  }\n\n  const isDataLoading = employeeId\n    ? jobsQuery.isLoading ||\n      addressesQuery.isLoading ||\n      employeeQuery.isLoading ||\n      minWagesQuery.isLoading ||\n      taxQuery.isLoading\n    : false\n\n  if (\n    isDataLoading ||\n    (employeeId &&\n      (!employeeJobs ||\n        !workAddresses ||\n        !currentWorkAddress ||\n        !employee ||\n        !companyUuid ||\n        !federalTaxDetails))\n  ) {\n    return { isLoading: true as const, errorHandling }\n  }\n\n  return {\n    isLoading: false as const,\n    data: {\n      compensation: currentCompensation ?? null,\n      jobs: employeeJobs,\n      currentJob,\n      minimumWages,\n    },\n    status: {\n      isPending,\n      mode: isCreateMode ? 'create' : 'update',\n    },\n    actions: { onSubmit },\n    errorHandling,\n    form: {\n      Fields: {\n        StartDate: withStartDateField ? StartDateField : undefined,\n        JobTitle: JobTitleField,\n        FlsaStatus: isFlsaSelectionEnabled ? FlsaStatusField : undefined,\n        Rate: RateField,\n        PaymentUnit: PaymentUnitField,\n        AdjustForMinimumWage: isAdjustMinimumWageEnabled ? AdjustForMinimumWageField : undefined,\n        MinimumWageId:\n          isAdjustMinimumWageEnabled && watchedAdjustForMinimumWage\n            ? MinimumWageIdField\n            : undefined,\n        TwoPercentShareholder: showTwoPercentStakeholder ? TwoPercentShareholderField : undefined,\n        StateWcCovered: isWaState ? StateWcCoveredField : undefined,\n        StateWcClassCode: isWaState && watchedStateWcCovered ? StateWcClassCodeField : undefined,\n      },\n      fieldsMetadata,\n      hookFormInternals: { formMethods },\n      getFormSubmissionValues: createGetFormSubmissionValues(formMethods, schema),\n    },\n  }\n}\n\nexport type UseCompensationFormResult = ReturnType<typeof useCompensationForm>\nexport type UseCompensationFormReady = Extract<UseCompensationFormResult, { data: object }>\nexport type CompensationFieldsMetadata = UseCompensationFormReady['form']['fieldsMetadata']\nexport type CompensationFormFields = UseCompensationFormReady['form']['Fields']\n"],"names":["findCurrentCompensation","job","comp","derivePrimaryFlsaStatus","jobs","prev","curr","compensation","flsaStatusEntries","FlsaStatus","key","flsaOptions","status","paymentUnitEntries","PAY_PERIODS","paymentUnitOptions","unit","useCompensationForm","employeeId","withStartDateField","jobId","requiredFields","partnerDefaults","validationMode","shouldFocusError","jobsQuery","useJobsAndCompensationsGetJobs","addressesQuery","useEmployeeAddressesGetWorkAddresses","employeeQuery","useEmployeesGet","employeeJobs","workAddresses","currentWorkAddress","address","locationUuid","employee","companyUuid","minWagesQuery","useLocationsGetMinimumWages","taxQuery","useFederalTaxDetailsGet","minimumWages","federalTaxDetails","showTwoPercentStakeholder","currentJob","useMemo","j","currentCompensation","primaryFlsaStatus","isCreateMode","schema","createCompensationSchema","state","hireDate","resolvedDefaults","formMethods","useForm","zodResolver","watchedFlsaStatus","useWatch","watchedAdjustForMinimumWage","watchedStateWcCovered","useEffect","updateCompensationMutation","useJobsAndCompensationsUpdateCompensationMutation","createJobMutation","useJobsAndCompensationsCreateJobMutation","updateJobMutation","useJobsAndCompensationsUpdateMutation","isPending","baseSubmitHandler","submitError","setError","useBaseSubmit","errorHandling","useErrorHandling","isCommissionOnly","isOwner","isFlsaSelectionEnabled","isAdjustMinimumWageEnabled","TIP_CREDITS_UNSUPPORTED_STATES","isWaState","minimumWageOptions","wage","stateWcClassCodeOptions","WA_RISK_CLASS_CODES","code","description","baseMetadata","deriveFieldsMetadata","fieldsMetadata","withOptions","onSubmit","callbacks","options","submitResult","resolve","data","payload","resolvedEmployeeId","SDKInternalError","jobTitle","twoPercentShareholder","formStartDate","compensationData","resolvedHireDate","updatedJobData","StartDateField","JobTitleField","FlsaStatusField","RateField","PaymentUnitField","AdjustForMinimumWageField","MinimumWageIdField","TwoPercentShareholderField","StateWcCoveredField","StateWcClassCodeField","createGetFormSubmissionValues"],"mappings":"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"}

package/dist/components/UNSTABLE_Hooks/hooks/useEmployeeDetailsForm/EmployeeDetailsForm.d.ts

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

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

@@ -0,0 +1,114 @@
+import { jsx as i, jsxs as D } from "react/jsx-runtime";
+import { useTranslation as L } from "react-i18next";
+import { SDKFormProvider as I } from "../../form/SDKFormProvider.js";
+import { useEmployeeDetailsForm as f } from "./useEmployeeDetailsForm.js";
+import { useComponentContext as N } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { BaseBoundaries as u, BaseLayout as d } from "../../../Base/Base.js";
+import "../../../Base/useBase.js";
+import { Form as c } from "../../../Common/Form/Form.js";
+import { componentEvents as s } from "../../../../shared/constants.js";
+import "classnames";
+import { ActionsLayout as A } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import "react";
+import { useI18n as R, useComponentDictionary as b } from "../../../../i18n/I18n.js";
+function _({ onEvent: t, dictionary: n, ...E }) {
+  R("UNSTABLE.EmployeeDetailsForm"), b("UNSTABLE.EmployeeDetailsForm", n);
+  const { t: e } = L("UNSTABLE.EmployeeDetailsForm"), m = N(), a = f({
+    ...E,
+    requiredFields: { update: ["ssn"] }
+  });
+  if (a.isLoading)
+    return /* @__PURE__ */ i(d, { isLoading: !0, error: a.errorHandling.errors });
+  const { Fields: o } = a.form, p = async () => {
+    const l = await a.actions.onSubmit({
+      onEmployeeCreated: (r) => {
+        t(s.EMPLOYEE_CREATED, r);
+      },
+      onEmployeeUpdated: (r) => {
+        t(s.EMPLOYEE_UPDATED, r);
+      },
+      onOnboardingStatusUpdated: (r) => {
+        t(s.EMPLOYEE_ONBOARDING_STATUS_UPDATED, r);
+      }
+    });
+    l && t(s.EMPLOYEE_PROFILE_DONE, l.data);
+  };
+  return /* @__PURE__ */ i(d, { error: a.errorHandling.errors, children: /* @__PURE__ */ i(I, { formHookResult: a, children: /* @__PURE__ */ D(
+    c,
+    {
+      onSubmit: (l) => {
+        l.preventDefault(), p();
+      },
+      children: [
+        /* @__PURE__ */ i(m.Heading, { as: "h2", children: a.status.mode === "create" ? e("addTitle") : e("editTitle") }),
+        /* @__PURE__ */ i(
+          o.FirstName,
+          {
+            label: e("firstNameLabel"),
+            validationMessages: {
+              REQUIRED: e("fieldValidations.firstName.REQUIRED"),
+              INVALID_NAME: e("fieldValidations.firstName.INVALID_NAME")
+            }
+          }
+        ),
+        /* @__PURE__ */ i(o.MiddleInitial, { label: e("middleInitialLabel") }),
+        /* @__PURE__ */ i(
+          o.LastName,
+          {
+            label: e("lastNameLabel"),
+            validationMessages: {
+              REQUIRED: e("fieldValidations.lastName.REQUIRED"),
+              INVALID_NAME: e("fieldValidations.lastName.INVALID_NAME")
+            }
+          }
+        ),
+        /* @__PURE__ */ i(
+          o.Email,
+          {
+            label: e("emailLabel"),
+            description: e("emailDescription"),
+            validationMessages: {
+              REQUIRED: e("fieldValidations.email.REQUIRED"),
+              INVALID_EMAIL: e("fieldValidations.email.INVALID_EMAIL"),
+              EMAIL_REQUIRED_FOR_SELF_ONBOARDING: e(
+                "fieldValidations.email.EMAIL_REQUIRED_FOR_SELF_ONBOARDING"
+              )
+            }
+          }
+        ),
+        o.SelfOnboarding && /* @__PURE__ */ i(
+          o.SelfOnboarding,
+          {
+            label: e("selfOnboardingLabel"),
+            description: e("selfOnboardingDescription")
+          }
+        ),
+        /* @__PURE__ */ i(o.DateOfBirth, { label: e("dateOfBirthLabel") }),
+        /* @__PURE__ */ i(
+          o.Ssn,
+          {
+            label: e("ssnLabel"),
+            validationMessages: {
+              INVALID_SSN: e("fieldValidations.ssn.INVALID_SSN")
+            }
+          }
+        ),
+        /* @__PURE__ */ i(A, { children: /* @__PURE__ */ i(m.Button, { type: "submit", isLoading: a.status.isPending, children: a.status.mode === "create" ? e("createCta") : e("updateCta") }) })
+      ]
+    }
+  ) }) });
+}
+function Q({ FallbackComponent: t, ...n }) {
+  return /* @__PURE__ */ i(
+    u,
+    {
+      componentName: "UNSTABLE.EmployeeDetailsForm",
+      FallbackComponent: t,
+      children: /* @__PURE__ */ i(_, { ...n })
+    }
+  );
+}
+export {
+  Q as EmployeeDetailsForm
+};
+//# sourceMappingURL=EmployeeDetailsForm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmployeeDetailsForm.js","sources":["../../../../../src/components/UNSTABLE_Hooks/hooks/useEmployeeDetailsForm/EmployeeDetailsForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { SDKFormProvider } from '../../form/SDKFormProvider'\nimport { useEmployeeDetailsForm } from './useEmployeeDetailsForm'\nimport type { UseEmployeeDetailsFormProps } from './useEmployeeDetailsForm'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { BaseBoundaries, BaseLayout, type BaseComponentInterface } from '@/components/Base'\nimport { Form } from '@/components/Common/Form'\nimport { ActionsLayout } from '@/components/Common'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentDictionary, useI18n } from '@/i18n'\n\nexport interface EmployeeDetailsFormProps\n  extends UseEmployeeDetailsFormProps, Omit<BaseComponentInterface, 'defaultValues'> {}\n\nfunction EmployeeDetailsFormRoot({ onEvent, dictionary, ...hookProps }: EmployeeDetailsFormProps) {\n  useI18n('UNSTABLE.EmployeeDetailsForm')\n  useComponentDictionary('UNSTABLE.EmployeeDetailsForm', dictionary)\n  const { t } = useTranslation('UNSTABLE.EmployeeDetailsForm')\n  const Components = useComponentContext()\n  const employeeDetails = useEmployeeDetailsForm({\n    ...hookProps,\n    requiredFields: { update: ['ssn'] },\n  })\n\n  if (employeeDetails.isLoading) {\n    return <BaseLayout isLoading error={employeeDetails.errorHandling.errors} />\n  }\n\n  const { Fields } = employeeDetails.form\n\n  const handleSubmit = async () => {\n    const result = await employeeDetails.actions.onSubmit({\n      onEmployeeCreated: employee => {\n        onEvent(componentEvents.EMPLOYEE_CREATED, employee)\n      },\n      onEmployeeUpdated: employee => {\n        onEvent(componentEvents.EMPLOYEE_UPDATED, employee)\n      },\n      onOnboardingStatusUpdated: status => {\n        onEvent(componentEvents.EMPLOYEE_ONBOARDING_STATUS_UPDATED, status)\n      },\n    })\n    if (result) {\n      onEvent(componentEvents.EMPLOYEE_PROFILE_DONE, result.data)\n    }\n  }\n\n  return (\n    <BaseLayout error={employeeDetails.errorHandling.errors}>\n      <SDKFormProvider formHookResult={employeeDetails}>\n        <Form\n          onSubmit={e => {\n            e.preventDefault()\n            void handleSubmit()\n          }}\n        >\n          <Components.Heading as=\"h2\">\n            {employeeDetails.status.mode === 'create' ? t('addTitle') : t('editTitle')}\n          </Components.Heading>\n\n          <Fields.FirstName\n            label={t('firstNameLabel')}\n            validationMessages={{\n              REQUIRED: t('fieldValidations.firstName.REQUIRED'),\n              INVALID_NAME: t('fieldValidations.firstName.INVALID_NAME'),\n            }}\n          />\n\n          <Fields.MiddleInitial label={t('middleInitialLabel')} />\n\n          <Fields.LastName\n            label={t('lastNameLabel')}\n            validationMessages={{\n              REQUIRED: t('fieldValidations.lastName.REQUIRED'),\n              INVALID_NAME: t('fieldValidations.lastName.INVALID_NAME'),\n            }}\n          />\n\n          <Fields.Email\n            label={t('emailLabel')}\n            description={t('emailDescription')}\n            validationMessages={{\n              REQUIRED: t('fieldValidations.email.REQUIRED'),\n              INVALID_EMAIL: t('fieldValidations.email.INVALID_EMAIL'),\n              EMAIL_REQUIRED_FOR_SELF_ONBOARDING: t(\n                'fieldValidations.email.EMAIL_REQUIRED_FOR_SELF_ONBOARDING',\n              ),\n            }}\n          />\n\n          {Fields.SelfOnboarding && (\n            <Fields.SelfOnboarding\n              label={t('selfOnboardingLabel')}\n              description={t('selfOnboardingDescription')}\n            />\n          )}\n\n          <Fields.DateOfBirth label={t('dateOfBirthLabel')} />\n\n          <Fields.Ssn\n            label={t('ssnLabel')}\n            validationMessages={{\n              INVALID_SSN: t('fieldValidations.ssn.INVALID_SSN'),\n            }}\n          />\n\n          <ActionsLayout>\n            <Components.Button type=\"submit\" isLoading={employeeDetails.status.isPending}>\n              {employeeDetails.status.mode === 'create' ? t('createCta') : t('updateCta')}\n            </Components.Button>\n          </ActionsLayout>\n        </Form>\n      </SDKFormProvider>\n    </BaseLayout>\n  )\n}\n\nexport function EmployeeDetailsForm({ FallbackComponent, ...props }: EmployeeDetailsFormProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"UNSTABLE.EmployeeDetailsForm\"\n      FallbackComponent={FallbackComponent}\n    >\n      <EmployeeDetailsFormRoot {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["EmployeeDetailsFormRoot","onEvent","dictionary","hookProps","useI18n","useComponentDictionary","t","useTranslation","Components","useComponentContext","employeeDetails","useEmployeeDetailsForm","BaseLayout","Fields","handleSubmit","result","employee","componentEvents","status","jsx","SDKFormProvider","jsxs","Form","e","ActionsLayout","EmployeeDetailsForm","FallbackComponent","props","BaseBoundaries"],"mappings":"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"}

package/dist/components/UNSTABLE_Hooks/hooks/useEmployeeDetailsForm/employeeDetailsSchema.d.ts

@@ -0,0 +1,39 @@
+import { z } from 'zod';
+import { RequiredFields } from '../../form/resolveRequiredFields';
+export declare const EmployeeDetailsErrorCodes: {
+    readonly REQUIRED: "REQUIRED";
+    readonly INVALID_NAME: "INVALID_NAME";
+    readonly INVALID_EMAIL: "INVALID_EMAIL";
+    readonly INVALID_SSN: "INVALID_SSN";
+    readonly EMAIL_REQUIRED_FOR_SELF_ONBOARDING: "EMAIL_REQUIRED_FOR_SELF_ONBOARDING";
+};
+export type EmployeeDetailsErrorCode = (typeof EmployeeDetailsErrorCodes)[keyof typeof EmployeeDetailsErrorCodes];
+declare const fieldValidators: {
+    firstName: z.ZodString;
+    middleInitial: z.ZodString;
+    lastName: z.ZodString;
+    email: z.ZodEmail;
+    dateOfBirth: z.ZodISODate;
+    ssn: z.ZodString;
+    selfOnboarding: z.ZodBoolean;
+};
+export type EmployeeDetailsField = Exclude<keyof typeof fieldValidators, 'selfOnboarding'>;
+export type EmployeeDetailsFormData = {
+    [K in keyof typeof fieldValidators]: z.infer<(typeof fieldValidators)[K]>;
+};
+export type EmployeeDetailsFormOutputs = EmployeeDetailsFormData;
+interface EmployeeDetailsSchemaOptions {
+    mode?: 'create' | 'update';
+    requiredFields?: RequiredFields<EmployeeDetailsField>;
+    hasSsn?: boolean;
+}
+export declare function createEmployeeDetailsSchema(options?: EmployeeDetailsSchemaOptions): z.ZodObject<{
+    firstName: z.ZodString;
+    middleInitial: z.ZodString;
+    lastName: z.ZodString;
+    email: z.ZodEmail;
+    dateOfBirth: z.ZodISODate;
+    ssn: z.ZodString;
+    selfOnboarding: z.ZodBoolean;
+}, z.core.$strip>;
+export {};

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

@@ -0,0 +1,45 @@
+import { z as r } from "zod";
+import { composeFormSchema as D } from "../../form/composeFormSchema.js";
+import { filterRequiredFields as d } from "../../form/resolveRequiredFields.js";
+import { SSN_REGEX as l, NAME_REGEX as o } from "../../../../helpers/validations.js";
+const e = {
+  REQUIRED: "REQUIRED",
+  INVALID_NAME: "INVALID_NAME",
+  INVALID_EMAIL: "INVALID_EMAIL",
+  INVALID_SSN: "INVALID_SSN",
+  EMAIL_REQUIRED_FOR_SELF_ONBOARDING: "EMAIL_REQUIRED_FOR_SELF_ONBOARDING"
+}, _ = {
+  firstName: r.string().min(1, { message: e.REQUIRED }).regex(o, { message: e.INVALID_NAME }),
+  middleInitial: r.string(),
+  lastName: r.string().min(1, { message: e.REQUIRED }).regex(o, { message: e.INVALID_NAME }),
+  email: r.email({
+    error: (s) => typeof s.input == "string" && s.input.length === 0 ? e.REQUIRED : e.INVALID_EMAIL
+  }),
+  dateOfBirth: r.iso.date({ error: () => e.REQUIRED }),
+  ssn: r.string({ error: () => e.REQUIRED }).refine((s) => l.test(s.replace(/\D/g, "")), {
+    message: e.INVALID_SSN
+  }),
+  selfOnboarding: r.boolean()
+}, A = /* @__PURE__ */ new Set(["selfOnboarding"]), f = /* @__PURE__ */ new Set(["firstName", "lastName"]);
+function O(s = {}) {
+  const { mode: i = "create", requiredFields: t, hasSsn: a = !1 } = s, n = a ? d(t, "ssn") : t, E = D({
+    fieldValidators: _,
+    fixedFields: A,
+    requiredOnCreate: f,
+    mode: i,
+    requiredFields: n
+  });
+  return i === "create" ? E.superRefine((m, R) => {
+    const { selfOnboarding: N, email: I } = m;
+    N && (!I || I.trim() === "") && R.addIssue({
+      code: r.ZodIssueCode.custom,
+      path: ["email"],
+      message: e.EMAIL_REQUIRED_FOR_SELF_ONBOARDING
+    });
+  }) : E;
+}
+export {
+  e as EmployeeDetailsErrorCodes,
+  O as createEmployeeDetailsSchema
+};
+//# sourceMappingURL=employeeDetailsSchema.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"employeeDetailsSchema.js","sources":["../../../../../src/components/UNSTABLE_Hooks/hooks/useEmployeeDetailsForm/employeeDetailsSchema.ts"],"sourcesContent":["import { z } from 'zod'\nimport { composeFormSchema } from '../../form/composeFormSchema'\nimport { filterRequiredFields, type RequiredFields } from '../../form/resolveRequiredFields'\nimport { SSN_REGEX, NAME_REGEX } from '@/helpers/validations'\n\nexport const EmployeeDetailsErrorCodes = {\n  REQUIRED: 'REQUIRED',\n  INVALID_NAME: 'INVALID_NAME',\n  INVALID_EMAIL: 'INVALID_EMAIL',\n  INVALID_SSN: 'INVALID_SSN',\n  EMAIL_REQUIRED_FOR_SELF_ONBOARDING: 'EMAIL_REQUIRED_FOR_SELF_ONBOARDING',\n} as const\n\nexport type EmployeeDetailsErrorCode =\n  (typeof EmployeeDetailsErrorCodes)[keyof typeof EmployeeDetailsErrorCodes]\n\nconst fieldValidators = {\n  firstName: z\n    .string()\n    .min(1, { message: EmployeeDetailsErrorCodes.REQUIRED })\n    .regex(NAME_REGEX, { message: EmployeeDetailsErrorCodes.INVALID_NAME }),\n  middleInitial: z.string(),\n  lastName: z\n    .string()\n    .min(1, { message: EmployeeDetailsErrorCodes.REQUIRED })\n    .regex(NAME_REGEX, { message: EmployeeDetailsErrorCodes.INVALID_NAME }),\n  email: z.email({\n    error: issue =>\n      typeof issue.input === 'string' && issue.input.length === 0\n        ? EmployeeDetailsErrorCodes.REQUIRED\n        : EmployeeDetailsErrorCodes.INVALID_EMAIL,\n  }),\n  dateOfBirth: z.iso.date({ error: () => EmployeeDetailsErrorCodes.REQUIRED }),\n  ssn: z\n    .string({ error: () => EmployeeDetailsErrorCodes.REQUIRED })\n    .refine((v: string) => SSN_REGEX.test(v.replace(/\\D/g, '')), {\n      message: EmployeeDetailsErrorCodes.INVALID_SSN,\n    }),\n  selfOnboarding: z.boolean(),\n}\n\nexport type EmployeeDetailsField = Exclude<keyof typeof fieldValidators, 'selfOnboarding'>\n\nexport type EmployeeDetailsFormData = {\n  [K in keyof typeof fieldValidators]: z.infer<(typeof fieldValidators)[K]>\n}\nexport type EmployeeDetailsFormOutputs = EmployeeDetailsFormData\n\nconst FIXED_FIELDS = new Set(['selfOnboarding'])\nconst REQUIRED_ON_CREATE = new Set<EmployeeDetailsField>(['firstName', 'lastName'])\n\ninterface EmployeeDetailsSchemaOptions {\n  mode?: 'create' | 'update'\n  requiredFields?: RequiredFields<EmployeeDetailsField>\n  hasSsn?: boolean\n}\n\nexport function createEmployeeDetailsSchema(options: EmployeeDetailsSchemaOptions = {}) {\n  const { mode = 'create', requiredFields, hasSsn = false } = options\n\n  const effectiveRequiredFields = hasSsn\n    ? filterRequiredFields(requiredFields, 'ssn')\n    : requiredFields\n\n  const baseSchema = composeFormSchema({\n    fieldValidators,\n    fixedFields: FIXED_FIELDS,\n    requiredOnCreate: REQUIRED_ON_CREATE,\n    mode,\n    requiredFields: effectiveRequiredFields,\n  })\n\n  if (mode === 'create') {\n    return baseSchema.superRefine((data, ctx) => {\n      const { selfOnboarding, email } = data as EmployeeDetailsFormData\n      if (selfOnboarding && (!email || email.trim() === '')) {\n        ctx.addIssue({\n          code: z.ZodIssueCode.custom,\n          path: ['email'],\n          message: EmployeeDetailsErrorCodes.EMAIL_REQUIRED_FOR_SELF_ONBOARDING,\n        })\n      }\n    })\n  }\n\n  return baseSchema\n}\n"],"names":["EmployeeDetailsErrorCodes","fieldValidators","z","NAME_REGEX","issue","v","SSN_REGEX","FIXED_FIELDS","REQUIRED_ON_CREATE","createEmployeeDetailsSchema","options","mode","requiredFields","hasSsn","effectiveRequiredFields","filterRequiredFields","baseSchema","composeFormSchema","data","ctx","selfOnboarding","email"],"mappings":";;;;AAKO,MAAMA,IAA4B;AAAA,EACvC,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,aAAa;AAAA,EACb,oCAAoC;AACtC,GAKMC,IAAkB;AAAA,EACtB,WAAWC,EACR,OAAA,EACA,IAAI,GAAG,EAAE,SAASF,EAA0B,SAAA,CAAU,EACtD,MAAMG,GAAY,EAAE,SAASH,EAA0B,cAAc;AAAA,EACxE,eAAeE,EAAE,OAAA;AAAA,EACjB,UAAUA,EACP,OAAA,EACA,IAAI,GAAG,EAAE,SAASF,EAA0B,SAAA,CAAU,EACtD,MAAMG,GAAY,EAAE,SAASH,EAA0B,cAAc;AAAA,EACxE,OAAOE,EAAE,MAAM;AAAA,IACb,OAAO,CAAAE,MACL,OAAOA,EAAM,SAAU,YAAYA,EAAM,MAAM,WAAW,IACtDJ,EAA0B,WAC1BA,EAA0B;AAAA,EAAA,CACjC;AAAA,EACD,aAAaE,EAAE,IAAI,KAAK,EAAE,OAAO,MAAMF,EAA0B,UAAU;AAAA,EAC3E,KAAKE,EACF,OAAO,EAAE,OAAO,MAAMF,EAA0B,UAAU,EAC1D,OAAO,CAACK,MAAcC,EAAU,KAAKD,EAAE,QAAQ,OAAO,EAAE,CAAC,GAAG;AAAA,IAC3D,SAASL,EAA0B;AAAA,EAAA,CACpC;AAAA,EACH,gBAAgBE,EAAE,QAAA;AACpB,GASMK,IAAe,oBAAI,IAAI,CAAC,gBAAgB,CAAC,GACzCC,IAAqB,oBAAI,IAA0B,CAAC,aAAa,UAAU,CAAC;AAQ3E,SAASC,EAA4BC,IAAwC,IAAI;AACtF,QAAM,EAAE,MAAAC,IAAO,UAAU,gBAAAC,GAAgB,QAAAC,IAAS,OAAUH,GAEtDI,IAA0BD,IAC5BE,EAAqBH,GAAgB,KAAK,IAC1CA,GAEEI,IAAaC,EAAkB;AAAA,IACnC,iBAAAhB;AAAA,IACA,aAAaM;AAAA,IACb,kBAAkBC;AAAA,IAClB,MAAAG;AAAA,IACA,gBAAgBG;AAAA,EAAA,CACjB;AAED,SAAIH,MAAS,WACJK,EAAW,YAAY,CAACE,GAAMC,MAAQ;AAC3C,UAAM,EAAE,gBAAAC,GAAgB,OAAAC,EAAA,IAAUH;AAClC,IAAIE,MAAmB,CAACC,KAASA,EAAM,KAAA,MAAW,OAChDF,EAAI,SAAS;AAAA,MACX,MAAMjB,EAAE,aAAa;AAAA,MACrB,MAAM,CAAC,OAAO;AAAA,MACd,SAASF,EAA0B;AAAA,IAAA,CACpC;AAAA,EAEL,CAAC,IAGIgB;AACT;"}

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

@@ -0,0 +1,23 @@
+import { HookFieldProps } from '../../form/types';
+import { TextInputHookFieldProps } from '../../form/fields/TextInputHookField';
+import { DatePickerHookFieldProps } from '../../form/fields/DatePickerHookField';
+import { SwitchHookFieldProps } from '../../form/fields/SwitchHookField';
+import { EmployeeDetailsErrorCodes } from './employeeDetailsSchema';
+export type RequiredValidation = typeof EmployeeDetailsErrorCodes.REQUIRED;
+export type NameValidation = (typeof EmployeeDetailsErrorCodes)['REQUIRED' | 'INVALID_NAME'];
+export type EmailValidation = (typeof EmployeeDetailsErrorCodes)['REQUIRED' | 'INVALID_EMAIL' | 'EMAIL_REQUIRED_FOR_SELF_ONBOARDING'];
+export type SsnValidation = typeof EmployeeDetailsErrorCodes.INVALID_SSN;
+export type FirstNameFieldProps = HookFieldProps<TextInputHookFieldProps<NameValidation>>;
+export declare function FirstNameField(props: FirstNameFieldProps): import("react/jsx-runtime").JSX.Element;
+export type MiddleInitialFieldProps = HookFieldProps<TextInputHookFieldProps>;
+export declare function MiddleInitialField(props: MiddleInitialFieldProps): import("react/jsx-runtime").JSX.Element;
+export type LastNameFieldProps = HookFieldProps<TextInputHookFieldProps<NameValidation>>;
+export declare function LastNameField(props: LastNameFieldProps): import("react/jsx-runtime").JSX.Element;
+export type EmailFieldProps = HookFieldProps<TextInputHookFieldProps<EmailValidation>>;
+export declare function EmailField(props: EmailFieldProps): import("react/jsx-runtime").JSX.Element;
+export type DateOfBirthFieldProps = HookFieldProps<DatePickerHookFieldProps>;
+export declare function DateOfBirthField(props: DateOfBirthFieldProps): import("react/jsx-runtime").JSX.Element;
+export type SsnFieldProps = HookFieldProps<TextInputHookFieldProps<SsnValidation>>;
+export declare function SsnField(props: SsnFieldProps): import("react/jsx-runtime").JSX.Element;
+export type SelfOnboardingFieldProps = HookFieldProps<SwitchHookFieldProps>;
+export declare function SelfOnboardingField(props: SelfOnboardingFieldProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,46 @@
+import { jsx as t } from "react/jsx-runtime";
+import { useFieldsMetadata as a } from "../../form/useFieldsMetadata.js";
+import { usePlaceholderSSN as o, normalizeSSN as m } from "../../../../helpers/ssn.js";
+import { SwitchHookField as l } from "../../form/fields/SwitchHookField.js";
+import { TextInputHookField as n } from "../../form/fields/TextInputHookField.js";
+import { DatePickerHookField as d } from "../../form/fields/DatePickerHookField.js";
+function S(e) {
+  return /* @__PURE__ */ t(n, { ...e, name: "firstName" });
+}
+function h(e) {
+  return /* @__PURE__ */ t(n, { ...e, name: "middleInitial" });
+}
+function N(e) {
+  return /* @__PURE__ */ t(n, { ...e, name: "lastName" });
+}
+function k(e) {
+  return /* @__PURE__ */ t(n, { ...e, name: "email" });
+}
+function O(e) {
+  return /* @__PURE__ */ t(d, { ...e, name: "dateOfBirth" });
+}
+function x(e) {
+  const i = a(), r = o(i.ssn?.hasRedactedValue);
+  return /* @__PURE__ */ t(
+    n,
+    {
+      ...e,
+      name: "ssn",
+      transform: m,
+      placeholder: r
+    }
+  );
+}
+function H(e) {
+  return /* @__PURE__ */ t(l, { ...e, name: "selfOnboarding" });
+}
+export {
+  O as DateOfBirthField,
+  k as EmailField,
+  S as FirstNameField,
+  N as LastNameField,
+  h as MiddleInitialField,
+  H as SelfOnboardingField,
+  x as SsnField
+};
+//# sourceMappingURL=fields.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fields.js","sources":["../../../../../src/components/UNSTABLE_Hooks/hooks/useEmployeeDetailsForm/fields.tsx"],"sourcesContent":["import type { HookFieldProps } from '../../form/types'\nimport type { TextInputHookFieldProps } from '../../form/fields/TextInputHookField'\nimport type { DatePickerHookFieldProps } from '../../form/fields/DatePickerHookField'\nimport type { SwitchHookFieldProps } from '../../form/fields/SwitchHookField'\nimport { TextInputHookField, DatePickerHookField, SwitchHookField } from '../../form/fields'\nimport { useFieldsMetadata } from '../../form/useFieldsMetadata'\nimport type { EmployeeDetailsErrorCodes } from './employeeDetailsSchema'\nimport { normalizeSSN, usePlaceholderSSN } from '@/helpers/ssn'\n\nexport type RequiredValidation = typeof EmployeeDetailsErrorCodes.REQUIRED\nexport type NameValidation = (typeof EmployeeDetailsErrorCodes)['REQUIRED' | 'INVALID_NAME']\nexport type EmailValidation = (typeof EmployeeDetailsErrorCodes)[\n  | 'REQUIRED'\n  | 'INVALID_EMAIL'\n  | 'EMAIL_REQUIRED_FOR_SELF_ONBOARDING']\nexport type SsnValidation = typeof EmployeeDetailsErrorCodes.INVALID_SSN\n\nexport type FirstNameFieldProps = HookFieldProps<TextInputHookFieldProps<NameValidation>>\n\nexport function FirstNameField(props: FirstNameFieldProps) {\n  return <TextInputHookField {...props} name=\"firstName\" />\n}\n\nexport type MiddleInitialFieldProps = HookFieldProps<TextInputHookFieldProps>\n\nexport function MiddleInitialField(props: MiddleInitialFieldProps) {\n  return <TextInputHookField {...props} name=\"middleInitial\" />\n}\n\nexport type LastNameFieldProps = HookFieldProps<TextInputHookFieldProps<NameValidation>>\n\nexport function LastNameField(props: LastNameFieldProps) {\n  return <TextInputHookField {...props} name=\"lastName\" />\n}\n\nexport type EmailFieldProps = HookFieldProps<TextInputHookFieldProps<EmailValidation>>\n\nexport function EmailField(props: EmailFieldProps) {\n  return <TextInputHookField {...props} name=\"email\" />\n}\n\nexport type DateOfBirthFieldProps = HookFieldProps<DatePickerHookFieldProps>\n\nexport function DateOfBirthField(props: DateOfBirthFieldProps) {\n  return <DatePickerHookField {...props} name=\"dateOfBirth\" />\n}\n\nexport type SsnFieldProps = HookFieldProps<TextInputHookFieldProps<SsnValidation>>\n\nexport function SsnField(props: SsnFieldProps) {\n  const metadata = useFieldsMetadata()\n  const placeholderSSN = usePlaceholderSSN(metadata.ssn?.hasRedactedValue)\n  return (\n    <TextInputHookField\n      {...props}\n      name=\"ssn\"\n      transform={normalizeSSN}\n      placeholder={placeholderSSN}\n    />\n  )\n}\n\nexport type SelfOnboardingFieldProps = HookFieldProps<SwitchHookFieldProps>\n\nexport function SelfOnboardingField(props: SelfOnboardingFieldProps) {\n  return <SwitchHookField {...props} name=\"selfOnboarding\" />\n}\n"],"names":["FirstNameField","props","jsx","TextInputHookField","MiddleInitialField","LastNameField","EmailField","DateOfBirthField","DatePickerHookField","SsnField","metadata","useFieldsMetadata","placeholderSSN","usePlaceholderSSN","normalizeSSN","SelfOnboardingField","SwitchHookField"],"mappings":";;;;;;AAmBO,SAASA,EAAeC,GAA4B;AACzD,SAAO,gBAAAC,EAACC,GAAA,EAAoB,GAAGF,GAAO,MAAK,aAAY;AACzD;AAIO,SAASG,EAAmBH,GAAgC;AACjE,SAAO,gBAAAC,EAACC,GAAA,EAAoB,GAAGF,GAAO,MAAK,iBAAgB;AAC7D;AAIO,SAASI,EAAcJ,GAA2B;AACvD,SAAO,gBAAAC,EAACC,GAAA,EAAoB,GAAGF,GAAO,MAAK,YAAW;AACxD;AAIO,SAASK,EAAWL,GAAwB;AACjD,SAAO,gBAAAC,EAACC,GAAA,EAAoB,GAAGF,GAAO,MAAK,SAAQ;AACrD;AAIO,SAASM,EAAiBN,GAA8B;AAC7D,SAAO,gBAAAC,EAACM,GAAA,EAAqB,GAAGP,GAAO,MAAK,eAAc;AAC5D;AAIO,SAASQ,EAASR,GAAsB;AAC7C,QAAMS,IAAWC,EAAA,GACXC,IAAiBC,EAAkBH,EAAS,KAAK,gBAAgB;AACvE,SACE,gBAAAR;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGF;AAAA,MACJ,MAAK;AAAA,MACL,WAAWa;AAAA,MACX,aAAaF;AAAA,IAAA;AAAA,EAAA;AAGnB;AAIO,SAASG,EAAoBd,GAAiC;AACnE,SAAO,gBAAAC,EAACc,GAAA,EAAiB,GAAGf,GAAO,MAAK,kBAAiB;AAC3D;"}

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

@@ -0,0 +1,7 @@
+import "./types/i18next.d.ts"
+export { useEmployeeDetailsForm } from './useEmployeeDetailsForm';
+export type { EmployeeDetailsSubmitCallbacks, EmployeeDetailsRequiredFields, UseEmployeeDetailsFormProps, UseEmployeeDetailsFormResult, UseEmployeeDetailsFormReady, EmployeeDetailsFieldsMetadata, EmployeeDetailsFormFields, } from './useEmployeeDetailsForm';
+export { EmployeeDetailsForm } from './EmployeeDetailsForm';
+export type { EmployeeDetailsFormProps } from './EmployeeDetailsForm';
+export { createEmployeeDetailsSchema, EmployeeDetailsErrorCodes, type EmployeeDetailsErrorCode, type EmployeeDetailsFormData, type EmployeeDetailsFormOutputs, type EmployeeDetailsField, } from './employeeDetailsSchema';
+export type { RequiredValidation as EmployeeDetailsRequiredValidation, NameValidation, EmailValidation, SsnValidation, FirstNameFieldProps, MiddleInitialFieldProps, LastNameFieldProps, EmailFieldProps, DateOfBirthFieldProps, SsnFieldProps, SelfOnboardingFieldProps, } from './fields';

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

@@ -0,0 +1,77 @@
+import { UseFormProps } from 'react-hook-form';
+import { Employee } from '@gusto/embedded-api/models/components/employee';
+import { HookSubmitResult } from '../../types';
+import { RequiredFields } from '../../form/resolveRequiredFields';
+import { EmployeeDetailsFormData, EmployeeDetailsField } from './employeeDetailsSchema';
+import { FirstNameField, MiddleInitialField, LastNameField, EmailField, DateOfBirthField, SsnField, SelfOnboardingField } from './fields';
+export type EmployeeDetailsRequiredFields = RequiredFields<EmployeeDetailsField>;
+export interface EmployeeDetailsSubmitCallbacks {
+    onEmployeeCreated?: (employee: Employee) => void;
+    onEmployeeUpdated?: (employee: Employee) => void;
+    onOnboardingStatusUpdated?: (status: unknown) => void;
+}
+export interface UseEmployeeDetailsFormProps {
+    companyId: string;
+    employeeId?: string;
+    withSelfOnboardingField?: boolean;
+    requiredFields?: EmployeeDetailsRequiredFields;
+    defaultValues?: Partial<EmployeeDetailsFormData>;
+    validationMode?: UseFormProps['mode'];
+    shouldFocusError?: boolean;
+}
+export declare function useEmployeeDetailsForm({ companyId, employeeId, withSelfOnboardingField, requiredFields, defaultValues: partnerDefaults, validationMode, shouldFocusError, }: UseEmployeeDetailsFormProps): {
+    isLoading: true;
+    errorHandling: import('../..').HookErrorHandling;
+    data?: undefined;
+    status?: undefined;
+    actions?: undefined;
+    form?: undefined;
+} | {
+    isLoading: false;
+    data: {
+        employee: Employee | null;
+    };
+    status: {
+        isPending: boolean;
+        mode: "create" | "update";
+    };
+    actions: {
+        onSubmit: (callbacks?: EmployeeDetailsSubmitCallbacks) => Promise<HookSubmitResult<Employee> | undefined>;
+    };
+    errorHandling: import('../..').HookErrorHandling;
+    form: {
+        Fields: {
+            FirstName: typeof FirstNameField;
+            MiddleInitial: typeof MiddleInitialField;
+            LastName: typeof LastNameField;
+            Email: typeof EmailField;
+            DateOfBirth: typeof DateOfBirthField;
+            Ssn: typeof SsnField;
+            SelfOnboarding: typeof SelfOnboardingField | undefined;
+        };
+        fieldsMetadata: {
+            ssn: {
+                hasRedactedValue: boolean;
+                name: string;
+                isRequired?: boolean;
+                isDisabled?: boolean;
+            };
+            email: import('../..').FieldMetadata;
+            firstName: import('../..').FieldMetadata;
+            lastName: import('../..').FieldMetadata;
+            selfOnboarding: import('../..').FieldMetadata;
+            middleInitial: import('../..').FieldMetadata;
+            dateOfBirth: import('../..').FieldMetadata;
+        };
+        hookFormInternals: {
+            formMethods: import('react-hook-form').UseFormReturn<EmployeeDetailsFormData, unknown, EmployeeDetailsFormData>;
+        };
+        getFormSubmissionValues: () => EmployeeDetailsFormData | undefined;
+    };
+};
+export type UseEmployeeDetailsFormResult = ReturnType<typeof useEmployeeDetailsForm>;
+export type UseEmployeeDetailsFormReady = Extract<UseEmployeeDetailsFormResult, {
+    data: object;
+}>;
+export type EmployeeDetailsFieldsMetadata = UseEmployeeDetailsFormReady['form']['fieldsMetadata'];
+export type EmployeeDetailsFormFields = UseEmployeeDetailsFormReady['form']['Fields'];

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

@@ -0,0 +1,153 @@
+import { useForm as W } from "react-hook-form";
+import { zodResolver as Y } from "@hookform/resolvers/zod";
+import { useEmployeesGet as x } from "@gusto/embedded-api/react-query/employeesGet";
+import { useEmployeesCreateMutation as z } from "@gusto/embedded-api/react-query/employeesCreate";
+import { useEmployeesUpdateMutation as K } from "@gusto/embedded-api/react-query/employeesUpdate";
+import { useEmployeesUpdateOnboardingStatusMutation as Q } from "@gusto/embedded-api/react-query/employeesUpdateOnboardingStatus";
+import { RFCDate as j } from "@gusto/embedded-api/types/rfcdate";
+import { useErrorHandling as k } from "../../useErrorHandling.js";
+import { deriveFieldsMetadata as J } from "../../form/deriveFieldsMetadata.js";
+import { createGetFormSubmissionValues as X } from "../../form/getFormSubmissionValues.js";
+import { createEmployeeDetailsSchema as Z } from "./employeeDetailsSchema.js";
+import { SelfOnboardingField as $, SsnField as ee, DateOfBirthField as te, EmailField as oe, LastNameField as ae, MiddleInitialField as ie, FirstNameField as se } from "./fields.js";
+import { EmployeeOnboardingStatus as t } from "../../../../shared/constants.js";
+import { useBaseSubmit as ne } from "../../../Base/useBaseSubmit.js";
+import { SDKInternalError as O } from "../../../../types/sdkError.js";
+import { removeNonDigits as re } from "../../../../helpers/formattedStrings.js";
+const de = (o) => o?.onboardingStatus ? [
+  t.SELF_ONBOARDING_PENDING_INVITE,
+  t.SELF_ONBOARDING_INVITED,
+  t.SELF_ONBOARDING_INVITED_STARTED,
+  t.SELF_ONBOARDING_INVITED_OVERDUE,
+  t.SELF_ONBOARDING_COMPLETED_BY_EMPLOYEE,
+  t.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW
+].includes(o.onboardingStatus) : !1, me = (o) => o ? o.onboardingStatus === t.ADMIN_ONBOARDING_INCOMPLETE || o.onboardingStatus === t.SELF_ONBOARDING_PENDING_INVITE : !0;
+function Le({
+  companyId: o,
+  employeeId: a,
+  withSelfOnboardingField: A = !0,
+  requiredFields: L,
+  defaultValues: i,
+  validationMode: M = "onSubmit",
+  shouldFocusError: G = !0
+}) {
+  const m = x({ employeeId: a ?? "" }, { enabled: !!a }), e = m.data?.employee, r = !a, c = me(e), l = Z({
+    mode: r ? "create" : "update",
+    requiredFields: L,
+    hasSsn: e?.hasSsn
+  }), p = {
+    firstName: e?.firstName ?? i?.firstName ?? "",
+    middleInitial: e?.middleInitial ?? i?.middleInitial ?? "",
+    lastName: e?.lastName ?? i?.lastName ?? "",
+    email: e?.email ?? i?.email ?? "",
+    dateOfBirth: e?.dateOfBirth ?? i?.dateOfBirth ?? "",
+    ssn: i?.ssn ?? "",
+    selfOnboarding: i?.selfOnboarding ?? de(e)
+  }, u = W({
+    resolver: Y(l),
+    mode: M,
+    shouldFocusError: G,
+    defaultValues: p,
+    values: p,
+    resetOptions: { keepDirtyValues: !0 }
+  }), S = z(), I = K(), g = Q(), R = S.isPending || I.isPending || g.isPending, { baseSubmitHandler: v, error: T, setError: V } = ne("EmployeeDetailsForm"), b = k(a ? [m] : [], { error: T, setError: V }), y = J(l), w = {
+    ...y,
+    ssn: { ...y.ssn, hasRedactedValue: e?.hasSsn ?? !1 }
+  }, P = async (E) => {
+    let _;
+    return await new Promise((D) => {
+      u.handleSubmit(
+        async (q) => {
+          await v(q, async (C) => {
+            const { selfOnboarding: f, dateOfBirth: N, ssn: F, ...B } = C, d = F ? re(F) : void 0, h = d && d.length > 0;
+            let s;
+            if (r) {
+              const n = await S.mutateAsync({
+                request: {
+                  companyId: o,
+                  requestBody: {
+                    ...B,
+                    selfOnboarding: f,
+                    dateOfBirth: N ? new j(new Date(N)) : void 0,
+                    ssn: h ? d : void 0
+                  }
+                }
+              });
+              if (!n.employee)
+                throw new O("Employee creation failed");
+              s = n.employee, E?.onEmployeeCreated?.(s);
+            } else {
+              if (!e)
+                throw new O("Employee data is not available");
+              if (c) {
+                const U = e.onboardingStatus === t.SELF_ONBOARDING_PENDING_INVITE;
+                if (f !== U) {
+                  const { employeeOnboardingStatus: H } = await g.mutateAsync({
+                    request: {
+                      employeeId: e.uuid,
+                      requestBody: {
+                        onboardingStatus: f ? t.SELF_ONBOARDING_PENDING_INVITE : t.ADMIN_ONBOARDING_INCOMPLETE
+                      }
+                    }
+                  });
+                  E?.onOnboardingStatusUpdated?.(H);
+                }
+              }
+              const n = await I.mutateAsync({
+                request: {
+                  employeeId: e.uuid,
+                  requestBody: {
+                    version: e.version,
+                    ...B,
+                    dateOfBirth: N || void 0,
+                    ssn: h ? d : void 0
+                  }
+                }
+              });
+              if (!n.employee)
+                throw new O("Employee update failed");
+              s = n.employee, E?.onEmployeeUpdated?.(s);
+            }
+            _ = {
+              mode: r ? "create" : "update",
+              data: s
+            };
+          }), D();
+        },
+        () => {
+          D();
+        }
+      )();
+    }), _;
+  };
+  return (a ? m.isLoading : !1) || a && !e ? { isLoading: !0, errorHandling: b } : {
+    isLoading: !1,
+    data: {
+      employee: e ?? null
+    },
+    status: {
+      isPending: R,
+      mode: r ? "create" : "update"
+    },
+    actions: { onSubmit: P },
+    errorHandling: b,
+    form: {
+      Fields: {
+        FirstName: se,
+        MiddleInitial: ie,
+        LastName: ae,
+        Email: oe,
+        DateOfBirth: te,
+        Ssn: ee,
+        SelfOnboarding: A && c ? $ : void 0
+      },
+      fieldsMetadata: w,
+      hookFormInternals: { formMethods: u },
+      getFormSubmissionValues: X(u, l)
+    }
+  };
+}
+export {
+  Le as useEmployeeDetailsForm
+};
+//# sourceMappingURL=useEmployeeDetailsForm.js.map