@gusto/embedded-react-sdk 0.37.0 → 0.38.0

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

@@ -1 +1 @@
-{"version":3,"file":"Actions.js","sources":["../../../../../src/components/Employee/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\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","useTranslation","handleContinue","hasSignedAllForms","useDocumentList","Components","useComponentContext","ActionsLayout","jsx"],"mappings":";;;;;;;;AAKO,SAASA,IAAU;AACxB,QAAM,EAAE,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,UAAA,EAAE,aAAa,GAClB,GACF;AAEJ;"}
+{"version":3,"file":"Actions.js","sources":["../../../../../src/components/Employee/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\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","useTranslation","handleContinue","hasSignedAllForms","useDocumentList","Components","useComponentContext","ActionsLayout","jsx"],"mappings":";;;;;;;AAKO,SAASA,IAAU;AACxB,QAAM,EAAE,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,UAAA,EAAE,aAAa,GAClB,GACF;AAEJ;"}

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

@@ -10,27 +10,24 @@ import { useI18n as O } from "../../../../i18n/I18n.js";
 import { componentEvents as m } from "../../../../shared/constants.js";
 import { Flex as _ } from "../../../Common/Flex/Flex.js";
 import "classnames";
-import "react-i18next";
-import "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import "react";
-function V(e) {
+function Y(e) {
   return /* @__PURE__ */ o(S, { ...e, children: /* @__PURE__ */ o(v, { ...e }) });
 }
 function v({ employeeId: e, className: s, children: t }) {
   O("Employee.DocumentSigner");
-  const { onEvent: i } = g(), { data: u, error: c } = E({ employeeId: e }), n = u.formList, p = n.every((r) => !r.requiresSigning);
+  const { onEvent: i } = g(), { data: u, error: c } = E({ employeeId: e }), r = u.formList, l = r.every((n) => !n.requiresSigning);
   return /* @__PURE__ */ o("section", { className: s, children: /* @__PURE__ */ o(
     L,
     {
       value: {
-        employeeForms: n,
-        hasSignedAllForms: p,
+        employeeForms: r,
+        hasSignedAllForms: l,
         handleContinue: () => {
           i(m.EMPLOYEE_FORMS_DONE);
         },
-        handleRequestFormToSign: (r) => {
-          const l = n.find((f) => f.uuid === r.uuid);
-          i(m.EMPLOYEE_VIEW_FORM_TO_SIGN, { uuid: r.uuid, name: l?.name });
+        handleRequestFormToSign: (n) => {
+          const f = r.find((p) => p.uuid === n.uuid);
+          i(m.EMPLOYEE_VIEW_FORM_TO_SIGN, { uuid: n.uuid, name: f?.name });
         },
         documentListError: c
       },
@@ -43,6 +40,6 @@ function v({ employeeId: e, className: s, children: t }) {
   ) });
 }
 export {
-  V as DocumentList
+  Y as DocumentList
 };
 //# sourceMappingURL=DocumentList.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DocumentList.js","sources":["../../../../../src/components/Employee/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 {\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} 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\ninterface DocumentListProps extends CommonComponentInterface {\n  employeeId: string\n}\n\nexport function DocumentList(props: DocumentListProps & BaseComponentInterface) {\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.formList!\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":";;;;;;;;;;;;;;;AAoBO,SAASA,EAAaC,GAAmD;AAC9E,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,UAErBI,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/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 {\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} 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\ninterface DocumentListProps extends CommonComponentInterface {\n  employeeId: string\n}\n\nexport function DocumentList(props: DocumentListProps & BaseComponentInterface) {\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.formList!\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":";;;;;;;;;;;;AAoBO,SAASA,EAAaC,GAAmD;AAC9E,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,UAErBI,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/DocumentSigner/DocumentList/List.js

@@ -4,10 +4,8 @@ import { useDocumentList as s } from "./useDocumentList.js";
 import { Flex as l } from "../../../Common/Flex/Flex.js";
 import "classnames";
 import "../../../../shared/constants.js";
-import "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import "react";
 import { DocumentList as u } from "../../../Common/DocumentList/DocumentList.js";
-function D() {
+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,
@@ -36,6 +34,6 @@ function D() {
   ) }) });
 }
 export {
-  D as List
+  f as List
 };
 //# sourceMappingURL=List.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"List.js","sources":["../../../../../src/components/Employee/DocumentSigner/DocumentList/List.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useDocumentList } from './useDocumentList'\nimport { Flex, DocumentList as SharedDocumentList } from '@/components/Common'\n\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":";;;;;;;;;AAIO,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/DocumentSigner/DocumentList/List.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useDocumentList } from './useDocumentList'\nimport { Flex, DocumentList as SharedDocumentList } from '@/components/Common'\n\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":";;;;;;;AAIO,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;"}

package/dist/components/Employee/DocumentSigner/EmploymentEligibility/EmploymentEligibilityPresentation.js

@@ -13,9 +13,9 @@ import { RadioGroupField as V } from "../../../Common/Fields/RadioGroupField/Rad
 import { TextInputField as B } from "../../../Common/Fields/TextInputField/TextInputField.js";
 import { ActionsLayout as H } from "../../../Common/ActionsLayout/ActionsLayout.js";
 import { DatePickerField as K } from "../../../Common/Fields/DatePickerField/DatePickerField.js";
-import { useComponentContext as M } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { ComboBoxField as G } from "../../../Common/Fields/ComboBoxField/ComboBoxField.js";
-import { Form as U } from "../../../Common/Form/Form.js";
+import { ComboBoxField as M } from "../../../Common/Fields/ComboBoxField/ComboBoxField.js";
+import { Form as G } from "../../../Common/Form/Form.js";
+import { useComponentContext as U } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useI18n as W } from "../../../../i18n/I18n.js";
 import { SelectField as J } from "../../../Common/Fields/SelectField/SelectField.js";
 const Q = {
@@ -30,7 +30,7 @@ const Q = {
   isPending: g
 }) => {
   W("Employee.EmploymentEligibility");
-  const { Heading: D, Text: x, Alert: z, Button: E, Link: N } = M(), { t: e } = L("Employee.EmploymentEligibility"), [m, a] = I(!!y), r = O({
+  const { Heading: D, Text: x, Alert: z, Button: E, Link: N } = U(), { t: e } = L("Employee.EmploymentEligibility"), [m, a] = I(!!y), r = O({
     resolver: j(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(q).map((n) => ({
@@ -47,7 +47,7 @@ const Q = {
     uscis_alien_registration_number: 9,
     form_i94: 11
   };
-  return /* @__PURE__ */ t($, { ...r, children: /* @__PURE__ */ t(U, { onSubmit: r.handleSubmit(h), children: /* @__PURE__ */ p(b, { flexDirection: "column", gap: 16, children: [
+  return /* @__PURE__ */ t($, { ...r, children: /* @__PURE__ */ t(G, { 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(
@@ -104,7 +104,7 @@ const Q = {
       }
     ),
     s === "foreign_passport" && o === "alien" && /* @__PURE__ */ t(
-      G,
+      M,
       {
         name: "country",
         label: e("country.label"),

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

@@ -17,9 +17,8 @@ import "classnames";
 import { RadioGroupField as U } from "../../../Common/Fields/RadioGroupField/RadioGroupField.js";
 import { TextInputField as c } from "../../../Common/Fields/TextInputField/TextInputField.js";
 import { ActionsLayout as Z } from "../../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as S } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import "react";
 import { Form as Q } from "../../../Common/Form/Form.js";
+import { useComponentContext as S } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { CheckboxField as P } from "../../../Common/Fields/CheckboxField/CheckboxField.js";
 import { SelectField as X } from "../../../Common/Fields/SelectField/SelectField.js";
 import { DocumentViewer as J } from "../../../Common/DocumentViewer/DocumentViewer.js";
@@ -39,7 +38,7 @@ const W = 4, ee = l.object({
   usedPreparer: l.enum(["yes", "no"]),
   preparers: l.array(ee)
 });
-function Ie(i) {
+function De(i) {
   return /* @__PURE__ */ e(H, { ...i, children: /* @__PURE__ */ e(te, { ...i }) });
 }
 function te({ employeeId: i, formId: a, className: o }) {
@@ -317,6 +316,6 @@ function ae(i) {
   }), a;
 }
 export {
-  Ie as I9SignatureForm
+  De as I9SignatureForm
 };
 //# sourceMappingURL=I9SignatureForm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"I9SignatureForm.js","sources":["../../../../../src/components/Employee/DocumentSigner/I9SignatureForm/I9SignatureForm.tsx"],"sourcesContent":["import { z } from 'zod'\nimport { FormProvider, useFieldArray, useForm, useFormContext } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useTranslation, Trans } from 'react-i18next'\nimport { useEmployeeFormsGetPdfSuspense } from '@gusto/embedded-api/react-query/employeeFormsGetPdf'\nimport { useEmployeeFormsSignMutation } from '@gusto/embedded-api/react-query/employeeFormsSign'\nimport { useEmployeeFormsGetSuspense } from '@gusto/embedded-api/react-query/employeeFormsGet'\nimport { useI9VerificationGetAuthorization } from '@gusto/embedded-api/react-query/i9VerificationGetAuthorization'\nimport type { AuthorizationStatus } from '@gusto/embedded-api/models/components/i9authorization'\nimport styles from './I9SignatureForm.module.scss'\nimport {\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, STATES_ABBR } from '@/shared/constants'\nimport {\n  ActionsLayout,\n  CheckboxField,\n  Flex,\n  RadioGroupField,\n  SelectField,\n  TextInputField,\n} from '@/components/Common'\nimport { DocumentViewer } from '@/components/Common/DocumentViewer'\nimport { Form } from '@/components/Common/Form'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nconst MAX_PREPARERS = 4\n\nconst preparerSchema = z.object({\n  firstName: z.string().min(1),\n  lastName: z.string().min(1),\n  street1: z.string().min(1),\n  street2: z.string().optional(),\n  city: z.string().min(1),\n  state: z.string().min(1),\n  zip: z.string().min(1),\n  signature: z.string().min(1),\n  agree: z.boolean().refine(val => val),\n})\n\nexport type PreparerInputs = z.infer<typeof preparerSchema>\n\nconst i9SignatureFormSchema = z.object({\n  signature: z.string().min(1),\n  agree: z.literal(true),\n  usedPreparer: z.enum(['yes', 'no']),\n  preparers: z.array(preparerSchema),\n})\n\nexport type I9SignatureFormInputs = z.infer<typeof i9SignatureFormSchema>\n\ninterface I9SignatureFormProps extends CommonComponentInterface {\n  employeeId: string\n  formId: string\n}\n\nexport function I9SignatureForm(props: I9SignatureFormProps & BaseComponentInterface) {\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, baseSubmitHandler } = useBase()\n  const Components = useComponentContext()\n\n  const { data: formData } = useEmployeeFormsGetSuspense({ employeeId, formId })\n  const form = formData.form!\n\n  const {\n    data: { formPdf },\n  } = useEmployeeFormsGetPdfSuspense({ employeeId, formId: form.uuid })\n  const pdfUrl = formPdf?.documentUrl\n\n  const { data: i9AuthData } = useI9VerificationGetAuthorization({ employeeId })\n  const authorizationStatus = i9AuthData?.i9Authorization?.authorizationStatus\n\n  const { mutateAsync: signForm, isPending } = useEmployeeFormsSignMutation()\n\n  const methods = useForm<I9SignatureFormInputs>({\n    resolver: zodResolver(i9SignatureFormSchema),\n    defaultValues: {\n      signature: '',\n      usedPreparer: 'no',\n      preparers: [],\n    },\n  })\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 (data: I9SignatureFormInputs) => {\n    await baseSubmitHandler(data, async payload => {\n      const preparerPayload = buildPreparerPayload(payload)\n      const { form: signFormResult } = await signForm({\n        request: {\n          employeeId,\n          formId: form.uuid,\n          requestBody: {\n            signatureText: payload.signature,\n            agree: payload.agree,\n            ...preparerPayload,\n          },\n        },\n      })\n      onEvent(componentEvents.EMPLOYEE_SIGN_FORM, signFormResult)\n    })\n  }\n\n  return (\n    <section className={className}>\n      <FormProvider {...methods}>\n        <Form onSubmit={methods.handleSubmit(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              <TextInputField\n                name=\"signature\"\n                label={t('signatureLabel')}\n                description={t('signatureDescription')}\n                errorMessage={t('signatureError')}\n                isRequired\n              />\n              <CheckboxField\n                name=\"agree\"\n                isRequired\n                label={t('confirmationLabel')}\n                errorMessage={t('confirmationError')}\n              />\n            </Flex>\n\n            <PreparerSection />\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      </FormProvider>\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\nconst emptyPreparer = {\n  firstName: '',\n  lastName: '',\n  street1: '',\n  street2: '',\n  city: '',\n  state: '',\n  zip: '',\n  signature: '',\n  agree: false,\n}\n\nfunction PreparerSection() {\n  const { t } = useTranslation('Employee.I9SignatureForm')\n  const Components = useComponentContext()\n  const { watch, control } = useFormContext<I9SignatureFormInputs>()\n  const { fields, append, remove } = useFieldArray({ control, name: 'preparers' })\n\n  const usedPreparer = watch('usedPreparer')\n  const canAddPreparer = fields.length < MAX_PREPARERS\n\n  const handlePreparerChange = (value: string) => {\n    if (value === 'yes' && fields.length === 0) {\n      append(emptyPreparer)\n    }\n    if (value === 'no' && fields.length > 0) {\n      remove()\n    }\n  }\n\n  const handleAddPreparer = () => {\n    if (canAddPreparer) {\n      append(emptyPreparer)\n    }\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={20}>\n      <RadioGroupField\n        name=\"usedPreparer\"\n        label={t('preparerQuestion')}\n        isRequired\n        options={[\n          { label: t('preparerNo'), value: 'no' },\n          { label: t('preparerYes'), value: 'yes' },\n        ]}\n        onChange={handlePreparerChange}\n      />\n\n      {usedPreparer === 'yes' &&\n        fields.map((field, index) => (\n          <Flex flexDirection=\"column\" gap={0} key={field.id}>\n            <div className={styles.preparerAlert}>\n              <Components.Alert label={t('preparerNote')} status=\"info\" disableScrollIntoView />\n            </div>\n            <PreparerFields\n              index={index}\n              onRemove={() => {\n                remove(index)\n              }}\n              showRemoveButton={index !== 0}\n              showAddButton={canAddPreparer && index === fields.length - 1}\n              onAdd={handleAddPreparer}\n            />\n          </Flex>\n        ))}\n    </Flex>\n  )\n}\n\ninterface PreparerFieldsProps {\n  index: number\n  onRemove: () => void\n  showRemoveButton: boolean\n  showAddButton: boolean\n  onAdd: () => void\n}\n\nfunction PreparerFields({\n  index,\n  onRemove,\n  showRemoveButton,\n  showAddButton,\n  onAdd,\n}: PreparerFieldsProps) {\n  const { t } = useTranslation('Employee.I9SignatureForm')\n  const Components = useComponentContext()\n\n  const stateOptions = STATES_ABBR.map(abbr => ({ label: abbr, value: abbr }))\n  const fieldId = `preparers.${index}`\n\n  return (\n    <Flex flexDirection=\"column\" gap={12}>\n      <Components.Heading as=\"h3\">{t('preparerSectionTitle')}</Components.Heading>\n\n      <TextInputField\n        name={`${fieldId}.firstName`}\n        label={t('preparerFirstNameLabel')}\n        errorMessage={t('preparerFirstNameError')}\n        isRequired\n      />\n      <TextInputField\n        name={`${fieldId}.lastName`}\n        label={t('preparerLastNameLabel')}\n        errorMessage={t('preparerLastNameError')}\n        isRequired\n      />\n      <TextInputField\n        name={`${fieldId}.street1`}\n        label={t('preparerStreet1Label')}\n        errorMessage={t('preparerStreet1Error')}\n        isRequired\n      />\n      <TextInputField name={`${fieldId}.street2`} label={t('preparerStreet2Label')} />\n      <TextInputField\n        name={`${fieldId}.city`}\n        label={t('preparerCityLabel')}\n        errorMessage={t('preparerCityError')}\n        isRequired\n      />\n      <SelectField\n        name={`${fieldId}.state`}\n        label={t('preparerStateLabel')}\n        errorMessage={t('preparerStateError')}\n        isRequired\n        options={stateOptions}\n        placeholder=\"Select a state...\"\n      />\n      <TextInputField\n        name={`${fieldId}.zip`}\n        label={t('preparerZipLabel')}\n        errorMessage={t('preparerZipError')}\n        isRequired\n      />\n      <TextInputField\n        name={`${fieldId}.signature`}\n        label={t('preparerSignatureLabel')}\n        description={t('preparerSignatureDescription')}\n        errorMessage={t('preparerSignatureError')}\n        isRequired\n      />\n      <CheckboxField\n        name={`${fieldId}.agree`}\n        isRequired\n        label={t('preparerConfirmationLabel')}\n        errorMessage={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\nfunction buildPreparerPayload(payload: I9SignatureFormInputs) {\n  if (payload.usedPreparer !== 'yes' || payload.preparers.length === 0) {\n    return { preparer: false }\n  }\n\n  const result: Record<string, unknown> = { preparer: true }\n\n  payload.preparers.forEach((preparer, index) => {\n    const prefix = index === 0 ? 'preparer' : `preparer${index + 1}`\n    if (index > 0) {\n      result[`preparer${index + 1}`] = true\n    }\n    result[`${prefix}FirstName`] = preparer.firstName\n    result[`${prefix}LastName`] = preparer.lastName\n    result[`${prefix}Street1`] = preparer.street1\n    if (preparer.street2) result[`${prefix}Street2`] = preparer.street2\n    result[`${prefix}City`] = preparer.city\n    result[`${prefix}State`] = preparer.state\n    result[`${prefix}Zip`] = preparer.zip\n    result[`${prefix}Agree`] = 'true'\n  })\n\n  return result\n}\n"],"names":["MAX_PREPARERS","preparerSchema","z","val","i9SignatureFormSchema","I9SignatureForm","props","jsx","BaseComponent","Root","employeeId","formId","className","useI18n","useTranslation","onEvent","baseSubmitHandler","useBase","Components","useComponentContext","formData","useEmployeeFormsGetSuspense","form","formPdf","useEmployeeFormsGetPdfSuspense","pdfUrl","i9AuthData","useI9VerificationGetAuthorization","authorizationStatus","signForm","isPending","useEmployeeFormsSignMutation","methods","useForm","zodResolver","handleBack","componentEvents","handleChangeEligibility","handleSubmit","data","payload","preparerPayload","buildPreparerPayload","signFormResult","FormProvider","Form","jsxs","Flex","Trans","EligibilityStatusAlert","DocumentViewer","TextInputField","CheckboxField","PreparerSection","ActionsLayout","onChangeStatus","t","alertLabelKeys","alertDescriptionKeys","emptyPreparer","watch","control","useFormContext","fields","append","remove","useFieldArray","usedPreparer","canAddPreparer","handlePreparerChange","value","handleAddPreparer","RadioGroupField","field","index","styles","PreparerFields","onRemove","showRemoveButton","showAddButton","onAdd","stateOptions","STATES_ABBR","abbr","fieldId","SelectField","result","preparer","prefix"],"mappings":"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"}
+{"version":3,"file":"I9SignatureForm.js","sources":["../../../../../src/components/Employee/DocumentSigner/I9SignatureForm/I9SignatureForm.tsx"],"sourcesContent":["import { z } from 'zod'\nimport { FormProvider, useFieldArray, useForm, useFormContext } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useTranslation, Trans } from 'react-i18next'\nimport { useEmployeeFormsGetPdfSuspense } from '@gusto/embedded-api/react-query/employeeFormsGetPdf'\nimport { useEmployeeFormsSignMutation } from '@gusto/embedded-api/react-query/employeeFormsSign'\nimport { useEmployeeFormsGetSuspense } from '@gusto/embedded-api/react-query/employeeFormsGet'\nimport { useI9VerificationGetAuthorization } from '@gusto/embedded-api/react-query/i9VerificationGetAuthorization'\nimport type { AuthorizationStatus } from '@gusto/embedded-api/models/components/i9authorization'\nimport styles from './I9SignatureForm.module.scss'\nimport {\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, STATES_ABBR } from '@/shared/constants'\nimport {\n  ActionsLayout,\n  CheckboxField,\n  Flex,\n  RadioGroupField,\n  SelectField,\n  TextInputField,\n} from '@/components/Common'\nimport { DocumentViewer } from '@/components/Common/DocumentViewer'\nimport { Form } from '@/components/Common/Form'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nconst MAX_PREPARERS = 4\n\nconst preparerSchema = z.object({\n  firstName: z.string().min(1),\n  lastName: z.string().min(1),\n  street1: z.string().min(1),\n  street2: z.string().optional(),\n  city: z.string().min(1),\n  state: z.string().min(1),\n  zip: z.string().min(1),\n  signature: z.string().min(1),\n  agree: z.boolean().refine(val => val),\n})\n\nexport type PreparerInputs = z.infer<typeof preparerSchema>\n\nconst i9SignatureFormSchema = z.object({\n  signature: z.string().min(1),\n  agree: z.literal(true),\n  usedPreparer: z.enum(['yes', 'no']),\n  preparers: z.array(preparerSchema),\n})\n\nexport type I9SignatureFormInputs = z.infer<typeof i9SignatureFormSchema>\n\ninterface I9SignatureFormProps extends CommonComponentInterface {\n  employeeId: string\n  formId: string\n}\n\nexport function I9SignatureForm(props: I9SignatureFormProps & BaseComponentInterface) {\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, baseSubmitHandler } = useBase()\n  const Components = useComponentContext()\n\n  const { data: formData } = useEmployeeFormsGetSuspense({ employeeId, formId })\n  const form = formData.form!\n\n  const {\n    data: { formPdf },\n  } = useEmployeeFormsGetPdfSuspense({ employeeId, formId: form.uuid })\n  const pdfUrl = formPdf?.documentUrl\n\n  const { data: i9AuthData } = useI9VerificationGetAuthorization({ employeeId })\n  const authorizationStatus = i9AuthData?.i9Authorization?.authorizationStatus\n\n  const { mutateAsync: signForm, isPending } = useEmployeeFormsSignMutation()\n\n  const methods = useForm<I9SignatureFormInputs>({\n    resolver: zodResolver(i9SignatureFormSchema),\n    defaultValues: {\n      signature: '',\n      usedPreparer: 'no',\n      preparers: [],\n    },\n  })\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 (data: I9SignatureFormInputs) => {\n    await baseSubmitHandler(data, async payload => {\n      const preparerPayload = buildPreparerPayload(payload)\n      const { form: signFormResult } = await signForm({\n        request: {\n          employeeId,\n          formId: form.uuid,\n          requestBody: {\n            signatureText: payload.signature,\n            agree: payload.agree,\n            ...preparerPayload,\n          },\n        },\n      })\n      onEvent(componentEvents.EMPLOYEE_SIGN_FORM, signFormResult)\n    })\n  }\n\n  return (\n    <section className={className}>\n      <FormProvider {...methods}>\n        <Form onSubmit={methods.handleSubmit(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              <TextInputField\n                name=\"signature\"\n                label={t('signatureLabel')}\n                description={t('signatureDescription')}\n                errorMessage={t('signatureError')}\n                isRequired\n              />\n              <CheckboxField\n                name=\"agree\"\n                isRequired\n                label={t('confirmationLabel')}\n                errorMessage={t('confirmationError')}\n              />\n            </Flex>\n\n            <PreparerSection />\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      </FormProvider>\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\nconst emptyPreparer = {\n  firstName: '',\n  lastName: '',\n  street1: '',\n  street2: '',\n  city: '',\n  state: '',\n  zip: '',\n  signature: '',\n  agree: false,\n}\n\nfunction PreparerSection() {\n  const { t } = useTranslation('Employee.I9SignatureForm')\n  const Components = useComponentContext()\n  const { watch, control } = useFormContext<I9SignatureFormInputs>()\n  const { fields, append, remove } = useFieldArray({ control, name: 'preparers' })\n\n  const usedPreparer = watch('usedPreparer')\n  const canAddPreparer = fields.length < MAX_PREPARERS\n\n  const handlePreparerChange = (value: string) => {\n    if (value === 'yes' && fields.length === 0) {\n      append(emptyPreparer)\n    }\n    if (value === 'no' && fields.length > 0) {\n      remove()\n    }\n  }\n\n  const handleAddPreparer = () => {\n    if (canAddPreparer) {\n      append(emptyPreparer)\n    }\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={20}>\n      <RadioGroupField\n        name=\"usedPreparer\"\n        label={t('preparerQuestion')}\n        isRequired\n        options={[\n          { label: t('preparerNo'), value: 'no' },\n          { label: t('preparerYes'), value: 'yes' },\n        ]}\n        onChange={handlePreparerChange}\n      />\n\n      {usedPreparer === 'yes' &&\n        fields.map((field, index) => (\n          <Flex flexDirection=\"column\" gap={0} key={field.id}>\n            <div className={styles.preparerAlert}>\n              <Components.Alert label={t('preparerNote')} status=\"info\" disableScrollIntoView />\n            </div>\n            <PreparerFields\n              index={index}\n              onRemove={() => {\n                remove(index)\n              }}\n              showRemoveButton={index !== 0}\n              showAddButton={canAddPreparer && index === fields.length - 1}\n              onAdd={handleAddPreparer}\n            />\n          </Flex>\n        ))}\n    </Flex>\n  )\n}\n\ninterface PreparerFieldsProps {\n  index: number\n  onRemove: () => void\n  showRemoveButton: boolean\n  showAddButton: boolean\n  onAdd: () => void\n}\n\nfunction PreparerFields({\n  index,\n  onRemove,\n  showRemoveButton,\n  showAddButton,\n  onAdd,\n}: PreparerFieldsProps) {\n  const { t } = useTranslation('Employee.I9SignatureForm')\n  const Components = useComponentContext()\n\n  const stateOptions = STATES_ABBR.map(abbr => ({ label: abbr, value: abbr }))\n  const fieldId = `preparers.${index}`\n\n  return (\n    <Flex flexDirection=\"column\" gap={12}>\n      <Components.Heading as=\"h3\">{t('preparerSectionTitle')}</Components.Heading>\n\n      <TextInputField\n        name={`${fieldId}.firstName`}\n        label={t('preparerFirstNameLabel')}\n        errorMessage={t('preparerFirstNameError')}\n        isRequired\n      />\n      <TextInputField\n        name={`${fieldId}.lastName`}\n        label={t('preparerLastNameLabel')}\n        errorMessage={t('preparerLastNameError')}\n        isRequired\n      />\n      <TextInputField\n        name={`${fieldId}.street1`}\n        label={t('preparerStreet1Label')}\n        errorMessage={t('preparerStreet1Error')}\n        isRequired\n      />\n      <TextInputField name={`${fieldId}.street2`} label={t('preparerStreet2Label')} />\n      <TextInputField\n        name={`${fieldId}.city`}\n        label={t('preparerCityLabel')}\n        errorMessage={t('preparerCityError')}\n        isRequired\n      />\n      <SelectField\n        name={`${fieldId}.state`}\n        label={t('preparerStateLabel')}\n        errorMessage={t('preparerStateError')}\n        isRequired\n        options={stateOptions}\n        placeholder=\"Select a state...\"\n      />\n      <TextInputField\n        name={`${fieldId}.zip`}\n        label={t('preparerZipLabel')}\n        errorMessage={t('preparerZipError')}\n        isRequired\n      />\n      <TextInputField\n        name={`${fieldId}.signature`}\n        label={t('preparerSignatureLabel')}\n        description={t('preparerSignatureDescription')}\n        errorMessage={t('preparerSignatureError')}\n        isRequired\n      />\n      <CheckboxField\n        name={`${fieldId}.agree`}\n        isRequired\n        label={t('preparerConfirmationLabel')}\n        errorMessage={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\nfunction buildPreparerPayload(payload: I9SignatureFormInputs) {\n  if (payload.usedPreparer !== 'yes' || payload.preparers.length === 0) {\n    return { preparer: false }\n  }\n\n  const result: Record<string, unknown> = { preparer: true }\n\n  payload.preparers.forEach((preparer, index) => {\n    const prefix = index === 0 ? 'preparer' : `preparer${index + 1}`\n    if (index > 0) {\n      result[`preparer${index + 1}`] = true\n    }\n    result[`${prefix}FirstName`] = preparer.firstName\n    result[`${prefix}LastName`] = preparer.lastName\n    result[`${prefix}Street1`] = preparer.street1\n    if (preparer.street2) result[`${prefix}Street2`] = preparer.street2\n    result[`${prefix}City`] = preparer.city\n    result[`${prefix}State`] = preparer.state\n    result[`${prefix}Zip`] = preparer.zip\n    result[`${prefix}Agree`] = 'true'\n  })\n\n  return result\n}\n"],"names":["MAX_PREPARERS","preparerSchema","z","val","i9SignatureFormSchema","I9SignatureForm","props","jsx","BaseComponent","Root","employeeId","formId","className","useI18n","useTranslation","onEvent","baseSubmitHandler","useBase","Components","useComponentContext","formData","useEmployeeFormsGetSuspense","form","formPdf","useEmployeeFormsGetPdfSuspense","pdfUrl","i9AuthData","useI9VerificationGetAuthorization","authorizationStatus","signForm","isPending","useEmployeeFormsSignMutation","methods","useForm","zodResolver","handleBack","componentEvents","handleChangeEligibility","handleSubmit","data","payload","preparerPayload","buildPreparerPayload","signFormResult","FormProvider","Form","jsxs","Flex","Trans","EligibilityStatusAlert","DocumentViewer","TextInputField","CheckboxField","PreparerSection","ActionsLayout","onChangeStatus","t","alertLabelKeys","alertDescriptionKeys","emptyPreparer","watch","control","useFormContext","fields","append","remove","useFieldArray","usedPreparer","canAddPreparer","handlePreparerChange","value","handleAddPreparer","RadioGroupField","field","index","styles","PreparerFields","onRemove","showRemoveButton","showAddButton","onAdd","stateOptions","STATES_ABBR","abbr","fieldId","SelectField","result","preparer","prefix"],"mappings":"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"}

package/dist/components/Employee/DocumentSigner/SignatureForm/SignatureForm.js

@@ -13,18 +13,15 @@ import { useI18n as G } from "../../../../i18n/I18n.js";
 import { componentEvents as i } from "../../../../shared/constants.js";
 import { Flex as M } from "../../../Common/Flex/Flex.js";
 import "classnames";
-import "react-i18next";
-import "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import "react";
 import { SignatureForm as R } from "../../../Common/SignatureForm/SignatureForm.js";
-function oo(r) {
+function W(r) {
   return /* @__PURE__ */ o(A, { ...r, children: /* @__PURE__ */ o(j, { ...r }) });
 }
-function j({ employeeId: r, formId: s, className: u, children: n }) {
+function j({ employeeId: r, formId: s, className: u, children: t }) {
   G("Employee.DocumentSigner");
-  const { onEvent: e, baseSubmitHandler: a } = C(), { data: c } = x({ employeeId: r, formId: s }), t = c.form, {
+  const { onEvent: e, baseSubmitHandler: a } = C(), { data: c } = x({ employeeId: r, formId: s }), n = c.form, {
     data: { formPdf: f }
-  } = h({ employeeId: r, formId: t.uuid }), d = f.documentUrl, { mutateAsync: p, isPending: l } = P();
+  } = h({ employeeId: r, formId: n.uuid }), d = f.documentUrl, { mutateAsync: p, isPending: l } = P();
   return /* @__PURE__ */ o("section", { className: u, children: /* @__PURE__ */ o(
     w,
     {
@@ -33,16 +30,16 @@ function j({ employeeId: r, formId: s, className: u, children: n }) {
         handleBack: () => {
           e(i.CANCEL);
         },
-        form: t,
+        form: n,
         isPending: l
       },
       children: /* @__PURE__ */ o(R, { onSubmit: async (g) => {
         await a(g, async (m) => {
-          if (t.uuid) {
+          if (n.uuid) {
             const { form: S } = await p({
               request: {
                 employeeId: r,
-                formId: t.uuid,
+                formId: n.uuid,
                 requestBody: {
                   signatureText: m.signature,
                   agree: m.confirmSignature
@@ -52,7 +49,7 @@ function j({ employeeId: r, formId: s, className: u, children: n }) {
             e(i.EMPLOYEE_SIGN_FORM, S);
           }
         });
-      }, children: /* @__PURE__ */ o(M, { flexDirection: "column", children: n || /* @__PURE__ */ F(E, { children: [
+      }, children: /* @__PURE__ */ o(M, { flexDirection: "column", children: t || /* @__PURE__ */ F(E, { children: [
         /* @__PURE__ */ o(v, {}),
         /* @__PURE__ */ o(B, {}),
         /* @__PURE__ */ o(b, {}),
@@ -62,6 +59,6 @@ function j({ employeeId: r, formId: s, className: u, children: n }) {
   ) });
 }
 export {
-  oo as SignatureForm
+  W as SignatureForm
 };
 //# sourceMappingURL=SignatureForm.js.map

package/dist/components/Employee/DocumentSigner/SignatureForm/SignatureForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"SignatureForm.js","sources":["../../../../../src/components/Employee/DocumentSigner/SignatureForm/SignatureForm.tsx"],"sourcesContent":["import { useEmployeeFormsGetPdfSuspense } from '@gusto/embedded-api/react-query/employeeFormsGetPdf'\nimport { useEmployeeFormsSignMutation } from '@gusto/embedded-api/react-query/employeeFormsSign'\nimport { useEmployeeFormsGetSuspense } from '@gusto/embedded-api/react-query/employeeFormsGet'\nimport { Form as FormComponent } from './Form'\nimport { Head } from './Head'\nimport { Actions } from './Actions'\nimport { Preview } from './Preview'\nimport { SignatureFormProvider } from './useSignatureForm'\nimport {\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { Flex } from '@/components/Common'\nimport type { SignatureFormInputs } from '@/components/Common/SignatureForm'\nimport { SignatureForm as SharedSignatureForm } from '@/components/Common/SignatureForm'\n\ninterface SignatureFormProps extends CommonComponentInterface {\n  employeeId: string\n  formId: string\n}\n\nexport function SignatureForm(props: SignatureFormProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ employeeId, formId, className, children }: SignatureFormProps) {\n  useI18n('Employee.DocumentSigner')\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const { data } = useEmployeeFormsGetSuspense({ employeeId, formId })\n  const form = data.form!\n\n  const {\n    data: { formPdf },\n  } = useEmployeeFormsGetPdfSuspense({ employeeId, formId: form.uuid })\n  const pdfUrl = formPdf!.documentUrl\n\n  const { mutateAsync: signForm, isPending: isSignFormPending } = useEmployeeFormsSignMutation()\n\n  const handleBack = () => {\n    onEvent(componentEvents.CANCEL)\n  }\n\n  const handleSubmit = async (data: SignatureFormInputs) => {\n    await baseSubmitHandler(data, async payload => {\n      if (form.uuid) {\n        const { form: signFormResult } = await signForm({\n          request: {\n            employeeId,\n            formId: form.uuid,\n            requestBody: {\n              signatureText: payload.signature,\n              agree: payload.confirmSignature,\n            },\n          },\n        })\n        onEvent(componentEvents.EMPLOYEE_SIGN_FORM, signFormResult)\n      }\n    })\n  }\n\n  return (\n    <section className={className}>\n      <SignatureFormProvider\n        value={{\n          pdfUrl,\n          handleBack,\n          form,\n          isPending: isSignFormPending,\n        }}\n      >\n        <SharedSignatureForm onSubmit={handleSubmit}>\n          <Flex flexDirection=\"column\">\n            {children ? (\n              children\n            ) : (\n              <>\n                <Head />\n                <Preview />\n                <FormComponent />\n                <Actions />\n              </>\n            )}\n          </Flex>\n        </SharedSignatureForm>\n      </SignatureFormProvider>\n    </section>\n  )\n}\n"],"names":["SignatureForm","props","jsx","BaseComponent","Root","employeeId","formId","className","children","useI18n","onEvent","baseSubmitHandler","useBase","data","useEmployeeFormsGetSuspense","form","formPdf","useEmployeeFormsGetPdfSuspense","pdfUrl","signForm","isSignFormPending","useEmployeeFormsSignMutation","SignatureFormProvider","componentEvents","SharedSignatureForm","payload","signFormResult","Flex","jsxs","Fragment","Head","Preview","FormComponent","Actions"],"mappings":";;;;;;;;;;;;;;;;;;;AAyBO,SAASA,GAAcC,GAAoD;AAChF,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAM,GAAGH,GAAO,EAAA,CACnB;AAEJ;AAEA,SAASG,EAAK,EAAE,YAAAC,GAAY,QAAAC,GAAQ,WAAAC,GAAW,UAAAC,KAAgC;AAC7E,EAAAC,EAAQ,yBAAyB;AACjC,QAAM,EAAE,SAAAC,GAAS,mBAAAC,EAAA,IAAsBC,EAAA,GAEjC,EAAE,MAAAC,EAAA,IAASC,EAA4B,EAAE,YAAAT,GAAY,QAAAC,GAAQ,GAC7DS,IAAOF,EAAK,MAEZ;AAAA,IACJ,MAAM,EAAE,SAAAG,EAAA;AAAA,EAAQ,IACdC,EAA+B,EAAE,YAAAZ,GAAY,QAAQU,EAAK,MAAM,GAC9DG,IAASF,EAAS,aAElB,EAAE,aAAaG,GAAU,WAAWC,EAAA,IAAsBC,EAAA;AAwBhE,SACE,gBAAAnB,EAAC,aAAQ,WAAAK,GACP,UAAA,gBAAAL;AAAA,IAACoB;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,QAAAJ;AAAA,QACA,YA3BW,MAAM;AACvB,UAAAR,EAAQa,EAAgB,MAAM;AAAA,QAChC;AAAA,QA0BQ,MAAAR;AAAA,QACA,WAAWK;AAAA,MAAA;AAAA,MAGb,UAAA,gBAAAlB,EAACsB,GAAA,EAAoB,UA5BN,OAAOX,MAA8B;AACxD,cAAMF,EAAkBE,GAAM,OAAMY,MAAW;AAC7C,cAAIV,EAAK,MAAM;AACb,kBAAM,EAAE,MAAMW,EAAA,IAAmB,MAAMP,EAAS;AAAA,cAC9C,SAAS;AAAA,gBACP,YAAAd;AAAA,gBACA,QAAQU,EAAK;AAAA,gBACb,aAAa;AAAA,kBACX,eAAeU,EAAQ;AAAA,kBACvB,OAAOA,EAAQ;AAAA,gBAAA;AAAA,cACjB;AAAA,YACF,CACD;AACD,YAAAf,EAAQa,EAAgB,oBAAoBG,CAAc;AAAA,UAC5D;AAAA,QACF,CAAC;AAAA,MACH,GAaQ,UAAA,gBAAAxB,EAACyB,KAAK,eAAc,UACjB,UAAAnB,KAGC,gBAAAoB,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAA3B,EAAC4B,GAAA,EAAK;AAAA,0BACLC,GAAA,EAAQ;AAAA,0BACRC,GAAA,EAAc;AAAA,0BACdC,GAAA,CAAA,CAAQ;AAAA,MAAA,EAAA,CACX,GAEJ,EAAA,CACF;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"SignatureForm.js","sources":["../../../../../src/components/Employee/DocumentSigner/SignatureForm/SignatureForm.tsx"],"sourcesContent":["import { useEmployeeFormsGetPdfSuspense } from '@gusto/embedded-api/react-query/employeeFormsGetPdf'\nimport { useEmployeeFormsSignMutation } from '@gusto/embedded-api/react-query/employeeFormsSign'\nimport { useEmployeeFormsGetSuspense } from '@gusto/embedded-api/react-query/employeeFormsGet'\nimport { Form as FormComponent } from './Form'\nimport { Head } from './Head'\nimport { Actions } from './Actions'\nimport { Preview } from './Preview'\nimport { SignatureFormProvider } from './useSignatureForm'\nimport {\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { Flex } from '@/components/Common'\nimport type { SignatureFormInputs } from '@/components/Common/SignatureForm'\nimport { SignatureForm as SharedSignatureForm } from '@/components/Common/SignatureForm'\n\ninterface SignatureFormProps extends CommonComponentInterface {\n  employeeId: string\n  formId: string\n}\n\nexport function SignatureForm(props: SignatureFormProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ employeeId, formId, className, children }: SignatureFormProps) {\n  useI18n('Employee.DocumentSigner')\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const { data } = useEmployeeFormsGetSuspense({ employeeId, formId })\n  const form = data.form!\n\n  const {\n    data: { formPdf },\n  } = useEmployeeFormsGetPdfSuspense({ employeeId, formId: form.uuid })\n  const pdfUrl = formPdf!.documentUrl\n\n  const { mutateAsync: signForm, isPending: isSignFormPending } = useEmployeeFormsSignMutation()\n\n  const handleBack = () => {\n    onEvent(componentEvents.CANCEL)\n  }\n\n  const handleSubmit = async (data: SignatureFormInputs) => {\n    await baseSubmitHandler(data, async payload => {\n      if (form.uuid) {\n        const { form: signFormResult } = await signForm({\n          request: {\n            employeeId,\n            formId: form.uuid,\n            requestBody: {\n              signatureText: payload.signature,\n              agree: payload.confirmSignature,\n            },\n          },\n        })\n        onEvent(componentEvents.EMPLOYEE_SIGN_FORM, signFormResult)\n      }\n    })\n  }\n\n  return (\n    <section className={className}>\n      <SignatureFormProvider\n        value={{\n          pdfUrl,\n          handleBack,\n          form,\n          isPending: isSignFormPending,\n        }}\n      >\n        <SharedSignatureForm onSubmit={handleSubmit}>\n          <Flex flexDirection=\"column\">\n            {children ? (\n              children\n            ) : (\n              <>\n                <Head />\n                <Preview />\n                <FormComponent />\n                <Actions />\n              </>\n            )}\n          </Flex>\n        </SharedSignatureForm>\n      </SignatureFormProvider>\n    </section>\n  )\n}\n"],"names":["SignatureForm","props","jsx","BaseComponent","Root","employeeId","formId","className","children","useI18n","onEvent","baseSubmitHandler","useBase","data","useEmployeeFormsGetSuspense","form","formPdf","useEmployeeFormsGetPdfSuspense","pdfUrl","signForm","isSignFormPending","useEmployeeFormsSignMutation","SignatureFormProvider","componentEvents","SharedSignatureForm","payload","signFormResult","Flex","jsxs","Fragment","Head","Preview","FormComponent","Actions"],"mappings":";;;;;;;;;;;;;;;;AAyBO,SAASA,EAAcC,GAAoD;AAChF,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAM,GAAGH,GAAO,EAAA,CACnB;AAEJ;AAEA,SAASG,EAAK,EAAE,YAAAC,GAAY,QAAAC,GAAQ,WAAAC,GAAW,UAAAC,KAAgC;AAC7E,EAAAC,EAAQ,yBAAyB;AACjC,QAAM,EAAE,SAAAC,GAAS,mBAAAC,EAAA,IAAsBC,EAAA,GAEjC,EAAE,MAAAC,EAAA,IAASC,EAA4B,EAAE,YAAAT,GAAY,QAAAC,GAAQ,GAC7DS,IAAOF,EAAK,MAEZ;AAAA,IACJ,MAAM,EAAE,SAAAG,EAAA;AAAA,EAAQ,IACdC,EAA+B,EAAE,YAAAZ,GAAY,QAAQU,EAAK,MAAM,GAC9DG,IAASF,EAAS,aAElB,EAAE,aAAaG,GAAU,WAAWC,EAAA,IAAsBC,EAAA;AAwBhE,SACE,gBAAAnB,EAAC,aAAQ,WAAAK,GACP,UAAA,gBAAAL;AAAA,IAACoB;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,QAAAJ;AAAA,QACA,YA3BW,MAAM;AACvB,UAAAR,EAAQa,EAAgB,MAAM;AAAA,QAChC;AAAA,QA0BQ,MAAAR;AAAA,QACA,WAAWK;AAAA,MAAA;AAAA,MAGb,UAAA,gBAAAlB,EAACsB,GAAA,EAAoB,UA5BN,OAAOX,MAA8B;AACxD,cAAMF,EAAkBE,GAAM,OAAMY,MAAW;AAC7C,cAAIV,EAAK,MAAM;AACb,kBAAM,EAAE,MAAMW,EAAA,IAAmB,MAAMP,EAAS;AAAA,cAC9C,SAAS;AAAA,gBACP,YAAAd;AAAA,gBACA,QAAQU,EAAK;AAAA,gBACb,aAAa;AAAA,kBACX,eAAeU,EAAQ;AAAA,kBACvB,OAAOA,EAAQ;AAAA,gBAAA;AAAA,cACjB;AAAA,YACF,CACD;AACD,YAAAf,EAAQa,EAAgB,oBAAoBG,CAAc;AAAA,UAC5D;AAAA,QACF,CAAC;AAAA,MACH,GAaQ,UAAA,gBAAAxB,EAACyB,KAAK,eAAc,UACjB,UAAAnB,KAGC,gBAAAoB,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAA3B,EAAC4B,GAAA,EAAK;AAAA,0BACLC,GAAA,EAAQ;AAAA,0BACRC,GAAA,EAAc;AAAA,0BACdC,GAAA,CAAA,CAAQ;AAAA,MAAA,EAAA,CACX,GAEJ,EAAA,CACF;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

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

@@ -6,14 +6,13 @@ import { z as p } from "zod";
 import { Flex as l, FlexItem as o } from "../../Common/Flex/Flex.js";
 import "classnames";
 import "../../../shared/constants.js";
-import { useComponentContext as v } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import "react";
-import { Form as w } from "../../Common/Form/Form.js";
+import { Form as v } from "../../Common/Form/Form.js";
+import { useComponentContext as w } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useI18n as C } from "../../../i18n/I18n.js";
 import { CheckboxField as F } from "../../Common/Fields/CheckboxField/CheckboxField.js";
 const u = "gusto-sdk-employee-documents-form", T = p.object({
   includeI9: p.boolean()
-}), Y = ({
+}), B = ({
   isEmployeeSelfOnboarding: a,
   currentI9Status: g,
   onSubmit: f,
@@ -21,14 +20,14 @@ const u = "gusto-sdk-employee-documents-form", T = p.object({
   isPending: O
 }) => {
   C("Employee.EmployeeDocuments");
-  const { t: n } = y("Employee.EmployeeDocuments"), { Alert: d, Heading: t, Text: i, Button: s, Link: m, UnorderedList: D } = v(), c = I({
+  const { t: n } = y("Employee.EmployeeDocuments"), { Alert: d, Heading: t, Text: i, Button: s, Link: m, UnorderedList: D } = w(), c = I({
     resolver: E(T),
     defaultValues: {
       includeI9: g
     }
   }), S = c.watch("includeI9");
   return /* @__PURE__ */ e(x, { children: /* @__PURE__ */ r(l, { flexDirection: "column", gap: 16, children: [
-    a ? /* @__PURE__ */ e(L, { ...c, children: /* @__PURE__ */ e(w, { id: u, onSubmit: c.handleSubmit(f), children: /* @__PURE__ */ r(l, { flexDirection: "column", gap: 16, children: [
+    a ? /* @__PURE__ */ e(L, { ...c, children: /* @__PURE__ */ e(v, { id: u, onSubmit: c.handleSubmit(f), children: /* @__PURE__ */ r(l, { flexDirection: "column", gap: 16, children: [
       /* @__PURE__ */ r(o, { children: [
         /* @__PURE__ */ e(t, { as: "h2", children: n("selfOnboarding.title") }),
         /* @__PURE__ */ e(i, { variant: "supporting", children: n("selfOnboarding.description") })
@@ -111,6 +110,6 @@ const u = "gusto-sdk-employee-documents-form", T = p.object({
   ] }) });
 };
 export {
-  Y as EmployeeDocumentsPresentation
+  B as EmployeeDocumentsPresentation
 };
 //# sourceMappingURL=EmployeeDocumentsPresentation.js.map

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

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

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

@@ -1,10 +1,7 @@
 import { BaseComponentInterface, CommonComponentInterface } from '../../Base/Base';
 interface EmployeeListProps extends CommonComponentInterface<'Employee.EmployeeList'> {
     companyId: string;
+    onEvent: BaseComponentInterface['onEvent'];
 }
-export declare function EmployeeList(props: EmployeeListProps & BaseComponentInterface): import("react/jsx-runtime").JSX.Element;
-/**
- * Wrapper used inside Flows -> exposes flow context for required parameters
- */
-export declare const EmployeeListContextual: () => import("react/jsx-runtime").JSX.Element;
+export declare function EmployeeList({ FallbackComponent, ...props }: EmployeeListProps & BaseComponentInterface): import("react/jsx-runtime").JSX.Element;
 export {};