@gusto/embedded-react-sdk 0.52.2 → 0.53.0

package/dist/components/Employee/Documents/management/DocumentManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentManager.js","sources":["../../../../../src/components/Employee/Documents/management/DocumentManager.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport { useEmployeeFormsGetSuspense } from '@gusto/embedded-api/react-query/employeeFormsGet'\nimport { useEmployeeFormsGetPdfSuspense } from '@gusto/embedded-api/react-query/employeeFormsGetPdf'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport type { BaseComponentKeys } from '@/components/Base/Base'\nimport { ActionsLayout, Flex } from '@/components/Common'\nimport { DocumentViewer } from '@/components/Common/DocumentViewer'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\n/**\n * Props for {@link DocumentManager}.\n *\n * @public\n */\nexport interface DocumentManagerProps extends BaseComponentInterface<'Employee.DocumentManager'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** The identifier of the form to display. */\n  formId: string\n}\n\n/**\n * Read-only document viewer for the admin-facing employee dashboard. Renders the\n * selected form's PDF — including unsigned forms, which are shown as-is.\n * Signing is intentionally not offered here; forms are signed by the employee\n * during onboarding, not by an admin viewing the dashboard.\n *\n * @remarks\n * Emits the following events:\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `CANCEL` | The back button is selected | — |\n *\n * @param props - See {@link DocumentManagerProps}.\n * @public\n */\nexport function DocumentManager(props: DocumentManagerProps) {\n  useI18n('Employee.DocumentManager')\n  return (\n    <BaseComponent {...props} componentName=\"Employee.DocumentManager\">\n      <DocumentManagerRoot employeeId={props.employeeId} formId={props.formId} />\n    </BaseComponent>\n  )\n}\n\nfunction DocumentManagerRoot({\n  employeeId,\n  formId,\n}: Omit<DocumentManagerProps, BaseComponentKeys>) {\n  const { t } = useTranslation('Employee.DocumentManager')\n  const Components = useComponentContext()\n  const { onEvent } = useBase()\n\n  const {\n    data: { form },\n  } = useEmployeeFormsGetSuspense({ employeeId, formId })\n  const {\n    data: { formPdf },\n  } = useEmployeeFormsGetPdfSuspense({ employeeId, formId })\n\n  const pdfUrl = formPdf?.documentUrl\n\n  if (!form) return null\n\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      {form.title && <Components.Heading as=\"h2\">{form.title}</Components.Heading>}\n      {pdfUrl && (\n        <Components.Text>\n          <Trans\n            t={t}\n            i18nKey=\"downloadDocumentCta\"\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      <DocumentViewer url={pdfUrl} title={form.title} viewDocumentLabel={t('viewDocumentCta')} />\n\n      <ActionsLayout>\n        <Components.Button\n          variant=\"secondary\"\n          onClick={() => {\n            onEvent(componentEvents.CANCEL)\n          }}\n        >\n          {t('backCta')}\n        </Components.Button>\n      </ActionsLayout>\n    </Flex>\n  )\n}\n"],"names":["DocumentManager","props","useI18n","jsx","BaseComponent","DocumentManagerRoot","employeeId","formId","t","useTranslation","Components","useComponentContext","onEvent","useBase","form","useEmployeeFormsGetSuspense","formPdf","useEmployeeFormsGetPdfSuspense","pdfUrl","jsxs","Flex","Trans","DocumentViewer","ActionsLayout","componentEvents"],"mappings":";;;;;;;;;;;;;AAwCO,SAASA,EAAgBC,GAA6B;AAC3D,SAAAC,EAAQ,0BAA0B,GAEhC,gBAAAC,EAACC,GAAA,EAAe,GAAGH,GAAO,eAAc,4BACtC,UAAA,gBAAAE,EAACE,GAAA,EAAoB,YAAYJ,EAAM,YAAY,QAAQA,EAAM,QAAQ,GAC3E;AAEJ;AAEA,SAASI,EAAoB;AAAA,EAC3B,YAAAC;AAAA,EACA,QAAAC;AACF,GAAkD;AAChD,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,0BAA0B,GACjDC,IAAaC,EAAA,GACb,EAAE,SAAAC,EAAA,IAAYC,EAAA,GAEd;AAAA,IACJ,MAAM,EAAE,MAAAC,EAAA;AAAA,EAAK,IACXC,EAA4B,EAAE,YAAAT,GAAY,QAAAC,GAAQ,GAChD;AAAA,IACJ,MAAM,EAAE,SAAAS,EAAA;AAAA,EAAQ,IACdC,EAA+B,EAAE,YAAAX,GAAY,QAAAC,GAAQ,GAEnDW,IAASF,GAAS;AAExB,SAAKF,IAGH,gBAAAK,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,IAAAN,EAAK,2BAAUJ,EAAW,SAAX,EAAmB,IAAG,MAAM,YAAK,MAAA,CAAM;AAAA,IACtDQ,KACC,gBAAAf,EAACO,EAAW,MAAX,EACC,UAAA,gBAAAP;AAAA,MAACkB;AAAA,MAAA;AAAA,QACC,GAAAb;AAAA,QACA,SAAQ;AAAA,QACR,YAAY;AAAA,UACV,cACE,gBAAAL;AAAA,YAACO,EAAW;AAAA,YAAX;AAAA,cACC,MAAMQ;AAAA,cACN,QAAO;AAAA,cACP,KAAI;AAAA,cACJ,UAAU,GAAGJ,EAAK,SAAS,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,QACnC;AAAA,MAEJ;AAAA,IAAA,GAEJ;AAAA,IAEF,gBAAAX,EAACmB,GAAA,EAAe,KAAKJ,GAAQ,OAAOJ,EAAK,OAAO,mBAAmBN,EAAE,iBAAiB,EAAA,CAAG;AAAA,sBAExFe,GAAA,EACC,UAAA,gBAAApB;AAAA,MAACO,EAAW;AAAA,MAAX;AAAA,QACC,SAAQ;AAAA,QACR,SAAS,MAAM;AACb,UAAAE,EAAQY,EAAgB,MAAM;AAAA,QAChC;AAAA,QAEC,YAAE,SAAS;AAAA,MAAA;AAAA,IAAA,EACd,CACF;AAAA,EAAA,GACF,IAnCgB;AAqCpB;"}
+{"version":3,"file":"DocumentManager.js","sources":["../../../../../src/components/Employee/Documents/management/DocumentManager.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport { useEmployeeFormsGetSuspense } from '@gusto/embedded-api/react-query/employeeFormsGet'\nimport { useEmployeeFormsGetPdfSuspense } from '@gusto/embedded-api/react-query/employeeFormsGetPdf'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport type { BaseComponentKeys } from '@/components/Base/Base'\nimport { ActionsLayout, Flex } from '@/components/Common'\nimport { DocumentViewer } from '@/components/Common/DocumentViewer'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\n/**\n * Props for {@link DocumentManager}.\n *\n * @public\n */\nexport interface DocumentManagerProps extends BaseComponentInterface<'Employee.DocumentManager'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** The identifier of the form to display. */\n  formId: string\n}\n\n/**\n * Read-only document viewer for the admin-facing employee dashboard. Renders the\n * selected form's PDF — including unsigned forms, which are shown as-is.\n * Signing is intentionally not offered here; forms are signed by the employee\n * during onboarding, not by an admin viewing the dashboard.\n *\n * @remarks\n * Emits the following events:\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `CANCEL` | The back button is selected | — |\n *\n * @param props - See {@link DocumentManagerProps}.\n * @public\n */\nexport function DocumentManager(props: DocumentManagerProps) {\n  useI18n('Employee.DocumentManager')\n  return (\n    <BaseComponent {...props} componentName=\"Employee.DocumentManager\">\n      <DocumentManagerRoot employeeId={props.employeeId} formId={props.formId} />\n    </BaseComponent>\n  )\n}\n\nfunction DocumentManagerRoot({\n  employeeId,\n  formId,\n}: Omit<DocumentManagerProps, BaseComponentKeys>) {\n  const { t } = useTranslation('Employee.DocumentManager')\n  const Components = useComponentContext()\n  const { onEvent } = useBase()\n\n  const {\n    data: { form },\n  } = useEmployeeFormsGetSuspense({ employeeId, formId })\n  const {\n    data: { formPdf },\n  } = useEmployeeFormsGetPdfSuspense({ employeeId, formId })\n\n  const pdfUrl = formPdf?.documentUrl\n\n  if (!form) return null\n\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      {form.title && <Components.Heading as=\"h2\">{form.title}</Components.Heading>}\n      {pdfUrl && (\n        <Components.Text>\n          <Trans\n            t={t}\n            i18nKey=\"downloadDocumentCta\"\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      <DocumentViewer url={pdfUrl} title={form.title} viewDocumentLabel={t('viewDocumentCta')} />\n\n      <ActionsLayout>\n        <Components.Button\n          variant=\"secondary\"\n          onClick={() => {\n            onEvent(componentEvents.CANCEL)\n          }}\n        >\n          {t('backCta')}\n        </Components.Button>\n      </ActionsLayout>\n    </Flex>\n  )\n}\n"],"names":["DocumentManager","props","useI18n","jsx","BaseComponent","DocumentManagerRoot","employeeId","formId","t","useTranslation","Components","useComponentContext","onEvent","useBase","form","useEmployeeFormsGetSuspense","formPdf","useEmployeeFormsGetPdfSuspense","pdfUrl","jsxs","Flex","Trans","DocumentViewer","ActionsLayout","componentEvents"],"mappings":";;;;;;;;;;;;AAwCO,SAASA,EAAgBC,GAA6B;AAC3D,SAAAC,EAAQ,0BAA0B,GAEhC,gBAAAC,EAACC,GAAA,EAAe,GAAGH,GAAO,eAAc,4BACtC,UAAA,gBAAAE,EAACE,GAAA,EAAoB,YAAYJ,EAAM,YAAY,QAAQA,EAAM,QAAQ,GAC3E;AAEJ;AAEA,SAASI,EAAoB;AAAA,EAC3B,YAAAC;AAAA,EACA,QAAAC;AACF,GAAkD;AAChD,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,0BAA0B,GACjDC,IAAaC,EAAA,GACb,EAAE,SAAAC,EAAA,IAAYC,EAAA,GAEd;AAAA,IACJ,MAAM,EAAE,MAAAC,EAAA;AAAA,EAAK,IACXC,EAA4B,EAAE,YAAAT,GAAY,QAAAC,GAAQ,GAChD;AAAA,IACJ,MAAM,EAAE,SAAAS,EAAA;AAAA,EAAQ,IACdC,EAA+B,EAAE,YAAAX,GAAY,QAAAC,GAAQ,GAEnDW,IAASF,GAAS;AAExB,SAAKF,IAGH,gBAAAK,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,IAAAN,EAAK,2BAAUJ,EAAW,SAAX,EAAmB,IAAG,MAAM,YAAK,MAAA,CAAM;AAAA,IACtDQ,KACC,gBAAAf,EAACO,EAAW,MAAX,EACC,UAAA,gBAAAP;AAAA,MAACkB;AAAA,MAAA;AAAA,QACC,GAAAb;AAAA,QACA,SAAQ;AAAA,QACR,YAAY;AAAA,UACV,cACE,gBAAAL;AAAA,YAACO,EAAW;AAAA,YAAX;AAAA,cACC,MAAMQ;AAAA,cACN,QAAO;AAAA,cACP,KAAI;AAAA,cACJ,UAAU,GAAGJ,EAAK,SAAS,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,QACnC;AAAA,MAEJ;AAAA,IAAA,GAEJ;AAAA,IAEF,gBAAAX,EAACmB,GAAA,EAAe,KAAKJ,GAAQ,OAAOJ,EAAK,OAAO,mBAAmBN,EAAE,iBAAiB,EAAA,CAAG;AAAA,sBAExFe,GAAA,EACC,UAAA,gBAAApB;AAAA,MAACO,EAAW;AAAA,MAAX;AAAA,QACC,SAAQ;AAAA,QACR,SAAS,MAAM;AACb,UAAAE,EAAQY,EAAgB,MAAM;AAAA,QAChC;AAAA,QAEC,YAAE,SAAS;AAAA,MAAA;AAAA,IAAA,EACd,CACF;AAAA,EAAA,GACF,IAnCgB;AAqCpB;"}

package/dist/components/Employee/Documents/management/DocumentsCard/DocumentsCard.js

@@ -2,20 +2,19 @@ import { jsx as e } from "react/jsx-runtime";
 import { useTranslation as c } from "react-i18next";
 import { Loading as d } from "../../../../Common/Loading/Loading.js";
 import { EmptyData as l } from "../../../../Common/EmptyData/EmptyData.js";
-import { useComponentContext as p } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
-import "react";
-import { BaseBoundaries as g, BaseLayout as f } from "../../../../Base/Base.js";
+import { BaseBoundaries as g, BaseLayout as p } from "../../../../Base/Base.js";
+import { useComponentContext as f } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useI18n as y } from "../../../../../i18n/I18n.js";
 import { componentEvents as E } from "../../../../../shared/constants.js";
 import { useDocumentsList as D } from "../../shared/useDocumentsList/useDocumentsList.js";
 import { useDataView as S } from "../../../../Common/DataView/useDataView.js";
 import { DataView as C } from "../../../../Common/DataView/DataView.js";
-function A(o) {
+function v(o) {
   return /* @__PURE__ */ e(g, { componentName: "Employee.Management.Documents", children: /* @__PURE__ */ e(h, { ...o }) });
 }
 function h({ employeeId: o, onEvent: s }) {
   y("Employee.Management.Documents");
-  const { t } = c("Employee.Management.Documents"), r = p(), i = D({ employeeId: o }), a = i.isLoading ? [] : i.data.forms, m = [
+  const { t } = c("Employee.Management.Documents"), r = f(), i = D({ employeeId: o }), a = i.isLoading ? [] : i.data.forms, m = [
     {
       key: "title",
       title: t("columns.title"),
@@ -54,9 +53,9 @@ function h({ employeeId: o, onEvent: s }) {
     ),
     emptyState: () => /* @__PURE__ */ e(l, { title: t("emptyState.title"), description: t("emptyState.description") })
   });
-  return /* @__PURE__ */ e(f, { error: i.errorHandling.errors, children: /* @__PURE__ */ e(r.Box, { withPadding: !1, header: /* @__PURE__ */ e(r.BoxHeader, { title: t("title") }), children: i.isLoading ? /* @__PURE__ */ e(d, {}) : /* @__PURE__ */ e(C, { label: t("listLabel"), isWithinBox: !0, ...u }) }) });
+  return /* @__PURE__ */ e(p, { error: i.errorHandling.errors, children: /* @__PURE__ */ e(r.Box, { withPadding: !1, header: /* @__PURE__ */ e(r.BoxHeader, { title: t("title") }), children: i.isLoading ? /* @__PURE__ */ e(d, {}) : /* @__PURE__ */ e(C, { label: t("listLabel"), isWithinBox: !0, ...u }) }) });
 }
 export {
-  A as DocumentsCard
+  v as DocumentsCard
 };
 //# sourceMappingURL=DocumentsCard.js.map

package/dist/components/Employee/Documents/management/DocumentsCard/DocumentsCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentsCard.js","sources":["../../../../../../src/components/Employee/Documents/management/DocumentsCard/DocumentsCard.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { Form } from '@gusto/embedded-api/models/components/form'\nimport { useDocumentsList } from '../../shared/useDocumentsList'\nimport { DataView, useDataView, EmptyData, Loading } from '@/components/Common'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\n\n/**\n * Props for {@link DocumentsCard}.\n *\n * @public\n */\nexport interface DocumentsCardProps {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Event handler fired when a row's View CTA is clicked. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/**\n * Standalone \"Documents\" (forms) card. Owns its own data fetch via\n * {@link useDocumentsList} and renders the employee's forms in a table with a\n * per-row \"View\" action. Emits\n * `employee/management/documents/card/viewRequested` with\n * `{ employeeId, formId }` when a row's View CTA is clicked. The card is\n * read-only — viewing or signing a form happens in the screen the parent\n * routes to — and renders no alerts: alert rendering is the parent's\n * responsibility.\n *\n * @param props - See {@link DocumentsCardProps}.\n * @returns The documents card.\n * @public\n */\nexport function DocumentsCard(props: DocumentsCardProps) {\n  return (\n    <BaseBoundaries componentName=\"Employee.Management.Documents\">\n      <DocumentsCardContent {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction DocumentsCardContent({ employeeId, onEvent }: DocumentsCardProps) {\n  useI18n('Employee.Management.Documents')\n  const { t } = useTranslation('Employee.Management.Documents')\n  const Components = useComponentContext()\n\n  const documentsList = useDocumentsList({ employeeId })\n\n  const forms = documentsList.isLoading ? [] : documentsList.data.forms\n\n  const formsColumns = [\n    {\n      key: 'title',\n      title: t('columns.title'),\n      render: (form: Form) => form.title || '-',\n    },\n    {\n      key: 'year',\n      title: t('columns.year'),\n      render: (form: Form) => (form.year ? String(form.year) : '-'),\n    },\n    {\n      key: 'status',\n      title: t('columns.status'),\n      render: (form: Form) => (form.draft ? t('status.draft') : t('status.final')),\n    },\n    {\n      key: 'requiresSigning',\n      title: t('columns.requiresSigning'),\n      render: (form: Form) =>\n        form.requiresSigning ? (\n          <Components.Badge status=\"warning\">{t('signingStatus.notSigned')}</Components.Badge>\n        ) : (\n          <Components.Badge status=\"success\">{t('signingStatus.signed')}</Components.Badge>\n        ),\n    },\n  ]\n\n  const formsDataView = useDataView({\n    data: forms,\n    columns: formsColumns,\n    itemMenu: (form: Form) => (\n      <Components.Button\n        variant=\"secondary\"\n        onClick={() => {\n          onEvent(componentEvents.EMPLOYEE_MANAGEMENT_DOCUMENTS_CARD_VIEW_REQUESTED, {\n            employeeId,\n            formId: form.uuid,\n          })\n        }}\n      >\n        {t('viewCta')}\n      </Components.Button>\n    ),\n    emptyState: () => (\n      <EmptyData title={t('emptyState.title')} description={t('emptyState.description')} />\n    ),\n  })\n\n  return (\n    <BaseLayout error={documentsList.errorHandling.errors}>\n      <Components.Box withPadding={false} header={<Components.BoxHeader title={t('title')} />}>\n        {documentsList.isLoading ? (\n          <Loading />\n        ) : (\n          <DataView label={t('listLabel')} isWithinBox {...formsDataView} />\n        )}\n      </Components.Box>\n    </BaseLayout>\n  )\n}\n"],"names":["DocumentsCard","props","jsx","BaseBoundaries","DocumentsCardContent","employeeId","onEvent","useI18n","useTranslation","Components","useComponentContext","documentsList","useDocumentsList","forms","formsColumns","form","formsDataView","useDataView","componentEvents","EmptyData","BaseLayout","Loading","DataView"],"mappings":";;;;;;;;;;;;AAoCO,SAASA,EAAcC,GAA2B;AACvD,SACE,gBAAAC,EAACC,KAAe,eAAc,iCAC5B,4BAACC,GAAA,EAAsB,GAAGH,GAAO,EAAA,CACnC;AAEJ;AAEA,SAASG,EAAqB,EAAE,YAAAC,GAAY,SAAAC,KAA+B;AACzE,EAAAC,EAAQ,+BAA+B;AACvC,QAAM,EAAE,EAAA,IAAMC,EAAe,+BAA+B,GACtDC,IAAaC,EAAA,GAEbC,IAAgBC,EAAiB,EAAE,YAAAP,GAAY,GAE/CQ,IAAQF,EAAc,YAAY,CAAA,IAAKA,EAAc,KAAK,OAE1DG,IAAe;AAAA,IACnB;AAAA,MACE,KAAK;AAAA,MACL,OAAO,EAAE,eAAe;AAAA,MACxB,QAAQ,CAACC,MAAeA,EAAK,SAAS;AAAA,IAAA;AAAA,IAExC;AAAA,MACE,KAAK;AAAA,MACL,OAAO,EAAE,cAAc;AAAA,MACvB,QAAQ,CAACA,MAAgBA,EAAK,OAAO,OAAOA,EAAK,IAAI,IAAI;AAAA,IAAA;AAAA,IAE3D;AAAA,MACE,KAAK;AAAA,MACL,OAAO,EAAE,gBAAgB;AAAA,MACzB,QAAQ,CAACA,MAAgBA,EAAK,QAAQ,EAAE,cAAc,IAAI,EAAE,cAAc;AAAA,IAAA;AAAA,IAE5E;AAAA,MACE,KAAK;AAAA,MACL,OAAO,EAAE,yBAAyB;AAAA,MAClC,QAAQ,CAACA,MACPA,EAAK,kBACH,gBAAAb,EAACO,EAAW,OAAX,EAAiB,QAAO,WAAW,YAAE,yBAAyB,GAAE,IAEjE,gBAAAP,EAACO,EAAW,OAAX,EAAiB,QAAO,WAAW,UAAA,EAAE,sBAAsB,EAAA,CAAE;AAAA,IAAA;AAAA,EAEpE,GAGIO,IAAgBC,EAAY;AAAA,IAChC,MAAMJ;AAAA,IACN,SAASC;AAAA,IACT,UAAU,CAACC,MACT,gBAAAb;AAAA,MAACO,EAAW;AAAA,MAAX;AAAA,QACC,SAAQ;AAAA,QACR,SAAS,MAAM;AACb,UAAAH,EAAQY,EAAgB,mDAAmD;AAAA,YACzE,YAAAb;AAAA,YACA,QAAQU,EAAK;AAAA,UAAA,CACd;AAAA,QACH;AAAA,QAEC,YAAE,SAAS;AAAA,MAAA;AAAA,IAAA;AAAA,IAGhB,YAAY,MACV,gBAAAb,EAACiB,GAAA,EAAU,OAAO,EAAE,kBAAkB,GAAG,aAAa,EAAE,wBAAwB,EAAA,CAAG;AAAA,EAAA,CAEtF;AAED,2BACGC,GAAA,EAAW,OAAOT,EAAc,cAAc,QAC7C,UAAA,gBAAAT,EAACO,EAAW,KAAX,EAAe,aAAa,IAAO,0BAASA,EAAW,WAAX,EAAqB,OAAO,EAAE,OAAO,GAAG,GAClF,UAAAE,EAAc,YACb,gBAAAT,EAACmB,GAAA,EAAQ,IAET,gBAAAnB,EAACoB,GAAA,EAAS,OAAO,EAAE,WAAW,GAAG,aAAW,IAAE,GAAGN,EAAA,CAAe,GAEpE,GACF;AAEJ;"}
+{"version":3,"file":"DocumentsCard.js","sources":["../../../../../../src/components/Employee/Documents/management/DocumentsCard/DocumentsCard.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { Form } from '@gusto/embedded-api/models/components/form'\nimport { useDocumentsList } from '../../shared/useDocumentsList'\nimport { DataView, useDataView, EmptyData, Loading } from '@/components/Common'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\n\n/**\n * Props for {@link DocumentsCard}.\n *\n * @public\n */\nexport interface DocumentsCardProps {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Event handler fired when a row's View CTA is clicked. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/**\n * Standalone \"Documents\" (forms) card. Owns its own data fetch via\n * {@link useDocumentsList} and renders the employee's forms in a table with a\n * per-row \"View\" action. Emits\n * `employee/management/documents/card/viewRequested` with\n * `{ employeeId, formId }` when a row's View CTA is clicked. The card is\n * read-only — viewing or signing a form happens in the screen the parent\n * routes to — and renders no alerts: alert rendering is the parent's\n * responsibility.\n *\n * @param props - See {@link DocumentsCardProps}.\n * @returns The documents card.\n * @public\n */\nexport function DocumentsCard(props: DocumentsCardProps) {\n  return (\n    <BaseBoundaries componentName=\"Employee.Management.Documents\">\n      <DocumentsCardContent {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction DocumentsCardContent({ employeeId, onEvent }: DocumentsCardProps) {\n  useI18n('Employee.Management.Documents')\n  const { t } = useTranslation('Employee.Management.Documents')\n  const Components = useComponentContext()\n\n  const documentsList = useDocumentsList({ employeeId })\n\n  const forms = documentsList.isLoading ? [] : documentsList.data.forms\n\n  const formsColumns = [\n    {\n      key: 'title',\n      title: t('columns.title'),\n      render: (form: Form) => form.title || '-',\n    },\n    {\n      key: 'year',\n      title: t('columns.year'),\n      render: (form: Form) => (form.year ? String(form.year) : '-'),\n    },\n    {\n      key: 'status',\n      title: t('columns.status'),\n      render: (form: Form) => (form.draft ? t('status.draft') : t('status.final')),\n    },\n    {\n      key: 'requiresSigning',\n      title: t('columns.requiresSigning'),\n      render: (form: Form) =>\n        form.requiresSigning ? (\n          <Components.Badge status=\"warning\">{t('signingStatus.notSigned')}</Components.Badge>\n        ) : (\n          <Components.Badge status=\"success\">{t('signingStatus.signed')}</Components.Badge>\n        ),\n    },\n  ]\n\n  const formsDataView = useDataView({\n    data: forms,\n    columns: formsColumns,\n    itemMenu: (form: Form) => (\n      <Components.Button\n        variant=\"secondary\"\n        onClick={() => {\n          onEvent(componentEvents.EMPLOYEE_MANAGEMENT_DOCUMENTS_CARD_VIEW_REQUESTED, {\n            employeeId,\n            formId: form.uuid,\n          })\n        }}\n      >\n        {t('viewCta')}\n      </Components.Button>\n    ),\n    emptyState: () => (\n      <EmptyData title={t('emptyState.title')} description={t('emptyState.description')} />\n    ),\n  })\n\n  return (\n    <BaseLayout error={documentsList.errorHandling.errors}>\n      <Components.Box withPadding={false} header={<Components.BoxHeader title={t('title')} />}>\n        {documentsList.isLoading ? (\n          <Loading />\n        ) : (\n          <DataView label={t('listLabel')} isWithinBox {...formsDataView} />\n        )}\n      </Components.Box>\n    </BaseLayout>\n  )\n}\n"],"names":["DocumentsCard","props","jsx","BaseBoundaries","DocumentsCardContent","employeeId","onEvent","useI18n","useTranslation","Components","useComponentContext","documentsList","useDocumentsList","forms","formsColumns","form","formsDataView","useDataView","componentEvents","EmptyData","BaseLayout","Loading","DataView"],"mappings":";;;;;;;;;;;AAoCO,SAASA,EAAcC,GAA2B;AACvD,SACE,gBAAAC,EAACC,KAAe,eAAc,iCAC5B,4BAACC,GAAA,EAAsB,GAAGH,GAAO,EAAA,CACnC;AAEJ;AAEA,SAASG,EAAqB,EAAE,YAAAC,GAAY,SAAAC,KAA+B;AACzE,EAAAC,EAAQ,+BAA+B;AACvC,QAAM,EAAE,EAAA,IAAMC,EAAe,+BAA+B,GACtDC,IAAaC,EAAA,GAEbC,IAAgBC,EAAiB,EAAE,YAAAP,GAAY,GAE/CQ,IAAQF,EAAc,YAAY,CAAA,IAAKA,EAAc,KAAK,OAE1DG,IAAe;AAAA,IACnB;AAAA,MACE,KAAK;AAAA,MACL,OAAO,EAAE,eAAe;AAAA,MACxB,QAAQ,CAACC,MAAeA,EAAK,SAAS;AAAA,IAAA;AAAA,IAExC;AAAA,MACE,KAAK;AAAA,MACL,OAAO,EAAE,cAAc;AAAA,MACvB,QAAQ,CAACA,MAAgBA,EAAK,OAAO,OAAOA,EAAK,IAAI,IAAI;AAAA,IAAA;AAAA,IAE3D;AAAA,MACE,KAAK;AAAA,MACL,OAAO,EAAE,gBAAgB;AAAA,MACzB,QAAQ,CAACA,MAAgBA,EAAK,QAAQ,EAAE,cAAc,IAAI,EAAE,cAAc;AAAA,IAAA;AAAA,IAE5E;AAAA,MACE,KAAK;AAAA,MACL,OAAO,EAAE,yBAAyB;AAAA,MAClC,QAAQ,CAACA,MACPA,EAAK,kBACH,gBAAAb,EAACO,EAAW,OAAX,EAAiB,QAAO,WAAW,YAAE,yBAAyB,GAAE,IAEjE,gBAAAP,EAACO,EAAW,OAAX,EAAiB,QAAO,WAAW,UAAA,EAAE,sBAAsB,EAAA,CAAE;AAAA,IAAA;AAAA,EAEpE,GAGIO,IAAgBC,EAAY;AAAA,IAChC,MAAMJ;AAAA,IACN,SAASC;AAAA,IACT,UAAU,CAACC,MACT,gBAAAb;AAAA,MAACO,EAAW;AAAA,MAAX;AAAA,QACC,SAAQ;AAAA,QACR,SAAS,MAAM;AACb,UAAAH,EAAQY,EAAgB,mDAAmD;AAAA,YACzE,YAAAb;AAAA,YACA,QAAQU,EAAK;AAAA,UAAA,CACd;AAAA,QACH;AAAA,QAEC,YAAE,SAAS;AAAA,MAAA;AAAA,IAAA;AAAA,IAGhB,YAAY,MACV,gBAAAb,EAACiB,GAAA,EAAU,OAAO,EAAE,kBAAkB,GAAG,aAAa,EAAE,wBAAwB,EAAA,CAAG;AAAA,EAAA,CAEtF;AAED,2BACGC,GAAA,EAAW,OAAOT,EAAc,cAAc,QAC7C,UAAA,gBAAAT,EAACO,EAAW,KAAX,EAAe,aAAa,IAAO,0BAASA,EAAW,WAAX,EAAqB,OAAO,EAAE,OAAO,GAAG,GAClF,UAAAE,EAAc,YACb,gBAAAT,EAACmB,GAAA,EAAQ,IAET,gBAAAnB,EAACoB,GAAA,EAAS,OAAO,EAAE,WAAW,GAAG,aAAW,IAAE,GAAGN,EAAA,CAAe,GAEpE,GACF;AAEJ;"}

package/dist/components/Employee/Documents/onboarding/DocumentSigner/DocumentList/Actions.js

@@ -3,12 +3,11 @@ import { useTranslation as r } from "react-i18next";
 import { useDocumentList as s } from "./useDocumentList.js";
 import { ActionsLayout as m } from "../../../../../Common/ActionsLayout/ActionsLayout.js";
 import { useComponentContext as c } from "../../../../../../contexts/ComponentAdapter/useComponentContext.js";
-import "react";
-function C() {
-  const { t: n } = r("Employee.DocumentSigner"), { handleContinue: t, hasSignedAllForms: i } = s(), e = c();
-  return /* @__PURE__ */ o(m, { children: /* @__PURE__ */ o(e.Button, { onClick: t, isLoading: !1, isDisabled: !i, children: n("continueCta") }) });
+function d() {
+  const { t: n } = r("Employee.DocumentSigner"), { handleContinue: t, hasSignedAllForms: e } = s(), i = c();
+  return /* @__PURE__ */ o(m, { children: /* @__PURE__ */ o(i.Button, { onClick: t, isLoading: !1, isDisabled: !e, children: n("continueCta") }) });
 }
 export {
-  C as Actions
+  d as Actions
 };
 //# sourceMappingURL=Actions.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Actions.js","sources":["../../../../../../../src/components/Employee/Documents/onboarding/DocumentSigner/DocumentList/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useDocumentList } from './useDocumentList'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/** @internal */\nexport function Actions() {\n  const { t } = useTranslation('Employee.DocumentSigner')\n  const { handleContinue, hasSignedAllForms } = useDocumentList()\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      <Components.Button onClick={handleContinue} isLoading={false} isDisabled={!hasSignedAllForms}>\n        {t('continueCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","t","useTranslation","handleContinue","hasSignedAllForms","useDocumentList","Components","useComponentContext","ActionsLayout","jsx"],"mappings":";;;;;;AAMO,SAASA,IAAU;AACxB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,yBAAyB,GAChD,EAAE,gBAAAC,GAAgB,mBAAAC,EAAA,IAAsBC,EAAA,GACxCC,IAAaC,EAAA;AAEnB,2BACGC,GAAA,EACC,UAAA,gBAAAC,EAACH,EAAW,QAAX,EAAkB,SAASH,GAAgB,WAAW,IAAO,YAAY,CAACC,GACxE,UAAAH,EAAE,aAAa,GAClB,GACF;AAEJ;"}
+{"version":3,"file":"Actions.js","sources":["../../../../../../../src/components/Employee/Documents/onboarding/DocumentSigner/DocumentList/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useDocumentList } from './useDocumentList'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/** @internal */\nexport function Actions() {\n  const { t } = useTranslation('Employee.DocumentSigner')\n  const { handleContinue, hasSignedAllForms } = useDocumentList()\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      <Components.Button onClick={handleContinue} isLoading={false} isDisabled={!hasSignedAllForms}>\n        {t('continueCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","t","useTranslation","handleContinue","hasSignedAllForms","useDocumentList","Components","useComponentContext","ActionsLayout","jsx"],"mappings":";;;;;AAMO,SAASA,IAAU;AACxB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,yBAAyB,GAChD,EAAE,gBAAAC,GAAgB,mBAAAC,EAAA,IAAsBC,EAAA,GACxCC,IAAaC,EAAA;AAEnB,2BACGC,GAAA,EACC,UAAA,gBAAAC,EAACH,EAAW,QAAX,EAAkB,SAASH,GAAgB,WAAW,IAAO,YAAY,CAACC,GACxE,UAAAH,EAAE,aAAa,GAClB,GACF;AAEJ;"}

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

@@ -1,4 +1,4 @@
-import { jsx as o, jsxs as d } from "react/jsx-runtime";
+import { jsx as o, jsxs as p } from "react/jsx-runtime";
 import { useEmployeeFormsListSuspense as E } from "@gusto/embedded-api/react-query/employeeFormsList";
 import { Head as a } from "./Head.js";
 import { List as F } from "./List.js";
@@ -9,31 +9,28 @@ import { useBase as g } from "../../../../../Base/useBase.js";
 import { useI18n as O } from "../../../../../../i18n/I18n.js";
 import { componentEvents as i } from "../../../../../../shared/constants.js";
 import { Flex as _ } from "../../../../../Common/Flex/Flex.js";
-import "react-i18next";
-import "../../../../../../contexts/ComponentAdapter/useComponentContext.js";
-import "react";
-function H(e) {
+function N(e) {
   return /* @__PURE__ */ o(L, { ...e, children: /* @__PURE__ */ o(v, { ...e }) });
 }
 function v({ employeeId: e, className: s, children: t }) {
   O("Employee.DocumentSigner");
-  const { onEvent: m } = g(), { data: u, error: c } = E({ employeeId: e }), n = u.forms, p = n.every((r) => !r.requiresSigning);
+  const { onEvent: m } = g(), { data: u, error: c } = E({ employeeId: e }), r = u.forms, l = r.every((n) => !n.requiresSigning);
   return /* @__PURE__ */ o("section", { className: s, children: /* @__PURE__ */ o(
     S,
     {
       value: {
-        employeeForms: n,
-        hasSignedAllForms: p,
+        employeeForms: r,
+        hasSignedAllForms: l,
         handleContinue: () => {
           m(i.EMPLOYEE_FORMS_DONE);
         },
-        handleRequestFormToSign: (r) => {
-          const l = n.find((f) => f.uuid === r.uuid);
-          m(i.EMPLOYEE_VIEW_FORM_TO_SIGN, { uuid: r.uuid, name: l?.name });
+        handleRequestFormToSign: (n) => {
+          const f = r.find((d) => d.uuid === n.uuid);
+          m(i.EMPLOYEE_VIEW_FORM_TO_SIGN, { uuid: n.uuid, name: f?.name });
         },
         documentListError: c
       },
-      children: t || /* @__PURE__ */ d(_, { flexDirection: "column", children: [
+      children: t || /* @__PURE__ */ p(_, { flexDirection: "column", children: [
         /* @__PURE__ */ o(a, {}),
         /* @__PURE__ */ o(F, {}),
         /* @__PURE__ */ o(h, {})
@@ -42,6 +39,6 @@ function v({ employeeId: e, className: s, children: t }) {
   ) });
 }
 export {
-  H as DocumentList
+  N as DocumentList
 };
 //# sourceMappingURL=DocumentList.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DocumentList.js","sources":["../../../../../../../src/components/Employee/Documents/onboarding/DocumentSigner/DocumentList/DocumentList.tsx"],"sourcesContent":["import { useEmployeeFormsListSuspense } from '@gusto/embedded-api/react-query/employeeFormsList'\nimport { type Form } from '@gusto/embedded-api/models/components/form'\nimport { Head } from './Head'\nimport { List } from './List'\nimport { Actions } from './Actions'\nimport { DocumentListProvider } from './useDocumentList'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { Flex } from '@/components/Common'\n\n/**\n * Props for {@link DocumentList}.\n *\n * @public\n */\nexport interface DocumentListProps extends BaseComponentInterface<'Employee.DocumentSigner'> {\n  /** The associated employee identifier. */\n  employeeId: string\n}\n\n/**\n * Lists the employee's documents pending signature.\n *\n * @remarks\n * Fetches the employee's forms and renders the list of documents that still\n * require signing along with a continue action once everything is signed.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/forms/view` | Fired when a form's \"Sign\" action is selected | `{ uuid: string; name?: string }` |\n * | `employee/forms/done` | Fired when all required forms have been signed and the parent flow can advance | — |\n *\n * @param props - See {@link DocumentListProps}.\n * @returns The employee document list.\n * @public\n */\nexport function DocumentList(props: DocumentListProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ employeeId, className, children }: DocumentListProps) {\n  useI18n('Employee.DocumentSigner')\n  const { onEvent } = useBase()\n\n  const { data, error: documentListError } = useEmployeeFormsListSuspense({ employeeId })\n  const employeeForms = data.forms!\n\n  const hasSignedAllForms = employeeForms.every(employeeForm => !employeeForm.requiresSigning)\n\n  const handleRequestFormToSign = (data: Form) => {\n    const fullForm = employeeForms.find(f => f.uuid === data.uuid)\n    onEvent(componentEvents.EMPLOYEE_VIEW_FORM_TO_SIGN, { uuid: data.uuid, name: fullForm?.name })\n  }\n\n  const handleContinue = () => {\n    onEvent(componentEvents.EMPLOYEE_FORMS_DONE)\n  }\n\n  return (\n    <section className={className}>\n      <DocumentListProvider\n        value={{\n          employeeForms,\n          hasSignedAllForms,\n          handleContinue,\n          handleRequestFormToSign,\n          documentListError,\n        }}\n      >\n        {children ? (\n          children\n        ) : (\n          <Flex flexDirection=\"column\">\n            <Head />\n            <List />\n            <Actions />\n          </Flex>\n        )}\n      </DocumentListProvider>\n    </section>\n  )\n}\n"],"names":["DocumentList","props","jsx","BaseComponent","Root","employeeId","className","children","useI18n","onEvent","useBase","data","documentListError","useEmployeeFormsListSuspense","employeeForms","hasSignedAllForms","employeeForm","DocumentListProvider","componentEvents","fullForm","jsxs","Flex","Head","List","Actions"],"mappings":";;;;;;;;;;;;;;AAuCO,SAASA,EAAaC,GAA0B;AACrD,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAM,GAAGH,GAAO,EAAA,CACnB;AAEJ;AAEA,SAASG,EAAK,EAAE,YAAAC,GAAY,WAAAC,GAAW,UAAAC,KAA+B;AACpE,EAAAC,EAAQ,yBAAyB;AACjC,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GAEd,EAAE,MAAAC,GAAM,OAAOC,EAAA,IAAsBC,EAA6B,EAAE,YAAAR,GAAY,GAChFS,IAAgBH,EAAK,OAErBI,IAAoBD,EAAc,MAAM,CAAAE,MAAgB,CAACA,EAAa,eAAe;AAW3F,SACE,gBAAAd,EAAC,aAAQ,WAAAI,GACP,UAAA,gBAAAJ;AAAA,IAACe;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,eAAAH;AAAA,QACA,mBAAAC;AAAA,QACA,gBAVe,MAAM;AAC3B,UAAAN,EAAQS,EAAgB,mBAAmB;AAAA,QAC7C;AAAA,QASQ,yBAhBwB,CAACP,MAAe;AAC9C,gBAAMQ,IAAWL,EAAc,KAAK,OAAK,EAAE,SAASH,EAAK,IAAI;AAC7D,UAAAF,EAAQS,EAAgB,4BAA4B,EAAE,MAAMP,EAAK,MAAM,MAAMQ,GAAU,MAAM;AAAA,QAC/F;AAAA,QAcQ,mBAAAP;AAAA,MAAA;AAAA,MAGD,UAAAL,KAGC,gBAAAa,EAACC,GAAA,EAAK,eAAc,UAClB,UAAA;AAAA,QAAA,gBAAAnB,EAACoB,GAAA,EAAK;AAAA,0BACLC,GAAA,EAAK;AAAA,0BACLC,GAAA,CAAA,CAAQ;AAAA,MAAA,EAAA,CACX;AAAA,IAAA;AAAA,EAAA,GAGN;AAEJ;"}
+{"version":3,"file":"DocumentList.js","sources":["../../../../../../../src/components/Employee/Documents/onboarding/DocumentSigner/DocumentList/DocumentList.tsx"],"sourcesContent":["import { useEmployeeFormsListSuspense } from '@gusto/embedded-api/react-query/employeeFormsList'\nimport { type Form } from '@gusto/embedded-api/models/components/form'\nimport { Head } from './Head'\nimport { List } from './List'\nimport { Actions } from './Actions'\nimport { DocumentListProvider } from './useDocumentList'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { Flex } from '@/components/Common'\n\n/**\n * Props for {@link DocumentList}.\n *\n * @public\n */\nexport interface DocumentListProps extends BaseComponentInterface<'Employee.DocumentSigner'> {\n  /** The associated employee identifier. */\n  employeeId: string\n}\n\n/**\n * Lists the employee's documents pending signature.\n *\n * @remarks\n * Fetches the employee's forms and renders the list of documents that still\n * require signing along with a continue action once everything is signed.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/forms/view` | Fired when a form's \"Sign\" action is selected | `{ uuid: string; name?: string }` |\n * | `employee/forms/done` | Fired when all required forms have been signed and the parent flow can advance | — |\n *\n * @param props - See {@link DocumentListProps}.\n * @returns The employee document list.\n * @public\n */\nexport function DocumentList(props: DocumentListProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ employeeId, className, children }: DocumentListProps) {\n  useI18n('Employee.DocumentSigner')\n  const { onEvent } = useBase()\n\n  const { data, error: documentListError } = useEmployeeFormsListSuspense({ employeeId })\n  const employeeForms = data.forms!\n\n  const hasSignedAllForms = employeeForms.every(employeeForm => !employeeForm.requiresSigning)\n\n  const handleRequestFormToSign = (data: Form) => {\n    const fullForm = employeeForms.find(f => f.uuid === data.uuid)\n    onEvent(componentEvents.EMPLOYEE_VIEW_FORM_TO_SIGN, { uuid: data.uuid, name: fullForm?.name })\n  }\n\n  const handleContinue = () => {\n    onEvent(componentEvents.EMPLOYEE_FORMS_DONE)\n  }\n\n  return (\n    <section className={className}>\n      <DocumentListProvider\n        value={{\n          employeeForms,\n          hasSignedAllForms,\n          handleContinue,\n          handleRequestFormToSign,\n          documentListError,\n        }}\n      >\n        {children ? (\n          children\n        ) : (\n          <Flex flexDirection=\"column\">\n            <Head />\n            <List />\n            <Actions />\n          </Flex>\n        )}\n      </DocumentListProvider>\n    </section>\n  )\n}\n"],"names":["DocumentList","props","jsx","BaseComponent","Root","employeeId","className","children","useI18n","onEvent","useBase","data","documentListError","useEmployeeFormsListSuspense","employeeForms","hasSignedAllForms","employeeForm","DocumentListProvider","componentEvents","fullForm","f","jsxs","Flex","Head","List","Actions"],"mappings":";;;;;;;;;;;AAuCO,SAASA,EAAaC,GAA0B;AACrD,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAM,GAAGH,GAAO,EAAA,CACnB;AAEJ;AAEA,SAASG,EAAK,EAAE,YAAAC,GAAY,WAAAC,GAAW,UAAAC,KAA+B;AACpE,EAAAC,EAAQ,yBAAyB;AACjC,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GAEd,EAAE,MAAAC,GAAM,OAAOC,EAAA,IAAsBC,EAA6B,EAAE,YAAAR,GAAY,GAChFS,IAAgBH,EAAK,OAErBI,IAAoBD,EAAc,MAAM,CAAAE,MAAgB,CAACA,EAAa,eAAe;AAW3F,SACE,gBAAAd,EAAC,aAAQ,WAAAI,GACP,UAAA,gBAAAJ;AAAA,IAACe;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,eAAAH;AAAA,QACA,mBAAAC;AAAA,QACA,gBAVe,MAAM;AAC3B,UAAAN,EAAQS,EAAgB,mBAAmB;AAAA,QAC7C;AAAA,QASQ,yBAhBwB,CAACP,MAAe;AAC9C,gBAAMQ,IAAWL,EAAc,KAAK,OAAKM,EAAE,SAAST,EAAK,IAAI;AAC7D,UAAAF,EAAQS,EAAgB,4BAA4B,EAAE,MAAMP,EAAK,MAAM,MAAMQ,GAAU,MAAM;AAAA,QAC/F;AAAA,QAcQ,mBAAAP;AAAA,MAAA;AAAA,MAGD,UAAAL,KAGC,gBAAAc,EAACC,GAAA,EAAK,eAAc,UAClB,UAAA;AAAA,QAAA,gBAAApB,EAACqB,GAAA,EAAK;AAAA,0BACLC,GAAA,EAAK;AAAA,0BACLC,GAAA,CAAA,CAAQ;AAAA,MAAA,EAAA,CACX;AAAA,IAAA;AAAA,EAAA,GAGN;AAEJ;"}

package/dist/components/Employee/Documents/onboarding/DocumentSigner/DocumentList/List.js

@@ -1,14 +1,13 @@
 import { jsx as o } from "react/jsx-runtime";
 import { useTranslation as m } from "react-i18next";
 import { useDocumentList as s } from "./useDocumentList.js";
-import { Flex as l } from "../../../../../Common/Flex/Flex.js";
-import "../../../../../../contexts/ComponentAdapter/useComponentContext.js";
-import "react";
-import { DocumentList as u } from "../../../../../Common/DocumentList/DocumentList.js";
+import l from "./List.module.scss.js";
+import { Flex as u } from "../../../../../Common/Flex/Flex.js";
+import { DocumentList as c } from "../../../../../Common/DocumentList/DocumentList.js";
 function f() {
   const { employeeForms: i, handleRequestFormToSign: n, documentListError: r } = s(), { t: e } = m("Employee.DocumentSigner");
-  return /* @__PURE__ */ o("section", { style: { width: "100%" }, children: /* @__PURE__ */ o(l, { flexDirection: "column", gap: 32, children: /* @__PURE__ */ o(
-    u,
+  return /* @__PURE__ */ o("section", { className: l.root, children: /* @__PURE__ */ o(u, { flexDirection: "column", gap: 32, children: /* @__PURE__ */ o(
+    c,
     {
       forms: i.map((t) => ({
         uuid: t.uuid,

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

@@ -1 +1 @@
-{"version":3,"file":"List.js","sources":["../../../../../../../src/components/Employee/Documents/onboarding/DocumentSigner/DocumentList/List.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useDocumentList } from './useDocumentList'\nimport { Flex, DocumentList as SharedDocumentList } from '@/components/Common'\n\n/** @internal */\nexport function List() {\n  const { employeeForms, handleRequestFormToSign, documentListError } = useDocumentList()\n  const { t } = useTranslation('Employee.DocumentSigner')\n\n  return (\n    <section style={{ width: '100%' }}>\n      <Flex flexDirection=\"column\" gap={32}>\n        <SharedDocumentList\n          forms={employeeForms.map(form => ({\n            uuid: form.uuid,\n            title: form.title,\n            description: form.description,\n            requires_signing: form.requiresSigning,\n          }))}\n          onRequestSign={handleRequestFormToSign}\n          withError={!!documentListError}\n          label={t('documentListLabel')}\n          columnLabels={{\n            form: t('formColumnLabel'),\n            action: t('actionColumnLabel'),\n          }}\n          statusLabels={{\n            signCta: t('signDocumentCta'),\n            notSigned: t('notSigned'),\n            complete: t('signDocumentComplete'),\n          }}\n          emptyStateLabel={t('emptyTableTitle')}\n          errorLabel={t('documentListError')}\n        />\n      </Flex>\n    </section>\n  )\n}\n"],"names":["List","employeeForms","handleRequestFormToSign","documentListError","useDocumentList","t","useTranslation","jsx","Flex","SharedDocumentList","form"],"mappings":";;;;;;;AAKO,SAASA,IAAO;AACrB,QAAM,EAAE,eAAAC,GAAe,yBAAAC,GAAyB,mBAAAC,EAAA,IAAsBC,EAAA,GAChE,EAAE,GAAAC,EAAA,IAAMC,EAAe,yBAAyB;AAEtD,SACE,gBAAAC,EAAC,WAAA,EAAQ,OAAO,EAAE,OAAO,UACvB,UAAA,gBAAAA,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA,gBAAAD;AAAA,IAACE;AAAAA,IAAA;AAAA,MACC,OAAOR,EAAc,IAAI,CAAAS,OAAS;AAAA,QAChC,MAAMA,EAAK;AAAA,QACX,OAAOA,EAAK;AAAA,QACZ,aAAaA,EAAK;AAAA,QAClB,kBAAkBA,EAAK;AAAA,MAAA,EACvB;AAAA,MACF,eAAeR;AAAA,MACf,WAAW,CAAC,CAACC;AAAA,MACb,OAAOE,EAAE,mBAAmB;AAAA,MAC5B,cAAc;AAAA,QACZ,MAAMA,EAAE,iBAAiB;AAAA,QACzB,QAAQA,EAAE,mBAAmB;AAAA,MAAA;AAAA,MAE/B,cAAc;AAAA,QACZ,SAASA,EAAE,iBAAiB;AAAA,QAC5B,WAAWA,EAAE,WAAW;AAAA,QACxB,UAAUA,EAAE,sBAAsB;AAAA,MAAA;AAAA,MAEpC,iBAAiBA,EAAE,iBAAiB;AAAA,MACpC,YAAYA,EAAE,mBAAmB;AAAA,IAAA;AAAA,EAAA,GAErC,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"List.js","sources":["../../../../../../../src/components/Employee/Documents/onboarding/DocumentSigner/DocumentList/List.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useDocumentList } from './useDocumentList'\nimport styles from './List.module.scss'\nimport { Flex, DocumentList as SharedDocumentList } from '@/components/Common'\n\n/** @internal */\nexport function List() {\n  const { employeeForms, handleRequestFormToSign, documentListError } = useDocumentList()\n  const { t } = useTranslation('Employee.DocumentSigner')\n\n  return (\n    <section className={styles.root}>\n      <Flex flexDirection=\"column\" gap={32}>\n        <SharedDocumentList\n          forms={employeeForms.map(form => ({\n            uuid: form.uuid,\n            title: form.title,\n            description: form.description,\n            requires_signing: form.requiresSigning,\n          }))}\n          onRequestSign={handleRequestFormToSign}\n          withError={!!documentListError}\n          label={t('documentListLabel')}\n          columnLabels={{\n            form: t('formColumnLabel'),\n            action: t('actionColumnLabel'),\n          }}\n          statusLabels={{\n            signCta: t('signDocumentCta'),\n            notSigned: t('notSigned'),\n            complete: t('signDocumentComplete'),\n          }}\n          emptyStateLabel={t('emptyTableTitle')}\n          errorLabel={t('documentListError')}\n        />\n      </Flex>\n    </section>\n  )\n}\n"],"names":["List","employeeForms","handleRequestFormToSign","documentListError","useDocumentList","t","useTranslation","jsx","styles","Flex","SharedDocumentList","form"],"mappings":";;;;;;AAMO,SAASA,IAAO;AACrB,QAAM,EAAE,eAAAC,GAAe,yBAAAC,GAAyB,mBAAAC,EAAA,IAAsBC,EAAA,GAChE,EAAE,GAAAC,EAAA,IAAMC,EAAe,yBAAyB;AAEtD,SACE,gBAAAC,EAAC,WAAA,EAAQ,WAAWC,EAAO,MACzB,4BAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA,gBAAAF;AAAA,IAACG;AAAAA,IAAA;AAAA,MACC,OAAOT,EAAc,IAAI,CAAAU,OAAS;AAAA,QAChC,MAAMA,EAAK;AAAA,QACX,OAAOA,EAAK;AAAA,QACZ,aAAaA,EAAK;AAAA,QAClB,kBAAkBA,EAAK;AAAA,MAAA,EACvB;AAAA,MACF,eAAeT;AAAA,MACf,WAAW,CAAC,CAACC;AAAA,MACb,OAAOE,EAAE,mBAAmB;AAAA,MAC5B,cAAc;AAAA,QACZ,MAAMA,EAAE,iBAAiB;AAAA,QACzB,QAAQA,EAAE,mBAAmB;AAAA,MAAA;AAAA,MAE/B,cAAc;AAAA,QACZ,SAASA,EAAE,iBAAiB;AAAA,QAC5B,WAAWA,EAAE,WAAW;AAAA,QACxB,UAAUA,EAAE,sBAAsB;AAAA,MAAA;AAAA,MAEpC,iBAAiBA,EAAE,iBAAiB;AAAA,MACpC,YAAYA,EAAE,mBAAmB;AAAA,IAAA;AAAA,EAAA,GAErC,EAAA,CACF;AAEJ;"}

package/dist/components/Employee/Documents/onboarding/DocumentSigner/DocumentList/List.module.scss.js

@@ -0,0 +1,8 @@
+const o = "_root_gqrwc_1", t = {
+  root: o
+};
+export {
+  t as default,
+  o as root
+};
+//# sourceMappingURL=List.module.scss.js.map

package/dist/components/Employee/Documents/onboarding/DocumentSigner/DocumentList/List.module.scss.js.map

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

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

@@ -9,13 +9,14 @@ import "@gusto/embedded-api/models/errors/gustoembeddederror";
 import "@gusto/embedded-api/models/errors/sdkvalidationerror";
 import "@gusto/embedded-api/models/errors/unprocessableentityerror";
 import "@gusto/embedded-api/models/errors/httpclienterrors";
+import "dompurify";
+import "../../../../../../contexts/LocaleProvider/useLocale.js";
 import "../../../../../../shared/constants.js";
 import "../../../../../../contexts/ComponentAdapter/useComponentContext.js";
-import "../../../../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { createCompoundContext as t } from "../../../../../Base/createCompoundContext.js";
-const [a, f] = t("DocumentListContext");
+const [f, v] = t("DocumentListContext");
 export {
-  f as DocumentListProvider,
-  a as useDocumentList
+  v as DocumentListProvider,
+  f as useDocumentList
 };
 //# sourceMappingURL=useDocumentList.js.map

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/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/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/EmploymentEligibility/EmploymentEligibility.js

@@ -1,51 +1,52 @@
 import { jsx as r } from "react/jsx-runtime";
-import { GustoEmbeddedError as z } from "@gusto/embedded-api/models/errors/gustoembeddederror";
+import { GustoEmbeddedError as D } from "@gusto/embedded-api/models/errors/gustoembeddederror";
 import { useI9VerificationGetAuthorization as A } from "@gusto/embedded-api/react-query/i9VerificationGetAuthorization";
 import { useI9VerificationUpdateMutation as I } from "@gusto/embedded-api/react-query/i9VerificationUpdate";
 import { EmploymentEligibilityPresentation as _ } from "./EmploymentEligibilityPresentation.js";
 import { BaseComponent as v } from "../../../../../Base/Base.js";
-import { useBase as x } from "../../../../../Base/useBase.js";
-import { useComponentDictionary as L, useI18n as S } from "../../../../../../i18n/I18n.js";
-import { componentEvents as T } from "../../../../../../shared/constants.js";
-function C(o) {
-  return /* @__PURE__ */ r(v, { ...o, children: /* @__PURE__ */ r(M, { ...o }) });
+import { useBase as T } from "../../../../../Base/useBase.js";
+import { useComponentDictionary as x, useI18n as L } from "../../../../../../i18n/I18n.js";
+import { componentEvents as S } from "../../../../../../shared/constants.js";
+import { normalizeToDate as M } from "../../../../../../helpers/dateFormatting.js";
+function j(o) {
+  return /* @__PURE__ */ r(v, { ...o, children: /* @__PURE__ */ r(N, { ...o }) });
 }
-const M = ({ employeeId: o, dictionary: s }) => {
-  L("Employee.EmploymentEligibility", s), S("Employee.EmploymentEligibility");
-  const { onEvent: m, baseSubmitHandler: c, LoadingIndicator: p } = x(), { data: d, isLoading: l } = A(
+const N = ({ employeeId: o, dictionary: m }) => {
+  x("Employee.EmploymentEligibility", m), L("Employee.EmploymentEligibility");
+  const { onEvent: s, baseSubmitHandler: c, LoadingIndicator: p } = T(), { data: d, isLoading: l } = A(
     { employeeId: o },
     {
       retry: !1,
-      throwOnError: (i) => !(i instanceof z && i.httpMeta.response.status === 404)
+      throwOnError: (i) => !(i instanceof D && i.httpMeta.response.status === 404)
     }
   ), t = d?.i9Authorization, { mutateAsync: y, isPending: u } = I(), E = async (i) => {
     await c(i, async (h) => {
-      const { authorizationStatus: e, documentType: a, documentNumber: n, expirationDate: b, country: g } = h;
-      if (!e) return;
-      const D = await y({
+      const { authorizationStatus: n, documentType: a, documentNumber: e, expirationDate: b, country: g } = h;
+      if (!n) return;
+      const z = await y({
         request: {
           employeeId: o,
           i9AuthorizationRequestBody: {
-            authorizationStatus: e,
+            authorizationStatus: n,
             version: t?.version,
-            ...e === "permanent_resident" && n && {
+            ...n === "permanent_resident" && e && {
               documentType: "uscis_alien_registration_number",
-              documentNumber: n
+              documentNumber: e
             },
-            ...e === "alien" && {
-              ...n && a && { documentType: a, documentNumber: n },
+            ...n === "alien" && {
+              ...e && a && { documentType: a, documentNumber: e },
               expirationDate: b,
               ...a === "foreign_passport" && { country: g }
             }
           }
         }
       });
-      m(T.EMPLOYEE_EMPLOYMENT_ELIGIBILITY_DONE, D.i9Authorization);
+      s(S.EMPLOYEE_EMPLOYMENT_ELIGIBILITY_DONE, z.i9Authorization);
     });
   }, f = t ? {
     authorizationStatus: t.authorizationStatus,
     documentType: t.documentType ?? void 0,
-    expirationDate: t.expirationDate ? new Date(t.expirationDate) : void 0,
+    expirationDate: M(t.expirationDate) ?? void 0,
     country: t.country ?? void 0
   } : {};
   return !u && l ? /* @__PURE__ */ r(p, {}) : /* @__PURE__ */ r(
@@ -60,6 +61,6 @@ const M = ({ employeeId: o, dictionary: s }) => {
   );
 };
 export {
-  C as EmploymentEligibility
+  j as EmploymentEligibility
 };
 //# sourceMappingURL=EmploymentEligibility.js.map

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/models/errors/gustoembeddederror'\nimport { useI9VerificationGetAuthorization } from '@gusto/embedded-api/react-query/i9VerificationGetAuthorization'\nimport { useI9VerificationUpdateMutation } from '@gusto/embedded-api/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;"}
+{"version":3,"file":"EmploymentEligibility.js","sources":["../../../../../../../src/components/Employee/Documents/onboarding/DocumentSigner/EmploymentEligibility/EmploymentEligibility.tsx"],"sourcesContent":["import { GustoEmbeddedError } from '@gusto/embedded-api/models/errors/gustoembeddederror'\nimport { useI9VerificationGetAuthorization } from '@gusto/embedded-api/react-query/i9VerificationGetAuthorization'\nimport { useI9VerificationUpdateMutation } from '@gusto/embedded-api/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'\nimport { normalizeToDate } from '@/helpers/dateFormatting'\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: normalizeToDate(existingAuth.expirationDate) ?? 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","normalizeToDate","EmploymentEligibilityPresentation"],"mappings":";;;;;;;;;;AA2CO,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,gBAAgBe,EAAgBf,EAAa,cAAc,KAAK;AAAA,IAChE,SAASA,EAAa,WAAW;AAAA,EAAA,IAEnC,CAAA;AAEJ,SAAI,CAACE,KAAaN,sBAAmBH,GAAA,CAAA,CAAiB,IAGpD,gBAAAT;AAAA,IAACgC;AAAA,IAAA;AAAA,MAEC,UAAUZ;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/EmploymentEligibility/EmploymentEligibilityPresentation.js

@@ -8,9 +8,9 @@ import { generateEmploymentEligibilitySchema as k } from "./EmploymentEligibilit
 import { COUNTRIES as P } from "./countries.js";
 import { Flex as b } from "../../../../../Common/Flex/Flex.js";
 import { ActionsLayout as V } from "../../../../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as B } from "../../../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { ComboBoxField as H } from "../../../../../Common/Fields/ComboBoxField/ComboBoxField.js";
-import { Form as K } from "../../../../../Common/Form/Form.js";
+import { ComboBoxField as B } from "../../../../../Common/Fields/ComboBoxField/ComboBoxField.js";
+import { Form as H } from "../../../../../Common/Form/Form.js";
+import { useComponentContext as K } from "../../../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useI18n as M } from "../../../../../../i18n/I18n.js";
 import { SelectField as G } from "../../../../../Common/Fields/SelectField/SelectField.js";
 import { RadioGroupField as U } from "../../../../../Common/Fields/RadioGroupField/RadioGroupField.js";
@@ -28,7 +28,7 @@ const Q = {
   isPending: g
 }) => {
   M("Employee.EmploymentEligibility");
-  const { Heading: D, Text: x, Alert: E, Button: z, Link: N } = B(), { t: e } = L("Employee.EmploymentEligibility"), [m, a] = I(!!y), r = $({
+  const { Heading: D, Text: x, Alert: E, Button: z, Link: N } = K(), { t: e } = L("Employee.EmploymentEligibility"), [m, a] = I(!!y), r = $({
     resolver: q(k(m)),
     defaultValues: f
   }), { control: l, setValue: u, clearErrors: c } = r, o = d({ control: l, name: "authorizationStatus" }), s = d({ control: l, name: "documentType" }), _ = Object.values(w).map((i) => ({
@@ -45,7 +45,7 @@ const Q = {
     uscis_alien_registration_number: 9,
     form_i94: 11
   };
-  return /* @__PURE__ */ t(j, { ...r, children: /* @__PURE__ */ t(K, { onSubmit: r.handleSubmit(h), children: /* @__PURE__ */ p(b, { flexDirection: "column", gap: 16, children: [
+  return /* @__PURE__ */ t(j, { ...r, children: /* @__PURE__ */ t(H, { onSubmit: r.handleSubmit(h), children: /* @__PURE__ */ p(b, { flexDirection: "column", gap: 16, children: [
     /* @__PURE__ */ p(b, { flexDirection: "column", gap: 2, children: [
       /* @__PURE__ */ t(D, { as: "h2", children: e("title") }),
       /* @__PURE__ */ t(x, { variant: "supporting", children: /* @__PURE__ */ t(
@@ -102,7 +102,7 @@ const Q = {
       }
     ),
     s === "foreign_passport" && o === "alien" && /* @__PURE__ */ t(
-      H,
+      B,
       {
         name: "country",
         label: e("country.label"),

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

@@ -1,10 +1,11 @@
 import { z as o } from "zod";
 import { DocumentType as i, AuthorizationStatus as r } from "@gusto/embedded-api/models/components/i9authorization";
-const t = (u) => /^[Aa]?\d{7,9}$/.test(u), m = (u) => /^\d{9} ?[A-Za-z\d]\d$/.test(u), a = (u) => o.object({
+import { formatDateToStringDate as m } from "../../../../../../helpers/dateFormatting.js";
+const t = (u) => /^[Aa]?\d{7,9}$/.test(u), n = (u) => /^\d{9} ?[A-Za-z\d]\d$/.test(u), p = (u) => o.object({
   authorizationStatus: o.enum(r).optional(),
   documentType: o.enum(i).optional(),
   documentNumber: o.string().optional(),
-  expirationDate: o.date().transform((e) => e.toISOString().split("T")[0]).optional(),
+  expirationDate: o.date().transform((e) => m(e) ?? void 0).optional(),
   country: o.string().optional()
 }).superRefine((e, s) => {
   if (!e.authorizationStatus) {
@@ -31,7 +32,7 @@ const t = (u) => /^[Aa]?\d{7,9}$/.test(u), m = (u) => /^\d{9} ?[A-Za-z\d]\d$/.te
     code: o.ZodIssueCode.custom,
     message: "Enter a 7-9 digit USCIS number or A-Number (e.g. A123456789)",
     path: ["documentNumber"]
-  }) : e.documentType === "form_i94" && !m(e.documentNumber) && s.addIssue({
+  }) : e.documentType === "form_i94" && !n(e.documentNumber) && s.addIssue({
     code: o.ZodIssueCode.custom,
     message: "Enter a valid 11-character Form I-94 admission number",
     path: ["documentNumber"]
@@ -46,6 +47,6 @@ const t = (u) => /^[Aa]?\d{7,9}$/.test(u), m = (u) => /^\d{9} ?[A-Za-z\d]\d$/.te
   }));
 });
 export {
-  a as generateEmploymentEligibilitySchema
+  p as generateEmploymentEligibilitySchema
 };
 //# sourceMappingURL=EmploymentEligibilitySchema.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EmploymentEligibilitySchema.js","sources":["../../../../../../../src/components/Employee/Documents/onboarding/DocumentSigner/EmploymentEligibility/EmploymentEligibilitySchema.ts"],"sourcesContent":["import { z } from 'zod'\nimport {\n  AuthorizationStatus,\n  DocumentType as I9AuthorizationDocumentType,\n} from '@gusto/embedded-api/models/components/i9authorization'\n\nconst isValidUscisNumber = (value: string) => /^[Aa]?\\d{7,9}$/.test(value)\nconst isValidI94Number = (value: string) => /^\\d{9} ?[A-Za-z\\d]\\d$/.test(value)\n\n/** @internal */\nexport const generateEmploymentEligibilitySchema = (hasDocumentNumber?: boolean | null) =>\n  z\n    .object({\n      authorizationStatus: z.enum(AuthorizationStatus).optional(),\n      documentType: z.enum(I9AuthorizationDocumentType).optional(),\n      documentNumber: z.string().optional(),\n      expirationDate: z\n        .date()\n        .transform(date => date.toISOString().split('T')[0])\n        .optional(),\n      country: z.string().optional(),\n    })\n    .superRefine((data, ctx) => {\n      if (!data.authorizationStatus) {\n        ctx.addIssue({\n          code: z.ZodIssueCode.custom,\n          message: 'Authorization status is required',\n          path: ['authorizationStatus'],\n        })\n        return\n      }\n      if (data.authorizationStatus === 'permanent_resident') {\n        if (!data.documentNumber) {\n          if (!hasDocumentNumber) {\n            ctx.addIssue({\n              code: z.ZodIssueCode.custom,\n              message: 'Document number is required',\n              path: ['documentNumber'],\n            })\n          }\n        } else if (!isValidUscisNumber(data.documentNumber)) {\n          ctx.addIssue({\n            code: z.ZodIssueCode.custom,\n            message: 'Enter a 7-9 digit USCIS number or A-Number (e.g. A123456789)',\n            path: ['documentNumber'],\n          })\n        }\n      }\n      if (data.authorizationStatus === 'alien') {\n        if (!data.documentType) {\n          ctx.addIssue({\n            code: z.ZodIssueCode.custom,\n            message: 'Authorization document is required',\n            path: ['documentType'],\n          })\n        }\n        if (!data.documentNumber) {\n          if (!hasDocumentNumber) {\n            ctx.addIssue({\n              code: z.ZodIssueCode.custom,\n              message: 'Document number is required',\n              path: ['documentNumber'],\n            })\n          }\n        } else if (\n          data.documentType === 'uscis_alien_registration_number' &&\n          !isValidUscisNumber(data.documentNumber)\n        ) {\n          ctx.addIssue({\n            code: z.ZodIssueCode.custom,\n            message: 'Enter a 7-9 digit USCIS number or A-Number (e.g. A123456789)',\n            path: ['documentNumber'],\n          })\n        } else if (data.documentType === 'form_i94' && !isValidI94Number(data.documentNumber)) {\n          ctx.addIssue({\n            code: z.ZodIssueCode.custom,\n            message: 'Enter a valid 11-character Form I-94 admission number',\n            path: ['documentNumber'],\n          })\n        }\n        if (data.documentType === 'foreign_passport' && !data.country) {\n          ctx.addIssue({\n            code: z.ZodIssueCode.custom,\n            message: 'Country of issuance is required',\n            path: ['country'],\n          })\n        }\n      }\n    })\n\n/** @internal */\nexport type EmploymentEligibilityInputs = z.input<\n  ReturnType<typeof generateEmploymentEligibilitySchema>\n>\n/** @internal */\nexport type EmploymentEligibilityPayload = z.infer<\n  ReturnType<typeof generateEmploymentEligibilitySchema>\n>\n"],"names":["isValidUscisNumber","value","isValidI94Number","generateEmploymentEligibilitySchema","hasDocumentNumber","z","AuthorizationStatus","I9AuthorizationDocumentType","date","data","ctx"],"mappings":";;AAMA,MAAMA,IAAqB,CAACC,MAAkB,iBAAiB,KAAKA,CAAK,GACnEC,IAAmB,CAACD,MAAkB,wBAAwB,KAAKA,CAAK,GAGjEE,IAAsC,CAACC,MAClDC,EACG,OAAO;AAAA,EACN,qBAAqBA,EAAE,KAAKC,CAAmB,EAAE,SAAA;AAAA,EACjD,cAAcD,EAAE,KAAKE,CAA2B,EAAE,SAAA;AAAA,EAClD,gBAAgBF,EAAE,OAAA,EAAS,SAAA;AAAA,EAC3B,gBAAgBA,EACb,KAAA,EACA,UAAU,CAAAG,MAAQA,EAAK,YAAA,EAAc,MAAM,GAAG,EAAE,CAAC,CAAC,EAClD,SAAA;AAAA,EACH,SAASH,EAAE,OAAA,EAAS,SAAA;AACtB,CAAC,EACA,YAAY,CAACI,GAAMC,MAAQ;AAC1B,MAAI,CAACD,EAAK,qBAAqB;AAC7B,IAAAC,EAAI,SAAS;AAAA,MACX,MAAML,EAAE,aAAa;AAAA,MACrB,SAAS;AAAA,MACT,MAAM,CAAC,qBAAqB;AAAA,IAAA,CAC7B;AACD;AAAA,EACF;AACA,EAAII,EAAK,wBAAwB,yBAC1BA,EAAK,iBAQET,EAAmBS,EAAK,cAAc,KAChDC,EAAI,SAAS;AAAA,IACX,MAAML,EAAE,aAAa;AAAA,IACrB,SAAS;AAAA,IACT,MAAM,CAAC,gBAAgB;AAAA,EAAA,CACxB,IAZID,KACHM,EAAI,SAAS;AAAA,IACX,MAAML,EAAE,aAAa;AAAA,IACrB,SAAS;AAAA,IACT,MAAM,CAAC,gBAAgB;AAAA,EAAA,CACxB,IAUHI,EAAK,wBAAwB,YAC1BA,EAAK,gBACRC,EAAI,SAAS;AAAA,IACX,MAAML,EAAE,aAAa;AAAA,IACrB,SAAS;AAAA,IACT,MAAM,CAAC,cAAc;AAAA,EAAA,CACtB,GAEEI,EAAK,iBASRA,EAAK,iBAAiB,qCACtB,CAACT,EAAmBS,EAAK,cAAc,IAEvCC,EAAI,SAAS;AAAA,IACX,MAAML,EAAE,aAAa;AAAA,IACrB,SAAS;AAAA,IACT,MAAM,CAAC,gBAAgB;AAAA,EAAA,CACxB,IACQI,EAAK,iBAAiB,cAAc,CAACP,EAAiBO,EAAK,cAAc,KAClFC,EAAI,SAAS;AAAA,IACX,MAAML,EAAE,aAAa;AAAA,IACrB,SAAS;AAAA,IACT,MAAM,CAAC,gBAAgB;AAAA,EAAA,CACxB,IArBID,KACHM,EAAI,SAAS;AAAA,IACX,MAAML,EAAE,aAAa;AAAA,IACrB,SAAS;AAAA,IACT,MAAM,CAAC,gBAAgB;AAAA,EAAA,CACxB,GAkBDI,EAAK,iBAAiB,sBAAsB,CAACA,EAAK,WACpDC,EAAI,SAAS;AAAA,IACX,MAAML,EAAE,aAAa;AAAA,IACrB,SAAS;AAAA,IACT,MAAM,CAAC,SAAS;AAAA,EAAA,CACjB;AAGP,CAAC;"}
+{"version":3,"file":"EmploymentEligibilitySchema.js","sources":["../../../../../../../src/components/Employee/Documents/onboarding/DocumentSigner/EmploymentEligibility/EmploymentEligibilitySchema.ts"],"sourcesContent":["import { z } from 'zod'\nimport {\n  AuthorizationStatus,\n  DocumentType as I9AuthorizationDocumentType,\n} from '@gusto/embedded-api/models/components/i9authorization'\nimport { formatDateToStringDate } from '@/helpers/dateFormatting'\n\nconst isValidUscisNumber = (value: string) => /^[Aa]?\\d{7,9}$/.test(value)\nconst isValidI94Number = (value: string) => /^\\d{9} ?[A-Za-z\\d]\\d$/.test(value)\n\n/** @internal */\nexport const generateEmploymentEligibilitySchema = (hasDocumentNumber?: boolean | null) =>\n  z\n    .object({\n      authorizationStatus: z.enum(AuthorizationStatus).optional(),\n      documentType: z.enum(I9AuthorizationDocumentType).optional(),\n      documentNumber: z.string().optional(),\n      expirationDate: z\n        .date()\n        .transform(date => formatDateToStringDate(date) ?? undefined)\n        .optional(),\n      country: z.string().optional(),\n    })\n    .superRefine((data, ctx) => {\n      if (!data.authorizationStatus) {\n        ctx.addIssue({\n          code: z.ZodIssueCode.custom,\n          message: 'Authorization status is required',\n          path: ['authorizationStatus'],\n        })\n        return\n      }\n      if (data.authorizationStatus === 'permanent_resident') {\n        if (!data.documentNumber) {\n          if (!hasDocumentNumber) {\n            ctx.addIssue({\n              code: z.ZodIssueCode.custom,\n              message: 'Document number is required',\n              path: ['documentNumber'],\n            })\n          }\n        } else if (!isValidUscisNumber(data.documentNumber)) {\n          ctx.addIssue({\n            code: z.ZodIssueCode.custom,\n            message: 'Enter a 7-9 digit USCIS number or A-Number (e.g. A123456789)',\n            path: ['documentNumber'],\n          })\n        }\n      }\n      if (data.authorizationStatus === 'alien') {\n        if (!data.documentType) {\n          ctx.addIssue({\n            code: z.ZodIssueCode.custom,\n            message: 'Authorization document is required',\n            path: ['documentType'],\n          })\n        }\n        if (!data.documentNumber) {\n          if (!hasDocumentNumber) {\n            ctx.addIssue({\n              code: z.ZodIssueCode.custom,\n              message: 'Document number is required',\n              path: ['documentNumber'],\n            })\n          }\n        } else if (\n          data.documentType === 'uscis_alien_registration_number' &&\n          !isValidUscisNumber(data.documentNumber)\n        ) {\n          ctx.addIssue({\n            code: z.ZodIssueCode.custom,\n            message: 'Enter a 7-9 digit USCIS number or A-Number (e.g. A123456789)',\n            path: ['documentNumber'],\n          })\n        } else if (data.documentType === 'form_i94' && !isValidI94Number(data.documentNumber)) {\n          ctx.addIssue({\n            code: z.ZodIssueCode.custom,\n            message: 'Enter a valid 11-character Form I-94 admission number',\n            path: ['documentNumber'],\n          })\n        }\n        if (data.documentType === 'foreign_passport' && !data.country) {\n          ctx.addIssue({\n            code: z.ZodIssueCode.custom,\n            message: 'Country of issuance is required',\n            path: ['country'],\n          })\n        }\n      }\n    })\n\n/** @internal */\nexport type EmploymentEligibilityInputs = z.input<\n  ReturnType<typeof generateEmploymentEligibilitySchema>\n>\n/** @internal */\nexport type EmploymentEligibilityPayload = z.infer<\n  ReturnType<typeof generateEmploymentEligibilitySchema>\n>\n"],"names":["isValidUscisNumber","value","isValidI94Number","generateEmploymentEligibilitySchema","hasDocumentNumber","z","AuthorizationStatus","I9AuthorizationDocumentType","date","formatDateToStringDate","data","ctx"],"mappings":";;;AAOA,MAAMA,IAAqB,CAACC,MAAkB,iBAAiB,KAAKA,CAAK,GACnEC,IAAmB,CAACD,MAAkB,wBAAwB,KAAKA,CAAK,GAGjEE,IAAsC,CAACC,MAClDC,EACG,OAAO;AAAA,EACN,qBAAqBA,EAAE,KAAKC,CAAmB,EAAE,SAAA;AAAA,EACjD,cAAcD,EAAE,KAAKE,CAA2B,EAAE,SAAA;AAAA,EAClD,gBAAgBF,EAAE,OAAA,EAAS,SAAA;AAAA,EAC3B,gBAAgBA,EACb,KAAA,EACA,UAAU,CAAAG,MAAQC,EAAuBD,CAAI,KAAK,MAAS,EAC3D,SAAA;AAAA,EACH,SAASH,EAAE,OAAA,EAAS,SAAA;AACtB,CAAC,EACA,YAAY,CAACK,GAAMC,MAAQ;AAC1B,MAAI,CAACD,EAAK,qBAAqB;AAC7B,IAAAC,EAAI,SAAS;AAAA,MACX,MAAMN,EAAE,aAAa;AAAA,MACrB,SAAS;AAAA,MACT,MAAM,CAAC,qBAAqB;AAAA,IAAA,CAC7B;AACD;AAAA,EACF;AACA,EAAIK,EAAK,wBAAwB,yBAC1BA,EAAK,iBAQEV,EAAmBU,EAAK,cAAc,KAChDC,EAAI,SAAS;AAAA,IACX,MAAMN,EAAE,aAAa;AAAA,IACrB,SAAS;AAAA,IACT,MAAM,CAAC,gBAAgB;AAAA,EAAA,CACxB,IAZID,KACHO,EAAI,SAAS;AAAA,IACX,MAAMN,EAAE,aAAa;AAAA,IACrB,SAAS;AAAA,IACT,MAAM,CAAC,gBAAgB;AAAA,EAAA,CACxB,IAUHK,EAAK,wBAAwB,YAC1BA,EAAK,gBACRC,EAAI,SAAS;AAAA,IACX,MAAMN,EAAE,aAAa;AAAA,IACrB,SAAS;AAAA,IACT,MAAM,CAAC,cAAc;AAAA,EAAA,CACtB,GAEEK,EAAK,iBASRA,EAAK,iBAAiB,qCACtB,CAACV,EAAmBU,EAAK,cAAc,IAEvCC,EAAI,SAAS;AAAA,IACX,MAAMN,EAAE,aAAa;AAAA,IACrB,SAAS;AAAA,IACT,MAAM,CAAC,gBAAgB;AAAA,EAAA,CACxB,IACQK,EAAK,iBAAiB,cAAc,CAACR,EAAiBQ,EAAK,cAAc,KAClFC,EAAI,SAAS;AAAA,IACX,MAAMN,EAAE,aAAa;AAAA,IACrB,SAAS;AAAA,IACT,MAAM,CAAC,gBAAgB;AAAA,EAAA,CACxB,IArBID,KACHO,EAAI,SAAS;AAAA,IACX,MAAMN,EAAE,aAAa;AAAA,IACrB,SAAS;AAAA,IACT,MAAM,CAAC,gBAAgB;AAAA,EAAA,CACxB,GAkBDK,EAAK,iBAAiB,sBAAsB,CAACA,EAAK,WACpDC,EAAI,SAAS;AAAA,IACX,MAAMN,EAAE,aAAa;AAAA,IACrB,SAAS;AAAA,IACT,MAAM,CAAC,SAAS;AAAA,EAAA,CACjB;AAGP,CAAC;"}

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

@@ -9,12 +9,11 @@ import { useI18n as z } from "../../../../../../i18n/I18n.js";
 import { componentEvents as f } from "../../../../../../shared/constants.js";
 import { Flex as m } from "../../../../../Common/Flex/Flex.js";
 import { ActionsLayout as k } from "../../../../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as h } from "../../../../../../contexts/ComponentAdapter/useComponentContext.js";
-import "react";
 import { Form as w } from "../../../../../Common/Form/Form.js";
 import { SDKFormProvider as B } from "../../../../../../partner-hook-utils/form/SDKFormProvider.js";
+import { useComponentContext as h } from "../../../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { DocumentViewer as F } from "../../../../../Common/DocumentViewer/DocumentViewer.js";
-function ne(i) {
+function ie(i) {
   return /* @__PURE__ */ e(x, { ...i, children: /* @__PURE__ */ e(P, { ...i }) });
 }
 function P({ employeeId: i, formId: c, className: a }) {
@@ -235,6 +234,6 @@ function H({
   ] });
 }
 export {
-  ne as I9SignatureForm
+  ie as I9SignatureForm
 };
 //# sourceMappingURL=I9SignatureForm.js.map