@gusto/embedded-react-sdk 0.31.0-rc.2 → 0.31.0-rc.3

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  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":";;;;;;;;;;;;;;;AAWA,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  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":";;;;;;;;;;;;;;AAWA,MAAM,CAACA,GAAiBC,CAAoB,IAC1CC,EAA+C,qBAAqB;"}

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

@@ -1,48 +1,51 @@
 import { jsx as i } from "react/jsx-runtime";
 import { createMachine as d } from "robot3";
-import { useMemo as l } from "react";
+import { useMemo as g } from "react";
 import { useIsMutating as b } from "@tanstack/react-query";
+import { APIError as y } from "@gusto/embedded-api/models/errors/apierror";
 import { useI9VerificationGetAuthorization as D } from "@gusto/embedded-api/react-query/i9VerificationGetAuthorization";
-import { mutationKeyI9VerificationUpdate as y } from "@gusto/embedded-api/react-query/i9VerificationUpdate";
+import { mutationKeyI9VerificationUpdate as h } from "@gusto/embedded-api/react-query/i9VerificationUpdate";
 import { useEmployeesGet as L } from "@gusto/embedded-api/react-query/employeesGet";
-import { EmploymentEligibilityContextual as S, DocumentListContextual as h } from "./documentSignerStateMachine.js";
+import { EmploymentEligibilityContextual as M, DocumentListContextual as S } from "./documentSignerStateMachine.js";
 import { documentSignerMachine as x } from "./stateMachine.js";
-import { Flow as C } from "../../Flow/Flow.js";
-import { BaseComponent as M } from "../../Base/Base.js";
-import { useBase as A } from "../../Base/useBase.js";
-import { useComponentDictionary as z } from "../../../i18n/I18n.js";
-function J(o) {
-  return /* @__PURE__ */ i(M, { ...o, children: /* @__PURE__ */ i(B, { ...o }) });
+import { Flow as A } from "../../Flow/Flow.js";
+import { BaseComponent as C } from "../../Base/Base.js";
+import { useBase as E } from "../../Base/useBase.js";
+import { useComponentDictionary as F } from "../../../i18n/I18n.js";
+function v(t) {
+  return /* @__PURE__ */ i(C, { ...t, children: /* @__PURE__ */ i(O, { ...t }) });
 }
-function B({ employeeId: o, onEvent: m, dictionary: a, withEmployeeI9: t = !1 }) {
-  z("Employee.DocumentSigner", a);
-  const { LoadingIndicator: s } = A(), { data: u, isLoading: c } = L(
-    { employeeId: o },
-    { enabled: t }
+function O({ employeeId: t, onEvent: m, dictionary: a, withEmployeeI9: o = !1 }) {
+  F("Employee.DocumentSigner", a);
+  const { LoadingIndicator: s } = E(), { data: u, isLoading: c } = L(
+    { employeeId: t },
+    { enabled: o }
   ), r = u?.employee?.onboardingDocumentsConfig?.i9Document === !0, { data: f, isLoading: p } = D(
-    { employeeId: o },
+    { employeeId: t },
     {
-      enabled: t && r,
+      enabled: o && r,
       retry: !1,
-      // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-      throwOnError: (e) => e.httpMeta?.response?.status !== 404
+      refetchOnMount: !1,
+      refetchOnWindowFocus: !1,
+      staleTime: 1 / 0,
+      throwOnError: (n) => !(n instanceof y && n.httpMeta.response.status === 404)
     }
-  ), n = t && r && !f?.i9Authorization?.employeeSigned, g = l(
+  ), e = o && r && !f?.i9Authorization?.employeeSigned, l = g(
     () => d(
-      n ? "employmentEligibility" : "index",
+      e ? "employmentEligibility" : "index",
       x,
-      (e) => ({
-        ...e,
-        component: n ? S : h,
-        employeeId: o,
-        withEmployeeI9: t
+      (n) => ({
+        ...n,
+        component: e ? M : S,
+        employeeId: t,
+        withEmployeeI9: o
       })
     ),
-    [o, n, t]
+    [t, e, o]
   );
-  return !(b({ mutationKey: y() }) > 0) && t && (c || p) ? /* @__PURE__ */ i(s, {}) : /* @__PURE__ */ i(C, { machine: g, onEvent: m });
+  return !(b({ mutationKey: h() }) > 0) && o && (c || p) ? /* @__PURE__ */ i(s, {}) : /* @__PURE__ */ i(A, { machine: l, onEvent: m });
 }
 export {
-  J as DocumentSigner
+  v as DocumentSigner
 };
 //# sourceMappingURL=DocumentSigner.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DocumentSigner.js","sources":["../../../../src/components/Employee/DocumentSigner/DocumentSigner.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { useIsMutating } from '@tanstack/react-query'\nimport type { APIError } from '@gusto/embedded-api/models/errors/apierror'\nimport { useI9VerificationGetAuthorization } from '@gusto/embedded-api/react-query/i9VerificationGetAuthorization'\nimport { mutationKeyI9VerificationUpdate } from '@gusto/embedded-api/react-query/i9VerificationUpdate'\nimport { useEmployeesGet } from '@gusto/embedded-api/react-query/employeesGet'\nimport {\n  DocumentListContextual,\n  EmploymentEligibilityContextual,\n  type DocumentSignerContextInterface,\n} from './documentSignerStateMachine'\nimport { documentSignerMachine } from './stateMachine'\nimport { Flow } from '@/components/Flow/Flow'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useBase } from '@/components/Base'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\nexport interface DocumentSignerProps extends BaseComponentInterface<'Employee.DocumentSigner'> {\n  employeeId: string\n  withEmployeeI9?: boolean\n}\n\nexport function DocumentSigner(props: DocumentSignerProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ employeeId, onEvent, dictionary, withEmployeeI9 = false }: DocumentSignerProps) {\n  useComponentDictionary('Employee.DocumentSigner', dictionary)\n  const { LoadingIndicator } = useBase()\n\n  const { data: employeeData, isLoading: employeeLoading } = useEmployeesGet(\n    { employeeId },\n    { enabled: withEmployeeI9 },\n  )\n\n  const employeeHasI9Enabled =\n    employeeData?.employee?.onboardingDocumentsConfig?.i9Document === true\n\n  const { data: i9AuthData, isLoading: i9AuthLoading } = useI9VerificationGetAuthorization(\n    { employeeId },\n    {\n      enabled: withEmployeeI9 && employeeHasI9Enabled,\n      retry: false,\n      // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n      throwOnError: (error: Error) => (error as APIError).httpMeta?.response?.status !== 404,\n    },\n  )\n\n  const needsI9Form =\n    withEmployeeI9 && employeeHasI9Enabled && !i9AuthData?.i9Authorization?.employeeSigned\n\n  const machine = useMemo(\n    () =>\n      createMachine(\n        needsI9Form ? 'employmentEligibility' : 'index',\n        documentSignerMachine,\n        (initialContext: DocumentSignerContextInterface) => ({\n          ...initialContext,\n          component: needsI9Form ? EmploymentEligibilityContextual : DocumentListContextual,\n          employeeId,\n          withEmployeeI9,\n        }),\n      ),\n    [employeeId, needsI9Form, withEmployeeI9],\n  )\n\n  const isSubmittingI9 = useIsMutating({ mutationKey: mutationKeyI9VerificationUpdate() }) > 0\n\n  if (!isSubmittingI9 && withEmployeeI9 && (employeeLoading || i9AuthLoading)) {\n    return <LoadingIndicator />\n  }\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n"],"names":["DocumentSigner","props","jsx","BaseComponent","Root","employeeId","onEvent","dictionary","withEmployeeI9","useComponentDictionary","LoadingIndicator","useBase","employeeData","employeeLoading","useEmployeesGet","employeeHasI9Enabled","i9AuthData","i9AuthLoading","useI9VerificationGetAuthorization","error","needsI9Form","machine","useMemo","createMachine","documentSignerMachine","initialContext","EmploymentEligibilityContextual","DocumentListContextual","useIsMutating","mutationKeyI9VerificationUpdate","Flow"],"mappings":";;;;;;;;;;;;;AAuBO,SAASA,EAAeC,GAA4B;AACzD,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAM,GAAGH,GAAO,EAAA,CACnB;AAEJ;AAEA,SAASG,EAAK,EAAE,YAAAC,GAAY,SAAAC,GAAS,YAAAC,GAAY,gBAAAC,IAAiB,MAA8B;AAC9F,EAAAC,EAAuB,2BAA2BF,CAAU;AAC5D,QAAM,EAAE,kBAAAG,EAAA,IAAqBC,EAAA,GAEvB,EAAE,MAAMC,GAAc,WAAWC,MAAoBC;AAAA,IACzD,EAAE,YAAAT,EAAA;AAAA,IACF,EAAE,SAASG,EAAA;AAAA,EAAe,GAGtBO,IACJH,GAAc,UAAU,2BAA2B,eAAe,IAE9D,EAAE,MAAMI,GAAY,WAAWC,MAAkBC;AAAA,IACrD,EAAE,YAAAb,EAAA;AAAA,IACF;AAAA,MACE,SAASG,KAAkBO;AAAA,MAC3B,OAAO;AAAA;AAAA,MAEP,cAAc,CAACI,MAAkBA,EAAmB,UAAU,UAAU,WAAW;AAAA,IAAA;AAAA,EACrF,GAGIC,IACJZ,KAAkBO,KAAwB,CAACC,GAAY,iBAAiB,gBAEpEK,IAAUC;AAAA,IACd,MACEC;AAAA,MACEH,IAAc,0BAA0B;AAAA,MACxCI;AAAA,MACA,CAACC,OAAoD;AAAA,QACnD,GAAGA;AAAA,QACH,WAAWL,IAAcM,IAAkCC;AAAA,QAC3D,YAAAtB;AAAA,QACA,gBAAAG;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACH,GAAYe,GAAaZ,CAAc;AAAA,EAAA;AAK1C,SAAI,EAFmBoB,EAAc,EAAE,aAAaC,EAAA,EAAgC,CAAG,IAAI,MAEpErB,MAAmBK,KAAmBI,uBACnDP,GAAA,EAAiB,IAGpB,gBAAAR,EAAC4B,GAAA,EAAK,SAAAT,GAAkB,SAAAf,EAAA,CAAkB;AACnD;"}
+{"version":3,"file":"DocumentSigner.js","sources":["../../../../src/components/Employee/DocumentSigner/DocumentSigner.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { useIsMutating } from '@tanstack/react-query'\nimport { APIError } from '@gusto/embedded-api/models/errors/apierror'\nimport { useI9VerificationGetAuthorization } from '@gusto/embedded-api/react-query/i9VerificationGetAuthorization'\nimport { mutationKeyI9VerificationUpdate } from '@gusto/embedded-api/react-query/i9VerificationUpdate'\nimport { useEmployeesGet } from '@gusto/embedded-api/react-query/employeesGet'\nimport {\n  DocumentListContextual,\n  EmploymentEligibilityContextual,\n  type DocumentSignerContextInterface,\n} from './documentSignerStateMachine'\nimport { documentSignerMachine } from './stateMachine'\nimport { Flow } from '@/components/Flow/Flow'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useBase } from '@/components/Base'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\nexport interface DocumentSignerProps extends BaseComponentInterface<'Employee.DocumentSigner'> {\n  employeeId: string\n  withEmployeeI9?: boolean\n}\n\nexport function DocumentSigner(props: DocumentSignerProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ employeeId, onEvent, dictionary, withEmployeeI9 = false }: DocumentSignerProps) {\n  useComponentDictionary('Employee.DocumentSigner', dictionary)\n  const { LoadingIndicator } = useBase()\n\n  const { data: employeeData, isLoading: employeeLoading } = useEmployeesGet(\n    { employeeId },\n    { enabled: withEmployeeI9 },\n  )\n\n  const employeeHasI9Enabled =\n    employeeData?.employee?.onboardingDocumentsConfig?.i9Document === true\n\n  const { data: i9AuthData, isLoading: i9AuthLoading } = useI9VerificationGetAuthorization(\n    { employeeId },\n    {\n      enabled: withEmployeeI9 && employeeHasI9Enabled,\n      retry: false,\n      refetchOnMount: false,\n      refetchOnWindowFocus: false,\n      staleTime: Infinity,\n      throwOnError: (error: Error) => {\n        return !(error instanceof APIError && error.httpMeta.response.status === 404)\n      },\n    },\n  )\n\n  const needsI9Form =\n    withEmployeeI9 && employeeHasI9Enabled && !i9AuthData?.i9Authorization?.employeeSigned\n\n  const machine = useMemo(\n    () =>\n      createMachine(\n        needsI9Form ? 'employmentEligibility' : 'index',\n        documentSignerMachine,\n        (initialContext: DocumentSignerContextInterface) => ({\n          ...initialContext,\n          component: needsI9Form ? EmploymentEligibilityContextual : DocumentListContextual,\n          employeeId,\n          withEmployeeI9,\n        }),\n      ),\n    [employeeId, needsI9Form, withEmployeeI9],\n  )\n\n  const isSubmittingI9 = useIsMutating({ mutationKey: mutationKeyI9VerificationUpdate() }) > 0\n\n  if (!isSubmittingI9 && withEmployeeI9 && (employeeLoading || i9AuthLoading)) {\n    return <LoadingIndicator />\n  }\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n"],"names":["DocumentSigner","props","jsx","BaseComponent","Root","employeeId","onEvent","dictionary","withEmployeeI9","useComponentDictionary","LoadingIndicator","useBase","employeeData","employeeLoading","useEmployeesGet","employeeHasI9Enabled","i9AuthData","i9AuthLoading","useI9VerificationGetAuthorization","error","APIError","needsI9Form","machine","useMemo","createMachine","documentSignerMachine","initialContext","EmploymentEligibilityContextual","DocumentListContextual","useIsMutating","mutationKeyI9VerificationUpdate","Flow"],"mappings":";;;;;;;;;;;;;;AAuBO,SAASA,EAAeC,GAA4B;AACzD,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAM,GAAGH,GAAO,EAAA,CACnB;AAEJ;AAEA,SAASG,EAAK,EAAE,YAAAC,GAAY,SAAAC,GAAS,YAAAC,GAAY,gBAAAC,IAAiB,MAA8B;AAC9F,EAAAC,EAAuB,2BAA2BF,CAAU;AAC5D,QAAM,EAAE,kBAAAG,EAAA,IAAqBC,EAAA,GAEvB,EAAE,MAAMC,GAAc,WAAWC,MAAoBC;AAAA,IACzD,EAAE,YAAAT,EAAA;AAAA,IACF,EAAE,SAASG,EAAA;AAAA,EAAe,GAGtBO,IACJH,GAAc,UAAU,2BAA2B,eAAe,IAE9D,EAAE,MAAMI,GAAY,WAAWC,MAAkBC;AAAA,IACrD,EAAE,YAAAb,EAAA;AAAA,IACF;AAAA,MACE,SAASG,KAAkBO;AAAA,MAC3B,OAAO;AAAA,MACP,gBAAgB;AAAA,MAChB,sBAAsB;AAAA,MACtB,WAAW;AAAA,MACX,cAAc,CAACI,MACN,EAAEA,aAAiBC,KAAYD,EAAM,SAAS,SAAS,WAAW;AAAA,IAC3E;AAAA,EACF,GAGIE,IACJb,KAAkBO,KAAwB,CAACC,GAAY,iBAAiB,gBAEpEM,IAAUC;AAAA,IACd,MACEC;AAAA,MACEH,IAAc,0BAA0B;AAAA,MACxCI;AAAA,MACA,CAACC,OAAoD;AAAA,QACnD,GAAGA;AAAA,QACH,WAAWL,IAAcM,IAAkCC;AAAA,QAC3D,YAAAvB;AAAA,QACA,gBAAAG;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACH,GAAYgB,GAAab,CAAc;AAAA,EAAA;AAK1C,SAAI,EAFmBqB,EAAc,EAAE,aAAaC,EAAA,EAAgC,CAAG,IAAI,MAEpEtB,MAAmBK,KAAmBI,uBACnDP,GAAA,EAAiB,IAGpB,gBAAAR,EAAC6B,GAAA,EAAK,SAAAT,GAAkB,SAAAhB,EAAA,CAAkB;AACnD;"}

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

@@ -1,52 +1,68 @@
 import { jsx as r } from "react/jsx-runtime";
-import { useI9VerificationUpdateMutation as b } from "@gusto/embedded-api/react-query/i9VerificationUpdate";
-import { EmploymentEligibilityPresentation as f } from "./EmploymentEligibilityPresentation.js";
-import { BaseComponent as h } from "../../../Base/Base.js";
-import { useBase as g } from "../../../Base/useBase.js";
-import { useComponentDictionary as _, useI18n as I } from "../../../../i18n/I18n.js";
-import { componentEvents as v } from "../../../../shared/constants.js";
-function z(t) {
-  return /* @__PURE__ */ r(h, { ...t, children: /* @__PURE__ */ r(D, { ...t }) });
+import { APIError as I } from "@gusto/embedded-api/models/errors/apierror";
+import { useI9VerificationGetAuthorization as A } from "@gusto/embedded-api/react-query/i9VerificationGetAuthorization";
+import { useI9VerificationUpdateMutation as _ } from "@gusto/embedded-api/react-query/i9VerificationUpdate";
+import { EmploymentEligibilityPresentation as v } from "./EmploymentEligibilityPresentation.js";
+import { BaseComponent as x } from "../../../Base/Base.js";
+import { useBase as z } from "../../../Base/useBase.js";
+import { useComponentDictionary as T, useI18n as L } from "../../../../i18n/I18n.js";
+import { componentEvents as M } from "../../../../shared/constants.js";
+function G(i) {
+  return /* @__PURE__ */ r(x, { ...i, children: /* @__PURE__ */ r(O, { ...i }) });
 }
-const D = ({ employeeId: t, dictionary: m }) => {
-  _("Employee.EmploymentEligibility", m), I("Employee.EmploymentEligibility");
-  const { onEvent: u, baseSubmitHandler: s } = g(), n = void 0, { mutateAsync: a, isPending: l } = b();
-  return /* @__PURE__ */ r(
-    f,
+const O = ({ employeeId: i, dictionary: s }) => {
+  T("Employee.EmploymentEligibility", s), L("Employee.EmploymentEligibility");
+  const { onEvent: m, baseSubmitHandler: c, LoadingIndicator: p } = z(), { data: l, isLoading: f } = A(
+    { employeeId: i },
     {
-      onSubmit: async (c) => {
-        await s(c, async (p) => {
-          const { authorizationStatus: e, documentType: o, documentNumber: i, expirationDate: E, country: y } = p;
-          if (!e) return;
-          const d = await a({
-            request: {
-              employeeId: t,
-              requestBody: {
-                authorizationStatus: e,
-                version: n?.version,
-                ...e === "permanent_resident" && i && {
-                  documentType: "uscis_alien_registration_number",
-                  documentNumber: i
-                },
-                ...e === "alien" && {
-                  ...i && o && { documentType: o, documentNumber: i },
-                  expirationDate: E,
-                  ...o === "foreign_passport" && { country: y }
-                }
-              }
+      retry: !1,
+      refetchOnMount: !1,
+      refetchOnWindowFocus: !1,
+      staleTime: 1 / 0,
+      throwOnError: (o) => !(o instanceof I && o.httpMeta.response.status === 404)
+    }
+  ), t = l?.i9Authorization, { mutateAsync: y, isPending: u } = _(), d = async (o) => {
+    await c(o, async (h) => {
+      const { authorizationStatus: e, documentType: a, documentNumber: n, expirationDate: b, country: g } = h;
+      if (!e) return;
+      const D = await y({
+        request: {
+          employeeId: i,
+          requestBody: {
+            authorizationStatus: e,
+            version: t?.version,
+            ...e === "permanent_resident" && n && {
+              documentType: "uscis_alien_registration_number",
+              documentNumber: n
+            },
+            ...e === "alien" && {
+              ...n && a && { documentType: a, documentNumber: n },
+              expirationDate: b,
+              ...a === "foreign_passport" && { country: g }
             }
-          });
-          u(v.EMPLOYEE_EMPLOYMENT_ELIGIBILITY_DONE, d.i9Authorization);
-        });
-      },
-      defaultValues: {},
-      hasDocumentNumber: n?.hasDocumentNumber,
-      isPending: l
+          }
+        }
+      });
+      m(M.EMPLOYEE_EMPLOYMENT_ELIGIBILITY_DONE, D.i9Authorization);
+    });
+  }, E = t ? {
+    authorizationStatus: t.authorizationStatus,
+    documentType: t.documentType ?? void 0,
+    expirationDate: t.expirationDate ? new Date(t.expirationDate) : void 0,
+    country: t.country ?? void 0
+  } : {};
+  return !u && f ? /* @__PURE__ */ r(p, {}) : /* @__PURE__ */ r(
+    v,
+    {
+      onSubmit: d,
+      defaultValues: E,
+      hasDocumentNumber: t?.hasDocumentNumber,
+      isPending: u
     },
-    n?.uuid
+    t?.uuid
   );
 };
 export {
-  z as EmploymentEligibility
+  G as EmploymentEligibility
 };
 //# sourceMappingURL=EmploymentEligibility.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EmploymentEligibility.js","sources":["../../../../../src/components/Employee/DocumentSigner/EmploymentEligibility/EmploymentEligibility.tsx"],"sourcesContent":["import type { I9Authorization } from '@gusto/embedded-api/models/components/i9authorization'\nimport { useI9VerificationUpdateMutation } from '@gusto/embedded-api/react-query/i9VerificationUpdate'\nimport { EmploymentEligibilityPresentation } from './EmploymentEligibilityPresentation'\nimport type {\n  EmploymentEligibilityInputs,\n  EmploymentEligibilityPayload,\n} from './EmploymentEligibilitySchema'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\nexport interface EmploymentEligibilityProps extends BaseComponentInterface<'Employee.EmploymentEligibility'> {\n  employeeId: string\n}\n\nexport function EmploymentEligibility(props: EmploymentEligibilityProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ employeeId, dictionary }: EmploymentEligibilityProps) => {\n  useComponentDictionary('Employee.EmploymentEligibility', dictionary)\n  useI18n('Employee.EmploymentEligibility')\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  // TODO: Temporarily removed duplicate useI9VerificationGetAuthorization call for debugging.\n  // Parent DocumentSigner.Root already fetches this query — removing the second observer\n  // to isolate whether nested observers on the same errored query cause the error boundary loop.\n  const existingAuth = undefined as I9Authorization | undefined\n\n  const { mutateAsync: updateI9Authorization, isPending } = useI9VerificationUpdateMutation()\n\n  const handleSubmit = async (data: EmploymentEligibilityPayload) => {\n    await baseSubmitHandler(data, async payload => {\n      const { authorizationStatus, documentType, documentNumber, expirationDate, country } = payload\n\n      if (!authorizationStatus) return\n\n      const result = await updateI9Authorization({\n        request: {\n          employeeId,\n          requestBody: {\n            authorizationStatus,\n            version: existingAuth?.version,\n            ...(authorizationStatus === 'permanent_resident' &&\n              documentNumber && {\n                documentType: 'uscis_alien_registration_number',\n                documentNumber,\n              }),\n            ...(authorizationStatus === 'alien' && {\n              ...(documentNumber && documentType && { documentType, documentNumber }),\n              expirationDate,\n              ...(documentType === 'foreign_passport' && { country }),\n            }),\n          },\n        },\n      })\n\n      onEvent(componentEvents.EMPLOYEE_EMPLOYMENT_ELIGIBILITY_DONE, result.i9Authorization)\n    })\n  }\n\n  const defaultValues: Partial<EmploymentEligibilityInputs> = existingAuth\n    ? {\n        authorizationStatus: existingAuth.authorizationStatus,\n        documentType: existingAuth.documentType ?? undefined,\n        expirationDate: existingAuth.expirationDate\n          ? new Date(existingAuth.expirationDate)\n          : undefined,\n        country: existingAuth.country ?? undefined,\n      }\n    : {}\n\n  return (\n    <EmploymentEligibilityPresentation\n      key={existingAuth?.uuid}\n      onSubmit={handleSubmit}\n      defaultValues={defaultValues}\n      hasDocumentNumber={existingAuth?.hasDocumentNumber}\n      isPending={isPending}\n    />\n  )\n}\n"],"names":["EmploymentEligibility","props","jsx","BaseComponent","Root","employeeId","dictionary","useComponentDictionary","useI18n","onEvent","baseSubmitHandler","useBase","existingAuth","updateI9Authorization","isPending","useI9VerificationUpdateMutation","EmploymentEligibilityPresentation","data","payload","authorizationStatus","documentType","documentNumber","expirationDate","country","result","componentEvents"],"mappings":";;;;;;;AAiBO,SAASA,EAAsBC,GAAmC;AACvE,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAM,GAAGH,GAAO,EAAA,CACnB;AAEJ;AAEA,MAAMG,IAAO,CAAC,EAAE,YAAAC,GAAY,YAAAC,QAA6C;AACvE,EAAAC,EAAuB,kCAAkCD,CAAU,GACnEE,EAAQ,gCAAgC;AACxC,QAAM,EAAE,SAAAC,GAAS,mBAAAC,EAAA,IAAsBC,EAAA,GAKjCC,IAAe,QAEf,EAAE,aAAaC,GAAuB,WAAAC,EAAA,IAAcC,EAAA;AA2C1D,SACE,gBAAAb;AAAA,IAACc;AAAA,IAAA;AAAA,MAEC,UA5CiB,OAAOC,MAAuC;AACjE,cAAMP,EAAkBO,GAAM,OAAMC,MAAW;AAC7C,gBAAM,EAAE,qBAAAC,GAAqB,cAAAC,GAAc,gBAAAC,GAAgB,gBAAAC,GAAgB,SAAAC,MAAYL;AAEvF,cAAI,CAACC,EAAqB;AAE1B,gBAAMK,IAAS,MAAMX,EAAsB;AAAA,YACzC,SAAS;AAAA,cACP,YAAAR;AAAA,cACA,aAAa;AAAA,gBACX,qBAAAc;AAAA,gBACA,SAASP,GAAc;AAAA,gBACvB,GAAIO,MAAwB,wBAC1BE,KAAkB;AAAA,kBAChB,cAAc;AAAA,kBACd,gBAAAA;AAAA,gBAAA;AAAA,gBAEJ,GAAIF,MAAwB,WAAW;AAAA,kBACrC,GAAIE,KAAkBD,KAAgB,EAAE,cAAAA,GAAc,gBAAAC,EAAA;AAAA,kBACtD,gBAAAC;AAAA,kBACA,GAAIF,MAAiB,sBAAsB,EAAE,SAAAG,EAAA;AAAA,gBAAQ;AAAA,cACvD;AAAA,YACF;AAAA,UACF,CACD;AAED,UAAAd,EAAQgB,EAAgB,sCAAsCD,EAAO,eAAe;AAAA,QACtF,CAAC;AAAA,MACH;AAAA,MAiBI,eANA,CAAA;AAAA,MAOA,mBAAmBZ,GAAc;AAAA,MACjC,WAAAE;AAAA,IAAA;AAAA,IAJKF,GAAc;AAAA,EAAA;AAOzB;"}
+{"version":3,"file":"EmploymentEligibility.js","sources":["../../../../../src/components/Employee/DocumentSigner/EmploymentEligibility/EmploymentEligibility.tsx"],"sourcesContent":["import { APIError } from '@gusto/embedded-api/models/errors/apierror'\nimport { useI9VerificationGetAuthorization } from '@gusto/embedded-api/react-query/i9VerificationGetAuthorization'\nimport { useI9VerificationUpdateMutation } from '@gusto/embedded-api/react-query/i9VerificationUpdate'\nimport { EmploymentEligibilityPresentation } from './EmploymentEligibilityPresentation'\nimport type {\n  EmploymentEligibilityInputs,\n  EmploymentEligibilityPayload,\n} from './EmploymentEligibilitySchema'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\nexport interface EmploymentEligibilityProps extends BaseComponentInterface<'Employee.EmploymentEligibility'> {\n  employeeId: string\n}\n\nexport function EmploymentEligibility(props: EmploymentEligibilityProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ employeeId, dictionary }: EmploymentEligibilityProps) => {\n  useComponentDictionary('Employee.EmploymentEligibility', dictionary)\n  useI18n('Employee.EmploymentEligibility')\n  const { onEvent, baseSubmitHandler, LoadingIndicator } = useBase()\n\n  const { data: i9AuthData, isLoading } = useI9VerificationGetAuthorization(\n    { employeeId },\n    {\n      retry: false,\n      refetchOnMount: false,\n      refetchOnWindowFocus: false,\n      staleTime: Infinity,\n      throwOnError: (error: Error) => {\n        return !(error instanceof APIError && error.httpMeta.response.status === 404)\n      },\n    },\n  )\n\n  const existingAuth = i9AuthData?.i9Authorization\n\n  const { mutateAsync: updateI9Authorization, isPending } = useI9VerificationUpdateMutation()\n\n  const handleSubmit = async (data: EmploymentEligibilityPayload) => {\n    await baseSubmitHandler(data, async payload => {\n      const { authorizationStatus, documentType, documentNumber, expirationDate, country } = payload\n\n      if (!authorizationStatus) return\n\n      const result = await updateI9Authorization({\n        request: {\n          employeeId,\n          requestBody: {\n            authorizationStatus,\n            version: existingAuth?.version,\n            ...(authorizationStatus === 'permanent_resident' &&\n              documentNumber && {\n                documentType: 'uscis_alien_registration_number',\n                documentNumber,\n              }),\n            ...(authorizationStatus === 'alien' && {\n              ...(documentNumber && documentType && { documentType, documentNumber }),\n              expirationDate,\n              ...(documentType === 'foreign_passport' && { country }),\n            }),\n          },\n        },\n      })\n\n      onEvent(componentEvents.EMPLOYEE_EMPLOYMENT_ELIGIBILITY_DONE, result.i9Authorization)\n    })\n  }\n\n  const defaultValues: Partial<EmploymentEligibilityInputs> = existingAuth\n    ? {\n        authorizationStatus: existingAuth.authorizationStatus,\n        documentType: existingAuth.documentType ?? undefined,\n        expirationDate: existingAuth.expirationDate\n          ? new Date(existingAuth.expirationDate)\n          : undefined,\n        country: existingAuth.country ?? undefined,\n      }\n    : {}\n\n  if (!isPending && isLoading) return <LoadingIndicator />\n\n  return (\n    <EmploymentEligibilityPresentation\n      key={existingAuth?.uuid}\n      onSubmit={handleSubmit}\n      defaultValues={defaultValues}\n      hasDocumentNumber={existingAuth?.hasDocumentNumber}\n      isPending={isPending}\n    />\n  )\n}\n"],"names":["EmploymentEligibility","props","jsx","BaseComponent","Root","employeeId","dictionary","useComponentDictionary","useI18n","onEvent","baseSubmitHandler","LoadingIndicator","useBase","i9AuthData","isLoading","useI9VerificationGetAuthorization","error","APIError","existingAuth","updateI9Authorization","isPending","useI9VerificationUpdateMutation","handleSubmit","data","payload","authorizationStatus","documentType","documentNumber","expirationDate","country","result","componentEvents","defaultValues","EmploymentEligibilityPresentation"],"mappings":";;;;;;;;;AAkBO,SAASA,EAAsBC,GAAmC;AACvE,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAM,GAAGH,GAAO,EAAA,CACnB;AAEJ;AAEA,MAAMG,IAAO,CAAC,EAAE,YAAAC,GAAY,YAAAC,QAA6C;AACvE,EAAAC,EAAuB,kCAAkCD,CAAU,GACnEE,EAAQ,gCAAgC;AACxC,QAAM,EAAE,SAAAC,GAAS,mBAAAC,GAAmB,kBAAAC,EAAA,IAAqBC,EAAA,GAEnD,EAAE,MAAMC,GAAY,WAAAC,EAAA,IAAcC;AAAA,IACtC,EAAE,YAAAV,EAAA;AAAA,IACF;AAAA,MACE,OAAO;AAAA,MACP,gBAAgB;AAAA,MAChB,sBAAsB;AAAA,MACtB,WAAW;AAAA,MACX,cAAc,CAACW,MACN,EAAEA,aAAiBC,KAAYD,EAAM,SAAS,SAAS,WAAW;AAAA,IAC3E;AAAA,EACF,GAGIE,IAAeL,GAAY,iBAE3B,EAAE,aAAaM,GAAuB,WAAAC,EAAA,IAAcC,EAAA,GAEpDC,IAAe,OAAOC,MAAuC;AACjE,UAAMb,EAAkBa,GAAM,OAAMC,MAAW;AAC7C,YAAM,EAAE,qBAAAC,GAAqB,cAAAC,GAAc,gBAAAC,GAAgB,gBAAAC,GAAgB,SAAAC,MAAYL;AAEvF,UAAI,CAACC,EAAqB;AAE1B,YAAMK,IAAS,MAAMX,EAAsB;AAAA,QACzC,SAAS;AAAA,UACP,YAAAd;AAAA,UACA,aAAa;AAAA,YACX,qBAAAoB;AAAA,YACA,SAASP,GAAc;AAAA,YACvB,GAAIO,MAAwB,wBAC1BE,KAAkB;AAAA,cAChB,cAAc;AAAA,cACd,gBAAAA;AAAA,YAAA;AAAA,YAEJ,GAAIF,MAAwB,WAAW;AAAA,cACrC,GAAIE,KAAkBD,KAAgB,EAAE,cAAAA,GAAc,gBAAAC,EAAA;AAAA,cACtD,gBAAAC;AAAA,cACA,GAAIF,MAAiB,sBAAsB,EAAE,SAAAG,EAAA;AAAA,YAAQ;AAAA,UACvD;AAAA,QACF;AAAA,MACF,CACD;AAED,MAAApB,EAAQsB,EAAgB,sCAAsCD,EAAO,eAAe;AAAA,IACtF,CAAC;AAAA,EACH,GAEME,IAAsDd,IACxD;AAAA,IACE,qBAAqBA,EAAa;AAAA,IAClC,cAAcA,EAAa,gBAAgB;AAAA,IAC3C,gBAAgBA,EAAa,iBACzB,IAAI,KAAKA,EAAa,cAAc,IACpC;AAAA,IACJ,SAASA,EAAa,WAAW;AAAA,EAAA,IAEnC,CAAA;AAEJ,SAAI,CAACE,KAAaN,sBAAmBH,GAAA,CAAA,CAAiB,IAGpD,gBAAAT;AAAA,IAAC+B;AAAA,IAAA;AAAA,MAEC,UAAUX;AAAA,MACV,eAAAU;AAAA,MACA,mBAAmBd,GAAc;AAAA,MACjC,WAAAE;AAAA,IAAA;AAAA,IAJKF,GAAc;AAAA,EAAA;AAOzB;"}

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

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

@@ -12,14 +12,13 @@ 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 { ActionsLayout as O } 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 { Form as V } from "../../../Common/Form/Form.js";
+import { TextInputField as p } from "../../../Common/Fields/TextInputField/TextInputField.js";
 import { CheckboxField as R } from "../../../Common/Fields/CheckboxField/CheckboxField.js";
+import { RadioGroupField as Z } from "../../../Common/Fields/RadioGroupField/RadioGroupField.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({
@@ -38,7 +37,7 @@ const K = 4, Q = l.object({
   usedPreparer: l.enum(["yes", "no"]),
   preparers: l.array(Q)
 });
-function $e(n) {
+function Re(n) {
   return /* @__PURE__ */ e(_, { ...n, children: /* @__PURE__ */ e(J, { ...n }) });
 }
 function J({ employeeId: n, formId: i, className: s }) {
@@ -70,7 +69,7 @@ function J({ employeeId: n, formId: i, className: s }) {
       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: [
+  return /* @__PURE__ */ e("section", { className: s, children: /* @__PURE__ */ e(I, { ...F, children: /* @__PURE__ */ e(V, { 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(
@@ -123,7 +122,7 @@ function J({ employeeId: n, formId: i, className: s }) {
       )
     ] }),
     /* @__PURE__ */ e(W, {}),
-    /* @__PURE__ */ u(V, { children: [
+    /* @__PURE__ */ u(O, { children: [
       /* @__PURE__ */ e(m.Button, { variant: "secondary", type: "button", onClick: $, children: t("cancelCta") }),
       /* @__PURE__ */ e(m.Button, { type: "submit", isLoading: c, children: t("signCta") })
     ] })
@@ -148,7 +147,7 @@ function W() {
   };
   return /* @__PURE__ */ u(b, { flexDirection: "column", gap: 20, children: [
     /* @__PURE__ */ e(
-      O,
+      Z,
       {
         name: "usedPreparer",
         label: n("preparerQuestion"),
@@ -279,6 +278,6 @@ function re(n) {
   }), i;
 }
 export {
-  $e as I9SignatureForm
+  Re 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 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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"}
+{"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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"}