@gusto/embedded-react-sdk 0.41.0 → 0.42.0

package/dist/components/Employee/DocumentSigner/shared/useSignEmployeeForm/useSignEmployeeForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSignEmployeeForm.js","sources":["../../../../../../src/components/Employee/DocumentSigner/shared/useSignEmployeeForm/useSignEmployeeForm.tsx"],"sourcesContent":["import { useMemo, useCallback, useState, useEffect } from 'react'\nimport { useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport type { Form } from '@gusto/embedded-api/models/components/form'\nimport { useEmployeeFormsGet } from '@gusto/embedded-api/react-query/employeeFormsGet'\nimport { useEmployeeFormsGetPdf } from '@gusto/embedded-api/react-query/employeeFormsGetPdf'\nimport { useEmployeeFormsSignMutation } from '@gusto/embedded-api/react-query/employeeFormsSign'\nimport {\n  createSignEmployeeFormSchema,\n  MAX_PREPARERS,\n  PREPARER_FIELDS_BY_INDEX,\n  PREPARERS_BY_INDEX,\n  type SignEmployeeFormData,\n  type SignEmployeeFormOutputs,\n} from './signEmployeeFormSchema'\nimport {\n  SignatureField,\n  ConfirmSignatureField,\n  UsedPreparerField,\n  Preparer1FirstName,\n  Preparer1LastName,\n  Preparer1Street1,\n  Preparer1Street2,\n  Preparer1City,\n  Preparer1State,\n  Preparer1Zip,\n  Preparer1Signature,\n  Preparer1ConfirmSignature,\n  Preparer2FirstName,\n  Preparer2LastName,\n  Preparer2Street1,\n  Preparer2Street2,\n  Preparer2City,\n  Preparer2State,\n  Preparer2Zip,\n  Preparer2Signature,\n  Preparer2ConfirmSignature,\n  Preparer3FirstName,\n  Preparer3LastName,\n  Preparer3Street1,\n  Preparer3Street2,\n  Preparer3City,\n  Preparer3State,\n  Preparer3Zip,\n  Preparer3Signature,\n  Preparer3ConfirmSignature,\n  Preparer4FirstName,\n  Preparer4LastName,\n  Preparer4Street1,\n  Preparer4Street2,\n  Preparer4City,\n  Preparer4State,\n  Preparer4Zip,\n  Preparer4Signature,\n  Preparer4ConfirmSignature,\n} from './fields'\nimport { useDeriveFieldsMetadata } from '@/partner-hook-utils/form/useDeriveFieldsMetadata'\nimport { withOptions } from '@/partner-hook-utils/form/withOptions'\nimport { createGetFormSubmissionValues } from '@/partner-hook-utils/form/getFormSubmissionValues'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport type {\n  BaseFormHookReady,\n  FieldsMetadata,\n  HookLoadingResult,\n  HookSubmitResult,\n} from '@/partner-hook-utils/types'\nimport { useBaseSubmit } from '@/components/Base/useBaseSubmit'\nimport { I9_FORM_NAME, STATES_ABBR } from '@/shared/constants'\n\nconst stateOptions = STATES_ABBR.map(abbr => ({ label: abbr, value: abbr }))\n\n// ── Preparer field groups ──────────────────────────────────────────────\n\nconst preparer1Fields = {\n  FirstName: Preparer1FirstName,\n  LastName: Preparer1LastName,\n  Street1: Preparer1Street1,\n  Street2: Preparer1Street2,\n  City: Preparer1City,\n  State: Preparer1State,\n  Zip: Preparer1Zip,\n  Signature: Preparer1Signature,\n  ConfirmSignature: Preparer1ConfirmSignature,\n}\n\nconst preparer2Fields = {\n  FirstName: Preparer2FirstName,\n  LastName: Preparer2LastName,\n  Street1: Preparer2Street1,\n  Street2: Preparer2Street2,\n  City: Preparer2City,\n  State: Preparer2State,\n  Zip: Preparer2Zip,\n  Signature: Preparer2Signature,\n  ConfirmSignature: Preparer2ConfirmSignature,\n}\n\nconst preparer3Fields = {\n  FirstName: Preparer3FirstName,\n  LastName: Preparer3LastName,\n  Street1: Preparer3Street1,\n  Street2: Preparer3Street2,\n  City: Preparer3City,\n  State: Preparer3State,\n  Zip: Preparer3Zip,\n  Signature: Preparer3Signature,\n  ConfirmSignature: Preparer3ConfirmSignature,\n}\n\nconst preparer4Fields = {\n  FirstName: Preparer4FirstName,\n  LastName: Preparer4LastName,\n  Street1: Preparer4Street1,\n  Street2: Preparer4Street2,\n  City: Preparer4City,\n  State: Preparer4State,\n  Zip: Preparer4Zip,\n  Signature: Preparer4Signature,\n  ConfirmSignature: Preparer4ConfirmSignature,\n}\n\nexport type PreparerFieldGroup = typeof preparer1Fields\n\n// ── Types ──────────────────────────────────────────────────────────────\n\nexport interface UseSignEmployeeFormProps {\n  employeeId: string\n  formId: string\n}\n\nexport interface UseSignEmployeeFormReady extends BaseFormHookReady<\n  FieldsMetadata,\n  SignEmployeeFormData\n> {\n  data: {\n    form: Form\n    pdfUrl: string | null | undefined\n  }\n  status: { isPending: boolean; mode: 'create' }\n  actions: {\n    onSubmit: () => Promise<HookSubmitResult<Form> | undefined>\n    addPreparer?: () => void\n    removePreparer?: () => void\n  }\n  form: BaseFormHookReady<FieldsMetadata, SignEmployeeFormData>['form'] & {\n    preparers?: { count: number; canAdd: boolean; canRemove: boolean }\n  }\n}\n\n// ── Hook ───────────────────────────────────────────────────────────────\n\nexport function useSignEmployeeForm({\n  employeeId,\n  formId,\n}: UseSignEmployeeFormProps): HookLoadingResult | UseSignEmployeeFormReady {\n  const formQuery = useEmployeeFormsGet({ employeeId, formId })\n  const pdfQuery = useEmployeeFormsGetPdf({ employeeId, formId })\n\n  const form = formQuery.data?.form\n  const pdfUrl = pdfQuery.data?.formPdf?.documentUrl\n  const isI9 = form?.name === I9_FORM_NAME\n\n  const [preparerCount, setPreparerCount] = useState(0)\n\n  const [schema, metadataConfig] = useMemo(\n    () => createSignEmployeeFormSchema({ isI9, preparerCount }),\n    [isI9, preparerCount],\n  )\n\n  const formMethods = useForm<SignEmployeeFormData, unknown, SignEmployeeFormOutputs>({\n    resolver: zodResolver(schema),\n    defaultValues: {\n      signature: '',\n      confirmSignature: false,\n      usedPreparer: 'no',\n    },\n  })\n\n  const { mutateAsync: signForm, isPending } = useEmployeeFormsSignMutation()\n\n  const {\n    baseSubmitHandler,\n    error: submitError,\n    setError: setSubmitError,\n  } = useBaseSubmit('SignEmployeeForm')\n\n  const queries = [formQuery, pdfQuery]\n  const errorHandling = composeErrorHandler(queries, { submitError, setSubmitError })\n\n  const baseMetadata = useDeriveFieldsMetadata(metadataConfig, formMethods.control)\n\n  const fieldsMetadata = useMemo(\n    () => ({\n      ...baseMetadata,\n      ...(isI9\n        ? {\n            usedPreparer: withOptions(baseMetadata.usedPreparer, [\n              { label: 'No, I completed this myself', value: 'no' },\n              { label: 'Yes, I used a preparer/translator', value: 'yes' },\n            ]),\n            preparerState: withOptions(baseMetadata.preparerState, stateOptions),\n            preparer2State: withOptions(baseMetadata.preparer2State, stateOptions),\n            preparer3State: withOptions(baseMetadata.preparer3State, stateOptions),\n            preparer4State: withOptions(baseMetadata.preparer4State, stateOptions),\n          }\n        : {}),\n    }),\n    [baseMetadata, isI9],\n  )\n\n  const addPreparer = useCallback(() => {\n    setPreparerCount(prev => Math.min(prev + 1, MAX_PREPARERS))\n  }, [])\n\n  const removePreparer = useCallback(() => {\n    setPreparerCount(prev => {\n      if (prev <= 0) return prev\n      const preparerFields = PREPARER_FIELDS_BY_INDEX[prev - 1]\n      if (!preparerFields) return prev\n      for (const name of preparerFields) {\n        formMethods.unregister(name)\n      }\n      return prev - 1\n    })\n  }, [formMethods.unregister])\n\n  const usedPreparer = isI9 ? formMethods.watch('usedPreparer') : undefined\n\n  useEffect(() => {\n    if (!isI9) return\n    if (usedPreparer === 'yes' && preparerCount === 0) {\n      addPreparer()\n    }\n    if (usedPreparer === 'no' && preparerCount > 0) {\n      for (let i = preparerCount; i > 0; i--) {\n        removePreparer()\n      }\n    }\n  }, [usedPreparer, isI9, preparerCount, addPreparer, removePreparer])\n\n  const onSubmit = async (): Promise<HookSubmitResult<Form> | undefined> => {\n    let submitResult: HookSubmitResult<Form> | undefined\n\n    await new Promise<void>(resolve => {\n      void formMethods.handleSubmit(\n        async (data: SignEmployeeFormOutputs) => {\n          await baseSubmitHandler(data, async payload => {\n            const requestBody: Record<string, unknown> = {\n              signatureText: payload.signature,\n              agree: payload.confirmSignature,\n            }\n\n            if (isI9) {\n              Object.assign(requestBody, buildPreparerPayload(payload, preparerCount))\n            }\n\n            const result = await signForm({\n              request: {\n                employeeId,\n                formId: form!.uuid,\n                requestBody: requestBody as {\n                  signatureText: string\n                  agree: boolean\n                  signedByIpAddress: string\n                },\n              },\n            })\n\n            if (result.form) {\n              submitResult = { mode: 'create', data: result.form }\n            }\n          })\n          resolve()\n        },\n        () => {\n          resolve()\n        },\n      )()\n    })\n\n    return submitResult\n  }\n\n  const isDataLoading = formQuery.isLoading || pdfQuery.isLoading\n\n  if (isDataLoading || !form) {\n    return { isLoading: true as const, errorHandling }\n  }\n\n  return {\n    isLoading: false as const,\n    data: { form, pdfUrl },\n    status: { isPending, mode: 'create' as const },\n    actions: {\n      onSubmit,\n      ...(isI9 ? { addPreparer, removePreparer } : {}),\n    },\n    errorHandling,\n    form: {\n      Fields: {\n        Signature: SignatureField,\n        ConfirmSignature: ConfirmSignatureField,\n        UsedPreparer: isI9 ? UsedPreparerField : undefined,\n        Preparer1: isI9 && preparerCount >= 1 ? preparer1Fields : undefined,\n        Preparer2: isI9 && preparerCount >= 2 ? preparer2Fields : undefined,\n        Preparer3: isI9 && preparerCount >= 3 ? preparer3Fields : undefined,\n        Preparer4: isI9 && preparerCount >= 4 ? preparer4Fields : undefined,\n      },\n      fieldsMetadata,\n      hookFormInternals: { formMethods },\n      getFormSubmissionValues: createGetFormSubmissionValues(formMethods, schema),\n      ...(isI9\n        ? {\n            preparers: {\n              count: preparerCount,\n              canAdd: preparerCount < MAX_PREPARERS,\n              canRemove: preparerCount > 0,\n            },\n          }\n        : {}),\n    },\n  }\n}\n\n// ── Helpers ─────────────────────────────────────────────────────────────\n\nfunction buildPreparerPayload(payload: SignEmployeeFormOutputs, count: number) {\n  if (payload.usedPreparer !== 'yes' || count === 0) {\n    return { preparer: false }\n  }\n\n  const result: Record<string, unknown> = { preparer: true }\n\n  for (let index = 0; index < count; index++) {\n    if (index > 0) {\n      result[`preparer${String(index + 1)}`] = true\n    }\n\n    const preparer = PREPARERS_BY_INDEX[index]\n    if (!preparer) continue\n\n    result[preparer.firstName] = payload[preparer.firstName]\n    result[preparer.lastName] = payload[preparer.lastName]\n    result[preparer.street1] = payload[preparer.street1]\n    if (payload[preparer.street2]) {\n      result[preparer.street2] = payload[preparer.street2]\n    }\n    result[preparer.city] = payload[preparer.city]\n    result[preparer.state] = payload[preparer.state]\n    result[preparer.zip] = payload[preparer.zip]\n    result[preparer.signature] = payload[preparer.signature]\n    result[preparer.agree] = 'true'\n  }\n\n  return result\n}\n\nexport type UseSignEmployeeFormResult = HookLoadingResult | UseSignEmployeeFormReady\nexport type SignEmployeeFormFieldsMetadata = UseSignEmployeeFormReady['form']['fieldsMetadata']\nexport type SignEmployeeFormFields = UseSignEmployeeFormReady['form']['Fields']\n"],"names":["stateOptions","STATES_ABBR","abbr","preparer1Fields","Preparer1FirstName","Preparer1LastName","Preparer1Street1","Preparer1Street2","Preparer1City","Preparer1State","Preparer1Zip","Preparer1Signature","Preparer1ConfirmSignature","preparer2Fields","Preparer2FirstName","Preparer2LastName","Preparer2Street1","Preparer2Street2","Preparer2City","Preparer2State","Preparer2Zip","Preparer2Signature","Preparer2ConfirmSignature","preparer3Fields","Preparer3FirstName","Preparer3LastName","Preparer3Street1","Preparer3Street2","Preparer3City","Preparer3State","Preparer3Zip","Preparer3Signature","Preparer3ConfirmSignature","preparer4Fields","Preparer4FirstName","Preparer4LastName","Preparer4Street1","Preparer4Street2","Preparer4City","Preparer4State","Preparer4Zip","Preparer4Signature","Preparer4ConfirmSignature","useSignEmployeeForm","employeeId","formId","formQuery","useEmployeeFormsGet","pdfQuery","useEmployeeFormsGetPdf","form","pdfUrl","isI9","I9_FORM_NAME","preparerCount","setPreparerCount","useState","schema","metadataConfig","useMemo","createSignEmployeeFormSchema","formMethods","useForm","zodResolver","signForm","isPending","useEmployeeFormsSignMutation","baseSubmitHandler","submitError","setSubmitError","useBaseSubmit","errorHandling","composeErrorHandler","baseMetadata","useDeriveFieldsMetadata","fieldsMetadata","withOptions","addPreparer","useCallback","prev","MAX_PREPARERS","removePreparer","preparerFields","PREPARER_FIELDS_BY_INDEX","name","usedPreparer","useEffect","i","onSubmit","submitResult","resolve","data","payload","requestBody","buildPreparerPayload","result","SignatureField","ConfirmSignatureField","UsedPreparerField","createGetFormSubmissionValues","count","index","preparer","PREPARERS_BY_INDEX"],"mappings":"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"}
+{"version":3,"file":"useSignEmployeeForm.js","sources":["../../../../../../src/components/Employee/DocumentSigner/shared/useSignEmployeeForm/useSignEmployeeForm.tsx"],"sourcesContent":["import { useMemo, useCallback, useState, useEffect } from 'react'\nimport { useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport type { Form } from '@gusto/embedded-api/models/components/form'\nimport { useEmployeeFormsGet } from '@gusto/embedded-api/react-query/employeeFormsGet'\nimport { useEmployeeFormsGetPdf } from '@gusto/embedded-api/react-query/employeeFormsGetPdf'\nimport { useEmployeeFormsSignMutation } from '@gusto/embedded-api/react-query/employeeFormsSign'\nimport {\n  createSignEmployeeFormSchema,\n  MAX_PREPARERS,\n  PREPARER_FIELDS_BY_INDEX,\n  PREPARERS_BY_INDEX,\n  type SignEmployeeFormData,\n  type SignEmployeeFormOutputs,\n} from './signEmployeeFormSchema'\nimport {\n  SignatureField,\n  ConfirmSignatureField,\n  UsedPreparerField,\n  Preparer1FirstName,\n  Preparer1LastName,\n  Preparer1Street1,\n  Preparer1Street2,\n  Preparer1City,\n  Preparer1State,\n  Preparer1Zip,\n  Preparer1Signature,\n  Preparer1ConfirmSignature,\n  Preparer2FirstName,\n  Preparer2LastName,\n  Preparer2Street1,\n  Preparer2Street2,\n  Preparer2City,\n  Preparer2State,\n  Preparer2Zip,\n  Preparer2Signature,\n  Preparer2ConfirmSignature,\n  Preparer3FirstName,\n  Preparer3LastName,\n  Preparer3Street1,\n  Preparer3Street2,\n  Preparer3City,\n  Preparer3State,\n  Preparer3Zip,\n  Preparer3Signature,\n  Preparer3ConfirmSignature,\n  Preparer4FirstName,\n  Preparer4LastName,\n  Preparer4Street1,\n  Preparer4Street2,\n  Preparer4City,\n  Preparer4State,\n  Preparer4Zip,\n  Preparer4Signature,\n  Preparer4ConfirmSignature,\n} from './fields'\nimport { useDeriveFieldsMetadata } from '@/partner-hook-utils/form/useDeriveFieldsMetadata'\nimport { withOptions } from '@/partner-hook-utils/form/withOptions'\nimport { createGetFormSubmissionValues } from '@/partner-hook-utils/form/getFormSubmissionValues'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport type {\n  BaseFormHookReady,\n  FieldsMetadata,\n  HookLoadingResult,\n  HookSubmitResult,\n} from '@/partner-hook-utils/types'\nimport { useBaseSubmit } from '@/components/Base/useBaseSubmit'\nimport { I9_FORM_NAME, STATES_ABBR } from '@/shared/constants'\n\nconst stateOptions = STATES_ABBR.map(abbr => ({ label: abbr, value: abbr }))\n\n// ── Preparer field groups ──────────────────────────────────────────────\n\nconst preparer1Fields = {\n  FirstName: Preparer1FirstName,\n  LastName: Preparer1LastName,\n  Street1: Preparer1Street1,\n  Street2: Preparer1Street2,\n  City: Preparer1City,\n  State: Preparer1State,\n  Zip: Preparer1Zip,\n  Signature: Preparer1Signature,\n  ConfirmSignature: Preparer1ConfirmSignature,\n}\n\nconst preparer2Fields = {\n  FirstName: Preparer2FirstName,\n  LastName: Preparer2LastName,\n  Street1: Preparer2Street1,\n  Street2: Preparer2Street2,\n  City: Preparer2City,\n  State: Preparer2State,\n  Zip: Preparer2Zip,\n  Signature: Preparer2Signature,\n  ConfirmSignature: Preparer2ConfirmSignature,\n}\n\nconst preparer3Fields = {\n  FirstName: Preparer3FirstName,\n  LastName: Preparer3LastName,\n  Street1: Preparer3Street1,\n  Street2: Preparer3Street2,\n  City: Preparer3City,\n  State: Preparer3State,\n  Zip: Preparer3Zip,\n  Signature: Preparer3Signature,\n  ConfirmSignature: Preparer3ConfirmSignature,\n}\n\nconst preparer4Fields = {\n  FirstName: Preparer4FirstName,\n  LastName: Preparer4LastName,\n  Street1: Preparer4Street1,\n  Street2: Preparer4Street2,\n  City: Preparer4City,\n  State: Preparer4State,\n  Zip: Preparer4Zip,\n  Signature: Preparer4Signature,\n  ConfirmSignature: Preparer4ConfirmSignature,\n}\n\nexport type PreparerFieldGroup = typeof preparer1Fields\n\n// ── Types ──────────────────────────────────────────────────────────────\n\nexport interface UseSignEmployeeFormProps {\n  employeeId: string\n  formId: string\n}\n\nexport interface SignEmployeeFormFieldComponents {\n  Signature: typeof SignatureField\n  ConfirmSignature: typeof ConfirmSignatureField\n  UsedPreparer: typeof UsedPreparerField | undefined\n  Preparer1: PreparerFieldGroup | undefined\n  Preparer2: PreparerFieldGroup | undefined\n  Preparer3: PreparerFieldGroup | undefined\n  Preparer4: PreparerFieldGroup | undefined\n}\n\nexport interface UseSignEmployeeFormReady extends BaseFormHookReady<\n  FieldsMetadata,\n  SignEmployeeFormData,\n  SignEmployeeFormFieldComponents\n> {\n  data: {\n    form: Form\n    pdfUrl: string | null | undefined\n  }\n  status: { isPending: boolean; mode: 'create' }\n  actions: {\n    onSubmit: () => Promise<HookSubmitResult<Form> | undefined>\n    addPreparer?: () => void\n    removePreparer?: () => void\n  }\n  form: BaseFormHookReady<\n    FieldsMetadata,\n    SignEmployeeFormData,\n    SignEmployeeFormFieldComponents\n  >['form'] & {\n    preparers?: { count: number; canAdd: boolean; canRemove: boolean }\n  }\n}\n\n// ── Hook ───────────────────────────────────────────────────────────────\n\nexport function useSignEmployeeForm({\n  employeeId,\n  formId,\n}: UseSignEmployeeFormProps): HookLoadingResult | UseSignEmployeeFormReady {\n  const formQuery = useEmployeeFormsGet({ employeeId, formId })\n  const pdfQuery = useEmployeeFormsGetPdf({ employeeId, formId })\n\n  const form = formQuery.data?.form\n  const pdfUrl = pdfQuery.data?.formPdf?.documentUrl\n  const isI9 = form?.name === I9_FORM_NAME\n\n  const [preparerCount, setPreparerCount] = useState(0)\n\n  const [schema, metadataConfig] = useMemo(\n    () => createSignEmployeeFormSchema({ isI9, preparerCount }),\n    [isI9, preparerCount],\n  )\n\n  const formMethods = useForm<SignEmployeeFormData, unknown, SignEmployeeFormOutputs>({\n    resolver: zodResolver(schema),\n    defaultValues: {\n      signature: '',\n      confirmSignature: false,\n      usedPreparer: 'no',\n    },\n  })\n\n  const { mutateAsync: signForm, isPending } = useEmployeeFormsSignMutation()\n\n  const {\n    baseSubmitHandler,\n    error: submitError,\n    setError: setSubmitError,\n  } = useBaseSubmit('SignEmployeeForm')\n\n  const queries = [formQuery, pdfQuery]\n  const errorHandling = composeErrorHandler(queries, { submitError, setSubmitError })\n\n  const baseMetadata = useDeriveFieldsMetadata(metadataConfig, formMethods.control)\n\n  const fieldsMetadata = useMemo(\n    () => ({\n      ...baseMetadata,\n      ...(isI9\n        ? {\n            usedPreparer: withOptions(baseMetadata.usedPreparer, [\n              { label: 'No, I completed this myself', value: 'no' },\n              { label: 'Yes, I used a preparer/translator', value: 'yes' },\n            ]),\n            preparerState: withOptions(baseMetadata.preparerState, stateOptions),\n            preparer2State: withOptions(baseMetadata.preparer2State, stateOptions),\n            preparer3State: withOptions(baseMetadata.preparer3State, stateOptions),\n            preparer4State: withOptions(baseMetadata.preparer4State, stateOptions),\n          }\n        : {}),\n    }),\n    [baseMetadata, isI9],\n  )\n\n  const addPreparer = useCallback(() => {\n    setPreparerCount(prev => Math.min(prev + 1, MAX_PREPARERS))\n  }, [])\n\n  const removePreparer = useCallback(() => {\n    setPreparerCount(prev => {\n      if (prev <= 0) return prev\n      const preparerFields = PREPARER_FIELDS_BY_INDEX[prev - 1]\n      if (!preparerFields) return prev\n      for (const name of preparerFields) {\n        formMethods.unregister(name)\n      }\n      return prev - 1\n    })\n  }, [formMethods.unregister])\n\n  const usedPreparer = isI9 ? formMethods.watch('usedPreparer') : undefined\n\n  useEffect(() => {\n    if (!isI9) return\n    if (usedPreparer === 'yes' && preparerCount === 0) {\n      addPreparer()\n    }\n    if (usedPreparer === 'no' && preparerCount > 0) {\n      for (let i = preparerCount; i > 0; i--) {\n        removePreparer()\n      }\n    }\n  }, [usedPreparer, isI9, preparerCount, addPreparer, removePreparer])\n\n  const onSubmit = async (): Promise<HookSubmitResult<Form> | undefined> => {\n    let submitResult: HookSubmitResult<Form> | undefined\n\n    await new Promise<void>(resolve => {\n      void formMethods.handleSubmit(\n        async (data: SignEmployeeFormOutputs) => {\n          await baseSubmitHandler(data, async payload => {\n            const requestBody: Record<string, unknown> = {\n              signatureText: payload.signature,\n              agree: payload.confirmSignature,\n            }\n\n            if (isI9) {\n              Object.assign(requestBody, buildPreparerPayload(payload, preparerCount))\n            }\n\n            const result = await signForm({\n              request: {\n                employeeId,\n                formId: form!.uuid,\n                requestBody: requestBody as {\n                  signatureText: string\n                  agree: boolean\n                  signedByIpAddress: string\n                },\n              },\n            })\n\n            if (result.form) {\n              submitResult = { mode: 'create', data: result.form }\n            }\n          })\n          resolve()\n        },\n        () => {\n          resolve()\n        },\n      )()\n    })\n\n    return submitResult\n  }\n\n  const isDataLoading = formQuery.isLoading || pdfQuery.isLoading\n\n  if (isDataLoading || !form) {\n    return { isLoading: true as const, errorHandling }\n  }\n\n  return {\n    isLoading: false as const,\n    data: { form, pdfUrl },\n    status: { isPending, mode: 'create' as const },\n    actions: {\n      onSubmit,\n      ...(isI9 ? { addPreparer, removePreparer } : {}),\n    },\n    errorHandling,\n    form: {\n      Fields: {\n        Signature: SignatureField,\n        ConfirmSignature: ConfirmSignatureField,\n        UsedPreparer: isI9 ? UsedPreparerField : undefined,\n        Preparer1: isI9 && preparerCount >= 1 ? preparer1Fields : undefined,\n        Preparer2: isI9 && preparerCount >= 2 ? preparer2Fields : undefined,\n        Preparer3: isI9 && preparerCount >= 3 ? preparer3Fields : undefined,\n        Preparer4: isI9 && preparerCount >= 4 ? preparer4Fields : undefined,\n      },\n      fieldsMetadata,\n      hookFormInternals: { formMethods },\n      getFormSubmissionValues: createGetFormSubmissionValues(formMethods, schema),\n      ...(isI9\n        ? {\n            preparers: {\n              count: preparerCount,\n              canAdd: preparerCount < MAX_PREPARERS,\n              canRemove: preparerCount > 0,\n            },\n          }\n        : {}),\n    },\n  }\n}\n\n// ── Helpers ─────────────────────────────────────────────────────────────\n\nfunction buildPreparerPayload(payload: SignEmployeeFormOutputs, count: number) {\n  if (payload.usedPreparer !== 'yes' || count === 0) {\n    return { preparer: false }\n  }\n\n  const result: Record<string, unknown> = { preparer: true }\n\n  for (let index = 0; index < count; index++) {\n    if (index > 0) {\n      result[`preparer${String(index + 1)}`] = true\n    }\n\n    const preparer = PREPARERS_BY_INDEX[index]\n    if (!preparer) continue\n\n    result[preparer.firstName] = payload[preparer.firstName]\n    result[preparer.lastName] = payload[preparer.lastName]\n    result[preparer.street1] = payload[preparer.street1]\n    if (payload[preparer.street2]) {\n      result[preparer.street2] = payload[preparer.street2]\n    }\n    result[preparer.city] = payload[preparer.city]\n    result[preparer.state] = payload[preparer.state]\n    result[preparer.zip] = payload[preparer.zip]\n    result[preparer.signature] = payload[preparer.signature]\n    result[preparer.agree] = 'true'\n  }\n\n  return result\n}\n\nexport type UseSignEmployeeFormResult = HookLoadingResult | UseSignEmployeeFormReady\nexport type SignEmployeeFormFieldsMetadata = UseSignEmployeeFormReady['form']['fieldsMetadata']\nexport type SignEmployeeFormFields = UseSignEmployeeFormReady['form']['Fields']\n"],"names":["stateOptions","STATES_ABBR","abbr","preparer1Fields","Preparer1FirstName","Preparer1LastName","Preparer1Street1","Preparer1Street2","Preparer1City","Preparer1State","Preparer1Zip","Preparer1Signature","Preparer1ConfirmSignature","preparer2Fields","Preparer2FirstName","Preparer2LastName","Preparer2Street1","Preparer2Street2","Preparer2City","Preparer2State","Preparer2Zip","Preparer2Signature","Preparer2ConfirmSignature","preparer3Fields","Preparer3FirstName","Preparer3LastName","Preparer3Street1","Preparer3Street2","Preparer3City","Preparer3State","Preparer3Zip","Preparer3Signature","Preparer3ConfirmSignature","preparer4Fields","Preparer4FirstName","Preparer4LastName","Preparer4Street1","Preparer4Street2","Preparer4City","Preparer4State","Preparer4Zip","Preparer4Signature","Preparer4ConfirmSignature","useSignEmployeeForm","employeeId","formId","formQuery","useEmployeeFormsGet","pdfQuery","useEmployeeFormsGetPdf","form","pdfUrl","isI9","I9_FORM_NAME","preparerCount","setPreparerCount","useState","schema","metadataConfig","useMemo","createSignEmployeeFormSchema","formMethods","useForm","zodResolver","signForm","isPending","useEmployeeFormsSignMutation","baseSubmitHandler","submitError","setSubmitError","useBaseSubmit","errorHandling","composeErrorHandler","baseMetadata","useDeriveFieldsMetadata","fieldsMetadata","withOptions","addPreparer","useCallback","prev","MAX_PREPARERS","removePreparer","preparerFields","PREPARER_FIELDS_BY_INDEX","name","usedPreparer","useEffect","i","onSubmit","submitResult","resolve","data","payload","requestBody","buildPreparerPayload","result","SignatureField","ConfirmSignatureField","UsedPreparerField","createGetFormSubmissionValues","count","index","preparer","PREPARERS_BY_INDEX"],"mappings":"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"}

package/dist/components/Employee/EmployeeDocuments/EmployeeDocumentsPresentation.js

@@ -4,14 +4,13 @@ import { useForm as I, FormProvider as L } from "react-hook-form";
 import { zodResolver as E } from "@hookform/resolvers/zod";
 import { z as p } from "zod";
 import { Flex as l, FlexItem as o } from "../../Common/Flex/Flex.js";
-import "classnames";
 import { Form as v } from "../../Common/Form/Form.js";
 import { useComponentContext as w } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useI18n as C } from "../../../i18n/I18n.js";
 import { CheckboxField as F } from "../../Common/Fields/CheckboxField/CheckboxField.js";
 const u = "gusto-sdk-employee-documents-form", T = p.object({
   includeI9: p.boolean()
-}), A = ({
+}), V = ({
   isEmployeeSelfOnboarding: a,
   currentI9Status: g,
   onSubmit: f,
@@ -109,6 +108,6 @@ const u = "gusto-sdk-employee-documents-form", T = p.object({
   ] }) });
 };
 export {
-  A as EmployeeDocumentsPresentation
+  V as EmployeeDocumentsPresentation
 };
 //# sourceMappingURL=EmployeeDocumentsPresentation.js.map

package/dist/components/Employee/EmployeeDocuments/EmployeeDocumentsPresentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmployeeDocumentsPresentation.js","sources":["../../../../src/components/Employee/EmployeeDocuments/EmployeeDocumentsPresentation.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport { Flex, CheckboxField, FlexItem } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\nconst EMPLOYEE_DOCUMENTS_FORM_ID = 'gusto-sdk-employee-documents-form'\n\nconst EmployeeDocumentsSchema = z.object({\n  includeI9: z.boolean(),\n})\n\nexport type EmployeeDocumentsFormValues = z.infer<typeof EmployeeDocumentsSchema>\n\nexport interface EmployeeDocumentsPresentationProps {\n  isEmployeeSelfOnboarding: boolean\n  currentI9Status: boolean\n  onSubmit: (formData: EmployeeDocumentsFormValues) => Promise<void>\n  onDone: () => void\n  isPending: boolean\n}\n\nexport const EmployeeDocumentsPresentation = ({\n  isEmployeeSelfOnboarding,\n  currentI9Status,\n  onSubmit,\n  onDone,\n  isPending,\n}: EmployeeDocumentsPresentationProps) => {\n  useI18n('Employee.EmployeeDocuments')\n  const { t } = useTranslation('Employee.EmployeeDocuments')\n  const { Alert, Heading, Text, Button, Link, UnorderedList } = useComponentContext()\n\n  const formMethods = useForm<EmployeeDocumentsFormValues>({\n    resolver: zodResolver(EmployeeDocumentsSchema),\n    defaultValues: {\n      includeI9: currentI9Status,\n    },\n  })\n\n  const includeI9 = formMethods.watch('includeI9')\n\n  const renderSelfOnboarding = () => (\n    <FormProvider {...formMethods}>\n      <Form id={EMPLOYEE_DOCUMENTS_FORM_ID} onSubmit={formMethods.handleSubmit(onSubmit)}>\n        <Flex flexDirection=\"column\" gap={16}>\n          <FlexItem>\n            <Heading as=\"h2\">{t('selfOnboarding.title')}</Heading>\n            <Text variant=\"supporting\">{t('selfOnboarding.description')}</Text>\n          </FlexItem>\n\n          <Heading as=\"h3\">{t('selfOnboarding.documentsIncludedLabel')}</Heading>\n          <FlexItem>\n            <Text weight=\"medium\">{t('selfOnboarding.taxWithholdingLabel')}</Text>\n            <Text variant=\"supporting\">{t('selfOnboarding.taxWithholdingDescription')}</Text>\n          </FlexItem>\n          <FlexItem>\n            <Text weight=\"medium\">{t('selfOnboarding.directDepositLabel')}</Text>\n            <Text variant=\"supporting\">{t('selfOnboarding.directDepositDescription')}</Text>\n          </FlexItem>\n\n          <Heading as=\"h3\">{t('selfOnboarding.includeI9Heading')}</Heading>\n          <CheckboxField\n            name=\"includeI9\"\n            label={t('selfOnboarding.includeI9Label')}\n            description={t('selfOnboarding.includeI9Description')}\n          />\n\n          {includeI9 ? (\n            <Alert status=\"warning\" label={t('selfOnboarding.alerts.includedTitle')}>\n              <UnorderedList\n                items={[\n                  <Trans\n                    key=\"included-description-1\"\n                    i18nKey={'selfOnboarding.alerts.includedDescription'}\n                    t={t}\n                    components={{\n                      Link: <Link />,\n                    }}\n                  />,\n                  <span key=\"included-description-2\">\n                    {t('selfOnboarding.alerts.includedDescription2')}\n                  </span>,\n                ]}\n              />\n            </Alert>\n          ) : (\n            <Alert status=\"info\" label={t('selfOnboarding.alerts.notIncludedTitle')}>\n              <Trans\n                i18nKey={'selfOnboarding.alerts.notIncludedDescription'}\n                t={t}\n                components={{\n                  Link: <Link />,\n                }}\n              />\n            </Alert>\n          )}\n        </Flex>\n      </Form>\n    </FormProvider>\n  )\n\n  const renderNotSelfOnboarding = () => (\n    <Flex flexDirection=\"column\" gap={16}>\n      <FlexItem>\n        <Heading as=\"h2\">{t('notSelfOnboarding.title')}</Heading>\n        <Text>{t('notSelfOnboarding.description')}</Text>\n      </FlexItem>\n\n      <FlexItem>\n        <Text weight=\"medium\">{t('notSelfOnboarding.employmentEligibilityLabel')}</Text>\n        <Text>{t('notSelfOnboarding.employmentEligibilityDescription')}</Text>\n      </FlexItem>\n\n      <FlexItem>\n        <Text weight=\"medium\">{t('notSelfOnboarding.taxWithholdingLabel')}</Text>\n        <Text>{t('notSelfOnboarding.taxWithholdingDescription')}</Text>\n      </FlexItem>\n\n      <FlexItem>\n        <Text weight=\"medium\">{t('notSelfOnboarding.directDepositLabel')}</Text>\n        <Text>{t('notSelfOnboarding.directDepositDescription')}</Text>\n      </FlexItem>\n\n      <Alert status=\"info\" label={t('notSelfOnboarding.alertTitle')} disableScrollIntoView></Alert>\n    </Flex>\n  )\n\n  return (\n    <>\n      <Flex flexDirection=\"column\" gap={16}>\n        {isEmployeeSelfOnboarding ? renderSelfOnboarding() : renderNotSelfOnboarding()}\n\n        <Flex justifyContent=\"flex-end\" gap={12}>\n          {isEmployeeSelfOnboarding ? (\n            <Button\n              variant=\"primary\"\n              type=\"submit\"\n              form={EMPLOYEE_DOCUMENTS_FORM_ID}\n              isLoading={isPending}\n            >\n              {t('continueCta')}\n            </Button>\n          ) : (\n            <Button variant=\"primary\" onClick={onDone}>\n              {t('continueCta')}\n            </Button>\n          )}\n        </Flex>\n      </Flex>\n    </>\n  )\n}\n"],"names":["EMPLOYEE_DOCUMENTS_FORM_ID","EmployeeDocumentsSchema","z","EmployeeDocumentsPresentation","isEmployeeSelfOnboarding","currentI9Status","onSubmit","onDone","isPending","useI18n","t","useTranslation","Alert","Heading","Text","Button","Link","UnorderedList","useComponentContext","formMethods","useForm","zodResolver","includeI9","jsxs","Flex","jsx","FormProvider","Form","FlexItem","CheckboxField","Trans"],"mappings":"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"}
+{"version":3,"file":"EmployeeDocumentsPresentation.js","sources":["../../../../src/components/Employee/EmployeeDocuments/EmployeeDocumentsPresentation.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport { Flex, CheckboxField, FlexItem } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\nconst EMPLOYEE_DOCUMENTS_FORM_ID = 'gusto-sdk-employee-documents-form'\n\nconst EmployeeDocumentsSchema = z.object({\n  includeI9: z.boolean(),\n})\n\nexport type EmployeeDocumentsFormValues = z.infer<typeof EmployeeDocumentsSchema>\n\nexport interface EmployeeDocumentsPresentationProps {\n  isEmployeeSelfOnboarding: boolean\n  currentI9Status: boolean\n  onSubmit: (formData: EmployeeDocumentsFormValues) => Promise<void>\n  onDone: () => void\n  isPending: boolean\n}\n\nexport const EmployeeDocumentsPresentation = ({\n  isEmployeeSelfOnboarding,\n  currentI9Status,\n  onSubmit,\n  onDone,\n  isPending,\n}: EmployeeDocumentsPresentationProps) => {\n  useI18n('Employee.EmployeeDocuments')\n  const { t } = useTranslation('Employee.EmployeeDocuments')\n  const { Alert, Heading, Text, Button, Link, UnorderedList } = useComponentContext()\n\n  const formMethods = useForm<EmployeeDocumentsFormValues>({\n    resolver: zodResolver(EmployeeDocumentsSchema),\n    defaultValues: {\n      includeI9: currentI9Status,\n    },\n  })\n\n  const includeI9 = formMethods.watch('includeI9')\n\n  const renderSelfOnboarding = () => (\n    <FormProvider {...formMethods}>\n      <Form id={EMPLOYEE_DOCUMENTS_FORM_ID} onSubmit={formMethods.handleSubmit(onSubmit)}>\n        <Flex flexDirection=\"column\" gap={16}>\n          <FlexItem>\n            <Heading as=\"h2\">{t('selfOnboarding.title')}</Heading>\n            <Text variant=\"supporting\">{t('selfOnboarding.description')}</Text>\n          </FlexItem>\n\n          <Heading as=\"h3\">{t('selfOnboarding.documentsIncludedLabel')}</Heading>\n          <FlexItem>\n            <Text weight=\"medium\">{t('selfOnboarding.taxWithholdingLabel')}</Text>\n            <Text variant=\"supporting\">{t('selfOnboarding.taxWithholdingDescription')}</Text>\n          </FlexItem>\n          <FlexItem>\n            <Text weight=\"medium\">{t('selfOnboarding.directDepositLabel')}</Text>\n            <Text variant=\"supporting\">{t('selfOnboarding.directDepositDescription')}</Text>\n          </FlexItem>\n\n          <Heading as=\"h3\">{t('selfOnboarding.includeI9Heading')}</Heading>\n          <CheckboxField\n            name=\"includeI9\"\n            label={t('selfOnboarding.includeI9Label')}\n            description={t('selfOnboarding.includeI9Description')}\n          />\n\n          {includeI9 ? (\n            <Alert status=\"warning\" label={t('selfOnboarding.alerts.includedTitle')}>\n              <UnorderedList\n                items={[\n                  <Trans\n                    key=\"included-description-1\"\n                    i18nKey={'selfOnboarding.alerts.includedDescription'}\n                    t={t}\n                    components={{\n                      Link: <Link />,\n                    }}\n                  />,\n                  <span key=\"included-description-2\">\n                    {t('selfOnboarding.alerts.includedDescription2')}\n                  </span>,\n                ]}\n              />\n            </Alert>\n          ) : (\n            <Alert status=\"info\" label={t('selfOnboarding.alerts.notIncludedTitle')}>\n              <Trans\n                i18nKey={'selfOnboarding.alerts.notIncludedDescription'}\n                t={t}\n                components={{\n                  Link: <Link />,\n                }}\n              />\n            </Alert>\n          )}\n        </Flex>\n      </Form>\n    </FormProvider>\n  )\n\n  const renderNotSelfOnboarding = () => (\n    <Flex flexDirection=\"column\" gap={16}>\n      <FlexItem>\n        <Heading as=\"h2\">{t('notSelfOnboarding.title')}</Heading>\n        <Text>{t('notSelfOnboarding.description')}</Text>\n      </FlexItem>\n\n      <FlexItem>\n        <Text weight=\"medium\">{t('notSelfOnboarding.employmentEligibilityLabel')}</Text>\n        <Text>{t('notSelfOnboarding.employmentEligibilityDescription')}</Text>\n      </FlexItem>\n\n      <FlexItem>\n        <Text weight=\"medium\">{t('notSelfOnboarding.taxWithholdingLabel')}</Text>\n        <Text>{t('notSelfOnboarding.taxWithholdingDescription')}</Text>\n      </FlexItem>\n\n      <FlexItem>\n        <Text weight=\"medium\">{t('notSelfOnboarding.directDepositLabel')}</Text>\n        <Text>{t('notSelfOnboarding.directDepositDescription')}</Text>\n      </FlexItem>\n\n      <Alert status=\"info\" label={t('notSelfOnboarding.alertTitle')} disableScrollIntoView></Alert>\n    </Flex>\n  )\n\n  return (\n    <>\n      <Flex flexDirection=\"column\" gap={16}>\n        {isEmployeeSelfOnboarding ? renderSelfOnboarding() : renderNotSelfOnboarding()}\n\n        <Flex justifyContent=\"flex-end\" gap={12}>\n          {isEmployeeSelfOnboarding ? (\n            <Button\n              variant=\"primary\"\n              type=\"submit\"\n              form={EMPLOYEE_DOCUMENTS_FORM_ID}\n              isLoading={isPending}\n            >\n              {t('continueCta')}\n            </Button>\n          ) : (\n            <Button variant=\"primary\" onClick={onDone}>\n              {t('continueCta')}\n            </Button>\n          )}\n        </Flex>\n      </Flex>\n    </>\n  )\n}\n"],"names":["EMPLOYEE_DOCUMENTS_FORM_ID","EmployeeDocumentsSchema","z","EmployeeDocumentsPresentation","isEmployeeSelfOnboarding","currentI9Status","onSubmit","onDone","isPending","useI18n","t","useTranslation","Alert","Heading","Text","Button","Link","UnorderedList","useComponentContext","formMethods","useForm","zodResolver","includeI9","jsxs","Flex","jsx","FormProvider","Form","FlexItem","CheckboxField","Trans"],"mappings":"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"}

package/dist/components/Employee/EmployeeList/management/ManagementEmployeeList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ManagementEmployeeList.js","sources":["../../../../../src/components/Employee/EmployeeList/management/ManagementEmployeeList.tsx"],"sourcesContent":["import { useState, useMemo } from 'react'\nimport { useEmployeeList, type EmployeeType } from '../shared/useEmployeeList'\nimport { ManagementEmployeeListView } from './ManagementEmployeeListView'\nimport {\n  BaseBoundaries,\n  BaseLayout,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base/Base'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\ntype EmployeeTab = 'active' | 'onboarding' | 'dismissed'\n\ninterface ManagementEmployeeListProps extends CommonComponentInterface<'Employee.ManagementEmployeeList'> {\n  companyId: string\n  initialTab?: EmployeeTab\n  onEvent: BaseComponentInterface['onEvent']\n}\n\nconst mapTabToEmployeeType = (tab: EmployeeTab): EmployeeType => {\n  switch (tab) {\n    case 'active':\n      return 'active'\n    case 'onboarding':\n      return 'onboarding'\n    case 'dismissed':\n      return 'terminated'\n  }\n}\n\nfunction ManagementEmployeeListRoot({\n  companyId,\n  initialTab = 'active',\n  onEvent,\n  dictionary,\n}: ManagementEmployeeListProps) {\n  useI18n('Employee.ManagementEmployeeList')\n  useComponentDictionary('Employee.ManagementEmployeeList', dictionary)\n\n  const [selectedTab, setSelectedTab] = useState<EmployeeTab>(initialTab)\n\n  const employeeType = useMemo(() => mapTabToEmployeeType(selectedTab), [selectedTab])\n\n  const employeeList = useEmployeeList({\n    companyId,\n    employeeType,\n  })\n\n  if (employeeList.isLoading) {\n    return <BaseLayout isLoading error={employeeList.errorHandling.errors} />\n  }\n\n  const handleEdit = (employeeId: string) => {\n    onEvent(componentEvents.EMPLOYEE_UPDATE, { employeeId })\n  }\n\n  const handleAddEmployee = () => {\n    onEvent(componentEvents.EMPLOYEE_CREATE)\n  }\n\n  const handleDismiss = (employeeId: string) => {\n    onEvent(componentEvents.EMPLOYEE_DISMISS, { employeeId })\n  }\n\n  const handleRehire = (employeeId: string) => {\n    onEvent(componentEvents.EMPLOYEE_REHIRE, { employeeId })\n  }\n\n  const handleTabChange = (tab: EmployeeTab) => {\n    setSelectedTab(tab)\n  }\n\n  return (\n    <BaseLayout error={employeeList.errorHandling.errors}>\n      <ManagementEmployeeListView\n        selectedTab={selectedTab}\n        onTabChange={handleTabChange}\n        employees={employeeList.data.employees}\n        isFetching={employeeList.status.isFetching}\n        pagination={employeeList.pagination}\n        status={employeeList.status}\n        onEdit={handleEdit}\n        onDismiss={handleDismiss}\n        onDelete={async (employeeId: string) => {\n          await employeeList.actions.onDelete(employeeId, {\n            onDelete: (id: string) => {\n              onEvent(componentEvents.EMPLOYEE_DELETED, { employeeId: id })\n            },\n          })\n        }}\n        onRehire={handleRehire}\n        onAddEmployee={handleAddEmployee}\n      />\n    </BaseLayout>\n  )\n}\n\nexport function ManagementEmployeeList({\n  FallbackComponent,\n  ...props\n}: ManagementEmployeeListProps & BaseComponentInterface) {\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.ManagementEmployeeList\"\n      FallbackComponent={FallbackComponent}\n    >\n      <ManagementEmployeeListRoot {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["mapTabToEmployeeType","tab","ManagementEmployeeListRoot","companyId","initialTab","onEvent","dictionary","useI18n","useComponentDictionary","selectedTab","setSelectedTab","useState","employeeType","useMemo","employeeList","useEmployeeList","BaseLayout","handleEdit","employeeId","componentEvents","handleAddEmployee","handleDismiss","handleRehire","handleTabChange","jsx","ManagementEmployeeListView","id","ManagementEmployeeList","FallbackComponent","props","BaseBoundaries"],"mappings":";;;;;;;AAoBA,MAAMA,IAAuB,CAACC,MAAmC;AAC/D,UAAQA,GAAA;AAAA,IACN,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,EAAA;AAEb;AAEA,SAASC,EAA2B;AAAA,EAClC,WAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,SAAAC;AAAA,EACA,YAAAC;AACF,GAAgC;AAC9B,EAAAC,EAAQ,iCAAiC,GACzCC,EAAuB,mCAAmCF,CAAU;AAEpE,QAAM,CAACG,GAAaC,CAAc,IAAIC,EAAsBP,CAAU,GAEhEQ,IAAeC,EAAQ,MAAMb,EAAqBS,CAAW,GAAG,CAACA,CAAW,CAAC,GAE7EK,IAAeC,EAAgB;AAAA,IACnC,WAAAZ;AAAA,IACA,cAAAS;AAAA,EAAA,CACD;AAED,MAAIE,EAAa;AACf,6BAAQE,GAAA,EAAW,WAAS,IAAC,OAAOF,EAAa,cAAc,QAAQ;AAGzE,QAAMG,IAAa,CAACC,MAAuB;AACzC,IAAAb,EAAQc,EAAgB,iBAAiB,EAAE,YAAAD,EAAA,CAAY;AAAA,EACzD,GAEME,IAAoB,MAAM;AAC9B,IAAAf,EAAQc,EAAgB,eAAe;AAAA,EACzC,GAEME,IAAgB,CAACH,MAAuB;AAC5C,IAAAb,EAAQc,EAAgB,kBAAkB,EAAE,YAAAD,EAAA,CAAY;AAAA,EAC1D,GAEMI,IAAe,CAACJ,MAAuB;AAC3C,IAAAb,EAAQc,EAAgB,iBAAiB,EAAE,YAAAD,EAAA,CAAY;AAAA,EACzD,GAEMK,IAAkB,CAACtB,MAAqB;AAC5C,IAAAS,EAAeT,CAAG;AAAA,EACpB;AAEA,SACE,gBAAAuB,EAACR,GAAA,EAAW,OAAOF,EAAa,cAAc,QAC5C,UAAA,gBAAAU;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,aAAAhB;AAAA,MACA,aAAac;AAAA,MACb,WAAWT,EAAa,KAAK;AAAA,MAC7B,YAAYA,EAAa,OAAO;AAAA,MAChC,YAAYA,EAAa;AAAA,MACzB,QAAQA,EAAa;AAAA,MACrB,QAAQG;AAAA,MACR,WAAWI;AAAA,MACX,UAAU,OAAOH,MAAuB;AACtC,cAAMJ,EAAa,QAAQ,SAASI,GAAY;AAAA,UAC9C,UAAU,CAACQ,MAAe;AACxB,YAAArB,EAAQc,EAAgB,kBAAkB,EAAE,YAAYO,GAAI;AAAA,UAC9D;AAAA,QAAA,CACD;AAAA,MACH;AAAA,MACA,UAAUJ;AAAA,MACV,eAAeF;AAAA,IAAA;AAAA,EAAA,GAEnB;AAEJ;AAEO,SAASO,EAAuB;AAAA,EACrC,mBAAAC;AAAA,EACA,GAAGC;AACL,GAAyD;AACvD,SACE,gBAAAL;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAF;AAAA,MAEA,UAAA,gBAAAJ,EAACtB,GAAA,EAA4B,GAAG2B,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAG7C;"}

package/dist/components/Employee/{employee-list → EmployeeList}/management/ManagementEmployeeListView.js

@@ -2,7 +2,6 @@ import { jsx as a, jsxs as d, Fragment as F } from "react/jsx-runtime";
 import { useState as B } from "react";
 import { useTranslation as H } from "react-i18next";
 import { Flex as u } from "../../../Common/Flex/Flex.js";
-import "classnames";
 import { EmptyData as J } from "../../../Common/EmptyData/EmptyData.js";
 import { useComponentContext as O } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { EmployeeOnboardingStatusBadge as _ } from "../../../Common/OnboardingStatusBadge/index.js";
@@ -14,7 +13,7 @@ import q from "../../../../assets/icons/plus-circle.svg.js";
 import { HamburgerMenu as z } from "../../../Common/HamburgerMenu/HamburgerMenu.js";
 import { useDataView as G } from "../../../Common/DataView/useDataView.js";
 import { DataView as K } from "../../../Common/DataView/DataView.js";
-function ct({
+function mt({
   selectedTab: r,
   onTabChange: p,
   employees: b,
@@ -189,6 +188,6 @@ function ct({
   ] });
 }
 export {
-  ct as ManagementEmployeeListView
+  mt as ManagementEmployeeListView
 };
 //# sourceMappingURL=ManagementEmployeeListView.js.map

package/dist/components/Employee/EmployeeList/management/ManagementEmployeeListView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ManagementEmployeeListView.js","sources":["../../../../../src/components/Employee/EmployeeList/management/ManagementEmployeeListView.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { UseEmployeeListResult, EmployeeWithActions } from '../shared/useEmployeeList'\nimport { DataView, EmptyData, useDataView } from '@/components/Common'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { EmployeeOnboardingStatusBadge } from '@/components/Common/OnboardingStatusBadge'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport { formatDateLongWithYear } from '@/helpers/dateFormatting'\nimport PlusCircleIcon from '@/assets/icons/plus-circle.svg?react'\n\ntype EmployeeTab = 'active' | 'onboarding' | 'dismissed'\n\nexport interface ManagementEmployeeListViewProps extends Pick<\n  Extract<UseEmployeeListResult, { isLoading: false }>,\n  'pagination' | 'status'\n> {\n  employees: EmployeeWithActions[]\n  isFetching: boolean\n  selectedTab: EmployeeTab\n  onTabChange: (tab: EmployeeTab) => void\n  onEdit: (employeeId: string) => void\n  onDismiss: (employeeId: string) => void\n  onDelete: (employeeId: string) => Promise<void>\n  onRehire: (employeeId: string) => void\n  onAddEmployee: () => void\n}\n\nexport function ManagementEmployeeListView({\n  selectedTab,\n  onTabChange,\n  employees,\n  isFetching,\n  status,\n  onEdit,\n  onDismiss,\n  onDelete,\n  onRehire,\n  onAddEmployee,\n  pagination,\n}: ManagementEmployeeListViewProps) {\n  const { t } = useTranslation('Employee.ManagementEmployeeList')\n  const Components = useComponentContext()\n  const [employeeToDelete, setEmployeeToDelete] = useState<string | null>(null)\n\n  const {\n    handleNextPage,\n    handleFirstPage,\n    handleLastPage,\n    handlePreviousPage,\n    handleItemsPerPageChange,\n    currentPage,\n    totalPages,\n    totalCount,\n    itemsPerPage,\n  } = pagination\n\n  const tabs = [\n    {\n      id: 'active',\n      label: t('tabs.active'),\n      content: null,\n    },\n    {\n      id: 'onboarding',\n      label: t('tabs.onboarding'),\n      content: null,\n    },\n    {\n      id: 'dismissed',\n      label: t('tabs.dismissed'),\n      content: null,\n    },\n  ]\n\n  const getColumns = () => {\n    const nameColumn = {\n      key: 'name',\n      title: t('nameLabel'),\n      render: (employee: EmployeeWithActions) => {\n        return firstLastName({\n          first_name: employee.firstName,\n          last_name: employee.lastName,\n        })\n      },\n    }\n\n    const jobTitleColumn = {\n      key: 'jobTitle',\n      title: t('jobTitleLabel'),\n      render: (employee: EmployeeWithActions) => {\n        return employee.primaryJob?.title ?? '-'\n      },\n    }\n\n    if (selectedTab === 'active') {\n      return [nameColumn, jobTitleColumn]\n    }\n\n    if (selectedTab === 'onboarding') {\n      return [\n        nameColumn,\n        {\n          key: 'startDate',\n          title: t('startDateLabel'),\n          render: (employee: EmployeeWithActions) => {\n            const formattedDate = formatDateLongWithYear(employee.primaryJob?.hireDate)\n            return formattedDate || '-'\n          },\n        },\n        jobTitleColumn,\n        {\n          key: 'status',\n          title: t('statusLabel'),\n          render: (employee: EmployeeWithActions) => (\n            <EmployeeOnboardingStatusBadge\n              onboarded={employee.onboarded}\n              onboardingStatus={employee.onboardingStatus}\n            />\n          ),\n        },\n      ]\n    }\n\n    return [\n      nameColumn,\n      jobTitleColumn,\n      {\n        key: 'lastDay',\n        title: t('lastDayLabel'),\n        render: (employee: EmployeeWithActions) => {\n          const termination = employee.terminations?.[0]\n          const formattedDate = formatDateLongWithYear(termination?.effectiveDate)\n          return formattedDate || '-'\n        },\n      },\n    ]\n  }\n\n  const { ...dataViewProps } = useDataView({\n    data: employees,\n    columns: getColumns(),\n    itemMenu: employee => {\n      const menuItems = []\n\n      if (employee.allowedActions.includes('edit')) {\n        menuItems.push({\n          label: t('editCta'),\n          onClick: () => {\n            onEdit(employee.uuid)\n          },\n          icon: <PencilSvg aria-hidden />,\n        })\n      }\n\n      if (employee.allowedActions.includes('dismiss')) {\n        menuItems.push({\n          label: t('dismissCta'),\n          onClick: () => {\n            onDismiss(employee.uuid)\n          },\n          icon: <TrashCanSvg aria-hidden />,\n        })\n      }\n\n      if (employee.allowedActions.includes('delete')) {\n        menuItems.push({\n          label: t('cancelCta'),\n          onClick: () => {\n            setEmployeeToDelete(employee.uuid)\n          },\n          icon: <PencilSvg aria-hidden />,\n        })\n      }\n\n      if (employee.allowedActions.includes('rehire')) {\n        menuItems.push({\n          label: t('rehireCta'),\n          onClick: () => {\n            onRehire(employee.uuid)\n          },\n          icon: <PencilSvg aria-hidden />,\n        })\n      }\n\n      return <HamburgerMenu items={menuItems} triggerLabel={t('hamburgerTitle')} />\n    },\n    isFetching,\n    pagination: {\n      handleNextPage,\n      handleFirstPage,\n      handleLastPage,\n      handlePreviousPage,\n      handleItemsPerPageChange,\n      currentPage,\n      totalPages,\n      totalCount,\n      itemsPerPage,\n    },\n    emptyState: () => {\n      let title = ''\n      let description = ''\n\n      if (selectedTab === 'active') {\n        title = t('emptyState.active.title')\n        description = t('emptyState.active.description')\n      } else if (selectedTab === 'onboarding') {\n        title = t('emptyState.onboarding.title')\n        description = t('emptyState.onboarding.description')\n      } else {\n        title = t('emptyState.dismissed.title')\n        description = t('emptyState.dismissed.description')\n      }\n\n      return <EmptyData title={title} description={description} />\n    },\n  })\n\n  return (\n    <>\n      <Flex flexDirection=\"column\" gap={32}>\n        <Flex justifyContent=\"space-between\" alignItems=\"center\">\n          <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n          <Components.Button variant=\"secondary\" onClick={onAddEmployee} icon={<PlusCircleIcon />}>\n            {t('addEmployeeCta')}\n          </Components.Button>\n        </Flex>\n\n        <Components.Tabs\n          tabs={tabs}\n          selectedId={selectedTab}\n          onSelectionChange={id => {\n            onTabChange(id as EmployeeTab)\n          }}\n          aria-label={t('tabsLabel')}\n        />\n\n        <DataView label={t('employeeListLabel')} {...dataViewProps} />\n      </Flex>\n\n      <Components.Dialog\n        isOpen={!!employeeToDelete}\n        onClose={() => {\n          setEmployeeToDelete(null)\n        }}\n        onPrimaryActionClick={async () => {\n          if (employeeToDelete) {\n            try {\n              await onDelete(employeeToDelete)\n              setEmployeeToDelete(null)\n            } catch {\n              // Keep dialog open on error\n            }\n          }\n        }}\n        isPrimaryActionLoading={status.isPending}\n        isDestructive\n        title={t('deleteDialog.title')}\n        primaryActionLabel={t('deleteDialog.confirmCta')}\n        closeActionLabel={t('deleteDialog.cancelCta')}\n      >\n        {t('deleteDialog.description')}\n      </Components.Dialog>\n    </>\n  )\n}\n"],"names":["ManagementEmployeeListView","selectedTab","onTabChange","employees","isFetching","status","onEdit","onDismiss","onDelete","onRehire","onAddEmployee","pagination","useTranslation","Components","useComponentContext","employeeToDelete","setEmployeeToDelete","useState","handleNextPage","handleFirstPage","handleLastPage","handlePreviousPage","handleItemsPerPageChange","currentPage","totalPages","totalCount","itemsPerPage","tabs","getColumns","nameColumn","employee","firstLastName","jobTitleColumn","formatDateLongWithYear","jsx","EmployeeOnboardingStatusBadge","termination","dataViewProps","useDataView","menuItems","PencilSvg","TrashCanSvg","HamburgerMenu","title","description","EmptyData","jsxs","Fragment","Flex","PlusCircleIcon","id","DataView"],"mappings":"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"}

package/dist/components/Employee/EmployeeList/onboarding/EmployeeList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmployeeList.js","sources":["../../../../../src/components/Employee/EmployeeList/onboarding/EmployeeList.tsx"],"sourcesContent":["import type { OnboardingStatus } from '@gusto/embedded-api/models/operations/putv1employeesemployeeidonboardingstatus'\nimport { useEmployeeList } from '../shared/useEmployeeList'\nimport { EmployeeListView } from './EmployeeListView'\nimport { BaseBoundaries, BaseLayout, type BaseComponentInterface } from '@/components/Base/Base'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\ninterface EmployeeListProps extends BaseComponentInterface<'Employee.EmployeeList'> {\n  companyId: string\n}\n\nfunction EmployeeListRoot({ companyId, onEvent, dictionary }: EmployeeListProps) {\n  useI18n('Employee.EmployeeList')\n  useComponentDictionary('Employee.EmployeeList', dictionary)\n\n  const employeeList = useEmployeeList({\n    companyId,\n  })\n\n  if (employeeList.isLoading) {\n    return <BaseLayout isLoading error={employeeList.errorHandling.errors} />\n  }\n\n  const handleEdit = (employeeId: string, onboardingStatus?: OnboardingStatus) => {\n    onEvent(componentEvents.EMPLOYEE_UPDATE, { employeeId, onboardingStatus })\n  }\n\n  const handleAddEmployee = () => {\n    onEvent(componentEvents.EMPLOYEE_CREATE)\n  }\n\n  const handleSkip = () => {\n    onEvent(componentEvents.EMPLOYEE_ONBOARDING_DONE)\n  }\n\n  return (\n    <BaseLayout error={employeeList.errorHandling.errors}>\n      <EmployeeListView\n        employees={employeeList.data.employees}\n        isFetching={employeeList.status.isFetching}\n        pagination={employeeList.pagination}\n        status={employeeList.status}\n        onEdit={handleEdit}\n        onDelete={async (employeeId: string) => {\n          await employeeList.actions.onDelete(employeeId)\n          onEvent(componentEvents.EMPLOYEE_DELETED, { employeeId })\n        }}\n        onCancelSelfOnboarding={async (employeeId: string) => {\n          const result = await employeeList.actions.onCancelSelfOnboarding(employeeId)\n          onEvent(componentEvents.EMPLOYEE_ONBOARDING_STATUS_UPDATED, result)\n        }}\n        onReview={async (employeeId: string) => {\n          const result = await employeeList.actions.onReview(employeeId)\n          onEvent(componentEvents.EMPLOYEE_UPDATE, result)\n        }}\n        onAddEmployee={handleAddEmployee}\n        onSkip={handleSkip}\n      />\n    </BaseLayout>\n  )\n}\n\nexport function EmployeeList({\n  FallbackComponent,\n  ...props\n}: EmployeeListProps & BaseComponentInterface) {\n  return (\n    <BaseBoundaries componentName=\"Employee.EmployeeList\" FallbackComponent={FallbackComponent}>\n      <EmployeeListRoot {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["EmployeeListRoot","companyId","onEvent","dictionary","useI18n","useComponentDictionary","employeeList","useEmployeeList","BaseLayout","handleEdit","employeeId","onboardingStatus","componentEvents","handleAddEmployee","handleSkip","jsx","EmployeeListView","result","EmployeeList","FallbackComponent","props","BaseBoundaries"],"mappings":";;;;;;AAWA,SAASA,EAAiB,EAAE,WAAAC,GAAW,SAAAC,GAAS,YAAAC,KAAiC;AAC/E,EAAAC,EAAQ,uBAAuB,GAC/BC,EAAuB,yBAAyBF,CAAU;AAE1D,QAAMG,IAAeC,EAAgB;AAAA,IACnC,WAAAN;AAAA,EAAA,CACD;AAED,MAAIK,EAAa;AACf,6BAAQE,GAAA,EAAW,WAAS,IAAC,OAAOF,EAAa,cAAc,QAAQ;AAGzE,QAAMG,IAAa,CAACC,GAAoBC,MAAwC;AAC9E,IAAAT,EAAQU,EAAgB,iBAAiB,EAAE,YAAAF,GAAY,kBAAAC,GAAkB;AAAA,EAC3E,GAEME,IAAoB,MAAM;AAC9B,IAAAX,EAAQU,EAAgB,eAAe;AAAA,EACzC,GAEME,IAAa,MAAM;AACvB,IAAAZ,EAAQU,EAAgB,wBAAwB;AAAA,EAClD;AAEA,SACE,gBAAAG,EAACP,GAAA,EAAW,OAAOF,EAAa,cAAc,QAC5C,UAAA,gBAAAS;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWV,EAAa,KAAK;AAAA,MAC7B,YAAYA,EAAa,OAAO;AAAA,MAChC,YAAYA,EAAa;AAAA,MACzB,QAAQA,EAAa;AAAA,MACrB,QAAQG;AAAA,MACR,UAAU,OAAOC,MAAuB;AACtC,cAAMJ,EAAa,QAAQ,SAASI,CAAU,GAC9CR,EAAQU,EAAgB,kBAAkB,EAAE,YAAAF,EAAA,CAAY;AAAA,MAC1D;AAAA,MACA,wBAAwB,OAAOA,MAAuB;AACpD,cAAMO,IAAS,MAAMX,EAAa,QAAQ,uBAAuBI,CAAU;AAC3E,QAAAR,EAAQU,EAAgB,oCAAoCK,CAAM;AAAA,MACpE;AAAA,MACA,UAAU,OAAOP,MAAuB;AACtC,cAAMO,IAAS,MAAMX,EAAa,QAAQ,SAASI,CAAU;AAC7D,QAAAR,EAAQU,EAAgB,iBAAiBK,CAAM;AAAA,MACjD;AAAA,MACA,eAAeJ;AAAA,MACf,QAAQC;AAAA,IAAA;AAAA,EAAA,GAEZ;AAEJ;AAEO,SAASI,EAAa;AAAA,EAC3B,mBAAAC;AAAA,EACA,GAAGC;AACL,GAA+C;AAC7C,SACE,gBAAAL,EAACM,KAAe,eAAc,yBAAwB,mBAAAF,GACpD,UAAA,gBAAAJ,EAACf,GAAA,EAAkB,GAAGoB,EAAA,CAAO,EAAA,CAC/B;AAEJ;"}

package/dist/components/Employee/{employee-list → EmployeeList}/onboarding/EmployeeListView.js

@@ -1,20 +1,19 @@
-import { jsx as i, jsxs as o, Fragment as L } from "react/jsx-runtime";
+import { jsx as e, jsxs as o, Fragment as L } from "react/jsx-runtime";
 import { useState as k } from "react";
 import { useTranslation as A } from "react-i18next";
 import { Flex as m } from "../../../Common/Flex/Flex.js";
-import "classnames";
 import { EmptyData as S } from "../../../Common/EmptyData/EmptyData.js";
-import { ActionsLayout as p } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { ActionsLayout as f } from "../../../Common/ActionsLayout/ActionsLayout.js";
 import { useComponentContext as T } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { EmployeeOnboardingStatusBadge as x } from "../../../Common/OnboardingStatusBadge/index.js";
 import s from "../../../../assets/icons/pencil.svg.js";
 import E from "../../../../assets/icons/trashcan.svg.js";
 import { firstLastName as P } from "../../../../helpers/formattedStrings.js";
-import f from "../../../../assets/icons/plus-circle.svg.js";
+import p from "../../../../assets/icons/plus-circle.svg.js";
 import { HamburgerMenu as B } from "../../../Common/HamburgerMenu/HamburgerMenu.js";
 import { useDataView as j } from "../../../Common/DataView/useDataView.js";
 import { DataView as V } from "../../../Common/DataView/DataView.js";
-function X({
+function W({
   employees: r,
   isFetching: g,
   pagination: h,
@@ -32,76 +31,76 @@ function X({
       {
         key: "name",
         title: t("nameLabel"),
-        render: (e) => P({
-          first_name: e.firstName,
-          last_name: e.lastName
+        render: (i) => P({
+          first_name: i.firstName,
+          last_name: i.lastName
         })
       },
       {
         key: "status",
         title: t("statusLabel"),
-        render: (e) => /* @__PURE__ */ i(
+        render: (i) => /* @__PURE__ */ e(
           x,
           {
-            onboarded: e.onboarded,
-            onboardingStatus: e.onboardingStatus
+            onboarded: i.onboarded,
+            onboardingStatus: i.onboardingStatus
           }
         )
       }
     ],
-    itemMenu: (e) => {
+    itemMenu: (i) => {
       const a = [];
-      return e.allowedActions.includes("edit") && a.push({
+      return i.allowedActions.includes("edit") && a.push({
         label: t("editCta"),
         onClick: () => {
-          b(e.uuid, e.onboardingStatus ?? void 0);
+          b(i.uuid, i.onboardingStatus ?? void 0);
         },
-        icon: /* @__PURE__ */ i(s, { "aria-hidden": !0 })
-      }), e.allowedActions.includes("cancel_self_onboarding") && a.push({
+        icon: /* @__PURE__ */ e(s, { "aria-hidden": !0 })
+      }), i.allowedActions.includes("cancel_self_onboarding") && a.push({
         label: t("cancelSelfOnboardingCta"),
         onClick: () => {
-          v(e.uuid);
+          v(i.uuid);
         },
-        icon: /* @__PURE__ */ i(s, { "aria-hidden": !0 })
-      }), e.allowedActions.includes("review") && a.push({
+        icon: /* @__PURE__ */ e(s, { "aria-hidden": !0 })
+      }), i.allowedActions.includes("review") && a.push({
         label: t("reviewCta"),
         onClick: () => {
-          w(e.uuid);
+          w(i.uuid);
         },
-        icon: /* @__PURE__ */ i(s, { "aria-hidden": !0 })
-      }), e.allowedActions.includes("delete") && a.push({
+        icon: /* @__PURE__ */ e(s, { "aria-hidden": !0 })
+      }), i.allowedActions.includes("delete") && a.push({
         label: t("deleteCta"),
         onClick: () => {
-          c(e.uuid);
+          c(i.uuid);
         },
-        icon: /* @__PURE__ */ i(E, { "aria-hidden": !0 })
-      }), /* @__PURE__ */ i(B, { items: a, triggerLabel: t("hamburgerTitle") });
+        icon: /* @__PURE__ */ e(E, { "aria-hidden": !0 })
+      }), /* @__PURE__ */ e(B, { items: a, triggerLabel: t("hamburgerTitle") });
     },
     isFetching: g,
     pagination: h,
-    emptyState: () => /* @__PURE__ */ i(S, { title: t("emptyTableTitle"), description: t("emptyTableDescription"), children: /* @__PURE__ */ o(p, { justifyContent: "center", children: [
-      /* @__PURE__ */ i(n.Button, { variant: "secondary", onClick: u, children: t("skipCta") }),
-      /* @__PURE__ */ i(n.Button, { variant: "primary", onClick: d, icon: /* @__PURE__ */ i(f, {}), children: t("addEmployeeCta") })
+    emptyState: () => /* @__PURE__ */ e(S, { title: t("emptyTableTitle"), description: t("emptyTableDescription"), children: /* @__PURE__ */ o(f, { justifyContent: "center", children: [
+      /* @__PURE__ */ e(n.Button, { variant: "secondary", onClick: u, children: t("skipCta") }),
+      /* @__PURE__ */ e(n.Button, { variant: "primary", onClick: d, icon: /* @__PURE__ */ e(p, {}), children: t("addEmployeeCta") })
     ] }) })
   });
   return /* @__PURE__ */ o(L, { children: [
     /* @__PURE__ */ o(m, { flexDirection: "column", gap: 24, children: [
       /* @__PURE__ */ o(m, { justifyContent: "space-between", alignItems: "center", children: [
-        /* @__PURE__ */ i(n.Heading, { as: "h2", children: t("title") }),
-        r.length > 0 && /* @__PURE__ */ i(
+        /* @__PURE__ */ e(n.Heading, { as: "h2", children: t("title") }),
+        r.length > 0 && /* @__PURE__ */ e(
           n.Button,
           {
             variant: "secondary",
             onClick: d,
-            icon: /* @__PURE__ */ i(f, {}),
+            icon: /* @__PURE__ */ e(p, {}),
             children: t("addAnotherCta")
           }
         )
       ] }),
-      /* @__PURE__ */ i(V, { label: t("employeeListLabel"), ...y }),
-      r.length > 0 && /* @__PURE__ */ i(p, { children: /* @__PURE__ */ i(n.Button, { onClick: u, children: t("continueCta") }) })
+      /* @__PURE__ */ e(V, { label: t("employeeListLabel"), ...y }),
+      r.length > 0 && /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(n.Button, { onClick: u, children: t("continueCta") }) })
     ] }),
-    /* @__PURE__ */ i(
+    /* @__PURE__ */ e(
       n.Dialog,
       {
         isOpen: !!l,
@@ -126,6 +125,6 @@ function X({
   ] });
 }
 export {
-  X as EmployeeListView
+  W as EmployeeListView
 };
 //# sourceMappingURL=EmployeeListView.js.map

package/dist/components/Employee/EmployeeList/onboarding/EmployeeListView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmployeeListView.js","sources":["../../../../../src/components/Employee/EmployeeList/onboarding/EmployeeListView.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { OnboardingStatus } from '@gusto/embedded-api/models/operations/putv1employeesemployeeidonboardingstatus'\nimport type { UseEmployeeListResult, EmployeeWithActions } from '../shared/useEmployeeList'\nimport { DataView, EmptyData, ActionsLayout, useDataView, Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { EmployeeOnboardingStatusBadge } from '@/components/Common/OnboardingStatusBadge'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport PlusCircleIcon from '@/assets/icons/plus-circle.svg?react'\n\nexport interface EmployeeListViewProps extends Pick<\n  Extract<UseEmployeeListResult, { isLoading: false }>,\n  'pagination' | 'status'\n> {\n  employees: EmployeeWithActions[]\n  isFetching: boolean\n  onEdit: (employeeId: string, onboardingStatus?: OnboardingStatus) => void\n  onDelete: (employeeId: string) => Promise<void>\n  onCancelSelfOnboarding: (employeeId: string) => Promise<void>\n  onReview: (employeeId: string) => Promise<void>\n  onAddEmployee: () => void\n  onSkip: () => void\n}\n\nexport function EmployeeListView({\n  employees,\n  isFetching,\n  pagination,\n  status,\n  onEdit,\n  onDelete,\n  onCancelSelfOnboarding,\n  onReview,\n  onAddEmployee,\n  onSkip,\n}: EmployeeListViewProps) {\n  const { t } = useTranslation('Employee.EmployeeList')\n  const Components = useComponentContext()\n  const [employeeToDelete, setEmployeeToDelete] = useState<string | null>(null)\n\n  const { ...dataViewProps } = useDataView({\n    data: employees,\n    columns: [\n      {\n        key: 'name',\n        title: t('nameLabel'),\n        render: (employee: EmployeeWithActions) => {\n          return firstLastName({\n            first_name: employee.firstName,\n            last_name: employee.lastName,\n          })\n        },\n      },\n      {\n        key: 'status',\n        title: t('statusLabel'),\n        render: (employee: EmployeeWithActions) => (\n          <EmployeeOnboardingStatusBadge\n            onboarded={employee.onboarded}\n            onboardingStatus={employee.onboardingStatus}\n          />\n        ),\n      },\n    ],\n    itemMenu: employee => {\n      const menuItems = []\n\n      if (employee.allowedActions.includes('edit')) {\n        menuItems.push({\n          label: t('editCta'),\n          onClick: () => {\n            onEdit(employee.uuid, employee.onboardingStatus ?? undefined)\n          },\n          icon: <PencilSvg aria-hidden />,\n        })\n      }\n\n      if (employee.allowedActions.includes('cancel_self_onboarding')) {\n        menuItems.push({\n          label: t('cancelSelfOnboardingCta'),\n          onClick: () => {\n            void onCancelSelfOnboarding(employee.uuid)\n          },\n          icon: <PencilSvg aria-hidden />,\n        })\n      }\n\n      if (employee.allowedActions.includes('review')) {\n        menuItems.push({\n          label: t('reviewCta'),\n          onClick: () => {\n            void onReview(employee.uuid)\n          },\n          icon: <PencilSvg aria-hidden />,\n        })\n      }\n\n      if (employee.allowedActions.includes('delete')) {\n        menuItems.push({\n          label: t('deleteCta'),\n          onClick: () => {\n            setEmployeeToDelete(employee.uuid)\n          },\n          icon: <TrashCanSvg aria-hidden />,\n        })\n      }\n\n      return <HamburgerMenu items={menuItems} triggerLabel={t('hamburgerTitle')} />\n    },\n    isFetching,\n    pagination,\n    emptyState: () => (\n      <EmptyData title={t('emptyTableTitle')} description={t('emptyTableDescription')}>\n        <ActionsLayout justifyContent=\"center\">\n          <Components.Button variant=\"secondary\" onClick={onSkip}>\n            {t('skipCta')}\n          </Components.Button>\n          <Components.Button variant=\"primary\" onClick={onAddEmployee} icon={<PlusCircleIcon />}>\n            {t('addEmployeeCta')}\n          </Components.Button>\n        </ActionsLayout>\n      </EmptyData>\n    ),\n  })\n\n  return (\n    <>\n      <Flex flexDirection=\"column\" gap={24}>\n        <Flex justifyContent=\"space-between\" alignItems=\"center\">\n          <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n\n          {employees.length > 0 && (\n            <Components.Button\n              variant=\"secondary\"\n              onClick={onAddEmployee}\n              icon={<PlusCircleIcon />}\n            >\n              {t('addAnotherCta')}\n            </Components.Button>\n          )}\n        </Flex>\n\n        <DataView label={t('employeeListLabel')} {...dataViewProps} />\n\n        {employees.length > 0 && (\n          <ActionsLayout>\n            <Components.Button onClick={onSkip}>{t('continueCta')}</Components.Button>\n          </ActionsLayout>\n        )}\n      </Flex>\n\n      <Components.Dialog\n        isOpen={!!employeeToDelete}\n        onClose={() => {\n          setEmployeeToDelete(null)\n        }}\n        onPrimaryActionClick={async () => {\n          if (employeeToDelete) {\n            try {\n              await onDelete(employeeToDelete)\n              setEmployeeToDelete(null)\n            } catch {\n              // Keep dialog open on error\n            }\n          }\n        }}\n        isPrimaryActionLoading={status.isPending}\n        isDestructive\n        title={t('deleteDialog.title')}\n        primaryActionLabel={t('deleteDialog.confirmCta')}\n        closeActionLabel={t('deleteDialog.cancelCta')}\n      >\n        {t('deleteDialog.description')}\n      </Components.Dialog>\n    </>\n  )\n}\n"],"names":["EmployeeListView","employees","isFetching","pagination","status","onEdit","onDelete","onCancelSelfOnboarding","onReview","onAddEmployee","onSkip","useTranslation","Components","useComponentContext","employeeToDelete","setEmployeeToDelete","useState","dataViewProps","useDataView","employee","firstLastName","jsx","EmployeeOnboardingStatusBadge","menuItems","PencilSvg","TrashCanSvg","HamburgerMenu","EmptyData","jsxs","ActionsLayout","PlusCircleIcon","Fragment","Flex","DataView"],"mappings":"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"}

package/dist/components/Employee/EmployeeList/shared/useEmployeeList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEmployeeList.js","sources":["../../../../../src/components/Employee/EmployeeList/shared/useEmployeeList.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useEmployeesList } from '@gusto/embedded-api/react-query/employeesList'\nimport type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type { Job } from '@gusto/embedded-api/models/components/job'\nimport { useEmployeesDeleteMutation } from '@gusto/embedded-api/react-query/employeesDelete'\nimport { useEmployeesUpdateOnboardingStatusMutation } from '@gusto/embedded-api/react-query/employeesUpdateOnboardingStatus'\nimport { keepPreviousData } from '@tanstack/react-query'\nimport { usePagination } from '@/hooks/usePagination/usePagination'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\nimport { useBaseSubmit } from '@/components/Base/useBaseSubmit'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport { EmployeeOnboardingStatus, EmployeeSelfOnboardingStatuses } from '@/shared/constants'\nimport type { HookLoadingResult, HookSubmitResult, BaseHookReady } from '@/partner-hook-utils/types'\n\nexport type EmployeeAction =\n  | 'edit'\n  | 'delete'\n  | 'cancel_self_onboarding'\n  | 'review'\n  | 'dismiss'\n  | 'rehire'\n\nexport interface EmployeeWithActions extends Employee {\n  allowedActions: EmployeeAction[]\n  primaryJob?: Job\n}\n\nexport interface EmployeeActionCallbacks {\n  onDelete?: (employeeId: string) => void\n  onReview?: (employeeId: string) => void\n  onCancelSelfOnboarding?: (employeeId: string) => void\n}\n\nexport type EmployeeType = 'active' | 'onboarding' | 'terminated'\n\nexport interface UseEmployeeListProps {\n  companyId: string\n  employeeType?: EmployeeType\n}\n\ninterface UseEmployeeListReady extends BaseHookReady<\n  { employees: EmployeeWithActions[] },\n  { isFetching: boolean; isPending: boolean }\n> {\n  pagination: PaginationControlProps\n  actions: {\n    onDelete: (\n      employeeId: string,\n      callbacks?: EmployeeActionCallbacks,\n    ) => Promise<HookSubmitResult<void> | undefined>\n    onReview: (\n      employeeId: string,\n      callbacks?: EmployeeActionCallbacks,\n    ) => Promise<HookSubmitResult<string> | undefined>\n    onCancelSelfOnboarding: (\n      employeeId: string,\n      callbacks?: EmployeeActionCallbacks,\n    ) => Promise<HookSubmitResult<string> | undefined>\n  }\n}\n\nexport type UseEmployeeListResult = HookLoadingResult | UseEmployeeListReady\n\nfunction deriveAllowedActions(employee: Employee, employeeType?: EmployeeType): EmployeeAction[] {\n  const actions: EmployeeAction[] = []\n\n  // Edit action - available for certain onboarding statuses, but not for terminated employees\n  if (\n    employeeType !== 'terminated' &&\n    (employee.onboardingStatus === EmployeeOnboardingStatus.ADMIN_ONBOARDING_INCOMPLETE ||\n      employee.onboardingStatus === EmployeeOnboardingStatus.SELF_ONBOARDING_PENDING_INVITE ||\n      employee.onboardingStatus ===\n        EmployeeOnboardingStatus.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW ||\n      employee.onboardingStatus === EmployeeOnboardingStatus.ONBOARDING_COMPLETED)\n  ) {\n    actions.push('edit')\n  }\n\n  // Cancel self onboarding - available for employees in self-onboarding flow\n  if (\n    employee.onboardingStatus &&\n    // @ts-expect-error: onboardingStatus during runtime can be one of self onboarding statuses\n    EmployeeSelfOnboardingStatuses.has(employee.onboardingStatus)\n  ) {\n    actions.push('cancel_self_onboarding')\n  }\n\n  // Review action - available when employee completed self-onboarding\n  if (\n    employee.onboardingStatus === EmployeeOnboardingStatus.SELF_ONBOARDING_COMPLETED_BY_EMPLOYEE\n  ) {\n    actions.push('review')\n  }\n\n  // Delete action - available for non-onboarded employees\n  if (!employee.onboarded) {\n    actions.push('delete')\n  }\n\n  // Tab-specific actions for ManagementEmployeeList\n  if (employeeType === 'active') {\n    actions.push('dismiss')\n  }\n\n  if (employeeType === 'terminated') {\n    actions.push('rehire')\n  }\n\n  return actions\n}\n\nexport function useEmployeeList({\n  companyId,\n  employeeType,\n}: UseEmployeeListProps): UseEmployeeListResult {\n  const { currentPage, itemsPerPage, getPaginationProps } = usePagination()\n\n  const queryParams = useMemo(() => {\n    const baseParams = {\n      companyId,\n      page: currentPage,\n      per: itemsPerPage,\n    }\n\n    switch (employeeType) {\n      case 'active':\n        return { ...baseParams, onboardedActive: true }\n      case 'onboarding':\n        return { ...baseParams, onboarded: false }\n      case 'terminated':\n        return { ...baseParams, terminated: true }\n      default:\n        return baseParams\n    }\n  }, [companyId, currentPage, itemsPerPage, employeeType])\n\n  const employeesQuery = useEmployeesList(queryParams, { placeholderData: keepPreviousData })\n\n  const deleteEmployeeMutation = useEmployeesDeleteMutation()\n  const updateOnboardingStatusMutation = useEmployeesUpdateOnboardingStatusMutation()\n\n  const {\n    baseSubmitHandler,\n    error: submitError,\n    setError: setSubmitError,\n  } = useBaseSubmit('EmployeeList')\n\n  const errorHandling = composeErrorHandler([employeesQuery], { submitError, setSubmitError })\n\n  const isPending = deleteEmployeeMutation.isPending || updateOnboardingStatusMutation.isPending\n\n  const { data, isFetching } = employeesQuery\n\n  const employees = useMemo<EmployeeWithActions[]>(() => {\n    return (data?.showEmployees ?? []).map(employee => {\n      const primaryJob = employee.jobs?.find(job => job.primary === true)\n\n      return {\n        ...employee,\n        allowedActions: deriveAllowedActions(employee, employeeType),\n        primaryJob,\n      }\n    })\n  }, [data?.showEmployees, employeeType])\n\n  const paginationProps = data?.httpMeta.response.headers\n    ? getPaginationProps(data.httpMeta.response.headers, isFetching)\n    : {\n        handleNextPage: () => {},\n        handleFirstPage: () => {},\n        handleLastPage: () => {},\n        handlePreviousPage: () => {},\n        handleItemsPerPageChange: () => {},\n        currentPage: 1,\n        totalPages: 1,\n        totalCount: 0,\n        itemsPerPage: 5 as const,\n      }\n\n  const onDelete = async (\n    employeeId: string,\n    callbacks?: EmployeeActionCallbacks,\n  ): Promise<HookSubmitResult<void> | undefined> => {\n    let submitResult: HookSubmitResult<void> | undefined\n\n    await baseSubmitHandler(employeeId, async id => {\n      await deleteEmployeeMutation.mutateAsync({\n        request: { employeeId: id },\n      })\n      callbacks?.onDelete?.(id)\n\n      submitResult = {\n        mode: 'update',\n        data: undefined,\n      }\n    })\n\n    return submitResult\n  }\n\n  const onReview = async (\n    employeeId: string,\n    callbacks?: EmployeeActionCallbacks,\n  ): Promise<HookSubmitResult<string> | undefined> => {\n    let submitResult: HookSubmitResult<string> | undefined\n\n    await baseSubmitHandler(employeeId, async id => {\n      const result = await updateOnboardingStatusMutation.mutateAsync({\n        request: {\n          employeeId: id,\n          requestBody: {\n            onboardingStatus: EmployeeOnboardingStatus.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW,\n          },\n        },\n      })\n      callbacks?.onReview?.(id)\n\n      submitResult = {\n        mode: 'update',\n        data: result.employeeOnboardingStatus?.onboardingStatus ?? '',\n      }\n    })\n\n    return submitResult\n  }\n\n  const onCancelSelfOnboarding = async (\n    employeeId: string,\n    callbacks?: EmployeeActionCallbacks,\n  ): Promise<HookSubmitResult<string> | undefined> => {\n    let submitResult: HookSubmitResult<string> | undefined\n\n    await baseSubmitHandler(employeeId, async id => {\n      const result = await updateOnboardingStatusMutation.mutateAsync({\n        request: {\n          employeeId: id,\n          requestBody: {\n            onboardingStatus: EmployeeOnboardingStatus.ADMIN_ONBOARDING_INCOMPLETE,\n          },\n        },\n      })\n      callbacks?.onCancelSelfOnboarding?.(id)\n\n      submitResult = {\n        mode: 'update',\n        data: result.employeeOnboardingStatus?.onboardingStatus ?? '',\n      }\n    })\n\n    return submitResult\n  }\n\n  const isLoading = !data && isFetching\n\n  if (isLoading) {\n    return {\n      isLoading: true,\n      errorHandling,\n    }\n  }\n\n  return {\n    isLoading: false,\n    data: {\n      employees,\n    },\n    pagination: paginationProps,\n    status: { isFetching, isPending },\n    actions: { onDelete, onReview, onCancelSelfOnboarding },\n    errorHandling,\n  }\n}\n"],"names":["deriveAllowedActions","employee","employeeType","actions","EmployeeOnboardingStatus","EmployeeSelfOnboardingStatuses","useEmployeeList","companyId","currentPage","itemsPerPage","getPaginationProps","usePagination","queryParams","useMemo","baseParams","employeesQuery","useEmployeesList","keepPreviousData","deleteEmployeeMutation","useEmployeesDeleteMutation","updateOnboardingStatusMutation","useEmployeesUpdateOnboardingStatusMutation","baseSubmitHandler","submitError","setSubmitError","useBaseSubmit","errorHandling","composeErrorHandler","isPending","data","isFetching","employees","primaryJob","job","paginationProps","onDelete","employeeId","callbacks","submitResult","id","onReview","result","onCancelSelfOnboarding"],"mappings":"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"}

package/dist/components/Employee/FederalTaxes/Actions.js

@@ -1,15 +1,13 @@
 import { jsx as o } from "react/jsx-runtime";
 import { useTranslation as r } from "react-i18next";
 import { useFederalTaxes as i } from "./useFederalTaxes.js";
-import "../../../shared/constants.js";
-import "classnames";
-import { ActionsLayout as m } from "../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as s } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-function x() {
-  const { t } = r("Employee.FederalTaxes"), { isPending: n } = i(), e = s();
-  return /* @__PURE__ */ o(m, { children: /* @__PURE__ */ o(e.Button, { type: "submit", isLoading: n, children: t("submitCta") }) });
+import { ActionsLayout as s } from "../../Common/ActionsLayout/ActionsLayout.js";
+import { useComponentContext as m } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+function f() {
+  const { t } = r("Employee.FederalTaxes"), { isPending: n } = i(), e = m();
+  return /* @__PURE__ */ o(s, { children: /* @__PURE__ */ o(e.Button, { type: "submit", isLoading: n, children: t("submitCta") }) });
 }
 export {
-  x as Actions
+  f as Actions
 };
 //# sourceMappingURL=Actions.js.map

package/dist/components/Employee/FederalTaxes/Actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"Actions.js","sources":["../../../../src/components/Employee/FederalTaxes/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useFederalTaxes } from './useFederalTaxes'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function Actions() {\n  const { t } = useTranslation('Employee.FederalTaxes')\n  const { isPending } = useFederalTaxes()\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      <Components.Button type=\"submit\" isLoading={isPending}>\n        {t('submitCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","useTranslation","isPending","useFederalTaxes","Components","useComponentContext","jsx","ActionsLayout"],"mappings":";;;;;;;AAKO,SAASA,IAAU;AACxB,QAAM,EAAE,EAAA,IAAMC,EAAe,uBAAuB,GAC9C,EAAE,WAAAC,EAAA,IAAcC,EAAA,GAChBC,IAAaC,EAAA;AAEnB,SACE,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACF,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWF,GACzC,UAAA,EAAE,WAAW,GAChB,GACF;AAEJ;"}
+{"version":3,"file":"Actions.js","sources":["../../../../src/components/Employee/FederalTaxes/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useFederalTaxes } from './useFederalTaxes'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function Actions() {\n  const { t } = useTranslation('Employee.FederalTaxes')\n  const { isPending } = useFederalTaxes()\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      <Components.Button type=\"submit\" isLoading={isPending}>\n        {t('submitCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","useTranslation","isPending","useFederalTaxes","Components","useComponentContext","jsx","ActionsLayout"],"mappings":";;;;;AAKO,SAASA,IAAU;AACxB,QAAM,EAAE,EAAA,IAAMC,EAAe,uBAAuB,GAC9C,EAAE,WAAAC,EAAA,IAAcC,EAAA,GAChBC,IAAaC,EAAA;AAEnB,SACE,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACF,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWF,GACzC,UAAA,EAAE,WAAW,GAChB,GACF;AAEJ;"}

package/dist/components/Employee/FederalTaxes/FederalForm.js

@@ -1,8 +1,6 @@
 import { jsxs as l, Fragment as a, jsx as r } from "react/jsx-runtime";
 import { useTranslation as s, Trans as m } from "react-i18next";
 import { z as i } from "zod";
-import "../../../shared/constants.js";
-import "classnames";
 import { useComponentContext as u } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { SelectField as d } from "../../Common/Fields/SelectField/SelectField.js";
 import { RadioGroupField as c } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
@@ -14,8 +12,8 @@ const f = i.object({
   otherIncome: i.number().transform(String),
   deductions: i.number().transform(String),
   extraWithholding: i.number().transform(String)
-}), I = f;
-function v() {
+}), x = f;
+function q() {
   const { t: e } = s("Employee.FederalTaxes"), o = u(), n = [
     { value: "Single", label: e("filingStatusSingle") },
     { value: "Married", label: e("filingStatusMarried") },
@@ -105,7 +103,7 @@ function v() {
   ] });
 }
 export {
-  v as FederalForm,
-  I as FederalFormSchema
+  q as FederalForm,
+  x as FederalFormSchema
 };
 //# sourceMappingURL=FederalForm.js.map

package/dist/components/Employee/FederalTaxes/FederalForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"FederalForm.js","sources":["../../../../src/components/Employee/FederalTaxes/FederalForm.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport { z } from 'zod'\nimport { SelectField, RadioGroupField, NumberInputField } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nconst Rev2020Schema = z.object({\n  filingStatus: z.string().min(1),\n  twoJobs: z.string().min(1),\n  dependentsAmount: z.number().transform(String),\n  otherIncome: z.number().transform(String),\n  deductions: z.number().transform(String),\n  extraWithholding: z.number().transform(String),\n})\n\nexport const FederalFormSchema = Rev2020Schema\n\nexport type FederalFormInputs = z.input<typeof FederalFormSchema>\nexport type FederalFormPayload = z.output<typeof FederalFormSchema>\n\nexport function FederalForm() {\n  const { t } = useTranslation('Employee.FederalTaxes')\n  const Components = useComponentContext()\n\n  const filingStatusOptions = [\n    { value: 'Single', label: t('filingStatusSingle') },\n    { value: 'Married', label: t('filingStatusMarried') },\n    { value: 'Head of Household', label: t('filingStatusHeadOfHousehold') },\n    { value: 'Exempt from withholding', label: t('filingStatusExemptFromWithholding') },\n  ]\n\n  return (\n    <>\n      <SelectField\n        name=\"filingStatus\"\n        label={t('federalFilingStatus1c')}\n        placeholder={t('federalFilingStatusPlaceholder')}\n        description={t('selectWithholdingDescription')}\n        options={filingStatusOptions}\n        isRequired\n        errorMessage={t('validations.federalFilingStatus')}\n      />\n      <RadioGroupField\n        name=\"twoJobs\"\n        isRequired\n        label={t('multipleJobs2c')}\n        errorMessage={t('validations.federalTwoJobs')}\n        description={\n          <Trans\n            i18nKey={'includesSpouseExplanation'}\n            t={t}\n            components={{\n              IrsLink: <Components.Link />,\n            }}\n          />\n        }\n        options={[\n          { value: 'true', label: t('twoJobYesLabel') },\n          { value: 'false', label: t('twoJobNoLabel') },\n        ]}\n      />\n      <NumberInputField\n        name=\"dependentsAmount\"\n        isRequired\n        label={t('dependentsTotalIfApplicable')}\n        format=\"currency\"\n        min={0}\n        errorMessage={t('fieldIsRequired')}\n      />\n      <NumberInputField\n        name=\"otherIncome\"\n        isRequired\n        label={t('otherIncome')}\n        format=\"currency\"\n        min={0}\n        errorMessage={t('fieldIsRequired')}\n      />\n      <NumberInputField\n        name=\"deductions\"\n        isRequired\n        label={t('deductions')}\n        format=\"currency\"\n        min={0}\n        errorMessage={t('fieldIsRequired')}\n      />\n      <NumberInputField\n        name=\"extraWithholding\"\n        isRequired\n        label={t('extraWithholding')}\n        format=\"currency\"\n        min={0}\n        errorMessage={t('fieldIsRequired')}\n      />\n    </>\n  )\n}\n"],"names":["Rev2020Schema","z","FederalFormSchema","FederalForm","t","useTranslation","Components","useComponentContext","filingStatusOptions","jsxs","Fragment","jsx","SelectField","RadioGroupField","Trans","NumberInputField"],"mappings":"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"}
+{"version":3,"file":"FederalForm.js","sources":["../../../../src/components/Employee/FederalTaxes/FederalForm.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport { z } from 'zod'\nimport { SelectField, RadioGroupField, NumberInputField } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nconst Rev2020Schema = z.object({\n  filingStatus: z.string().min(1),\n  twoJobs: z.string().min(1),\n  dependentsAmount: z.number().transform(String),\n  otherIncome: z.number().transform(String),\n  deductions: z.number().transform(String),\n  extraWithholding: z.number().transform(String),\n})\n\nexport const FederalFormSchema = Rev2020Schema\n\nexport type FederalFormInputs = z.input<typeof FederalFormSchema>\nexport type FederalFormPayload = z.output<typeof FederalFormSchema>\n\nexport function FederalForm() {\n  const { t } = useTranslation('Employee.FederalTaxes')\n  const Components = useComponentContext()\n\n  const filingStatusOptions = [\n    { value: 'Single', label: t('filingStatusSingle') },\n    { value: 'Married', label: t('filingStatusMarried') },\n    { value: 'Head of Household', label: t('filingStatusHeadOfHousehold') },\n    { value: 'Exempt from withholding', label: t('filingStatusExemptFromWithholding') },\n  ]\n\n  return (\n    <>\n      <SelectField\n        name=\"filingStatus\"\n        label={t('federalFilingStatus1c')}\n        placeholder={t('federalFilingStatusPlaceholder')}\n        description={t('selectWithholdingDescription')}\n        options={filingStatusOptions}\n        isRequired\n        errorMessage={t('validations.federalFilingStatus')}\n      />\n      <RadioGroupField\n        name=\"twoJobs\"\n        isRequired\n        label={t('multipleJobs2c')}\n        errorMessage={t('validations.federalTwoJobs')}\n        description={\n          <Trans\n            i18nKey={'includesSpouseExplanation'}\n            t={t}\n            components={{\n              IrsLink: <Components.Link />,\n            }}\n          />\n        }\n        options={[\n          { value: 'true', label: t('twoJobYesLabel') },\n          { value: 'false', label: t('twoJobNoLabel') },\n        ]}\n      />\n      <NumberInputField\n        name=\"dependentsAmount\"\n        isRequired\n        label={t('dependentsTotalIfApplicable')}\n        format=\"currency\"\n        min={0}\n        errorMessage={t('fieldIsRequired')}\n      />\n      <NumberInputField\n        name=\"otherIncome\"\n        isRequired\n        label={t('otherIncome')}\n        format=\"currency\"\n        min={0}\n        errorMessage={t('fieldIsRequired')}\n      />\n      <NumberInputField\n        name=\"deductions\"\n        isRequired\n        label={t('deductions')}\n        format=\"currency\"\n        min={0}\n        errorMessage={t('fieldIsRequired')}\n      />\n      <NumberInputField\n        name=\"extraWithholding\"\n        isRequired\n        label={t('extraWithholding')}\n        format=\"currency\"\n        min={0}\n        errorMessage={t('fieldIsRequired')}\n      />\n    </>\n  )\n}\n"],"names":["Rev2020Schema","z","FederalFormSchema","FederalForm","t","useTranslation","Components","useComponentContext","filingStatusOptions","jsxs","Fragment","jsx","SelectField","RadioGroupField","Trans","NumberInputField"],"mappings":";;;;;;;AAKA,MAAMA,IAAgBC,EAAE,OAAO;AAAA,EAC7B,cAAcA,EAAE,SAAS,IAAI,CAAC;AAAA,EAC9B,SAASA,EAAE,SAAS,IAAI,CAAC;AAAA,EACzB,kBAAkBA,EAAE,SAAS,UAAU,MAAM;AAAA,EAC7C,aAAaA,EAAE,SAAS,UAAU,MAAM;AAAA,EACxC,YAAYA,EAAE,SAAS,UAAU,MAAM;AAAA,EACvC,kBAAkBA,EAAE,OAAA,EAAS,UAAU,MAAM;AAC/C,CAAC,GAEYC,IAAoBF;AAK1B,SAASG,IAAc;AAC5B,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,uBAAuB,GAC9CC,IAAaC,EAAA,GAEbC,IAAsB;AAAA,IAC1B,EAAE,OAAO,UAAU,OAAOJ,EAAE,oBAAoB,EAAA;AAAA,IAChD,EAAE,OAAO,WAAW,OAAOA,EAAE,qBAAqB,EAAA;AAAA,IAClD,EAAE,OAAO,qBAAqB,OAAOA,EAAE,6BAA6B,EAAA;AAAA,IACpE,EAAE,OAAO,2BAA2B,OAAOA,EAAE,mCAAmC,EAAA;AAAA,EAAE;AAGpF,SACE,gBAAAK,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOR,EAAE,uBAAuB;AAAA,QAChC,aAAaA,EAAE,gCAAgC;AAAA,QAC/C,aAAaA,EAAE,8BAA8B;AAAA,QAC7C,SAASI;AAAA,QACT,YAAU;AAAA,QACV,cAAcJ,EAAE,iCAAiC;AAAA,MAAA;AAAA,IAAA;AAAA,IAEnD,gBAAAO;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAOT,EAAE,gBAAgB;AAAA,QACzB,cAAcA,EAAE,4BAA4B;AAAA,QAC5C,aACE,gBAAAO;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,SAAS;AAAA,YACT,GAAAV;AAAA,YACA,YAAY;AAAA,cACV,SAAS,gBAAAO,EAACL,EAAW,MAAX,CAAA,CAAgB;AAAA,YAAA;AAAA,UAC5B;AAAA,QAAA;AAAA,QAGJ,SAAS;AAAA,UACP,EAAE,OAAO,QAAQ,OAAOF,EAAE,gBAAgB,EAAA;AAAA,UAC1C,EAAE,OAAO,SAAS,OAAOA,EAAE,eAAe,EAAA;AAAA,QAAE;AAAA,MAC9C;AAAA,IAAA;AAAA,IAEF,gBAAAO;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAOX,EAAE,6BAA6B;AAAA,QACtC,QAAO;AAAA,QACP,KAAK;AAAA,QACL,cAAcA,EAAE,iBAAiB;AAAA,MAAA;AAAA,IAAA;AAAA,IAEnC,gBAAAO;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAOX,EAAE,aAAa;AAAA,QACtB,QAAO;AAAA,QACP,KAAK;AAAA,QACL,cAAcA,EAAE,iBAAiB;AAAA,MAAA;AAAA,IAAA;AAAA,IAEnC,gBAAAO;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAOX,EAAE,YAAY;AAAA,QACrB,QAAO;AAAA,QACP,KAAK;AAAA,QACL,cAAcA,EAAE,iBAAiB;AAAA,MAAA;AAAA,IAAA;AAAA,IAEnC,gBAAAO;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAOX,EAAE,kBAAkB;AAAA,QAC3B,QAAO;AAAA,QACP,KAAK;AAAA,QACL,cAAcA,EAAE,iBAAiB;AAAA,MAAA;AAAA,IAAA;AAAA,EACnC,GACF;AAEJ;"}

package/dist/components/Employee/FederalTaxes/useFederalTaxes.js

@@ -10,12 +10,11 @@ import "@gusto/embedded-api/models/errors/sdkvalidationerror";
 import "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
 import "@gusto/embedded-api/models/errors/httpclienterrors";
 import "../../../shared/constants.js";
-import "classnames";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { createCompoundContext as o } from "../../Base/createCompoundContext.js";
-const [c, u] = o("FederalTaxesContext");
+const [T, c] = o("FederalTaxesContext");
 export {
-  u as FederalTaxesProvider,
-  c as useFederalTaxes
+  c as FederalTaxesProvider,
+  T as useFederalTaxes
 };
 //# sourceMappingURL=useFederalTaxes.js.map

package/dist/components/Employee/FederalTaxes/useFederalTaxes.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFederalTaxes.js","sources":["../../../../src/components/Employee/FederalTaxes/useFederalTaxes.ts"],"sourcesContent":["import { createCompoundContext } from '@/components/Base'\n\ntype FederalTaxesContextType = {\n  isPending: boolean\n}\n\nconst [useFederalTaxes, FederalTaxesProvider] =\n  createCompoundContext<FederalTaxesContextType>('FederalTaxesContext')\nexport { useFederalTaxes, FederalTaxesProvider }\n"],"names":["useFederalTaxes","FederalTaxesProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;AAMA,MAAM,CAACA,GAAiBC,CAAoB,IAC1CC,EAA+C,qBAAqB;"}
+{"version":3,"file":"useFederalTaxes.js","sources":["../../../../src/components/Employee/FederalTaxes/useFederalTaxes.ts"],"sourcesContent":["import { createCompoundContext } from '@/components/Base'\n\ntype FederalTaxesContextType = {\n  isPending: boolean\n}\n\nconst [useFederalTaxes, FederalTaxesProvider] =\n  createCompoundContext<FederalTaxesContextType>('FederalTaxesContext')\nexport { useFederalTaxes, FederalTaxesProvider }\n"],"names":["useFederalTaxes","FederalTaxesProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;AAMA,MAAM,CAACA,GAAiBC,CAAoB,IAC1CC,EAA+C,qBAAqB;"}

package/dist/components/Employee/HomeAddress/management/HomeAddress.d.ts

@@ -0,0 +1,6 @@
+import { BaseComponentInterface, CommonComponentInterface } from '../../../Base/Base';
+export interface HomeAddressProps extends CommonComponentInterface<'Employee.HomeAddress.Management'> {
+    employeeId: string;
+    onEvent: BaseComponentInterface['onEvent'];
+}
+export declare function HomeAddress({ FallbackComponent, ...props }: HomeAddressProps & BaseComponentInterface): import("react/jsx-runtime").JSX.Element;