@gusto/embedded-react-sdk 0.44.0 → 0.44.2

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

@@ -3,31 +3,31 @@ import { useEmployeeFormsListSuspense as E } from "@gusto/embedded-api/react-que
 import { Head as a } from "./Head.js";
 import { List as F } from "./List.js";
 import { Actions as h } from "./Actions.js";
-import { DocumentListProvider as L } from "./useDocumentList.js";
-import { BaseComponent as S } from "../../../Base/Base.js";
+import { DocumentListProvider as S } from "./useDocumentList.js";
+import { BaseComponent as L } from "../../../Base/Base.js";
 import { useBase as g } from "../../../Base/useBase.js";
 import { useI18n as O } from "../../../../i18n/I18n.js";
-import { componentEvents as m } from "../../../../shared/constants.js";
+import { componentEvents as i } from "../../../../shared/constants.js";
 import { Flex as _ } from "../../../Common/Flex/Flex.js";
 import "classnames";
 function Y(e) {
-  return /* @__PURE__ */ o(S, { ...e, children: /* @__PURE__ */ o(v, { ...e }) });
+  return /* @__PURE__ */ o(L, { ...e, children: /* @__PURE__ */ o(v, { ...e }) });
 }
 function v({ employeeId: e, className: s, children: t }) {
   O("Employee.DocumentSigner");
-  const { onEvent: i } = g(), { data: u, error: c } = E({ employeeId: e }), r = u.formList, l = r.every((n) => !n.requiresSigning);
+  const { onEvent: m } = g(), { data: u, error: c } = E({ employeeId: e }), r = u.forms, l = r.every((n) => !n.requiresSigning);
   return /* @__PURE__ */ o("section", { className: s, children: /* @__PURE__ */ o(
-    L,
+    S,
     {
       value: {
         employeeForms: r,
         hasSignedAllForms: l,
         handleContinue: () => {
-          i(m.EMPLOYEE_FORMS_DONE);
+          m(i.EMPLOYEE_FORMS_DONE);
         },
         handleRequestFormToSign: (n) => {
           const f = r.find((p) => p.uuid === n.uuid);
-          i(m.EMPLOYEE_VIEW_FORM_TO_SIGN, { uuid: n.uuid, name: f?.name });
+          m(i.EMPLOYEE_VIEW_FORM_TO_SIGN, { uuid: n.uuid, name: f?.name });
         },
         documentListError: c
       },

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

@@ -1 +1 @@
-{"version":3,"file":"DocumentList.js","sources":["../../../../../src/components/Employee/DocumentSigner/DocumentList/DocumentList.tsx"],"sourcesContent":["import { useEmployeeFormsListSuspense } from '@gusto/embedded-api/react-query/employeeFormsList'\nimport { type Form } from '@gusto/embedded-api/models/components/form'\nimport { Head } from './Head'\nimport { List } from './List'\nimport { Actions } from './Actions'\nimport { DocumentListProvider } from './useDocumentList'\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'\n\ninterface DocumentListProps extends CommonComponentInterface {\n  employeeId: string\n}\n\nexport function DocumentList(props: DocumentListProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ employeeId, className, children }: DocumentListProps) {\n  useI18n('Employee.DocumentSigner')\n  const { onEvent } = useBase()\n\n  const { data, error: documentListError } = useEmployeeFormsListSuspense({ employeeId })\n  const employeeForms = data.formList!\n\n  const hasSignedAllForms = employeeForms.every(employeeForm => !employeeForm.requiresSigning)\n\n  const handleRequestFormToSign = (data: Form) => {\n    const fullForm = employeeForms.find(f => f.uuid === data.uuid)\n    onEvent(componentEvents.EMPLOYEE_VIEW_FORM_TO_SIGN, { uuid: data.uuid, name: fullForm?.name })\n  }\n\n  const handleContinue = () => {\n    onEvent(componentEvents.EMPLOYEE_FORMS_DONE)\n  }\n\n  return (\n    <section className={className}>\n      <DocumentListProvider\n        value={{\n          employeeForms,\n          hasSignedAllForms,\n          handleContinue,\n          handleRequestFormToSign,\n          documentListError,\n        }}\n      >\n        {children ? (\n          children\n        ) : (\n          <Flex flexDirection=\"column\">\n            <Head />\n            <List />\n            <Actions />\n          </Flex>\n        )}\n      </DocumentListProvider>\n    </section>\n  )\n}\n"],"names":["DocumentList","props","jsx","BaseComponent","Root","employeeId","className","children","useI18n","onEvent","useBase","data","documentListError","useEmployeeFormsListSuspense","employeeForms","hasSignedAllForms","employeeForm","DocumentListProvider","componentEvents","fullForm","f","jsxs","Flex","Head","List","Actions"],"mappings":";;;;;;;;;;;;AAoBO,SAASA,EAAaC,GAAmD;AAC9E,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAM,GAAGH,GAAO,EAAA,CACnB;AAEJ;AAEA,SAASG,EAAK,EAAE,YAAAC,GAAY,WAAAC,GAAW,UAAAC,KAA+B;AACpE,EAAAC,EAAQ,yBAAyB;AACjC,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GAEd,EAAE,MAAAC,GAAM,OAAOC,EAAA,IAAsBC,EAA6B,EAAE,YAAAR,GAAY,GAChFS,IAAgBH,EAAK,UAErBI,IAAoBD,EAAc,MAAM,CAAAE,MAAgB,CAACA,EAAa,eAAe;AAW3F,SACE,gBAAAd,EAAC,aAAQ,WAAAI,GACP,UAAA,gBAAAJ;AAAA,IAACe;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,eAAAH;AAAA,QACA,mBAAAC;AAAA,QACA,gBAVe,MAAM;AAC3B,UAAAN,EAAQS,EAAgB,mBAAmB;AAAA,QAC7C;AAAA,QASQ,yBAhBwB,CAACP,MAAe;AAC9C,gBAAMQ,IAAWL,EAAc,KAAK,OAAKM,EAAE,SAAST,EAAK,IAAI;AAC7D,UAAAF,EAAQS,EAAgB,4BAA4B,EAAE,MAAMP,EAAK,MAAM,MAAMQ,GAAU,MAAM;AAAA,QAC/F;AAAA,QAcQ,mBAAAP;AAAA,MAAA;AAAA,MAGD,UAAAL,KAGC,gBAAAc,EAACC,GAAA,EAAK,eAAc,UAClB,UAAA;AAAA,QAAA,gBAAApB,EAACqB,GAAA,EAAK;AAAA,0BACLC,GAAA,EAAK;AAAA,0BACLC,GAAA,CAAA,CAAQ;AAAA,MAAA,EAAA,CACX;AAAA,IAAA;AAAA,EAAA,GAGN;AAEJ;"}
+{"version":3,"file":"DocumentList.js","sources":["../../../../../src/components/Employee/DocumentSigner/DocumentList/DocumentList.tsx"],"sourcesContent":["import { useEmployeeFormsListSuspense } from '@gusto/embedded-api/react-query/employeeFormsList'\nimport { type Form } from '@gusto/embedded-api/models/components/form'\nimport { Head } from './Head'\nimport { List } from './List'\nimport { Actions } from './Actions'\nimport { DocumentListProvider } from './useDocumentList'\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'\n\ninterface DocumentListProps extends CommonComponentInterface {\n  employeeId: string\n}\n\nexport function DocumentList(props: DocumentListProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ employeeId, className, children }: DocumentListProps) {\n  useI18n('Employee.DocumentSigner')\n  const { onEvent } = useBase()\n\n  const { data, error: documentListError } = useEmployeeFormsListSuspense({ employeeId })\n  const employeeForms = data.forms!\n\n  const hasSignedAllForms = employeeForms.every(employeeForm => !employeeForm.requiresSigning)\n\n  const handleRequestFormToSign = (data: Form) => {\n    const fullForm = employeeForms.find(f => f.uuid === data.uuid)\n    onEvent(componentEvents.EMPLOYEE_VIEW_FORM_TO_SIGN, { uuid: data.uuid, name: fullForm?.name })\n  }\n\n  const handleContinue = () => {\n    onEvent(componentEvents.EMPLOYEE_FORMS_DONE)\n  }\n\n  return (\n    <section className={className}>\n      <DocumentListProvider\n        value={{\n          employeeForms,\n          hasSignedAllForms,\n          handleContinue,\n          handleRequestFormToSign,\n          documentListError,\n        }}\n      >\n        {children ? (\n          children\n        ) : (\n          <Flex flexDirection=\"column\">\n            <Head />\n            <List />\n            <Actions />\n          </Flex>\n        )}\n      </DocumentListProvider>\n    </section>\n  )\n}\n"],"names":["DocumentList","props","jsx","BaseComponent","Root","employeeId","className","children","useI18n","onEvent","useBase","data","documentListError","useEmployeeFormsListSuspense","employeeForms","hasSignedAllForms","employeeForm","DocumentListProvider","componentEvents","fullForm","f","jsxs","Flex","Head","List","Actions"],"mappings":";;;;;;;;;;;;AAoBO,SAASA,EAAaC,GAAmD;AAC9E,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAM,GAAGH,GAAO,EAAA,CACnB;AAEJ;AAEA,SAASG,EAAK,EAAE,YAAAC,GAAY,WAAAC,GAAW,UAAAC,KAA+B;AACpE,EAAAC,EAAQ,yBAAyB;AACjC,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GAEd,EAAE,MAAAC,GAAM,OAAOC,EAAA,IAAsBC,EAA6B,EAAE,YAAAR,GAAY,GAChFS,IAAgBH,EAAK,OAErBI,IAAoBD,EAAc,MAAM,CAAAE,MAAgB,CAACA,EAAa,eAAe;AAW3F,SACE,gBAAAd,EAAC,aAAQ,WAAAI,GACP,UAAA,gBAAAJ;AAAA,IAACe;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,eAAAH;AAAA,QACA,mBAAAC;AAAA,QACA,gBAVe,MAAM;AAC3B,UAAAN,EAAQS,EAAgB,mBAAmB;AAAA,QAC7C;AAAA,QASQ,yBAhBwB,CAACP,MAAe;AAC9C,gBAAMQ,IAAWL,EAAc,KAAK,OAAKM,EAAE,SAAST,EAAK,IAAI;AAC7D,UAAAF,EAAQS,EAAgB,4BAA4B,EAAE,MAAMP,EAAK,MAAM,MAAMQ,GAAU,MAAM;AAAA,QAC/F;AAAA,QAcQ,mBAAAP;AAAA,MAAA;AAAA,MAGD,UAAAL,KAGC,gBAAAc,EAACC,GAAA,EAAK,eAAc,UAClB,UAAA;AAAA,QAAA,gBAAApB,EAACqB,GAAA,EAAK;AAAA,0BACLC,GAAA,EAAK;AAAA,0BACLC,GAAA,CAAA,CAAQ;AAAA,MAAA,EAAA,CACX;AAAA,IAAA;AAAA,EAAA,GAGN;AAEJ;"}

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

@@ -7,7 +7,7 @@ import "../../../Base/useBase.js";
 import "@gusto/embedded-api/models/errors/apierror";
 import "@gusto/embedded-api/models/errors/gustoembeddederror";
 import "@gusto/embedded-api/models/errors/sdkvalidationerror";
-import "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
+import "@gusto/embedded-api/models/errors/unprocessableentityerror";
 import "@gusto/embedded-api/models/errors/httpclienterrors";
 import "dompurify";
 import "../../../../contexts/LocaleProvider/useLocale.js";

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

@@ -15,7 +15,7 @@ function O(o) {
 }
 function M({ employeeId: o, onEvent: i, dictionary: s, withEmployeeI9: t = !1 }) {
   C("Employee.DocumentSigner", s);
-  const { data: a } = g({ employeeId: o }), { data: c } = D({ employeeId: o }), u = a.employee?.onboardingDocumentsConfig?.i9Document === !0, m = c.formList?.find((e) => e.name === F), r = t && u && (!m || m.requiresSigning === !0), p = l(
+  const { data: a } = g({ employeeId: o }), { data: c } = D({ employeeId: o }), u = a.employee?.onboardingDocumentsConfig?.i9Document === !0, m = c.forms?.find((e) => e.name === F), r = t && u && (!m || m.requiresSigning === !0), p = l(
     () => f(
       r ? "employmentEligibility" : "index",
       E,

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 { useEmployeesGetSuspense } from '@gusto/embedded-api/react-query/employeesGet'\nimport { useEmployeeFormsListSuspense } from '@gusto/embedded-api/react-query/employeeFormsList'\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 { useComponentDictionary } from '@/i18n/I18n'\nimport { I9_FORM_NAME } from '@/shared/constants'\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\n  const { data: employeeData } = useEmployeesGetSuspense({ employeeId })\n  const { data: formsData } = useEmployeeFormsListSuspense({ employeeId })\n\n  const employeeHasI9Enabled = employeeData.employee?.onboardingDocumentsConfig?.i9Document === true\n\n  const i9Form = formsData.formList?.find(form => form.name === I9_FORM_NAME)\n  const needsI9Form =\n    withEmployeeI9 && employeeHasI9Enabled && (!i9Form || i9Form.requiresSigning === true)\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, withEmployeeI9],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n"],"names":["DocumentSigner","props","jsx","BaseComponent","Root","employeeId","onEvent","dictionary","withEmployeeI9","useComponentDictionary","employeeData","useEmployeesGetSuspense","formsData","useEmployeeFormsListSuspense","employeeHasI9Enabled","i9Form","form","I9_FORM_NAME","needsI9Form","machine","useMemo","createMachine","documentSignerMachine","initialContext","EmploymentEligibilityContextual","DocumentListContextual","Flow"],"mappings":";;;;;;;;;;;;AAoBO,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;AAE5D,QAAM,EAAE,MAAMG,EAAA,IAAiBC,EAAwB,EAAE,YAAAN,GAAY,GAC/D,EAAE,MAAMO,EAAA,IAAcC,EAA6B,EAAE,YAAAR,GAAY,GAEjES,IAAuBJ,EAAa,UAAU,2BAA2B,eAAe,IAExFK,IAASH,EAAU,UAAU,KAAK,CAAAI,MAAQA,EAAK,SAASC,CAAY,GACpEC,IACJV,KAAkBM,MAAyB,CAACC,KAAUA,EAAO,oBAAoB,KAE7EI,IAAUC;AAAA,IACd,MACEC;AAAA,MACEH,IAAc,0BAA0B;AAAA,MACxCI;AAAA,MACA,CAACC,OAAoD;AAAA,QACnD,GAAGA;AAAA,QACH,WAAWL,IAAcM,IAAkCC;AAAA,QAC3D,YAAApB;AAAA,QACA,gBAAAG;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACH,GAAYG,CAAc;AAAA,EAAA;AAG7B,SAAO,gBAAAN,EAACwB,GAAA,EAAK,SAAAP,GAAkB,SAAAb,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 { useEmployeesGetSuspense } from '@gusto/embedded-api/react-query/employeesGet'\nimport { useEmployeeFormsListSuspense } from '@gusto/embedded-api/react-query/employeeFormsList'\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 { useComponentDictionary } from '@/i18n/I18n'\nimport { I9_FORM_NAME } from '@/shared/constants'\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\n  const { data: employeeData } = useEmployeesGetSuspense({ employeeId })\n  const { data: formsData } = useEmployeeFormsListSuspense({ employeeId })\n\n  const employeeHasI9Enabled = employeeData.employee?.onboardingDocumentsConfig?.i9Document === true\n\n  const i9Form = formsData.forms?.find(form => form.name === I9_FORM_NAME)\n  const needsI9Form =\n    withEmployeeI9 && employeeHasI9Enabled && (!i9Form || i9Form.requiresSigning === true)\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, withEmployeeI9],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n"],"names":["DocumentSigner","props","jsx","BaseComponent","Root","employeeId","onEvent","dictionary","withEmployeeI9","useComponentDictionary","employeeData","useEmployeesGetSuspense","formsData","useEmployeeFormsListSuspense","employeeHasI9Enabled","i9Form","form","I9_FORM_NAME","needsI9Form","machine","useMemo","createMachine","documentSignerMachine","initialContext","EmploymentEligibilityContextual","DocumentListContextual","Flow"],"mappings":";;;;;;;;;;;;AAoBO,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;AAE5D,QAAM,EAAE,MAAMG,EAAA,IAAiBC,EAAwB,EAAE,YAAAN,GAAY,GAC/D,EAAE,MAAMO,EAAA,IAAcC,EAA6B,EAAE,YAAAR,GAAY,GAEjES,IAAuBJ,EAAa,UAAU,2BAA2B,eAAe,IAExFK,IAASH,EAAU,OAAO,KAAK,CAAAI,MAAQA,EAAK,SAASC,CAAY,GACjEC,IACJV,KAAkBM,MAAyB,CAACC,KAAUA,EAAO,oBAAoB,KAE7EI,IAAUC;AAAA,IACd,MACEC;AAAA,MACEH,IAAc,0BAA0B;AAAA,MACxCI;AAAA,MACA,CAACC,OAAoD;AAAA,QACnD,GAAGA;AAAA,QACH,WAAWL,IAAcM,IAAkCC;AAAA,QAC3D,YAAApB;AAAA,QACA,gBAAAG;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACH,GAAYG,CAAc;AAAA,EAAA;AAG7B,SAAO,gBAAAN,EAACwB,GAAA,EAAK,SAAAP,GAAkB,SAAAb,EAAA,CAAkB;AACnD;"}

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

@@ -1,9 +1,9 @@
 import { jsx as t, jsxs as p } from "react/jsx-runtime";
 import { useState as I } from "react";
-import { useTranslation as L, Trans as A } from "react-i18next";
-import { useForm as O, useWatch as d, FormProvider as $ } from "react-hook-form";
-import { zodResolver as j } from "@hookform/resolvers/zod";
-import { AuthorizationStatus as q, I9AuthorizationDocumentType as w } from "@gusto/embedded-api/models/components/i9authorization";
+import { useTranslation as L, Trans as O } from "react-i18next";
+import { useForm as $, useWatch as d, FormProvider as j } from "react-hook-form";
+import { zodResolver as q } from "@hookform/resolvers/zod";
+import { AuthorizationStatus as w, DocumentType as A } from "@gusto/embedded-api/models/components/i9authorization";
 import { generateEmploymentEligibilitySchema as k } from "./EmploymentEligibilitySchema.js";
 import { COUNTRIES as P } from "./countries.js";
 import { Flex as b } from "../../../Common/Flex/Flex.js";
@@ -30,13 +30,13 @@ const Q = {
   isPending: g
 }) => {
   M("Employee.EmploymentEligibility");
-  const { Heading: D, Text: x, Alert: z, Button: E, Link: N } = K(), { t: e } = L("Employee.EmploymentEligibility"), [m, a] = I(!!y), r = O({
-    resolver: j(k(m)),
+  const { Heading: D, Text: x, Alert: E, Button: z, Link: N } = K(), { t: e } = L("Employee.EmploymentEligibility"), [m, a] = I(!!y), r = $({
+    resolver: q(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) => ({
+  }), { control: l, setValue: u, clearErrors: c } = r, o = d({ control: l, name: "authorizationStatus" }), s = d({ control: l, name: "documentType" }), _ = Object.values(w).map((n) => ({
     value: n,
     label: e(`select.options.${n}`)
-  })), S = Object.values(w).map((n) => ({
+  })), S = Object.values(A).map((n) => ({
     value: n,
     label: e(`authorizationDocument.options.${n}`)
   })), T = () => {
@@ -47,11 +47,11 @@ const Q = {
     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(j, { ...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(D, { as: "h2", children: e("title") }),
       /* @__PURE__ */ t(x, { variant: "supporting", children: /* @__PURE__ */ t(
-        A,
+        O,
         {
           i18nKey: "subtitle",
           t: e,
@@ -74,7 +74,7 @@ const Q = {
       }
     ),
     o && /* @__PURE__ */ t(
-      z,
+      E,
       {
         status: "info",
         label: e(Q[o]),
@@ -115,7 +115,7 @@ const Q = {
         isRequired: !0
       }
     ),
-    /* @__PURE__ */ t(V, { children: /* @__PURE__ */ t(E, { type: "submit", isLoading: g, children: e("submit") }) })
+    /* @__PURE__ */ t(V, { children: /* @__PURE__ */ t(z, { type: "submit", isLoading: g, children: e("submit") }) })
   ] }) }) });
 };
 export {

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  DocumentType as 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/EmploymentEligibility/EmploymentEligibilitySchema.js

@@ -1,5 +1,5 @@
 import { z as o } from "zod";
-import { I9AuthorizationDocumentType as i, AuthorizationStatus as r } from "@gusto/embedded-api/models/components/i9authorization";
+import { DocumentType as i, AuthorizationStatus as r } from "@gusto/embedded-api/models/components/i9authorization";
 const t = (u) => /^[Aa]?\d{7,9}$/.test(u), m = (u) => /^\d{9} ?[A-Za-z\d]\d$/.test(u), a = (u) => o.object({
   authorizationStatus: o.enum(r).optional(),
   documentType: o.enum(i).optional(),

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

@@ -1 +1 @@
-{"version":3,"file":"EmploymentEligibilitySchema.js","sources":["../../../../../src/components/Employee/DocumentSigner/EmploymentEligibility/EmploymentEligibilitySchema.ts"],"sourcesContent":["import { z } from 'zod'\nimport {\n  AuthorizationStatus,\n  I9AuthorizationDocumentType,\n} from '@gusto/embedded-api/models/components/i9authorization'\n\nconst isValidUscisNumber = (value: string) => /^[Aa]?\\d{7,9}$/.test(value)\nconst isValidI94Number = (value: string) => /^\\d{9} ?[A-Za-z\\d]\\d$/.test(value)\n\nexport const generateEmploymentEligibilitySchema = (hasDocumentNumber?: boolean | null) =>\n  z\n    .object({\n      authorizationStatus: z.enum(AuthorizationStatus).optional(),\n      documentType: z.enum(I9AuthorizationDocumentType).optional(),\n      documentNumber: z.string().optional(),\n      expirationDate: z\n        .date()\n        .transform(date => date.toISOString().split('T')[0])\n        .optional(),\n      country: z.string().optional(),\n    })\n    .superRefine((data, ctx) => {\n      if (!data.authorizationStatus) {\n        ctx.addIssue({\n          code: z.ZodIssueCode.custom,\n          message: 'Authorization status is required',\n          path: ['authorizationStatus'],\n        })\n        return\n      }\n      if (data.authorizationStatus === 'permanent_resident') {\n        if (!data.documentNumber) {\n          if (!hasDocumentNumber) {\n            ctx.addIssue({\n              code: z.ZodIssueCode.custom,\n              message: 'Document number is required',\n              path: ['documentNumber'],\n            })\n          }\n        } else if (!isValidUscisNumber(data.documentNumber)) {\n          ctx.addIssue({\n            code: z.ZodIssueCode.custom,\n            message: 'Enter a 7-9 digit USCIS number or A-Number (e.g. A123456789)',\n            path: ['documentNumber'],\n          })\n        }\n      }\n      if (data.authorizationStatus === 'alien') {\n        if (!data.documentType) {\n          ctx.addIssue({\n            code: z.ZodIssueCode.custom,\n            message: 'Authorization document is required',\n            path: ['documentType'],\n          })\n        }\n        if (!data.documentNumber) {\n          if (!hasDocumentNumber) {\n            ctx.addIssue({\n              code: z.ZodIssueCode.custom,\n              message: 'Document number is required',\n              path: ['documentNumber'],\n            })\n          }\n        } else if (\n          data.documentType === 'uscis_alien_registration_number' &&\n          !isValidUscisNumber(data.documentNumber)\n        ) {\n          ctx.addIssue({\n            code: z.ZodIssueCode.custom,\n            message: 'Enter a 7-9 digit USCIS number or A-Number (e.g. A123456789)',\n            path: ['documentNumber'],\n          })\n        } else if (data.documentType === 'form_i94' && !isValidI94Number(data.documentNumber)) {\n          ctx.addIssue({\n            code: z.ZodIssueCode.custom,\n            message: 'Enter a valid 11-character Form I-94 admission number',\n            path: ['documentNumber'],\n          })\n        }\n        if (data.documentType === 'foreign_passport' && !data.country) {\n          ctx.addIssue({\n            code: z.ZodIssueCode.custom,\n            message: 'Country of issuance is required',\n            path: ['country'],\n          })\n        }\n      }\n    })\n\nexport type EmploymentEligibilityInputs = z.input<\n  ReturnType<typeof generateEmploymentEligibilitySchema>\n>\nexport type EmploymentEligibilityPayload = z.infer<\n  ReturnType<typeof generateEmploymentEligibilitySchema>\n>\n"],"names":["isValidUscisNumber","value","isValidI94Number","generateEmploymentEligibilitySchema","hasDocumentNumber","z","AuthorizationStatus","I9AuthorizationDocumentType","date","data","ctx"],"mappings":";;AAMA,MAAMA,IAAqB,CAACC,MAAkB,iBAAiB,KAAKA,CAAK,GACnEC,IAAmB,CAACD,MAAkB,wBAAwB,KAAKA,CAAK,GAEjEE,IAAsC,CAACC,MAClDC,EACG,OAAO;AAAA,EACN,qBAAqBA,EAAE,KAAKC,CAAmB,EAAE,SAAA;AAAA,EACjD,cAAcD,EAAE,KAAKE,CAA2B,EAAE,SAAA;AAAA,EAClD,gBAAgBF,EAAE,OAAA,EAAS,SAAA;AAAA,EAC3B,gBAAgBA,EACb,KAAA,EACA,UAAU,CAAAG,MAAQA,EAAK,YAAA,EAAc,MAAM,GAAG,EAAE,CAAC,CAAC,EAClD,SAAA;AAAA,EACH,SAASH,EAAE,OAAA,EAAS,SAAA;AACtB,CAAC,EACA,YAAY,CAACI,GAAMC,MAAQ;AAC1B,MAAI,CAACD,EAAK,qBAAqB;AAC7B,IAAAC,EAAI,SAAS;AAAA,MACX,MAAML,EAAE,aAAa;AAAA,MACrB,SAAS;AAAA,MACT,MAAM,CAAC,qBAAqB;AAAA,IAAA,CAC7B;AACD;AAAA,EACF;AACA,EAAII,EAAK,wBAAwB,yBAC1BA,EAAK,iBAQET,EAAmBS,EAAK,cAAc,KAChDC,EAAI,SAAS;AAAA,IACX,MAAML,EAAE,aAAa;AAAA,IACrB,SAAS;AAAA,IACT,MAAM,CAAC,gBAAgB;AAAA,EAAA,CACxB,IAZID,KACHM,EAAI,SAAS;AAAA,IACX,MAAML,EAAE,aAAa;AAAA,IACrB,SAAS;AAAA,IACT,MAAM,CAAC,gBAAgB;AAAA,EAAA,CACxB,IAUHI,EAAK,wBAAwB,YAC1BA,EAAK,gBACRC,EAAI,SAAS;AAAA,IACX,MAAML,EAAE,aAAa;AAAA,IACrB,SAAS;AAAA,IACT,MAAM,CAAC,cAAc;AAAA,EAAA,CACtB,GAEEI,EAAK,iBASRA,EAAK,iBAAiB,qCACtB,CAACT,EAAmBS,EAAK,cAAc,IAEvCC,EAAI,SAAS;AAAA,IACX,MAAML,EAAE,aAAa;AAAA,IACrB,SAAS;AAAA,IACT,MAAM,CAAC,gBAAgB;AAAA,EAAA,CACxB,IACQI,EAAK,iBAAiB,cAAc,CAACP,EAAiBO,EAAK,cAAc,KAClFC,EAAI,SAAS;AAAA,IACX,MAAML,EAAE,aAAa;AAAA,IACrB,SAAS;AAAA,IACT,MAAM,CAAC,gBAAgB;AAAA,EAAA,CACxB,IArBID,KACHM,EAAI,SAAS;AAAA,IACX,MAAML,EAAE,aAAa;AAAA,IACrB,SAAS;AAAA,IACT,MAAM,CAAC,gBAAgB;AAAA,EAAA,CACxB,GAkBDI,EAAK,iBAAiB,sBAAsB,CAACA,EAAK,WACpDC,EAAI,SAAS;AAAA,IACX,MAAML,EAAE,aAAa;AAAA,IACrB,SAAS;AAAA,IACT,MAAM,CAAC,SAAS;AAAA,EAAA,CACjB;AAGP,CAAC;"}
+{"version":3,"file":"EmploymentEligibilitySchema.js","sources":["../../../../../src/components/Employee/DocumentSigner/EmploymentEligibility/EmploymentEligibilitySchema.ts"],"sourcesContent":["import { z } from 'zod'\nimport {\n  AuthorizationStatus,\n  DocumentType as I9AuthorizationDocumentType,\n} from '@gusto/embedded-api/models/components/i9authorization'\n\nconst isValidUscisNumber = (value: string) => /^[Aa]?\\d{7,9}$/.test(value)\nconst isValidI94Number = (value: string) => /^\\d{9} ?[A-Za-z\\d]\\d$/.test(value)\n\nexport const generateEmploymentEligibilitySchema = (hasDocumentNumber?: boolean | null) =>\n  z\n    .object({\n      authorizationStatus: z.enum(AuthorizationStatus).optional(),\n      documentType: z.enum(I9AuthorizationDocumentType).optional(),\n      documentNumber: z.string().optional(),\n      expirationDate: z\n        .date()\n        .transform(date => date.toISOString().split('T')[0])\n        .optional(),\n      country: z.string().optional(),\n    })\n    .superRefine((data, ctx) => {\n      if (!data.authorizationStatus) {\n        ctx.addIssue({\n          code: z.ZodIssueCode.custom,\n          message: 'Authorization status is required',\n          path: ['authorizationStatus'],\n        })\n        return\n      }\n      if (data.authorizationStatus === 'permanent_resident') {\n        if (!data.documentNumber) {\n          if (!hasDocumentNumber) {\n            ctx.addIssue({\n              code: z.ZodIssueCode.custom,\n              message: 'Document number is required',\n              path: ['documentNumber'],\n            })\n          }\n        } else if (!isValidUscisNumber(data.documentNumber)) {\n          ctx.addIssue({\n            code: z.ZodIssueCode.custom,\n            message: 'Enter a 7-9 digit USCIS number or A-Number (e.g. A123456789)',\n            path: ['documentNumber'],\n          })\n        }\n      }\n      if (data.authorizationStatus === 'alien') {\n        if (!data.documentType) {\n          ctx.addIssue({\n            code: z.ZodIssueCode.custom,\n            message: 'Authorization document is required',\n            path: ['documentType'],\n          })\n        }\n        if (!data.documentNumber) {\n          if (!hasDocumentNumber) {\n            ctx.addIssue({\n              code: z.ZodIssueCode.custom,\n              message: 'Document number is required',\n              path: ['documentNumber'],\n            })\n          }\n        } else if (\n          data.documentType === 'uscis_alien_registration_number' &&\n          !isValidUscisNumber(data.documentNumber)\n        ) {\n          ctx.addIssue({\n            code: z.ZodIssueCode.custom,\n            message: 'Enter a 7-9 digit USCIS number or A-Number (e.g. A123456789)',\n            path: ['documentNumber'],\n          })\n        } else if (data.documentType === 'form_i94' && !isValidI94Number(data.documentNumber)) {\n          ctx.addIssue({\n            code: z.ZodIssueCode.custom,\n            message: 'Enter a valid 11-character Form I-94 admission number',\n            path: ['documentNumber'],\n          })\n        }\n        if (data.documentType === 'foreign_passport' && !data.country) {\n          ctx.addIssue({\n            code: z.ZodIssueCode.custom,\n            message: 'Country of issuance is required',\n            path: ['country'],\n          })\n        }\n      }\n    })\n\nexport type EmploymentEligibilityInputs = z.input<\n  ReturnType<typeof generateEmploymentEligibilitySchema>\n>\nexport type EmploymentEligibilityPayload = z.infer<\n  ReturnType<typeof generateEmploymentEligibilitySchema>\n>\n"],"names":["isValidUscisNumber","value","isValidI94Number","generateEmploymentEligibilitySchema","hasDocumentNumber","z","AuthorizationStatus","I9AuthorizationDocumentType","date","data","ctx"],"mappings":";;AAMA,MAAMA,IAAqB,CAACC,MAAkB,iBAAiB,KAAKA,CAAK,GACnEC,IAAmB,CAACD,MAAkB,wBAAwB,KAAKA,CAAK,GAEjEE,IAAsC,CAACC,MAClDC,EACG,OAAO;AAAA,EACN,qBAAqBA,EAAE,KAAKC,CAAmB,EAAE,SAAA;AAAA,EACjD,cAAcD,EAAE,KAAKE,CAA2B,EAAE,SAAA;AAAA,EAClD,gBAAgBF,EAAE,OAAA,EAAS,SAAA;AAAA,EAC3B,gBAAgBA,EACb,KAAA,EACA,UAAU,CAAAG,MAAQA,EAAK,YAAA,EAAc,MAAM,GAAG,EAAE,CAAC,CAAC,EAClD,SAAA;AAAA,EACH,SAASH,EAAE,OAAA,EAAS,SAAA;AACtB,CAAC,EACA,YAAY,CAACI,GAAMC,MAAQ;AAC1B,MAAI,CAACD,EAAK,qBAAqB;AAC7B,IAAAC,EAAI,SAAS;AAAA,MACX,MAAML,EAAE,aAAa;AAAA,MACrB,SAAS;AAAA,MACT,MAAM,CAAC,qBAAqB;AAAA,IAAA,CAC7B;AACD;AAAA,EACF;AACA,EAAII,EAAK,wBAAwB,yBAC1BA,EAAK,iBAQET,EAAmBS,EAAK,cAAc,KAChDC,EAAI,SAAS;AAAA,IACX,MAAML,EAAE,aAAa;AAAA,IACrB,SAAS;AAAA,IACT,MAAM,CAAC,gBAAgB;AAAA,EAAA,CACxB,IAZID,KACHM,EAAI,SAAS;AAAA,IACX,MAAML,EAAE,aAAa;AAAA,IACrB,SAAS;AAAA,IACT,MAAM,CAAC,gBAAgB;AAAA,EAAA,CACxB,IAUHI,EAAK,wBAAwB,YAC1BA,EAAK,gBACRC,EAAI,SAAS;AAAA,IACX,MAAML,EAAE,aAAa;AAAA,IACrB,SAAS;AAAA,IACT,MAAM,CAAC,cAAc;AAAA,EAAA,CACtB,GAEEI,EAAK,iBASRA,EAAK,iBAAiB,qCACtB,CAACT,EAAmBS,EAAK,cAAc,IAEvCC,EAAI,SAAS;AAAA,IACX,MAAML,EAAE,aAAa;AAAA,IACrB,SAAS;AAAA,IACT,MAAM,CAAC,gBAAgB;AAAA,EAAA,CACxB,IACQI,EAAK,iBAAiB,cAAc,CAACP,EAAiBO,EAAK,cAAc,KAClFC,EAAI,SAAS;AAAA,IACX,MAAML,EAAE,aAAa;AAAA,IACrB,SAAS;AAAA,IACT,MAAM,CAAC,gBAAgB;AAAA,EAAA,CACxB,IArBID,KACHM,EAAI,SAAS;AAAA,IACX,MAAML,EAAE,aAAa;AAAA,IACrB,SAAS;AAAA,IACT,MAAM,CAAC,gBAAgB;AAAA,EAAA,CACxB,GAkBDI,EAAK,iBAAiB,sBAAsB,CAACA,EAAK,WACpDC,EAAI,SAAS;AAAA,IACX,MAAML,EAAE,aAAa;AAAA,IACrB,SAAS;AAAA,IACT,MAAM,CAAC,SAAS;AAAA,EAAA,CACjB;AAGP,CAAC;"}

package/dist/components/Employee/FederalTaxes/management/FederalTaxes.js

@@ -5,8 +5,8 @@ import { FederalTaxesView as y } from "../shared/FederalTaxesView.js";
 import { useFederalTaxesForm as C } from "../shared/useFederalTaxesForm/useFederalTaxesForm.js";
 import { BaseBoundaries as A, BaseLayout as L } from "../../../Base/Base.js";
 import "../../../Base/useBase.js";
-import { componentEvents as c } from "../../../../shared/constants.js";
 import "classnames";
+import { componentEvents as c } from "../../../../shared/constants.js";
 import { ActionsLayout as S } from "../../../Common/ActionsLayout/ActionsLayout.js";
 import { useI18n as b, useComponentDictionary as g } from "../../../../i18n/I18n.js";
 import { useComponentContext as w } from "../../../../contexts/ComponentAdapter/useComponentContext.js";

package/dist/components/Employee/FederalTaxes/onboarding/FederalTaxes.js

@@ -4,8 +4,8 @@ import { FederalTaxesView as p } from "../shared/FederalTaxesView.js";
 import { useFederalTaxesForm as l } from "../shared/useFederalTaxesForm/useFederalTaxesForm.js";
 import { BaseBoundaries as c, BaseLayout as E } from "../../../Base/Base.js";
 import "../../../Base/useBase.js";
-import { componentEvents as s } from "../../../../shared/constants.js";
 import "classnames";
+import { componentEvents as s } from "../../../../shared/constants.js";
 import { ActionsLayout as f } from "../../../Common/ActionsLayout/ActionsLayout.js";
 import { useI18n as T, useComponentDictionary as x } from "../../../../i18n/I18n.js";
 import { useComponentContext as F } from "../../../../contexts/ComponentAdapter/useComponentContext.js";

package/dist/components/Employee/PaymentMethod/Actions.js

@@ -1,8 +1,8 @@
 import { jsxs as d, jsx as e } from "react/jsx-runtime";
 import { useTranslation as m } from "react-i18next";
 import { usePaymentMethod as l } from "./usePaymentMethod.js";
-import "../../../shared/constants.js";
 import "classnames";
+import "../../../shared/constants.js";
 import { ActionsLayout as p } from "../../Common/ActionsLayout/ActionsLayout.js";
 import { useComponentContext as u } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 const P = () => {

package/dist/components/Employee/PaymentMethod/BankAccountEdit.js

@@ -2,8 +2,8 @@ import { jsxs as i, Fragment as u, jsx as r } from "react/jsx-runtime";
 import { useFormContext as m } from "react-hook-form";
 import { useTranslation as s } from "react-i18next";
 import { usePaymentMethod as c } from "./usePaymentMethod.js";
-import { PAYMENT_METHODS as l } from "../../../shared/constants.js";
 import "classnames";
+import { PAYMENT_METHODS as l } from "../../../shared/constants.js";
 import { TextInputField as o } from "../../Common/Fields/TextInputField/TextInputField.js";
 import { RadioGroupField as p } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
 const v = () => {

package/dist/components/Employee/PaymentMethod/BankAccountsList.js

@@ -2,8 +2,8 @@ import { jsx as n } from "react/jsx-runtime";
 import { useTranslation as d } from "react-i18next";
 import { usePaymentMethod as f } from "./usePaymentMethod.js";
 import y from "../../../assets/icons/trashcan.svg.js";
-import { SPLIT_BY as b } from "../../../shared/constants.js";
 import "classnames";
+import { SPLIT_BY as b } from "../../../shared/constants.js";
 import k from "../../../hooks/useNumberFormatter.js";
 import { centsToDollars as g } from "../../../helpers/currencyHelpers.js";
 import { HamburgerMenu as A } from "../../Common/HamburgerMenu/HamburgerMenu.js";

package/dist/components/Employee/PaymentMethod/PaymentMethod.js

@@ -1,4 +1,4 @@
-import { jsx as n, jsxs as R } from "react/jsx-runtime";
+import { jsx as n, jsxs as H } from "react/jsx-runtime";
 import { zodResolver as V } from "@hookform/resolvers/zod";
 import { useEmployeePaymentMethodCreateMutation as j } from "@gusto/embedded-api/react-query/employeePaymentMethodCreate";
 import { useEmployeePaymentMethodDeleteBankAccountMutation as G } from "@gusto/embedded-api/react-query/employeePaymentMethodDeleteBankAccount";
@@ -7,7 +7,7 @@ import { useEmployeePaymentMethodGetSuspense as z } from "@gusto/embedded-api/re
 import { useEmployeePaymentMethodUpdateBankAccountMutation as Q } from "@gusto/embedded-api/react-query/employeePaymentMethodUpdateBankAccount";
 import { useEmployeePaymentMethodUpdateMutation as J } from "@gusto/embedded-api/react-query/employeePaymentMethodUpdate";
 import { useQueryClient as W } from "@tanstack/react-query";
-import { useState as X, useMemo as k, useEffect as N } from "react";
+import { useState as X, useMemo as b, useEffect as N } from "react";
 import { useForm as Z, FormProvider as $ } from "react-hook-form";
 import { useTranslation as tt } from "react-i18next";
 import { CombinedSchema as et, PaymentMethodProvider as ot } from "./usePaymentMethod.js";
@@ -33,9 +33,9 @@ const Pt = ({ employeeId: o, className: f, dictionary: P, isAdmin: E = !1 }) =>
     data: { employeePaymentMethod: I }
   } = z({ employeeId: o }), t = I, { data: _ } = K({
     employeeId: o
-  }), l = _.employeeBankAccountList, M = J(), d = G(), T = j(), w = Q(), [u, a] = X(l.length < 1 ? "INITIAL" : "LIST");
+  }), l = _.employeeBankAccounts, M = J(), d = G(), T = j(), w = Q(), [u, a] = X(l.length < 1 ? "INITIAL" : "LIST");
   u !== "INITIAL" && l.length < 1 && a("INITIAL");
-  const S = k(() => ({
+  const S = b(() => ({
     type: "Direct Deposit",
     isSplit: !1,
     hasBankPayload: !1,
@@ -46,7 +46,7 @@ const Pt = ({ employeeId: o, className: f, dictionary: P, isAdmin: E = !1 }) =>
     splitBy: void 0,
     splitAmount: {},
     priority: {}
-  }), []), c = k(() => {
+  }), []), c = b(() => {
     const i = t.splitBy === A.amount;
     return {
       ...S,
@@ -70,9 +70,9 @@ const Pt = ({ employeeId: o, className: f, dictionary: P, isAdmin: E = !1 }) =>
   }, [S, t.type, t.splitBy, t.splits]), r = Z({
     resolver: V(et),
     defaultValues: c
-  }), O = r.watch("type"), { reset: y } = r, { mutateAsync: v } = M;
+  }), O = r.watch("type"), { reset: y } = r, { mutateAsync: k } = M;
   N(() => {
-    (async () => t.splits?.length === 1 && t.type === "Direct Deposit" && await v({
+    (async () => t.splits?.length === 1 && t.type === "Direct Deposit" && await k({
       request: {
         employeeId: o,
         requestBody: {
@@ -87,7 +87,7 @@ const Pt = ({ employeeId: o, className: f, dictionary: P, isAdmin: E = !1 }) =>
         }
       }
     }))();
-  }, [o, t, C, v]), N(() => {
+  }, [o, t, C, k]), N(() => {
     y(c);
   }, [l.length, t, c, y]);
   const q = async (i) => {
@@ -97,7 +97,7 @@ const Pt = ({ employeeId: o, className: f, dictionary: P, isAdmin: E = !1 }) =>
         const m = await T.mutateAsync({
           request: {
             employeeId: o,
-            requestBody: {
+            employeeBankAccountRequest: {
               name: e.name,
               routingNumber: e.routingNumber,
               accountNumber: e.accountNumber,
@@ -112,10 +112,10 @@ const Pt = ({ employeeId: o, className: f, dictionary: P, isAdmin: E = !1 }) =>
           version: t.version,
           splitBy: e.isSplit ? e.splitBy : t.splitBy ?? A.percentage,
           splits: e.isSplit && t.splits ? t.splits.map((D) => {
-            const b = e.splitAmount[D.uuid] ?? null, H = e.splitBy === A.amount;
+            const v = e.splitAmount[D.uuid] ?? null, x = e.splitBy === A.amount;
             return {
               ...D,
-              splitAmount: H ? ht(b) : b,
+              splitAmount: x ? ht(v) : v,
               priority: e.priority[D.uuid]
             };
           }) : t.splits ?? []
@@ -135,7 +135,7 @@ const Pt = ({ employeeId: o, className: f, dictionary: P, isAdmin: E = !1 }) =>
     a("ADD"), y(c);
   }, Y = () => {
     a("LIST"), y(c);
-  }, x = () => {
+  }, R = () => {
     a("SPLIT");
   };
   return /* @__PURE__ */ n("section", { className: f, children: /* @__PURE__ */ n(
@@ -151,10 +151,10 @@ const Pt = ({ employeeId: o, className: f, dictionary: P, isAdmin: E = !1 }) =>
         handleCancel: Y,
         handleAdd: U,
         handleDelete: F,
-        handleSplit: x,
+        handleSplit: R,
         isAdmin: E
       },
-      children: /* @__PURE__ */ n($, { ...r, children: /* @__PURE__ */ R(it, { onSubmit: r.handleSubmit(q), children: [
+      children: /* @__PURE__ */ n($, { ...r, children: /* @__PURE__ */ H(it, { onSubmit: r.handleSubmit(q), children: [
         /* @__PURE__ */ n(at, {}),
         /* @__PURE__ */ n(ct, {}),
         /* @__PURE__ */ n(ut, {}),

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

@@ -1 +1 @@
-{"version":3,"file":"PaymentMethod.js","sources":["../../../../src/components/Employee/PaymentMethod/PaymentMethod.tsx"],"sourcesContent":["import { zodResolver } from '@hookform/resolvers/zod'\nimport { useEmployeePaymentMethodCreateMutation } from '@gusto/embedded-api/react-query/employeePaymentMethodCreate'\nimport { useEmployeePaymentMethodDeleteBankAccountMutation } from '@gusto/embedded-api/react-query/employeePaymentMethodDeleteBankAccount'\nimport { useEmployeePaymentMethodsGetBankAccountsSuspense } from '@gusto/embedded-api/react-query/employeePaymentMethodsGetBankAccounts'\nimport { useEmployeePaymentMethodGetSuspense } from '@gusto/embedded-api/react-query/employeePaymentMethodGet'\nimport { useEmployeePaymentMethodUpdateBankAccountMutation } from '@gusto/embedded-api/react-query/employeePaymentMethodUpdateBankAccount'\nimport { useEmployeePaymentMethodUpdateMutation } from '@gusto/embedded-api/react-query/employeePaymentMethodUpdate'\nimport { useQueryClient } from '@tanstack/react-query'\nimport { useEffect, useMemo, useState } from 'react'\nimport { FormProvider, useForm, type DefaultValues, type SubmitHandler } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport type { OnboardingContextInterface } from '../OnboardingFlow/OnboardingFlowComponents'\nimport {\n  CombinedSchema,\n  type CombinedSchemaInputs,\n  type CombinedSchemaOutputs,\n  type MODE,\n  PaymentMethodProvider,\n} from './usePaymentMethod'\nimport {\n  useBase,\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { Form } from '@/components/Common/Form'\nimport { Actions } from '@/components/Employee/PaymentMethod/Actions'\nimport { BankAccountForm } from '@/components/Employee/PaymentMethod/BankAccountEdit'\nimport { BankAccountsList } from '@/components/Employee/PaymentMethod/BankAccountsList'\nimport { Head } from '@/components/Employee/PaymentMethod/Head'\nimport { PaymentTypeForm } from '@/components/Employee/PaymentMethod/PaymentTypeForm'\nimport { Split } from '@/components/Employee/PaymentMethod/Split'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, PAYMENT_METHODS, SPLIT_BY } from '@/shared/constants'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { centsToDollars, dollarsToCents } from '@/helpers/currencyHelpers'\n\ninterface PaymentMethodProps extends CommonComponentInterface<'Employee.PaymentMethod'> {\n  employeeId: string\n  defaultValues?: never\n  isAdmin?: boolean\n}\n\nexport function PaymentMethod(props: PaymentMethodProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ employeeId, className, dictionary, isAdmin = false }: PaymentMethodProps) => {\n  useI18n('Employee.PaymentMethod')\n  useComponentDictionary('Employee.PaymentMethod', dictionary)\n  const { baseSubmitHandler, onEvent } = useBase()\n  const queryClient = useQueryClient()\n\n  const {\n    data: { employeePaymentMethod },\n  } = useEmployeePaymentMethodGetSuspense({ employeeId })\n  const paymentMethod = employeePaymentMethod!\n  const { data: bankAccountsList } = useEmployeePaymentMethodsGetBankAccountsSuspense({\n    employeeId,\n  })\n  const bankAccounts = bankAccountsList.employeeBankAccountList!\n  const paymentMethodMutation = useEmployeePaymentMethodUpdateMutation()\n  const deleteBankAccountMutation = useEmployeePaymentMethodDeleteBankAccountMutation()\n  const addBankAccountMutation = useEmployeePaymentMethodCreateMutation()\n  const updateBankAccountMutation = useEmployeePaymentMethodUpdateBankAccountMutation()\n\n  const [mode, setMode] = useState<MODE>(bankAccounts.length < 1 ? 'INITIAL' : 'LIST')\n  if (mode !== 'INITIAL' && bankAccounts.length < 1) {\n    setMode('INITIAL')\n  }\n\n  const baseDefaultValues: Partial<CombinedSchemaOutputs> = useMemo(() => {\n    return {\n      type: 'Direct Deposit',\n      isSplit: false,\n      hasBankPayload: false,\n      name: '',\n      routingNumber: '',\n      accountNumber: '',\n      accountType: 'Checking',\n      splitBy: undefined,\n      splitAmount: {},\n      priority: {},\n    } as Partial<CombinedSchemaOutputs>\n  }, [])\n\n  const defaultValues: CombinedSchemaOutputs = useMemo(() => {\n    const isAmountSplit = paymentMethod.splitBy === SPLIT_BY.amount\n    return {\n      ...baseDefaultValues,\n      type: paymentMethod.type ?? 'Direct Deposit',\n      splitBy: paymentMethod.splitBy ?? undefined,\n      ...paymentMethod.splits?.reduce(\n        (acc, { uuid, splitAmount, priority }) => ({\n          splitAmount: {\n            ...acc.splitAmount,\n            [uuid]: isAmountSplit ? centsToDollars(splitAmount ?? null) : (splitAmount ?? null),\n          },\n          priority: { ...acc.priority, [uuid]: Number(priority) },\n        }),\n        { splitAmount: {}, priority: {} },\n      ),\n      remainder:\n        paymentMethod.type === 'Direct Deposit' && paymentMethod.splits\n          ? paymentMethod.splits.reduce(\n              (acc, curr) =>\n                curr.splitAmount === null ? curr.uuid : (paymentMethod.splits?.at(-1)?.uuid ?? acc),\n              '',\n            )\n          : undefined,\n    } as CombinedSchemaOutputs\n  }, [baseDefaultValues, paymentMethod.type, paymentMethod.splitBy, paymentMethod.splits])\n\n  const formMethods = useForm<CombinedSchemaInputs>({\n    resolver: zodResolver(CombinedSchema),\n    defaultValues: defaultValues as DefaultValues<CombinedSchemaInputs>,\n  })\n\n  const watchedType = formMethods.watch('type')\n\n  const { reset: resetForm } = formMethods\n  const { mutateAsync: mutatePaymentMethod } = paymentMethodMutation\n\n  useEffect(() => {\n    void (async () => {\n      if (paymentMethod.splits?.length === 1 && paymentMethod.type === 'Direct Deposit') {\n        await mutatePaymentMethod({\n          request: {\n            employeeId,\n            requestBody: {\n              splitBy: SPLIT_BY.percentage,\n              splits: paymentMethod.splits.map(split => ({\n                ...split,\n                splitAmount: 100,\n                priority: 1,\n              })),\n              version: paymentMethod.version as string,\n              type: 'Direct Deposit',\n            },\n          },\n        })\n      }\n    })()\n  }, [employeeId, paymentMethod, queryClient, mutatePaymentMethod])\n\n  useEffect(() => {\n    resetForm(defaultValues)\n  }, [bankAccounts.length, paymentMethod, defaultValues, resetForm])\n\n  const onSubmit: SubmitHandler<CombinedSchemaInputs> = async data => {\n    await baseSubmitHandler(data, async payload => {\n      const { type } = payload\n      if (\n        type === 'Direct Deposit' &&\n        payload.hasBankPayload &&\n        (mode === 'ADD' || mode === 'INITIAL')\n      ) {\n        const bankAccountResponse = await addBankAccountMutation.mutateAsync({\n          request: {\n            employeeId,\n            requestBody: {\n              name: payload.name,\n              routingNumber: payload.routingNumber,\n              accountNumber: payload.accountNumber,\n              accountType: payload.accountType,\n            },\n          },\n        })\n\n        onEvent(componentEvents.EMPLOYEE_BANK_ACCOUNT_CREATED, bankAccountResponse)\n      } else {\n        //Adding bank account updates payment method\n        const body =\n          type === PAYMENT_METHODS.check\n            ? { version: paymentMethod.version as string }\n            : {\n                ...paymentMethod,\n                version: paymentMethod.version as string,\n                splitBy: payload.isSplit\n                  ? payload.splitBy\n                  : (paymentMethod.splitBy ?? SPLIT_BY.percentage),\n                splits:\n                  payload.isSplit && paymentMethod.splits\n                    ? paymentMethod.splits.map(split => {\n                        const splitAmountValue = payload.splitAmount[split.uuid] ?? null\n                        const isAmountSplit = payload.splitBy === SPLIT_BY.amount\n                        return {\n                          ...split,\n                          splitAmount: isAmountSplit\n                            ? dollarsToCents(splitAmountValue)\n                            : splitAmountValue,\n                          priority: payload.priority[split.uuid],\n                        }\n                      })\n                    : (paymentMethod.splits ?? []),\n              }\n        const paymentMethodResponse = await paymentMethodMutation.mutateAsync({\n          request: { employeeId, requestBody: { ...body, type } },\n        })\n        onEvent(componentEvents.EMPLOYEE_PAYMENT_METHOD_UPDATED, paymentMethodResponse)\n      }\n      //Cleanup after submission bank/split submission\n      formMethods.setValue('isSplit', false)\n      formMethods.setValue('hasBankPayload', false)\n      //Notify that this component is ready to proceed\n      if (mode === 'LIST' || type === PAYMENT_METHODS.check) {\n        onEvent(componentEvents.EMPLOYEE_PAYMENT_METHOD_DONE)\n      } else {\n        setMode('LIST')\n      }\n    })\n  }\n\n  const handleDelete = async (uuid: string) => {\n    const data = await deleteBankAccountMutation.mutateAsync({\n      request: { employeeId, bankAccountUuid: uuid },\n    })\n    onEvent(componentEvents.EMPLOYEE_BANK_ACCOUNT_DELETED, data)\n  }\n  const handleAdd = () => {\n    setMode('ADD')\n    resetForm(defaultValues)\n  }\n  const handleCancel = () => {\n    setMode('LIST')\n    resetForm(defaultValues)\n  }\n  const handleSplit = () => {\n    setMode('SPLIT')\n  }\n\n  return (\n    <section className={className}>\n      <PaymentMethodProvider\n        value={{\n          bankAccounts,\n          isPending:\n            deleteBankAccountMutation.isPending ||\n            paymentMethodMutation.isPending ||\n            addBankAccountMutation.isPending ||\n            updateBankAccountMutation.isPending,\n          deletePendingBankAccountUuid: deleteBankAccountMutation.isPending\n            ? deleteBankAccountMutation.variables.request.bankAccountUuid\n            : undefined,\n          watchedType,\n          mode,\n          paymentMethod,\n          handleCancel,\n          handleAdd,\n          handleDelete,\n          handleSplit,\n          isAdmin,\n        }}\n      >\n        <FormProvider {...formMethods}>\n          <Form onSubmit={formMethods.handleSubmit(onSubmit)}>\n            <Head />\n            <PaymentTypeForm />\n            <BankAccountsList />\n            <BankAccountForm />\n            <Split />\n            <Actions />\n          </Form>\n        </FormProvider>\n      </PaymentMethodProvider>\n    </section>\n  )\n}\n\nexport const PaymentMethodContextual = () => {\n  const { employeeId, onEvent, isAdmin } = useFlow<OnboardingContextInterface>()\n  const { t } = useTranslation('common')\n\n  if (!employeeId) {\n    throw new Error(\n      t('errors.missingParamsOrContext', {\n        component: 'PaymentMethod',\n        param: 'employeeId',\n        provider: 'FlowProvider',\n      }),\n    )\n  }\n  return <PaymentMethod employeeId={employeeId} onEvent={onEvent} isAdmin={isAdmin} />\n}\n"],"names":["PaymentMethod","props","jsx","BaseComponent","Root","employeeId","className","dictionary","isAdmin","useI18n","useComponentDictionary","baseSubmitHandler","onEvent","useBase","queryClient","useQueryClient","employeePaymentMethod","useEmployeePaymentMethodGetSuspense","paymentMethod","bankAccountsList","useEmployeePaymentMethodsGetBankAccountsSuspense","bankAccounts","paymentMethodMutation","useEmployeePaymentMethodUpdateMutation","deleteBankAccountMutation","useEmployeePaymentMethodDeleteBankAccountMutation","addBankAccountMutation","useEmployeePaymentMethodCreateMutation","updateBankAccountMutation","useEmployeePaymentMethodUpdateBankAccountMutation","mode","setMode","useState","baseDefaultValues","useMemo","defaultValues","isAmountSplit","SPLIT_BY","acc","uuid","splitAmount","priority","centsToDollars","curr","formMethods","useForm","zodResolver","CombinedSchema","watchedType","resetForm","mutatePaymentMethod","useEffect","split","onSubmit","data","payload","type","bankAccountResponse","componentEvents","body","PAYMENT_METHODS","splitAmountValue","dollarsToCents","paymentMethodResponse","handleDelete","handleAdd","handleCancel","handleSplit","PaymentMethodProvider","FormProvider","jsxs","Form","Head","PaymentTypeForm","BankAccountsList","BankAccountForm","Split","Actions","PaymentMethodContextual","useFlow","t","useTranslation"],"mappings":"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"}
+{"version":3,"file":"PaymentMethod.js","sources":["../../../../src/components/Employee/PaymentMethod/PaymentMethod.tsx"],"sourcesContent":["import { zodResolver } from '@hookform/resolvers/zod'\nimport { useEmployeePaymentMethodCreateMutation } from '@gusto/embedded-api/react-query/employeePaymentMethodCreate'\nimport { useEmployeePaymentMethodDeleteBankAccountMutation } from '@gusto/embedded-api/react-query/employeePaymentMethodDeleteBankAccount'\nimport { useEmployeePaymentMethodsGetBankAccountsSuspense } from '@gusto/embedded-api/react-query/employeePaymentMethodsGetBankAccounts'\nimport { useEmployeePaymentMethodGetSuspense } from '@gusto/embedded-api/react-query/employeePaymentMethodGet'\nimport { useEmployeePaymentMethodUpdateBankAccountMutation } from '@gusto/embedded-api/react-query/employeePaymentMethodUpdateBankAccount'\nimport { useEmployeePaymentMethodUpdateMutation } from '@gusto/embedded-api/react-query/employeePaymentMethodUpdate'\nimport { useQueryClient } from '@tanstack/react-query'\nimport { useEffect, useMemo, useState } from 'react'\nimport { FormProvider, useForm, type DefaultValues, type SubmitHandler } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport type { OnboardingContextInterface } from '../OnboardingFlow/OnboardingFlowComponents'\nimport {\n  CombinedSchema,\n  type CombinedSchemaInputs,\n  type CombinedSchemaOutputs,\n  type MODE,\n  PaymentMethodProvider,\n} from './usePaymentMethod'\nimport {\n  useBase,\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { Form } from '@/components/Common/Form'\nimport { Actions } from '@/components/Employee/PaymentMethod/Actions'\nimport { BankAccountForm } from '@/components/Employee/PaymentMethod/BankAccountEdit'\nimport { BankAccountsList } from '@/components/Employee/PaymentMethod/BankAccountsList'\nimport { Head } from '@/components/Employee/PaymentMethod/Head'\nimport { PaymentTypeForm } from '@/components/Employee/PaymentMethod/PaymentTypeForm'\nimport { Split } from '@/components/Employee/PaymentMethod/Split'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, PAYMENT_METHODS, SPLIT_BY } from '@/shared/constants'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { centsToDollars, dollarsToCents } from '@/helpers/currencyHelpers'\n\ninterface PaymentMethodProps extends CommonComponentInterface<'Employee.PaymentMethod'> {\n  employeeId: string\n  defaultValues?: never\n  isAdmin?: boolean\n}\n\nexport function PaymentMethod(props: PaymentMethodProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ employeeId, className, dictionary, isAdmin = false }: PaymentMethodProps) => {\n  useI18n('Employee.PaymentMethod')\n  useComponentDictionary('Employee.PaymentMethod', dictionary)\n  const { baseSubmitHandler, onEvent } = useBase()\n  const queryClient = useQueryClient()\n\n  const {\n    data: { employeePaymentMethod },\n  } = useEmployeePaymentMethodGetSuspense({ employeeId })\n  const paymentMethod = employeePaymentMethod!\n  const { data: bankAccountsList } = useEmployeePaymentMethodsGetBankAccountsSuspense({\n    employeeId,\n  })\n  const bankAccounts = bankAccountsList.employeeBankAccounts!\n  const paymentMethodMutation = useEmployeePaymentMethodUpdateMutation()\n  const deleteBankAccountMutation = useEmployeePaymentMethodDeleteBankAccountMutation()\n  const addBankAccountMutation = useEmployeePaymentMethodCreateMutation()\n  const updateBankAccountMutation = useEmployeePaymentMethodUpdateBankAccountMutation()\n\n  const [mode, setMode] = useState<MODE>(bankAccounts.length < 1 ? 'INITIAL' : 'LIST')\n  if (mode !== 'INITIAL' && bankAccounts.length < 1) {\n    setMode('INITIAL')\n  }\n\n  const baseDefaultValues: Partial<CombinedSchemaOutputs> = useMemo(() => {\n    return {\n      type: 'Direct Deposit',\n      isSplit: false,\n      hasBankPayload: false,\n      name: '',\n      routingNumber: '',\n      accountNumber: '',\n      accountType: 'Checking',\n      splitBy: undefined,\n      splitAmount: {},\n      priority: {},\n    } as Partial<CombinedSchemaOutputs>\n  }, [])\n\n  const defaultValues: CombinedSchemaOutputs = useMemo(() => {\n    const isAmountSplit = paymentMethod.splitBy === SPLIT_BY.amount\n    return {\n      ...baseDefaultValues,\n      type: paymentMethod.type ?? 'Direct Deposit',\n      splitBy: paymentMethod.splitBy ?? undefined,\n      ...paymentMethod.splits?.reduce(\n        (acc, { uuid, splitAmount, priority }) => ({\n          splitAmount: {\n            ...acc.splitAmount,\n            [uuid]: isAmountSplit ? centsToDollars(splitAmount ?? null) : (splitAmount ?? null),\n          },\n          priority: { ...acc.priority, [uuid]: Number(priority) },\n        }),\n        { splitAmount: {}, priority: {} },\n      ),\n      remainder:\n        paymentMethod.type === 'Direct Deposit' && paymentMethod.splits\n          ? paymentMethod.splits.reduce(\n              (acc, curr) =>\n                curr.splitAmount === null ? curr.uuid : (paymentMethod.splits?.at(-1)?.uuid ?? acc),\n              '',\n            )\n          : undefined,\n    } as CombinedSchemaOutputs\n  }, [baseDefaultValues, paymentMethod.type, paymentMethod.splitBy, paymentMethod.splits])\n\n  const formMethods = useForm<CombinedSchemaInputs>({\n    resolver: zodResolver(CombinedSchema),\n    defaultValues: defaultValues as DefaultValues<CombinedSchemaInputs>,\n  })\n\n  const watchedType = formMethods.watch('type')\n\n  const { reset: resetForm } = formMethods\n  const { mutateAsync: mutatePaymentMethod } = paymentMethodMutation\n\n  useEffect(() => {\n    void (async () => {\n      if (paymentMethod.splits?.length === 1 && paymentMethod.type === 'Direct Deposit') {\n        await mutatePaymentMethod({\n          request: {\n            employeeId,\n            requestBody: {\n              splitBy: SPLIT_BY.percentage,\n              splits: paymentMethod.splits.map(split => ({\n                ...split,\n                splitAmount: 100,\n                priority: 1,\n              })),\n              version: paymentMethod.version as string,\n              type: 'Direct Deposit',\n            },\n          },\n        })\n      }\n    })()\n  }, [employeeId, paymentMethod, queryClient, mutatePaymentMethod])\n\n  useEffect(() => {\n    resetForm(defaultValues)\n  }, [bankAccounts.length, paymentMethod, defaultValues, resetForm])\n\n  const onSubmit: SubmitHandler<CombinedSchemaInputs> = async data => {\n    await baseSubmitHandler(data, async payload => {\n      const { type } = payload\n      if (\n        type === 'Direct Deposit' &&\n        payload.hasBankPayload &&\n        (mode === 'ADD' || mode === 'INITIAL')\n      ) {\n        const bankAccountResponse = await addBankAccountMutation.mutateAsync({\n          request: {\n            employeeId,\n            employeeBankAccountRequest: {\n              name: payload.name,\n              routingNumber: payload.routingNumber,\n              accountNumber: payload.accountNumber,\n              accountType: payload.accountType,\n            },\n          },\n        })\n\n        onEvent(componentEvents.EMPLOYEE_BANK_ACCOUNT_CREATED, bankAccountResponse)\n      } else {\n        //Adding bank account updates payment method\n        const body =\n          type === PAYMENT_METHODS.check\n            ? { version: paymentMethod.version as string }\n            : {\n                ...paymentMethod,\n                version: paymentMethod.version as string,\n                splitBy: payload.isSplit\n                  ? payload.splitBy\n                  : (paymentMethod.splitBy ?? SPLIT_BY.percentage),\n                splits:\n                  payload.isSplit && paymentMethod.splits\n                    ? paymentMethod.splits.map(split => {\n                        const splitAmountValue = payload.splitAmount[split.uuid] ?? null\n                        const isAmountSplit = payload.splitBy === SPLIT_BY.amount\n                        return {\n                          ...split,\n                          splitAmount: isAmountSplit\n                            ? dollarsToCents(splitAmountValue)\n                            : splitAmountValue,\n                          priority: payload.priority[split.uuid],\n                        }\n                      })\n                    : (paymentMethod.splits ?? []),\n              }\n        const paymentMethodResponse = await paymentMethodMutation.mutateAsync({\n          request: { employeeId, requestBody: { ...body, type } },\n        })\n        onEvent(componentEvents.EMPLOYEE_PAYMENT_METHOD_UPDATED, paymentMethodResponse)\n      }\n      //Cleanup after submission bank/split submission\n      formMethods.setValue('isSplit', false)\n      formMethods.setValue('hasBankPayload', false)\n      //Notify that this component is ready to proceed\n      if (mode === 'LIST' || type === PAYMENT_METHODS.check) {\n        onEvent(componentEvents.EMPLOYEE_PAYMENT_METHOD_DONE)\n      } else {\n        setMode('LIST')\n      }\n    })\n  }\n\n  const handleDelete = async (uuid: string) => {\n    const data = await deleteBankAccountMutation.mutateAsync({\n      request: { employeeId, bankAccountUuid: uuid },\n    })\n    onEvent(componentEvents.EMPLOYEE_BANK_ACCOUNT_DELETED, data)\n  }\n  const handleAdd = () => {\n    setMode('ADD')\n    resetForm(defaultValues)\n  }\n  const handleCancel = () => {\n    setMode('LIST')\n    resetForm(defaultValues)\n  }\n  const handleSplit = () => {\n    setMode('SPLIT')\n  }\n\n  return (\n    <section className={className}>\n      <PaymentMethodProvider\n        value={{\n          bankAccounts,\n          isPending:\n            deleteBankAccountMutation.isPending ||\n            paymentMethodMutation.isPending ||\n            addBankAccountMutation.isPending ||\n            updateBankAccountMutation.isPending,\n          deletePendingBankAccountUuid: deleteBankAccountMutation.isPending\n            ? deleteBankAccountMutation.variables.request.bankAccountUuid\n            : undefined,\n          watchedType,\n          mode,\n          paymentMethod,\n          handleCancel,\n          handleAdd,\n          handleDelete,\n          handleSplit,\n          isAdmin,\n        }}\n      >\n        <FormProvider {...formMethods}>\n          <Form onSubmit={formMethods.handleSubmit(onSubmit)}>\n            <Head />\n            <PaymentTypeForm />\n            <BankAccountsList />\n            <BankAccountForm />\n            <Split />\n            <Actions />\n          </Form>\n        </FormProvider>\n      </PaymentMethodProvider>\n    </section>\n  )\n}\n\nexport const PaymentMethodContextual = () => {\n  const { employeeId, onEvent, isAdmin } = useFlow<OnboardingContextInterface>()\n  const { t } = useTranslation('common')\n\n  if (!employeeId) {\n    throw new Error(\n      t('errors.missingParamsOrContext', {\n        component: 'PaymentMethod',\n        param: 'employeeId',\n        provider: 'FlowProvider',\n      }),\n    )\n  }\n  return <PaymentMethod employeeId={employeeId} onEvent={onEvent} isAdmin={isAdmin} />\n}\n"],"names":["PaymentMethod","props","jsx","BaseComponent","Root","employeeId","className","dictionary","isAdmin","useI18n","useComponentDictionary","baseSubmitHandler","onEvent","useBase","queryClient","useQueryClient","employeePaymentMethod","useEmployeePaymentMethodGetSuspense","paymentMethod","bankAccountsList","useEmployeePaymentMethodsGetBankAccountsSuspense","bankAccounts","paymentMethodMutation","useEmployeePaymentMethodUpdateMutation","deleteBankAccountMutation","useEmployeePaymentMethodDeleteBankAccountMutation","addBankAccountMutation","useEmployeePaymentMethodCreateMutation","updateBankAccountMutation","useEmployeePaymentMethodUpdateBankAccountMutation","mode","setMode","useState","baseDefaultValues","useMemo","defaultValues","isAmountSplit","SPLIT_BY","acc","uuid","splitAmount","priority","centsToDollars","curr","formMethods","useForm","zodResolver","CombinedSchema","watchedType","resetForm","mutatePaymentMethod","useEffect","split","onSubmit","data","payload","type","bankAccountResponse","componentEvents","body","PAYMENT_METHODS","splitAmountValue","dollarsToCents","paymentMethodResponse","handleDelete","handleAdd","handleCancel","handleSplit","PaymentMethodProvider","FormProvider","jsxs","Form","Head","PaymentTypeForm","BankAccountsList","BankAccountForm","Split","Actions","PaymentMethodContextual","useFlow","t","useTranslation"],"mappings":"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"}

package/dist/components/Employee/PaymentMethod/PaymentTypeForm.js

@@ -2,8 +2,8 @@ import { jsx as p } from "react/jsx-runtime";
 import { useTranslation as c } from "react-i18next";
 import { z as o } from "zod";
 import { usePaymentMethod as m } from "./usePaymentMethod.js";
-import { PAYMENT_METHODS as r } from "../../../shared/constants.js";
 import "classnames";
+import { PAYMENT_METHODS as r } from "../../../shared/constants.js";
 import { RadioGroupField as n } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
 o.object({
   type: o.enum(["Check", "Direct Deposit"])

package/dist/components/Employee/PaymentMethod/Split.js

@@ -5,8 +5,8 @@ import { ErrorMessage as z } from "@hookform/error-message";
 import g from "dompurify";
 import { useMemo as D, useEffect as j } from "react";
 import { usePaymentMethod as N } from "./usePaymentMethod.js";
-import { SPLIT_BY as h } from "../../../shared/constants.js";
 import "classnames";
+import { SPLIT_BY as h } from "../../../shared/constants.js";
 import { useLocale as q } from "../../../contexts/LocaleProvider/useLocale.js";
 import { useComponentContext as w } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { ReorderableList as I } from "../../Common/ReorderableList/ReorderableList.js";

package/dist/components/Employee/PaymentMethod/usePaymentMethod.js

@@ -9,7 +9,7 @@ import "../../Base/useBase.js";
 import "@gusto/embedded-api/models/errors/apierror";
 import "@gusto/embedded-api/models/errors/gustoembeddederror";
 import "@gusto/embedded-api/models/errors/sdkvalidationerror";
-import "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
+import "@gusto/embedded-api/models/errors/unprocessableentityerror";
 import "@gusto/embedded-api/models/errors/httpclienterrors";
 import "dompurify";
 import "../../../contexts/LocaleProvider/useLocale.js";

package/dist/components/Employee/Profile/management/Profile.js

@@ -6,12 +6,12 @@ import { useEmployeeDetailsForm as h } from "../shared/useEmployeeDetailsForm/us
 import R from "./Profile.module.scss.js";
 import { BaseBoundaries as L, BaseLayout as d } from "../../../Base/Base.js";
 import "../../../Base/useBase.js";
-import { componentEvents as c } from "../../../../shared/constants.js";
 import { Grid as g } from "../../../Common/Grid/Grid.js";
 import { ActionsLayout as y } from "../../../Common/ActionsLayout/ActionsLayout.js";
 import { Form as A } from "../../../Common/Form/Form.js";
 import { SDKFormProvider as S } from "../../../../partner-hook-utils/form/SDKFormProvider.js";
 import { useI18n as C, useComponentDictionary as M } from "../../../../i18n/I18n.js";
+import { componentEvents as c } from "../../../../shared/constants.js";
 import { useComponentContext as F } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 function z({
   FallbackComponent: t,

package/dist/components/Employee/Profile/onboarding/AdminProfile.js

@@ -11,12 +11,12 @@ import { SDKFormProvider as k } from "../../../../partner-hook-utils/form/SDKFor
 import { composeSubmitHandler as ee } from "../../../../partner-hook-utils/form/composeSubmitHandler.js";
 import { composeErrorHandler as oe } from "../../../../partner-hook-utils/composeErrorHandler.js";
 import { Grid as _ } from "../../../Common/Grid/Grid.js";
-import { componentEvents as E, EmployeeOnboardingStatus as v } from "../../../../shared/constants.js";
 import { ActionsLayout as te } from "../../../Common/ActionsLayout/ActionsLayout.js";
 import { Form as ie } from "../../../Common/Form/Form.js";
 import { BaseLayout as w } from "../../../Base/Base.js";
 import "../../../Base/useBase.js";
 import { useI18n as U, useComponentDictionary as se } from "../../../../i18n/I18n.js";
+import { componentEvents as E, EmployeeOnboardingStatus as v } from "../../../../shared/constants.js";
 import { useComponentContext as re } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { DatePickerField as ae } from "../../../Common/Fields/DatePickerField/DatePickerField.js";
 const ne = (t) => t?.onboarded === !0 || t?.onboardingStatus === v.ONBOARDING_COMPLETED || t?.onboardingStatus === v.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW || t?.onboardingStatus === v.SELF_ONBOARDING_COMPLETED_BY_EMPLOYEE;

package/dist/components/Employee/Profile/onboarding/EmployeeProfile.js

@@ -10,12 +10,12 @@ import { SDKFormProvider as v } from "../../../../partner-hook-utils/form/SDKFor
 import { composeSubmitHandler as Q } from "../../../../partner-hook-utils/form/composeSubmitHandler.js";
 import { composeErrorHandler as L } from "../../../../partner-hook-utils/composeErrorHandler.js";
 import { Grid as A } from "../../../Common/Grid/Grid.js";
-import { componentEvents as p } from "../../../../shared/constants.js";
 import { ActionsLayout as z } from "../../../Common/ActionsLayout/ActionsLayout.js";
 import { Form as B } from "../../../Common/Form/Form.js";
 import { BaseLayout as S } from "../../../Base/Base.js";
 import "../../../Base/useBase.js";
 import { useI18n as N, useComponentDictionary as Y } from "../../../../i18n/I18n.js";
+import { componentEvents as p } from "../../../../shared/constants.js";
 import { useComponentContext as W } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { getStreet as Z, getCityStateZip as j } from "../../../../helpers/formattedStrings.js";
 const q = {