@gusto/embedded-react-sdk 0.48.2 → 0.48.3

package/dist/components/Employee/Documents/shared/useSignEmployeeForm/useSignEmployeeForm.d.ts

@@ -1,18 +1,8 @@
+import { JSX } from 'react';
 import { Form } from '@gusto/embedded-api-v-2025-11-15/models/components/form';
 import { SignEmployeeFormData } from './signEmployeeFormSchema';
-import { SignatureField, ConfirmSignatureField, UsedPreparerField, Preparer1FirstName, Preparer1LastName, Preparer1Street1, Preparer1Street2, Preparer1City, Preparer1State, Preparer1Zip, Preparer1Signature, Preparer1ConfirmSignature } from './fields';
+import { SignatureField, ConfirmSignatureField, UsedPreparerField, PreparerTextFieldProps, PreparerSelectFieldProps, PreparerCheckboxFieldProps } from './fields';
 import { BaseFormHookReady, FieldsMetadata, HookLoadingResult, HookSubmitResult } from '../../../../../partner-hook-utils/types';
-declare const preparer1Fields: {
-    FirstName: typeof Preparer1FirstName;
-    LastName: typeof Preparer1LastName;
-    Street1: typeof Preparer1Street1;
-    Street2: typeof Preparer1Street2;
-    City: typeof Preparer1City;
-    State: typeof Preparer1State;
-    Zip: typeof Preparer1Zip;
-    Signature: typeof Preparer1Signature;
-    ConfirmSignature: typeof Preparer1ConfirmSignature;
-};
 /**
  * Field group exposed for each I-9 preparer/translator on {@link useSignEmployeeForm}.
  *
@@ -23,7 +13,26 @@ declare const preparer1Fields: {
  *
  * @public
  */
-export type PreparerFieldGroup = typeof preparer1Fields;
+export type PreparerFieldGroup = {
+    /** Preparer's first name. */
+    FirstName: (props: PreparerTextFieldProps) => JSX.Element;
+    /** Preparer's last name. */
+    LastName: (props: PreparerTextFieldProps) => JSX.Element;
+    /** Preparer's street address line 1. */
+    Street1: (props: PreparerTextFieldProps) => JSX.Element;
+    /** Preparer's street address line 2. */
+    Street2: (props: PreparerTextFieldProps) => JSX.Element;
+    /** Preparer's city. */
+    City: (props: PreparerTextFieldProps) => JSX.Element;
+    /** Preparer's state. */
+    State: (props: PreparerSelectFieldProps) => JSX.Element;
+    /** Preparer's ZIP code. */
+    Zip: (props: PreparerTextFieldProps) => JSX.Element;
+    /** Preparer's typed signature. */
+    Signature: (props: PreparerTextFieldProps) => JSX.Element;
+    /** Preparer's electronic-signature consent checkbox. */
+    ConfirmSignature: (props: PreparerCheckboxFieldProps) => JSX.Element;
+};
 /**
  * Props for {@link useSignEmployeeForm}.
  *
@@ -183,4 +192,3 @@ export type SignEmployeeFormFieldsMetadata = UseSignEmployeeFormReady['form']['f
  * @public
  */
 export type SignEmployeeFormFields = UseSignEmployeeFormReady['form']['Fields'];
-export {};

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

@@ -1 +1 @@
-{"version":3,"file":"useSignEmployeeForm.js","sources":["../../../../../../src/components/Employee/Documents/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-v-2025-11-15/models/components/form'\nimport { useEmployeeFormsGet } from '@gusto/embedded-api-v-2025-11-15/react-query/employeeFormsGet'\nimport { useEmployeeFormsGetPdf } from '@gusto/embedded-api-v-2025-11-15/react-query/employeeFormsGetPdf'\nimport { useEmployeeFormsSignMutation } from '@gusto/embedded-api-v-2025-11-15/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 { useHookFormInternals } from '@/partner-hook-utils/form/useHookFormInternals'\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\n/**\n * Field group exposed for each I-9 preparer/translator on {@link useSignEmployeeForm}.\n *\n * @remarks\n * Each preparer (1–4) exposes the same nine sub-fields covering name,\n * address, signature, and consent. Render the sub-fields directly on the\n * group, e.g. `<Fields.Preparer1.FirstName />`.\n *\n * @public\n */\nexport type PreparerFieldGroup = typeof preparer1Fields\n\n// ── Types ──────────────────────────────────────────────────────────────\n\n/**\n * Props for {@link useSignEmployeeForm}.\n *\n * @public\n */\nexport interface UseSignEmployeeFormProps {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** The UUID of the employee form to sign. */\n  formId: string\n}\n\n/**\n * Field components exposed by {@link useSignEmployeeForm} on `form.Fields`.\n *\n * @remarks\n * `Signature` and `ConfirmSignature` are always present. `UsedPreparer` and\n * the `Preparer1`–`Preparer4` field groups are only defined when the form\n * being signed is an I-9 and the preparer count has reached that index —\n * always null-check before rendering.\n *\n * @public\n */\nexport interface SignEmployeeFormFieldComponents {\n  /** Text input for the employee's typed signature; always present. */\n  Signature: typeof SignatureField\n  /** Checkbox for the employee's electronic-signature consent; always present. */\n  ConfirmSignature: typeof ConfirmSignatureField\n  /** Radio group asking whether a preparer/translator assisted; defined only for I-9 forms. */\n  UsedPreparer: typeof UsedPreparerField | undefined\n  /** First preparer field group; defined only for I-9 forms when `preparers.count >= 1`. */\n  Preparer1: PreparerFieldGroup | undefined\n  /** Second preparer field group; defined only for I-9 forms when `preparers.count >= 2`. */\n  Preparer2: PreparerFieldGroup | undefined\n  /** Third preparer field group; defined only for I-9 forms when `preparers.count >= 3`. */\n  Preparer3: PreparerFieldGroup | undefined\n  /** Fourth preparer field group; defined only for I-9 forms when `preparers.count >= 4`. */\n  Preparer4: PreparerFieldGroup | undefined\n}\n\n/**\n * Ready-state shape returned by {@link useSignEmployeeForm} once the form metadata and PDF have loaded.\n *\n * @public\n */\nexport interface UseSignEmployeeFormReady extends BaseFormHookReady<\n  FieldsMetadata,\n  SignEmployeeFormData,\n  SignEmployeeFormFieldComponents\n> {\n  /** Loaded data — the form entity and a preview PDF URL. */\n  data: {\n    /** The employee form entity fetched from the API (includes `uuid`, `name`, `title`). */\n    form: Form\n    /** URL to the form's signed PDF for preview, or `undefined` while it is still being generated. */\n    pdfUrl: string | null | undefined\n  }\n  /** Submit-state flags. */\n  status: {\n    /** `true` while the sign mutation is in flight. */\n    isPending: boolean\n    /** Always `'create'`; the hook always submits as a signing operation. */\n    mode: 'create'\n  }\n  /** Imperative actions exposed by the hook. */\n  actions: {\n    /** Validates the form and submits the signature. Resolves with the signed form on success. */\n    onSubmit: () => Promise<HookSubmitResult<Form> | undefined>\n    /** Adds an additional preparer/translator section (up to 4). Defined only for I-9 forms. */\n    addPreparer?: () => void\n    /** Removes the last preparer/translator section and unregisters its fields. Defined only for I-9 forms. */\n    removePreparer?: () => void\n  }\n  /** Form bindings — `Fields`, `fieldsMetadata`, and I-9 preparer state. */\n  form: BaseFormHookReady<\n    FieldsMetadata,\n    SignEmployeeFormData,\n    SignEmployeeFormFieldComponents\n  >['form'] & {\n    /** Preparer-section state. Defined only for I-9 forms. */\n    preparers?: {\n      /** Current number of preparer sections, between 0 and 4. */\n      count: number\n      /** `true` when fewer than 4 preparers are active. */\n      canAdd: boolean\n      /** `true` when at least 1 preparer is active. */\n      canRemove: boolean\n    }\n  }\n}\n\n// ── Hook ───────────────────────────────────────────────────────────────\n\n/**\n * Headless hook for signing an employee form — captures a typed signature, electronic consent, and (for I-9 forms) preparer/translator certification.\n *\n * @remarks\n * The hook fetches the form metadata and PDF, then exposes the\n * {@link BaseFormHookReady} contract with `Fields`, `fieldsMetadata`,\n * `onSubmit`, and error handling. The hook inspects the form's `name` to\n * detect I-9 forms; when the form is an I-9, `Fields.UsedPreparer` and the\n * `Fields.Preparer1`–`Preparer4` field groups become defined, along with\n * `actions.addPreparer` / `actions.removePreparer` and `form.preparers`\n * state. Selecting `usedPreparer: 'yes'` automatically reveals the first\n * preparer section; switching back to `'no'` removes all preparer sections\n * and unregisters their fields.\n *\n * Unlike the CRUD-oriented form hooks (`useEmployeeDetailsForm`,\n * `useCompensationForm`, `useWorkAddressForm`), this hook does not accept\n * `defaultValues`, `requiredFields`, or `validationMode` — the form shape is\n * fixed and all fields except preparer street-2 are required.\n *\n * @param props - See {@link UseSignEmployeeFormProps}.\n * @returns A {@link HookLoadingResult} while loading, or a {@link UseSignEmployeeFormReady} once the form is loaded.\n * @public\n *\n * @example\n * ```tsx\n * import { useSignEmployeeForm, SDKFormProvider } from '@gusto/embedded-react-sdk'\n *\n * function SignFormPage({ employeeId, formId }: { employeeId: string; formId: string }) {\n *   const signForm = useSignEmployeeForm({ employeeId, formId })\n *\n *   if (signForm.isLoading) return <div>Loading...</div>\n *\n *   const { Fields } = signForm.form\n *\n *   return (\n *     <SDKFormProvider formHookResult={signForm}>\n *       <form\n *         onSubmit={e => {\n *           e.preventDefault()\n *           void signForm.actions.onSubmit()\n *         }}\n *       >\n *         <Fields.Signature\n *           label=\"Signature\"\n *           description=\"Type your full, legal name.\"\n *           validationMessages={{ REQUIRED: 'Signature is required' }}\n *         />\n *         <Fields.ConfirmSignature\n *           label=\"I agree to sign electronically\"\n *           validationMessages={{ REQUIRED: 'You must agree to sign electronically' }}\n *         />\n *         <button type=\"submit\" disabled={signForm.status.isPending}>\n *           Sign form\n *         </button>\n *       </form>\n *     </SDKFormProvider>\n *   )\n * }\n * ```\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  // The signed PDF is a preview convenience: `pdfUrl` is optional and both the\n  // viewer and the download link already degrade gracefully when it's absent.\n  // A failed — or not-yet-ready — PDF fetch must NOT surface as a page-level\n  // signing error. In particular the global post-mutation invalidation forces a\n  // `getPdf` refetch the instant a sign succeeds, which races backend generation\n  // of the signed PDF; surfacing that transient failure as \"there was a problem\n  // with your submission\" is misleading when the signature actually went through\n  // (SDK-947). Only the form query feeds the error surface.\n  const queries = [formQuery]\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, STATES_ABBR),\n            preparer2State: withOptions(baseMetadata.preparer2State, stateOptions, STATES_ABBR),\n            preparer3State: withOptions(baseMetadata.preparer3State, stateOptions, STATES_ABBR),\n            preparer4State: withOptions(baseMetadata.preparer4State, stateOptions, STATES_ABBR),\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 hookFormInternals = useHookFormInternals(formMethods)\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,\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\n/**\n * Result of {@link useSignEmployeeForm} — a discriminated union on `isLoading`.\n *\n * @public\n */\nexport type UseSignEmployeeFormResult = HookLoadingResult | UseSignEmployeeFormReady\n/**\n * Shape of the `form.fieldsMetadata` object returned by {@link useSignEmployeeForm}.\n *\n * @public\n */\nexport type SignEmployeeFormFieldsMetadata = UseSignEmployeeFormReady['form']['fieldsMetadata']\n/**\n * Shape of the `form.Fields` object returned by {@link useSignEmployeeForm}.\n *\n * @public\n */\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","hookFormInternals","useHookFormInternals","SignatureField","ConfirmSignatureField","UsedPreparerField","createGetFormSubmissionValues","count","index","preparer","PREPARERS_BY_INDEX"],"mappings":"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"}
+{"version":3,"file":"useSignEmployeeForm.js","sources":["../../../../../../src/components/Employee/Documents/shared/useSignEmployeeForm/useSignEmployeeForm.tsx"],"sourcesContent":["import type { JSX } from 'react'\nimport { 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-v-2025-11-15/models/components/form'\nimport { useEmployeeFormsGet } from '@gusto/embedded-api-v-2025-11-15/react-query/employeeFormsGet'\nimport { useEmployeeFormsGetPdf } from '@gusto/embedded-api-v-2025-11-15/react-query/employeeFormsGetPdf'\nimport { useEmployeeFormsSignMutation } from '@gusto/embedded-api-v-2025-11-15/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  type PreparerTextFieldProps,\n  type PreparerSelectFieldProps,\n  type PreparerCheckboxFieldProps,\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 { useHookFormInternals } from '@/partner-hook-utils/form/useHookFormInternals'\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} satisfies PreparerFieldGroup\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} satisfies PreparerFieldGroup\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} satisfies PreparerFieldGroup\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} satisfies PreparerFieldGroup\n\n/**\n * Field group exposed for each I-9 preparer/translator on {@link useSignEmployeeForm}.\n *\n * @remarks\n * Each preparer (1–4) exposes the same nine sub-fields covering name,\n * address, signature, and consent. Render the sub-fields directly on the\n * group, e.g. `<Fields.Preparer1.FirstName />`.\n *\n * @public\n */\nexport type PreparerFieldGroup = {\n  /** Preparer's first name. */\n  FirstName: (props: PreparerTextFieldProps) => JSX.Element\n  /** Preparer's last name. */\n  LastName: (props: PreparerTextFieldProps) => JSX.Element\n  /** Preparer's street address line 1. */\n  Street1: (props: PreparerTextFieldProps) => JSX.Element\n  /** Preparer's street address line 2. */\n  Street2: (props: PreparerTextFieldProps) => JSX.Element\n  /** Preparer's city. */\n  City: (props: PreparerTextFieldProps) => JSX.Element\n  /** Preparer's state. */\n  State: (props: PreparerSelectFieldProps) => JSX.Element\n  /** Preparer's ZIP code. */\n  Zip: (props: PreparerTextFieldProps) => JSX.Element\n  /** Preparer's typed signature. */\n  Signature: (props: PreparerTextFieldProps) => JSX.Element\n  /** Preparer's electronic-signature consent checkbox. */\n  ConfirmSignature: (props: PreparerCheckboxFieldProps) => JSX.Element\n}\n\n// ── Types ──────────────────────────────────────────────────────────────\n\n/**\n * Props for {@link useSignEmployeeForm}.\n *\n * @public\n */\nexport interface UseSignEmployeeFormProps {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** The UUID of the employee form to sign. */\n  formId: string\n}\n\n/**\n * Field components exposed by {@link useSignEmployeeForm} on `form.Fields`.\n *\n * @remarks\n * `Signature` and `ConfirmSignature` are always present. `UsedPreparer` and\n * the `Preparer1`–`Preparer4` field groups are only defined when the form\n * being signed is an I-9 and the preparer count has reached that index —\n * always null-check before rendering.\n *\n * @public\n */\nexport interface SignEmployeeFormFieldComponents {\n  /** Text input for the employee's typed signature; always present. */\n  Signature: typeof SignatureField\n  /** Checkbox for the employee's electronic-signature consent; always present. */\n  ConfirmSignature: typeof ConfirmSignatureField\n  /** Radio group asking whether a preparer/translator assisted; defined only for I-9 forms. */\n  UsedPreparer: typeof UsedPreparerField | undefined\n  /** First preparer field group; defined only for I-9 forms when `preparers.count >= 1`. */\n  Preparer1: PreparerFieldGroup | undefined\n  /** Second preparer field group; defined only for I-9 forms when `preparers.count >= 2`. */\n  Preparer2: PreparerFieldGroup | undefined\n  /** Third preparer field group; defined only for I-9 forms when `preparers.count >= 3`. */\n  Preparer3: PreparerFieldGroup | undefined\n  /** Fourth preparer field group; defined only for I-9 forms when `preparers.count >= 4`. */\n  Preparer4: PreparerFieldGroup | undefined\n}\n\n/**\n * Ready-state shape returned by {@link useSignEmployeeForm} once the form metadata and PDF have loaded.\n *\n * @public\n */\nexport interface UseSignEmployeeFormReady extends BaseFormHookReady<\n  FieldsMetadata,\n  SignEmployeeFormData,\n  SignEmployeeFormFieldComponents\n> {\n  /** Loaded data — the form entity and a preview PDF URL. */\n  data: {\n    /** The employee form entity fetched from the API (includes `uuid`, `name`, `title`). */\n    form: Form\n    /** URL to the form's signed PDF for preview, or `undefined` while it is still being generated. */\n    pdfUrl: string | null | undefined\n  }\n  /** Submit-state flags. */\n  status: {\n    /** `true` while the sign mutation is in flight. */\n    isPending: boolean\n    /** Always `'create'`; the hook always submits as a signing operation. */\n    mode: 'create'\n  }\n  /** Imperative actions exposed by the hook. */\n  actions: {\n    /** Validates the form and submits the signature. Resolves with the signed form on success. */\n    onSubmit: () => Promise<HookSubmitResult<Form> | undefined>\n    /** Adds an additional preparer/translator section (up to 4). Defined only for I-9 forms. */\n    addPreparer?: () => void\n    /** Removes the last preparer/translator section and unregisters its fields. Defined only for I-9 forms. */\n    removePreparer?: () => void\n  }\n  /** Form bindings — `Fields`, `fieldsMetadata`, and I-9 preparer state. */\n  form: BaseFormHookReady<\n    FieldsMetadata,\n    SignEmployeeFormData,\n    SignEmployeeFormFieldComponents\n  >['form'] & {\n    /** Preparer-section state. Defined only for I-9 forms. */\n    preparers?: {\n      /** Current number of preparer sections, between 0 and 4. */\n      count: number\n      /** `true` when fewer than 4 preparers are active. */\n      canAdd: boolean\n      /** `true` when at least 1 preparer is active. */\n      canRemove: boolean\n    }\n  }\n}\n\n// ── Hook ───────────────────────────────────────────────────────────────\n\n/**\n * Headless hook for signing an employee form — captures a typed signature, electronic consent, and (for I-9 forms) preparer/translator certification.\n *\n * @remarks\n * The hook fetches the form metadata and PDF, then exposes the\n * {@link BaseFormHookReady} contract with `Fields`, `fieldsMetadata`,\n * `onSubmit`, and error handling. The hook inspects the form's `name` to\n * detect I-9 forms; when the form is an I-9, `Fields.UsedPreparer` and the\n * `Fields.Preparer1`–`Preparer4` field groups become defined, along with\n * `actions.addPreparer` / `actions.removePreparer` and `form.preparers`\n * state. Selecting `usedPreparer: 'yes'` automatically reveals the first\n * preparer section; switching back to `'no'` removes all preparer sections\n * and unregisters their fields.\n *\n * Unlike the CRUD-oriented form hooks (`useEmployeeDetailsForm`,\n * `useCompensationForm`, `useWorkAddressForm`), this hook does not accept\n * `defaultValues`, `requiredFields`, or `validationMode` — the form shape is\n * fixed and all fields except preparer street-2 are required.\n *\n * @param props - See {@link UseSignEmployeeFormProps}.\n * @returns A {@link HookLoadingResult} while loading, or a {@link UseSignEmployeeFormReady} once the form is loaded.\n * @public\n *\n * @example\n * ```tsx\n * import { useSignEmployeeForm, SDKFormProvider } from '@gusto/embedded-react-sdk'\n *\n * function SignFormPage({ employeeId, formId }: { employeeId: string; formId: string }) {\n *   const signForm = useSignEmployeeForm({ employeeId, formId })\n *\n *   if (signForm.isLoading) return <div>Loading...</div>\n *\n *   const { Fields } = signForm.form\n *\n *   return (\n *     <SDKFormProvider formHookResult={signForm}>\n *       <form\n *         onSubmit={e => {\n *           e.preventDefault()\n *           void signForm.actions.onSubmit()\n *         }}\n *       >\n *         <Fields.Signature\n *           label=\"Signature\"\n *           description=\"Type your full, legal name.\"\n *           validationMessages={{ REQUIRED: 'Signature is required' }}\n *         />\n *         <Fields.ConfirmSignature\n *           label=\"I agree to sign electronically\"\n *           validationMessages={{ REQUIRED: 'You must agree to sign electronically' }}\n *         />\n *         <button type=\"submit\" disabled={signForm.status.isPending}>\n *           Sign form\n *         </button>\n *       </form>\n *     </SDKFormProvider>\n *   )\n * }\n * ```\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  // The signed PDF is a preview convenience: `pdfUrl` is optional and both the\n  // viewer and the download link already degrade gracefully when it's absent.\n  // A failed — or not-yet-ready — PDF fetch must NOT surface as a page-level\n  // signing error. In particular the global post-mutation invalidation forces a\n  // `getPdf` refetch the instant a sign succeeds, which races backend generation\n  // of the signed PDF; surfacing that transient failure as \"there was a problem\n  // with your submission\" is misleading when the signature actually went through\n  // (SDK-947). Only the form query feeds the error surface.\n  const queries = [formQuery]\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, STATES_ABBR),\n            preparer2State: withOptions(baseMetadata.preparer2State, stateOptions, STATES_ABBR),\n            preparer3State: withOptions(baseMetadata.preparer3State, stateOptions, STATES_ABBR),\n            preparer4State: withOptions(baseMetadata.preparer4State, stateOptions, STATES_ABBR),\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 hookFormInternals = useHookFormInternals(formMethods)\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,\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\n/**\n * Result of {@link useSignEmployeeForm} — a discriminated union on `isLoading`.\n *\n * @public\n */\nexport type UseSignEmployeeFormResult = HookLoadingResult | UseSignEmployeeFormReady\n/**\n * Shape of the `form.fieldsMetadata` object returned by {@link useSignEmployeeForm}.\n *\n * @public\n */\nexport type SignEmployeeFormFieldsMetadata = UseSignEmployeeFormReady['form']['fieldsMetadata']\n/**\n * Shape of the `form.Fields` object returned by {@link useSignEmployeeForm}.\n *\n * @public\n */\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","hookFormInternals","useHookFormInternals","SignatureField","ConfirmSignatureField","UsedPreparerField","createGetFormSubmissionValues","count","index","preparer","PREPARERS_BY_INDEX"],"mappings":"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"}

package/dist/components/Employee/FederalTaxes/shared/useFederalTaxesForm/federalTaxesSchema.d.ts

@@ -29,48 +29,31 @@ export declare const FILING_STATUS_VALUES: readonly ["Single", "Married", "Head
  * @public
  */
 export type FilingStatusValue = (typeof FILING_STATUS_VALUES)[number];
-declare const fieldValidators: {
-    filingStatus: z.ZodString;
-    twoJobs: z.ZodPipe<z.ZodTransform<boolean | undefined, unknown>, z.ZodBoolean>;
-    dependentsAmount: z.ZodPipe<z.ZodTransform<number, unknown>, z.ZodNumber>;
-    otherIncome: z.ZodPipe<z.ZodTransform<number, unknown>, z.ZodNumber>;
-    deductions: z.ZodPipe<z.ZodTransform<number, unknown>, z.ZodNumber>;
-    extraWithholding: z.ZodPipe<z.ZodTransform<number, unknown>, z.ZodNumber>;
-};
 /**
  * Field names accepted by the federal taxes form.
  *
  * @public
  */
-export type FederalTaxesField = keyof typeof fieldValidators;
+export type FederalTaxesField = "filingStatus" | "twoJobs" | "dependentsAmount" | "otherIncome" | "deductions" | "extraWithholding";
 /**
  * Shape of the values managed by the federal taxes form.
  *
  * @public
  */
-export type FederalTaxesFormData = {
-    [K in keyof typeof fieldValidators]: z.infer<(typeof fieldValidators)[K]>;
-};
+export type FederalTaxesFormData = { filingStatus: string; twoJobs: boolean; dependentsAmount: number; otherIncome: number; deductions: number; extraWithholding: number; };
 /**
  * Shape of the validated values produced by the federal taxes form on submit.
  *
  * @public
  */
 export type FederalTaxesFormOutputs = FederalTaxesFormData;
-declare const requiredFieldsConfig: {
-    twoJobs: "never";
-    dependentsAmount: "never";
-    otherIncome: "never";
-    deductions: "never";
-    extraWithholding: "never";
-};
 /**
  * Keys of optional federal taxes fields that can be promoted to required via
  * the hook's `optionalFieldsToRequire` option.
  *
  * @public
  */
-export type FederalTaxesOptionalFieldsToRequire = OptionalFieldsToRequire<typeof requiredFieldsConfig>;
+export type FederalTaxesOptionalFieldsToRequire = { create?: ("twoJobs" | "dependentsAmount" | "otherIncome" | "deductions" | "extraWithholding")[] | undefined; update?: ("twoJobs" | "dependentsAmount" | "otherIncome" | "deductions" | "extraWithholding")[] | undefined; };
 /** @internal */
 interface FederalTaxesSchemaOptions {
     optionalFieldsToRequire?: FederalTaxesOptionalFieldsToRequire;

package/dist/components/Employee/PaymentMethod/shared/useBankForm/useBankFormSchema.d.ts

@@ -30,43 +30,31 @@ export declare const ACCOUNT_TYPES: readonly ["Checking", "Savings"];
  * @public
  */
 export type AccountType = (typeof ACCOUNT_TYPES)[number];
-declare const fieldValidators: {
-    name: z.ZodString;
-    routingNumber: z.ZodString;
-    accountNumber: z.ZodString;
-    accountType: z.ZodEnum<{
-        Checking: "Checking";
-        Savings: "Savings";
-    }>;
-};
 /**
  * Field names accepted by the bank account form.
  *
  * @public
  */
-export type BankFormField = keyof typeof fieldValidators;
+export type BankFormField = "name" | "routingNumber" | "accountNumber" | "accountType";
 /**
  * Shape of the values managed by the bank account form.
  *
  * @public
  */
-export type BankFormData = {
-    [K in keyof typeof fieldValidators]: z.infer<(typeof fieldValidators)[K]>;
-};
+export type BankFormData = { name: string; routingNumber: string; accountNumber: string; accountType: "Checking" | "Savings"; };
 /**
  * Shape of the validated values produced by the bank account form on submit.
  *
  * @public
  */
 export type BankFormOutputs = BankFormData;
-declare const requiredFieldsConfig: {};
 /**
  * Keys of optional bank account fields that can be promoted to required via
  * the hook's `optionalFieldsToRequire` option.
  *
  * @public
  */
-export type BankFormOptionalFieldsToRequire = OptionalFieldsToRequire<typeof requiredFieldsConfig>;
+export type BankFormOptionalFieldsToRequire = { create?: never[] | undefined; update?: never[] | undefined; };
 /** @internal */
 interface BankFormSchemaOptions {
     optionalFieldsToRequire?: BankFormOptionalFieldsToRequire;

package/dist/components/Employee/PaymentMethod/shared/usePaymentMethodForm/usePaymentMethodFormSchema.d.ts

@@ -28,40 +28,31 @@ export declare const PAYMENT_METHOD_TYPES: readonly ["Direct Deposit", "Check"];
  * @public
  */
 export type PaymentMethodType = (typeof PAYMENT_METHOD_TYPES)[number];
-declare const fieldValidators: {
-    type: z.ZodEnum<{
-        Check: "Check";
-        "Direct Deposit": "Direct Deposit";
-    }>;
-};
 /**
  * Field names accepted by the payment method form.
  *
  * @public
  */
-export type PaymentMethodFormField = keyof typeof fieldValidators;
+export type PaymentMethodFormField = "type";
 /**
  * Shape of the values managed by the payment method form.
  *
  * @public
  */
-export type PaymentMethodFormData = {
-    [K in keyof typeof fieldValidators]: z.infer<(typeof fieldValidators)[K]>;
-};
+export type PaymentMethodFormData = { type: "Check" | "Direct Deposit"; };
 /**
  * Shape of the validated values produced by the payment method form on submit.
  *
  * @public
  */
 export type PaymentMethodFormOutputs = PaymentMethodFormData;
-declare const requiredFieldsConfig: {};
 /**
  * Keys of optional payment method fields that can be promoted to required via
  * the hook's `optionalFieldsToRequire` option.
  *
  * @public
  */
-export type PaymentMethodFormOptionalFieldsToRequire = OptionalFieldsToRequire<typeof requiredFieldsConfig>;
+export type PaymentMethodFormOptionalFieldsToRequire = { create?: never[] | undefined; update?: never[] | undefined; };
 /** @internal */
 interface PaymentMethodFormSchemaOptions {
     optionalFieldsToRequire?: PaymentMethodFormOptionalFieldsToRequire;

package/dist/components/Employee/PaymentMethod/shared/useSplitPaymentsForm/useSplitPaymentsFormSchema.d.ts

@@ -41,20 +41,12 @@ export declare const SPLIT_BY_VALUES: readonly ["Percentage", "Amount"];
  * @public
  */
 export type SplitByValue = (typeof SPLIT_BY_VALUES)[number];
-declare const fieldValidators: {
-    splitBy: z.ZodEnum<{
-        Percentage: "Percentage";
-        Amount: "Amount";
-    }>;
-    splitAmount: z.ZodRecord<z.ZodString, z.ZodPipe<z.ZodTransform<unknown, unknown>, z.ZodNullable<z.ZodNumber>>>;
-    priority: z.ZodRecord<z.ZodString, z.ZodNumber>;
-};
 /**
  * Field names accepted by the split payments form.
  *
  * @public
  */
-export type SplitPaymentsFormField = keyof typeof fieldValidators;
+export type SplitPaymentsFormField = "splitBy" | "splitAmount" | "priority";
 /**
  * Shape of the values managed by the split payments form. `splitAmount` and
  * `priority` are keyed by bank account uuid.
@@ -75,14 +67,13 @@ export type SplitPaymentsFormData = {
  * @public
  */
 export type SplitPaymentsFormOutputs = SplitPaymentsFormData;
-declare const requiredFieldsConfig: {};
 /**
  * Keys of optional split payments fields that can be promoted to required via
  * the hook's `optionalFieldsToRequire` option.
  *
  * @public
  */
-export type SplitPaymentsFormOptionalFieldsToRequire = OptionalFieldsToRequire<typeof requiredFieldsConfig>;
+export type SplitPaymentsFormOptionalFieldsToRequire = { create?: never[] | undefined; update?: never[] | undefined; };
 /** @internal */
 interface SplitPaymentsFormSchemaOptions {
     optionalFieldsToRequire?: SplitPaymentsFormOptionalFieldsToRequire;

package/dist/components/Employee/Profile/shared/useEmployeeDetailsForm/employeeDetailsSchema.d.ts

@@ -21,29 +21,18 @@ export declare const EmployeeDetailsErrorCodes: {
  * @public
  */
 export type EmployeeDetailsErrorCode = (typeof EmployeeDetailsErrorCodes)[keyof typeof EmployeeDetailsErrorCodes];
-declare const fieldValidators: {
-    firstName: z.ZodString;
-    middleInitial: z.ZodString;
-    lastName: z.ZodString;
-    email: z.ZodEmail;
-    dateOfBirth: z.ZodISODate;
-    ssn: z.ZodString;
-    selfOnboarding: z.ZodBoolean;
-};
 /**
  * Field names accepted by the employee details form.
  *
  * @public
  */
-export type EmployeeDetailsField = Exclude<keyof typeof fieldValidators, 'selfOnboarding'>;
+export type EmployeeDetailsField = "firstName" | "middleInitial" | "lastName" | "email" | "dateOfBirth" | "ssn";
 /**
  * Shape of the values managed by the employee details form.
  *
  * @public
  */
-export type EmployeeDetailsFormData = {
-    [K in keyof typeof fieldValidators]: z.infer<(typeof fieldValidators)[K]>;
-};
+export type EmployeeDetailsFormData = { firstName: string; middleInitial: string; lastName: string; email: string; dateOfBirth: string; ssn: string; selfOnboarding: boolean; };
 /**
  * Shape of the validated values produced by the employee details form on
  * submit.
@@ -51,21 +40,13 @@ export type EmployeeDetailsFormData = {
  * @public
  */
 export type EmployeeDetailsFormOutputs = EmployeeDetailsFormData;
-declare const requiredFieldsConfig: {
-    firstName: "create";
-    lastName: "create";
-    middleInitial: "never";
-    email: "never";
-    dateOfBirth: "never";
-    ssn: "never";
-};
 /**
  * Keys of optional employee details fields that can be promoted to required
  * via the hook's `optionalFieldsToRequire` option.
  *
  * @public
  */
-export type EmployeeDetailsOptionalFieldsToRequire = OptionalFieldsToRequire<typeof requiredFieldsConfig>;
+export type EmployeeDetailsOptionalFieldsToRequire = { create?: ("middleInitial" | "email" | "dateOfBirth" | "ssn")[] | undefined; update?: ("firstName" | "middleInitial" | "lastName" | "email" | "dateOfBirth" | "ssn")[] | undefined; };
 /** @internal */
 interface EmployeeDetailsSchemaOptions {
     mode?: 'create' | 'update';

package/dist/components/Employee/Profile/shared/useHomeAddressForm/homeAddressSchema.d.ts

@@ -17,45 +17,31 @@ export declare const HomeAddressErrorCodes: {
  * @public
  */
 export type HomeAddressErrorCode = (typeof HomeAddressErrorCodes)[keyof typeof HomeAddressErrorCodes];
-declare const fieldValidators: {
-    street1: z.ZodString;
-    street2: z.ZodString;
-    city: z.ZodString;
-    state: z.ZodString;
-    zip: z.ZodString;
-    courtesyWithholding: z.ZodBoolean;
-    effectiveDate: z.ZodISODate;
-};
 /**
  * Field names accepted by the home address form.
  *
  * @public
  */
-export type HomeAddressField = keyof typeof fieldValidators;
+export type HomeAddressField = "effectiveDate" | "state" | "street1" | "street2" | "city" | "zip" | "courtesyWithholding";
 /**
  * Shape of the values managed by the home address form.
  *
  * @public
  */
-export type HomeAddressFormData = {
-    [K in keyof typeof fieldValidators]: z.infer<(typeof fieldValidators)[K]>;
-};
+export type HomeAddressFormData = { street1: string; street2: string; city: string; state: string; zip: string; courtesyWithholding: boolean; effectiveDate: string; };
 /**
  * Shape of the validated values produced by the home address form on submit.
  *
  * @public
  */
 export type HomeAddressFormOutputs = HomeAddressFormData;
-declare const requiredFieldsConfig: {
-    street2: "never";
-};
 /**
  * Keys of optional home address fields that can be promoted to required via
  * the hook's `optionalFieldsToRequire` option.
  *
  * @public
  */
-export type HomeAddressOptionalFieldsToRequire = OptionalFieldsToRequire<typeof requiredFieldsConfig>;
+export type HomeAddressOptionalFieldsToRequire = { create?: "street2"[] | undefined; update?: "street2"[] | undefined; };
 /** @internal */
 interface HomeAddressSchemaOptions {
     mode?: 'create' | 'update';

package/dist/components/Employee/Profile/shared/useWorkAddressForm/workAddressSchema.d.ts

@@ -16,38 +16,31 @@ export declare const WorkAddressErrorCodes: {
  * @public
  */
 export type WorkAddressErrorCode = (typeof WorkAddressErrorCodes)[keyof typeof WorkAddressErrorCodes];
-declare const fieldValidators: {
-    locationUuid: z.ZodString;
-    effectiveDate: z.ZodISODate;
-};
 /**
  * Field names accepted by the work address form.
  *
  * @public
  */
-export type WorkAddressField = keyof typeof fieldValidators;
+export type WorkAddressField = "effectiveDate" | "locationUuid";
 /**
  * Shape of the values managed by the work address form.
  *
  * @public
  */
-export type WorkAddressFormData = {
-    [K in keyof typeof fieldValidators]: z.infer<(typeof fieldValidators)[K]>;
-};
+export type WorkAddressFormData = { locationUuid: string; effectiveDate: string; };
 /**
  * Shape of the validated values produced by the work address form on submit.
  *
  * @public
  */
 export type WorkAddressFormOutputs = WorkAddressFormData;
-declare const requiredFieldsConfig: {};
 /**
  * Keys of optional work address fields that can be promoted to required via
  * the hook's `optionalFieldsToRequire` option.
  *
  * @public
  */
-export type WorkAddressOptionalFieldsToRequire = OptionalFieldsToRequire<typeof requiredFieldsConfig>;
+export type WorkAddressOptionalFieldsToRequire = { create?: never[] | undefined; update?: never[] | undefined; };
 /** @internal */
 interface WorkAddressSchemaOptions {
     mode?: 'create' | 'update';

package/dist/components/Payroll/GrossUpModal/GrossUpModal.js

@@ -18,12 +18,13 @@ import "@gusto/embedded-api-v-2025-11-15/models/errors/unprocessableentityerror"
 import "@gusto/embedded-api-v-2025-11-15/models/errors/httpclienterrors";
 import { formatNumberAsCurrency as V } from "../../../helpers/formattedStrings.js";
 import "../../../shared/constants.js";
+import "../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { useI18n as E } from "../../../i18n/I18n.js";
 import { NumberInputField as T } from "../../Common/Fields/NumberInputField/NumberInputField.js";
 const q = P.object({
   netPay: P.number().positive()
 });
-function pe({ isOpen: n, onCalculateGrossUp: w, onApply: A, onCancel: d }) {
+function fe({ isOpen: n, onCalculateGrossUp: w, onApply: A, onCancel: d }) {
   E("Payroll.GrossUpModal");
   const { t: r } = k("Payroll.GrossUpModal"), { Modal: M, Heading: u, Text: p, Button: i, Alert: f } = H(), { baseSubmitHandler: y } = L(), N = R(null), [l, c] = o(null), [h, m] = o(null), [g, b] = o(!1), [x, v] = o(!1), s = U({
     resolver: z(q),
@@ -110,6 +111,6 @@ function pe({ isOpen: n, onCalculateGrossUp: w, onApply: A, onCancel: d }) {
   );
 }
 export {
-  pe as GrossUpModal
+  fe as GrossUpModal
 };
 //# sourceMappingURL=GrossUpModal.js.map

package/dist/components/Payroll/GrossUpModal/GrossUpModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"GrossUpModal.js","sources":["../../../../src/components/Payroll/GrossUpModal/GrossUpModal.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { z } from 'zod'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport type { GrossUpModalProps } from './GrossUpModalTypes'\nimport styles from './GrossUpModal.module.scss'\nimport { ActionsLayout, Flex, NumberInputField } from '@/components/Common'\nimport { useBase } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { formatNumberAsCurrency } from '@/helpers/formattedStrings'\n\nconst GrossUpFormSchema = z.object({\n  netPay: z.number().positive(),\n})\n\ntype GrossUpFormValues = z.infer<typeof GrossUpFormSchema>\n\n/** @internal */\nexport function GrossUpModal({ isOpen, onCalculateGrossUp, onApply, onCancel }: GrossUpModalProps) {\n  useI18n('Payroll.GrossUpModal')\n  const { t } = useTranslation('Payroll.GrossUpModal')\n  const { Modal, Heading, Text, Button, Alert } = useComponentContext()\n  const { baseSubmitHandler } = useBase()\n  const modalContainerRef = useRef<HTMLDivElement>(null)\n\n  const [calculatedGrossUp, setCalculatedGrossUp] = useState<string | null>(null)\n  const [errorMessage, setErrorMessage] = useState<string | null>(null)\n  const [isCalculating, setIsCalculating] = useState(false)\n  const [isApplying, setIsApplying] = useState(false)\n\n  const formHandlers = useForm<GrossUpFormValues>({\n    resolver: zodResolver(GrossUpFormSchema),\n    defaultValues: { netPay: 0 },\n  })\n\n  useEffect(() => {\n    if (!isOpen) {\n      formHandlers.reset({ netPay: 0 })\n      setCalculatedGrossUp(null)\n      setErrorMessage(null)\n    }\n  }, [isOpen, formHandlers.reset])\n\n  const handleCalculate = async (data: GrossUpFormValues) => {\n    setErrorMessage(null)\n    setCalculatedGrossUp(null)\n    setIsCalculating(true)\n\n    await baseSubmitHandler(null, async () => {\n      try {\n        const result = await onCalculateGrossUp(data.netPay)\n\n        if (result) {\n          setCalculatedGrossUp(result)\n        } else {\n          setErrorMessage(t('errorMessage'))\n        }\n      } finally {\n        setIsCalculating(false)\n      }\n    })\n  }\n\n  const handleApply = async () => {\n    if (calculatedGrossUp) {\n      setIsApplying(true)\n      await baseSubmitHandler(null, async () => {\n        try {\n          await onApply(calculatedGrossUp)\n        } finally {\n          setIsApplying(false)\n        }\n      })\n    }\n  }\n\n  return (\n    <Modal\n      isOpen={isOpen}\n      onClose={onCancel}\n      containerRef={modalContainerRef}\n      footer={\n        <ActionsLayout>\n          <Button\n            variant=\"primary\"\n            isDisabled={!calculatedGrossUp}\n            onClick={handleApply}\n            isLoading={isApplying}\n          >\n            {t('applyCta')}\n          </Button>\n          <Button variant=\"secondary\" onClick={onCancel}>\n            {t('cancelCta')}\n          </Button>\n        </ActionsLayout>\n      }\n    >\n      <FormProvider {...formHandlers}>\n        <div className={styles.header}>\n          <Heading as=\"h2\" styledAs=\"h3\">\n            {t('title')}\n          </Heading>\n          <Text variant=\"supporting\" as=\"p\">\n            {t('description')}\n          </Text>\n        </div>\n\n        <div className={styles.content}>\n          {errorMessage && (\n            <div className={styles.alert}>\n              <Alert label={errorMessage} status=\"error\" disableScrollIntoView />\n            </div>\n          )}\n\n          <div className={styles.alert}>\n            <Alert label={t('warning')} status=\"warning\" disableScrollIntoView />\n          </div>\n\n          <Flex flexDirection=\"row\" gap={8}>\n            <NumberInputField\n              name=\"netPay\"\n              label={t('netPayLabel')}\n              format=\"currency\"\n              errorMessage={t('validations.netPay')}\n              min={0}\n              isRequired\n            />\n            <Button\n              variant=\"secondary\"\n              className={styles.calculateButton}\n              isDisabled={isCalculating}\n              onClick={formHandlers.handleSubmit(handleCalculate)}\n            >\n              {isCalculating ? t('calculatingCta') : t('calculateCta')}\n            </Button>\n          </Flex>\n\n          {calculatedGrossUp && (\n            <>\n              <div className={styles.result}>\n                <Text size=\"sm\" variant=\"supporting\" weight=\"semibold\">\n                  {t('grossPayResult')}\n                </Text>\n                <Heading as=\"h3\">{formatNumberAsCurrency(parseFloat(calculatedGrossUp))}</Heading>\n              </div>\n            </>\n          )}\n        </div>\n      </FormProvider>\n    </Modal>\n  )\n}\n"],"names":["GrossUpFormSchema","z","GrossUpModal","isOpen","onCalculateGrossUp","onApply","onCancel","useI18n","t","useTranslation","Modal","Heading","Text","Button","Alert","useComponentContext","baseSubmitHandler","useBase","modalContainerRef","useRef","calculatedGrossUp","setCalculatedGrossUp","useState","errorMessage","setErrorMessage","isCalculating","setIsCalculating","isApplying","setIsApplying","formHandlers","useForm","zodResolver","useEffect","handleCalculate","data","result","jsx","ActionsLayout","jsxs","FormProvider","styles","Flex","NumberInputField","Fragment"],"mappings":"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"}
+{"version":3,"file":"GrossUpModal.js","sources":["../../../../src/components/Payroll/GrossUpModal/GrossUpModal.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { z } from 'zod'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport type { GrossUpModalProps } from './GrossUpModalTypes'\nimport styles from './GrossUpModal.module.scss'\nimport { ActionsLayout, Flex, NumberInputField } from '@/components/Common'\nimport { useBase } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { formatNumberAsCurrency } from '@/helpers/formattedStrings'\n\nconst GrossUpFormSchema = z.object({\n  netPay: z.number().positive(),\n})\n\ntype GrossUpFormValues = z.infer<typeof GrossUpFormSchema>\n\n/** @internal */\nexport function GrossUpModal({ isOpen, onCalculateGrossUp, onApply, onCancel }: GrossUpModalProps) {\n  useI18n('Payroll.GrossUpModal')\n  const { t } = useTranslation('Payroll.GrossUpModal')\n  const { Modal, Heading, Text, Button, Alert } = useComponentContext()\n  const { baseSubmitHandler } = useBase()\n  const modalContainerRef = useRef<HTMLDivElement>(null)\n\n  const [calculatedGrossUp, setCalculatedGrossUp] = useState<string | null>(null)\n  const [errorMessage, setErrorMessage] = useState<string | null>(null)\n  const [isCalculating, setIsCalculating] = useState(false)\n  const [isApplying, setIsApplying] = useState(false)\n\n  const formHandlers = useForm<GrossUpFormValues>({\n    resolver: zodResolver(GrossUpFormSchema),\n    defaultValues: { netPay: 0 },\n  })\n\n  useEffect(() => {\n    if (!isOpen) {\n      formHandlers.reset({ netPay: 0 })\n      setCalculatedGrossUp(null)\n      setErrorMessage(null)\n    }\n  }, [isOpen, formHandlers.reset])\n\n  const handleCalculate = async (data: GrossUpFormValues) => {\n    setErrorMessage(null)\n    setCalculatedGrossUp(null)\n    setIsCalculating(true)\n\n    await baseSubmitHandler(null, async () => {\n      try {\n        const result = await onCalculateGrossUp(data.netPay)\n\n        if (result) {\n          setCalculatedGrossUp(result)\n        } else {\n          setErrorMessage(t('errorMessage'))\n        }\n      } finally {\n        setIsCalculating(false)\n      }\n    })\n  }\n\n  const handleApply = async () => {\n    if (calculatedGrossUp) {\n      setIsApplying(true)\n      await baseSubmitHandler(null, async () => {\n        try {\n          await onApply(calculatedGrossUp)\n        } finally {\n          setIsApplying(false)\n        }\n      })\n    }\n  }\n\n  return (\n    <Modal\n      isOpen={isOpen}\n      onClose={onCancel}\n      containerRef={modalContainerRef}\n      footer={\n        <ActionsLayout>\n          <Button\n            variant=\"primary\"\n            isDisabled={!calculatedGrossUp}\n            onClick={handleApply}\n            isLoading={isApplying}\n          >\n            {t('applyCta')}\n          </Button>\n          <Button variant=\"secondary\" onClick={onCancel}>\n            {t('cancelCta')}\n          </Button>\n        </ActionsLayout>\n      }\n    >\n      <FormProvider {...formHandlers}>\n        <div className={styles.header}>\n          <Heading as=\"h2\" styledAs=\"h3\">\n            {t('title')}\n          </Heading>\n          <Text variant=\"supporting\" as=\"p\">\n            {t('description')}\n          </Text>\n        </div>\n\n        <div className={styles.content}>\n          {errorMessage && (\n            <div className={styles.alert}>\n              <Alert label={errorMessage} status=\"error\" disableScrollIntoView />\n            </div>\n          )}\n\n          <div className={styles.alert}>\n            <Alert label={t('warning')} status=\"warning\" disableScrollIntoView />\n          </div>\n\n          <Flex flexDirection=\"row\" gap={8}>\n            <NumberInputField\n              name=\"netPay\"\n              label={t('netPayLabel')}\n              format=\"currency\"\n              errorMessage={t('validations.netPay')}\n              min={0}\n              isRequired\n            />\n            <Button\n              variant=\"secondary\"\n              className={styles.calculateButton}\n              isDisabled={isCalculating}\n              onClick={formHandlers.handleSubmit(handleCalculate)}\n            >\n              {isCalculating ? t('calculatingCta') : t('calculateCta')}\n            </Button>\n          </Flex>\n\n          {calculatedGrossUp && (\n            <>\n              <div className={styles.result}>\n                <Text size=\"sm\" variant=\"supporting\" weight=\"semibold\">\n                  {t('grossPayResult')}\n                </Text>\n                <Heading as=\"h3\">{formatNumberAsCurrency(parseFloat(calculatedGrossUp))}</Heading>\n              </div>\n            </>\n          )}\n        </div>\n      </FormProvider>\n    </Modal>\n  )\n}\n"],"names":["GrossUpFormSchema","z","GrossUpModal","isOpen","onCalculateGrossUp","onApply","onCancel","useI18n","t","useTranslation","Modal","Heading","Text","Button","Alert","useComponentContext","baseSubmitHandler","useBase","modalContainerRef","useRef","calculatedGrossUp","setCalculatedGrossUp","useState","errorMessage","setErrorMessage","isCalculating","setIsCalculating","isApplying","setIsApplying","formHandlers","useForm","zodResolver","useEffect","handleCalculate","data","result","jsx","ActionsLayout","jsxs","FormProvider","styles","Flex","NumberInputField","Fragment"],"mappings":"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"}

package/dist/components/Payroll/PayrollEditEmployee/PayrollEditEmployeePresentation.d.ts

@@ -17,25 +17,9 @@ interface PayrollEditEmployeeProps {
     withReimbursements?: boolean;
     hasDirectDepositSetup?: boolean;
 }
-declare const PayrollEditEmployeeFormSchema: z.ZodObject<{
-    hourlyCompensations: z.ZodRecord<z.ZodString, z.ZodRecord<z.ZodString, z.ZodOptional<z.ZodString>>>;
-    timeOffCompensations: z.ZodRecord<z.ZodString, z.ZodOptional<z.ZodString>>;
-    finalPayoutCompensations: z.ZodRecord<z.ZodString, z.ZodOptional<z.ZodString>>;
-    fixedCompensations: z.ZodRecord<z.ZodString, z.ZodOptional<z.ZodString>>;
-    reimbursements: z.ZodArray<z.ZodObject<{
-        uuid: z.ZodOptional<z.ZodNullable<z.ZodString>>;
-        description: z.ZodString;
-        amount: z.ZodString;
-        recurring: z.ZodOptional<z.ZodBoolean>;
-    }, z.core.$strip>>;
-    paymentMethod: z.ZodOptional<z.ZodEnum<{
-        readonly DirectDeposit: "Direct Deposit";
-        readonly Check: "Check";
-        readonly Historical: "Historical";
-    }>>;
-}, z.core.$strip>;
+
 /** @internal */
-export type PayrollEditEmployeeFormValues = z.infer<typeof PayrollEditEmployeeFormSchema>;
+export type PayrollEditEmployeeFormValues = { hourlyCompensations: Record<string, Record<string, string | undefined>>; timeOffCompensations: Record<string, string | undefined>; finalPayoutCompensations: Record<string, string | undefined>; fixedCompensations: Record<string, string | undefined>; reimbursements: { description: string; amount: string; uuid?: string | null | undefined; recurring?: boolean | undefined; }[]; paymentMethod?: "Check" | "Historical" | "Direct Deposit" | undefined; };
 /** @internal */
 export declare const PayrollEditEmployeePresentation: ({ onSave, onCancel, employee, employeeCompensation, isPending, fixedCompensationTypes, payPeriodStartDate, paySchedule, payrollCategory, withReimbursements, hasDirectDepositSetup, }: PayrollEditEmployeeProps) => import("react").JSX.Element;
 export {};