@gusto/embedded-react-sdk 0.47.1 → 0.48.0

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"EmployeeDocumentsPresentation.js","sources":["../../../../../../src/components/Employee/Documents/onboarding/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          <Flex flexDirection=\"column\" gap={4}>\n            <Heading as=\"h2\">{t('selfOnboarding.title')}</Heading>\n            <Text variant=\"supporting\">{t('selfOnboarding.description')}</Text>\n          </Flex>\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={32}>\n      <Flex flexDirection=\"column\" gap={4}>\n        <Heading as=\"h2\">{t('notSelfOnboarding.title')}</Heading>\n        <Text variant=\"supporting\">{t('notSelfOnboarding.description')}</Text>\n      </Flex>\n      <Flex flexDirection=\"column\" gap={20}>\n        <FlexItem>\n          <Text weight=\"medium\">{t('notSelfOnboarding.employmentEligibilityLabel')}</Text>\n          <Text variant=\"supporting\">\n            {t('notSelfOnboarding.employmentEligibilityDescription')}\n          </Text>\n        </FlexItem>\n\n        <FlexItem>\n          <Text weight=\"medium\">{t('notSelfOnboarding.taxWithholdingLabel')}</Text>\n          <Text variant=\"supporting\">{t('notSelfOnboarding.taxWithholdingDescription')}</Text>\n        </FlexItem>\n        <FlexItem>\n          <Text weight=\"medium\">{t('notSelfOnboarding.directDepositLabel')}</Text>\n          <Text variant=\"supporting\">{t('notSelfOnboarding.directDepositDescription')}</Text>\n        </FlexItem>\n      </Flex>\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":";;;;;;;;;;AASA,MAAMA,IAA6B,qCAE7BC,IAA0BC,EAAE,OAAO;AAAA,EACvC,WAAWA,EAAE,QAAA;AACf,CAAC,GAYYC,IAAgC,CAAC;AAAA,EAC5C,0BAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AACF,MAA0C;AACxC,EAAAC,EAAQ,4BAA4B;AACpC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,4BAA4B,GACnD,EAAE,OAAAC,GAAO,SAAAC,GAAS,MAAAC,GAAM,QAAAC,GAAQ,MAAAC,GAAM,eAAAC,EAAA,IAAkBC,EAAA,GAExDC,IAAcC,EAAqC;AAAA,IACvD,UAAUC,EAAYpB,CAAuB;AAAA,IAC7C,eAAe;AAAA,MACb,WAAWI;AAAA,IAAA;AAAA,EACb,CACD,GAEKiB,IAAYH,EAAY,MAAM,WAAW;AAyF/C,gCAEI,UAAA,gBAAAI,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,IAAApB,IAzFL,gBAAAqB,EAACC,GAAA,EAAc,GAAGP,GAChB,UAAA,gBAAAM,EAACE,KAAK,IAAI3B,GAA4B,UAAUmB,EAAY,aAAab,CAAQ,GAC/E,UAAA,gBAAAiB,EAACC,KAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,MAAA,gBAAAD,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,QAAA,gBAAAC,EAACZ,GAAA,EAAQ,IAAG,MAAM,UAAAH,EAAE,sBAAsB,GAAE;AAAA,0BAC3CI,GAAA,EAAK,SAAQ,cAAc,UAAAJ,EAAE,4BAA4B,EAAA,CAAE;AAAA,MAAA,GAC9D;AAAA,wBAECG,GAAA,EAAQ,IAAG,MAAM,UAAAH,EAAE,uCAAuC,GAAE;AAAA,wBAC5DkB,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAH,EAACX,GAAA,EAAK,QAAO,UAAU,UAAAJ,EAAE,oCAAoC,GAAE;AAAA,0BAC9DI,GAAA,EAAK,SAAQ,cAAc,UAAAJ,EAAE,0CAA0C,EAAA,CAAE;AAAA,MAAA,GAC5E;AAAA,wBACCkB,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAH,EAACX,GAAA,EAAK,QAAO,UAAU,UAAAJ,EAAE,mCAAmC,GAAE;AAAA,0BAC7DI,GAAA,EAAK,SAAQ,cAAc,UAAAJ,EAAE,yCAAyC,EAAA,CAAE;AAAA,MAAA,GAC3E;AAAA,wBAECG,GAAA,EAAQ,IAAG,MAAM,UAAAH,EAAE,iCAAiC,GAAE;AAAA,MACvD,gBAAAe;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOnB,EAAE,+BAA+B;AAAA,UACxC,aAAaA,EAAE,qCAAqC;AAAA,QAAA;AAAA,MAAA;AAAA,MAGrDY,sBACEV,GAAA,EAAM,QAAO,WAAU,OAAOF,EAAE,qCAAqC,GACpE,UAAA,gBAAAe;AAAA,QAACR;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,YACL,gBAAAQ;AAAA,cAACK;AAAA,cAAA;AAAA,gBAEC,SAAS;AAAA,gBACT,GAAApB;AAAA,gBACA,YAAY;AAAA,kBACV,wBAAOM,GAAA,CAAA,CAAK;AAAA,gBAAA;AAAA,cACd;AAAA,cALI;AAAA,YAAA;AAAA,YAON,gBAAAS,EAAC,QAAA,EACE,UAAAf,EAAE,4CAA4C,KADvC,wBAEV;AAAA,UAAA;AAAA,QACF;AAAA,MAAA,EACF,CACF,IAEA,gBAAAe,EAACb,GAAA,EAAM,QAAO,QAAO,OAAOF,EAAE,wCAAwC,GACpE,UAAA,gBAAAe;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,SAAS;AAAA,UACT,GAAApB;AAAA,UACA,YAAY;AAAA,YACV,wBAAOM,GAAA,CAAA,CAAK;AAAA,UAAA;AAAA,QACd;AAAA,MAAA,EACF,CACF;AAAA,IAAA,EAAA,CAEJ,GACF,GACF,IAIA,gBAAAO,EAACC,KAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,MAAA,gBAAAD,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,QAAA,gBAAAC,EAACZ,GAAA,EAAQ,IAAG,MAAM,UAAAH,EAAE,yBAAyB,GAAE;AAAA,0BAC9CI,GAAA,EAAK,SAAQ,cAAc,UAAAJ,EAAE,+BAA+B,EAAA,CAAE;AAAA,MAAA,GACjE;AAAA,MACA,gBAAAa,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,QAAA,gBAAAD,EAACK,GAAA,EACC,UAAA;AAAA,UAAA,gBAAAH,EAACX,GAAA,EAAK,QAAO,UAAU,UAAAJ,EAAE,8CAA8C,GAAE;AAAA,4BACxEI,GAAA,EAAK,SAAQ,cACX,UAAAJ,EAAE,oDAAoD,EAAA,CACzD;AAAA,QAAA,GACF;AAAA,0BAECkB,GAAA,EACC,UAAA;AAAA,UAAA,gBAAAH,EAACX,GAAA,EAAK,QAAO,UAAU,UAAAJ,EAAE,uCAAuC,GAAE;AAAA,4BACjEI,GAAA,EAAK,SAAQ,cAAc,UAAAJ,EAAE,6CAA6C,EAAA,CAAE;AAAA,QAAA,GAC/E;AAAA,0BACCkB,GAAA,EACC,UAAA;AAAA,UAAA,gBAAAH,EAACX,GAAA,EAAK,QAAO,UAAU,UAAAJ,EAAE,sCAAsC,GAAE;AAAA,4BAChEI,GAAA,EAAK,SAAQ,cAAc,UAAAJ,EAAE,4CAA4C,EAAA,CAAE;AAAA,QAAA,EAAA,CAC9E;AAAA,MAAA,GACF;AAAA,MACA,gBAAAe,EAACb,KAAM,QAAO,QAAO,OAAOF,EAAE,8BAA8B,GAAG,uBAAqB,GAAA,CAAC;AAAA,IAAA,GACvF;AAAA,sBAQKc,GAAA,EAAK,gBAAe,YAAW,KAAK,IAClC,UAAApB,IACC,gBAAAqB;AAAA,MAACV;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,MAAMf;AAAA,QACN,WAAWQ;AAAA,QAEV,YAAE,aAAa;AAAA,MAAA;AAAA,IAAA,IAGlB,gBAAAiB,EAACV,GAAA,EAAO,SAAQ,WAAU,SAASR,GAChC,UAAAG,EAAE,aAAa,EAAA,CAClB,EAAA,CAEJ;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"EmployeeDocumentsPresentation.js","sources":["../../../../../../src/components/Employee/Documents/onboarding/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\n/** @internal */\nexport type EmployeeDocumentsFormValues = z.infer<typeof EmployeeDocumentsSchema>\n\n/** @internal */\nexport interface EmployeeDocumentsPresentationProps {\n  isEmployeeSelfOnboarding: boolean\n  currentI9Status: boolean\n  onSubmit: (formData: EmployeeDocumentsFormValues) => Promise<void>\n  onDone: () => void\n  isPending: boolean\n}\n\n/** @internal */\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          <Flex flexDirection=\"column\" gap={4}>\n            <Heading as=\"h2\">{t('selfOnboarding.title')}</Heading>\n            <Text variant=\"supporting\">{t('selfOnboarding.description')}</Text>\n          </Flex>\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={32}>\n      <Flex flexDirection=\"column\" gap={4}>\n        <Heading as=\"h2\">{t('notSelfOnboarding.title')}</Heading>\n        <Text variant=\"supporting\">{t('notSelfOnboarding.description')}</Text>\n      </Flex>\n      <Flex flexDirection=\"column\" gap={20}>\n        <FlexItem>\n          <Text weight=\"medium\">{t('notSelfOnboarding.employmentEligibilityLabel')}</Text>\n          <Text variant=\"supporting\">\n            {t('notSelfOnboarding.employmentEligibilityDescription')}\n          </Text>\n        </FlexItem>\n\n        <FlexItem>\n          <Text weight=\"medium\">{t('notSelfOnboarding.taxWithholdingLabel')}</Text>\n          <Text variant=\"supporting\">{t('notSelfOnboarding.taxWithholdingDescription')}</Text>\n        </FlexItem>\n        <FlexItem>\n          <Text weight=\"medium\">{t('notSelfOnboarding.directDepositLabel')}</Text>\n          <Text variant=\"supporting\">{t('notSelfOnboarding.directDepositDescription')}</Text>\n        </FlexItem>\n      </Flex>\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/Documents/onboarding/EmployeeDocuments/index.d.ts

@@ -1,2 +1,2 @@
 import "./types/i18next.d.ts"
-export { EmployeeDocuments, EmployeeDocumentsContextual } from './EmployeeDocuments';
+export { EmployeeDocuments, EmployeeDocumentsContextual, type EmployeeDocumentsProps, } from './EmployeeDocuments';

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

@@ -3,5 +3,6 @@ interface SignatureFormProps extends CommonComponentInterface {
     employeeId: string;
     formId: string;
 }
+/** @internal */
 export declare function SignatureForm(props: SignatureFormProps & BaseComponentInterface): import("react").JSX.Element;
 export {};

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

@@ -5,18 +5,19 @@ import { BaseComponent as L, BaseLayout as d } from "../../../../Base/Base.js";
 import { useBase as v } from "../../../../Base/useBase.js";
 import { useI18n as D } from "../../../../../i18n/I18n.js";
 import { componentEvents as u } from "../../../../../shared/constants.js";
-import { Flex as f } from "../../../../Common/Flex/Flex.js";
+import { Flex as p } from "../../../../Common/Flex/Flex.js";
 import { ActionsLayout as w } from "../../../../Common/ActionsLayout/ActionsLayout.js";
-import { Form as y } from "../../../../Common/Form/Form.js";
-import { SDKFormProvider as k } from "../../../../../partner-hook-utils/form/SDKFormProvider.js";
-import { useComponentContext as x } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useComponentContext as y } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
+import "react";
+import { Form as k } from "../../../../Common/Form/Form.js";
+import { SDKFormProvider as x } from "../../../../../partner-hook-utils/form/SDKFormProvider.js";
 import { DocumentViewer as R } from "../../../../Common/DocumentViewer/DocumentViewer.js";
-function G(t) {
+function V(t) {
   return /* @__PURE__ */ o(L, { ...t, children: /* @__PURE__ */ o(B, { ...t }) });
 }
-function B({ employeeId: t, formId: p, className: g }) {
+function B({ employeeId: t, formId: f, className: g }) {
   D("Employee.DocumentSigner");
-  const { t: r } = S("Employee.DocumentSigner"), { onEvent: m } = v(), n = x(), e = F({ employeeId: t, formId: p });
+  const { t: r } = S("Employee.DocumentSigner"), { onEvent: m } = v(), n = y(), e = F({ employeeId: t, formId: f });
   if (e.isLoading)
     return /* @__PURE__ */ o(d, { isLoading: !0, error: e.errorHandling.errors });
   const { form: i, pdfUrl: a } = e.data, { isPending: h } = e.status, { Fields: l } = e.form, E = () => {
@@ -25,7 +26,7 @@ function B({ employeeId: t, formId: p, className: g }) {
     const c = await e.actions.onSubmit();
     c && m(u.EMPLOYEE_SIGN_FORM, c.data);
   };
-  return /* @__PURE__ */ o("section", { className: g, children: /* @__PURE__ */ o(d, { error: e.errorHandling.errors, children: /* @__PURE__ */ o(k, { formHookResult: e, children: /* @__PURE__ */ o(y, { onSubmit: () => void b(), children: /* @__PURE__ */ s(f, { flexDirection: "column", children: [
+  return /* @__PURE__ */ o("section", { className: g, children: /* @__PURE__ */ o(d, { error: e.errorHandling.errors, children: /* @__PURE__ */ o(x, { formHookResult: e, children: /* @__PURE__ */ o(k, { onSubmit: () => void b(), children: /* @__PURE__ */ s(p, { flexDirection: "column", children: [
     /* @__PURE__ */ s("section", { children: [
       /* @__PURE__ */ o(n.Heading, { as: "h2", children: r("signatureFormTitle", { formTitle: i.title }) }),
       a && /* @__PURE__ */ o(n.Text, { children: /* @__PURE__ */ o(
@@ -57,7 +58,7 @@ function B({ employeeId: t, formId: p, className: g }) {
         viewDocumentLabel: r("viewDocumentCta")
       }
     ),
-    /* @__PURE__ */ s(f, { flexDirection: "column", gap: 12, children: [
+    /* @__PURE__ */ s(p, { flexDirection: "column", gap: 12, children: [
       /* @__PURE__ */ o(
         l.Signature,
         {
@@ -81,6 +82,6 @@ function B({ employeeId: t, formId: p, className: g }) {
   ] }) }) }) }) });
 }
 export {
-  G as SignatureForm
+  V as SignatureForm
 };
 //# sourceMappingURL=SignatureForm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SignatureForm.js","sources":["../../../../../../src/components/Employee/Documents/shared/SignatureForm/SignatureForm.tsx"],"sourcesContent":["import { useTranslation, Trans } from 'react-i18next'\nimport { useSignEmployeeForm } from '../useSignEmployeeForm'\nimport {\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base/Base'\nimport { BaseLayout } from '@/components/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { ActionsLayout, Flex } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { DocumentViewer } from '@/components/Common/DocumentViewer'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\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 }: SignatureFormProps) {\n  useI18n('Employee.DocumentSigner')\n  const { t } = useTranslation('Employee.DocumentSigner')\n  const { onEvent } = useBase()\n  const Components = useComponentContext()\n\n  const hookResult = useSignEmployeeForm({ employeeId, formId })\n\n  if (hookResult.isLoading) {\n    return <BaseLayout isLoading error={hookResult.errorHandling.errors} />\n  }\n\n  const { form, pdfUrl } = hookResult.data\n  const { isPending } = hookResult.status\n  const { Fields } = hookResult.form\n\n  const handleBack = () => {\n    onEvent(componentEvents.CANCEL)\n  }\n\n  const handleSubmit = async () => {\n    const result = await hookResult.actions.onSubmit()\n    if (result) {\n      onEvent(componentEvents.EMPLOYEE_SIGN_FORM, result.data)\n    }\n  }\n\n  return (\n    <section className={className}>\n      <BaseLayout error={hookResult.errorHandling.errors}>\n        <SDKFormProvider formHookResult={hookResult}>\n          <Form onSubmit={() => void handleSubmit()}>\n            <Flex flexDirection=\"column\">\n              <section>\n                <Components.Heading as=\"h2\">\n                  {t('signatureFormTitle', { formTitle: form.title })}\n                </Components.Heading>\n                {pdfUrl && (\n                  <Components.Text>\n                    <Trans\n                      t={t}\n                      i18nKey=\"downloadPrompt\"\n                      values={{ description: form.description }}\n                      components={{\n                        downloadLink: (\n                          <Components.Link\n                            href={pdfUrl}\n                            target=\"_blank\"\n                            rel=\"noopener noreferrer\"\n                            download={`${form.title || 'form'}.pdf`}\n                          />\n                        ),\n                      }}\n                    />\n                  </Components.Text>\n                )}\n              </section>\n\n              <DocumentViewer\n                url={pdfUrl}\n                title={form.title}\n                downloadInstructions={t('downloadAndReviewInstructions')}\n                viewDocumentLabel={t('viewDocumentCta')}\n              />\n\n              <Flex flexDirection=\"column\" gap={12}>\n                <Fields.Signature\n                  label={t('signatureFieldLabel')}\n                  description={t('signatureFieldDescription')}\n                  validationMessages={{ REQUIRED: t('signatureFieldError') }}\n                />\n                <Fields.ConfirmSignature\n                  label={t('confirmSignatureCheckboxLabel')}\n                  validationMessages={{ REQUIRED: t('confirmSignatureError') }}\n                />\n              </Flex>\n\n              <ActionsLayout>\n                <Components.Button variant=\"secondary\" type=\"button\" onClick={handleBack}>\n                  {t('backCta')}\n                </Components.Button>\n                <Components.Button type=\"submit\" isLoading={isPending}>\n                  {t('signFormCta')}\n                </Components.Button>\n              </ActionsLayout>\n            </Flex>\n          </Form>\n        </SDKFormProvider>\n      </BaseLayout>\n    </section>\n  )\n}\n"],"names":["SignatureForm","props","jsx","BaseComponent","Root","employeeId","formId","className","useI18n","t","useTranslation","onEvent","useBase","Components","useComponentContext","hookResult","useSignEmployeeForm","BaseLayout","form","pdfUrl","isPending","Fields","handleBack","componentEvents","handleSubmit","result","SDKFormProvider","Form","jsxs","Flex","Trans","DocumentViewer","ActionsLayout"],"mappings":"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"}
+{"version":3,"file":"SignatureForm.js","sources":["../../../../../../src/components/Employee/Documents/shared/SignatureForm/SignatureForm.tsx"],"sourcesContent":["import { useTranslation, Trans } from 'react-i18next'\nimport { useSignEmployeeForm } from '../useSignEmployeeForm'\nimport {\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base/Base'\nimport { BaseLayout } from '@/components/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { ActionsLayout, Flex } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { DocumentViewer } from '@/components/Common/DocumentViewer'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ninterface SignatureFormProps extends CommonComponentInterface {\n  employeeId: string\n  formId: string\n}\n\n/** @internal */\nexport function SignatureForm(props: SignatureFormProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ employeeId, formId, className }: SignatureFormProps) {\n  useI18n('Employee.DocumentSigner')\n  const { t } = useTranslation('Employee.DocumentSigner')\n  const { onEvent } = useBase()\n  const Components = useComponentContext()\n\n  const hookResult = useSignEmployeeForm({ employeeId, formId })\n\n  if (hookResult.isLoading) {\n    return <BaseLayout isLoading error={hookResult.errorHandling.errors} />\n  }\n\n  const { form, pdfUrl } = hookResult.data\n  const { isPending } = hookResult.status\n  const { Fields } = hookResult.form\n\n  const handleBack = () => {\n    onEvent(componentEvents.CANCEL)\n  }\n\n  const handleSubmit = async () => {\n    const result = await hookResult.actions.onSubmit()\n    if (result) {\n      onEvent(componentEvents.EMPLOYEE_SIGN_FORM, result.data)\n    }\n  }\n\n  return (\n    <section className={className}>\n      <BaseLayout error={hookResult.errorHandling.errors}>\n        <SDKFormProvider formHookResult={hookResult}>\n          <Form onSubmit={() => void handleSubmit()}>\n            <Flex flexDirection=\"column\">\n              <section>\n                <Components.Heading as=\"h2\">\n                  {t('signatureFormTitle', { formTitle: form.title })}\n                </Components.Heading>\n                {pdfUrl && (\n                  <Components.Text>\n                    <Trans\n                      t={t}\n                      i18nKey=\"downloadPrompt\"\n                      values={{ description: form.description }}\n                      components={{\n                        downloadLink: (\n                          <Components.Link\n                            href={pdfUrl}\n                            target=\"_blank\"\n                            rel=\"noopener noreferrer\"\n                            download={`${form.title || 'form'}.pdf`}\n                          />\n                        ),\n                      }}\n                    />\n                  </Components.Text>\n                )}\n              </section>\n\n              <DocumentViewer\n                url={pdfUrl}\n                title={form.title}\n                downloadInstructions={t('downloadAndReviewInstructions')}\n                viewDocumentLabel={t('viewDocumentCta')}\n              />\n\n              <Flex flexDirection=\"column\" gap={12}>\n                <Fields.Signature\n                  label={t('signatureFieldLabel')}\n                  description={t('signatureFieldDescription')}\n                  validationMessages={{ REQUIRED: t('signatureFieldError') }}\n                />\n                <Fields.ConfirmSignature\n                  label={t('confirmSignatureCheckboxLabel')}\n                  validationMessages={{ REQUIRED: t('confirmSignatureError') }}\n                />\n              </Flex>\n\n              <ActionsLayout>\n                <Components.Button variant=\"secondary\" type=\"button\" onClick={handleBack}>\n                  {t('backCta')}\n                </Components.Button>\n                <Components.Button type=\"submit\" isLoading={isPending}>\n                  {t('signFormCta')}\n                </Components.Button>\n              </ActionsLayout>\n            </Flex>\n          </Form>\n        </SDKFormProvider>\n      </BaseLayout>\n    </section>\n  )\n}\n"],"names":["SignatureForm","props","jsx","BaseComponent","Root","employeeId","formId","className","useI18n","t","useTranslation","onEvent","useBase","Components","useComponentContext","hookResult","useSignEmployeeForm","BaseLayout","form","pdfUrl","isPending","Fields","handleBack","componentEvents","handleSubmit","result","SDKFormProvider","Form","jsxs","Flex","Trans","DocumentViewer","ActionsLayout"],"mappings":"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"}

package/dist/components/Employee/Documents/shared/useDocumentsList/index.d.ts

@@ -1,3 +1,2 @@
 import "./types/i18next.d.ts"
 export { useDocumentsList } from './useDocumentsList';
-export type { UseDocumentsListParams, UseDocumentsListResult, UseDocumentsListReady, } from './useDocumentsList';

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

@@ -1,19 +1,36 @@
 import { Form } from '@gusto/embedded-api-v-2025-11-15/models/components/form';
 import { BaseHookReady, HookLoadingResult } from '../../../../../partner-hook-utils/types';
+/**
+ * Parameters for {@link useDocumentsList}.
+ *
+ * @public
+ */
 export interface UseDocumentsListParams {
+    /** The associated employee identifier. */
     employeeId: string;
 }
-export type UseDocumentsListReady = BaseHookReady<{
+type UseDocumentsListReady = BaseHookReady<{
     forms: Form[];
 }, {
     isFetching: boolean;
 }>;
+/**
+ * Result of {@link useDocumentsList} — a discriminated union of loading and ready states.
+ *
+ * @public
+ */
 export type UseDocumentsListResult = HookLoadingResult | UseDocumentsListReady;
 /**
- * Standalone data hook for an employee's forms (documents). Wraps the
- * `employeeFormsList` query in the `BaseHookReady` shape consumed by both the
- * SDK's {@link DocumentsCard} and partners building a fully custom documents
- * surface. Read-only — viewing or signing a form is handled by the
- * `DocumentManager` screen the block routes to, so this hook exposes no actions.
+ * Standalone data hook for an employee's forms (documents).
+ *
+ * @remarks
+ * Wraps the `employeeFormsList` query in the standard `BaseHookReady` shape.
+ * Read-only — viewing or signing a form is handled by the screen the parent
+ * routes to, so this hook exposes no actions.
+ *
+ * @param params - See {@link UseDocumentsListParams}.
+ * @returns A {@link HookLoadingResult} while loading, or the ready state with `data.forms` once loaded.
+ * @public
  */
 export declare function useDocumentsList({ employeeId }: UseDocumentsListParams): UseDocumentsListResult;
+export {};

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

@@ -1 +1 @@
-{"version":3,"file":"useDocumentsList.js","sources":["../../../../../../src/components/Employee/Documents/shared/useDocumentsList/useDocumentsList.tsx"],"sourcesContent":["import { useEmployeeFormsList } from '@gusto/embedded-api-v-2025-11-15/react-query/employeeFormsList'\nimport type { Form } from '@gusto/embedded-api-v-2025-11-15/models/components/form'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport type { BaseHookReady, HookLoadingResult } from '@/partner-hook-utils/types'\n\nexport interface UseDocumentsListParams {\n  employeeId: string\n}\n\nexport type UseDocumentsListReady = BaseHookReady<{ forms: Form[] }, { isFetching: boolean }>\n\nexport type UseDocumentsListResult = HookLoadingResult | UseDocumentsListReady\n\n/**\n * Standalone data hook for an employee's forms (documents). Wraps the\n * `employeeFormsList` query in the `BaseHookReady` shape consumed by both the\n * SDK's {@link DocumentsCard} and partners building a fully custom documents\n * surface. Read-only — viewing or signing a form is handled by the\n * `DocumentManager` screen the block routes to, so this hook exposes no actions.\n */\nexport function useDocumentsList({ employeeId }: UseDocumentsListParams): UseDocumentsListResult {\n  // staleTime: Infinity — the SDK QueryClient invalidates on any mutation\n  // success, so a long stale time avoids redundant refetches on remount.\n  const formsQuery = useEmployeeFormsList({ employeeId }, { staleTime: Infinity })\n\n  const errorHandling = composeErrorHandler([formsQuery])\n\n  if (formsQuery.isLoading) {\n    return { isLoading: true, errorHandling }\n  }\n\n  return {\n    isLoading: false,\n    data: { forms: formsQuery.data?.forms ?? [] },\n    status: { isFetching: formsQuery.isFetching },\n    errorHandling,\n  }\n}\n"],"names":["useDocumentsList","employeeId","formsQuery","useEmployeeFormsList","errorHandling","composeErrorHandler"],"mappings":";;AAoBO,SAASA,EAAiB,EAAE,YAAAC,KAA8D;AAG/F,QAAMC,IAAaC,EAAqB,EAAE,YAAAF,EAAA,GAAc,EAAE,WAAW,OAAU,GAEzEG,IAAgBC,EAAoB,CAACH,CAAU,CAAC;AAEtD,SAAIA,EAAW,YACN,EAAE,WAAW,IAAM,eAAAE,EAAA,IAGrB;AAAA,IACL,WAAW;AAAA,IACX,MAAM,EAAE,OAAOF,EAAW,MAAM,SAAS,CAAA,EAAC;AAAA,IAC1C,QAAQ,EAAE,YAAYA,EAAW,WAAA;AAAA,IACjC,eAAAE;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"useDocumentsList.js","sources":["../../../../../../src/components/Employee/Documents/shared/useDocumentsList/useDocumentsList.tsx"],"sourcesContent":["import { useEmployeeFormsList } from '@gusto/embedded-api-v-2025-11-15/react-query/employeeFormsList'\nimport type { Form } from '@gusto/embedded-api-v-2025-11-15/models/components/form'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport type { BaseHookReady, HookLoadingResult } from '@/partner-hook-utils/types'\n\n/**\n * Parameters for {@link useDocumentsList}.\n *\n * @public\n */\nexport interface UseDocumentsListParams {\n  /** The associated employee identifier. */\n  employeeId: string\n}\n\ntype UseDocumentsListReady = BaseHookReady<{ forms: Form[] }, { isFetching: boolean }>\n\n/**\n * Result of {@link useDocumentsList} — a discriminated union of loading and ready states.\n *\n * @public\n */\nexport type UseDocumentsListResult = HookLoadingResult | UseDocumentsListReady\n\n/**\n * Standalone data hook for an employee's forms (documents).\n *\n * @remarks\n * Wraps the `employeeFormsList` query in the standard `BaseHookReady` shape.\n * Read-only — viewing or signing a form is handled by the screen the parent\n * routes to, so this hook exposes no actions.\n *\n * @param params - See {@link UseDocumentsListParams}.\n * @returns A {@link HookLoadingResult} while loading, or the ready state with `data.forms` once loaded.\n * @public\n */\nexport function useDocumentsList({ employeeId }: UseDocumentsListParams): UseDocumentsListResult {\n  // staleTime: Infinity — the SDK QueryClient invalidates on any mutation\n  // success, so a long stale time avoids redundant refetches on remount.\n  const formsQuery = useEmployeeFormsList({ employeeId }, { staleTime: Infinity })\n\n  const errorHandling = composeErrorHandler([formsQuery])\n\n  if (formsQuery.isLoading) {\n    return { isLoading: true, errorHandling }\n  }\n\n  return {\n    isLoading: false,\n    data: { forms: formsQuery.data?.forms ?? [] },\n    status: { isFetching: formsQuery.isFetching },\n    errorHandling,\n  }\n}\n"],"names":["useDocumentsList","employeeId","formsQuery","useEmployeeFormsList","errorHandling","composeErrorHandler"],"mappings":";;AAoCO,SAASA,EAAiB,EAAE,YAAAC,KAA8D;AAG/F,QAAMC,IAAaC,EAAqB,EAAE,YAAAF,EAAA,GAAc,EAAE,WAAW,OAAU,GAEzEG,IAAgBC,EAAoB,CAACH,CAAU,CAAC;AAEtD,SAAIA,EAAW,YACN,EAAE,WAAW,IAAM,eAAAE,EAAA,IAGrB;AAAA,IACL,WAAW;AAAA,IACX,MAAM,EAAE,OAAOF,EAAW,MAAM,SAAS,CAAA,EAAC;AAAA,IAC1C,QAAQ,EAAE,YAAYA,EAAW,WAAA;AAAA,IACjC,eAAAE;AAAA,EAAA;AAEJ;"}

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

@@ -4,49 +4,375 @@ import { CheckboxHookFieldProps } from '../../../../../partner-hook-utils/form/f
 import { RadioGroupHookFieldProps } from '../../../../../partner-hook-utils/form/fields/RadioGroupHookField';
 import { SelectHookFieldProps } from '../../../../../partner-hook-utils/form/fields/SelectHookField';
 import { HookFieldProps } from '../../../../../partner-hook-utils/types';
+/**
+ * The required-field error code emitted by every field of {@link useSignEmployeeForm}.
+ *
+ * @remarks
+ * Use this as the `validationMessages` key for any sign-employee-form field.
+ * See {@link SignEmployeeFormErrorCodes}.
+ *
+ * @public
+ */
 export type RequiredValidation = typeof SignEmployeeFormErrorCodes.REQUIRED;
+/**
+ * Props accepted by the text-input preparer fields of {@link useSignEmployeeForm} (name, address, signature).
+ *
+ * @public
+ */
 export type PreparerTextFieldProps = HookFieldProps<TextInputHookFieldProps<RequiredValidation>>;
+/**
+ * Props accepted by the state-select preparer field of {@link useSignEmployeeForm}.
+ *
+ * @public
+ */
 export type PreparerSelectFieldProps = HookFieldProps<SelectHookFieldProps<RequiredValidation, string>>;
+/**
+ * Props accepted by the confirmation checkbox preparer field of {@link useSignEmployeeForm}.
+ *
+ * @public
+ */
 export type PreparerCheckboxFieldProps = HookFieldProps<CheckboxHookFieldProps<RequiredValidation>>;
+/**
+ * Props accepted by {@link useSignEmployeeForm}'s `Fields.Signature` component.
+ *
+ * @public
+ */
 export type SignatureFieldProps = HookFieldProps<TextInputHookFieldProps<RequiredValidation>>;
+/**
+ * Text input bound to the `signature` field of {@link useSignEmployeeForm}.
+ *
+ * @remarks
+ * Available on the hook result as `form.Fields.Signature`. The employee types
+ * their full legal name; required.
+ *
+ * @param props - {@link SignatureFieldProps} — accepts the standard hook field props (label, description, validationMessages, FieldComponent override).
+ * @returns The rendered text input bound to `signature`.
+ * @public
+ */
 export declare function SignatureField(props: SignatureFieldProps): import("react").JSX.Element;
+/**
+ * Props accepted by {@link useSignEmployeeForm}'s `Fields.ConfirmSignature` component.
+ *
+ * @public
+ */
 export type ConfirmSignatureFieldProps = HookFieldProps<CheckboxHookFieldProps<RequiredValidation>>;
+/**
+ * Checkbox bound to the `confirmSignature` field of {@link useSignEmployeeForm}.
+ *
+ * @remarks
+ * Available on the hook result as `form.Fields.ConfirmSignature`. Captures the
+ * employee's electronic-signature consent; must be checked to submit.
+ *
+ * @param props - {@link ConfirmSignatureFieldProps} — accepts the standard hook field props (label, description, validationMessages, FieldComponent override).
+ * @returns The rendered checkbox bound to `confirmSignature`.
+ * @public
+ */
 export declare function ConfirmSignatureField(props: ConfirmSignatureFieldProps): import("react").JSX.Element;
+/**
+ * Props accepted by {@link useSignEmployeeForm}'s `Fields.UsedPreparer` component.
+ *
+ * @public
+ */
 export type UsedPreparerFieldProps = HookFieldProps<RadioGroupHookFieldProps<RequiredValidation>>;
+/**
+ * Radio group bound to the `usedPreparer` field of {@link useSignEmployeeForm}.
+ *
+ * @remarks
+ * Available on the hook result as `form.Fields.UsedPreparer` only when the
+ * form being signed is an I-9; `undefined` otherwise. Selecting `'yes'`
+ * automatically reveals the first preparer field group; switching back to
+ * `'no'` removes all preparer sections.
+ *
+ * @param props - {@link UsedPreparerFieldProps} — accepts the standard hook field props (label, description, validationMessages, FieldComponent override).
+ * @returns The rendered radio group bound to `usedPreparer`.
+ * @public
+ */
 export declare function UsedPreparerField(props: UsedPreparerFieldProps): import("react").JSX.Element;
+/**
+ * Text input bound to the first preparer's first name.
+ *
+ * @param props - {@link PreparerTextFieldProps}.
+ * @returns The rendered text input bound to `preparerFirstName`.
+ * @public
+ */
 export declare function Preparer1FirstName(props: PreparerTextFieldProps): import("react").JSX.Element;
+/**
+ * Text input bound to the first preparer's last name.
+ *
+ * @param props - {@link PreparerTextFieldProps}.
+ * @returns The rendered text input bound to `preparerLastName`.
+ * @public
+ */
 export declare function Preparer1LastName(props: PreparerTextFieldProps): import("react").JSX.Element;
+/**
+ * Text input bound to the first preparer's street address line 1.
+ *
+ * @param props - {@link PreparerTextFieldProps}.
+ * @returns The rendered text input bound to `preparerStreet1`.
+ * @public
+ */
 export declare function Preparer1Street1(props: PreparerTextFieldProps): import("react").JSX.Element;
+/**
+ * Text input bound to the first preparer's street address line 2 (optional).
+ *
+ * @param props - {@link PreparerTextFieldProps}.
+ * @returns The rendered text input bound to `preparerStreet2`.
+ * @public
+ */
 export declare function Preparer1Street2(props: PreparerTextFieldProps): import("react").JSX.Element;
+/**
+ * Text input bound to the first preparer's city.
+ *
+ * @param props - {@link PreparerTextFieldProps}.
+ * @returns The rendered text input bound to `preparerCity`.
+ * @public
+ */
 export declare function Preparer1City(props: PreparerTextFieldProps): import("react").JSX.Element;
+/**
+ * Select bound to the first preparer's state. Options are US state abbreviations.
+ *
+ * @param props - {@link PreparerSelectFieldProps}.
+ * @returns The rendered select bound to `preparerState`.
+ * @public
+ */
 export declare function Preparer1State(props: PreparerSelectFieldProps): import("react").JSX.Element;
+/**
+ * Text input bound to the first preparer's ZIP code.
+ *
+ * @param props - {@link PreparerTextFieldProps}.
+ * @returns The rendered text input bound to `preparerZip`.
+ * @public
+ */
 export declare function Preparer1Zip(props: PreparerTextFieldProps): import("react").JSX.Element;
+/**
+ * Text input bound to the first preparer's typed signature.
+ *
+ * @param props - {@link PreparerTextFieldProps}.
+ * @returns The rendered text input bound to `preparerSignature`.
+ * @public
+ */
 export declare function Preparer1Signature(props: PreparerTextFieldProps): import("react").JSX.Element;
+/**
+ * Checkbox bound to the first preparer's electronic-signature consent.
+ *
+ * @param props - {@link PreparerCheckboxFieldProps}.
+ * @returns The rendered checkbox bound to `preparerAgree`.
+ * @public
+ */
 export declare function Preparer1ConfirmSignature(props: PreparerCheckboxFieldProps): import("react").JSX.Element;
+/**
+ * Text input bound to the second preparer's first name.
+ *
+ * @param props - {@link PreparerTextFieldProps}.
+ * @returns The rendered text input bound to `preparer2FirstName`.
+ * @public
+ */
 export declare function Preparer2FirstName(props: PreparerTextFieldProps): import("react").JSX.Element;
+/**
+ * Text input bound to the second preparer's last name.
+ *
+ * @param props - {@link PreparerTextFieldProps}.
+ * @returns The rendered text input bound to `preparer2LastName`.
+ * @public
+ */
 export declare function Preparer2LastName(props: PreparerTextFieldProps): import("react").JSX.Element;
+/**
+ * Text input bound to the second preparer's street address line 1.
+ *
+ * @param props - {@link PreparerTextFieldProps}.
+ * @returns The rendered text input bound to `preparer2Street1`.
+ * @public
+ */
 export declare function Preparer2Street1(props: PreparerTextFieldProps): import("react").JSX.Element;
+/**
+ * Text input bound to the second preparer's street address line 2 (optional).
+ *
+ * @param props - {@link PreparerTextFieldProps}.
+ * @returns The rendered text input bound to `preparer2Street2`.
+ * @public
+ */
 export declare function Preparer2Street2(props: PreparerTextFieldProps): import("react").JSX.Element;
+/**
+ * Text input bound to the second preparer's city.
+ *
+ * @param props - {@link PreparerTextFieldProps}.
+ * @returns The rendered text input bound to `preparer2City`.
+ * @public
+ */
 export declare function Preparer2City(props: PreparerTextFieldProps): import("react").JSX.Element;
+/**
+ * Select bound to the second preparer's state. Options are US state abbreviations.
+ *
+ * @param props - {@link PreparerSelectFieldProps}.
+ * @returns The rendered select bound to `preparer2State`.
+ * @public
+ */
 export declare function Preparer2State(props: PreparerSelectFieldProps): import("react").JSX.Element;
+/**
+ * Text input bound to the second preparer's ZIP code.
+ *
+ * @param props - {@link PreparerTextFieldProps}.
+ * @returns The rendered text input bound to `preparer2Zip`.
+ * @public
+ */
 export declare function Preparer2Zip(props: PreparerTextFieldProps): import("react").JSX.Element;
+/**
+ * Text input bound to the second preparer's typed signature.
+ *
+ * @param props - {@link PreparerTextFieldProps}.
+ * @returns The rendered text input bound to `preparer2Signature`.
+ * @public
+ */
 export declare function Preparer2Signature(props: PreparerTextFieldProps): import("react").JSX.Element;
+/**
+ * Checkbox bound to the second preparer's electronic-signature consent.
+ *
+ * @param props - {@link PreparerCheckboxFieldProps}.
+ * @returns The rendered checkbox bound to `preparer2Agree`.
+ * @public
+ */
 export declare function Preparer2ConfirmSignature(props: PreparerCheckboxFieldProps): import("react").JSX.Element;
+/**
+ * Text input bound to the third preparer's first name.
+ *
+ * @param props - {@link PreparerTextFieldProps}.
+ * @returns The rendered text input bound to `preparer3FirstName`.
+ * @public
+ */
 export declare function Preparer3FirstName(props: PreparerTextFieldProps): import("react").JSX.Element;
+/**
+ * Text input bound to the third preparer's last name.
+ *
+ * @param props - {@link PreparerTextFieldProps}.
+ * @returns The rendered text input bound to `preparer3LastName`.
+ * @public
+ */
 export declare function Preparer3LastName(props: PreparerTextFieldProps): import("react").JSX.Element;
+/**
+ * Text input bound to the third preparer's street address line 1.
+ *
+ * @param props - {@link PreparerTextFieldProps}.
+ * @returns The rendered text input bound to `preparer3Street1`.
+ * @public
+ */
 export declare function Preparer3Street1(props: PreparerTextFieldProps): import("react").JSX.Element;
+/**
+ * Text input bound to the third preparer's street address line 2 (optional).
+ *
+ * @param props - {@link PreparerTextFieldProps}.
+ * @returns The rendered text input bound to `preparer3Street2`.
+ * @public
+ */
 export declare function Preparer3Street2(props: PreparerTextFieldProps): import("react").JSX.Element;
+/**
+ * Text input bound to the third preparer's city.
+ *
+ * @param props - {@link PreparerTextFieldProps}.
+ * @returns The rendered text input bound to `preparer3City`.
+ * @public
+ */
 export declare function Preparer3City(props: PreparerTextFieldProps): import("react").JSX.Element;
+/**
+ * Select bound to the third preparer's state. Options are US state abbreviations.
+ *
+ * @param props - {@link PreparerSelectFieldProps}.
+ * @returns The rendered select bound to `preparer3State`.
+ * @public
+ */
 export declare function Preparer3State(props: PreparerSelectFieldProps): import("react").JSX.Element;
+/**
+ * Text input bound to the third preparer's ZIP code.
+ *
+ * @param props - {@link PreparerTextFieldProps}.
+ * @returns The rendered text input bound to `preparer3Zip`.
+ * @public
+ */
 export declare function Preparer3Zip(props: PreparerTextFieldProps): import("react").JSX.Element;
+/**
+ * Text input bound to the third preparer's typed signature.
+ *
+ * @param props - {@link PreparerTextFieldProps}.
+ * @returns The rendered text input bound to `preparer3Signature`.
+ * @public
+ */
 export declare function Preparer3Signature(props: PreparerTextFieldProps): import("react").JSX.Element;
+/**
+ * Checkbox bound to the third preparer's electronic-signature consent.
+ *
+ * @param props - {@link PreparerCheckboxFieldProps}.
+ * @returns The rendered checkbox bound to `preparer3Agree`.
+ * @public
+ */
 export declare function Preparer3ConfirmSignature(props: PreparerCheckboxFieldProps): import("react").JSX.Element;
+/**
+ * Text input bound to the fourth preparer's first name.
+ *
+ * @param props - {@link PreparerTextFieldProps}.
+ * @returns The rendered text input bound to `preparer4FirstName`.
+ * @public
+ */
 export declare function Preparer4FirstName(props: PreparerTextFieldProps): import("react").JSX.Element;
+/**
+ * Text input bound to the fourth preparer's last name.
+ *
+ * @param props - {@link PreparerTextFieldProps}.
+ * @returns The rendered text input bound to `preparer4LastName`.
+ * @public
+ */
 export declare function Preparer4LastName(props: PreparerTextFieldProps): import("react").JSX.Element;
+/**
+ * Text input bound to the fourth preparer's street address line 1.
+ *
+ * @param props - {@link PreparerTextFieldProps}.
+ * @returns The rendered text input bound to `preparer4Street1`.
+ * @public
+ */
 export declare function Preparer4Street1(props: PreparerTextFieldProps): import("react").JSX.Element;
+/**
+ * Text input bound to the fourth preparer's street address line 2 (optional).
+ *
+ * @param props - {@link PreparerTextFieldProps}.
+ * @returns The rendered text input bound to `preparer4Street2`.
+ * @public
+ */
 export declare function Preparer4Street2(props: PreparerTextFieldProps): import("react").JSX.Element;
+/**
+ * Text input bound to the fourth preparer's city.
+ *
+ * @param props - {@link PreparerTextFieldProps}.
+ * @returns The rendered text input bound to `preparer4City`.
+ * @public
+ */
 export declare function Preparer4City(props: PreparerTextFieldProps): import("react").JSX.Element;
+/**
+ * Select bound to the fourth preparer's state. Options are US state abbreviations.
+ *
+ * @param props - {@link PreparerSelectFieldProps}.
+ * @returns The rendered select bound to `preparer4State`.
+ * @public
+ */
 export declare function Preparer4State(props: PreparerSelectFieldProps): import("react").JSX.Element;
+/**
+ * Text input bound to the fourth preparer's ZIP code.
+ *
+ * @param props - {@link PreparerTextFieldProps}.
+ * @returns The rendered text input bound to `preparer4Zip`.
+ * @public
+ */
 export declare function Preparer4Zip(props: PreparerTextFieldProps): import("react").JSX.Element;
+/**
+ * Text input bound to the fourth preparer's typed signature.
+ *
+ * @param props - {@link PreparerTextFieldProps}.
+ * @returns The rendered text input bound to `preparer4Signature`.
+ * @public
+ */
 export declare function Preparer4Signature(props: PreparerTextFieldProps): import("react").JSX.Element;
+/**
+ * Checkbox bound to the fourth preparer's electronic-signature consent.
+ *
+ * @param props - {@link PreparerCheckboxFieldProps}.
+ * @returns The rendered checkbox bound to `preparer4Agree`.
+ * @public
+ */
 export declare function Preparer4ConfirmSignature(props: PreparerCheckboxFieldProps): import("react").JSX.Element;