@gusto/embedded-react-sdk 0.48.3 → 0.49.0

package/dist/components/Employee/Documents/onboarding/DocumentSigner/DocumentList/useDocumentList.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDocumentList.js","sources":["../../../../../../../src/components/Employee/Documents/onboarding/DocumentSigner/DocumentList/useDocumentList.ts"],"sourcesContent":["import type { Form } from '@gusto/embedded-api-v-2025-11-15/models/components/form'\nimport { createCompoundContext } from '@/components/Base'\n\ntype DocumentListContextType = {\n  employeeForms: Form[]\n  hasSignedAllForms: boolean\n  handleContinue: () => void\n  handleRequestFormToSign: (form: Form) => void\n  documentListError: Error | null\n  formToSign?: Form\n}\n\nconst [useDocumentList, DocumentListProvider] =\n  createCompoundContext<DocumentListContextType>('DocumentListContext')\nexport { useDocumentList, DocumentListProvider }\n"],"names":["useDocumentList","DocumentListProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;AAYA,MAAM,CAACA,GAAiBC,CAAoB,IAC1CC,EAA+C,qBAAqB;"}
+{"version":3,"file":"useDocumentList.js","sources":["../../../../../../../src/components/Employee/Documents/onboarding/DocumentSigner/DocumentList/useDocumentList.ts"],"sourcesContent":["import type { Form } from '@gusto/embedded-api-v-2025-11-15/models/components/form'\nimport { createCompoundContext } from '@/components/Base'\n\ntype DocumentListContextType = {\n  employeeForms: Form[]\n  hasSignedAllForms: boolean\n  handleContinue: () => void\n  handleRequestFormToSign: (form: Form) => void\n  documentListError: Error | null\n  formToSign?: Form\n}\n\nconst [useDocumentList, DocumentListProvider] =\n  createCompoundContext<DocumentListContextType>('DocumentListContext')\nexport { useDocumentList, DocumentListProvider }\n"],"names":["useDocumentList","DocumentListProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;AAYA,MAAM,CAACA,GAAiBC,CAAoB,IAC1CC,EAA+C,qBAAqB;"}

package/dist/components/Employee/Documents/onboarding/DocumentSigner/DocumentSigner.d.ts

@@ -19,15 +19,22 @@ export interface DocumentSignerProps extends BaseComponentInterface<'Employee.Do
  * signed, the flow starts on the I-9 employment eligibility step before
  * presenting the document list.
  *
+ * @events
  * | Event | Description | Data |
  * | ----- | ----------- | ---- |
  * | `employee/employmentEligibility/done` | Fired after I-9 employment eligibility is captured | The updated I-9 authorization |
  * | `employee/forms/view` | Fired when a form's "Sign" action is selected from the document list | `{ uuid: string; name?: string }` |
- * | `employee/forms/sign` | Fired after a form is successfully signed | {@link Form} |
+ * | `employee/forms/sign` | Fired after a form is successfully signed | {@link APIModels.Form} |
  * | `employee/employmentEligibility/change` | Fired when the user requests to change their I-9 eligibility status | — |
  * | `employee/forms/done` | Fired when all required forms have been signed and the parent flow can advance | — |
  * | `cancel` | Fired when the user cancels signing a form and returns to the document list | — |
  *
+ * @components
+ * - {@link EmploymentEligibility}
+ * - {@link I9SignatureForm}
+ * - {@link DocumentList}
+ * - {@link SignatureForm}
+ *
  * @param props - See {@link DocumentSignerProps}.
  * @returns The document signer flow.
  * @public

package/dist/components/Employee/Documents/onboarding/DocumentSigner/DocumentSigner.js.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentSigner.js","sources":["../../../../../../src/components/Employee/Documents/onboarding/DocumentSigner/DocumentSigner.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { useEmployeesGetSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/employeesGet'\nimport { useEmployeeFormsListSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/employeeFormsList'\nimport {\n  DocumentListContextual,\n  EmploymentEligibilityContextual,\n  type DocumentSignerContextInterface,\n} from './documentSignerStateMachine'\nimport { documentSignerMachine } from './stateMachine'\nimport { Flow } from '@/components/Flow/Flow'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { I9_FORM_NAME } from '@/shared/constants'\n\n/**\n * Props for {@link DocumentSigner}.\n *\n * @public\n */\nexport interface DocumentSignerProps extends BaseComponentInterface<'Employee.DocumentSigner'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** When `true`, the flow routes through I-9 employment eligibility before listing documents for signing. Defaults to `false`. */\n  withEmployeeI9?: boolean\n}\n\n/**\n * Onboarding step for signing employee documents.\n *\n * @remarks\n * Lists the employee's pending forms and routes through the signing UI for each\n * one. When `withEmployeeI9` is `true` and the employee's I-9 has not been\n * signed, the flow starts on the I-9 employment eligibility step before\n * presenting the document list.\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/employmentEligibility/done` | Fired after I-9 employment eligibility is captured | The updated I-9 authorization |\n * | `employee/forms/view` | Fired when a form's \"Sign\" action is selected from the document list | `{ uuid: string; name?: string }` |\n * | `employee/forms/sign` | Fired after a form is successfully signed | {@link Form} |\n * | `employee/employmentEligibility/change` | Fired when the user requests to change their I-9 eligibility status | — |\n * | `employee/forms/done` | Fired when all required forms have been signed and the parent flow can advance | — |\n * | `cancel` | Fired when the user cancels signing a form and returns to the document list | — |\n *\n * @param props - See {@link DocumentSignerProps}.\n * @returns The document signer flow.\n * @public\n */\nexport function DocumentSigner(props: DocumentSignerProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ employeeId, onEvent, dictionary, withEmployeeI9 = false }: DocumentSignerProps) {\n  useComponentDictionary('Employee.DocumentSigner', dictionary)\n\n  const { data: employeeData } = useEmployeesGetSuspense({ employeeId })\n  const { data: formsData } = useEmployeeFormsListSuspense({ employeeId })\n\n  const employeeHasI9Enabled = employeeData.employee?.onboardingDocumentsConfig?.i9Document === true\n\n  const i9Form = formsData.forms?.find(form => form.name === I9_FORM_NAME)\n  const needsI9Form =\n    withEmployeeI9 && employeeHasI9Enabled && (!i9Form || i9Form.requiresSigning === true)\n\n  const machine = useMemo(\n    () =>\n      createMachine(\n        needsI9Form ? 'employmentEligibility' : 'index',\n        documentSignerMachine,\n        (initialContext: DocumentSignerContextInterface) => ({\n          ...initialContext,\n          component: needsI9Form ? EmploymentEligibilityContextual : DocumentListContextual,\n          employeeId,\n          withEmployeeI9,\n        }),\n      ),\n    [employeeId, withEmployeeI9],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n"],"names":["DocumentSigner","props","jsx","BaseComponent","Root","employeeId","onEvent","dictionary","withEmployeeI9","useComponentDictionary","employeeData","useEmployeesGetSuspense","formsData","useEmployeeFormsListSuspense","employeeHasI9Enabled","i9Form","form","I9_FORM_NAME","needsI9Form","machine","useMemo","createMachine","documentSignerMachine","initialContext","EmploymentEligibilityContextual","DocumentListContextual","Flow"],"mappings":";;;;;;;;;;;;AAiDO,SAASA,EAAeC,GAA4B;AACzD,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAM,GAAGH,GAAO,EAAA,CACnB;AAEJ;AAEA,SAASG,EAAK,EAAE,YAAAC,GAAY,SAAAC,GAAS,YAAAC,GAAY,gBAAAC,IAAiB,MAA8B;AAC9F,EAAAC,EAAuB,2BAA2BF,CAAU;AAE5D,QAAM,EAAE,MAAMG,EAAA,IAAiBC,EAAwB,EAAE,YAAAN,GAAY,GAC/D,EAAE,MAAMO,EAAA,IAAcC,EAA6B,EAAE,YAAAR,GAAY,GAEjES,IAAuBJ,EAAa,UAAU,2BAA2B,eAAe,IAExFK,IAASH,EAAU,OAAO,KAAK,CAAAI,MAAQA,EAAK,SAASC,CAAY,GACjEC,IACJV,KAAkBM,MAAyB,CAACC,KAAUA,EAAO,oBAAoB,KAE7EI,IAAUC;AAAA,IACd,MACEC;AAAA,MACEH,IAAc,0BAA0B;AAAA,MACxCI;AAAA,MACA,CAACC,OAAoD;AAAA,QACnD,GAAGA;AAAA,QACH,WAAWL,IAAcM,IAAkCC;AAAA,QAC3D,YAAApB;AAAA,QACA,gBAAAG;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACH,GAAYG,CAAc;AAAA,EAAA;AAG7B,SAAO,gBAAAN,EAACwB,GAAA,EAAK,SAAAP,GAAkB,SAAAb,EAAA,CAAkB;AACnD;"}
+{"version":3,"file":"DocumentSigner.js","sources":["../../../../../../src/components/Employee/Documents/onboarding/DocumentSigner/DocumentSigner.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { useEmployeesGetSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/employeesGet'\nimport { useEmployeeFormsListSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/employeeFormsList'\nimport {\n  DocumentListContextual,\n  EmploymentEligibilityContextual,\n  type DocumentSignerContextInterface,\n} from './documentSignerStateMachine'\nimport { documentSignerMachine } from './stateMachine'\nimport { Flow } from '@/components/Flow/Flow'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { I9_FORM_NAME } from '@/shared/constants'\n\n/**\n * Props for {@link DocumentSigner}.\n *\n * @public\n */\nexport interface DocumentSignerProps extends BaseComponentInterface<'Employee.DocumentSigner'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** When `true`, the flow routes through I-9 employment eligibility before listing documents for signing. Defaults to `false`. */\n  withEmployeeI9?: boolean\n}\n\n/**\n * Onboarding step for signing employee documents.\n *\n * @remarks\n * Lists the employee's pending forms and routes through the signing UI for each\n * one. When `withEmployeeI9` is `true` and the employee's I-9 has not been\n * signed, the flow starts on the I-9 employment eligibility step before\n * presenting the document list.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/employmentEligibility/done` | Fired after I-9 employment eligibility is captured | The updated I-9 authorization |\n * | `employee/forms/view` | Fired when a form's \"Sign\" action is selected from the document list | `{ uuid: string; name?: string }` |\n * | `employee/forms/sign` | Fired after a form is successfully signed | {@link APIModels.Form} |\n * | `employee/employmentEligibility/change` | Fired when the user requests to change their I-9 eligibility status | — |\n * | `employee/forms/done` | Fired when all required forms have been signed and the parent flow can advance | — |\n * | `cancel` | Fired when the user cancels signing a form and returns to the document list | — |\n *\n * @components\n * - {@link EmploymentEligibility}\n * - {@link I9SignatureForm}\n * - {@link DocumentList}\n * - {@link SignatureForm}\n *\n * @param props - See {@link DocumentSignerProps}.\n * @returns The document signer flow.\n * @public\n */\nexport function DocumentSigner(props: DocumentSignerProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ employeeId, onEvent, dictionary, withEmployeeI9 = false }: DocumentSignerProps) {\n  useComponentDictionary('Employee.DocumentSigner', dictionary)\n\n  const { data: employeeData } = useEmployeesGetSuspense({ employeeId })\n  const { data: formsData } = useEmployeeFormsListSuspense({ employeeId })\n\n  const employeeHasI9Enabled = employeeData.employee?.onboardingDocumentsConfig?.i9Document === true\n\n  const i9Form = formsData.forms?.find(form => form.name === I9_FORM_NAME)\n  const needsI9Form =\n    withEmployeeI9 && employeeHasI9Enabled && (!i9Form || i9Form.requiresSigning === true)\n\n  const machine = useMemo(\n    () =>\n      createMachine(\n        needsI9Form ? 'employmentEligibility' : 'index',\n        documentSignerMachine,\n        (initialContext: DocumentSignerContextInterface) => ({\n          ...initialContext,\n          component: needsI9Form ? EmploymentEligibilityContextual : DocumentListContextual,\n          employeeId,\n          withEmployeeI9,\n        }),\n      ),\n    [employeeId, withEmployeeI9],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n"],"names":["DocumentSigner","props","jsx","BaseComponent","Root","employeeId","onEvent","dictionary","withEmployeeI9","useComponentDictionary","employeeData","useEmployeesGetSuspense","formsData","useEmployeeFormsListSuspense","employeeHasI9Enabled","i9Form","form","I9_FORM_NAME","needsI9Form","machine","useMemo","createMachine","documentSignerMachine","initialContext","EmploymentEligibilityContextual","DocumentListContextual","Flow"],"mappings":";;;;;;;;;;;;AAwDO,SAASA,EAAeC,GAA4B;AACzD,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAM,GAAGH,GAAO,EAAA,CACnB;AAEJ;AAEA,SAASG,EAAK,EAAE,YAAAC,GAAY,SAAAC,GAAS,YAAAC,GAAY,gBAAAC,IAAiB,MAA8B;AAC9F,EAAAC,EAAuB,2BAA2BF,CAAU;AAE5D,QAAM,EAAE,MAAMG,EAAA,IAAiBC,EAAwB,EAAE,YAAAN,GAAY,GAC/D,EAAE,MAAMO,EAAA,IAAcC,EAA6B,EAAE,YAAAR,GAAY,GAEjES,IAAuBJ,EAAa,UAAU,2BAA2B,eAAe,IAExFK,IAASH,EAAU,OAAO,KAAK,CAAAI,MAAQA,EAAK,SAASC,CAAY,GACjEC,IACJV,KAAkBM,MAAyB,CAACC,KAAUA,EAAO,oBAAoB,KAE7EI,IAAUC;AAAA,IACd,MACEC;AAAA,MACEH,IAAc,0BAA0B;AAAA,MACxCI;AAAA,MACA,CAACC,OAAoD;AAAA,QACnD,GAAGA;AAAA,QACH,WAAWL,IAAcM,IAAkCC;AAAA,QAC3D,YAAApB;AAAA,QACA,gBAAAG;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACH,GAAYG,CAAc;AAAA,EAAA;AAG7B,SAAO,gBAAAN,EAACwB,GAAA,EAAK,SAAAP,GAAkB,SAAAb,EAAA,CAAkB;AACnD;"}

package/dist/components/Employee/Documents/onboarding/DocumentSigner/EmploymentEligibility/EmploymentEligibility.d.ts

@@ -17,6 +17,7 @@ export interface EmploymentEligibilityProps extends BaseComponentInterface<'Empl
  * document details required for that status. Updates the employee's I-9
  * authorization record on submit.
  *
+ * @events
  * | Event | Description | Data |
  * | ----- | ----------- | ---- |
  * | `employee/employmentEligibility/done` | Fired after the I-9 authorization is saved | The updated I-9 authorization |

package/dist/components/Employee/Documents/onboarding/DocumentSigner/EmploymentEligibility/EmploymentEligibility.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmploymentEligibility.js","sources":["../../../../../../../src/components/Employee/Documents/onboarding/DocumentSigner/EmploymentEligibility/EmploymentEligibility.tsx"],"sourcesContent":["import { GustoEmbeddedError } from '@gusto/embedded-api-v-2025-11-15/models/errors/gustoembeddederror'\nimport { useI9VerificationGetAuthorization } from '@gusto/embedded-api-v-2025-11-15/react-query/i9VerificationGetAuthorization'\nimport { useI9VerificationUpdateMutation } from '@gusto/embedded-api-v-2025-11-15/react-query/i9VerificationUpdate'\nimport { EmploymentEligibilityPresentation } from './EmploymentEligibilityPresentation'\nimport type {\n  EmploymentEligibilityInputs,\n  EmploymentEligibilityPayload,\n} from './EmploymentEligibilitySchema'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\n/**\n * Props for {@link EmploymentEligibility}.\n *\n * @public\n */\nexport interface EmploymentEligibilityProps extends BaseComponentInterface<'Employee.EmploymentEligibility'> {\n  /** The associated employee identifier. */\n  employeeId: string\n}\n\n/**\n * Captures the employee's I-9 employment eligibility (Section 1) before signing.\n *\n * @remarks\n * Collects the employee's authorization status — U.S. citizen, noncitizen\n * national, permanent resident, or alien authorized to work — and any\n * document details required for that status. Updates the employee's I-9\n * authorization record on submit.\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/employmentEligibility/done` | Fired after the I-9 authorization is saved | The updated I-9 authorization |\n *\n * @param props - See {@link EmploymentEligibilityProps}.\n * @returns The employment eligibility form.\n * @public\n */\nexport function EmploymentEligibility(props: EmploymentEligibilityProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ employeeId, dictionary }: EmploymentEligibilityProps) => {\n  useComponentDictionary('Employee.EmploymentEligibility', dictionary)\n  useI18n('Employee.EmploymentEligibility')\n  const { onEvent, baseSubmitHandler, LoadingIndicator } = useBase()\n\n  const { data: i9AuthData, isLoading } = useI9VerificationGetAuthorization(\n    { employeeId },\n    {\n      retry: false,\n      throwOnError: (error: Error) => {\n        return !(error instanceof GustoEmbeddedError && error.httpMeta.response.status === 404)\n      },\n    },\n  )\n\n  const existingAuth = i9AuthData?.i9Authorization\n\n  const { mutateAsync: updateI9Authorization, isPending } = useI9VerificationUpdateMutation()\n\n  const handleSubmit = async (data: EmploymentEligibilityPayload) => {\n    await baseSubmitHandler(data, async payload => {\n      const { authorizationStatus, documentType, documentNumber, expirationDate, country } = payload\n\n      if (!authorizationStatus) return\n\n      const result = await updateI9Authorization({\n        request: {\n          employeeId,\n          i9AuthorizationRequestBody: {\n            authorizationStatus,\n            version: existingAuth?.version,\n            ...(authorizationStatus === 'permanent_resident' &&\n              documentNumber && {\n                documentType: 'uscis_alien_registration_number',\n                documentNumber,\n              }),\n            ...(authorizationStatus === 'alien' && {\n              ...(documentNumber && documentType && { documentType, documentNumber }),\n              expirationDate,\n              ...(documentType === 'foreign_passport' && { country }),\n            }),\n          },\n        },\n      })\n\n      onEvent(componentEvents.EMPLOYEE_EMPLOYMENT_ELIGIBILITY_DONE, result.i9Authorization)\n    })\n  }\n\n  const defaultValues: Partial<EmploymentEligibilityInputs> = existingAuth\n    ? {\n        authorizationStatus: existingAuth.authorizationStatus,\n        documentType: existingAuth.documentType ?? undefined,\n        expirationDate: existingAuth.expirationDate\n          ? new Date(existingAuth.expirationDate)\n          : undefined,\n        country: existingAuth.country ?? undefined,\n      }\n    : {}\n\n  if (!isPending && isLoading) return <LoadingIndicator />\n\n  return (\n    <EmploymentEligibilityPresentation\n      key={existingAuth?.uuid}\n      onSubmit={handleSubmit}\n      defaultValues={defaultValues}\n      hasDocumentNumber={existingAuth?.hasDocumentNumber}\n      isPending={isPending}\n    />\n  )\n}\n"],"names":["EmploymentEligibility","props","jsx","BaseComponent","Root","employeeId","dictionary","useComponentDictionary","useI18n","onEvent","baseSubmitHandler","LoadingIndicator","useBase","i9AuthData","isLoading","useI9VerificationGetAuthorization","error","GustoEmbeddedError","existingAuth","updateI9Authorization","isPending","useI9VerificationUpdateMutation","handleSubmit","data","payload","authorizationStatus","documentType","documentNumber","expirationDate","country","result","componentEvents","defaultValues","EmploymentEligibilityPresentation"],"mappings":";;;;;;;;;AAyCO,SAASA,EAAsBC,GAAmC;AACvE,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAM,GAAGH,GAAO,EAAA,CACnB;AAEJ;AAEA,MAAMG,IAAO,CAAC,EAAE,YAAAC,GAAY,YAAAC,QAA6C;AACvE,EAAAC,EAAuB,kCAAkCD,CAAU,GACnEE,EAAQ,gCAAgC;AACxC,QAAM,EAAE,SAAAC,GAAS,mBAAAC,GAAmB,kBAAAC,EAAA,IAAqBC,EAAA,GAEnD,EAAE,MAAMC,GAAY,WAAAC,EAAA,IAAcC;AAAA,IACtC,EAAE,YAAAV,EAAA;AAAA,IACF;AAAA,MACE,OAAO;AAAA,MACP,cAAc,CAACW,MACN,EAAEA,aAAiBC,KAAsBD,EAAM,SAAS,SAAS,WAAW;AAAA,IACrF;AAAA,EACF,GAGIE,IAAeL,GAAY,iBAE3B,EAAE,aAAaM,GAAuB,WAAAC,EAAA,IAAcC,EAAA,GAEpDC,IAAe,OAAOC,MAAuC;AACjE,UAAMb,EAAkBa,GAAM,OAAMC,MAAW;AAC7C,YAAM,EAAE,qBAAAC,GAAqB,cAAAC,GAAc,gBAAAC,GAAgB,gBAAAC,GAAgB,SAAAC,MAAYL;AAEvF,UAAI,CAACC,EAAqB;AAE1B,YAAMK,IAAS,MAAMX,EAAsB;AAAA,QACzC,SAAS;AAAA,UACP,YAAAd;AAAA,UACA,4BAA4B;AAAA,YAC1B,qBAAAoB;AAAA,YACA,SAASP,GAAc;AAAA,YACvB,GAAIO,MAAwB,wBAC1BE,KAAkB;AAAA,cAChB,cAAc;AAAA,cACd,gBAAAA;AAAA,YAAA;AAAA,YAEJ,GAAIF,MAAwB,WAAW;AAAA,cACrC,GAAIE,KAAkBD,KAAgB,EAAE,cAAAA,GAAc,gBAAAC,EAAA;AAAA,cACtD,gBAAAC;AAAA,cACA,GAAIF,MAAiB,sBAAsB,EAAE,SAAAG,EAAA;AAAA,YAAQ;AAAA,UACvD;AAAA,QACF;AAAA,MACF,CACD;AAED,MAAApB,EAAQsB,EAAgB,sCAAsCD,EAAO,eAAe;AAAA,IACtF,CAAC;AAAA,EACH,GAEME,IAAsDd,IACxD;AAAA,IACE,qBAAqBA,EAAa;AAAA,IAClC,cAAcA,EAAa,gBAAgB;AAAA,IAC3C,gBAAgBA,EAAa,iBACzB,IAAI,KAAKA,EAAa,cAAc,IACpC;AAAA,IACJ,SAASA,EAAa,WAAW;AAAA,EAAA,IAEnC,CAAA;AAEJ,SAAI,CAACE,KAAaN,sBAAmBH,GAAA,CAAA,CAAiB,IAGpD,gBAAAT;AAAA,IAAC+B;AAAA,IAAA;AAAA,MAEC,UAAUX;AAAA,MACV,eAAAU;AAAA,MACA,mBAAmBd,GAAc;AAAA,MACjC,WAAAE;AAAA,IAAA;AAAA,IAJKF,GAAc;AAAA,EAAA;AAOzB;"}
+{"version":3,"file":"EmploymentEligibility.js","sources":["../../../../../../../src/components/Employee/Documents/onboarding/DocumentSigner/EmploymentEligibility/EmploymentEligibility.tsx"],"sourcesContent":["import { GustoEmbeddedError } from '@gusto/embedded-api-v-2025-11-15/models/errors/gustoembeddederror'\nimport { useI9VerificationGetAuthorization } from '@gusto/embedded-api-v-2025-11-15/react-query/i9VerificationGetAuthorization'\nimport { useI9VerificationUpdateMutation } from '@gusto/embedded-api-v-2025-11-15/react-query/i9VerificationUpdate'\nimport { EmploymentEligibilityPresentation } from './EmploymentEligibilityPresentation'\nimport type {\n  EmploymentEligibilityInputs,\n  EmploymentEligibilityPayload,\n} from './EmploymentEligibilitySchema'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\n/**\n * Props for {@link EmploymentEligibility}.\n *\n * @public\n */\nexport interface EmploymentEligibilityProps extends BaseComponentInterface<'Employee.EmploymentEligibility'> {\n  /** The associated employee identifier. */\n  employeeId: string\n}\n\n/**\n * Captures the employee's I-9 employment eligibility (Section 1) before signing.\n *\n * @remarks\n * Collects the employee's authorization status — U.S. citizen, noncitizen\n * national, permanent resident, or alien authorized to work — and any\n * document details required for that status. Updates the employee's I-9\n * authorization record on submit.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/employmentEligibility/done` | Fired after the I-9 authorization is saved | The updated I-9 authorization |\n *\n * @param props - See {@link EmploymentEligibilityProps}.\n * @returns The employment eligibility form.\n * @public\n */\nexport function EmploymentEligibility(props: EmploymentEligibilityProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ employeeId, dictionary }: EmploymentEligibilityProps) => {\n  useComponentDictionary('Employee.EmploymentEligibility', dictionary)\n  useI18n('Employee.EmploymentEligibility')\n  const { onEvent, baseSubmitHandler, LoadingIndicator } = useBase()\n\n  const { data: i9AuthData, isLoading } = useI9VerificationGetAuthorization(\n    { employeeId },\n    {\n      retry: false,\n      throwOnError: (error: Error) => {\n        return !(error instanceof GustoEmbeddedError && error.httpMeta.response.status === 404)\n      },\n    },\n  )\n\n  const existingAuth = i9AuthData?.i9Authorization\n\n  const { mutateAsync: updateI9Authorization, isPending } = useI9VerificationUpdateMutation()\n\n  const handleSubmit = async (data: EmploymentEligibilityPayload) => {\n    await baseSubmitHandler(data, async payload => {\n      const { authorizationStatus, documentType, documentNumber, expirationDate, country } = payload\n\n      if (!authorizationStatus) return\n\n      const result = await updateI9Authorization({\n        request: {\n          employeeId,\n          i9AuthorizationRequestBody: {\n            authorizationStatus,\n            version: existingAuth?.version,\n            ...(authorizationStatus === 'permanent_resident' &&\n              documentNumber && {\n                documentType: 'uscis_alien_registration_number',\n                documentNumber,\n              }),\n            ...(authorizationStatus === 'alien' && {\n              ...(documentNumber && documentType && { documentType, documentNumber }),\n              expirationDate,\n              ...(documentType === 'foreign_passport' && { country }),\n            }),\n          },\n        },\n      })\n\n      onEvent(componentEvents.EMPLOYEE_EMPLOYMENT_ELIGIBILITY_DONE, result.i9Authorization)\n    })\n  }\n\n  const defaultValues: Partial<EmploymentEligibilityInputs> = existingAuth\n    ? {\n        authorizationStatus: existingAuth.authorizationStatus,\n        documentType: existingAuth.documentType ?? undefined,\n        expirationDate: existingAuth.expirationDate\n          ? new Date(existingAuth.expirationDate)\n          : undefined,\n        country: existingAuth.country ?? undefined,\n      }\n    : {}\n\n  if (!isPending && isLoading) return <LoadingIndicator />\n\n  return (\n    <EmploymentEligibilityPresentation\n      key={existingAuth?.uuid}\n      onSubmit={handleSubmit}\n      defaultValues={defaultValues}\n      hasDocumentNumber={existingAuth?.hasDocumentNumber}\n      isPending={isPending}\n    />\n  )\n}\n"],"names":["EmploymentEligibility","props","jsx","BaseComponent","Root","employeeId","dictionary","useComponentDictionary","useI18n","onEvent","baseSubmitHandler","LoadingIndicator","useBase","i9AuthData","isLoading","useI9VerificationGetAuthorization","error","GustoEmbeddedError","existingAuth","updateI9Authorization","isPending","useI9VerificationUpdateMutation","handleSubmit","data","payload","authorizationStatus","documentType","documentNumber","expirationDate","country","result","componentEvents","defaultValues","EmploymentEligibilityPresentation"],"mappings":";;;;;;;;;AA0CO,SAASA,EAAsBC,GAAmC;AACvE,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAM,GAAGH,GAAO,EAAA,CACnB;AAEJ;AAEA,MAAMG,IAAO,CAAC,EAAE,YAAAC,GAAY,YAAAC,QAA6C;AACvE,EAAAC,EAAuB,kCAAkCD,CAAU,GACnEE,EAAQ,gCAAgC;AACxC,QAAM,EAAE,SAAAC,GAAS,mBAAAC,GAAmB,kBAAAC,EAAA,IAAqBC,EAAA,GAEnD,EAAE,MAAMC,GAAY,WAAAC,EAAA,IAAcC;AAAA,IACtC,EAAE,YAAAV,EAAA;AAAA,IACF;AAAA,MACE,OAAO;AAAA,MACP,cAAc,CAACW,MACN,EAAEA,aAAiBC,KAAsBD,EAAM,SAAS,SAAS,WAAW;AAAA,IACrF;AAAA,EACF,GAGIE,IAAeL,GAAY,iBAE3B,EAAE,aAAaM,GAAuB,WAAAC,EAAA,IAAcC,EAAA,GAEpDC,IAAe,OAAOC,MAAuC;AACjE,UAAMb,EAAkBa,GAAM,OAAMC,MAAW;AAC7C,YAAM,EAAE,qBAAAC,GAAqB,cAAAC,GAAc,gBAAAC,GAAgB,gBAAAC,GAAgB,SAAAC,MAAYL;AAEvF,UAAI,CAACC,EAAqB;AAE1B,YAAMK,IAAS,MAAMX,EAAsB;AAAA,QACzC,SAAS;AAAA,UACP,YAAAd;AAAA,UACA,4BAA4B;AAAA,YAC1B,qBAAAoB;AAAA,YACA,SAASP,GAAc;AAAA,YACvB,GAAIO,MAAwB,wBAC1BE,KAAkB;AAAA,cAChB,cAAc;AAAA,cACd,gBAAAA;AAAA,YAAA;AAAA,YAEJ,GAAIF,MAAwB,WAAW;AAAA,cACrC,GAAIE,KAAkBD,KAAgB,EAAE,cAAAA,GAAc,gBAAAC,EAAA;AAAA,cACtD,gBAAAC;AAAA,cACA,GAAIF,MAAiB,sBAAsB,EAAE,SAAAG,EAAA;AAAA,YAAQ;AAAA,UACvD;AAAA,QACF;AAAA,MACF,CACD;AAED,MAAApB,EAAQsB,EAAgB,sCAAsCD,EAAO,eAAe;AAAA,IACtF,CAAC;AAAA,EACH,GAEME,IAAsDd,IACxD;AAAA,IACE,qBAAqBA,EAAa;AAAA,IAClC,cAAcA,EAAa,gBAAgB;AAAA,IAC3C,gBAAgBA,EAAa,iBACzB,IAAI,KAAKA,EAAa,cAAc,IACpC;AAAA,IACJ,SAASA,EAAa,WAAW;AAAA,EAAA,IAEnC,CAAA;AAEJ,SAAI,CAACE,KAAaN,sBAAmBH,GAAA,CAAA,CAAiB,IAGpD,gBAAAT;AAAA,IAAC+B;AAAA,IAAA;AAAA,MAEC,UAAUX;AAAA,MACV,eAAAU;AAAA,MACA,mBAAmBd,GAAc;AAAA,MACjC,WAAAE;AAAA,IAAA;AAAA,IAJKF,GAAc;AAAA,EAAA;AAOzB;"}

package/dist/components/Employee/Documents/onboarding/DocumentSigner/I9SignatureForm/I9SignatureForm.d.ts

@@ -4,7 +4,7 @@ import { BaseComponentInterface } from '../../../../../Base/Base';
  *
  * @public
  */
-export interface I9SignatureFormProps extends BaseComponentInterface {
+export interface I9SignatureFormProps extends BaseComponentInterface<'Employee.I9SignatureForm'> {
     /** The associated employee identifier. */
     employeeId: string;
     /** The identifier of the I-9 form to sign. */
@@ -18,9 +18,10 @@ export interface I9SignatureFormProps extends BaseComponentInterface {
  * collects the employee's signature along with any preparer or translator
  * details. On successful submission the signed form is emitted.
  *
+ * @events
  * | Event | Description | Data |
  * | ----- | ----------- | ---- |
- * | `employee/forms/sign` | Fired after the I-9 is successfully signed | {@link Form} |
+ * | `employee/forms/sign` | Fired after the I-9 is successfully signed | {@link APIModels.Form} |
  * | `employee/employmentEligibility/change` | Fired when the user requests to change their I-9 eligibility status | — |
  * | `cancel` | Fired when the user cancels signing and returns to the document list | — |
  *

package/dist/components/Employee/Documents/onboarding/DocumentSigner/I9SignatureForm/I9SignatureForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"I9SignatureForm.js","sources":["../../../../../../../src/components/Employee/Documents/onboarding/DocumentSigner/I9SignatureForm/I9SignatureForm.tsx"],"sourcesContent":["import { useTranslation, Trans } from 'react-i18next'\nimport type { AuthorizationStatus } from '@gusto/embedded-api-v-2025-11-15/models/components/i9authorization'\nimport { useI9VerificationGetAuthorization } from '@gusto/embedded-api-v-2025-11-15/react-query/i9VerificationGetAuthorization'\nimport { useSignEmployeeForm, type PreparerFieldGroup } from '../../../shared/useSignEmployeeForm'\nimport styles from './I9SignatureForm.module.scss'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseLayout } from '@/components/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { ActionsLayout, Flex } from '@/components/Common'\nimport { DocumentViewer } from '@/components/Common/DocumentViewer'\nimport { Form } from '@/components/Common/Form'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/**\n * Props for {@link I9SignatureForm}.\n *\n * @public\n */\nexport interface I9SignatureFormProps extends BaseComponentInterface {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** The identifier of the I-9 form to sign. */\n  formId: string\n}\n\n/**\n * Presents the employee's I-9 form for review and signature.\n *\n * @remarks\n * Renders the I-9 PDF, surfaces the current employment-eligibility status, and\n * collects the employee's signature along with any preparer or translator\n * details. On successful submission the signed form is emitted.\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/forms/sign` | Fired after the I-9 is successfully signed | {@link Form} |\n * | `employee/employmentEligibility/change` | Fired when the user requests to change their I-9 eligibility status | — |\n * | `cancel` | Fired when the user cancels signing and returns to the document list | — |\n *\n * @param props - See {@link I9SignatureFormProps}.\n * @returns The employee I-9 signature form.\n * @public\n */\nexport function I9SignatureForm(props: I9SignatureFormProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ employeeId, formId, className }: I9SignatureFormProps) {\n  useI18n('Employee.I9SignatureForm')\n  const { t } = useTranslation('Employee.I9SignatureForm')\n  const { onEvent } = useBase()\n  const Components = useComponentContext()\n\n  const hookResult = useSignEmployeeForm({ employeeId, formId })\n\n  const { data: i9AuthData } = useI9VerificationGetAuthorization({ employeeId })\n  const authorizationStatus = i9AuthData?.i9Authorization?.authorizationStatus\n\n  if (hookResult.isLoading) {\n    return <BaseLayout isLoading error={hookResult.errorHandling.errors} />\n  }\n\n  const { form, pdfUrl } = hookResult.data\n  const { isPending } = hookResult.status\n  const { Fields, preparers } = hookResult.form\n\n  const handleBack = () => {\n    onEvent(componentEvents.CANCEL)\n  }\n\n  const handleChangeEligibility = () => {\n    onEvent(componentEvents.EMPLOYEE_CHANGE_ELIGIBILITY_STATUS)\n  }\n\n  const handleSubmit = async () => {\n    const result = await hookResult.actions.onSubmit()\n    if (result) {\n      onEvent(componentEvents.EMPLOYEE_SIGN_FORM, result.data)\n    }\n  }\n\n  const preparerFieldGroups = [\n    Fields.Preparer1,\n    Fields.Preparer2,\n    Fields.Preparer3,\n    Fields.Preparer4,\n  ].filter(Group => Group !== undefined)\n\n  return (\n    <section className={className}>\n      <BaseLayout error={hookResult.errorHandling.errors}>\n        <SDKFormProvider formHookResult={hookResult}>\n          <Form onSubmit={() => void handleSubmit()}>\n            <Flex flexDirection=\"column\" gap={20}>\n              <section>\n                <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n                <Components.Text>\n                  <Trans\n                    i18nKey=\"description\"\n                    t={t}\n                    components={{\n                      viewFormLink: pdfUrl ? (\n                        <Components.Link\n                          href={pdfUrl}\n                          target=\"_blank\"\n                          rel=\"noopener noreferrer\"\n                          download={`${form.title || 'form'}.pdf`}\n                        />\n                      ) : (\n                        <span />\n                      ),\n                    }}\n                  />\n                </Components.Text>\n              </section>\n\n              {authorizationStatus && (\n                <EligibilityStatusAlert\n                  authorizationStatus={authorizationStatus}\n                  onChangeStatus={handleChangeEligibility}\n                />\n              )}\n\n              <DocumentViewer\n                url={pdfUrl}\n                title={form.title}\n                downloadInstructions={t('downloadInstructions')}\n                viewDocumentLabel={t('viewDocumentCta')}\n              />\n\n              <Flex flexDirection=\"column\" gap={12}>\n                <Fields.Signature\n                  label={t('signatureLabel')}\n                  description={t('signatureDescription')}\n                  validationMessages={{ REQUIRED: t('signatureError') }}\n                />\n                <Fields.ConfirmSignature\n                  label={t('confirmationLabel')}\n                  validationMessages={{ REQUIRED: t('confirmationError') }}\n                />\n              </Flex>\n\n              {Fields.UsedPreparer && (\n                <Flex flexDirection=\"column\" gap={20}>\n                  <Fields.UsedPreparer\n                    label={t('preparerQuestion')}\n                    validationMessages={{ REQUIRED: t('preparerQuestionError') }}\n                  />\n\n                  {preparerFieldGroups.map((PreparerFields, index) => {\n                    const isLast = index === preparerFieldGroups.length - 1\n                    return (\n                      <Flex flexDirection=\"column\" gap={0} key={index}>\n                        <div className={styles.preparerAlert}>\n                          <Components.Alert\n                            label={t('preparerNote')}\n                            status=\"info\"\n                            disableScrollIntoView\n                          />\n                        </div>\n                        <PreparerSection\n                          PreparerFields={PreparerFields}\n                          showAddButton={isLast && (preparers?.canAdd ?? false)}\n                          showRemoveButton={\n                            isLast &&\n                            (preparers?.canRemove ?? false) &&\n                            preparerFieldGroups.length > 1\n                          }\n                          onAdd={() => hookResult.actions.addPreparer?.()}\n                          onRemove={() => hookResult.actions.removePreparer?.()}\n                        />\n                      </Flex>\n                    )\n                  })}\n                </Flex>\n              )}\n\n              <ActionsLayout>\n                <Components.Button variant=\"secondary\" type=\"button\" onClick={handleBack}>\n                  {t('cancelCta')}\n                </Components.Button>\n                <Components.Button type=\"submit\" isLoading={isPending}>\n                  {t('signCta')}\n                </Components.Button>\n              </ActionsLayout>\n            </Flex>\n          </Form>\n        </SDKFormProvider>\n      </BaseLayout>\n    </section>\n  )\n}\n\ninterface EligibilityStatusAlertProps {\n  authorizationStatus: AuthorizationStatus\n  onChangeStatus: () => void\n}\n\nfunction EligibilityStatusAlert({\n  authorizationStatus,\n  onChangeStatus,\n}: EligibilityStatusAlertProps) {\n  const { t } = useTranslation('Employee.I9SignatureForm')\n  const Components = useComponentContext()\n\n  const alertLabelKeys = {\n    citizen: 'eligibilityAlertLabel_citizen',\n    permanent_resident: 'eligibilityAlertLabel_permanent_resident',\n    noncitizen: 'eligibilityAlertLabel_noncitizen',\n    alien: 'eligibilityAlertLabel_alien',\n  } as const satisfies Record<AuthorizationStatus, string>\n\n  const alertDescriptionKeys = {\n    citizen: 'eligibilityAlertDescription_citizen',\n    permanent_resident: 'eligibilityAlertDescription_permanent_resident',\n    noncitizen: 'eligibilityAlertDescription_noncitizen',\n    alien: 'eligibilityAlertDescription_alien',\n  } as const satisfies Record<AuthorizationStatus, string>\n\n  return (\n    <Components.Alert\n      status=\"info\"\n      label={t(alertLabelKeys[authorizationStatus])}\n      disableScrollIntoView\n    >\n      <Flex flexDirection=\"column\" gap={8}>\n        <Components.Text>{t(alertDescriptionKeys[authorizationStatus])}</Components.Text>\n        <div>\n          <Components.Button variant=\"secondary\" type=\"button\" onClick={onChangeStatus}>\n            {t('eligibilityAlertChangeStatusCta')}\n          </Components.Button>\n        </div>\n      </Flex>\n    </Components.Alert>\n  )\n}\n\ninterface PreparerSectionProps {\n  PreparerFields: PreparerFieldGroup\n  showRemoveButton: boolean\n  showAddButton: boolean\n  onAdd: () => void\n  onRemove: () => void\n}\n\nfunction PreparerSection({\n  PreparerFields,\n  showRemoveButton,\n  showAddButton,\n  onAdd,\n  onRemove,\n}: PreparerSectionProps) {\n  const { t } = useTranslation('Employee.I9SignatureForm')\n  const { t: tCommon } = useTranslation('common')\n  const Components = useComponentContext()\n\n  return (\n    <Flex flexDirection=\"column\" gap={12}>\n      <Components.Heading as=\"h3\">{t('preparerSectionTitle')}</Components.Heading>\n\n      <PreparerFields.FirstName\n        label={t('preparerFirstNameLabel')}\n        validationMessages={{ REQUIRED: t('preparerFirstNameError') }}\n      />\n      <PreparerFields.LastName\n        label={t('preparerLastNameLabel')}\n        validationMessages={{ REQUIRED: t('preparerLastNameError') }}\n      />\n      <PreparerFields.Street1\n        label={t('preparerStreet1Label')}\n        validationMessages={{ REQUIRED: t('preparerStreet1Error') }}\n      />\n      <PreparerFields.Street2 label={t('preparerStreet2Label')} />\n      <PreparerFields.City\n        label={t('preparerCityLabel')}\n        validationMessages={{ REQUIRED: t('preparerCityError') }}\n      />\n      <PreparerFields.State\n        label={t('preparerStateLabel')}\n        placeholder={t('preparerStatePlaceholder')}\n        validationMessages={{ REQUIRED: t('preparerStateError') }}\n        getOptionLabel={(abbr: string) => tCommon(`statesHash.${abbr}`, { defaultValue: abbr })}\n      />\n      <PreparerFields.Zip\n        label={t('preparerZipLabel')}\n        validationMessages={{ REQUIRED: t('preparerZipError') }}\n      />\n      <PreparerFields.Signature\n        label={t('preparerSignatureLabel')}\n        description={t('preparerSignatureDescription')}\n        validationMessages={{ REQUIRED: t('preparerSignatureError') }}\n      />\n      <PreparerFields.ConfirmSignature\n        label={t('preparerConfirmationLabel')}\n        validationMessages={{ REQUIRED: t('preparerConfirmationError') }}\n      />\n\n      {(showAddButton || showRemoveButton) && (\n        <div className={styles.preparerActions}>\n          {showAddButton && (\n            <Components.Button type=\"button\" variant=\"secondary\" onClick={onAdd}>\n              {t('addPreparerCta')}\n            </Components.Button>\n          )}\n          {showRemoveButton && (\n            <Components.Button type=\"button\" variant=\"error\" onClick={onRemove}>\n              {t('removePreparerCta')}\n            </Components.Button>\n          )}\n        </div>\n      )}\n    </Flex>\n  )\n}\n"],"names":["I9SignatureForm","props","jsx","BaseComponent","Root","employeeId","formId","className","useI18n","useTranslation","onEvent","useBase","Components","useComponentContext","hookResult","useSignEmployeeForm","i9AuthData","useI9VerificationGetAuthorization","authorizationStatus","BaseLayout","form","pdfUrl","isPending","Fields","preparers","handleBack","componentEvents","handleChangeEligibility","handleSubmit","result","preparerFieldGroups","Group","SDKFormProvider","Form","jsxs","Flex","Trans","EligibilityStatusAlert","DocumentViewer","PreparerFields","index","isLast","styles","PreparerSection","ActionsLayout","onChangeStatus","t","alertLabelKeys","alertDescriptionKeys","showRemoveButton","showAddButton","onAdd","onRemove","tCommon","abbr"],"mappings":"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"}
+{"version":3,"file":"I9SignatureForm.js","sources":["../../../../../../../src/components/Employee/Documents/onboarding/DocumentSigner/I9SignatureForm/I9SignatureForm.tsx"],"sourcesContent":["import { useTranslation, Trans } from 'react-i18next'\nimport type { AuthorizationStatus } from '@gusto/embedded-api-v-2025-11-15/models/components/i9authorization'\nimport { useI9VerificationGetAuthorization } from '@gusto/embedded-api-v-2025-11-15/react-query/i9VerificationGetAuthorization'\nimport { useSignEmployeeForm, type PreparerFieldGroup } from '../../../shared/useSignEmployeeForm'\nimport styles from './I9SignatureForm.module.scss'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseLayout } from '@/components/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { ActionsLayout, Flex } from '@/components/Common'\nimport { DocumentViewer } from '@/components/Common/DocumentViewer'\nimport { Form } from '@/components/Common/Form'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/**\n * Props for {@link I9SignatureForm}.\n *\n * @public\n */\nexport interface I9SignatureFormProps extends BaseComponentInterface<'Employee.I9SignatureForm'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** The identifier of the I-9 form to sign. */\n  formId: string\n}\n\n/**\n * Presents the employee's I-9 form for review and signature.\n *\n * @remarks\n * Renders the I-9 PDF, surfaces the current employment-eligibility status, and\n * collects the employee's signature along with any preparer or translator\n * details. On successful submission the signed form is emitted.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/forms/sign` | Fired after the I-9 is successfully signed | {@link APIModels.Form} |\n * | `employee/employmentEligibility/change` | Fired when the user requests to change their I-9 eligibility status | — |\n * | `cancel` | Fired when the user cancels signing and returns to the document list | — |\n *\n * @param props - See {@link I9SignatureFormProps}.\n * @returns The employee I-9 signature form.\n * @public\n */\nexport function I9SignatureForm(props: I9SignatureFormProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ employeeId, formId, className }: I9SignatureFormProps) {\n  useI18n('Employee.I9SignatureForm')\n  const { t } = useTranslation('Employee.I9SignatureForm')\n  const { onEvent } = useBase()\n  const Components = useComponentContext()\n\n  const hookResult = useSignEmployeeForm({ employeeId, formId })\n\n  const { data: i9AuthData } = useI9VerificationGetAuthorization({ employeeId })\n  const authorizationStatus = i9AuthData?.i9Authorization?.authorizationStatus\n\n  if (hookResult.isLoading) {\n    return <BaseLayout isLoading error={hookResult.errorHandling.errors} />\n  }\n\n  const { form, pdfUrl } = hookResult.data\n  const { isPending } = hookResult.status\n  const { Fields, preparers } = hookResult.form\n\n  const handleBack = () => {\n    onEvent(componentEvents.CANCEL)\n  }\n\n  const handleChangeEligibility = () => {\n    onEvent(componentEvents.EMPLOYEE_CHANGE_ELIGIBILITY_STATUS)\n  }\n\n  const handleSubmit = async () => {\n    const result = await hookResult.actions.onSubmit()\n    if (result) {\n      onEvent(componentEvents.EMPLOYEE_SIGN_FORM, result.data)\n    }\n  }\n\n  const preparerFieldGroups = [\n    Fields.Preparer1,\n    Fields.Preparer2,\n    Fields.Preparer3,\n    Fields.Preparer4,\n  ].filter(Group => Group !== undefined)\n\n  return (\n    <section className={className}>\n      <BaseLayout error={hookResult.errorHandling.errors}>\n        <SDKFormProvider formHookResult={hookResult}>\n          <Form onSubmit={() => void handleSubmit()}>\n            <Flex flexDirection=\"column\" gap={20}>\n              <section>\n                <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n                <Components.Text>\n                  <Trans\n                    i18nKey=\"description\"\n                    t={t}\n                    components={{\n                      viewFormLink: pdfUrl ? (\n                        <Components.Link\n                          href={pdfUrl}\n                          target=\"_blank\"\n                          rel=\"noopener noreferrer\"\n                          download={`${form.title || 'form'}.pdf`}\n                        />\n                      ) : (\n                        <span />\n                      ),\n                    }}\n                  />\n                </Components.Text>\n              </section>\n\n              {authorizationStatus && (\n                <EligibilityStatusAlert\n                  authorizationStatus={authorizationStatus}\n                  onChangeStatus={handleChangeEligibility}\n                />\n              )}\n\n              <DocumentViewer\n                url={pdfUrl}\n                title={form.title}\n                downloadInstructions={t('downloadInstructions')}\n                viewDocumentLabel={t('viewDocumentCta')}\n              />\n\n              <Flex flexDirection=\"column\" gap={12}>\n                <Fields.Signature\n                  label={t('signatureLabel')}\n                  description={t('signatureDescription')}\n                  validationMessages={{ REQUIRED: t('signatureError') }}\n                />\n                <Fields.ConfirmSignature\n                  label={t('confirmationLabel')}\n                  validationMessages={{ REQUIRED: t('confirmationError') }}\n                />\n              </Flex>\n\n              {Fields.UsedPreparer && (\n                <Flex flexDirection=\"column\" gap={20}>\n                  <Fields.UsedPreparer\n                    label={t('preparerQuestion')}\n                    validationMessages={{ REQUIRED: t('preparerQuestionError') }}\n                  />\n\n                  {preparerFieldGroups.map((PreparerFields, index) => {\n                    const isLast = index === preparerFieldGroups.length - 1\n                    return (\n                      <Flex flexDirection=\"column\" gap={0} key={index}>\n                        <div className={styles.preparerAlert}>\n                          <Components.Alert\n                            label={t('preparerNote')}\n                            status=\"info\"\n                            disableScrollIntoView\n                          />\n                        </div>\n                        <PreparerSection\n                          PreparerFields={PreparerFields}\n                          showAddButton={isLast && (preparers?.canAdd ?? false)}\n                          showRemoveButton={\n                            isLast &&\n                            (preparers?.canRemove ?? false) &&\n                            preparerFieldGroups.length > 1\n                          }\n                          onAdd={() => hookResult.actions.addPreparer?.()}\n                          onRemove={() => hookResult.actions.removePreparer?.()}\n                        />\n                      </Flex>\n                    )\n                  })}\n                </Flex>\n              )}\n\n              <ActionsLayout>\n                <Components.Button variant=\"secondary\" type=\"button\" onClick={handleBack}>\n                  {t('cancelCta')}\n                </Components.Button>\n                <Components.Button type=\"submit\" isLoading={isPending}>\n                  {t('signCta')}\n                </Components.Button>\n              </ActionsLayout>\n            </Flex>\n          </Form>\n        </SDKFormProvider>\n      </BaseLayout>\n    </section>\n  )\n}\n\ninterface EligibilityStatusAlertProps {\n  authorizationStatus: AuthorizationStatus\n  onChangeStatus: () => void\n}\n\nfunction EligibilityStatusAlert({\n  authorizationStatus,\n  onChangeStatus,\n}: EligibilityStatusAlertProps) {\n  const { t } = useTranslation('Employee.I9SignatureForm')\n  const Components = useComponentContext()\n\n  const alertLabelKeys = {\n    citizen: 'eligibilityAlertLabel_citizen',\n    permanent_resident: 'eligibilityAlertLabel_permanent_resident',\n    noncitizen: 'eligibilityAlertLabel_noncitizen',\n    alien: 'eligibilityAlertLabel_alien',\n  } as const satisfies Record<AuthorizationStatus, string>\n\n  const alertDescriptionKeys = {\n    citizen: 'eligibilityAlertDescription_citizen',\n    permanent_resident: 'eligibilityAlertDescription_permanent_resident',\n    noncitizen: 'eligibilityAlertDescription_noncitizen',\n    alien: 'eligibilityAlertDescription_alien',\n  } as const satisfies Record<AuthorizationStatus, string>\n\n  return (\n    <Components.Alert\n      status=\"info\"\n      label={t(alertLabelKeys[authorizationStatus])}\n      disableScrollIntoView\n    >\n      <Flex flexDirection=\"column\" gap={8}>\n        <Components.Text>{t(alertDescriptionKeys[authorizationStatus])}</Components.Text>\n        <div>\n          <Components.Button variant=\"secondary\" type=\"button\" onClick={onChangeStatus}>\n            {t('eligibilityAlertChangeStatusCta')}\n          </Components.Button>\n        </div>\n      </Flex>\n    </Components.Alert>\n  )\n}\n\ninterface PreparerSectionProps {\n  PreparerFields: PreparerFieldGroup\n  showRemoveButton: boolean\n  showAddButton: boolean\n  onAdd: () => void\n  onRemove: () => void\n}\n\nfunction PreparerSection({\n  PreparerFields,\n  showRemoveButton,\n  showAddButton,\n  onAdd,\n  onRemove,\n}: PreparerSectionProps) {\n  const { t } = useTranslation('Employee.I9SignatureForm')\n  const { t: tCommon } = useTranslation('common')\n  const Components = useComponentContext()\n\n  return (\n    <Flex flexDirection=\"column\" gap={12}>\n      <Components.Heading as=\"h3\">{t('preparerSectionTitle')}</Components.Heading>\n\n      <PreparerFields.FirstName\n        label={t('preparerFirstNameLabel')}\n        validationMessages={{ REQUIRED: t('preparerFirstNameError') }}\n      />\n      <PreparerFields.LastName\n        label={t('preparerLastNameLabel')}\n        validationMessages={{ REQUIRED: t('preparerLastNameError') }}\n      />\n      <PreparerFields.Street1\n        label={t('preparerStreet1Label')}\n        validationMessages={{ REQUIRED: t('preparerStreet1Error') }}\n      />\n      <PreparerFields.Street2 label={t('preparerStreet2Label')} />\n      <PreparerFields.City\n        label={t('preparerCityLabel')}\n        validationMessages={{ REQUIRED: t('preparerCityError') }}\n      />\n      <PreparerFields.State\n        label={t('preparerStateLabel')}\n        placeholder={t('preparerStatePlaceholder')}\n        validationMessages={{ REQUIRED: t('preparerStateError') }}\n        getOptionLabel={(abbr: string) => tCommon(`statesHash.${abbr}`, { defaultValue: abbr })}\n      />\n      <PreparerFields.Zip\n        label={t('preparerZipLabel')}\n        validationMessages={{ REQUIRED: t('preparerZipError') }}\n      />\n      <PreparerFields.Signature\n        label={t('preparerSignatureLabel')}\n        description={t('preparerSignatureDescription')}\n        validationMessages={{ REQUIRED: t('preparerSignatureError') }}\n      />\n      <PreparerFields.ConfirmSignature\n        label={t('preparerConfirmationLabel')}\n        validationMessages={{ REQUIRED: t('preparerConfirmationError') }}\n      />\n\n      {(showAddButton || showRemoveButton) && (\n        <div className={styles.preparerActions}>\n          {showAddButton && (\n            <Components.Button type=\"button\" variant=\"secondary\" onClick={onAdd}>\n              {t('addPreparerCta')}\n            </Components.Button>\n          )}\n          {showRemoveButton && (\n            <Components.Button type=\"button\" variant=\"error\" onClick={onRemove}>\n              {t('removePreparerCta')}\n            </Components.Button>\n          )}\n        </div>\n      )}\n    </Flex>\n  )\n}\n"],"names":["I9SignatureForm","props","jsx","BaseComponent","Root","employeeId","formId","className","useI18n","useTranslation","onEvent","useBase","Components","useComponentContext","hookResult","useSignEmployeeForm","i9AuthData","useI9VerificationGetAuthorization","authorizationStatus","BaseLayout","form","pdfUrl","isPending","Fields","preparers","handleBack","componentEvents","handleChangeEligibility","handleSubmit","result","preparerFieldGroups","Group","SDKFormProvider","Form","jsxs","Flex","Trans","EligibilityStatusAlert","DocumentViewer","PreparerFields","index","isLast","styles","PreparerSection","ActionsLayout","onChangeStatus","t","alertLabelKeys","alertDescriptionKeys","showRemoveButton","showAddButton","onAdd","onRemove","tCommon","abbr"],"mappings":"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"}

package/dist/components/Employee/Documents/onboarding/EmployeeDocuments/EmployeeDocuments.d.ts

@@ -1,6 +1,4 @@
 import { BaseComponentInterface } from '../../../../Base';
-import { OnEventType } from '../../../../Base/useBase';
-import { EventType } from '../../../../../shared/constants';
 /**
  * Props for {@link EmployeeDocuments}.
  *
@@ -9,8 +7,6 @@ import { EventType } from '../../../../../shared/constants';
 export interface EmployeeDocumentsProps extends BaseComponentInterface<'Employee.EmployeeDocuments'> {
     /** The associated employee identifier. */
     employeeId: string;
-    /** Event handler fired on flow state changes. */
-    onEvent: OnEventType<EventType, unknown>;
 }
 /**
  * Onboarding step for selecting which documents the employee must complete.
@@ -21,6 +17,7 @@ export interface EmployeeDocumentsProps extends BaseComponentInterface<'Employee
  * summary otherwise. Persists the selection to the employee's onboarding
  * documents configuration and advances the parent flow.
  *
+ * @events
  * | Event | Description | Data |
  * | ----- | ----------- | ---- |
  * | `employee/onboardingDocumentsConfig/updated` | Fired after the employee's documents configuration is saved | The updated documents configuration response |

package/dist/components/Employee/Documents/onboarding/EmployeeDocuments/EmployeeDocuments.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmployeeDocuments.js","sources":["../../../../../../src/components/Employee/Documents/onboarding/EmployeeDocuments/EmployeeDocuments.tsx"],"sourcesContent":["import { useIsMutating } from '@tanstack/react-query'\nimport { useEmployeesGetSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/employeesGet'\nimport {\n  useEmployeesUpdateOnboardingDocumentsConfigMutation,\n  mutationKeyEmployeesUpdateOnboardingDocumentsConfig,\n} from '@gusto/embedded-api-v-2025-11-15/react-query/employeesUpdateOnboardingDocumentsConfig'\nimport {\n  EmployeeDocumentsPresentation,\n  type EmployeeDocumentsFormValues,\n} from './EmployeeDocumentsPresentation'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { useComponentDictionary } from '@/i18n'\nimport {\n  componentEvents,\n  EmployeeSelfOnboardingStatuses,\n  EmployeeOnboardingStatus,\n  type EventType,\n} from '@/shared/constants'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport type { OnboardingContextInterface } from '@/components/Employee/OnboardingFlow/OnboardingFlowComponents'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\n/**\n * Props for {@link EmployeeDocuments}.\n *\n * @public\n */\nexport interface EmployeeDocumentsProps extends BaseComponentInterface<'Employee.EmployeeDocuments'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Event handler fired on flow state changes. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/**\n * Onboarding step for selecting which documents the employee must complete.\n *\n * @remarks\n * Shows the I-9 toggle when the employee is self-onboarding (so the employee\n * can choose whether their employer will collect I-9 verification) and a\n * summary otherwise. Persists the selection to the employee's onboarding\n * documents configuration and advances the parent flow.\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/onboardingDocumentsConfig/updated` | Fired after the employee's documents configuration is saved | The updated documents configuration response |\n * | `employee/documents/done` | Fired when the step is complete and the parent flow can advance | — |\n *\n * @param props - Component props including `employeeId` and `onEvent`.\n * @returns The employee documents onboarding step.\n * @public\n */\nexport function EmployeeDocuments(props: EmployeeDocumentsProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ employeeId, dictionary }: EmployeeDocumentsProps) => {\n  useComponentDictionary('Employee.EmployeeDocuments', dictionary)\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const { data } = useEmployeesGetSuspense({ employeeId })\n  const employee = data.employee\n  const currentI9Status = employee?.onboardingDocumentsConfig?.i9Document ?? false\n\n  const isEmployeeSelfOnboarding = employee?.onboardingStatus\n    ? // @ts-expect-error: onboarding_status during runtime can be one of self onboarding statuses\n      EmployeeSelfOnboardingStatuses.has(employee.onboardingStatus) ||\n      employee.onboardingStatus === EmployeeOnboardingStatus.SELF_ONBOARDING_PENDING_INVITE\n    : false\n\n  const { mutateAsync: updateOnboardingDocumentsConfig } =\n    useEmployeesUpdateOnboardingDocumentsConfigMutation()\n\n  const isMutating = useIsMutating({\n    mutationKey: mutationKeyEmployeesUpdateOnboardingDocumentsConfig(),\n  })\n  const isPending = isMutating > 0\n\n  const onSubmit = async (formData: EmployeeDocumentsFormValues) => {\n    await baseSubmitHandler(formData, async () => {\n      const response = await updateOnboardingDocumentsConfig({\n        request: {\n          employeeId,\n          employeeOnboardingDocumentsConfigRequest: {\n            i9Document: formData.includeI9,\n          },\n        },\n      })\n\n      onEvent(componentEvents.EMPLOYEE_ONBOARDING_DOCUMENTS_CONFIG_UPDATED, response)\n      onEvent(componentEvents.EMPLOYEE_DOCUMENTS_DONE)\n    })\n  }\n\n  const handleDone = () => {\n    onEvent(componentEvents.EMPLOYEE_DOCUMENTS_DONE)\n  }\n\n  return (\n    <EmployeeDocumentsPresentation\n      isEmployeeSelfOnboarding={isEmployeeSelfOnboarding}\n      currentI9Status={currentI9Status}\n      onSubmit={onSubmit}\n      onDone={handleDone}\n      isPending={isPending}\n    />\n  )\n}\n\n/** @internal */\nexport const EmployeeDocumentsContextual = () => {\n  const { employeeId, onEvent } = useFlow<OnboardingContextInterface>()\n\n  return <EmployeeDocuments employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n"],"names":["EmployeeDocuments","props","jsx","BaseComponent","Root","employeeId","dictionary","useComponentDictionary","onEvent","baseSubmitHandler","useBase","data","useEmployeesGetSuspense","employee","currentI9Status","isEmployeeSelfOnboarding","EmployeeSelfOnboardingStatuses","EmployeeOnboardingStatus","updateOnboardingDocumentsConfig","useEmployeesUpdateOnboardingDocumentsConfigMutation","isPending","useIsMutating","mutationKeyEmployeesUpdateOnboardingDocumentsConfig","EmployeeDocumentsPresentation","formData","response","componentEvents","EmployeeDocumentsContextual","useFlow","ensureRequired"],"mappings":";;;;;;;;;;;AAqDO,SAASA,EAAkBC,GAA+B;AAC/D,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAM,GAAGH,GAAO,EAAA,CACnB;AAEJ;AAEA,MAAMG,IAAO,CAAC,EAAE,YAAAC,GAAY,YAAAC,QAAyC;AACnE,EAAAC,EAAuB,8BAA8BD,CAAU;AAC/D,QAAM,EAAE,SAAAE,GAAS,mBAAAC,EAAA,IAAsBC,EAAA,GAEjC,EAAE,MAAAC,EAAA,IAASC,EAAwB,EAAE,YAAAP,GAAY,GACjDQ,IAAWF,EAAK,UAChBG,IAAkBD,GAAU,2BAA2B,cAAc,IAErEE,IAA2BF,GAAU;AAAA;AAAA,IAEvCG,EAA+B,IAAIH,EAAS,gBAAgB,KAC5DA,EAAS,qBAAqBI,EAAyB;AAAA,MACvD,IAEE,EAAE,aAAaC,EAAA,IACnBC,EAAA,GAKIC,IAHaC,EAAc;AAAA,IAC/B,aAAaC,EAAA;AAAA,EAAoD,CAClE,IAC8B;AAsB/B,SACE,gBAAApB;AAAA,IAACqB;AAAA,IAAA;AAAA,MACC,0BAAAR;AAAA,MACA,iBAAAD;AAAA,MACA,UAxBa,OAAOU,MAA0C;AAChE,cAAMf,EAAkBe,GAAU,YAAY;AAC5C,gBAAMC,IAAW,MAAMP,EAAgC;AAAA,YACrD,SAAS;AAAA,cACP,YAAAb;AAAA,cACA,0CAA0C;AAAA,gBACxC,YAAYmB,EAAS;AAAA,cAAA;AAAA,YACvB;AAAA,UACF,CACD;AAED,UAAAhB,EAAQkB,EAAgB,8CAA8CD,CAAQ,GAC9EjB,EAAQkB,EAAgB,uBAAuB;AAAA,QACjD,CAAC;AAAA,MACH;AAAA,MAWI,QATe,MAAM;AACvB,QAAAlB,EAAQkB,EAAgB,uBAAuB;AAAA,MACjD;AAAA,MAQI,WAAAN;AAAA,IAAA;AAAA,EAAA;AAGN,GAGaO,IAA8B,MAAM;AAC/C,QAAM,EAAE,YAAAtB,GAAY,SAAAG,EAAA,IAAYoB,EAAA;AAEhC,2BAAQ5B,GAAA,EAAkB,YAAY6B,EAAexB,CAAU,GAAG,SAAAG,GAAkB;AACtF;"}
+{"version":3,"file":"EmployeeDocuments.js","sources":["../../../../../../src/components/Employee/Documents/onboarding/EmployeeDocuments/EmployeeDocuments.tsx"],"sourcesContent":["import { useIsMutating } from '@tanstack/react-query'\nimport { useEmployeesGetSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/employeesGet'\nimport {\n  useEmployeesUpdateOnboardingDocumentsConfigMutation,\n  mutationKeyEmployeesUpdateOnboardingDocumentsConfig,\n} from '@gusto/embedded-api-v-2025-11-15/react-query/employeesUpdateOnboardingDocumentsConfig'\nimport {\n  EmployeeDocumentsPresentation,\n  type EmployeeDocumentsFormValues,\n} from './EmployeeDocumentsPresentation'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary } from '@/i18n'\nimport {\n  componentEvents,\n  EmployeeSelfOnboardingStatuses,\n  EmployeeOnboardingStatus,\n} from '@/shared/constants'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport type { OnboardingContextInterface } from '@/components/Employee/OnboardingFlow/OnboardingFlowComponents'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\n/**\n * Props for {@link EmployeeDocuments}.\n *\n * @public\n */\nexport interface EmployeeDocumentsProps extends BaseComponentInterface<'Employee.EmployeeDocuments'> {\n  /** The associated employee identifier. */\n  employeeId: string\n}\n\n/**\n * Onboarding step for selecting which documents the employee must complete.\n *\n * @remarks\n * Shows the I-9 toggle when the employee is self-onboarding (so the employee\n * can choose whether their employer will collect I-9 verification) and a\n * summary otherwise. Persists the selection to the employee's onboarding\n * documents configuration and advances the parent flow.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/onboardingDocumentsConfig/updated` | Fired after the employee's documents configuration is saved | The updated documents configuration response |\n * | `employee/documents/done` | Fired when the step is complete and the parent flow can advance | — |\n *\n * @param props - Component props including `employeeId` and `onEvent`.\n * @returns The employee documents onboarding step.\n * @public\n */\nexport function EmployeeDocuments(props: EmployeeDocumentsProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ employeeId, dictionary }: EmployeeDocumentsProps) => {\n  useComponentDictionary('Employee.EmployeeDocuments', dictionary)\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const { data } = useEmployeesGetSuspense({ employeeId })\n  const employee = data.employee\n  const currentI9Status = employee?.onboardingDocumentsConfig?.i9Document ?? false\n\n  const isEmployeeSelfOnboarding = employee?.onboardingStatus\n    ? // @ts-expect-error: onboarding_status during runtime can be one of self onboarding statuses\n      EmployeeSelfOnboardingStatuses.has(employee.onboardingStatus) ||\n      employee.onboardingStatus === EmployeeOnboardingStatus.SELF_ONBOARDING_PENDING_INVITE\n    : false\n\n  const { mutateAsync: updateOnboardingDocumentsConfig } =\n    useEmployeesUpdateOnboardingDocumentsConfigMutation()\n\n  const isMutating = useIsMutating({\n    mutationKey: mutationKeyEmployeesUpdateOnboardingDocumentsConfig(),\n  })\n  const isPending = isMutating > 0\n\n  const onSubmit = async (formData: EmployeeDocumentsFormValues) => {\n    await baseSubmitHandler(formData, async () => {\n      const response = await updateOnboardingDocumentsConfig({\n        request: {\n          employeeId,\n          employeeOnboardingDocumentsConfigRequest: {\n            i9Document: formData.includeI9,\n          },\n        },\n      })\n\n      onEvent(componentEvents.EMPLOYEE_ONBOARDING_DOCUMENTS_CONFIG_UPDATED, response)\n      onEvent(componentEvents.EMPLOYEE_DOCUMENTS_DONE)\n    })\n  }\n\n  const handleDone = () => {\n    onEvent(componentEvents.EMPLOYEE_DOCUMENTS_DONE)\n  }\n\n  return (\n    <EmployeeDocumentsPresentation\n      isEmployeeSelfOnboarding={isEmployeeSelfOnboarding}\n      currentI9Status={currentI9Status}\n      onSubmit={onSubmit}\n      onDone={handleDone}\n      isPending={isPending}\n    />\n  )\n}\n\n/** @internal */\nexport const EmployeeDocumentsContextual = () => {\n  const { employeeId, onEvent } = useFlow<OnboardingContextInterface>()\n\n  return <EmployeeDocuments employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n"],"names":["EmployeeDocuments","props","jsx","BaseComponent","Root","employeeId","dictionary","useComponentDictionary","onEvent","baseSubmitHandler","useBase","data","useEmployeesGetSuspense","employee","currentI9Status","isEmployeeSelfOnboarding","EmployeeSelfOnboardingStatuses","EmployeeOnboardingStatus","updateOnboardingDocumentsConfig","useEmployeesUpdateOnboardingDocumentsConfigMutation","isPending","useIsMutating","mutationKeyEmployeesUpdateOnboardingDocumentsConfig","EmployeeDocumentsPresentation","formData","response","componentEvents","EmployeeDocumentsContextual","useFlow","ensureRequired"],"mappings":";;;;;;;;;;;AAkDO,SAASA,EAAkBC,GAA+B;AAC/D,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAM,GAAGH,GAAO,EAAA,CACnB;AAEJ;AAEA,MAAMG,IAAO,CAAC,EAAE,YAAAC,GAAY,YAAAC,QAAyC;AACnE,EAAAC,EAAuB,8BAA8BD,CAAU;AAC/D,QAAM,EAAE,SAAAE,GAAS,mBAAAC,EAAA,IAAsBC,EAAA,GAEjC,EAAE,MAAAC,EAAA,IAASC,EAAwB,EAAE,YAAAP,GAAY,GACjDQ,IAAWF,EAAK,UAChBG,IAAkBD,GAAU,2BAA2B,cAAc,IAErEE,IAA2BF,GAAU;AAAA;AAAA,IAEvCG,EAA+B,IAAIH,EAAS,gBAAgB,KAC5DA,EAAS,qBAAqBI,EAAyB;AAAA,MACvD,IAEE,EAAE,aAAaC,EAAA,IACnBC,EAAA,GAKIC,IAHaC,EAAc;AAAA,IAC/B,aAAaC,EAAA;AAAA,EAAoD,CAClE,IAC8B;AAsB/B,SACE,gBAAApB;AAAA,IAACqB;AAAA,IAAA;AAAA,MACC,0BAAAR;AAAA,MACA,iBAAAD;AAAA,MACA,UAxBa,OAAOU,MAA0C;AAChE,cAAMf,EAAkBe,GAAU,YAAY;AAC5C,gBAAMC,IAAW,MAAMP,EAAgC;AAAA,YACrD,SAAS;AAAA,cACP,YAAAb;AAAA,cACA,0CAA0C;AAAA,gBACxC,YAAYmB,EAAS;AAAA,cAAA;AAAA,YACvB;AAAA,UACF,CACD;AAED,UAAAhB,EAAQkB,EAAgB,8CAA8CD,CAAQ,GAC9EjB,EAAQkB,EAAgB,uBAAuB;AAAA,QACjD,CAAC;AAAA,MACH;AAAA,MAWI,QATe,MAAM;AACvB,QAAAlB,EAAQkB,EAAgB,uBAAuB;AAAA,MACjD;AAAA,MAQI,WAAAN;AAAA,IAAA;AAAA,EAAA;AAGN,GAGaO,IAA8B,MAAM;AAC/C,QAAM,EAAE,YAAAtB,GAAY,SAAAG,EAAA,IAAYoB,EAAA;AAEhC,2BAAQ5B,GAAA,EAAkB,YAAY6B,EAAexB,CAAU,GAAG,SAAAG,GAAkB;AACtF;"}

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

@@ -4,7 +4,7 @@ import { BaseComponentInterface } from '../../../../Base/Base';
  *
  * @public
  */
-export interface SignatureFormProps extends BaseComponentInterface {
+export interface SignatureFormProps extends BaseComponentInterface<'Employee.DocumentSigner'> {
     /** The associated employee identifier. */
     employeeId: string;
     /** The identifier of the form to sign. */
@@ -17,9 +17,10 @@ export interface SignatureFormProps extends BaseComponentInterface {
  * Renders the form's PDF and collects the employee's signature. On successful
  * submission the signed form is emitted; cancelling returns to the document list.
  *
+ * @events
  * | Event | Description | Data |
  * | ----- | ----------- | ---- |
- * | `employee/forms/sign` | Fired after the form is successfully signed | {@link Form} |
+ * | `employee/forms/sign` | Fired after the form is successfully signed | {@link APIModels.Form} |
  * | `cancel` | Fired when the user cancels signing and returns to the document list | — |
  *
  * @param props - See {@link SignatureFormProps}.

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

@@ -1 +1 @@
-{"version":3,"file":"SignatureForm.js","sources":["../../../../../../src/components/Employee/Documents/shared/SignatureForm/SignatureForm.tsx"],"sourcesContent":["import { useTranslation, Trans } from 'react-i18next'\nimport { useSignEmployeeForm } from '../useSignEmployeeForm'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseLayout } from '@/components/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { ActionsLayout, Flex } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { DocumentViewer } from '@/components/Common/DocumentViewer'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/**\n * Props for {@link SignatureForm}.\n *\n * @public\n */\nexport interface SignatureFormProps extends BaseComponentInterface {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** The identifier of the form to sign. */\n  formId: string\n}\n\n/**\n * Presents a single employee document for review and signature.\n *\n * @remarks\n * Renders the form's PDF and collects the employee's signature. On successful\n * submission the signed form is emitted; cancelling returns to the document list.\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/forms/sign` | Fired after the form is successfully signed | {@link Form} |\n * | `cancel` | Fired when the user cancels signing and returns to the document list | — |\n *\n * @param props - See {@link SignatureFormProps}.\n * @returns The employee signature form.\n * @public\n */\nexport function SignatureForm(props: SignatureFormProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ employeeId, formId, className }: SignatureFormProps) {\n  useI18n('Employee.DocumentSigner')\n  const { t } = useTranslation('Employee.DocumentSigner')\n  const { onEvent } = useBase()\n  const Components = useComponentContext()\n\n  const hookResult = useSignEmployeeForm({ employeeId, formId })\n\n  if (hookResult.isLoading) {\n    return <BaseLayout isLoading error={hookResult.errorHandling.errors} />\n  }\n\n  const { form, pdfUrl } = hookResult.data\n  const { isPending } = hookResult.status\n  const { Fields } = hookResult.form\n\n  const handleBack = () => {\n    onEvent(componentEvents.CANCEL)\n  }\n\n  const handleSubmit = async () => {\n    const result = await hookResult.actions.onSubmit()\n    if (result) {\n      onEvent(componentEvents.EMPLOYEE_SIGN_FORM, result.data)\n    }\n  }\n\n  return (\n    <section className={className}>\n      <BaseLayout error={hookResult.errorHandling.errors}>\n        <SDKFormProvider formHookResult={hookResult}>\n          <Form onSubmit={() => void handleSubmit()}>\n            <Flex flexDirection=\"column\">\n              <section>\n                <Components.Heading as=\"h2\">\n                  {t('signatureFormTitle', { formTitle: form.title })}\n                </Components.Heading>\n                {pdfUrl && (\n                  <Components.Text>\n                    <Trans\n                      t={t}\n                      i18nKey=\"downloadPrompt\"\n                      values={{ description: form.description }}\n                      components={{\n                        downloadLink: (\n                          <Components.Link\n                            href={pdfUrl}\n                            target=\"_blank\"\n                            rel=\"noopener noreferrer\"\n                            download={`${form.title || 'form'}.pdf`}\n                          />\n                        ),\n                      }}\n                    />\n                  </Components.Text>\n                )}\n              </section>\n\n              <DocumentViewer\n                url={pdfUrl}\n                title={form.title}\n                downloadInstructions={t('downloadAndReviewInstructions')}\n                viewDocumentLabel={t('viewDocumentCta')}\n              />\n\n              <Flex flexDirection=\"column\" gap={12}>\n                <Fields.Signature\n                  label={t('signatureFieldLabel')}\n                  description={t('signatureFieldDescription')}\n                  validationMessages={{ REQUIRED: t('signatureFieldError') }}\n                />\n                <Fields.ConfirmSignature\n                  label={t('confirmSignatureCheckboxLabel')}\n                  validationMessages={{ REQUIRED: t('confirmSignatureError') }}\n                />\n              </Flex>\n\n              <ActionsLayout>\n                <Components.Button variant=\"secondary\" type=\"button\" onClick={handleBack}>\n                  {t('backCta')}\n                </Components.Button>\n                <Components.Button type=\"submit\" isLoading={isPending}>\n                  {t('signFormCta')}\n                </Components.Button>\n              </ActionsLayout>\n            </Flex>\n          </Form>\n        </SDKFormProvider>\n      </BaseLayout>\n    </section>\n  )\n}\n"],"names":["SignatureForm","props","jsx","BaseComponent","Root","employeeId","formId","className","useI18n","t","useTranslation","onEvent","useBase","Components","useComponentContext","hookResult","useSignEmployeeForm","BaseLayout","form","pdfUrl","isPending","Fields","handleBack","componentEvents","handleSubmit","result","SDKFormProvider","Form","jsxs","Flex","Trans","DocumentViewer","ActionsLayout"],"mappings":"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"}
+{"version":3,"file":"SignatureForm.js","sources":["../../../../../../src/components/Employee/Documents/shared/SignatureForm/SignatureForm.tsx"],"sourcesContent":["import { useTranslation, Trans } from 'react-i18next'\nimport { useSignEmployeeForm } from '../useSignEmployeeForm'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseLayout } from '@/components/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { ActionsLayout, Flex } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { DocumentViewer } from '@/components/Common/DocumentViewer'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/**\n * Props for {@link SignatureForm}.\n *\n * @public\n */\nexport interface SignatureFormProps extends BaseComponentInterface<'Employee.DocumentSigner'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** The identifier of the form to sign. */\n  formId: string\n}\n\n/**\n * Presents a single employee document for review and signature.\n *\n * @remarks\n * Renders the form's PDF and collects the employee's signature. On successful\n * submission the signed form is emitted; cancelling returns to the document list.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/forms/sign` | Fired after the form is successfully signed | {@link APIModels.Form} |\n * | `cancel` | Fired when the user cancels signing and returns to the document list | — |\n *\n * @param props - See {@link SignatureFormProps}.\n * @returns The employee signature form.\n * @public\n */\nexport function SignatureForm(props: SignatureFormProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ employeeId, formId, className }: SignatureFormProps) {\n  useI18n('Employee.DocumentSigner')\n  const { t } = useTranslation('Employee.DocumentSigner')\n  const { onEvent } = useBase()\n  const Components = useComponentContext()\n\n  const hookResult = useSignEmployeeForm({ employeeId, formId })\n\n  if (hookResult.isLoading) {\n    return <BaseLayout isLoading error={hookResult.errorHandling.errors} />\n  }\n\n  const { form, pdfUrl } = hookResult.data\n  const { isPending } = hookResult.status\n  const { Fields } = hookResult.form\n\n  const handleBack = () => {\n    onEvent(componentEvents.CANCEL)\n  }\n\n  const handleSubmit = async () => {\n    const result = await hookResult.actions.onSubmit()\n    if (result) {\n      onEvent(componentEvents.EMPLOYEE_SIGN_FORM, result.data)\n    }\n  }\n\n  return (\n    <section className={className}>\n      <BaseLayout error={hookResult.errorHandling.errors}>\n        <SDKFormProvider formHookResult={hookResult}>\n          <Form onSubmit={() => void handleSubmit()}>\n            <Flex flexDirection=\"column\">\n              <section>\n                <Components.Heading as=\"h2\">\n                  {t('signatureFormTitle', { formTitle: form.title })}\n                </Components.Heading>\n                {pdfUrl && (\n                  <Components.Text>\n                    <Trans\n                      t={t}\n                      i18nKey=\"downloadPrompt\"\n                      values={{ description: form.description }}\n                      components={{\n                        downloadLink: (\n                          <Components.Link\n                            href={pdfUrl}\n                            target=\"_blank\"\n                            rel=\"noopener noreferrer\"\n                            download={`${form.title || 'form'}.pdf`}\n                          />\n                        ),\n                      }}\n                    />\n                  </Components.Text>\n                )}\n              </section>\n\n              <DocumentViewer\n                url={pdfUrl}\n                title={form.title}\n                downloadInstructions={t('downloadAndReviewInstructions')}\n                viewDocumentLabel={t('viewDocumentCta')}\n              />\n\n              <Flex flexDirection=\"column\" gap={12}>\n                <Fields.Signature\n                  label={t('signatureFieldLabel')}\n                  description={t('signatureFieldDescription')}\n                  validationMessages={{ REQUIRED: t('signatureFieldError') }}\n                />\n                <Fields.ConfirmSignature\n                  label={t('confirmSignatureCheckboxLabel')}\n                  validationMessages={{ REQUIRED: t('confirmSignatureError') }}\n                />\n              </Flex>\n\n              <ActionsLayout>\n                <Components.Button variant=\"secondary\" type=\"button\" onClick={handleBack}>\n                  {t('backCta')}\n                </Components.Button>\n                <Components.Button type=\"submit\" isLoading={isPending}>\n                  {t('signFormCta')}\n                </Components.Button>\n              </ActionsLayout>\n            </Flex>\n          </Form>\n        </SDKFormProvider>\n      </BaseLayout>\n    </section>\n  )\n}\n"],"names":["SignatureForm","props","jsx","BaseComponent","Root","employeeId","formId","className","useI18n","t","useTranslation","onEvent","useBase","Components","useComponentContext","hookResult","useSignEmployeeForm","BaseLayout","form","pdfUrl","isPending","Fields","handleBack","componentEvents","handleSubmit","result","SDKFormProvider","Form","jsxs","Flex","Trans","DocumentViewer","ActionsLayout"],"mappings":"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"}

package/dist/components/Employee/EmployeeList/management/ManagementEmployeeList.d.ts

@@ -1,6 +1,6 @@
-import { BaseComponentInterface, CommonComponentInterface } from '../../../Base/Base';
+import { BaseComponentInterface } from '../../../Base/Base';
 /**
- * The tab currently selected on {@link ManagementEmployeeList}.
+ * The tab currently selected on {@link ManagementEmployeeList | EmployeeList}.
  *
  * @public
  */
@@ -10,20 +10,17 @@ export type EmployeeTab = 'active' | 'onboarding' | 'dismissed';
  *
  * @public
  */
-export interface ManagementEmployeeListProps extends CommonComponentInterface<'Employee.ManagementEmployeeList'> {
+export interface ManagementEmployeeListProps extends BaseComponentInterface<'Employee.ManagementEmployeeList'> {
     /** The associated company identifier. */
     companyId: string;
     /** Tab to render first: Active, Onboarding, or Dismissed. Defaults to `'active'`. */
     initialTab?: EmployeeTab;
-    /** Event handler fired on flow state changes. */
-    onEvent: BaseComponentInterface['onEvent'];
 }
 /**
  * Renders a tabbed list of a company's employees split across Active, Onboarding, and Dismissed
  * tabs, with per-row actions tailored to each tab (edit, delete, dismiss, rehire).
  *
- * @remarks
- *
+ * @events
  * | Event | Description | Data |
  * | ----- | ----------- | ---- |
  * | `employee/create` | Fired when the user clicks "Add employee". | — |
@@ -33,4 +30,4 @@ export interface ManagementEmployeeListProps extends CommonComponentInterface<'E
  *
  * @public
  */
-export declare function ManagementEmployeeList({ FallbackComponent, ...props }: ManagementEmployeeListProps & BaseComponentInterface): import("react").JSX.Element;
+export declare function ManagementEmployeeList({ FallbackComponent, ...props }: ManagementEmployeeListProps): import("react").JSX.Element;

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

@@ -1 +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\n/**\n * The tab currently selected on {@link ManagementEmployeeList}.\n *\n * @public\n */\nexport type EmployeeTab = 'active' | 'onboarding' | 'dismissed'\n\n/**\n * Props for {@link ManagementEmployeeList}.\n *\n * @public\n */\nexport interface ManagementEmployeeListProps extends CommonComponentInterface<'Employee.ManagementEmployeeList'> {\n  /** The associated company identifier. */\n  companyId: string\n  /** Tab to render first: Active, Onboarding, or Dismissed. Defaults to `'active'`. */\n  initialTab?: EmployeeTab\n  /** Event handler fired on flow state changes. */\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 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          onEvent(componentEvents.EMPLOYEE_DELETED, { employeeId })\n        }}\n        onAddEmployee={handleAddEmployee}\n      />\n    </BaseLayout>\n  )\n}\n\n/**\n * Renders a tabbed list of a company's employees split across Active, Onboarding, and Dismissed\n * tabs, with per-row actions tailored to each tab (edit, delete, dismiss, rehire).\n *\n * @remarks\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/create` | Fired when the user clicks \"Add employee\". | — |\n * | `employee/update` | Fired when the user selects \"Edit\" on a row. | `{ employeeId: string }` |\n * | `employee/dismiss` | Fired when the user selects \"Dismiss\" on a row in the Active tab. | `{ employeeId: string }` |\n * | `employee/deleted` | Fired after a row's delete action completes. | `{ employeeId: string }` |\n *\n * @public\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","handleTabChange","jsx","ManagementEmployeeListView","ManagementEmployeeList","FallbackComponent","props","BaseBoundaries"],"mappings":";;;;;;;AAiCA,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,IAAkB,CAACrB,MAAqB;AAC5C,IAAAS,EAAeT,CAAG;AAAA,EACpB;AAEA,SACE,gBAAAsB,EAACP,GAAA,EAAW,OAAOF,EAAa,cAAc,QAC5C,UAAA,gBAAAS;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,aAAAf;AAAA,MACA,aAAaa;AAAA,MACb,WAAWR,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,CAAU,GAC9Cb,EAAQc,EAAgB,kBAAkB,EAAE,YAAAD,EAAA,CAAY;AAAA,MAC1D;AAAA,MACA,eAAeE;AAAA,IAAA;AAAA,EAAA,GAEnB;AAEJ;AAiBO,SAASK,EAAuB;AAAA,EACrC,mBAAAC;AAAA,EACA,GAAGC;AACL,GAAyD;AACvD,SACE,gBAAAJ;AAAA,IAACK;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAF;AAAA,MAEA,UAAA,gBAAAH,EAACrB,GAAA,EAA4B,GAAGyB,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAG7C;"}
+{"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 { BaseBoundaries, BaseLayout, type BaseComponentInterface } from '@/components/Base/Base'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\n/**\n * The tab currently selected on {@link ManagementEmployeeList | EmployeeList}.\n *\n * @public\n */\nexport type EmployeeTab = 'active' | 'onboarding' | 'dismissed'\n\n/**\n * Props for {@link ManagementEmployeeList}.\n *\n * @public\n */\nexport interface ManagementEmployeeListProps extends BaseComponentInterface<'Employee.ManagementEmployeeList'> {\n  /** The associated company identifier. */\n  companyId: string\n  /** Tab to render first: Active, Onboarding, or Dismissed. Defaults to `'active'`. */\n  initialTab?: EmployeeTab\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 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          onEvent(componentEvents.EMPLOYEE_DELETED, { employeeId })\n        }}\n        onAddEmployee={handleAddEmployee}\n      />\n    </BaseLayout>\n  )\n}\n\n/**\n * Renders a tabbed list of a company's employees split across Active, Onboarding, and Dismissed\n * tabs, with per-row actions tailored to each tab (edit, delete, dismiss, rehire).\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/create` | Fired when the user clicks \"Add employee\". | — |\n * | `employee/update` | Fired when the user selects \"Edit\" on a row. | `{ employeeId: string }` |\n * | `employee/dismiss` | Fired when the user selects \"Dismiss\" on a row in the Active tab. | `{ employeeId: string }` |\n * | `employee/deleted` | Fired after a row's delete action completes. | `{ employeeId: string }` |\n *\n * @public\n */\nexport function ManagementEmployeeList({\n  FallbackComponent,\n  ...props\n}: ManagementEmployeeListProps) {\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","handleTabChange","jsx","ManagementEmployeeListView","ManagementEmployeeList","FallbackComponent","props","BaseBoundaries"],"mappings":";;;;;;;AA0BA,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,IAAkB,CAACrB,MAAqB;AAC5C,IAAAS,EAAeT,CAAG;AAAA,EACpB;AAEA,SACE,gBAAAsB,EAACP,GAAA,EAAW,OAAOF,EAAa,cAAc,QAC5C,UAAA,gBAAAS;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,aAAAf;AAAA,MACA,aAAaa;AAAA,MACb,WAAWR,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,CAAU,GAC9Cb,EAAQc,EAAgB,kBAAkB,EAAE,YAAAD,EAAA,CAAY;AAAA,MAC1D;AAAA,MACA,eAAeE;AAAA,IAAA;AAAA,EAAA,GAEnB;AAEJ;AAgBO,SAASK,EAAuB;AAAA,EACrC,mBAAAC;AAAA,EACA,GAAGC;AACL,GAAgC;AAC9B,SACE,gBAAAJ;AAAA,IAACK;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAF;AAAA,MAEA,UAAA,gBAAAH,EAACrB,GAAA,EAA4B,GAAGyB,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAG7C;"}

package/dist/components/Employee/EmployeeList/onboarding/EmployeeList.d.ts

@@ -7,13 +7,28 @@ import { BaseComponentInterface } from '../../../Base/Base';
 export interface EmployeeListProps extends BaseComponentInterface<'Employee.EmployeeList'> {
     /** The associated company identifier. */
     companyId: string;
+    /**
+     * Controls visibility of the Continue button in the employee list.
+     *
+     * @remarks
+     *
+     * When `true`, displays a Continue button below the populated employee list and
+     * a Skip button in the empty state. These controls trigger the `employee/onboarding/done` event,
+     * allowing navigation to the next step in a multi-step flow (e.g., company onboarding).
+     *
+     * When `false` (default), hides both buttons. Use this when the employee list is the final destination
+     * in its flow and no further navigation is needed (e.g., standalone employee onboarding where
+     * the list is the terminal screen).
+     *
+     * @defaultValue `false`
+     */
+    showContinueButton?: boolean;
 }
 /**
  * Renders a paginated list of a company's employees with per-row onboarding actions (edit,
  * delete, review, cancel self-onboarding) and an "Add employee" entry point.
  *
- * @remarks
- *
+ * @events
  * | Event | Description | Data |
  * | ----- | ----------- | ---- |
  * | `employee/create` | Fired when the user clicks "Add employee". | — |
@@ -24,4 +39,4 @@ export interface EmployeeListProps extends BaseComponentInterface<'Employee.Empl
  *
  * @public
  */
-export declare function EmployeeList({ FallbackComponent, ...props }: EmployeeListProps & BaseComponentInterface): import("react").JSX.Element;
+export declare function EmployeeList({ FallbackComponent, ...props }: EmployeeListProps): import("react").JSX.Element;

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

@@ -1,31 +1,36 @@
 import { jsx as r } from "react/jsx-runtime";
-import { useEmployeeList as c } from "../shared/useEmployeeList.js";
-import { EmployeeListView as d } from "./EmployeeListView.js";
-import { BaseBoundaries as u, BaseLayout as s } from "../../../Base/Base.js";
-import { useI18n as L, useComponentDictionary as y } from "../../../../i18n/I18n.js";
+import { useEmployeeList as d } from "../shared/useEmployeeList.js";
+import { EmployeeListView as u } from "./EmployeeListView.js";
+import { BaseBoundaries as L, BaseLayout as s } from "../../../Base/Base.js";
+import { useI18n as y, useComponentDictionary as O } from "../../../../i18n/I18n.js";
 import { componentEvents as i } from "../../../../shared/constants.js";
-function O({ companyId: a, onEvent: e, dictionary: E }) {
-  L("Employee.EmployeeList"), y("Employee.EmployeeList", E);
-  const o = c({
+function D({
+  companyId: a,
+  onEvent: e,
+  dictionary: E,
+  showContinueButton: m = !1
+}) {
+  y("Employee.EmployeeList"), O("Employee.EmployeeList", E);
+  const o = d({
     companyId: a
   });
   if (o.isLoading)
     return /* @__PURE__ */ r(s, { isLoading: !0, error: o.errorHandling.errors });
-  const m = (n, t) => {
+  const l = (n, t) => {
     e(i.EMPLOYEE_UPDATE, { employeeId: n, onboardingStatus: t });
   }, p = () => {
     e(i.EMPLOYEE_CREATE);
-  }, l = () => {
+  }, c = () => {
     e(i.EMPLOYEE_ONBOARDING_DONE);
   };
   return /* @__PURE__ */ r(s, { error: o.errorHandling.errors, children: /* @__PURE__ */ r(
-    d,
+    u,
     {
       employees: o.data.employees,
       isFetching: o.status.isFetching,
       pagination: o.pagination,
       status: o.status,
-      onEdit: m,
+      onEdit: l,
       onDelete: async (n) => {
         await o.actions.onDelete(n), e(i.EMPLOYEE_DELETED, { employeeId: n });
       },
@@ -41,17 +46,15 @@ function O({ companyId: a, onEvent: e, dictionary: E }) {
         }));
       },
       onAddEmployee: p,
-      onSkip: l
+      onSkip: c,
+      showContinueButton: m
     }
   ) });
 }
-function P({
-  FallbackComponent: a,
-  ...e
-}) {
-  return /* @__PURE__ */ r(u, { componentName: "Employee.EmployeeList", FallbackComponent: a, children: /* @__PURE__ */ r(O, { ...e }) });
+function T({ FallbackComponent: a, ...e }) {
+  return /* @__PURE__ */ r(L, { componentName: "Employee.EmployeeList", FallbackComponent: a, children: /* @__PURE__ */ r(D, { ...e }) });
 }
 export {
-  P as EmployeeList
+  T as EmployeeList
 };
 //# sourceMappingURL=EmployeeList.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EmployeeList.js","sources":["../../../../../src/components/Employee/EmployeeList/onboarding/EmployeeList.tsx"],"sourcesContent":["import type { OnboardingStatus } from '@gusto/embedded-api-v-2025-11-15/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\n/**\n * Props for {@link EmployeeList}.\n *\n * @public\n */\nexport interface EmployeeListProps extends BaseComponentInterface<'Employee.EmployeeList'> {\n  /** The associated company identifier. */\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 onboardingStatus = await employeeList.actions.onCancelSelfOnboarding(employeeId)\n          if (!onboardingStatus) return\n          onEvent(componentEvents.EMPLOYEE_ONBOARDING_STATUS_UPDATED, onboardingStatus)\n        }}\n        onReview={async (employeeId: string) => {\n          const onboardingStatus = await employeeList.actions.onReview(employeeId)\n          if (!onboardingStatus) return\n          onEvent(componentEvents.EMPLOYEE_ONBOARDING_STATUS_UPDATED, onboardingStatus)\n          onEvent(componentEvents.EMPLOYEE_UPDATE, {\n            employeeId,\n            onboardingStatus: onboardingStatus.onboardingStatus,\n          })\n        }}\n        onAddEmployee={handleAddEmployee}\n        onSkip={handleSkip}\n      />\n    </BaseLayout>\n  )\n}\n\n/**\n * Renders a paginated list of a company's employees with per-row onboarding actions (edit,\n * delete, review, cancel self-onboarding) and an \"Add employee\" entry point.\n *\n * @remarks\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/create` | Fired when the user clicks \"Add employee\". | — |\n * | `employee/update` | Fired when the user selects \"Edit\" or \"Review\" on a row. | `{ employeeId: string, onboardingStatus?: OnboardingStatus }` |\n * | `employee/deleted` | Fired after a row's delete action completes. | `{ employeeId: string }` |\n * | `employee/onboardingStatus/updated` | Fired after the \"Review\" or \"Cancel self-onboarding\" action updates an employee's onboarding status. | The updated `EmployeeOnboardingStatus` record |\n * | `employee/onboarding/done` | Fired when the user clicks the skip/done control to leave the onboarding employee list. | — |\n *\n * @public\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","EmployeeList","FallbackComponent","props","BaseBoundaries"],"mappings":";;;;;;AAiBA,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,cAAMC,IAAmB,MAAML,EAAa,QAAQ,uBAAuBI,CAAU;AACrF,QAAKC,KACLT,EAAQU,EAAgB,oCAAoCD,CAAgB;AAAA,MAC9E;AAAA,MACA,UAAU,OAAOD,MAAuB;AACtC,cAAMC,IAAmB,MAAML,EAAa,QAAQ,SAASI,CAAU;AACvE,QAAKC,MACLT,EAAQU,EAAgB,oCAAoCD,CAAgB,GAC5ET,EAAQU,EAAgB,iBAAiB;AAAA,UACvC,YAAAF;AAAA,UACA,kBAAkBC,EAAiB;AAAA,QAAA,CACpC;AAAA,MACH;AAAA,MACA,eAAeE;AAAA,MACf,QAAQC;AAAA,IAAA;AAAA,EAAA,GAEZ;AAEJ;AAkBO,SAASG,EAAa;AAAA,EAC3B,mBAAAC;AAAA,EACA,GAAGC;AACL,GAA+C;AAC7C,SACE,gBAAAJ,EAACK,KAAe,eAAc,yBAAwB,mBAAAF,GACpD,UAAA,gBAAAH,EAACf,GAAA,EAAkB,GAAGmB,EAAA,CAAO,EAAA,CAC/B;AAEJ;"}
+{"version":3,"file":"EmployeeList.js","sources":["../../../../../src/components/Employee/EmployeeList/onboarding/EmployeeList.tsx"],"sourcesContent":["import type { OnboardingStatus } from '@gusto/embedded-api-v-2025-11-15/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\n/**\n * Props for {@link EmployeeList}.\n *\n * @public\n */\nexport interface EmployeeListProps extends BaseComponentInterface<'Employee.EmployeeList'> {\n  /** The associated company identifier. */\n  companyId: string\n  /**\n   * Controls visibility of the Continue button in the employee list.\n   *\n   * @remarks\n   *\n   * When `true`, displays a Continue button below the populated employee list and\n   * a Skip button in the empty state. These controls trigger the `employee/onboarding/done` event,\n   * allowing navigation to the next step in a multi-step flow (e.g., company onboarding).\n   *\n   * When `false` (default), hides both buttons. Use this when the employee list is the final destination\n   * in its flow and no further navigation is needed (e.g., standalone employee onboarding where\n   * the list is the terminal screen).\n   *\n   * @defaultValue `false`\n   */\n  showContinueButton?: boolean\n}\n\nfunction EmployeeListRoot({\n  companyId,\n  onEvent,\n  dictionary,\n  showContinueButton = false,\n}: 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 onboardingStatus = await employeeList.actions.onCancelSelfOnboarding(employeeId)\n          if (!onboardingStatus) return\n          onEvent(componentEvents.EMPLOYEE_ONBOARDING_STATUS_UPDATED, onboardingStatus)\n        }}\n        onReview={async (employeeId: string) => {\n          const onboardingStatus = await employeeList.actions.onReview(employeeId)\n          if (!onboardingStatus) return\n          onEvent(componentEvents.EMPLOYEE_ONBOARDING_STATUS_UPDATED, onboardingStatus)\n          onEvent(componentEvents.EMPLOYEE_UPDATE, {\n            employeeId,\n            onboardingStatus: onboardingStatus.onboardingStatus,\n          })\n        }}\n        onAddEmployee={handleAddEmployee}\n        onSkip={handleSkip}\n        showContinueButton={showContinueButton}\n      />\n    </BaseLayout>\n  )\n}\n\n/**\n * Renders a paginated list of a company's employees with per-row onboarding actions (edit,\n * delete, review, cancel self-onboarding) and an \"Add employee\" entry point.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/create` | Fired when the user clicks \"Add employee\". | — |\n * | `employee/update` | Fired when the user selects \"Edit\" or \"Review\" on a row. | `{ employeeId: string, onboardingStatus?: OnboardingStatus }` |\n * | `employee/deleted` | Fired after a row's delete action completes. | `{ employeeId: string }` |\n * | `employee/onboardingStatus/updated` | Fired after the \"Review\" or \"Cancel self-onboarding\" action updates an employee's onboarding status. | The updated `EmployeeOnboardingStatus` record |\n * | `employee/onboarding/done` | Fired when the user clicks the skip/done control to leave the onboarding employee list. | — |\n *\n * @public\n */\nexport function EmployeeList({ FallbackComponent, ...props }: EmployeeListProps) {\n  return (\n    <BaseBoundaries componentName=\"Employee.EmployeeList\" FallbackComponent={FallbackComponent}>\n      <EmployeeListRoot {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["EmployeeListRoot","companyId","onEvent","dictionary","showContinueButton","useI18n","useComponentDictionary","employeeList","useEmployeeList","BaseLayout","handleEdit","employeeId","onboardingStatus","componentEvents","handleAddEmployee","handleSkip","jsx","EmployeeListView","EmployeeList","FallbackComponent","props","BaseBoundaries"],"mappings":";;;;;;AAiCA,SAASA,EAAiB;AAAA,EACxB,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,oBAAAC,IAAqB;AACvB,GAAsB;AACpB,EAAAC,EAAQ,uBAAuB,GAC/BC,EAAuB,yBAAyBH,CAAU;AAE1D,QAAMI,IAAeC,EAAgB;AAAA,IACnC,WAAAP;AAAA,EAAA,CACD;AAED,MAAIM,EAAa;AACf,6BAAQE,GAAA,EAAW,WAAS,IAAC,OAAOF,EAAa,cAAc,QAAQ;AAGzE,QAAMG,IAAa,CAACC,GAAoBC,MAAwC;AAC9E,IAAAV,EAAQW,EAAgB,iBAAiB,EAAE,YAAAF,GAAY,kBAAAC,GAAkB;AAAA,EAC3E,GAEME,IAAoB,MAAM;AAC9B,IAAAZ,EAAQW,EAAgB,eAAe;AAAA,EACzC,GAEME,IAAa,MAAM;AACvB,IAAAb,EAAQW,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,GAC9CT,EAAQW,EAAgB,kBAAkB,EAAE,YAAAF,EAAA,CAAY;AAAA,MAC1D;AAAA,MACA,wBAAwB,OAAOA,MAAuB;AACpD,cAAMC,IAAmB,MAAML,EAAa,QAAQ,uBAAuBI,CAAU;AACrF,QAAKC,KACLV,EAAQW,EAAgB,oCAAoCD,CAAgB;AAAA,MAC9E;AAAA,MACA,UAAU,OAAOD,MAAuB;AACtC,cAAMC,IAAmB,MAAML,EAAa,QAAQ,SAASI,CAAU;AACvE,QAAKC,MACLV,EAAQW,EAAgB,oCAAoCD,CAAgB,GAC5EV,EAAQW,EAAgB,iBAAiB;AAAA,UACvC,YAAAF;AAAA,UACA,kBAAkBC,EAAiB;AAAA,QAAA,CACpC;AAAA,MACH;AAAA,MACA,eAAeE;AAAA,MACf,QAAQC;AAAA,MACR,oBAAAX;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAiBO,SAASc,EAAa,EAAE,mBAAAC,GAAmB,GAAGC,KAA4B;AAC/E,SACE,gBAAAJ,EAACK,KAAe,eAAc,yBAAwB,mBAAAF,GACpD,UAAA,gBAAAH,EAAChB,GAAA,EAAkB,GAAGoB,EAAA,CAAO,EAAA,CAC/B;AAEJ;"}

package/dist/components/Employee/EmployeeList/onboarding/EmployeeListView.d.ts

@@ -12,6 +12,7 @@ export interface EmployeeListViewProps extends Pick<Extract<UseEmployeeListResul
     onReview: (employeeId: string) => Promise<void>;
     onAddEmployee: () => void;
     onSkip: () => void;
+    showContinueButton: boolean;
 }
 /** @internal */
-export declare function EmployeeListView({ employees, isFetching, pagination, status, onEdit, onDelete, onCancelSelfOnboarding, onReview, onAddEmployee, onSkip, }: EmployeeListViewProps): import("react").JSX.Element;
+export declare function EmployeeListView({ employees, isFetching, pagination, status, onEdit, onDelete, onCancelSelfOnboarding, onReview, onAddEmployee, onSkip, showContinueButton, }: EmployeeListViewProps): import("react").JSX.Element;