@gusto/embedded-react-sdk 0.42.0 → 0.43.0

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

@@ -1,40 +1,41 @@
 import { jsx as e, jsxs as o } from "react/jsx-runtime";
-import { useTranslation as b, Trans as U } from "react-i18next";
+import { useTranslation as g, Trans as U } from "react-i18next";
 import { useI9VerificationGetAuthorization as M } from "@gusto/embedded-api/react-query/i9VerificationGetAuthorization";
 import { useSignEmployeeForm as Q } from "../shared/useSignEmployeeForm/useSignEmployeeForm.js";
-import C from "./I9SignatureForm.module.scss.js";
-import { BaseComponent as x, BaseLayout as v } from "../../../Base/Base.js";
+import D from "./I9SignatureForm.module.scss.js";
+import { BaseComponent as x, BaseLayout as C } from "../../../Base/Base.js";
 import { useBase as N } from "../../../Base/useBase.js";
 import { useI18n as z } from "../../../../i18n/I18n.js";
-import { componentEvents as g } from "../../../../shared/constants.js";
+import { componentEvents as f } from "../../../../shared/constants.js";
 import { Flex as m } from "../../../Common/Flex/Flex.js";
+import "classnames";
 import { ActionsLayout as k } from "../../../Common/ActionsLayout/ActionsLayout.js";
 import { Form as w } from "../../../Common/Form/Form.js";
 import { SDKFormProvider as B } from "../../../../partner-hook-utils/form/SDKFormProvider.js";
-import { useComponentContext as E } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useComponentContext as h } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { DocumentViewer as F } from "../../../Common/DocumentViewer/DocumentViewer.js";
-function ie(i) {
+function ne(i) {
   return /* @__PURE__ */ e(x, { ...i, children: /* @__PURE__ */ e(P, { ...i }) });
 }
 function P({ employeeId: i, formId: c, className: a }) {
   z("Employee.I9SignatureForm");
-  const { t } = b("Employee.I9SignatureForm"), { onEvent: s } = N(), r = E(), n = Q({ employeeId: i, formId: c }), { data: D } = M({ employeeId: i }), f = D?.i9Authorization?.authorizationStatus;
+  const { t } = g("Employee.I9SignatureForm"), { onEvent: s } = N(), r = h(), n = Q({ employeeId: i, formId: c }), { data: d } = M({ employeeId: i }), u = d?.i9Authorization?.authorizationStatus;
   if (n.isLoading)
-    return /* @__PURE__ */ e(v, { isLoading: !0, error: n.errorHandling.errors });
-  const { form: h, pdfUrl: d } = n.data, { isPending: R } = n.status, { Fields: l, preparers: S } = n.form, I = () => {
-    s(g.CANCEL);
+    return /* @__PURE__ */ e(C, { isLoading: !0, error: n.errorHandling.errors });
+  const { form: S, pdfUrl: b } = n.data, { isPending: R } = n.status, { Fields: l, preparers: L } = n.form, I = () => {
+    s(f.CANCEL);
   }, A = () => {
-    s(g.EMPLOYEE_CHANGE_ELIGIBILITY_STATUS);
+    s(f.EMPLOYEE_CHANGE_ELIGIBILITY_STATUS);
   }, _ = async () => {
     const p = await n.actions.onSubmit();
-    p && s(g.EMPLOYEE_SIGN_FORM, p.data);
-  }, u = [
+    p && s(f.EMPLOYEE_SIGN_FORM, p.data);
+  }, E = [
     l.Preparer1,
     l.Preparer2,
     l.Preparer3,
     l.Preparer4
   ].filter((p) => p !== void 0);
-  return /* @__PURE__ */ e("section", { className: a, children: /* @__PURE__ */ e(v, { error: n.errorHandling.errors, children: /* @__PURE__ */ e(B, { formHookResult: n, children: /* @__PURE__ */ e(w, { onSubmit: () => void _(), children: /* @__PURE__ */ o(m, { flexDirection: "column", gap: 20, children: [
+  return /* @__PURE__ */ e("section", { className: a, children: /* @__PURE__ */ e(C, { error: n.errorHandling.errors, children: /* @__PURE__ */ e(B, { formHookResult: n, children: /* @__PURE__ */ e(w, { onSubmit: () => void _(), children: /* @__PURE__ */ o(m, { flexDirection: "column", gap: 20, children: [
     /* @__PURE__ */ o("section", { children: [
       /* @__PURE__ */ e(r.Heading, { as: "h2", children: t("title") }),
       /* @__PURE__ */ e(r.Text, { children: /* @__PURE__ */ e(
@@ -43,31 +44,31 @@ function P({ employeeId: i, formId: c, className: a }) {
           i18nKey: "description",
           t,
           components: {
-            viewFormLink: d ? /* @__PURE__ */ e(
+            viewFormLink: b ? /* @__PURE__ */ e(
               r.Link,
               {
-                href: d,
+                href: b,
                 target: "_blank",
                 rel: "noopener noreferrer",
-                download: `${h.title || "form"}.pdf`
+                download: `${S.title || "form"}.pdf`
               }
             ) : /* @__PURE__ */ e("span", {})
           }
         }
       ) })
     ] }),
-    f && /* @__PURE__ */ e(
+    u && /* @__PURE__ */ e(
       T,
       {
-        authorizationStatus: f,
+        authorizationStatus: u,
         onChangeStatus: A
       }
     ),
     /* @__PURE__ */ e(
       F,
       {
-        url: d,
-        title: h.title,
+        url: b,
+        title: S.title,
         downloadInstructions: t("downloadInstructions"),
         viewDocumentLabel: t("viewDocumentCta")
       }
@@ -97,10 +98,10 @@ function P({ employeeId: i, formId: c, className: a }) {
           validationMessages: { REQUIRED: t("preparerQuestionError") }
         }
       ),
-      u.map((p, y) => {
-        const L = y === u.length - 1;
+      E.map((p, y) => {
+        const v = y === E.length - 1;
         return /* @__PURE__ */ o(m, { flexDirection: "column", gap: 0, children: [
-          /* @__PURE__ */ e("div", { className: C.preparerAlert, children: /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { className: D.preparerAlert, children: /* @__PURE__ */ e(
             r.Alert,
             {
               label: t("preparerNote"),
@@ -112,8 +113,8 @@ function P({ employeeId: i, formId: c, className: a }) {
             H,
             {
               PreparerFields: p,
-              showAddButton: L && (S?.canAdd ?? !1),
-              showRemoveButton: L && (S?.canRemove ?? !1) && u.length > 1,
+              showAddButton: v && (L?.canAdd ?? !1),
+              showRemoveButton: v && (L?.canRemove ?? !1) && E.length > 1,
               onAdd: () => n.actions.addPreparer?.(),
               onRemove: () => n.actions.removePreparer?.()
             }
@@ -131,7 +132,7 @@ function T({
   authorizationStatus: i,
   onChangeStatus: c
 }) {
-  const { t: a } = b("Employee.I9SignatureForm"), t = E(), s = {
+  const { t: a } = g("Employee.I9SignatureForm"), t = h(), s = {
     citizen: "eligibilityAlertLabel_citizen",
     permanent_resident: "eligibilityAlertLabel_permanent_resident",
     noncitizen: "eligibilityAlertLabel_noncitizen",
@@ -162,9 +163,9 @@ function H({
   onAdd: t,
   onRemove: s
 }) {
-  const { t: r } = b("Employee.I9SignatureForm"), n = E();
+  const { t: r } = g("Employee.I9SignatureForm"), { t: n } = g("common"), d = h();
   return /* @__PURE__ */ o(m, { flexDirection: "column", gap: 12, children: [
-    /* @__PURE__ */ e(n.Heading, { as: "h3", children: r("preparerSectionTitle") }),
+    /* @__PURE__ */ e(d.Heading, { as: "h3", children: r("preparerSectionTitle") }),
     /* @__PURE__ */ e(
       i.FirstName,
       {
@@ -199,7 +200,8 @@ function H({
       {
         label: r("preparerStateLabel"),
         placeholder: r("preparerStatePlaceholder"),
-        validationMessages: { REQUIRED: r("preparerStateError") }
+        validationMessages: { REQUIRED: r("preparerStateError") },
+        getOptionLabel: (u) => n(`statesHash.${u}`, { defaultValue: u })
       }
     ),
     /* @__PURE__ */ e(
@@ -224,13 +226,13 @@ function H({
         validationMessages: { REQUIRED: r("preparerConfirmationError") }
       }
     ),
-    (a || c) && /* @__PURE__ */ o("div", { className: C.preparerActions, children: [
-      a && /* @__PURE__ */ e(n.Button, { type: "button", variant: "secondary", onClick: t, children: r("addPreparerCta") }),
-      c && /* @__PURE__ */ e(n.Button, { type: "button", variant: "error", onClick: s, children: r("removePreparerCta") })
+    (a || c) && /* @__PURE__ */ o("div", { className: D.preparerActions, children: [
+      a && /* @__PURE__ */ e(d.Button, { type: "button", variant: "secondary", onClick: t, children: r("addPreparerCta") }),
+      c && /* @__PURE__ */ e(d.Button, { type: "button", variant: "error", onClick: s, children: r("removePreparerCta") })
     ] })
   ] });
 }
 export {
-  ie as I9SignatureForm
+  ne 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 { useTranslation, Trans } from 'react-i18next'\nimport type { AuthorizationStatus } from '@gusto/embedded-api/models/components/i9authorization'\nimport { useI9VerificationGetAuthorization } from '@gusto/embedded-api/react-query/i9VerificationGetAuthorization'\nimport { useSignEmployeeForm, type PreparerFieldGroup } from '../shared/useSignEmployeeForm'\nimport styles from './I9SignatureForm.module.scss'\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 { DocumentViewer } from '@/components/Common/DocumentViewer'\nimport { Form } from '@/components/Common/Form'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\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 } = useBase()\n  const Components = useComponentContext()\n\n  const hookResult = useSignEmployeeForm({ employeeId, formId })\n\n  const { data: i9AuthData } = useI9VerificationGetAuthorization({ employeeId })\n  const authorizationStatus = i9AuthData?.i9Authorization?.authorizationStatus\n\n  if (hookResult.isLoading) {\n    return <BaseLayout isLoading error={hookResult.errorHandling.errors} />\n  }\n\n  const { form, pdfUrl } = hookResult.data\n  const { isPending } = hookResult.status\n  const { Fields, preparers } = hookResult.form\n\n  const handleBack = () => {\n    onEvent(componentEvents.CANCEL)\n  }\n\n  const handleChangeEligibility = () => {\n    onEvent(componentEvents.EMPLOYEE_CHANGE_ELIGIBILITY_STATUS)\n  }\n\n  const handleSubmit = async () => {\n    const result = await hookResult.actions.onSubmit()\n    if (result) {\n      onEvent(componentEvents.EMPLOYEE_SIGN_FORM, result.data)\n    }\n  }\n\n  const preparerFieldGroups = [\n    Fields.Preparer1,\n    Fields.Preparer2,\n    Fields.Preparer3,\n    Fields.Preparer4,\n  ].filter(Group => Group !== undefined)\n\n  return (\n    <section className={className}>\n      <BaseLayout error={hookResult.errorHandling.errors}>\n        <SDKFormProvider formHookResult={hookResult}>\n          <Form onSubmit={() => void handleSubmit()}>\n            <Flex flexDirection=\"column\" gap={20}>\n              <section>\n                <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n                <Components.Text>\n                  <Trans\n                    i18nKey=\"description\"\n                    t={t}\n                    components={{\n                      viewFormLink: pdfUrl ? (\n                        <Components.Link\n                          href={pdfUrl}\n                          target=\"_blank\"\n                          rel=\"noopener noreferrer\"\n                          download={`${form.title || 'form'}.pdf`}\n                        />\n                      ) : (\n                        <span />\n                      ),\n                    }}\n                  />\n                </Components.Text>\n              </section>\n\n              {authorizationStatus && (\n                <EligibilityStatusAlert\n                  authorizationStatus={authorizationStatus}\n                  onChangeStatus={handleChangeEligibility}\n                />\n              )}\n\n              <DocumentViewer\n                url={pdfUrl}\n                title={form.title}\n                downloadInstructions={t('downloadInstructions')}\n                viewDocumentLabel={t('viewDocumentCta')}\n              />\n\n              <Flex flexDirection=\"column\" gap={12}>\n                <Fields.Signature\n                  label={t('signatureLabel')}\n                  description={t('signatureDescription')}\n                  validationMessages={{ REQUIRED: t('signatureError') }}\n                />\n                <Fields.ConfirmSignature\n                  label={t('confirmationLabel')}\n                  validationMessages={{ REQUIRED: t('confirmationError') }}\n                />\n              </Flex>\n\n              {Fields.UsedPreparer && (\n                <Flex flexDirection=\"column\" gap={20}>\n                  <Fields.UsedPreparer\n                    label={t('preparerQuestion')}\n                    validationMessages={{ REQUIRED: t('preparerQuestionError') }}\n                  />\n\n                  {preparerFieldGroups.map((PreparerFields, index) => {\n                    const isLast = index === preparerFieldGroups.length - 1\n                    return (\n                      <Flex flexDirection=\"column\" gap={0} key={index}>\n                        <div className={styles.preparerAlert}>\n                          <Components.Alert\n                            label={t('preparerNote')}\n                            status=\"info\"\n                            disableScrollIntoView\n                          />\n                        </div>\n                        <PreparerSection\n                          PreparerFields={PreparerFields}\n                          showAddButton={isLast && (preparers?.canAdd ?? false)}\n                          showRemoveButton={\n                            isLast &&\n                            (preparers?.canRemove ?? false) &&\n                            preparerFieldGroups.length > 1\n                          }\n                          onAdd={() => hookResult.actions.addPreparer?.()}\n                          onRemove={() => hookResult.actions.removePreparer?.()}\n                        />\n                      </Flex>\n                    )\n                  })}\n                </Flex>\n              )}\n\n              <ActionsLayout>\n                <Components.Button variant=\"secondary\" type=\"button\" onClick={handleBack}>\n                  {t('cancelCta')}\n                </Components.Button>\n                <Components.Button type=\"submit\" isLoading={isPending}>\n                  {t('signCta')}\n                </Components.Button>\n              </ActionsLayout>\n            </Flex>\n          </Form>\n        </SDKFormProvider>\n      </BaseLayout>\n    </section>\n  )\n}\n\ninterface EligibilityStatusAlertProps {\n  authorizationStatus: AuthorizationStatus\n  onChangeStatus: () => void\n}\n\nfunction EligibilityStatusAlert({\n  authorizationStatus,\n  onChangeStatus,\n}: EligibilityStatusAlertProps) {\n  const { t } = useTranslation('Employee.I9SignatureForm')\n  const Components = useComponentContext()\n\n  const alertLabelKeys = {\n    citizen: 'eligibilityAlertLabel_citizen',\n    permanent_resident: 'eligibilityAlertLabel_permanent_resident',\n    noncitizen: 'eligibilityAlertLabel_noncitizen',\n    alien: 'eligibilityAlertLabel_alien',\n  } as const satisfies Record<AuthorizationStatus, string>\n\n  const alertDescriptionKeys = {\n    citizen: 'eligibilityAlertDescription_citizen',\n    permanent_resident: 'eligibilityAlertDescription_permanent_resident',\n    noncitizen: 'eligibilityAlertDescription_noncitizen',\n    alien: 'eligibilityAlertDescription_alien',\n  } as const satisfies Record<AuthorizationStatus, string>\n\n  return (\n    <Components.Alert\n      status=\"info\"\n      label={t(alertLabelKeys[authorizationStatus])}\n      disableScrollIntoView\n    >\n      <Flex flexDirection=\"column\" gap={8}>\n        <Components.Text>{t(alertDescriptionKeys[authorizationStatus])}</Components.Text>\n        <div>\n          <Components.Button variant=\"secondary\" type=\"button\" onClick={onChangeStatus}>\n            {t('eligibilityAlertChangeStatusCta')}\n          </Components.Button>\n        </div>\n      </Flex>\n    </Components.Alert>\n  )\n}\n\ninterface PreparerSectionProps {\n  PreparerFields: PreparerFieldGroup\n  showRemoveButton: boolean\n  showAddButton: boolean\n  onAdd: () => void\n  onRemove: () => void\n}\n\nfunction PreparerSection({\n  PreparerFields,\n  showRemoveButton,\n  showAddButton,\n  onAdd,\n  onRemove,\n}: PreparerSectionProps) {\n  const { t } = useTranslation('Employee.I9SignatureForm')\n  const Components = useComponentContext()\n\n  return (\n    <Flex flexDirection=\"column\" gap={12}>\n      <Components.Heading as=\"h3\">{t('preparerSectionTitle')}</Components.Heading>\n\n      <PreparerFields.FirstName\n        label={t('preparerFirstNameLabel')}\n        validationMessages={{ REQUIRED: t('preparerFirstNameError') }}\n      />\n      <PreparerFields.LastName\n        label={t('preparerLastNameLabel')}\n        validationMessages={{ REQUIRED: t('preparerLastNameError') }}\n      />\n      <PreparerFields.Street1\n        label={t('preparerStreet1Label')}\n        validationMessages={{ REQUIRED: t('preparerStreet1Error') }}\n      />\n      <PreparerFields.Street2 label={t('preparerStreet2Label')} />\n      <PreparerFields.City\n        label={t('preparerCityLabel')}\n        validationMessages={{ REQUIRED: t('preparerCityError') }}\n      />\n      <PreparerFields.State\n        label={t('preparerStateLabel')}\n        placeholder={t('preparerStatePlaceholder')}\n        validationMessages={{ REQUIRED: t('preparerStateError') }}\n      />\n      <PreparerFields.Zip\n        label={t('preparerZipLabel')}\n        validationMessages={{ REQUIRED: t('preparerZipError') }}\n      />\n      <PreparerFields.Signature\n        label={t('preparerSignatureLabel')}\n        description={t('preparerSignatureDescription')}\n        validationMessages={{ REQUIRED: t('preparerSignatureError') }}\n      />\n      <PreparerFields.ConfirmSignature\n        label={t('preparerConfirmationLabel')}\n        validationMessages={{ REQUIRED: t('preparerConfirmationError') }}\n      />\n\n      {(showAddButton || showRemoveButton) && (\n        <div className={styles.preparerActions}>\n          {showAddButton && (\n            <Components.Button type=\"button\" variant=\"secondary\" onClick={onAdd}>\n              {t('addPreparerCta')}\n            </Components.Button>\n          )}\n          {showRemoveButton && (\n            <Components.Button type=\"button\" variant=\"error\" onClick={onRemove}>\n              {t('removePreparerCta')}\n            </Components.Button>\n          )}\n        </div>\n      )}\n    </Flex>\n  )\n}\n"],"names":["I9SignatureForm","props","jsx","BaseComponent","Root","employeeId","formId","className","useI18n","useTranslation","onEvent","useBase","Components","useComponentContext","hookResult","useSignEmployeeForm","i9AuthData","useI9VerificationGetAuthorization","authorizationStatus","BaseLayout","form","pdfUrl","isPending","Fields","preparers","handleBack","componentEvents","handleChangeEligibility","handleSubmit","result","preparerFieldGroups","Group","SDKFormProvider","Form","jsxs","Flex","Trans","EligibilityStatusAlert","DocumentViewer","PreparerFields","index","isLast","styles","PreparerSection","ActionsLayout","onChangeStatus","t","alertLabelKeys","alertDescriptionKeys","showRemoveButton","showAddButton","onAdd","onRemove"],"mappings":"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"}
+{"version":3,"file":"I9SignatureForm.js","sources":["../../../../../src/components/Employee/DocumentSigner/I9SignatureForm/I9SignatureForm.tsx"],"sourcesContent":["import { useTranslation, Trans } from 'react-i18next'\nimport type { AuthorizationStatus } from '@gusto/embedded-api/models/components/i9authorization'\nimport { useI9VerificationGetAuthorization } from '@gusto/embedded-api/react-query/i9VerificationGetAuthorization'\nimport { useSignEmployeeForm, type PreparerFieldGroup } from '../shared/useSignEmployeeForm'\nimport styles from './I9SignatureForm.module.scss'\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 { DocumentViewer } from '@/components/Common/DocumentViewer'\nimport { Form } from '@/components/Common/Form'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\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 } = useBase()\n  const Components = useComponentContext()\n\n  const hookResult = useSignEmployeeForm({ employeeId, formId })\n\n  const { data: i9AuthData } = useI9VerificationGetAuthorization({ employeeId })\n  const authorizationStatus = i9AuthData?.i9Authorization?.authorizationStatus\n\n  if (hookResult.isLoading) {\n    return <BaseLayout isLoading error={hookResult.errorHandling.errors} />\n  }\n\n  const { form, pdfUrl } = hookResult.data\n  const { isPending } = hookResult.status\n  const { Fields, preparers } = hookResult.form\n\n  const handleBack = () => {\n    onEvent(componentEvents.CANCEL)\n  }\n\n  const handleChangeEligibility = () => {\n    onEvent(componentEvents.EMPLOYEE_CHANGE_ELIGIBILITY_STATUS)\n  }\n\n  const handleSubmit = async () => {\n    const result = await hookResult.actions.onSubmit()\n    if (result) {\n      onEvent(componentEvents.EMPLOYEE_SIGN_FORM, result.data)\n    }\n  }\n\n  const preparerFieldGroups = [\n    Fields.Preparer1,\n    Fields.Preparer2,\n    Fields.Preparer3,\n    Fields.Preparer4,\n  ].filter(Group => Group !== undefined)\n\n  return (\n    <section className={className}>\n      <BaseLayout error={hookResult.errorHandling.errors}>\n        <SDKFormProvider formHookResult={hookResult}>\n          <Form onSubmit={() => void handleSubmit()}>\n            <Flex flexDirection=\"column\" gap={20}>\n              <section>\n                <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n                <Components.Text>\n                  <Trans\n                    i18nKey=\"description\"\n                    t={t}\n                    components={{\n                      viewFormLink: pdfUrl ? (\n                        <Components.Link\n                          href={pdfUrl}\n                          target=\"_blank\"\n                          rel=\"noopener noreferrer\"\n                          download={`${form.title || 'form'}.pdf`}\n                        />\n                      ) : (\n                        <span />\n                      ),\n                    }}\n                  />\n                </Components.Text>\n              </section>\n\n              {authorizationStatus && (\n                <EligibilityStatusAlert\n                  authorizationStatus={authorizationStatus}\n                  onChangeStatus={handleChangeEligibility}\n                />\n              )}\n\n              <DocumentViewer\n                url={pdfUrl}\n                title={form.title}\n                downloadInstructions={t('downloadInstructions')}\n                viewDocumentLabel={t('viewDocumentCta')}\n              />\n\n              <Flex flexDirection=\"column\" gap={12}>\n                <Fields.Signature\n                  label={t('signatureLabel')}\n                  description={t('signatureDescription')}\n                  validationMessages={{ REQUIRED: t('signatureError') }}\n                />\n                <Fields.ConfirmSignature\n                  label={t('confirmationLabel')}\n                  validationMessages={{ REQUIRED: t('confirmationError') }}\n                />\n              </Flex>\n\n              {Fields.UsedPreparer && (\n                <Flex flexDirection=\"column\" gap={20}>\n                  <Fields.UsedPreparer\n                    label={t('preparerQuestion')}\n                    validationMessages={{ REQUIRED: t('preparerQuestionError') }}\n                  />\n\n                  {preparerFieldGroups.map((PreparerFields, index) => {\n                    const isLast = index === preparerFieldGroups.length - 1\n                    return (\n                      <Flex flexDirection=\"column\" gap={0} key={index}>\n                        <div className={styles.preparerAlert}>\n                          <Components.Alert\n                            label={t('preparerNote')}\n                            status=\"info\"\n                            disableScrollIntoView\n                          />\n                        </div>\n                        <PreparerSection\n                          PreparerFields={PreparerFields}\n                          showAddButton={isLast && (preparers?.canAdd ?? false)}\n                          showRemoveButton={\n                            isLast &&\n                            (preparers?.canRemove ?? false) &&\n                            preparerFieldGroups.length > 1\n                          }\n                          onAdd={() => hookResult.actions.addPreparer?.()}\n                          onRemove={() => hookResult.actions.removePreparer?.()}\n                        />\n                      </Flex>\n                    )\n                  })}\n                </Flex>\n              )}\n\n              <ActionsLayout>\n                <Components.Button variant=\"secondary\" type=\"button\" onClick={handleBack}>\n                  {t('cancelCta')}\n                </Components.Button>\n                <Components.Button type=\"submit\" isLoading={isPending}>\n                  {t('signCta')}\n                </Components.Button>\n              </ActionsLayout>\n            </Flex>\n          </Form>\n        </SDKFormProvider>\n      </BaseLayout>\n    </section>\n  )\n}\n\ninterface EligibilityStatusAlertProps {\n  authorizationStatus: AuthorizationStatus\n  onChangeStatus: () => void\n}\n\nfunction EligibilityStatusAlert({\n  authorizationStatus,\n  onChangeStatus,\n}: EligibilityStatusAlertProps) {\n  const { t } = useTranslation('Employee.I9SignatureForm')\n  const Components = useComponentContext()\n\n  const alertLabelKeys = {\n    citizen: 'eligibilityAlertLabel_citizen',\n    permanent_resident: 'eligibilityAlertLabel_permanent_resident',\n    noncitizen: 'eligibilityAlertLabel_noncitizen',\n    alien: 'eligibilityAlertLabel_alien',\n  } as const satisfies Record<AuthorizationStatus, string>\n\n  const alertDescriptionKeys = {\n    citizen: 'eligibilityAlertDescription_citizen',\n    permanent_resident: 'eligibilityAlertDescription_permanent_resident',\n    noncitizen: 'eligibilityAlertDescription_noncitizen',\n    alien: 'eligibilityAlertDescription_alien',\n  } as const satisfies Record<AuthorizationStatus, string>\n\n  return (\n    <Components.Alert\n      status=\"info\"\n      label={t(alertLabelKeys[authorizationStatus])}\n      disableScrollIntoView\n    >\n      <Flex flexDirection=\"column\" gap={8}>\n        <Components.Text>{t(alertDescriptionKeys[authorizationStatus])}</Components.Text>\n        <div>\n          <Components.Button variant=\"secondary\" type=\"button\" onClick={onChangeStatus}>\n            {t('eligibilityAlertChangeStatusCta')}\n          </Components.Button>\n        </div>\n      </Flex>\n    </Components.Alert>\n  )\n}\n\ninterface PreparerSectionProps {\n  PreparerFields: PreparerFieldGroup\n  showRemoveButton: boolean\n  showAddButton: boolean\n  onAdd: () => void\n  onRemove: () => void\n}\n\nfunction PreparerSection({\n  PreparerFields,\n  showRemoveButton,\n  showAddButton,\n  onAdd,\n  onRemove,\n}: PreparerSectionProps) {\n  const { t } = useTranslation('Employee.I9SignatureForm')\n  const { t: tCommon } = useTranslation('common')\n  const Components = useComponentContext()\n\n  return (\n    <Flex flexDirection=\"column\" gap={12}>\n      <Components.Heading as=\"h3\">{t('preparerSectionTitle')}</Components.Heading>\n\n      <PreparerFields.FirstName\n        label={t('preparerFirstNameLabel')}\n        validationMessages={{ REQUIRED: t('preparerFirstNameError') }}\n      />\n      <PreparerFields.LastName\n        label={t('preparerLastNameLabel')}\n        validationMessages={{ REQUIRED: t('preparerLastNameError') }}\n      />\n      <PreparerFields.Street1\n        label={t('preparerStreet1Label')}\n        validationMessages={{ REQUIRED: t('preparerStreet1Error') }}\n      />\n      <PreparerFields.Street2 label={t('preparerStreet2Label')} />\n      <PreparerFields.City\n        label={t('preparerCityLabel')}\n        validationMessages={{ REQUIRED: t('preparerCityError') }}\n      />\n      <PreparerFields.State\n        label={t('preparerStateLabel')}\n        placeholder={t('preparerStatePlaceholder')}\n        validationMessages={{ REQUIRED: t('preparerStateError') }}\n        getOptionLabel={(abbr: string) => tCommon(`statesHash.${abbr}`, { defaultValue: abbr })}\n      />\n      <PreparerFields.Zip\n        label={t('preparerZipLabel')}\n        validationMessages={{ REQUIRED: t('preparerZipError') }}\n      />\n      <PreparerFields.Signature\n        label={t('preparerSignatureLabel')}\n        description={t('preparerSignatureDescription')}\n        validationMessages={{ REQUIRED: t('preparerSignatureError') }}\n      />\n      <PreparerFields.ConfirmSignature\n        label={t('preparerConfirmationLabel')}\n        validationMessages={{ REQUIRED: t('preparerConfirmationError') }}\n      />\n\n      {(showAddButton || showRemoveButton) && (\n        <div className={styles.preparerActions}>\n          {showAddButton && (\n            <Components.Button type=\"button\" variant=\"secondary\" onClick={onAdd}>\n              {t('addPreparerCta')}\n            </Components.Button>\n          )}\n          {showRemoveButton && (\n            <Components.Button type=\"button\" variant=\"error\" onClick={onRemove}>\n              {t('removePreparerCta')}\n            </Components.Button>\n          )}\n        </div>\n      )}\n    </Flex>\n  )\n}\n"],"names":["I9SignatureForm","props","jsx","BaseComponent","Root","employeeId","formId","className","useI18n","useTranslation","onEvent","useBase","Components","useComponentContext","hookResult","useSignEmployeeForm","i9AuthData","useI9VerificationGetAuthorization","authorizationStatus","BaseLayout","form","pdfUrl","isPending","Fields","preparers","handleBack","componentEvents","handleChangeEligibility","handleSubmit","result","preparerFieldGroups","Group","SDKFormProvider","Form","jsxs","Flex","Trans","EligibilityStatusAlert","DocumentViewer","PreparerFields","index","isLast","styles","PreparerSection","ActionsLayout","onChangeStatus","t","alertLabelKeys","alertDescriptionKeys","showRemoveButton","showAddButton","onAdd","onRemove","tCommon","abbr"],"mappings":"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"}

package/dist/components/Employee/DocumentSigner/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 "classnames";
 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 { 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 = x(), 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(k, { formHookResult: e, children: /* @__PURE__ */ o(y, { 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/DocumentSigner/SignatureForm/SignatureForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"SignatureForm.js","sources":["../../../../../src/components/Employee/DocumentSigner/SignatureForm/SignatureForm.tsx"],"sourcesContent":["import { useTranslation, Trans } from 'react-i18next'\nimport { useSignEmployeeForm } from '../shared/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/DocumentSigner/SignatureForm/SignatureForm.tsx"],"sourcesContent":["import { useTranslation, Trans } from 'react-i18next'\nimport { useSignEmployeeForm } from '../shared/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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"}

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

@@ -6,7 +6,7 @@ import { SelectHookFieldProps } from '../../../../../partner-hook-utils/form/fie
 import { HookFieldProps } from '../../../../../partner-hook-utils/types';
 export type RequiredValidation = typeof SignEmployeeFormErrorCodes.REQUIRED;
 export type PreparerTextFieldProps = HookFieldProps<TextInputHookFieldProps<RequiredValidation>>;
-export type PreparerSelectFieldProps = HookFieldProps<SelectHookFieldProps<RequiredValidation>>;
+export type PreparerSelectFieldProps = HookFieldProps<SelectHookFieldProps<RequiredValidation, string>>;
 export type PreparerCheckboxFieldProps = HookFieldProps<CheckboxHookFieldProps<RequiredValidation>>;
 export type SignatureFieldProps = HookFieldProps<TextInputHookFieldProps<RequiredValidation>>;
 export declare function SignatureField(props: SignatureFieldProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Employee/DocumentSigner/shared/useSignEmployeeForm/fields.js.map

@@ -1 +1 @@
-{"version":3,"file":"fields.js","sources":["../../../../../../src/components/Employee/DocumentSigner/shared/useSignEmployeeForm/fields.tsx"],"sourcesContent":["import type { SignEmployeeFormErrorCodes } from './signEmployeeFormSchema'\nimport type { TextInputHookFieldProps } from '@/partner-hook-utils/form/fields/TextInputHookField'\nimport type { CheckboxHookFieldProps } from '@/partner-hook-utils/form/fields/CheckboxHookField'\nimport type { RadioGroupHookFieldProps } from '@/partner-hook-utils/form/fields/RadioGroupHookField'\nimport type { SelectHookFieldProps } from '@/partner-hook-utils/form/fields/SelectHookField'\nimport {\n  TextInputHookField,\n  CheckboxHookField,\n  RadioGroupHookField,\n  SelectHookField,\n} from '@/partner-hook-utils/form/fields'\nimport type { HookFieldProps } from '@/partner-hook-utils/types'\n\n// ── Validation types ──────────────────────────────────────────────────\n\nexport type RequiredValidation = typeof SignEmployeeFormErrorCodes.REQUIRED\n\n// ── Shared preparer field prop types ──────────────────────────────────\n\nexport type PreparerTextFieldProps = HookFieldProps<TextInputHookFieldProps<RequiredValidation>>\nexport type PreparerSelectFieldProps = HookFieldProps<SelectHookFieldProps<RequiredValidation>>\nexport type PreparerCheckboxFieldProps = HookFieldProps<CheckboxHookFieldProps<RequiredValidation>>\n\n// ── Base fields (always present) ──────────────────────────────────────\n\nexport type SignatureFieldProps = HookFieldProps<TextInputHookFieldProps<RequiredValidation>>\n\nexport function SignatureField(props: SignatureFieldProps) {\n  return <TextInputHookField {...props} name=\"signature\" />\n}\n\nexport type ConfirmSignatureFieldProps = HookFieldProps<CheckboxHookFieldProps<RequiredValidation>>\n\nexport function ConfirmSignatureField(props: ConfirmSignatureFieldProps) {\n  return <CheckboxHookField {...props} name=\"confirmSignature\" />\n}\n\n// ── I-9 fields ────────────────────────────────────────────────────────\n\nexport type UsedPreparerFieldProps = HookFieldProps<RadioGroupHookFieldProps<RequiredValidation>>\n\nexport function UsedPreparerField(props: UsedPreparerFieldProps) {\n  return <RadioGroupHookField {...props} name=\"usedPreparer\" />\n}\n\n// ── Preparer 1 fields ─────────────────────────────────────────────────\n\nexport function Preparer1FirstName(props: PreparerTextFieldProps) {\n  return <TextInputHookField {...props} name=\"preparerFirstName\" />\n}\nexport function Preparer1LastName(props: PreparerTextFieldProps) {\n  return <TextInputHookField {...props} name=\"preparerLastName\" />\n}\nexport function Preparer1Street1(props: PreparerTextFieldProps) {\n  return <TextInputHookField {...props} name=\"preparerStreet1\" />\n}\nexport function Preparer1Street2(props: PreparerTextFieldProps) {\n  return <TextInputHookField {...props} name=\"preparerStreet2\" />\n}\nexport function Preparer1City(props: PreparerTextFieldProps) {\n  return <TextInputHookField {...props} name=\"preparerCity\" />\n}\nexport function Preparer1State(props: PreparerSelectFieldProps) {\n  return <SelectHookField {...props} name=\"preparerState\" />\n}\nexport function Preparer1Zip(props: PreparerTextFieldProps) {\n  return <TextInputHookField {...props} name=\"preparerZip\" />\n}\nexport function Preparer1Signature(props: PreparerTextFieldProps) {\n  return <TextInputHookField {...props} name=\"preparerSignature\" />\n}\nexport function Preparer1ConfirmSignature(props: PreparerCheckboxFieldProps) {\n  return <CheckboxHookField {...props} name=\"preparerAgree\" />\n}\n\n// ── Preparer 2 fields ─────────────────────────────────────────────────\n\nexport function Preparer2FirstName(props: PreparerTextFieldProps) {\n  return <TextInputHookField {...props} name=\"preparer2FirstName\" />\n}\nexport function Preparer2LastName(props: PreparerTextFieldProps) {\n  return <TextInputHookField {...props} name=\"preparer2LastName\" />\n}\nexport function Preparer2Street1(props: PreparerTextFieldProps) {\n  return <TextInputHookField {...props} name=\"preparer2Street1\" />\n}\nexport function Preparer2Street2(props: PreparerTextFieldProps) {\n  return <TextInputHookField {...props} name=\"preparer2Street2\" />\n}\nexport function Preparer2City(props: PreparerTextFieldProps) {\n  return <TextInputHookField {...props} name=\"preparer2City\" />\n}\nexport function Preparer2State(props: PreparerSelectFieldProps) {\n  return <SelectHookField {...props} name=\"preparer2State\" />\n}\nexport function Preparer2Zip(props: PreparerTextFieldProps) {\n  return <TextInputHookField {...props} name=\"preparer2Zip\" />\n}\nexport function Preparer2Signature(props: PreparerTextFieldProps) {\n  return <TextInputHookField {...props} name=\"preparer2Signature\" />\n}\nexport function Preparer2ConfirmSignature(props: PreparerCheckboxFieldProps) {\n  return <CheckboxHookField {...props} name=\"preparer2Agree\" />\n}\n\n// ── Preparer 3 fields ─────────────────────────────────────────────────\n\nexport function Preparer3FirstName(props: PreparerTextFieldProps) {\n  return <TextInputHookField {...props} name=\"preparer3FirstName\" />\n}\nexport function Preparer3LastName(props: PreparerTextFieldProps) {\n  return <TextInputHookField {...props} name=\"preparer3LastName\" />\n}\nexport function Preparer3Street1(props: PreparerTextFieldProps) {\n  return <TextInputHookField {...props} name=\"preparer3Street1\" />\n}\nexport function Preparer3Street2(props: PreparerTextFieldProps) {\n  return <TextInputHookField {...props} name=\"preparer3Street2\" />\n}\nexport function Preparer3City(props: PreparerTextFieldProps) {\n  return <TextInputHookField {...props} name=\"preparer3City\" />\n}\nexport function Preparer3State(props: PreparerSelectFieldProps) {\n  return <SelectHookField {...props} name=\"preparer3State\" />\n}\nexport function Preparer3Zip(props: PreparerTextFieldProps) {\n  return <TextInputHookField {...props} name=\"preparer3Zip\" />\n}\nexport function Preparer3Signature(props: PreparerTextFieldProps) {\n  return <TextInputHookField {...props} name=\"preparer3Signature\" />\n}\nexport function Preparer3ConfirmSignature(props: PreparerCheckboxFieldProps) {\n  return <CheckboxHookField {...props} name=\"preparer3Agree\" />\n}\n\n// ── Preparer 4 fields ─────────────────────────────────────────────────\n\nexport function Preparer4FirstName(props: PreparerTextFieldProps) {\n  return <TextInputHookField {...props} name=\"preparer4FirstName\" />\n}\nexport function Preparer4LastName(props: PreparerTextFieldProps) {\n  return <TextInputHookField {...props} name=\"preparer4LastName\" />\n}\nexport function Preparer4Street1(props: PreparerTextFieldProps) {\n  return <TextInputHookField {...props} name=\"preparer4Street1\" />\n}\nexport function Preparer4Street2(props: PreparerTextFieldProps) {\n  return <TextInputHookField {...props} name=\"preparer4Street2\" />\n}\nexport function Preparer4City(props: PreparerTextFieldProps) {\n  return <TextInputHookField {...props} name=\"preparer4City\" />\n}\nexport function Preparer4State(props: PreparerSelectFieldProps) {\n  return <SelectHookField {...props} name=\"preparer4State\" />\n}\nexport function Preparer4Zip(props: PreparerTextFieldProps) {\n  return <TextInputHookField {...props} name=\"preparer4Zip\" />\n}\nexport function Preparer4Signature(props: PreparerTextFieldProps) {\n  return <TextInputHookField {...props} name=\"preparer4Signature\" />\n}\nexport function Preparer4ConfirmSignature(props: PreparerCheckboxFieldProps) {\n  return <CheckboxHookField {...props} name=\"preparer4Agree\" />\n}\n"],"names":["SignatureField","props","jsx","TextInputHookField","ConfirmSignatureField","CheckboxHookField","UsedPreparerField","RadioGroupHookField","Preparer1FirstName","Preparer1LastName","Preparer1Street1","Preparer1Street2","Preparer1City","Preparer1State","SelectHookField","Preparer1Zip","Preparer1Signature","Preparer1ConfirmSignature","Preparer2FirstName","Preparer2LastName","Preparer2Street1","Preparer2Street2","Preparer2City","Preparer2State","Preparer2Zip","Preparer2Signature","Preparer2ConfirmSignature","Preparer3FirstName","Preparer3LastName","Preparer3Street1","Preparer3Street2","Preparer3City","Preparer3State","Preparer3Zip","Preparer3Signature","Preparer3ConfirmSignature","Preparer4FirstName","Preparer4LastName","Preparer4Street1","Preparer4Street2","Preparer4City","Preparer4State","Preparer4Zip","Preparer4Signature","Preparer4ConfirmSignature"],"mappings":"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"}
+{"version":3,"file":"fields.js","sources":["../../../../../../src/components/Employee/DocumentSigner/shared/useSignEmployeeForm/fields.tsx"],"sourcesContent":["import type { SignEmployeeFormErrorCodes } from './signEmployeeFormSchema'\nimport type { TextInputHookFieldProps } from '@/partner-hook-utils/form/fields/TextInputHookField'\nimport type { CheckboxHookFieldProps } from '@/partner-hook-utils/form/fields/CheckboxHookField'\nimport type { RadioGroupHookFieldProps } from '@/partner-hook-utils/form/fields/RadioGroupHookField'\nimport type { SelectHookFieldProps } from '@/partner-hook-utils/form/fields/SelectHookField'\nimport {\n  TextInputHookField,\n  CheckboxHookField,\n  RadioGroupHookField,\n  SelectHookField,\n} from '@/partner-hook-utils/form/fields'\nimport type { HookFieldProps } from '@/partner-hook-utils/types'\n\n// ── Validation types ──────────────────────────────────────────────────\n\nexport type RequiredValidation = typeof SignEmployeeFormErrorCodes.REQUIRED\n\n// ── Shared preparer field prop types ──────────────────────────────────\n\nexport type PreparerTextFieldProps = HookFieldProps<TextInputHookFieldProps<RequiredValidation>>\nexport type PreparerSelectFieldProps = HookFieldProps<\n  SelectHookFieldProps<RequiredValidation, string>\n>\nexport type PreparerCheckboxFieldProps = HookFieldProps<CheckboxHookFieldProps<RequiredValidation>>\n\n// ── Base fields (always present) ──────────────────────────────────────\n\nexport type SignatureFieldProps = HookFieldProps<TextInputHookFieldProps<RequiredValidation>>\n\nexport function SignatureField(props: SignatureFieldProps) {\n  return <TextInputHookField {...props} name=\"signature\" />\n}\n\nexport type ConfirmSignatureFieldProps = HookFieldProps<CheckboxHookFieldProps<RequiredValidation>>\n\nexport function ConfirmSignatureField(props: ConfirmSignatureFieldProps) {\n  return <CheckboxHookField {...props} name=\"confirmSignature\" />\n}\n\n// ── I-9 fields ────────────────────────────────────────────────────────\n\nexport type UsedPreparerFieldProps = HookFieldProps<RadioGroupHookFieldProps<RequiredValidation>>\n\nexport function UsedPreparerField(props: UsedPreparerFieldProps) {\n  return <RadioGroupHookField {...props} name=\"usedPreparer\" />\n}\n\n// ── Preparer 1 fields ─────────────────────────────────────────────────\n\nexport function Preparer1FirstName(props: PreparerTextFieldProps) {\n  return <TextInputHookField {...props} name=\"preparerFirstName\" />\n}\nexport function Preparer1LastName(props: PreparerTextFieldProps) {\n  return <TextInputHookField {...props} name=\"preparerLastName\" />\n}\nexport function Preparer1Street1(props: PreparerTextFieldProps) {\n  return <TextInputHookField {...props} name=\"preparerStreet1\" />\n}\nexport function Preparer1Street2(props: PreparerTextFieldProps) {\n  return <TextInputHookField {...props} name=\"preparerStreet2\" />\n}\nexport function Preparer1City(props: PreparerTextFieldProps) {\n  return <TextInputHookField {...props} name=\"preparerCity\" />\n}\nexport function Preparer1State(props: PreparerSelectFieldProps) {\n  return <SelectHookField {...props} name=\"preparerState\" />\n}\nexport function Preparer1Zip(props: PreparerTextFieldProps) {\n  return <TextInputHookField {...props} name=\"preparerZip\" />\n}\nexport function Preparer1Signature(props: PreparerTextFieldProps) {\n  return <TextInputHookField {...props} name=\"preparerSignature\" />\n}\nexport function Preparer1ConfirmSignature(props: PreparerCheckboxFieldProps) {\n  return <CheckboxHookField {...props} name=\"preparerAgree\" />\n}\n\n// ── Preparer 2 fields ─────────────────────────────────────────────────\n\nexport function Preparer2FirstName(props: PreparerTextFieldProps) {\n  return <TextInputHookField {...props} name=\"preparer2FirstName\" />\n}\nexport function Preparer2LastName(props: PreparerTextFieldProps) {\n  return <TextInputHookField {...props} name=\"preparer2LastName\" />\n}\nexport function Preparer2Street1(props: PreparerTextFieldProps) {\n  return <TextInputHookField {...props} name=\"preparer2Street1\" />\n}\nexport function Preparer2Street2(props: PreparerTextFieldProps) {\n  return <TextInputHookField {...props} name=\"preparer2Street2\" />\n}\nexport function Preparer2City(props: PreparerTextFieldProps) {\n  return <TextInputHookField {...props} name=\"preparer2City\" />\n}\nexport function Preparer2State(props: PreparerSelectFieldProps) {\n  return <SelectHookField {...props} name=\"preparer2State\" />\n}\nexport function Preparer2Zip(props: PreparerTextFieldProps) {\n  return <TextInputHookField {...props} name=\"preparer2Zip\" />\n}\nexport function Preparer2Signature(props: PreparerTextFieldProps) {\n  return <TextInputHookField {...props} name=\"preparer2Signature\" />\n}\nexport function Preparer2ConfirmSignature(props: PreparerCheckboxFieldProps) {\n  return <CheckboxHookField {...props} name=\"preparer2Agree\" />\n}\n\n// ── Preparer 3 fields ─────────────────────────────────────────────────\n\nexport function Preparer3FirstName(props: PreparerTextFieldProps) {\n  return <TextInputHookField {...props} name=\"preparer3FirstName\" />\n}\nexport function Preparer3LastName(props: PreparerTextFieldProps) {\n  return <TextInputHookField {...props} name=\"preparer3LastName\" />\n}\nexport function Preparer3Street1(props: PreparerTextFieldProps) {\n  return <TextInputHookField {...props} name=\"preparer3Street1\" />\n}\nexport function Preparer3Street2(props: PreparerTextFieldProps) {\n  return <TextInputHookField {...props} name=\"preparer3Street2\" />\n}\nexport function Preparer3City(props: PreparerTextFieldProps) {\n  return <TextInputHookField {...props} name=\"preparer3City\" />\n}\nexport function Preparer3State(props: PreparerSelectFieldProps) {\n  return <SelectHookField {...props} name=\"preparer3State\" />\n}\nexport function Preparer3Zip(props: PreparerTextFieldProps) {\n  return <TextInputHookField {...props} name=\"preparer3Zip\" />\n}\nexport function Preparer3Signature(props: PreparerTextFieldProps) {\n  return <TextInputHookField {...props} name=\"preparer3Signature\" />\n}\nexport function Preparer3ConfirmSignature(props: PreparerCheckboxFieldProps) {\n  return <CheckboxHookField {...props} name=\"preparer3Agree\" />\n}\n\n// ── Preparer 4 fields ─────────────────────────────────────────────────\n\nexport function Preparer4FirstName(props: PreparerTextFieldProps) {\n  return <TextInputHookField {...props} name=\"preparer4FirstName\" />\n}\nexport function Preparer4LastName(props: PreparerTextFieldProps) {\n  return <TextInputHookField {...props} name=\"preparer4LastName\" />\n}\nexport function Preparer4Street1(props: PreparerTextFieldProps) {\n  return <TextInputHookField {...props} name=\"preparer4Street1\" />\n}\nexport function Preparer4Street2(props: PreparerTextFieldProps) {\n  return <TextInputHookField {...props} name=\"preparer4Street2\" />\n}\nexport function Preparer4City(props: PreparerTextFieldProps) {\n  return <TextInputHookField {...props} name=\"preparer4City\" />\n}\nexport function Preparer4State(props: PreparerSelectFieldProps) {\n  return <SelectHookField {...props} name=\"preparer4State\" />\n}\nexport function Preparer4Zip(props: PreparerTextFieldProps) {\n  return <TextInputHookField {...props} name=\"preparer4Zip\" />\n}\nexport function Preparer4Signature(props: PreparerTextFieldProps) {\n  return <TextInputHookField {...props} name=\"preparer4Signature\" />\n}\nexport function Preparer4ConfirmSignature(props: PreparerCheckboxFieldProps) {\n  return <CheckboxHookField {...props} name=\"preparer4Agree\" />\n}\n"],"names":["SignatureField","props","jsx","TextInputHookField","ConfirmSignatureField","CheckboxHookField","UsedPreparerField","RadioGroupHookField","Preparer1FirstName","Preparer1LastName","Preparer1Street1","Preparer1Street2","Preparer1City","Preparer1State","SelectHookField","Preparer1Zip","Preparer1Signature","Preparer1ConfirmSignature","Preparer2FirstName","Preparer2LastName","Preparer2Street1","Preparer2Street2","Preparer2City","Preparer2State","Preparer2Zip","Preparer2Signature","Preparer2ConfirmSignature","Preparer3FirstName","Preparer3LastName","Preparer3Street1","Preparer3Street2","Preparer3City","Preparer3State","Preparer3Zip","Preparer3Signature","Preparer3ConfirmSignature","Preparer4FirstName","Preparer4LastName","Preparer4Street1","Preparer4Street2","Preparer4City","Preparer4State","Preparer4Zip","Preparer4Signature","Preparer4ConfirmSignature"],"mappings":"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"}