@gusto/embedded-react-sdk 0.30.0 → 0.31.0

package/dist/components/Employee/DocumentSigner/I9SignatureForm/I9SignatureForm.d.ts

@@ -0,0 +1,107 @@
+import { z } from 'zod';
+import { BaseComponentInterface, CommonComponentInterface } from '../../../Base/Base';
+declare const preparerSchema: z.ZodObject<{
+    firstName: z.ZodString;
+    lastName: z.ZodString;
+    street1: z.ZodString;
+    street2: z.ZodOptional<z.ZodString>;
+    city: z.ZodString;
+    state: z.ZodString;
+    zip: z.ZodString;
+    signature: z.ZodString;
+    agree: z.ZodEffects<z.ZodBoolean, boolean, boolean>;
+}, "strip", z.ZodTypeAny, {
+    firstName: string;
+    lastName: string;
+    street1: string;
+    city: string;
+    state: string;
+    zip: string;
+    signature: string;
+    agree: boolean;
+    street2?: string | undefined;
+}, {
+    firstName: string;
+    lastName: string;
+    street1: string;
+    city: string;
+    state: string;
+    zip: string;
+    signature: string;
+    agree: boolean;
+    street2?: string | undefined;
+}>;
+export type PreparerInputs = z.infer<typeof preparerSchema>;
+declare const i9SignatureFormSchema: z.ZodObject<{
+    signature: z.ZodString;
+    agree: z.ZodLiteral<true>;
+    usedPreparer: z.ZodEnum<["yes", "no"]>;
+    preparers: z.ZodArray<z.ZodObject<{
+        firstName: z.ZodString;
+        lastName: z.ZodString;
+        street1: z.ZodString;
+        street2: z.ZodOptional<z.ZodString>;
+        city: z.ZodString;
+        state: z.ZodString;
+        zip: z.ZodString;
+        signature: z.ZodString;
+        agree: z.ZodEffects<z.ZodBoolean, boolean, boolean>;
+    }, "strip", z.ZodTypeAny, {
+        firstName: string;
+        lastName: string;
+        street1: string;
+        city: string;
+        state: string;
+        zip: string;
+        signature: string;
+        agree: boolean;
+        street2?: string | undefined;
+    }, {
+        firstName: string;
+        lastName: string;
+        street1: string;
+        city: string;
+        state: string;
+        zip: string;
+        signature: string;
+        agree: boolean;
+        street2?: string | undefined;
+    }>, "many">;
+}, "strip", z.ZodTypeAny, {
+    signature: string;
+    agree: true;
+    usedPreparer: "yes" | "no";
+    preparers: {
+        firstName: string;
+        lastName: string;
+        street1: string;
+        city: string;
+        state: string;
+        zip: string;
+        signature: string;
+        agree: boolean;
+        street2?: string | undefined;
+    }[];
+}, {
+    signature: string;
+    agree: true;
+    usedPreparer: "yes" | "no";
+    preparers: {
+        firstName: string;
+        lastName: string;
+        street1: string;
+        city: string;
+        state: string;
+        zip: string;
+        signature: string;
+        agree: boolean;
+        street2?: string | undefined;
+    }[];
+}>;
+export type I9SignatureFormInputs = z.infer<typeof i9SignatureFormSchema>;
+interface I9SignatureFormProps extends CommonComponentInterface {
+    employeeId: string;
+    formId: string;
+}
+export declare function I9SignatureForm(props: I9SignatureFormProps & BaseComponentInterface): import("react/jsx-runtime").JSX.Element;
+export {};

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

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

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

@@ -0,0 +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 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 { 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 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            <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\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 && index === fields.length - 1}\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","signForm","isPending","useEmployeeFormsSignMutation","methods","useForm","zodResolver","handleBack","componentEvents","handleSubmit","data","payload","preparerPayload","buildPreparerPayload","signFormResult","FormProvider","Form","jsxs","Flex","Trans","DocumentViewer","TextInputField","CheckboxField","PreparerSection","ActionsLayout","emptyPreparer","t","watch","control","useFormContext","fields","append","remove","useFieldArray","usedPreparer","canAddPreparer","handlePreparerChange","value","handleAddPreparer","RadioGroupField","field","index","styles","PreparerFields","onRemove","showRemoveButton","showAddButton","onAdd","stateOptions","STATES_ABBR","abbr","fieldId","SelectField","result","preparer","prefix"],"mappings":"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"}

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

@@ -0,0 +1,10 @@
+const r = "_preparerActions_82mcc_1", e = "_preparerAlert_82mcc_11", p = {
+  preparerActions: r,
+  preparerAlert: e
+};
+export {
+  p as default,
+  r as preparerActions,
+  e as preparerAlert
+};
+//# sourceMappingURL=I9SignatureForm.module.scss.js.map

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

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

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

@@ -12,8 +12,8 @@ import { useBase as C } from "../../../Base/useBase.js";
 import { useI18n as G } from "../../../../i18n/I18n.js";
 import { componentEvents as i } from "../../../../shared/constants.js";
 import { Flex as M } from "../../../Common/Flex/Flex.js";
-import "react-i18next";
 import "classnames";
+import "react-i18next";
 import "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import "react";
 import { SignatureForm as R } from "../../../Common/SignatureForm/SignatureForm.js";

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

@@ -9,12 +9,13 @@ import "../../../Base/useBase.js";
 import "../../../../shared/constants.js";
 import "classnames";
 import "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import "../../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import "dompurify";
 import "../../../../contexts/LocaleProvider/useLocale.js";
 import { createCompoundContext as o } from "../../../Base/createCompoundContext.js";
-const [c, d] = o("SignatureFormContext");
+const [d, s] = o("SignatureFormContext");
 export {
-  d as SignatureFormProvider,
-  c as useSignatureForm
+  s as SignatureFormProvider,
+  d as useSignatureForm
 };
 //# sourceMappingURL=useSignatureForm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useSignatureForm.js","sources":["../../../../../src/components/Employee/DocumentSigner/SignatureForm/useSignatureForm.ts"],"sourcesContent":["import type { Form } from '@gusto/embedded-api/models/components/form'\nimport { createCompoundContext } from '@/components/Base'\n\ntype SignatureFormContextType = {\n  form: Form\n  pdfUrl?: string | null\n  handleBack: () => void\n  isPending: boolean\n}\n\nconst [useSignatureForm, SignatureFormProvider] =\n  createCompoundContext<SignatureFormContextType>('SignatureFormContext')\nexport { useSignatureForm, SignatureFormProvider }\n"],"names":["useSignatureForm","SignatureFormProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;AAUA,MAAM,CAACA,GAAkBC,CAAqB,IAC5CC,EAAgD,sBAAsB;"}
+{"version":3,"file":"useSignatureForm.js","sources":["../../../../../src/components/Employee/DocumentSigner/SignatureForm/useSignatureForm.ts"],"sourcesContent":["import type { Form } from '@gusto/embedded-api/models/components/form'\nimport { createCompoundContext } from '@/components/Base'\n\ntype SignatureFormContextType = {\n  form: Form\n  pdfUrl?: string | null\n  handleBack: () => void\n  isPending: boolean\n}\n\nconst [useSignatureForm, SignatureFormProvider] =\n  createCompoundContext<SignatureFormContextType>('SignatureFormContext')\nexport { useSignatureForm, SignatureFormProvider }\n"],"names":["useSignatureForm","SignatureFormProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;AAUA,MAAM,CAACA,GAAkBC,CAAqB,IAC5CC,EAAgD,sBAAsB;"}

package/dist/components/Employee/DocumentSigner/documentSignerStateMachine.d.ts

@@ -5,12 +5,18 @@ export type EventPayloads = {
     [componentEvents.EMPLOYEE_SIGN_FORM]: Form;
     [componentEvents.EMPLOYEE_VIEW_FORM_TO_SIGN]: {
         uuid: string;
+        name?: string;
     };
+    [componentEvents.EMPLOYEE_EMPLOYMENT_ELIGIBILITY_DONE]: unknown;
     [componentEvents.CANCEL]: undefined;
 };
 export interface DocumentSignerContextInterface extends FlowContextInterface {
     employeeId: string;
     formId?: string;
+    withEmployeeI9?: boolean;
+    isI9Form?: boolean;
 }
 export declare function DocumentListContextual(): import("react/jsx-runtime").JSX.Element;
 export declare function SignatureFormContextual(): import("react/jsx-runtime").JSX.Element;
+export declare function EmploymentEligibilityContextual(): import("react/jsx-runtime").JSX.Element;
+export declare function I9SignatureFormContextual(): import("react/jsx-runtime").JSX.Element;

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

@@ -1,25 +1,44 @@
-import { jsx as r } from "react/jsx-runtime";
-import { DocumentList as u } from "./DocumentList/DocumentList.js";
-import { SignatureForm as i } from "./SignatureForm/SignatureForm.js";
-import { useFlow as m } from "../../Flow/useFlow.js";
+import { jsx as n } from "react/jsx-runtime";
+import { DocumentList as i } from "./DocumentList/DocumentList.js";
+import { SignatureForm as u } from "./SignatureForm/SignatureForm.js";
+import { I9SignatureForm as l } from "./I9SignatureForm/I9SignatureForm.js";
+import { useFlow as r } from "../../Flow/useFlow.js";
 import { ensureRequired as t } from "../../../helpers/ensureRequired.js";
-function c() {
-  const { employeeId: o, onEvent: e } = m();
-  return /* @__PURE__ */ r(u, { employeeId: t(o), onEvent: e });
+import { EmploymentEligibility as p } from "./EmploymentEligibility/EmploymentEligibility.js";
+function E() {
+  const { employeeId: o, onEvent: e } = r();
+  return /* @__PURE__ */ n(i, { employeeId: t(o), onEvent: e });
 }
-function I() {
-  const { employeeId: o, formId: e, onEvent: n } = m();
-  return /* @__PURE__ */ r(
-    i,
+function g() {
+  const { employeeId: o, formId: e, onEvent: m } = r();
+  return /* @__PURE__ */ n(
+    u,
     {
       employeeId: t(o),
       formId: t(e),
-      onEvent: n
+      onEvent: m
+    }
+  );
+}
+function x() {
+  const { employeeId: o, onEvent: e } = r();
+  return /* @__PURE__ */ n(p, { employeeId: t(o), onEvent: e });
+}
+function F() {
+  const { employeeId: o, formId: e, onEvent: m } = r();
+  return /* @__PURE__ */ n(
+    l,
+    {
+      employeeId: t(o),
+      formId: t(e),
+      onEvent: m
     }
   );
 }
 export {
-  c as DocumentListContextual,
-  I as SignatureFormContextual
+  E as DocumentListContextual,
+  x as EmploymentEligibilityContextual,
+  F as I9SignatureFormContextual,
+  g as SignatureFormContextual
 };
 //# sourceMappingURL=documentSignerStateMachine.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"documentSignerStateMachine.js","sources":["../../../../src/components/Employee/DocumentSigner/documentSignerStateMachine.tsx"],"sourcesContent":["import { type Form } from '@gusto/embedded-api/models/components/form'\nimport { DocumentList } from './DocumentList/DocumentList'\nimport { SignatureForm } from './SignatureForm/SignatureForm'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { componentEvents } from '@/shared/constants'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\nexport type EventPayloads = {\n  [componentEvents.EMPLOYEE_SIGN_FORM]: Form\n  [componentEvents.EMPLOYEE_VIEW_FORM_TO_SIGN]: { uuid: string }\n  [componentEvents.CANCEL]: undefined\n}\n\nexport interface DocumentSignerContextInterface extends FlowContextInterface {\n  employeeId: string\n  formId?: string\n}\n\nexport function DocumentListContextual() {\n  const { employeeId, onEvent } = useFlow<DocumentSignerContextInterface>()\n\n  return <DocumentList employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n\nexport function SignatureFormContextual() {\n  const { employeeId, formId, onEvent } = useFlow<DocumentSignerContextInterface>()\n\n  return (\n    <SignatureForm\n      employeeId={ensureRequired(employeeId)}\n      formId={ensureRequired(formId)}\n      onEvent={onEvent}\n    />\n  )\n}\n"],"names":["DocumentListContextual","employeeId","onEvent","useFlow","DocumentList","ensureRequired","SignatureFormContextual","formId","jsx","SignatureForm"],"mappings":";;;;;AAkBO,SAASA,IAAyB;AACvC,QAAM,EAAE,YAAAC,GAAY,SAAAC,EAAA,IAAYC,EAAA;AAEhC,2BAAQC,GAAA,EAAa,YAAYC,EAAeJ,CAAU,GAAG,SAAAC,GAAkB;AACjF;AAEO,SAASI,IAA0B;AACxC,QAAM,EAAE,YAAAL,GAAY,QAAAM,GAAQ,SAAAL,EAAA,IAAYC,EAAA;AAExC,SACE,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,YAAYJ,EAAeJ,CAAU;AAAA,MACrC,QAAQI,EAAeE,CAAM;AAAA,MAC7B,SAAAL;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"documentSignerStateMachine.js","sources":["../../../../src/components/Employee/DocumentSigner/documentSignerStateMachine.tsx"],"sourcesContent":["import { type Form } from '@gusto/embedded-api/models/components/form'\nimport { DocumentList } from './DocumentList/DocumentList'\nimport { SignatureForm } from './SignatureForm/SignatureForm'\nimport { EmploymentEligibility } from './EmploymentEligibility'\nimport { I9SignatureForm } from './I9SignatureForm/I9SignatureForm'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { componentEvents } from '@/shared/constants'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\nexport type EventPayloads = {\n  [componentEvents.EMPLOYEE_SIGN_FORM]: Form\n  [componentEvents.EMPLOYEE_VIEW_FORM_TO_SIGN]: { uuid: string; name?: string }\n  [componentEvents.EMPLOYEE_EMPLOYMENT_ELIGIBILITY_DONE]: unknown\n  [componentEvents.CANCEL]: undefined\n}\n\nexport interface DocumentSignerContextInterface extends FlowContextInterface {\n  employeeId: string\n  formId?: string\n  withEmployeeI9?: boolean\n  isI9Form?: boolean\n}\n\nexport function DocumentListContextual() {\n  const { employeeId, onEvent } = useFlow<DocumentSignerContextInterface>()\n\n  return <DocumentList employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n\nexport function SignatureFormContextual() {\n  const { employeeId, formId, onEvent } = useFlow<DocumentSignerContextInterface>()\n\n  return (\n    <SignatureForm\n      employeeId={ensureRequired(employeeId)}\n      formId={ensureRequired(formId)}\n      onEvent={onEvent}\n    />\n  )\n}\n\nexport function EmploymentEligibilityContextual() {\n  const { employeeId, onEvent } = useFlow<DocumentSignerContextInterface>()\n\n  return <EmploymentEligibility employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n\nexport function I9SignatureFormContextual() {\n  const { employeeId, formId, onEvent } = useFlow<DocumentSignerContextInterface>()\n\n  return (\n    <I9SignatureForm\n      employeeId={ensureRequired(employeeId)}\n      formId={ensureRequired(formId)}\n      onEvent={onEvent}\n    />\n  )\n}\n"],"names":["DocumentListContextual","employeeId","onEvent","useFlow","DocumentList","ensureRequired","SignatureFormContextual","formId","jsx","SignatureForm","EmploymentEligibilityContextual","EmploymentEligibility","I9SignatureFormContextual","I9SignatureForm"],"mappings":";;;;;;;AAuBO,SAASA,IAAyB;AACvC,QAAM,EAAE,YAAAC,GAAY,SAAAC,EAAA,IAAYC,EAAA;AAEhC,2BAAQC,GAAA,EAAa,YAAYC,EAAeJ,CAAU,GAAG,SAAAC,GAAkB;AACjF;AAEO,SAASI,IAA0B;AACxC,QAAM,EAAE,YAAAL,GAAY,QAAAM,GAAQ,SAAAL,EAAA,IAAYC,EAAA;AAExC,SACE,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,YAAYJ,EAAeJ,CAAU;AAAA,MACrC,QAAQI,EAAeE,CAAM;AAAA,MAC7B,SAAAL;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,SAASQ,IAAkC;AAChD,QAAM,EAAE,YAAAT,GAAY,SAAAC,EAAA,IAAYC,EAAA;AAEhC,2BAAQQ,GAAA,EAAsB,YAAYN,EAAeJ,CAAU,GAAG,SAAAC,GAAkB;AAC1F;AAEO,SAASU,IAA4B;AAC1C,QAAM,EAAE,YAAAX,GAAY,QAAAM,GAAQ,SAAAL,EAAA,IAAYC,EAAA;AAExC,SACE,gBAAAK;AAAA,IAACK;AAAA,IAAA;AAAA,MACC,YAAYR,EAAeJ,CAAU;AAAA,MACrC,QAAQI,EAAeE,CAAM;AAAA,MAC7B,SAAAL;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Employee/DocumentSigner/stateMachine.d.ts

@@ -1,4 +1,5 @@
 export declare const documentSignerMachine: {
+    employmentEligibility: import('robot3').MachineState<any>;
     index: import('robot3').MachineState<any>;
     signatureForm: import('robot3').MachineState<any>;
     done: import('robot3').MachineState<any>;