@gusto/embedded-react-sdk 0.37.0-rc.5 → 0.38.0

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

@@ -2,8 +2,10 @@ import { jsx as o } from "react/jsx-runtime";
 import { useTranslation as m } from "react-i18next";
 import { useDocumentList as s } from "./useDocumentList.js";
 import { Flex as l } from "../../../Common/Flex/Flex.js";
+import "classnames";
+import "../../../../shared/constants.js";
 import { DocumentList as u } from "../../../Common/DocumentList/DocumentList.js";
-function L() {
+function f() {
   const { employeeForms: i, handleRequestFormToSign: n, documentListError: r } = s(), { t: e } = m("Employee.DocumentSigner");
   return /* @__PURE__ */ o("section", { style: { width: "100%" }, children: /* @__PURE__ */ o(l, { flexDirection: "column", gap: 32, children: /* @__PURE__ */ o(
     u,
@@ -32,6 +34,6 @@ function L() {
   ) }) });
 }
 export {
-  L as List
+  f as List
 };
 //# sourceMappingURL=List.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"List.js","sources":["../../../../../src/components/Employee/DocumentSigner/DocumentList/List.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useDocumentList } from './useDocumentList'\nimport { Flex, DocumentList as SharedDocumentList } from '@/components/Common'\n\nexport function List() {\n  const { employeeForms, handleRequestFormToSign, documentListError } = useDocumentList()\n  const { t } = useTranslation('Employee.DocumentSigner')\n\n  return (\n    <section style={{ width: '100%' }}>\n      <Flex flexDirection=\"column\" gap={32}>\n        <SharedDocumentList\n          forms={employeeForms.map(form => ({\n            uuid: form.uuid,\n            title: form.title,\n            description: form.description,\n            requires_signing: form.requiresSigning,\n          }))}\n          onRequestSign={handleRequestFormToSign}\n          withError={!!documentListError}\n          label={t('documentListLabel')}\n          columnLabels={{\n            form: t('formColumnLabel'),\n            action: t('actionColumnLabel'),\n          }}\n          statusLabels={{\n            signCta: t('signDocumentCta'),\n            notSigned: t('notSigned'),\n            complete: t('signDocumentComplete'),\n          }}\n          emptyStateLabel={t('emptyTableTitle')}\n          errorLabel={t('documentListError')}\n        />\n      </Flex>\n    </section>\n  )\n}\n"],"names":["List","employeeForms","handleRequestFormToSign","documentListError","useDocumentList","t","useTranslation","jsx","Flex","SharedDocumentList","form"],"mappings":";;;;;AAIO,SAASA,IAAO;AACrB,QAAM,EAAE,eAAAC,GAAe,yBAAAC,GAAyB,mBAAAC,EAAA,IAAsBC,EAAA,GAChE,EAAE,GAAAC,EAAA,IAAMC,EAAe,yBAAyB;AAEtD,SACE,gBAAAC,EAAC,WAAA,EAAQ,OAAO,EAAE,OAAO,UACvB,UAAA,gBAAAA,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA,gBAAAD;AAAA,IAACE;AAAAA,IAAA;AAAA,MACC,OAAOR,EAAc,IAAI,CAAAS,OAAS;AAAA,QAChC,MAAMA,EAAK;AAAA,QACX,OAAOA,EAAK;AAAA,QACZ,aAAaA,EAAK;AAAA,QAClB,kBAAkBA,EAAK;AAAA,MAAA,EACvB;AAAA,MACF,eAAeR;AAAA,MACf,WAAW,CAAC,CAACC;AAAA,MACb,OAAOE,EAAE,mBAAmB;AAAA,MAC5B,cAAc;AAAA,QACZ,MAAMA,EAAE,iBAAiB;AAAA,QACzB,QAAQA,EAAE,mBAAmB;AAAA,MAAA;AAAA,MAE/B,cAAc;AAAA,QACZ,SAASA,EAAE,iBAAiB;AAAA,QAC5B,WAAWA,EAAE,WAAW;AAAA,QACxB,UAAUA,EAAE,sBAAsB;AAAA,MAAA;AAAA,MAEpC,iBAAiBA,EAAE,iBAAiB;AAAA,MACpC,YAAYA,EAAE,mBAAmB;AAAA,IAAA;AAAA,EAAA,GAErC,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"List.js","sources":["../../../../../src/components/Employee/DocumentSigner/DocumentList/List.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useDocumentList } from './useDocumentList'\nimport { Flex, DocumentList as SharedDocumentList } from '@/components/Common'\n\nexport function List() {\n  const { employeeForms, handleRequestFormToSign, documentListError } = useDocumentList()\n  const { t } = useTranslation('Employee.DocumentSigner')\n\n  return (\n    <section style={{ width: '100%' }}>\n      <Flex flexDirection=\"column\" gap={32}>\n        <SharedDocumentList\n          forms={employeeForms.map(form => ({\n            uuid: form.uuid,\n            title: form.title,\n            description: form.description,\n            requires_signing: form.requiresSigning,\n          }))}\n          onRequestSign={handleRequestFormToSign}\n          withError={!!documentListError}\n          label={t('documentListLabel')}\n          columnLabels={{\n            form: t('formColumnLabel'),\n            action: t('actionColumnLabel'),\n          }}\n          statusLabels={{\n            signCta: t('signDocumentCta'),\n            notSigned: t('notSigned'),\n            complete: t('signDocumentComplete'),\n          }}\n          emptyStateLabel={t('emptyTableTitle')}\n          errorLabel={t('documentListError')}\n        />\n      </Flex>\n    </section>\n  )\n}\n"],"names":["List","employeeForms","handleRequestFormToSign","documentListError","useDocumentList","t","useTranslation","jsx","Flex","SharedDocumentList","form"],"mappings":";;;;;;;AAIO,SAASA,IAAO;AACrB,QAAM,EAAE,eAAAC,GAAe,yBAAAC,GAAyB,mBAAAC,EAAA,IAAsBC,EAAA,GAChE,EAAE,GAAAC,EAAA,IAAMC,EAAe,yBAAyB;AAEtD,SACE,gBAAAC,EAAC,WAAA,EAAQ,OAAO,EAAE,OAAO,UACvB,UAAA,gBAAAA,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA,gBAAAD;AAAA,IAACE;AAAAA,IAAA;AAAA,MACC,OAAOR,EAAc,IAAI,CAAAS,OAAS;AAAA,QAChC,MAAMA,EAAK;AAAA,QACX,OAAOA,EAAK;AAAA,QACZ,aAAaA,EAAK;AAAA,QAClB,kBAAkBA,EAAK;AAAA,MAAA,EACvB;AAAA,MACF,eAAeR;AAAA,MACf,WAAW,CAAC,CAACC;AAAA,MACb,OAAOE,EAAE,mBAAmB;AAAA,MAC5B,cAAc;AAAA,QACZ,MAAMA,EAAE,iBAAiB;AAAA,QACzB,QAAQA,EAAE,mBAAmB;AAAA,MAAA;AAAA,MAE/B,cAAc;AAAA,QACZ,SAASA,EAAE,iBAAiB;AAAA,QAC5B,WAAWA,EAAE,WAAW;AAAA,QACxB,UAAUA,EAAE,sBAAsB;AAAA,MAAA;AAAA,MAEpC,iBAAiBA,EAAE,iBAAiB;AAAA,MACpC,YAAYA,EAAE,mBAAmB;AAAA,IAAA;AAAA,EAAA,GAErC,EAAA,CACF;AAEJ;"}

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

@@ -10,11 +10,13 @@ import "@gusto/embedded-api/models/errors/sdkvalidationerror";
 import "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
 import "@gusto/embedded-api/models/errors/httpclienterrors";
 import "../../../../shared/constants.js";
+import "classnames";
 import "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import "../../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { createCompoundContext as t } from "../../../Base/createCompoundContext.js";
-const [d, a] = t("DocumentListContext");
+const [f, v] = t("DocumentListContext");
 export {
-  a as DocumentListProvider,
-  d as useDocumentList
+  v as DocumentListProvider,
+  f as useDocumentList
 };
 //# sourceMappingURL=useDocumentList.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useDocumentList.js","sources":["../../../../../src/components/Employee/DocumentSigner/DocumentList/useDocumentList.ts"],"sourcesContent":["import type { Form } from '@gusto/embedded-api/models/components/form'\nimport { createCompoundContext } from '@/components/Base'\n\ntype DocumentListContextType = {\n  employeeForms: Form[]\n  hasSignedAllForms: boolean\n  handleContinue: () => void\n  handleRequestFormToSign: (form: Form) => void\n  documentListError: Error | null\n  formToSign?: Form\n}\n\nconst [useDocumentList, DocumentListProvider] =\n  createCompoundContext<DocumentListContextType>('DocumentListContext')\nexport { useDocumentList, DocumentListProvider }\n"],"names":["useDocumentList","DocumentListProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;AAYA,MAAM,CAACA,GAAiBC,CAAoB,IAC1CC,EAA+C,qBAAqB;"}
+{"version":3,"file":"useDocumentList.js","sources":["../../../../../src/components/Employee/DocumentSigner/DocumentList/useDocumentList.ts"],"sourcesContent":["import type { Form } from '@gusto/embedded-api/models/components/form'\nimport { createCompoundContext } from '@/components/Base'\n\ntype DocumentListContextType = {\n  employeeForms: Form[]\n  hasSignedAllForms: boolean\n  handleContinue: () => void\n  handleRequestFormToSign: (form: Form) => void\n  documentListError: Error | null\n  formToSign?: Form\n}\n\nconst [useDocumentList, DocumentListProvider] =\n  createCompoundContext<DocumentListContextType>('DocumentListContext')\nexport { useDocumentList, DocumentListProvider }\n"],"names":["useDocumentList","DocumentListProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;;AAYA,MAAM,CAACA,GAAiBC,CAAoB,IAC1CC,EAA+C,qBAAqB;"}

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

@@ -7,29 +7,31 @@ import { AuthorizationStatus as q, I9AuthorizationDocumentType as w } from "@gus
 import { generateEmploymentEligibilitySchema as k } from "./EmploymentEligibilitySchema.js";
 import { COUNTRIES as P } from "./countries.js";
 import { Flex as b } from "../../../Common/Flex/Flex.js";
-import { ActionsLayout as V } from "../../../Common/ActionsLayout/ActionsLayout.js";
-import { ComboBoxField as B } from "../../../Common/Fields/ComboBoxField/ComboBoxField.js";
-import { Form as H } from "../../../Common/Form/Form.js";
-import { useComponentContext as K } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as M } from "../../../../i18n/I18n.js";
-import { SelectField as G } from "../../../Common/Fields/SelectField/SelectField.js";
-import { RadioGroupField as U } from "../../../Common/Fields/RadioGroupField/RadioGroupField.js";
-import { TextInputField as W } from "../../../Common/Fields/TextInputField/TextInputField.js";
-import { DatePickerField as J } from "../../../Common/Fields/DatePickerField/DatePickerField.js";
+import "classnames";
+import "../../../../shared/constants.js";
+import { RadioGroupField as V } from "../../../Common/Fields/RadioGroupField/RadioGroupField.js";
+import { TextInputField as B } from "../../../Common/Fields/TextInputField/TextInputField.js";
+import { ActionsLayout as H } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { DatePickerField as K } from "../../../Common/Fields/DatePickerField/DatePickerField.js";
+import { ComboBoxField as M } from "../../../Common/Fields/ComboBoxField/ComboBoxField.js";
+import { Form as G } from "../../../Common/Form/Form.js";
+import { useComponentContext as U } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as W } from "../../../../i18n/I18n.js";
+import { SelectField as J } from "../../../Common/Fields/SelectField/SelectField.js";
 const Q = {
   citizen: "statusDescriptions.citizen",
   permanent_resident: "statusDescriptions.permanent_resident",
   noncitizen: "statusDescriptions.noncitizen",
   alien: "statusDescriptions.alien"
-}, he = ({
+}, ye = ({
   onSubmit: h,
   defaultValues: f,
   hasDocumentNumber: y,
   isPending: g
 }) => {
-  M("Employee.EmploymentEligibility");
-  const { Heading: D, Text: x, Alert: z, Button: E, Link: N } = K(), { t: e } = L("Employee.EmploymentEligibility"), [a, m] = I(!!y), r = O({
-    resolver: j(k(a)),
+  W("Employee.EmploymentEligibility");
+  const { Heading: D, Text: x, Alert: z, Button: E, Link: N } = U(), { t: e } = L("Employee.EmploymentEligibility"), [m, a] = I(!!y), r = O({
+    resolver: j(k(m)),
     defaultValues: f
   }), { control: l, setValue: u, clearErrors: c } = r, o = d({ control: l, name: "authorizationStatus" }), s = d({ control: l, name: "documentType" }), _ = Object.values(q).map((n) => ({
     value: n,
@@ -38,14 +40,14 @@ const Q = {
     value: n,
     label: e(`authorizationDocument.options.${n}`)
   })), T = () => {
-    u("documentNumber", ""), c("documentNumber"), m(!1);
+    u("documentNumber", ""), c("documentNumber"), a(!1);
   }, C = () => {
-    u("documentNumber", ""), c("documentNumber"), m(!1);
+    u("documentNumber", ""), c("documentNumber"), a(!1);
   }, F = o === "alien", R = o === "permanent_resident" || o === "alien" && !!s, i = o === "permanent_resident" ? "uscis_alien_registration_number" : s, v = {
     uscis_alien_registration_number: 9,
     form_i94: 11
   };
-  return /* @__PURE__ */ t($, { ...r, children: /* @__PURE__ */ t(H, { onSubmit: r.handleSubmit(h), children: /* @__PURE__ */ p(b, { flexDirection: "column", gap: 16, children: [
+  return /* @__PURE__ */ t($, { ...r, children: /* @__PURE__ */ t(G, { onSubmit: r.handleSubmit(h), children: /* @__PURE__ */ p(b, { flexDirection: "column", gap: 16, children: [
     /* @__PURE__ */ p(b, { flexDirection: "column", gap: 2, children: [
       /* @__PURE__ */ t(D, { as: "h2", children: e("title") }),
       /* @__PURE__ */ t(x, { variant: "supporting", children: /* @__PURE__ */ t(
@@ -60,7 +62,7 @@ const Q = {
       ) })
     ] }),
     /* @__PURE__ */ t(
-      G,
+      J,
       {
         name: "authorizationStatus",
         label: e("select.label"),
@@ -79,9 +81,9 @@ const Q = {
         disableScrollIntoView: !0
       }
     ),
-    o === "alien" && /* @__PURE__ */ t(J, { name: "expirationDate", label: e("expirationDate.label") }),
+    o === "alien" && /* @__PURE__ */ t(K, { name: "expirationDate", label: e("expirationDate.label") }),
     F && /* @__PURE__ */ t(
-      U,
+      V,
       {
         name: "documentType",
         label: e("authorizationDocument.label"),
@@ -91,18 +93,18 @@ const Q = {
       }
     ),
     R && i && /* @__PURE__ */ t(
-      W,
+      B,
       {
         name: "documentNumber",
         label: e(`documentNumber.${i}.label`),
         description: i !== "foreign_passport" ? e(`documentNumber.${i}.description`) : void 0,
-        placeholder: a ? e(`documentNumber.${i}.placeholder`) : void 0,
+        placeholder: m ? e(`documentNumber.${i}.placeholder`) : void 0,
         maxLength: v[i],
         isRequired: !0
       }
     ),
     s === "foreign_passport" && o === "alien" && /* @__PURE__ */ t(
-      B,
+      M,
       {
         name: "country",
         label: e("country.label"),
@@ -113,10 +115,10 @@ const Q = {
         isRequired: !0
       }
     ),
-    /* @__PURE__ */ t(V, { children: /* @__PURE__ */ t(E, { type: "submit", isLoading: g, children: e("submit") }) })
+    /* @__PURE__ */ t(H, { children: /* @__PURE__ */ t(E, { type: "submit", isLoading: g, children: e("submit") }) })
   ] }) }) });
 };
 export {
-  he as EmploymentEligibilityPresentation
+  ye as EmploymentEligibilityPresentation
 };
 //# sourceMappingURL=EmploymentEligibilityPresentation.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EmploymentEligibilityPresentation.js","sources":["../../../../../src/components/Employee/DocumentSigner/EmploymentEligibility/EmploymentEligibilityPresentation.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation, Trans } from 'react-i18next'\nimport { FormProvider, useForm, useWatch, type SubmitHandler } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport {\n  AuthorizationStatus,\n  I9AuthorizationDocumentType,\n} from '@gusto/embedded-api/models/components/i9authorization'\nimport {\n  generateEmploymentEligibilitySchema,\n  type EmploymentEligibilityInputs,\n  type EmploymentEligibilityPayload,\n} from './EmploymentEligibilitySchema'\nimport { COUNTRIES } from './countries'\nimport {\n  Flex,\n  SelectField,\n  RadioGroupField,\n  TextInputField,\n  DatePickerField,\n  ActionsLayout,\n} from '@/components/Common'\nimport { ComboBoxField } from '@/components/Common/Fields/ComboBoxField/ComboBoxField'\nimport { Form } from '@/components/Common/Form'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\ninterface EmploymentEligibilityPresentationProps {\n  onSubmit: SubmitHandler<EmploymentEligibilityPayload>\n  defaultValues?: Partial<EmploymentEligibilityInputs>\n  hasDocumentNumber?: boolean | null\n  isPending?: boolean\n}\n\nconst statusDescriptionKeys = {\n  citizen: 'statusDescriptions.citizen',\n  permanent_resident: 'statusDescriptions.permanent_resident',\n  noncitizen: 'statusDescriptions.noncitizen',\n  alien: 'statusDescriptions.alien',\n} as const satisfies Record<AuthorizationStatus, string>\n\nexport const EmploymentEligibilityPresentation = ({\n  onSubmit,\n  defaultValues,\n  hasDocumentNumber,\n  isPending,\n}: EmploymentEligibilityPresentationProps) => {\n  useI18n('Employee.EmploymentEligibility')\n  const { Heading, Text, Alert, Button, Link } = useComponentContext()\n  const { t } = useTranslation('Employee.EmploymentEligibility')\n\n  const [hasExistingDocumentNumber, setHasExistingDocumentNumber] = useState(!!hasDocumentNumber)\n\n  const formMethods = useForm<EmploymentEligibilityInputs, unknown, EmploymentEligibilityPayload>({\n    resolver: zodResolver(generateEmploymentEligibilitySchema(hasExistingDocumentNumber)),\n    defaultValues,\n  })\n\n  const { control, setValue, clearErrors } = formMethods\n  const authorizationStatus = useWatch({ control, name: 'authorizationStatus' })\n  const documentType = useWatch({ control, name: 'documentType' })\n\n  const statusOptions = Object.values(AuthorizationStatus).map(value => ({\n    value,\n    label: t(`select.options.${value}`),\n  }))\n\n  const authorizationDocumentOptions = Object.values(I9AuthorizationDocumentType).map(value => ({\n    value,\n    label: t(`authorizationDocument.options.${value}`),\n  }))\n\n  const handleAuthorizationStatusChange = () => {\n    setValue('documentNumber', '')\n    clearErrors('documentNumber')\n    setHasExistingDocumentNumber(false)\n  }\n\n  const handleDocumentTypeChange = () => {\n    setValue('documentNumber', '')\n    clearErrors('documentNumber')\n    setHasExistingDocumentNumber(false)\n  }\n\n  const showDocumentTypeRadio = authorizationStatus === 'alien'\n  const showDocumentNumberInput =\n    authorizationStatus === 'permanent_resident' ||\n    (authorizationStatus === 'alien' && !!documentType)\n  const activeDocumentType =\n    authorizationStatus === 'permanent_resident' ? 'uscis_alien_registration_number' : documentType\n\n  const documentNumberMaxLength: Partial<Record<I9AuthorizationDocumentType, number>> = {\n    uscis_alien_registration_number: 9,\n    form_i94: 11,\n  }\n\n  return (\n    <FormProvider {...formMethods}>\n      <Form onSubmit={formMethods.handleSubmit(onSubmit)}>\n        <Flex flexDirection=\"column\" gap={16}>\n          <Flex flexDirection=\"column\" gap={2}>\n            <Heading as=\"h2\">{t('title')}</Heading>\n            <Text variant=\"supporting\">\n              <Trans\n                i18nKey={'subtitle'}\n                t={t}\n                components={{\n                  formI9Link: <Link />,\n                }}\n              />\n            </Text>\n          </Flex>\n\n          <SelectField\n            name=\"authorizationStatus\"\n            label={t('select.label')}\n            description={t('select.description')}\n            placeholder={t('select.placeholder')}\n            options={statusOptions}\n            isRequired\n            onChange={handleAuthorizationStatusChange}\n          />\n\n          {authorizationStatus && (\n            <Alert\n              status=\"info\"\n              label={t(statusDescriptionKeys[authorizationStatus])}\n              disableScrollIntoView\n            />\n          )}\n\n          {authorizationStatus === 'alien' && (\n            <DatePickerField name=\"expirationDate\" label={t('expirationDate.label')} />\n          )}\n\n          {showDocumentTypeRadio && (\n            <RadioGroupField\n              name=\"documentType\"\n              label={t('authorizationDocument.label')}\n              options={authorizationDocumentOptions}\n              isRequired\n              onChange={handleDocumentTypeChange}\n            />\n          )}\n\n          {showDocumentNumberInput && activeDocumentType && (\n            <TextInputField\n              name=\"documentNumber\"\n              label={t(`documentNumber.${activeDocumentType}.label`)}\n              description={\n                activeDocumentType !== 'foreign_passport'\n                  ? t(`documentNumber.${activeDocumentType}.description`)\n                  : undefined\n              }\n              placeholder={\n                hasExistingDocumentNumber\n                  ? t(`documentNumber.${activeDocumentType}.placeholder`)\n                  : undefined\n              }\n              maxLength={documentNumberMaxLength[activeDocumentType]}\n              isRequired\n            />\n          )}\n\n          {documentType === 'foreign_passport' && authorizationStatus === 'alien' && (\n            <ComboBoxField\n              name=\"country\"\n              label={t('country.label')}\n              description={t('country.description')}\n              options={COUNTRIES}\n              placeholder={t('country.placeholder')}\n              allowsCustomValue\n              isRequired\n            />\n          )}\n\n          <ActionsLayout>\n            <Button type=\"submit\" isLoading={isPending}>\n              {t('submit')}\n            </Button>\n          </ActionsLayout>\n        </Flex>\n      </Form>\n    </FormProvider>\n  )\n}\n"],"names":["statusDescriptionKeys","EmploymentEligibilityPresentation","onSubmit","defaultValues","hasDocumentNumber","isPending","useI18n","Heading","Text","Alert","Button","Link","useComponentContext","t","useTranslation","hasExistingDocumentNumber","setHasExistingDocumentNumber","useState","formMethods","useForm","zodResolver","generateEmploymentEligibilitySchema","control","setValue","clearErrors","authorizationStatus","useWatch","documentType","statusOptions","AuthorizationStatus","value","authorizationDocumentOptions","I9AuthorizationDocumentType","handleAuthorizationStatusChange","handleDocumentTypeChange","showDocumentTypeRadio","showDocumentNumberInput","activeDocumentType","documentNumberMaxLength","FormProvider","jsx","Form","jsxs","Flex","Trans","SelectField","DatePickerField","RadioGroupField","TextInputField","ComboBoxField","COUNTRIES","ActionsLayout"],"mappings":"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"}
+{"version":3,"file":"EmploymentEligibilityPresentation.js","sources":["../../../../../src/components/Employee/DocumentSigner/EmploymentEligibility/EmploymentEligibilityPresentation.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation, Trans } from 'react-i18next'\nimport { FormProvider, useForm, useWatch, type SubmitHandler } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport {\n  AuthorizationStatus,\n  I9AuthorizationDocumentType,\n} from '@gusto/embedded-api/models/components/i9authorization'\nimport {\n  generateEmploymentEligibilitySchema,\n  type EmploymentEligibilityInputs,\n  type EmploymentEligibilityPayload,\n} from './EmploymentEligibilitySchema'\nimport { COUNTRIES } from './countries'\nimport {\n  Flex,\n  SelectField,\n  RadioGroupField,\n  TextInputField,\n  DatePickerField,\n  ActionsLayout,\n} from '@/components/Common'\nimport { ComboBoxField } from '@/components/Common/Fields/ComboBoxField/ComboBoxField'\nimport { Form } from '@/components/Common/Form'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\ninterface EmploymentEligibilityPresentationProps {\n  onSubmit: SubmitHandler<EmploymentEligibilityPayload>\n  defaultValues?: Partial<EmploymentEligibilityInputs>\n  hasDocumentNumber?: boolean | null\n  isPending?: boolean\n}\n\nconst statusDescriptionKeys = {\n  citizen: 'statusDescriptions.citizen',\n  permanent_resident: 'statusDescriptions.permanent_resident',\n  noncitizen: 'statusDescriptions.noncitizen',\n  alien: 'statusDescriptions.alien',\n} as const satisfies Record<AuthorizationStatus, string>\n\nexport const EmploymentEligibilityPresentation = ({\n  onSubmit,\n  defaultValues,\n  hasDocumentNumber,\n  isPending,\n}: EmploymentEligibilityPresentationProps) => {\n  useI18n('Employee.EmploymentEligibility')\n  const { Heading, Text, Alert, Button, Link } = useComponentContext()\n  const { t } = useTranslation('Employee.EmploymentEligibility')\n\n  const [hasExistingDocumentNumber, setHasExistingDocumentNumber] = useState(!!hasDocumentNumber)\n\n  const formMethods = useForm<EmploymentEligibilityInputs, unknown, EmploymentEligibilityPayload>({\n    resolver: zodResolver(generateEmploymentEligibilitySchema(hasExistingDocumentNumber)),\n    defaultValues,\n  })\n\n  const { control, setValue, clearErrors } = formMethods\n  const authorizationStatus = useWatch({ control, name: 'authorizationStatus' })\n  const documentType = useWatch({ control, name: 'documentType' })\n\n  const statusOptions = Object.values(AuthorizationStatus).map(value => ({\n    value,\n    label: t(`select.options.${value}`),\n  }))\n\n  const authorizationDocumentOptions = Object.values(I9AuthorizationDocumentType).map(value => ({\n    value,\n    label: t(`authorizationDocument.options.${value}`),\n  }))\n\n  const handleAuthorizationStatusChange = () => {\n    setValue('documentNumber', '')\n    clearErrors('documentNumber')\n    setHasExistingDocumentNumber(false)\n  }\n\n  const handleDocumentTypeChange = () => {\n    setValue('documentNumber', '')\n    clearErrors('documentNumber')\n    setHasExistingDocumentNumber(false)\n  }\n\n  const showDocumentTypeRadio = authorizationStatus === 'alien'\n  const showDocumentNumberInput =\n    authorizationStatus === 'permanent_resident' ||\n    (authorizationStatus === 'alien' && !!documentType)\n  const activeDocumentType =\n    authorizationStatus === 'permanent_resident' ? 'uscis_alien_registration_number' : documentType\n\n  const documentNumberMaxLength: Partial<Record<I9AuthorizationDocumentType, number>> = {\n    uscis_alien_registration_number: 9,\n    form_i94: 11,\n  }\n\n  return (\n    <FormProvider {...formMethods}>\n      <Form onSubmit={formMethods.handleSubmit(onSubmit)}>\n        <Flex flexDirection=\"column\" gap={16}>\n          <Flex flexDirection=\"column\" gap={2}>\n            <Heading as=\"h2\">{t('title')}</Heading>\n            <Text variant=\"supporting\">\n              <Trans\n                i18nKey={'subtitle'}\n                t={t}\n                components={{\n                  formI9Link: <Link />,\n                }}\n              />\n            </Text>\n          </Flex>\n\n          <SelectField\n            name=\"authorizationStatus\"\n            label={t('select.label')}\n            description={t('select.description')}\n            placeholder={t('select.placeholder')}\n            options={statusOptions}\n            isRequired\n            onChange={handleAuthorizationStatusChange}\n          />\n\n          {authorizationStatus && (\n            <Alert\n              status=\"info\"\n              label={t(statusDescriptionKeys[authorizationStatus])}\n              disableScrollIntoView\n            />\n          )}\n\n          {authorizationStatus === 'alien' && (\n            <DatePickerField name=\"expirationDate\" label={t('expirationDate.label')} />\n          )}\n\n          {showDocumentTypeRadio && (\n            <RadioGroupField\n              name=\"documentType\"\n              label={t('authorizationDocument.label')}\n              options={authorizationDocumentOptions}\n              isRequired\n              onChange={handleDocumentTypeChange}\n            />\n          )}\n\n          {showDocumentNumberInput && activeDocumentType && (\n            <TextInputField\n              name=\"documentNumber\"\n              label={t(`documentNumber.${activeDocumentType}.label`)}\n              description={\n                activeDocumentType !== 'foreign_passport'\n                  ? t(`documentNumber.${activeDocumentType}.description`)\n                  : undefined\n              }\n              placeholder={\n                hasExistingDocumentNumber\n                  ? t(`documentNumber.${activeDocumentType}.placeholder`)\n                  : undefined\n              }\n              maxLength={documentNumberMaxLength[activeDocumentType]}\n              isRequired\n            />\n          )}\n\n          {documentType === 'foreign_passport' && authorizationStatus === 'alien' && (\n            <ComboBoxField\n              name=\"country\"\n              label={t('country.label')}\n              description={t('country.description')}\n              options={COUNTRIES}\n              placeholder={t('country.placeholder')}\n              allowsCustomValue\n              isRequired\n            />\n          )}\n\n          <ActionsLayout>\n            <Button type=\"submit\" isLoading={isPending}>\n              {t('submit')}\n            </Button>\n          </ActionsLayout>\n        </Flex>\n      </Form>\n    </FormProvider>\n  )\n}\n"],"names":["statusDescriptionKeys","EmploymentEligibilityPresentation","onSubmit","defaultValues","hasDocumentNumber","isPending","useI18n","Heading","Text","Alert","Button","Link","useComponentContext","t","useTranslation","hasExistingDocumentNumber","setHasExistingDocumentNumber","useState","formMethods","useForm","zodResolver","generateEmploymentEligibilitySchema","control","setValue","clearErrors","authorizationStatus","useWatch","documentType","statusOptions","AuthorizationStatus","value","authorizationDocumentOptions","I9AuthorizationDocumentType","handleAuthorizationStatusChange","handleDocumentTypeChange","showDocumentTypeRadio","showDocumentNumberInput","activeDocumentType","documentNumberMaxLength","FormProvider","jsx","Form","jsxs","Flex","Trans","SelectField","DatePickerField","RadioGroupField","TextInputField","ComboBoxField","COUNTRIES","ActionsLayout"],"mappings":"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"}

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

@@ -13,12 +13,13 @@ 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 { ActionsLayout as U } from "../../../Common/ActionsLayout/ActionsLayout.js";
-import { Form as Z } from "../../../Common/Form/Form.js";
-import { useComponentContext as S } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import "classnames";
+import { RadioGroupField as U } from "../../../Common/Fields/RadioGroupField/RadioGroupField.js";
 import { TextInputField as c } from "../../../Common/Fields/TextInputField/TextInputField.js";
+import { ActionsLayout as Z } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { Form as Q } from "../../../Common/Form/Form.js";
+import { useComponentContext as S } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { CheckboxField as P } from "../../../Common/Fields/CheckboxField/CheckboxField.js";
-import { RadioGroupField as Q } from "../../../Common/Fields/RadioGroupField/RadioGroupField.js";
 import { SelectField as X } from "../../../Common/Fields/SelectField/SelectField.js";
 import { DocumentViewer as J } from "../../../Common/DocumentViewer/DocumentViewer.js";
 const W = 4, ee = l.object({
@@ -37,7 +38,7 @@ const W = 4, ee = l.object({
   usedPreparer: l.enum(["yes", "no"]),
   preparers: l.array(ee)
 });
-function _e(i) {
+function De(i) {
   return /* @__PURE__ */ e(H, { ...i, children: /* @__PURE__ */ e(te, { ...i }) });
 }
 function te({ employeeId: i, formId: a, className: o }) {
@@ -71,7 +72,7 @@ function te({ employeeId: i, formId: a, className: o }) {
       n(C.EMPLOYEE_SIGN_FORM, z);
     });
   };
-  return /* @__PURE__ */ e("section", { className: o, children: /* @__PURE__ */ e(q, { ...A, children: /* @__PURE__ */ e(Z, { onSubmit: A.handleSubmit(_), children: /* @__PURE__ */ m(f, { flexDirection: "column", gap: 20, children: [
+  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(
@@ -131,7 +132,7 @@ function te({ employeeId: i, formId: a, className: o }) {
       )
     ] }),
     /* @__PURE__ */ e(ne, {}),
-    /* @__PURE__ */ m(U, { children: [
+    /* @__PURE__ */ m(Z, { children: [
       /* @__PURE__ */ e(p.Button, { variant: "secondary", type: "button", onClick: $, children: t("cancelCta") }),
       /* @__PURE__ */ e(p.Button, { type: "submit", isLoading: R, children: t("signCta") })
     ] })
@@ -184,7 +185,7 @@ function ne() {
   };
   return /* @__PURE__ */ m(f, { flexDirection: "column", gap: 20, children: [
     /* @__PURE__ */ e(
-      Q,
+      U,
       {
         name: "usedPreparer",
         label: i("preparerQuestion"),
@@ -315,6 +316,6 @@ function ae(i) {
   }), a;
 }
 export {
-  _e as I9SignatureForm
+  De as I9SignatureForm
 };
 //# sourceMappingURL=I9SignatureForm.js.map

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

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

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

@@ -12,13 +12,14 @@ 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 "classnames";
 import { SignatureForm as R } from "../../../Common/SignatureForm/SignatureForm.js";
-function V(r) {
+function W(r) {
   return /* @__PURE__ */ o(A, { ...r, children: /* @__PURE__ */ o(j, { ...r }) });
 }
-function j({ employeeId: r, formId: s, className: u, children: e }) {
+function j({ employeeId: r, formId: s, className: u, children: t }) {
   G("Employee.DocumentSigner");
-  const { onEvent: t, baseSubmitHandler: a } = C(), { data: c } = x({ employeeId: r, formId: s }), n = c.form, {
+  const { onEvent: e, baseSubmitHandler: a } = C(), { data: c } = x({ employeeId: r, formId: s }), n = c.form, {
     data: { formPdf: f }
   } = h({ employeeId: r, formId: n.uuid }), d = f.documentUrl, { mutateAsync: p, isPending: l } = P();
   return /* @__PURE__ */ o("section", { className: u, children: /* @__PURE__ */ o(
@@ -27,7 +28,7 @@ function j({ employeeId: r, formId: s, className: u, children: e }) {
       value: {
         pdfUrl: d,
         handleBack: () => {
-          t(i.CANCEL);
+          e(i.CANCEL);
         },
         form: n,
         isPending: l
@@ -45,10 +46,10 @@ function j({ employeeId: r, formId: s, className: u, children: e }) {
                 }
               }
             });
-            t(i.EMPLOYEE_SIGN_FORM, S);
+            e(i.EMPLOYEE_SIGN_FORM, S);
           }
         });
-      }, children: /* @__PURE__ */ o(M, { flexDirection: "column", children: e || /* @__PURE__ */ F(E, { children: [
+      }, children: /* @__PURE__ */ o(M, { flexDirection: "column", children: t || /* @__PURE__ */ F(E, { children: [
         /* @__PURE__ */ o(v, {}),
         /* @__PURE__ */ o(B, {}),
         /* @__PURE__ */ o(b, {}),
@@ -58,6 +59,6 @@ function j({ employeeId: r, formId: s, className: u, children: e }) {
   ) });
 }
 export {
-  V as SignatureForm
+  W as SignatureForm
 };
 //# sourceMappingURL=SignatureForm.js.map

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

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

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

@@ -10,11 +10,13 @@ import "@gusto/embedded-api/models/errors/sdkvalidationerror";
 import "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
 import "@gusto/embedded-api/models/errors/httpclienterrors";
 import "../../../../shared/constants.js";
+import "classnames";
 import "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import "../../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { createCompoundContext as o } from "../../../Base/createCompoundContext.js";
-const [c, d] = o("SignatureFormContext");
+const [s, f] = o("SignatureFormContext");
 export {
-  d as SignatureFormProvider,
-  c as useSignatureForm
+  f as SignatureFormProvider,
+  s 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/EmployeeDocuments/EmployeeDocumentsPresentation.js

@@ -4,13 +4,15 @@ import { useForm as I, FormProvider as L } from "react-hook-form";
 import { zodResolver as E } from "@hookform/resolvers/zod";
 import { z as p } from "zod";
 import { Flex as l, FlexItem as o } from "../../Common/Flex/Flex.js";
+import "classnames";
+import "../../../shared/constants.js";
 import { Form as v } from "../../Common/Form/Form.js";
 import { useComponentContext as w } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useI18n as C } from "../../../i18n/I18n.js";
 import { CheckboxField as F } from "../../Common/Fields/CheckboxField/CheckboxField.js";
 const u = "gusto-sdk-employee-documents-form", T = p.object({
   includeI9: p.boolean()
-}), V = ({
+}), B = ({
   isEmployeeSelfOnboarding: a,
   currentI9Status: g,
   onSubmit: f,
@@ -108,6 +110,6 @@ const u = "gusto-sdk-employee-documents-form", T = p.object({
   ] }) });
 };
 export {
-  V as EmployeeDocumentsPresentation
+  B as EmployeeDocumentsPresentation
 };
 //# sourceMappingURL=EmployeeDocumentsPresentation.js.map