@gusto/embedded-react-sdk 0.41.0 → 0.42.0

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

@@ -1,148 +1,137 @@
-import { jsx as e, jsxs as m } from "react/jsx-runtime";
-import { z as l } from "zod";
-import { useForm as M, FormProvider as q, useFormContext as w, useFieldArray as x } from "react-hook-form";
-import { zodResolver as B } from "@hookform/resolvers/zod";
-import { useTranslation as y, Trans as T } from "react-i18next";
-import { useEmployeeFormsGetPdfSuspense as k } from "@gusto/embedded-api/react-query/employeeFormsGetPdf";
-import { useEmployeeFormsSignMutation as G } from "@gusto/embedded-api/react-query/employeeFormsSign";
-import { useEmployeeFormsGetSuspense as V } from "@gusto/embedded-api/react-query/employeeFormsGet";
-import { useI9VerificationGetAuthorization as j } from "@gusto/embedded-api/react-query/i9VerificationGetAuthorization";
-import F from "./I9SignatureForm.module.scss.js";
-import { BaseComponent as H } from "../../../Base/Base.js";
-import { useBase as O } from "../../../Base/useBase.js";
-import { useI18n as Y } from "../../../../i18n/I18n.js";
-import { componentEvents as C, STATES_ABBR as K } from "../../../../shared/constants.js";
-import { Flex as f } from "../../../Common/Flex/Flex.js";
-import "classnames";
-import { ActionsLayout as U } from "../../../Common/ActionsLayout/ActionsLayout.js";
-import { DocumentViewer as Z } from "../../../Common/DocumentViewer/DocumentViewer.js";
-import { Form as Q } from "../../../Common/Form/Form.js";
-import { useComponentContext as S } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { TextInputField as c } from "../../../Common/Fields/TextInputField/TextInputField.js";
-import { CheckboxField as P } from "../../../Common/Fields/CheckboxField/CheckboxField.js";
-import { RadioGroupField as X } from "../../../Common/Fields/RadioGroupField/RadioGroupField.js";
-import { SelectField as J } from "../../../Common/Fields/SelectField/SelectField.js";
-const W = 4, ee = l.object({
-  firstName: l.string().min(1),
-  lastName: l.string().min(1),
-  street1: l.string().min(1),
-  street2: l.string().optional(),
-  city: l.string().min(1),
-  state: l.string().min(1),
-  zip: l.string().min(1),
-  signature: l.string().min(1),
-  agree: l.boolean().refine((i) => i)
-}), re = l.object({
-  signature: l.string().min(1),
-  agree: l.literal(!0),
-  usedPreparer: l.enum(["yes", "no"]),
-  preparers: l.array(ee)
-});
-function De(i) {
-  return /* @__PURE__ */ e(H, { ...i, children: /* @__PURE__ */ e(te, { ...i }) });
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import { useTranslation as b, 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 { useBase as N } from "../../../Base/useBase.js";
+import { useI18n as z } from "../../../../i18n/I18n.js";
+import { componentEvents as g } from "../../../../shared/constants.js";
+import { Flex as m } from "../../../Common/Flex/Flex.js";
+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 { DocumentViewer as F } from "../../../Common/DocumentViewer/DocumentViewer.js";
+function ie(i) {
+  return /* @__PURE__ */ e(x, { ...i, children: /* @__PURE__ */ e(P, { ...i }) });
 }
-function te({ employeeId: i, formId: a, className: o }) {
-  Y("Employee.I9SignatureForm");
-  const { t } = y("Employee.I9SignatureForm"), { onEvent: n, baseSubmitHandler: r } = O(), p = S(), { data: b } = V({ employeeId: i, formId: a }), s = b.form, {
-    data: { formPdf: d }
-  } = k({ employeeId: i, formId: s.uuid }), h = d?.documentUrl, { data: g } = j({ employeeId: i }), u = g?.i9Authorization?.authorizationStatus, { mutateAsync: N, isPending: R } = G(), A = M({
-    resolver: B(re),
-    defaultValues: {
-      signature: "",
-      usedPreparer: "no",
-      preparers: []
-    }
-  }), $ = () => {
-    n(C.CANCEL);
-  }, v = () => {
-    n(C.EMPLOYEE_CHANGE_ELIGIBILITY_STATUS);
-  }, _ = async (D) => {
-    await r(D, async (E) => {
-      const I = ae(E), { form: z } = await N({
-        request: {
-          employeeId: i,
-          formId: s.uuid,
-          requestBody: {
-            signatureText: E.signature,
-            agree: E.agree,
-            ...I
-          }
-        }
-      });
-      n(C.EMPLOYEE_SIGN_FORM, z);
-    });
-  };
-  return /* @__PURE__ */ e("section", { className: o, children: /* @__PURE__ */ e(q, { ...A, children: /* @__PURE__ */ e(Q, { onSubmit: A.handleSubmit(_), children: /* @__PURE__ */ m(f, { flexDirection: "column", gap: 20, children: [
-    /* @__PURE__ */ m("section", { children: [
-      /* @__PURE__ */ e(p.Heading, { as: "h2", children: t("title") }),
-      /* @__PURE__ */ e(p.Text, { children: /* @__PURE__ */ e(
-        T,
+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;
+  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);
+  }, A = () => {
+    s(g.EMPLOYEE_CHANGE_ELIGIBILITY_STATUS);
+  }, _ = async () => {
+    const p = await n.actions.onSubmit();
+    p && s(g.EMPLOYEE_SIGN_FORM, p.data);
+  }, u = [
+    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: [
+    /* @__PURE__ */ o("section", { children: [
+      /* @__PURE__ */ e(r.Heading, { as: "h2", children: t("title") }),
+      /* @__PURE__ */ e(r.Text, { children: /* @__PURE__ */ e(
+        U,
         {
           i18nKey: "description",
           t,
           components: {
-            viewFormLink: h ? /* @__PURE__ */ e(
-              p.Link,
+            viewFormLink: d ? /* @__PURE__ */ e(
+              r.Link,
               {
-                href: h,
+                href: d,
                 target: "_blank",
                 rel: "noopener noreferrer",
-                download: `${s.title || "form"}.pdf`
+                download: `${h.title || "form"}.pdf`
               }
             ) : /* @__PURE__ */ e("span", {})
           }
         }
       ) })
     ] }),
-    u && /* @__PURE__ */ e(
-      ie,
+    f && /* @__PURE__ */ e(
+      T,
       {
-        authorizationStatus: u,
-        onChangeStatus: v
+        authorizationStatus: f,
+        onChangeStatus: A
       }
     ),
     /* @__PURE__ */ e(
-      Z,
+      F,
       {
-        url: h,
-        title: s.title,
+        url: d,
+        title: h.title,
         downloadInstructions: t("downloadInstructions"),
         viewDocumentLabel: t("viewDocumentCta")
       }
     ),
-    /* @__PURE__ */ m(f, { flexDirection: "column", gap: 12, children: [
+    /* @__PURE__ */ o(m, { flexDirection: "column", gap: 12, children: [
       /* @__PURE__ */ e(
-        c,
+        l.Signature,
         {
-          name: "signature",
           label: t("signatureLabel"),
           description: t("signatureDescription"),
-          errorMessage: t("signatureError"),
-          isRequired: !0
+          validationMessages: { REQUIRED: t("signatureError") }
         }
       ),
       /* @__PURE__ */ e(
-        P,
+        l.ConfirmSignature,
         {
-          name: "agree",
-          isRequired: !0,
           label: t("confirmationLabel"),
-          errorMessage: t("confirmationError")
+          validationMessages: { REQUIRED: t("confirmationError") }
         }
       )
     ] }),
-    /* @__PURE__ */ e(ne, {}),
-    /* @__PURE__ */ m(U, { children: [
-      /* @__PURE__ */ e(p.Button, { variant: "secondary", type: "button", onClick: $, children: t("cancelCta") }),
-      /* @__PURE__ */ e(p.Button, { type: "submit", isLoading: R, children: t("signCta") })
+    l.UsedPreparer && /* @__PURE__ */ o(m, { flexDirection: "column", gap: 20, children: [
+      /* @__PURE__ */ e(
+        l.UsedPreparer,
+        {
+          label: t("preparerQuestion"),
+          validationMessages: { REQUIRED: t("preparerQuestionError") }
+        }
+      ),
+      u.map((p, y) => {
+        const L = y === u.length - 1;
+        return /* @__PURE__ */ o(m, { flexDirection: "column", gap: 0, children: [
+          /* @__PURE__ */ e("div", { className: C.preparerAlert, children: /* @__PURE__ */ e(
+            r.Alert,
+            {
+              label: t("preparerNote"),
+              status: "info",
+              disableScrollIntoView: !0
+            }
+          ) }),
+          /* @__PURE__ */ e(
+            H,
+            {
+              PreparerFields: p,
+              showAddButton: L && (S?.canAdd ?? !1),
+              showRemoveButton: L && (S?.canRemove ?? !1) && u.length > 1,
+              onAdd: () => n.actions.addPreparer?.(),
+              onRemove: () => n.actions.removePreparer?.()
+            }
+          )
+        ] }, y);
+      })
+    ] }),
+    /* @__PURE__ */ o(k, { children: [
+      /* @__PURE__ */ e(r.Button, { variant: "secondary", type: "button", onClick: I, children: t("cancelCta") }),
+      /* @__PURE__ */ e(r.Button, { type: "submit", isLoading: R, children: t("signCta") })
     ] })
-  ] }) }) }) });
+  ] }) }) }) }) });
 }
-function ie({
+function T({
   authorizationStatus: i,
-  onChangeStatus: a
+  onChangeStatus: c
 }) {
-  const { t: o } = y("Employee.I9SignatureForm"), t = S(), n = {
+  const { t: a } = b("Employee.I9SignatureForm"), t = E(), s = {
     citizen: "eligibilityAlertLabel_citizen",
     permanent_resident: "eligibilityAlertLabel_permanent_resident",
     noncitizen: "eligibilityAlertLabel_noncitizen",
@@ -157,165 +146,91 @@ function ie({
     t.Alert,
     {
       status: "info",
-      label: o(n[i]),
+      label: a(s[i]),
       disableScrollIntoView: !0,
-      children: /* @__PURE__ */ m(f, { flexDirection: "column", gap: 8, children: [
-        /* @__PURE__ */ e(t.Text, { children: o(r[i]) }),
-        /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(t.Button, { variant: "secondary", type: "button", onClick: a, children: o("eligibilityAlertChangeStatusCta") }) })
+      children: /* @__PURE__ */ o(m, { flexDirection: "column", gap: 8, children: [
+        /* @__PURE__ */ e(t.Text, { children: a(r[i]) }),
+        /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(t.Button, { variant: "secondary", type: "button", onClick: c, children: a("eligibilityAlertChangeStatusCta") }) })
       ] })
     }
   );
 }
-const L = {
-  firstName: "",
-  lastName: "",
-  street1: "",
-  street2: "",
-  city: "",
-  state: "",
-  zip: "",
-  signature: "",
-  agree: !1
-};
-function ne() {
-  const { t: i } = y("Employee.I9SignatureForm"), a = S(), { watch: o, control: t } = w(), { fields: n, append: r, remove: p } = x({ control: t, name: "preparers" }), b = o("usedPreparer"), s = n.length < W, d = (g) => {
-    g === "yes" && n.length === 0 && r(L), g === "no" && n.length > 0 && p();
-  }, h = () => {
-    s && r(L);
-  };
-  return /* @__PURE__ */ m(f, { flexDirection: "column", gap: 20, children: [
-    /* @__PURE__ */ e(
-      X,
-      {
-        name: "usedPreparer",
-        label: i("preparerQuestion"),
-        isRequired: !0,
-        options: [
-          { label: i("preparerNo"), value: "no" },
-          { label: i("preparerYes"), value: "yes" }
-        ],
-        onChange: d
-      }
-    ),
-    b === "yes" && n.map((g, u) => /* @__PURE__ */ m(f, { flexDirection: "column", gap: 0, children: [
-      /* @__PURE__ */ e("div", { className: F.preparerAlert, children: /* @__PURE__ */ e(a.Alert, { label: i("preparerNote"), status: "info", disableScrollIntoView: !0 }) }),
-      /* @__PURE__ */ e(
-        oe,
-        {
-          index: u,
-          onRemove: () => {
-            p(u);
-          },
-          showRemoveButton: u !== 0,
-          showAddButton: s && u === n.length - 1,
-          onAdd: h
-        }
-      )
-    ] }, g.id))
-  ] });
-}
-function oe({
-  index: i,
-  onRemove: a,
-  showRemoveButton: o,
-  showAddButton: t,
-  onAdd: n
+function H({
+  PreparerFields: i,
+  showRemoveButton: c,
+  showAddButton: a,
+  onAdd: t,
+  onRemove: s
 }) {
-  const { t: r } = y("Employee.I9SignatureForm"), p = S(), b = K.map((d) => ({ label: d, value: d })), s = `preparers.${i}`;
-  return /* @__PURE__ */ m(f, { flexDirection: "column", gap: 12, children: [
-    /* @__PURE__ */ e(p.Heading, { as: "h3", children: r("preparerSectionTitle") }),
+  const { t: r } = b("Employee.I9SignatureForm"), n = E();
+  return /* @__PURE__ */ o(m, { flexDirection: "column", gap: 12, children: [
+    /* @__PURE__ */ e(n.Heading, { as: "h3", children: r("preparerSectionTitle") }),
     /* @__PURE__ */ e(
-      c,
+      i.FirstName,
       {
-        name: `${s}.firstName`,
         label: r("preparerFirstNameLabel"),
-        errorMessage: r("preparerFirstNameError"),
-        isRequired: !0
+        validationMessages: { REQUIRED: r("preparerFirstNameError") }
       }
     ),
     /* @__PURE__ */ e(
-      c,
+      i.LastName,
       {
-        name: `${s}.lastName`,
         label: r("preparerLastNameLabel"),
-        errorMessage: r("preparerLastNameError"),
-        isRequired: !0
+        validationMessages: { REQUIRED: r("preparerLastNameError") }
       }
     ),
     /* @__PURE__ */ e(
-      c,
+      i.Street1,
       {
-        name: `${s}.street1`,
         label: r("preparerStreet1Label"),
-        errorMessage: r("preparerStreet1Error"),
-        isRequired: !0
+        validationMessages: { REQUIRED: r("preparerStreet1Error") }
       }
     ),
-    /* @__PURE__ */ e(c, { name: `${s}.street2`, label: r("preparerStreet2Label") }),
+    /* @__PURE__ */ e(i.Street2, { label: r("preparerStreet2Label") }),
     /* @__PURE__ */ e(
-      c,
+      i.City,
       {
-        name: `${s}.city`,
         label: r("preparerCityLabel"),
-        errorMessage: r("preparerCityError"),
-        isRequired: !0
+        validationMessages: { REQUIRED: r("preparerCityError") }
       }
     ),
     /* @__PURE__ */ e(
-      J,
+      i.State,
       {
-        name: `${s}.state`,
         label: r("preparerStateLabel"),
-        errorMessage: r("preparerStateError"),
-        isRequired: !0,
-        options: b,
-        placeholder: "Select a state..."
+        placeholder: r("preparerStatePlaceholder"),
+        validationMessages: { REQUIRED: r("preparerStateError") }
       }
     ),
     /* @__PURE__ */ e(
-      c,
+      i.Zip,
       {
-        name: `${s}.zip`,
         label: r("preparerZipLabel"),
-        errorMessage: r("preparerZipError"),
-        isRequired: !0
+        validationMessages: { REQUIRED: r("preparerZipError") }
       }
     ),
     /* @__PURE__ */ e(
-      c,
+      i.Signature,
       {
-        name: `${s}.signature`,
         label: r("preparerSignatureLabel"),
         description: r("preparerSignatureDescription"),
-        errorMessage: r("preparerSignatureError"),
-        isRequired: !0
+        validationMessages: { REQUIRED: r("preparerSignatureError") }
       }
     ),
     /* @__PURE__ */ e(
-      P,
+      i.ConfirmSignature,
       {
-        name: `${s}.agree`,
-        isRequired: !0,
         label: r("preparerConfirmationLabel"),
-        errorMessage: r("preparerConfirmationError")
+        validationMessages: { REQUIRED: r("preparerConfirmationError") }
       }
     ),
-    (t || o) && /* @__PURE__ */ m("div", { className: F.preparerActions, children: [
-      t && /* @__PURE__ */ e(p.Button, { type: "button", variant: "secondary", onClick: n, children: r("addPreparerCta") }),
-      o && /* @__PURE__ */ e(p.Button, { type: "button", variant: "error", onClick: a, children: r("removePreparerCta") })
+    (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") })
     ] })
   ] });
 }
-function ae(i) {
-  if (i.usedPreparer !== "yes" || i.preparers.length === 0)
-    return { preparer: !1 };
-  const a = { preparer: !0 };
-  return i.preparers.forEach((o, t) => {
-    const n = t === 0 ? "preparer" : `preparer${t + 1}`;
-    t > 0 && (a[`preparer${t + 1}`] = !0), a[`${n}FirstName`] = o.firstName, a[`${n}LastName`] = o.lastName, a[`${n}Street1`] = o.street1, o.street2 && (a[`${n}Street2`] = o.street2), a[`${n}City`] = o.city, a[`${n}State`] = o.state, a[`${n}Zip`] = o.zip, a[`${n}Agree`] = "true";
-  }), a;
-}
 export {
-  De as I9SignatureForm
+  ie as I9SignatureForm
 };
 //# sourceMappingURL=I9SignatureForm.js.map

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

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