@gusto/embedded-react-sdk 0.30.0 → 0.31.0

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

@@ -1,48 +1,66 @@
-import { state as r, transition as n, reduce as m } from "robot3";
-import { DocumentListContextual as i, SignatureFormContextual as d } from "./documentSignerStateMachine.js";
-import { componentEvents as e } from "../../../shared/constants.js";
-const c = {
-  index: r(
-    n(
-      e.EMPLOYEE_VIEW_FORM_TO_SIGN,
-      "signatureForm",
+import { state as i, transition as e, reduce as m } from "robot3";
+import { DocumentListContextual as r, I9SignatureFormContextual as d, SignatureFormContextual as a } from "./documentSignerStateMachine.js";
+import { componentEvents as t, I9_FORM_NAME as I } from "../../../shared/constants.js";
+const M = {
+  employmentEligibility: i(
+    e(
+      t.EMPLOYEE_EMPLOYMENT_ELIGIBILITY_DONE,
+      "index",
       m(
-        (o, t) => ({
+        (o, n) => ({
           ...o,
-          formId: t.payload.uuid,
-          component: d
+          component: r
         })
       )
+    )
+  ),
+  index: i(
+    e(
+      t.EMPLOYEE_VIEW_FORM_TO_SIGN,
+      "signatureForm",
+      m(
+        (o, n) => {
+          const E = n.payload.name === I;
+          return {
+            ...o,
+            formId: n.payload.uuid,
+            isI9Form: E,
+            component: E ? d : a
+          };
+        }
+      )
     ),
-    n(e.EMPLOYEE_FORMS_DONE, "done")
+    e(t.EMPLOYEE_FORMS_DONE, "done")
   ),
-  signatureForm: r(
-    n(
-      e.CANCEL,
+  signatureForm: i(
+    e(
+      t.CANCEL,
       "index",
       m(
-        (o, t) => ({
+        (o, n) => ({
           ...o,
           formId: void 0,
-          component: i
+          isI9Form: void 0,
+          component: r
         })
       )
     ),
-    n(
-      e.EMPLOYEE_SIGN_FORM,
+    e(
+      t.EMPLOYEE_SIGN_FORM,
       "index",
       m(
-        (o, t) => ({
+        (o, n) => ({
           ...o,
           formId: void 0,
-          component: i
+          isI9Form: void 0,
+          component: r
         })
       )
     )
   ),
-  done: r()
+  done: i()
 };
 export {
-  c as documentSignerMachine
+  M as documentSignerMachine
 };
 //# sourceMappingURL=stateMachine.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"stateMachine.js","sources":["../../../../src/components/Employee/DocumentSigner/stateMachine.ts"],"sourcesContent":["import { state, transition, reduce, state as final } from 'robot3'\nimport type { DocumentSignerContextInterface, EventPayloads } from './documentSignerStateMachine'\nimport { SignatureFormContextual, DocumentListContextual } from './documentSignerStateMachine'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\n\nexport const documentSignerMachine = {\n  index: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_VIEW_FORM_TO_SIGN,\n      'signatureForm',\n      reduce(\n        (\n          ctx: DocumentSignerContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.EMPLOYEE_VIEW_FORM_TO_SIGN>,\n        ): DocumentSignerContextInterface => ({\n          ...ctx,\n          formId: ev.payload.uuid,\n          component: SignatureFormContextual,\n        }),\n      ),\n    ),\n    transition(componentEvents.EMPLOYEE_FORMS_DONE, 'done'),\n  ),\n  signatureForm: state<MachineTransition>(\n    transition(\n      componentEvents.CANCEL,\n      'index',\n      reduce(\n        (\n          ctx: DocumentSignerContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CANCEL>,\n        ): DocumentSignerContextInterface => ({\n          ...ctx,\n          formId: undefined,\n          component: DocumentListContextual,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_SIGN_FORM,\n      'index',\n      reduce(\n        (\n          ctx: DocumentSignerContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.EMPLOYEE_SIGN_FORM>,\n        ): DocumentSignerContextInterface => ({\n          ...ctx,\n          formId: undefined,\n          component: DocumentListContextual,\n        }),\n      ),\n    ),\n  ),\n  done: final(),\n}\n"],"names":["documentSignerMachine","state","transition","componentEvents","reduce","ctx","ev","SignatureFormContextual","DocumentListContextual","final"],"mappings":";;;AAMO,MAAMA,IAAwB;AAAA,EACnC,OAAOC;AAAA,IACLC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEC,GACAC,OACoC;AAAA,UACpC,GAAGD;AAAA,UACH,QAAQC,EAAG,QAAQ;AAAA,UACnB,WAAWC;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,IAEFL,EAAWC,EAAgB,qBAAqB,MAAM;AAAA,EAAA;AAAA,EAExD,eAAeF;AAAA,IACbC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEC,GACAC,OACoC;AAAA,UACpC,GAAGD;AAAA,UACH,QAAQ;AAAA,UACR,WAAWG;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,IAEFN;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEC,GACAC,OACoC;AAAA,UACpC,GAAGD;AAAA,UACH,QAAQ;AAAA,UACR,WAAWG;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAAA,EAEF,MAAMC,EAAA;AACR;"}
+{"version":3,"file":"stateMachine.js","sources":["../../../../src/components/Employee/DocumentSigner/stateMachine.ts"],"sourcesContent":["import { state, transition, reduce, state as final } from 'robot3'\nimport type { DocumentSignerContextInterface, EventPayloads } from './documentSignerStateMachine'\nimport {\n  SignatureFormContextual,\n  DocumentListContextual,\n  I9SignatureFormContextual,\n} from './documentSignerStateMachine'\nimport { componentEvents, I9_FORM_NAME } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\n\nexport const documentSignerMachine = {\n  employmentEligibility: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_EMPLOYMENT_ELIGIBILITY_DONE,\n      'index',\n      reduce(\n        (\n          ctx: DocumentSignerContextInterface,\n          ev: MachineEventType<\n            EventPayloads,\n            typeof componentEvents.EMPLOYEE_EMPLOYMENT_ELIGIBILITY_DONE\n          >,\n        ): DocumentSignerContextInterface => ({\n          ...ctx,\n          component: DocumentListContextual,\n        }),\n      ),\n    ),\n  ),\n  index: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_VIEW_FORM_TO_SIGN,\n      'signatureForm',\n      reduce(\n        (\n          ctx: DocumentSignerContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.EMPLOYEE_VIEW_FORM_TO_SIGN>,\n        ): DocumentSignerContextInterface => {\n          const isI9Form = ev.payload.name === I9_FORM_NAME\n          return {\n            ...ctx,\n            formId: ev.payload.uuid,\n            isI9Form,\n            component: isI9Form ? I9SignatureFormContextual : SignatureFormContextual,\n          }\n        },\n      ),\n    ),\n    transition(componentEvents.EMPLOYEE_FORMS_DONE, 'done'),\n  ),\n  signatureForm: state<MachineTransition>(\n    transition(\n      componentEvents.CANCEL,\n      'index',\n      reduce(\n        (\n          ctx: DocumentSignerContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CANCEL>,\n        ): DocumentSignerContextInterface => ({\n          ...ctx,\n          formId: undefined,\n          isI9Form: undefined,\n          component: DocumentListContextual,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_SIGN_FORM,\n      'index',\n      reduce(\n        (\n          ctx: DocumentSignerContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.EMPLOYEE_SIGN_FORM>,\n        ): DocumentSignerContextInterface => ({\n          ...ctx,\n          formId: undefined,\n          isI9Form: undefined,\n          component: DocumentListContextual,\n        }),\n      ),\n    ),\n  ),\n  done: final(),\n}\n"],"names":["documentSignerMachine","state","transition","componentEvents","reduce","ctx","ev","DocumentListContextual","isI9Form","I9_FORM_NAME","I9SignatureFormContextual","SignatureFormContextual","final"],"mappings":";;;AAUO,MAAMA,IAAwB;AAAA,EACnC,uBAAuBC;AAAA,IACrBC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEC,GACAC,OAIoC;AAAA,UACpC,GAAGD;AAAA,UACH,WAAWE;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAAA,EAEF,OAAON;AAAA,IACLC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEC,GACAC,MACmC;AACnC,gBAAME,IAAWF,EAAG,QAAQ,SAASG;AACrC,iBAAO;AAAA,YACL,GAAGJ;AAAA,YACH,QAAQC,EAAG,QAAQ;AAAA,YACnB,UAAAE;AAAA,YACA,WAAWA,IAAWE,IAA4BC;AAAA,UAAA;AAAA,QAEtD;AAAA,MAAA;AAAA,IACF;AAAA,IAEFT,EAAWC,EAAgB,qBAAqB,MAAM;AAAA,EAAA;AAAA,EAExD,eAAeF;AAAA,IACbC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEC,GACAC,OACoC;AAAA,UACpC,GAAGD;AAAA,UACH,QAAQ;AAAA,UACR,UAAU;AAAA,UACV,WAAWE;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,IAEFL;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEC,GACAC,OACoC;AAAA,UACpC,GAAGD;AAAA,UACH,QAAQ;AAAA,UACR,UAAU;AAAA,UACV,WAAWE;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAAA,EAEF,MAAMK,EAAA;AACR;"}

package/dist/components/Employee/EmployeeDocuments/EmployeeDocuments.d.ts

@@ -0,0 +1,10 @@
+import { BaseComponentInterface } from '../../Base';
+import { OnEventType } from '../../Base/useBase';
+import { EventType } from '../../../shared/constants';
+interface EmployeeDocumentsProps extends BaseComponentInterface<'Employee.EmployeeDocuments'> {
+    employeeId: string;
+    onEvent: OnEventType<EventType, unknown>;
+}
+export declare function EmployeeDocuments(props: EmployeeDocumentsProps): import("react/jsx-runtime").JSX.Element;
+export declare const EmployeeDocumentsContextual: () => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Employee/EmployeeDocuments/EmployeeDocuments.js

@@ -0,0 +1,55 @@
+import { jsx as n } from "react/jsx-runtime";
+import { useIsMutating as D } from "@tanstack/react-query";
+import { useEmployeesGetSuspense as d } from "@gusto/embedded-api/react-query/employeesGet";
+import { useEmployeesUpdateOnboardingDocumentsConfigMutation as y, mutationKeyEmployeesUpdateOnboardingDocumentsConfig as f } from "@gusto/embedded-api/react-query/employeesUpdateOnboardingDocumentsConfig";
+import { EmployeeDocumentsPresentation as g } from "./EmployeeDocumentsPresentation.js";
+import { BaseComponent as O } from "../../Base/Base.js";
+import { useBase as S } from "../../Base/useBase.js";
+import { useComponentDictionary as b } from "../../../i18n/I18n.js";
+import { EmployeeSelfOnboardingStatuses as N, EmployeeOnboardingStatus as C, componentEvents as m } from "../../../shared/constants.js";
+import { useFlow as _ } from "../../Flow/useFlow.js";
+import { ensureRequired as I } from "../../../helpers/ensureRequired.js";
+function M(o) {
+  return /* @__PURE__ */ n(O, { ...o, children: /* @__PURE__ */ n(P, { ...o }) });
+}
+const P = ({ employeeId: o, dictionary: t }) => {
+  b("Employee.EmployeeDocuments", t);
+  const { onEvent: s, baseSubmitHandler: r } = S(), { data: u } = d({ employeeId: o }), e = u.employee, a = e?.onboardingDocumentsConfig?.i9Document ?? !1, c = e?.onboardingStatus ? (
+    // @ts-expect-error: onboarding_status during runtime can be one of self onboarding statuses
+    N.has(e.onboardingStatus) || e.onboardingStatus === C.SELF_ONBOARDING_PENDING_INVITE
+  ) : !1, { mutateAsync: p } = y(), E = D({
+    mutationKey: f()
+  }) > 0;
+  return /* @__PURE__ */ n(
+    g,
+    {
+      isEmployeeSelfOnboarding: c,
+      currentI9Status: a,
+      onSubmit: async (i) => {
+        await r(i, async () => {
+          const l = await p({
+            request: {
+              employeeId: o,
+              employeeOnboardingDocumentsConfigRequest: {
+                i9Document: i.includeI9
+              }
+            }
+          });
+          s(m.EMPLOYEE_ONBOARDING_DOCUMENTS_CONFIG_UPDATED, l), s(m.EMPLOYEE_DOCUMENTS_DONE);
+        });
+      },
+      onDone: () => {
+        s(m.EMPLOYEE_DOCUMENTS_DONE);
+      },
+      isPending: E
+    }
+  );
+}, K = () => {
+  const { employeeId: o, onEvent: t } = _();
+  return /* @__PURE__ */ n(M, { employeeId: I(o), onEvent: t });
+};
+export {
+  M as EmployeeDocuments,
+  K as EmployeeDocumentsContextual
+};
+//# sourceMappingURL=EmployeeDocuments.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmployeeDocuments.js","sources":["../../../../src/components/Employee/EmployeeDocuments/EmployeeDocuments.tsx"],"sourcesContent":["import { useIsMutating } from '@tanstack/react-query'\nimport { useEmployeesGetSuspense } from '@gusto/embedded-api/react-query/employeesGet'\nimport {\n  useEmployeesUpdateOnboardingDocumentsConfigMutation,\n  mutationKeyEmployeesUpdateOnboardingDocumentsConfig,\n} from '@gusto/embedded-api/react-query/employeesUpdateOnboardingDocumentsConfig'\nimport {\n  EmployeeDocumentsPresentation,\n  type EmployeeDocumentsFormValues,\n} from './EmployeeDocumentsPresentation'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { useComponentDictionary } from '@/i18n'\nimport {\n  componentEvents,\n  EmployeeSelfOnboardingStatuses,\n  EmployeeOnboardingStatus,\n  type EventType,\n} from '@/shared/constants'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport type { OnboardingContextInterface } from '@/components/Employee/OnboardingFlow/OnboardingFlowComponents'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\ninterface EmployeeDocumentsProps extends BaseComponentInterface<'Employee.EmployeeDocuments'> {\n  employeeId: string\n  onEvent: OnEventType<EventType, unknown>\n}\n\nexport function EmployeeDocuments(props: EmployeeDocumentsProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ employeeId, dictionary }: EmployeeDocumentsProps) => {\n  useComponentDictionary('Employee.EmployeeDocuments', dictionary)\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const { data } = useEmployeesGetSuspense({ employeeId })\n  const employee = data.employee\n  const currentI9Status = employee?.onboardingDocumentsConfig?.i9Document ?? false\n\n  const isEmployeeSelfOnboarding = employee?.onboardingStatus\n    ? // @ts-expect-error: onboarding_status during runtime can be one of self onboarding statuses\n      EmployeeSelfOnboardingStatuses.has(employee.onboardingStatus) ||\n      employee.onboardingStatus === EmployeeOnboardingStatus.SELF_ONBOARDING_PENDING_INVITE\n    : false\n\n  const { mutateAsync: updateOnboardingDocumentsConfig } =\n    useEmployeesUpdateOnboardingDocumentsConfigMutation()\n\n  const isMutating = useIsMutating({\n    mutationKey: mutationKeyEmployeesUpdateOnboardingDocumentsConfig(),\n  })\n  const isPending = isMutating > 0\n\n  const onSubmit = async (formData: EmployeeDocumentsFormValues) => {\n    await baseSubmitHandler(formData, async () => {\n      const response = await updateOnboardingDocumentsConfig({\n        request: {\n          employeeId,\n          employeeOnboardingDocumentsConfigRequest: {\n            i9Document: formData.includeI9,\n          },\n        },\n      })\n\n      onEvent(componentEvents.EMPLOYEE_ONBOARDING_DOCUMENTS_CONFIG_UPDATED, response)\n      onEvent(componentEvents.EMPLOYEE_DOCUMENTS_DONE)\n    })\n  }\n\n  const handleDone = () => {\n    onEvent(componentEvents.EMPLOYEE_DOCUMENTS_DONE)\n  }\n\n  return (\n    <EmployeeDocumentsPresentation\n      isEmployeeSelfOnboarding={isEmployeeSelfOnboarding}\n      currentI9Status={currentI9Status}\n      onSubmit={onSubmit}\n      onDone={handleDone}\n      isPending={isPending}\n    />\n  )\n}\n\nexport const EmployeeDocumentsContextual = () => {\n  const { employeeId, onEvent } = useFlow<OnboardingContextInterface>()\n\n  return <EmployeeDocuments employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n"],"names":["EmployeeDocuments","props","jsx","BaseComponent","Root","employeeId","dictionary","useComponentDictionary","onEvent","baseSubmitHandler","useBase","data","useEmployeesGetSuspense","employee","currentI9Status","isEmployeeSelfOnboarding","EmployeeSelfOnboardingStatuses","EmployeeOnboardingStatus","updateOnboardingDocumentsConfig","useEmployeesUpdateOnboardingDocumentsConfigMutation","isPending","useIsMutating","mutationKeyEmployeesUpdateOnboardingDocumentsConfig","EmployeeDocumentsPresentation","formData","response","componentEvents","EmployeeDocumentsContextual","useFlow","ensureRequired"],"mappings":";;;;;;;;;;;AA4BO,SAASA,EAAkBC,GAA+B;AAC/D,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAM,GAAGH,GAAO,EAAA,CACnB;AAEJ;AAEA,MAAMG,IAAO,CAAC,EAAE,YAAAC,GAAY,YAAAC,QAAyC;AACnE,EAAAC,EAAuB,8BAA8BD,CAAU;AAC/D,QAAM,EAAE,SAAAE,GAAS,mBAAAC,EAAA,IAAsBC,EAAA,GAEjC,EAAE,MAAAC,EAAA,IAASC,EAAwB,EAAE,YAAAP,GAAY,GACjDQ,IAAWF,EAAK,UAChBG,IAAkBD,GAAU,2BAA2B,cAAc,IAErEE,IAA2BF,GAAU;AAAA;AAAA,IAEvCG,EAA+B,IAAIH,EAAS,gBAAgB,KAC5DA,EAAS,qBAAqBI,EAAyB;AAAA,MACvD,IAEE,EAAE,aAAaC,EAAA,IACnBC,EAAA,GAKIC,IAHaC,EAAc;AAAA,IAC/B,aAAaC,EAAA;AAAA,EAAoD,CAClE,IAC8B;AAsB/B,SACE,gBAAApB;AAAA,IAACqB;AAAA,IAAA;AAAA,MACC,0BAAAR;AAAA,MACA,iBAAAD;AAAA,MACA,UAxBa,OAAOU,MAA0C;AAChE,cAAMf,EAAkBe,GAAU,YAAY;AAC5C,gBAAMC,IAAW,MAAMP,EAAgC;AAAA,YACrD,SAAS;AAAA,cACP,YAAAb;AAAA,cACA,0CAA0C;AAAA,gBACxC,YAAYmB,EAAS;AAAA,cAAA;AAAA,YACvB;AAAA,UACF,CACD;AAED,UAAAhB,EAAQkB,EAAgB,8CAA8CD,CAAQ,GAC9EjB,EAAQkB,EAAgB,uBAAuB;AAAA,QACjD,CAAC;AAAA,MACH;AAAA,MAWI,QATe,MAAM;AACvB,QAAAlB,EAAQkB,EAAgB,uBAAuB;AAAA,MACjD;AAAA,MAQI,WAAAN;AAAA,IAAA;AAAA,EAAA;AAGN,GAEaO,IAA8B,MAAM;AAC/C,QAAM,EAAE,YAAAtB,GAAY,SAAAG,EAAA,IAAYoB,EAAA;AAEhC,2BAAQ5B,GAAA,EAAkB,YAAY6B,EAAexB,CAAU,GAAG,SAAAG,GAAkB;AACtF;"}

package/dist/components/Employee/EmployeeDocuments/EmployeeDocumentsPresentation.d.ts

@@ -0,0 +1,18 @@
+import { z } from 'zod';
+declare const EmployeeDocumentsSchema: z.ZodObject<{
+    includeI9: z.ZodBoolean;
+}, "strip", z.ZodTypeAny, {
+    includeI9: boolean;
+}, {
+    includeI9: boolean;
+}>;
+export type EmployeeDocumentsFormValues = z.infer<typeof EmployeeDocumentsSchema>;
+export interface EmployeeDocumentsPresentationProps {
+    isEmployeeSelfOnboarding: boolean;
+    currentI9Status: boolean;
+    onSubmit: (formData: EmployeeDocumentsFormValues) => Promise<void>;
+    onDone: () => void;
+    isPending: boolean;
+}
+export declare const EmployeeDocumentsPresentation: ({ isEmployeeSelfOnboarding, currentI9Status, onSubmit, onDone, isPending, }: EmployeeDocumentsPresentationProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Employee/EmployeeDocuments/EmployeeDocumentsPresentation.js

@@ -0,0 +1,116 @@
+import { jsx as e, Fragment as x, jsxs as r } from "react/jsx-runtime";
+import { useTranslation as y, Trans as h } from "react-i18next";
+import { useForm as I, FormProvider as L } from "react-hook-form";
+import { zodResolver as E } from "@hookform/resolvers/zod";
+import { z as p } from "zod";
+import { Flex as l, FlexItem as o } from "../../Common/Flex/Flex.js";
+import "classnames";
+import "../../../shared/constants.js";
+import { useComponentContext as v } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import "react";
+import { Form as w } from "../../Common/Form/Form.js";
+import { useI18n as C } from "../../../i18n/I18n.js";
+import { CheckboxField as F } from "../../Common/Fields/CheckboxField/CheckboxField.js";
+const u = "gusto-sdk-employee-documents-form", T = p.object({
+  includeI9: p.boolean()
+}), Y = ({
+  isEmployeeSelfOnboarding: a,
+  currentI9Status: g,
+  onSubmit: f,
+  onDone: b,
+  isPending: O
+}) => {
+  C("Employee.EmployeeDocuments");
+  const { t: n } = y("Employee.EmployeeDocuments"), { Alert: d, Heading: t, Text: i, Button: s, Link: m, UnorderedList: D } = v(), c = I({
+    resolver: E(T),
+    defaultValues: {
+      includeI9: g
+    }
+  }), S = c.watch("includeI9");
+  return /* @__PURE__ */ e(x, { children: /* @__PURE__ */ r(l, { flexDirection: "column", gap: 16, children: [
+    a ? /* @__PURE__ */ e(L, { ...c, children: /* @__PURE__ */ e(w, { id: u, onSubmit: c.handleSubmit(f), children: /* @__PURE__ */ r(l, { flexDirection: "column", gap: 16, children: [
+      /* @__PURE__ */ r(o, { children: [
+        /* @__PURE__ */ e(t, { as: "h2", children: n("selfOnboarding.title") }),
+        /* @__PURE__ */ e(i, { variant: "supporting", children: n("selfOnboarding.description") })
+      ] }),
+      /* @__PURE__ */ e(t, { as: "h3", children: n("selfOnboarding.documentsIncludedLabel") }),
+      /* @__PURE__ */ r(o, { children: [
+        /* @__PURE__ */ e(i, { weight: "medium", children: n("selfOnboarding.taxWithholdingLabel") }),
+        /* @__PURE__ */ e(i, { variant: "supporting", children: n("selfOnboarding.taxWithholdingDescription") })
+      ] }),
+      /* @__PURE__ */ r(o, { children: [
+        /* @__PURE__ */ e(i, { weight: "medium", children: n("selfOnboarding.directDepositLabel") }),
+        /* @__PURE__ */ e(i, { variant: "supporting", children: n("selfOnboarding.directDepositDescription") })
+      ] }),
+      /* @__PURE__ */ e(t, { as: "h3", children: n("selfOnboarding.includeI9Heading") }),
+      /* @__PURE__ */ e(
+        F,
+        {
+          name: "includeI9",
+          label: n("selfOnboarding.includeI9Label"),
+          description: n("selfOnboarding.includeI9Description")
+        }
+      ),
+      S ? /* @__PURE__ */ e(d, { status: "warning", label: n("selfOnboarding.alerts.includedTitle"), children: /* @__PURE__ */ e(
+        D,
+        {
+          items: [
+            /* @__PURE__ */ e(
+              h,
+              {
+                i18nKey: "selfOnboarding.alerts.includedDescription",
+                t: n,
+                components: {
+                  Link: /* @__PURE__ */ e(m, {})
+                }
+              },
+              "included-description-1"
+            ),
+            /* @__PURE__ */ e("span", { children: n("selfOnboarding.alerts.includedDescription2") }, "included-description-2")
+          ]
+        }
+      ) }) : /* @__PURE__ */ e(d, { status: "info", label: n("selfOnboarding.alerts.notIncludedTitle"), children: /* @__PURE__ */ e(
+        h,
+        {
+          i18nKey: "selfOnboarding.alerts.notIncludedDescription",
+          t: n,
+          components: {
+            Link: /* @__PURE__ */ e(m, {})
+          }
+        }
+      ) })
+    ] }) }) }) : /* @__PURE__ */ r(l, { flexDirection: "column", gap: 16, children: [
+      /* @__PURE__ */ r(o, { children: [
+        /* @__PURE__ */ e(t, { as: "h2", children: n("notSelfOnboarding.title") }),
+        /* @__PURE__ */ e(i, { children: n("notSelfOnboarding.description") })
+      ] }),
+      /* @__PURE__ */ r(o, { children: [
+        /* @__PURE__ */ e(i, { weight: "medium", children: n("notSelfOnboarding.employmentEligibilityLabel") }),
+        /* @__PURE__ */ e(i, { children: n("notSelfOnboarding.employmentEligibilityDescription") })
+      ] }),
+      /* @__PURE__ */ r(o, { children: [
+        /* @__PURE__ */ e(i, { weight: "medium", children: n("notSelfOnboarding.taxWithholdingLabel") }),
+        /* @__PURE__ */ e(i, { children: n("notSelfOnboarding.taxWithholdingDescription") })
+      ] }),
+      /* @__PURE__ */ r(o, { children: [
+        /* @__PURE__ */ e(i, { weight: "medium", children: n("notSelfOnboarding.directDepositLabel") }),
+        /* @__PURE__ */ e(i, { children: n("notSelfOnboarding.directDepositDescription") })
+      ] }),
+      /* @__PURE__ */ e(d, { status: "info", label: n("notSelfOnboarding.alertTitle"), disableScrollIntoView: !0 })
+    ] }),
+    /* @__PURE__ */ e(l, { justifyContent: "flex-end", gap: 12, children: a ? /* @__PURE__ */ e(
+      s,
+      {
+        variant: "primary",
+        type: "submit",
+        form: u,
+        isLoading: O,
+        children: n("continueCta")
+      }
+    ) : /* @__PURE__ */ e(s, { variant: "primary", onClick: b, children: n("continueCta") }) })
+  ] }) });
+};
+export {
+  Y as EmployeeDocumentsPresentation
+};
+//# sourceMappingURL=EmployeeDocumentsPresentation.js.map

package/dist/components/Employee/EmployeeDocuments/EmployeeDocumentsPresentation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmployeeDocumentsPresentation.js","sources":["../../../../src/components/Employee/EmployeeDocuments/EmployeeDocumentsPresentation.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport { Flex, CheckboxField, FlexItem } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\nconst EMPLOYEE_DOCUMENTS_FORM_ID = 'gusto-sdk-employee-documents-form'\n\nconst EmployeeDocumentsSchema = z.object({\n  includeI9: z.boolean(),\n})\n\nexport type EmployeeDocumentsFormValues = z.infer<typeof EmployeeDocumentsSchema>\n\nexport interface EmployeeDocumentsPresentationProps {\n  isEmployeeSelfOnboarding: boolean\n  currentI9Status: boolean\n  onSubmit: (formData: EmployeeDocumentsFormValues) => Promise<void>\n  onDone: () => void\n  isPending: boolean\n}\n\nexport const EmployeeDocumentsPresentation = ({\n  isEmployeeSelfOnboarding,\n  currentI9Status,\n  onSubmit,\n  onDone,\n  isPending,\n}: EmployeeDocumentsPresentationProps) => {\n  useI18n('Employee.EmployeeDocuments')\n  const { t } = useTranslation('Employee.EmployeeDocuments')\n  const { Alert, Heading, Text, Button, Link, UnorderedList } = useComponentContext()\n\n  const formMethods = useForm<EmployeeDocumentsFormValues>({\n    resolver: zodResolver(EmployeeDocumentsSchema),\n    defaultValues: {\n      includeI9: currentI9Status,\n    },\n  })\n\n  const includeI9 = formMethods.watch('includeI9')\n\n  const renderSelfOnboarding = () => (\n    <FormProvider {...formMethods}>\n      <Form id={EMPLOYEE_DOCUMENTS_FORM_ID} onSubmit={formMethods.handleSubmit(onSubmit)}>\n        <Flex flexDirection=\"column\" gap={16}>\n          <FlexItem>\n            <Heading as=\"h2\">{t('selfOnboarding.title')}</Heading>\n            <Text variant=\"supporting\">{t('selfOnboarding.description')}</Text>\n          </FlexItem>\n\n          <Heading as=\"h3\">{t('selfOnboarding.documentsIncludedLabel')}</Heading>\n          <FlexItem>\n            <Text weight=\"medium\">{t('selfOnboarding.taxWithholdingLabel')}</Text>\n            <Text variant=\"supporting\">{t('selfOnboarding.taxWithholdingDescription')}</Text>\n          </FlexItem>\n          <FlexItem>\n            <Text weight=\"medium\">{t('selfOnboarding.directDepositLabel')}</Text>\n            <Text variant=\"supporting\">{t('selfOnboarding.directDepositDescription')}</Text>\n          </FlexItem>\n\n          <Heading as=\"h3\">{t('selfOnboarding.includeI9Heading')}</Heading>\n          <CheckboxField\n            name=\"includeI9\"\n            label={t('selfOnboarding.includeI9Label')}\n            description={t('selfOnboarding.includeI9Description')}\n          />\n\n          {includeI9 ? (\n            <Alert status=\"warning\" label={t('selfOnboarding.alerts.includedTitle')}>\n              <UnorderedList\n                items={[\n                  <Trans\n                    key=\"included-description-1\"\n                    i18nKey={'selfOnboarding.alerts.includedDescription'}\n                    t={t}\n                    components={{\n                      Link: <Link />,\n                    }}\n                  />,\n                  <span key=\"included-description-2\">\n                    {t('selfOnboarding.alerts.includedDescription2')}\n                  </span>,\n                ]}\n              />\n            </Alert>\n          ) : (\n            <Alert status=\"info\" label={t('selfOnboarding.alerts.notIncludedTitle')}>\n              <Trans\n                i18nKey={'selfOnboarding.alerts.notIncludedDescription'}\n                t={t}\n                components={{\n                  Link: <Link />,\n                }}\n              />\n            </Alert>\n          )}\n        </Flex>\n      </Form>\n    </FormProvider>\n  )\n\n  const renderNotSelfOnboarding = () => (\n    <Flex flexDirection=\"column\" gap={16}>\n      <FlexItem>\n        <Heading as=\"h2\">{t('notSelfOnboarding.title')}</Heading>\n        <Text>{t('notSelfOnboarding.description')}</Text>\n      </FlexItem>\n\n      <FlexItem>\n        <Text weight=\"medium\">{t('notSelfOnboarding.employmentEligibilityLabel')}</Text>\n        <Text>{t('notSelfOnboarding.employmentEligibilityDescription')}</Text>\n      </FlexItem>\n\n      <FlexItem>\n        <Text weight=\"medium\">{t('notSelfOnboarding.taxWithholdingLabel')}</Text>\n        <Text>{t('notSelfOnboarding.taxWithholdingDescription')}</Text>\n      </FlexItem>\n\n      <FlexItem>\n        <Text weight=\"medium\">{t('notSelfOnboarding.directDepositLabel')}</Text>\n        <Text>{t('notSelfOnboarding.directDepositDescription')}</Text>\n      </FlexItem>\n\n      <Alert status=\"info\" label={t('notSelfOnboarding.alertTitle')} disableScrollIntoView></Alert>\n    </Flex>\n  )\n\n  return (\n    <>\n      <Flex flexDirection=\"column\" gap={16}>\n        {isEmployeeSelfOnboarding ? renderSelfOnboarding() : renderNotSelfOnboarding()}\n\n        <Flex justifyContent=\"flex-end\" gap={12}>\n          {isEmployeeSelfOnboarding ? (\n            <Button\n              variant=\"primary\"\n              type=\"submit\"\n              form={EMPLOYEE_DOCUMENTS_FORM_ID}\n              isLoading={isPending}\n            >\n              {t('continueCta')}\n            </Button>\n          ) : (\n            <Button variant=\"primary\" onClick={onDone}>\n              {t('continueCta')}\n            </Button>\n          )}\n        </Flex>\n      </Flex>\n    </>\n  )\n}\n"],"names":["EMPLOYEE_DOCUMENTS_FORM_ID","EmployeeDocumentsSchema","z","EmployeeDocumentsPresentation","isEmployeeSelfOnboarding","currentI9Status","onSubmit","onDone","isPending","useI18n","t","useTranslation","Alert","Heading","Text","Button","Link","UnorderedList","useComponentContext","formMethods","useForm","zodResolver","includeI9","jsxs","Flex","jsx","FormProvider","Form","FlexItem","CheckboxField","Trans"],"mappings":"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"}

package/dist/components/Employee/EmployeeDocuments/index.d.ts

@@ -0,0 +1,2 @@
+import "./types/i18next.d.ts"
+export { EmployeeDocuments, EmployeeDocumentsContextual } from './EmployeeDocuments';

package/dist/components/Employee/EmployeeList/EmployeeList.js

@@ -8,12 +8,13 @@ import { Actions as C } from "./Actions.js";
 import { BaseComponent as Y } from "../../Base/Base.js";
 import { useBase as F } from "../../Base/useBase.js";
 import { Flex as U } from "../../Common/Flex/Flex.js";
+import "classnames";
+import { componentEvents as s, EmployeeOnboardingStatus as m } from "../../../shared/constants.js";
 import { Loading as W } from "../../Common/Loading/Loading.js";
 import "react-i18next";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
 import "react";
 import { useI18n as q, useComponentDictionary as j } from "../../../i18n/I18n.js";
-import { componentEvents as s, EmployeeOnboardingStatus as m } from "../../../shared/constants.js";
 import { Head as k } from "./Head.js";
 import { List as H } from "./List.js";
 import { useFlow as V } from "../../Flow/useFlow.js";
@@ -92,12 +93,12 @@ function K({ companyId: n, className: r, children: E, dictionary: u }) {
     }
   ) });
 }
-const fe = () => {
+const Oe = () => {
   const { companyId: n, onEvent: r } = V();
   return /* @__PURE__ */ o(J, { companyId: n, onEvent: r });
 };
 export {
   J as EmployeeList,
-  fe as EmployeeListContextual
+  Oe as EmployeeListContextual
 };
 //# sourceMappingURL=EmployeeList.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EmployeeList.js","sources":["../../../../src/components/Employee/EmployeeList/EmployeeList.tsx"],"sourcesContent":["import { useEmployeesList } from '@gusto/embedded-api/react-query/employeesList'\nimport type { OnboardingStatus } from '@gusto/embedded-api/models/operations/putv1employeesemployeeidonboardingstatus'\nimport { useEmployeesDeleteMutation } from '@gusto/embedded-api/react-query/employeesDelete'\nimport { useEmployeesUpdateOnboardingStatusMutation } from '@gusto/embedded-api/react-query/employeesUpdateOnboardingStatus'\nimport { keepPreviousData } from '@tanstack/react-query'\nimport type { OnboardingContextInterface } from '../OnboardingFlow/OnboardingFlowComponents'\nimport { EmployeeListProvider } from './useEmployeeList'\nimport { Actions } from './Actions'\nimport {\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { Flex, Loading } from '@/components/Common'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents, EmployeeOnboardingStatus } from '@/shared/constants'\nimport { Head } from '@/components/Employee/EmployeeList/Head'\nimport { List } from '@/components/Employee/EmployeeList/List'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { usePagination } from '@/hooks/usePagination/usePagination'\n\n//Interface for component specific props\ninterface EmployeeListProps extends CommonComponentInterface<'Employee.EmployeeList'> {\n  companyId: string\n}\n\nexport function EmployeeList(props: EmployeeListProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\nfunction Root({ companyId, className, children, dictionary }: EmployeeListProps) {\n  //Using i18n hook to directly load necessary namespace\n  useI18n('Employee.EmployeeList')\n  useComponentDictionary('Employee.EmployeeList', dictionary)\n  //Getting props from base context\n  const { onEvent, baseSubmitHandler } = useBase()\n  const { currentPage, itemsPerPage, getPaginationProps } = usePagination()\n\n  const { data, fetchStatus, isFetching } = useEmployeesList(\n    {\n      companyId,\n      page: currentPage,\n      per: itemsPerPage,\n    },\n    { placeholderData: keepPreviousData },\n  )\n\n  const { mutateAsync: deleteEmployeeMutation } = useEmployeesDeleteMutation()\n  const { mutateAsync: updateEmployeeOnboardingStatusMutation } =\n    useEmployeesUpdateOnboardingStatusMutation()\n\n  if (fetchStatus === 'fetching' && !data) {\n    return <Loading />\n  }\n  const { httpMeta, showEmployees: employeeList } = data!\n  const employees = employeeList!\n\n  const handleDelete = async (uuid: string) => {\n    await baseSubmitHandler(uuid, async payload => {\n      await deleteEmployeeMutation({\n        request: { employeeId: payload },\n      })\n\n      onEvent(componentEvents.EMPLOYEE_DELETED, { employeeId: payload })\n    })\n  }\n  /**Set onboarding status to self_onboarding_awaiting_admin_review and proceed to edit */\n  const handleReview = async (data: string) => {\n    await baseSubmitHandler(data, async employeeId => {\n      await updateOnboardingStatus({\n        employeeId,\n        status: EmployeeOnboardingStatus.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW,\n      })\n      onEvent(componentEvents.EMPLOYEE_UPDATE, {\n        employeeId,\n        onboardingStatus: EmployeeOnboardingStatus.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW,\n      })\n    })\n  }\n  /**Update employee onboarding status reverting it back to admin_onboarding_incomplete */\n  const handleCancelSelfOnboarding = async (data: string) => {\n    await baseSubmitHandler(data, async employeeId => {\n      await updateOnboardingStatus({\n        employeeId,\n        status: EmployeeOnboardingStatus.ADMIN_ONBOARDING_INCOMPLETE,\n      })\n    })\n  }\n  const updateOnboardingStatus = async (data: { employeeId: string; status: OnboardingStatus }) => {\n    await baseSubmitHandler(data, async ({ employeeId, status }) => {\n      const { employeeOnboardingStatus: responseData } =\n        await updateEmployeeOnboardingStatusMutation({\n          request: { employeeId, requestBody: { onboardingStatus: status } },\n        })\n      onEvent(componentEvents.EMPLOYEE_ONBOARDING_STATUS_UPDATED, responseData)\n    })\n  }\n  const handleNew = () => {\n    onEvent(componentEvents.EMPLOYEE_CREATE)\n  }\n  const handleSkip = () => {\n    onEvent(componentEvents.EMPLOYEE_ONBOARDING_DONE)\n  }\n\n  const handleEdit = (uuid: string, onboardingStatus?: OnboardingStatus) => {\n    onEvent(componentEvents.EMPLOYEE_UPDATE, { employeeId: uuid, onboardingStatus })\n  }\n  return (\n    <section className={className}>\n      <EmployeeListProvider\n        value={{\n          ...getPaginationProps(httpMeta.response.headers, isFetching),\n          isFetching,\n          handleEdit,\n          handleNew,\n          handleReview,\n          handleDelete,\n          employees,\n          handleCancelSelfOnboarding,\n          handleSkip,\n        }}\n      >\n        {children ? (\n          children\n        ) : (\n          <Flex flexDirection=\"column\">\n            <Head />\n            <List />\n            <Actions />\n          </Flex>\n        )}\n      </EmployeeListProvider>\n    </section>\n  )\n}\n\n/**\n * Wrapper used inside Flows -> exposes flow context for required parameters\n */\nexport const EmployeeListContextual = () => {\n  const { companyId, onEvent } = useFlow<OnboardingContextInterface>()\n  return <EmployeeList companyId={companyId} onEvent={onEvent} />\n}\n"],"names":["EmployeeList","props","jsx","BaseComponent","Root","companyId","className","children","dictionary","useI18n","useComponentDictionary","onEvent","baseSubmitHandler","useBase","currentPage","itemsPerPage","getPaginationProps","usePagination","data","fetchStatus","isFetching","useEmployeesList","keepPreviousData","deleteEmployeeMutation","useEmployeesDeleteMutation","updateEmployeeOnboardingStatusMutation","useEmployeesUpdateOnboardingStatusMutation","Loading","httpMeta","employeeList","employees","handleDelete","uuid","payload","componentEvents","handleReview","employeeId","updateOnboardingStatus","EmployeeOnboardingStatus","handleCancelSelfOnboarding","status","responseData","handleNew","handleSkip","handleEdit","onboardingStatus","EmployeeListProvider","jsxs","Flex","Head","List","Actions","EmployeeListContextual","useFlow"],"mappings":"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"}
+{"version":3,"file":"EmployeeList.js","sources":["../../../../src/components/Employee/EmployeeList/EmployeeList.tsx"],"sourcesContent":["import { useEmployeesList } from '@gusto/embedded-api/react-query/employeesList'\nimport type { OnboardingStatus } from '@gusto/embedded-api/models/operations/putv1employeesemployeeidonboardingstatus'\nimport { useEmployeesDeleteMutation } from '@gusto/embedded-api/react-query/employeesDelete'\nimport { useEmployeesUpdateOnboardingStatusMutation } from '@gusto/embedded-api/react-query/employeesUpdateOnboardingStatus'\nimport { keepPreviousData } from '@tanstack/react-query'\nimport type { OnboardingContextInterface } from '../OnboardingFlow/OnboardingFlowComponents'\nimport { EmployeeListProvider } from './useEmployeeList'\nimport { Actions } from './Actions'\nimport {\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { Flex, Loading } from '@/components/Common'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents, EmployeeOnboardingStatus } from '@/shared/constants'\nimport { Head } from '@/components/Employee/EmployeeList/Head'\nimport { List } from '@/components/Employee/EmployeeList/List'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { usePagination } from '@/hooks/usePagination/usePagination'\n\n//Interface for component specific props\ninterface EmployeeListProps extends CommonComponentInterface<'Employee.EmployeeList'> {\n  companyId: string\n}\n\nexport function EmployeeList(props: EmployeeListProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\nfunction Root({ companyId, className, children, dictionary }: EmployeeListProps) {\n  //Using i18n hook to directly load necessary namespace\n  useI18n('Employee.EmployeeList')\n  useComponentDictionary('Employee.EmployeeList', dictionary)\n  //Getting props from base context\n  const { onEvent, baseSubmitHandler } = useBase()\n  const { currentPage, itemsPerPage, getPaginationProps } = usePagination()\n\n  const { data, fetchStatus, isFetching } = useEmployeesList(\n    {\n      companyId,\n      page: currentPage,\n      per: itemsPerPage,\n    },\n    { placeholderData: keepPreviousData },\n  )\n\n  const { mutateAsync: deleteEmployeeMutation } = useEmployeesDeleteMutation()\n  const { mutateAsync: updateEmployeeOnboardingStatusMutation } =\n    useEmployeesUpdateOnboardingStatusMutation()\n\n  if (fetchStatus === 'fetching' && !data) {\n    return <Loading />\n  }\n  const { httpMeta, showEmployees: employeeList } = data!\n  const employees = employeeList!\n\n  const handleDelete = async (uuid: string) => {\n    await baseSubmitHandler(uuid, async payload => {\n      await deleteEmployeeMutation({\n        request: { employeeId: payload },\n      })\n\n      onEvent(componentEvents.EMPLOYEE_DELETED, { employeeId: payload })\n    })\n  }\n  /**Set onboarding status to self_onboarding_awaiting_admin_review and proceed to edit */\n  const handleReview = async (data: string) => {\n    await baseSubmitHandler(data, async employeeId => {\n      await updateOnboardingStatus({\n        employeeId,\n        status: EmployeeOnboardingStatus.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW,\n      })\n      onEvent(componentEvents.EMPLOYEE_UPDATE, {\n        employeeId,\n        onboardingStatus: EmployeeOnboardingStatus.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW,\n      })\n    })\n  }\n  /**Update employee onboarding status reverting it back to admin_onboarding_incomplete */\n  const handleCancelSelfOnboarding = async (data: string) => {\n    await baseSubmitHandler(data, async employeeId => {\n      await updateOnboardingStatus({\n        employeeId,\n        status: EmployeeOnboardingStatus.ADMIN_ONBOARDING_INCOMPLETE,\n      })\n    })\n  }\n  const updateOnboardingStatus = async (data: { employeeId: string; status: OnboardingStatus }) => {\n    await baseSubmitHandler(data, async ({ employeeId, status }) => {\n      const { employeeOnboardingStatus: responseData } =\n        await updateEmployeeOnboardingStatusMutation({\n          request: { employeeId, requestBody: { onboardingStatus: status } },\n        })\n      onEvent(componentEvents.EMPLOYEE_ONBOARDING_STATUS_UPDATED, responseData)\n    })\n  }\n  const handleNew = () => {\n    onEvent(componentEvents.EMPLOYEE_CREATE)\n  }\n  const handleSkip = () => {\n    onEvent(componentEvents.EMPLOYEE_ONBOARDING_DONE)\n  }\n\n  const handleEdit = (uuid: string, onboardingStatus?: OnboardingStatus) => {\n    onEvent(componentEvents.EMPLOYEE_UPDATE, { employeeId: uuid, onboardingStatus })\n  }\n  return (\n    <section className={className}>\n      <EmployeeListProvider\n        value={{\n          ...getPaginationProps(httpMeta.response.headers, isFetching),\n          isFetching,\n          handleEdit,\n          handleNew,\n          handleReview,\n          handleDelete,\n          employees,\n          handleCancelSelfOnboarding,\n          handleSkip,\n        }}\n      >\n        {children ? (\n          children\n        ) : (\n          <Flex flexDirection=\"column\">\n            <Head />\n            <List />\n            <Actions />\n          </Flex>\n        )}\n      </EmployeeListProvider>\n    </section>\n  )\n}\n\n/**\n * Wrapper used inside Flows -> exposes flow context for required parameters\n */\nexport const EmployeeListContextual = () => {\n  const { companyId, onEvent } = useFlow<OnboardingContextInterface>()\n  return <EmployeeList companyId={companyId} onEvent={onEvent} />\n}\n"],"names":["EmployeeList","props","jsx","BaseComponent","Root","companyId","className","children","dictionary","useI18n","useComponentDictionary","onEvent","baseSubmitHandler","useBase","currentPage","itemsPerPage","getPaginationProps","usePagination","data","fetchStatus","isFetching","useEmployeesList","keepPreviousData","deleteEmployeeMutation","useEmployeesDeleteMutation","updateEmployeeOnboardingStatusMutation","useEmployeesUpdateOnboardingStatusMutation","Loading","httpMeta","employeeList","employees","handleDelete","uuid","payload","componentEvents","handleReview","employeeId","updateOnboardingStatus","EmployeeOnboardingStatus","handleCancelSelfOnboarding","status","responseData","handleNew","handleSkip","handleEdit","onboardingStatus","EmployeeListProvider","jsxs","Flex","Head","List","Actions","EmployeeListContextual","useFlow"],"mappings":"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"}

package/dist/components/Employee/EmployeeList/Head.js

@@ -2,13 +2,14 @@ import { jsx as t } from "react/jsx-runtime";
 import { useTranslation as n } from "react-i18next";
 import { Flex as r } from "../../Common/Flex/Flex.js";
 import "classnames";
+import "../../../shared/constants.js";
 import { useComponentContext as m } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import "react";
-const f = () => {
+const d = () => {
   const { t: e } = n("Employee.EmployeeList"), o = m();
   return /* @__PURE__ */ t(r, { justifyContent: "space-between", alignItems: "center", children: /* @__PURE__ */ t(o.Heading, { as: "h2", children: e("title") }) });
 };
 export {
-  f as Head
+  d as Head
 };
 //# sourceMappingURL=Head.js.map

package/dist/components/Employee/EmployeeList/Head.js.map

@@ -1 +1 @@
-{"version":3,"file":"Head.js","sources":["../../../../src/components/Employee/EmployeeList/Head.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n// Head slot for EmployeeList component\nexport const Head = () => {\n  const { t } = useTranslation('Employee.EmployeeList')\n  const Components = useComponentContext()\n\n  return (\n    <Flex justifyContent=\"space-between\" alignItems=\"center\">\n      <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n    </Flex>\n  )\n}\n"],"names":["Head","t","useTranslation","Components","useComponentContext","jsx","Flex"],"mappings":";;;;;;AAKO,MAAMA,IAAO,MAAM;AACxB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,uBAAuB,GAC9CC,IAAaC,EAAA;AAEnB,SACE,gBAAAC,EAACC,GAAA,EAAK,gBAAe,iBAAgB,YAAW,UAC9C,UAAA,gBAAAD,EAACF,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,OAAO,GAAE,GAC1C;AAEJ;"}
+{"version":3,"file":"Head.js","sources":["../../../../src/components/Employee/EmployeeList/Head.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n// Head slot for EmployeeList component\nexport const Head = () => {\n  const { t } = useTranslation('Employee.EmployeeList')\n  const Components = useComponentContext()\n\n  return (\n    <Flex justifyContent=\"space-between\" alignItems=\"center\">\n      <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n    </Flex>\n  )\n}\n"],"names":["Head","t","useTranslation","Components","useComponentContext","jsx","Flex"],"mappings":";;;;;;;AAKO,MAAMA,IAAO,MAAM;AACxB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,uBAAuB,GAC9CC,IAAaC,EAAA;AAEnB,SACE,gBAAAC,EAACC,GAAA,EAAK,gBAAe,iBAAgB,YAAW,UAC9C,UAAA,gBAAAD,EAACF,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,OAAO,GAAE,GAC1C;AAEJ;"}

package/dist/components/Employee/EmployeeList/useEmployeeList.js

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

package/dist/components/Employee/EmployeeList/useEmployeeList.js.map

@@ -1 +1 @@
-{"version":3,"file":"useEmployeeList.js","sources":["../../../../src/components/Employee/EmployeeList/useEmployeeList.ts"],"sourcesContent":["import type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type { OnboardingStatus } from '@gusto/embedded-api/models/operations/putv1employeesemployeeidonboardingstatus'\nimport { createCompoundContext } from '@/components/Base'\nimport type { PaginationItemsPerPage } from '@/components/Common/PaginationControl/PaginationControlTypes'\n\n//Interface for context passed down to component slots\ntype EmployeeListContextType = {\n  handleEdit: (uuid: string, onboardingStatus?: OnboardingStatus) => void\n  handleDelete: (uuid: string) => Promise<void>\n  handleCancelSelfOnboarding: (employeeId: string) => Promise<void>\n  handleReview: (employeeId: string) => Promise<void>\n  handleNew: () => void\n  handleSkip: () => void\n  handleFirstPage: () => void\n  handlePreviousPage: () => void\n  handleNextPage: () => void\n  handleLastPage: () => void\n  handleItemsPerPageChange: (newCount: PaginationItemsPerPage) => void\n  currentPage: number\n  totalPages: number\n  totalCount: number\n  employees: Employee[]\n  itemsPerPage: PaginationItemsPerPage\n  isFetching: boolean\n}\n\nconst [useEmployeeList, EmployeeListProvider] =\n  createCompoundContext<EmployeeListContextType>('EmployeeListContext')\nexport { useEmployeeList, EmployeeListProvider }\n"],"names":["useEmployeeList","EmployeeListProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;AA0BA,MAAM,CAACA,GAAiBC,CAAoB,IAC1CC,EAA+C,qBAAqB;"}
+{"version":3,"file":"useEmployeeList.js","sources":["../../../../src/components/Employee/EmployeeList/useEmployeeList.ts"],"sourcesContent":["import type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type { OnboardingStatus } from '@gusto/embedded-api/models/operations/putv1employeesemployeeidonboardingstatus'\nimport { createCompoundContext } from '@/components/Base'\nimport type { PaginationItemsPerPage } from '@/components/Common/PaginationControl/PaginationControlTypes'\n\n//Interface for context passed down to component slots\ntype EmployeeListContextType = {\n  handleEdit: (uuid: string, onboardingStatus?: OnboardingStatus) => void\n  handleDelete: (uuid: string) => Promise<void>\n  handleCancelSelfOnboarding: (employeeId: string) => Promise<void>\n  handleReview: (employeeId: string) => Promise<void>\n  handleNew: () => void\n  handleSkip: () => void\n  handleFirstPage: () => void\n  handlePreviousPage: () => void\n  handleNextPage: () => void\n  handleLastPage: () => void\n  handleItemsPerPageChange: (newCount: PaginationItemsPerPage) => void\n  currentPage: number\n  totalPages: number\n  totalCount: number\n  employees: Employee[]\n  itemsPerPage: PaginationItemsPerPage\n  isFetching: boolean\n}\n\nconst [useEmployeeList, EmployeeListProvider] =\n  createCompoundContext<EmployeeListContextType>('EmployeeListContext')\nexport { useEmployeeList, EmployeeListProvider }\n"],"names":["useEmployeeList","EmployeeListProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;AA0BA,MAAM,CAACA,GAAiBC,CAAoB,IAC1CC,EAA+C,qBAAqB;"}

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

@@ -4,12 +4,12 @@ import { useFormContext as m } from "react-hook-form";
 import { z as i } from "zod";
 import "../../../shared/constants.js";
 import "classnames";
-import { useComponentContext as g } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { RadioGroupField as g } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
+import { TextInputField as f } from "../../Common/Fields/TextInputField/TextInputField.js";
+import { NumberInputField as r } from "../../Common/Fields/NumberInputField/NumberInputField.js";
+import { useComponentContext as c } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import "react";
 import { SelectField as s } from "../../Common/Fields/SelectField/SelectField.js";
-import { RadioGroupField as f } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
-import { NumberInputField as r } from "../../Common/Fields/NumberInputField/NumberInputField.js";
-import { TextInputField as c } from "../../Common/Fields/TextInputField/TextInputField.js";
 const p = i.object({
   w4DataType: i.literal("rev_2020_w4"),
   filingStatus: i.string().min(1),
@@ -29,7 +29,7 @@ function A() {
   return e("w4DataType") === "rev_2020_w4" ? /* @__PURE__ */ t(b, {}) : /* @__PURE__ */ t(S, {});
 }
 function b() {
-  const { t: e } = o("Employee.FederalTaxes"), l = g(), d = [
+  const { t: e } = o("Employee.FederalTaxes"), l = c(), d = [
     { value: "Single", label: e("filingStatusSingle") },
     { value: "Married", label: e("filingStatusMarried") },
     { value: "Head of Household", label: e("filingStatusHeadOfHousehold") },
@@ -49,7 +49,7 @@ function b() {
       }
     ),
     /* @__PURE__ */ t(
-      f,
+      g,
       {
         name: "twoJobs",
         isRequired: !0,
@@ -150,7 +150,7 @@ function S() {
       }
     ),
     /* @__PURE__ */ t(
-      c,
+      f,
       {
         name: "additionalWithholding",
         label: e("additionalWithholding"),

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

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

package/dist/components/Employee/FederalTaxes/useFederalTaxes.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFederalTaxes.js","sources":["../../../../src/components/Employee/FederalTaxes/useFederalTaxes.ts"],"sourcesContent":["import { createCompoundContext } from '@/components/Base'\n\ntype FederalTaxesContextType = {\n  isPending: boolean\n}\n\nconst [useFederalTaxes, FederalTaxesProvider] =\n  createCompoundContext<FederalTaxesContextType>('FederalTaxesContext')\nexport { useFederalTaxes, FederalTaxesProvider }\n"],"names":["useFederalTaxes","FederalTaxesProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;AAMA,MAAM,CAACA,GAAiBC,CAAoB,IAC1CC,EAA+C,qBAAqB;"}
+{"version":3,"file":"useFederalTaxes.js","sources":["../../../../src/components/Employee/FederalTaxes/useFederalTaxes.ts"],"sourcesContent":["import { createCompoundContext } from '@/components/Base'\n\ntype FederalTaxesContextType = {\n  isPending: boolean\n}\n\nconst [useFederalTaxes, FederalTaxesProvider] =\n  createCompoundContext<FederalTaxesContextType>('FederalTaxesContext')\nexport { useFederalTaxes, FederalTaxesProvider }\n"],"names":["useFederalTaxes","FederalTaxesProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;AAMA,MAAM,CAACA,GAAiBC,CAAoB,IAC1CC,EAA+C,qBAAqB;"}