@gusto/embedded-react-sdk 0.9.0 → 0.10.1

package/dist/components/Employee/Profile/AdminPersonalDetails.d.ts

@@ -1,69 +1,98 @@
 import { z } from 'zod';
-export declare const AdminPersonalDetailsSchema: z.ZodDiscriminatedUnion<"selfOnboarding", [z.ZodObject<{
+export declare const AdminSelfOnboardingPersonalDetailsSchema: z.ZodObject<{
+    workAddress: z.ZodString;
+    startDate: z.ZodEffects<z.ZodDate, string | undefined, Date>;
+    email: z.ZodString;
+} & {
     firstName: z.ZodString;
     middleInitial: z.ZodOptional<z.ZodString>;
     lastName: z.ZodString;
 } & {
+    selfOnboarding: z.ZodBoolean;
+}, "strip", z.ZodTypeAny, {
+    email: string;
+    firstName: string;
+    lastName: string;
+    workAddress: string;
+    selfOnboarding: boolean;
+    middleInitial?: string | undefined;
+    startDate?: string | undefined;
+}, {
+    email: string;
+    firstName: string;
+    lastName: string;
+    workAddress: string;
+    startDate: Date;
+    selfOnboarding: boolean;
+    middleInitial?: string | undefined;
+}>;
+export declare const AdminPersonalDetailsSchema: z.ZodDiscriminatedUnion<"enableSsn", [z.ZodObject<{
     workAddress: z.ZodString;
     startDate: z.ZodEffects<z.ZodDate, string | undefined, Date>;
     email: z.ZodString;
+    firstName: z.ZodString;
+    middleInitial: z.ZodOptional<z.ZodString>;
+    lastName: z.ZodString;
+    selfOnboarding: z.ZodBoolean;
+    ssn: z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>;
+    dateOfBirth: z.ZodEffects<z.ZodDate, string | undefined, Date>;
 } & {
-    selfOnboarding: z.ZodLiteral<true>;
-    enableSsn: z.ZodOptional<z.ZodBoolean>;
+    enableSsn: z.ZodLiteral<true>;
 }, "strip", z.ZodTypeAny, {
     email: string;
+    ssn: string;
     firstName: string;
     lastName: string;
     workAddress: string;
-    selfOnboarding: true;
+    enableSsn: true;
+    selfOnboarding: boolean;
     middleInitial?: string | undefined;
     startDate?: string | undefined;
-    enableSsn?: boolean | undefined;
+    dateOfBirth?: string | undefined;
 }, {
     email: string;
+    ssn: string;
     firstName: string;
     lastName: string;
     workAddress: string;
     startDate: Date;
-    selfOnboarding: true;
+    enableSsn: true;
+    dateOfBirth: Date;
+    selfOnboarding: boolean;
     middleInitial?: string | undefined;
-    enableSsn?: boolean | undefined;
 }>, z.ZodObject<{
-    firstName: z.ZodString;
-    middleInitial: z.ZodOptional<z.ZodString>;
-    lastName: z.ZodString;
-} & {
     workAddress: z.ZodString;
     startDate: z.ZodEffects<z.ZodDate, string | undefined, Date>;
     email: z.ZodString;
 } & {
-    ssn: z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>;
-    enableSsn: z.ZodBoolean;
+    firstName: z.ZodString;
+    middleInitial: z.ZodOptional<z.ZodString>;
+    lastName: z.ZodString;
+} & {
+    selfOnboarding: z.ZodBoolean;
 } & {
     dateOfBirth: z.ZodEffects<z.ZodDate, string | undefined, Date>;
 } & {
-    selfOnboarding: z.ZodLiteral<false>;
+    enableSsn: z.ZodLiteral<false>;
 }, "strip", z.ZodTypeAny, {
     email: string;
-    ssn: string;
     firstName: string;
     lastName: string;
     workAddress: string;
-    enableSsn: boolean;
-    selfOnboarding: false;
+    enableSsn: false;
+    selfOnboarding: boolean;
     middleInitial?: string | undefined;
     startDate?: string | undefined;
     dateOfBirth?: string | undefined;
 }, {
     email: string;
-    ssn: string;
     firstName: string;
     lastName: string;
     workAddress: string;
     startDate: Date;
-    enableSsn: boolean;
+    enableSsn: false;
     dateOfBirth: Date;
-    selfOnboarding: false;
+    selfOnboarding: boolean;
     middleInitial?: string | undefined;
 }>]>;
 export declare const AdminPersonalDetails: () => import("react/jsx-runtime").JSX.Element | null;

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

@@ -1,45 +1,47 @@
 import { jsxs as a, Fragment as s, jsx as n } from "react/jsx-runtime";
-import { useEffect as p } from "react";
-import { useFormContext as g } from "react-hook-form";
+import { useEffect as g } from "react";
+import { useFormContext as h } from "react-hook-form";
 import { useTranslation as O } from "react-i18next";
-import { z as o } from "zod";
-import { NameInputsSchema as h, SocialSecurityNumberSchema as D, DateOfBirthSchema as I, NameInputs as A, AdminInputs as N, SocialSecurityNumberInput as E, DateOfBirthInput as y, AdminInputsSchema as x } from "./PersonalDetailsInputs.js";
+import { z as t } from "zod";
+import { AdminInputsSchema as D, SocialSecurityNumberSchema as I, DateOfBirthSchema as l, NameInputsSchema as A, NameInputs as N, AdminInputs as E, SocialSecurityNumberInput as x, DateOfBirthInput as y } from "./PersonalDetailsInputs.js";
 import { useProfile as P } from "./useProfile.js";
-import { EmployeeOnboardingStatus as l } from "../../../shared/constants.js";
-import { CheckboxField as B } from "../../Common/Fields/CheckboxField/CheckboxField.js";
-const m = h.merge(x), M = o.discriminatedUnion("selfOnboarding", [
-  // Case 1: Self onboarding is true - only base fields required
-  m.extend({
-    selfOnboarding: o.literal(!0),
-    enableSsn: o.boolean().optional()
+import { EmployeeOnboardingStatus as m } from "../../../shared/constants.js";
+import { CheckboxField as F } from "../../Common/Fields/CheckboxField/CheckboxField.js";
+const d = D.merge(
+  A
+).extend({
+  selfOnboarding: t.boolean()
+}), M = t.discriminatedUnion("enableSsn", [
+  d.merge(I).merge(l).extend({
+    enableSsn: t.literal(!0)
   }),
-  // Case 2: Self onboarding is false - additional fields required
-  m.merge(D).merge(I).extend({
-    selfOnboarding: o.literal(!1)
+  d.merge(l).extend({
+    enableSsn: t.literal(!1)
   })
 ]), V = () => {
-  const { companyLocations: d, employee: e, isAdmin: c, isSelfOnboardingEnabled: f } = P(), { t: b } = O("Employee.Profile"), { watch: u, setValue: t, getFieldState: S } = g(), r = u("selfOnboarding"), { isDirty: i } = S("ssn");
-  return p(() => {
-    r ? t("enableSsn", !1) : t("enableSsn", i ? !0 : !e?.hasSsn);
-  }, [r, e?.hasSsn, i, t]), c ? /* @__PURE__ */ a(s, { children: [
-    /* @__PURE__ */ n(A, {}),
-    /* @__PURE__ */ n(N, { companyLocations: d }),
-    f && /* @__PURE__ */ n(
-      B,
+  const { companyLocations: c, employee: e, isAdmin: f, isSelfOnboardingEnabled: S } = P(), { t: b } = O("Employee.Profile"), { watch: u, setValue: o, getFieldState: p } = h(), r = u("selfOnboarding"), { isDirty: i } = p("ssn");
+  return g(() => {
+    r ? o("enableSsn", !1) : o("enableSsn", i ? !0 : !e?.hasSsn);
+  }, [r, e?.hasSsn, i, o]), f ? /* @__PURE__ */ a(s, { children: [
+    /* @__PURE__ */ n(N, {}),
+    /* @__PURE__ */ n(E, { companyLocations: c }),
+    S && /* @__PURE__ */ n(
+      F,
       {
         name: "selfOnboarding",
         label: b("selfOnboardingLabel"),
-        isDisabled: e?.onboarded || e?.onboardingStatus === l.ONBOARDING_COMPLETED || e?.onboardingStatus === l.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW
+        isDisabled: e?.onboarded || e?.onboardingStatus === m.ONBOARDING_COMPLETED || e?.onboardingStatus === m.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW
       }
     ),
     !r && /* @__PURE__ */ a(s, { children: [
-      /* @__PURE__ */ n(E, { employee: e }),
+      /* @__PURE__ */ n(x, { employee: e }),
       /* @__PURE__ */ n(y, {})
     ] })
   ] }) : null;
 };
 export {
   V as AdminPersonalDetails,
-  M as AdminPersonalDetailsSchema
+  M as AdminPersonalDetailsSchema,
+  d as AdminSelfOnboardingPersonalDetailsSchema
 };
 //# sourceMappingURL=AdminPersonalDetails.js.map

package/dist/components/Employee/Profile/AdminPersonalDetails.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdminPersonalDetails.js","sources":["../../../../src/components/Employee/Profile/AdminPersonalDetails.tsx"],"sourcesContent":["import { useEffect } from 'react'\nimport { useFormContext } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { z } from 'zod'\nimport {\n  AdminInputs,\n  AdminInputsSchema,\n  NameInputs,\n  NameInputsSchema,\n  SocialSecurityNumberInput,\n  SocialSecurityNumberSchema,\n  DateOfBirthInput,\n  DateOfBirthSchema,\n  type PersonalDetailsInputs,\n} from './PersonalDetailsInputs'\nimport { useProfile } from './useProfile'\nimport { EmployeeOnboardingStatus } from '@/shared/constants'\nimport { CheckboxField } from '@/components/Common'\n\n// Base schema with common fields\nconst PersonalDetailsBaseSchema = NameInputsSchema.merge(AdminInputsSchema)\n\n// Use Zod's discriminated union with proper composition\nexport const AdminPersonalDetailsSchema = z.discriminatedUnion('selfOnboarding', [\n  // Case 1: Self onboarding is true - only base fields required\n  PersonalDetailsBaseSchema.extend({\n    selfOnboarding: z.literal(true),\n    enableSsn: z.boolean().optional(),\n  }),\n  // Case 2: Self onboarding is false - additional fields required\n  PersonalDetailsBaseSchema.merge(SocialSecurityNumberSchema)\n    .merge(DateOfBirthSchema)\n    .extend({\n      selfOnboarding: z.literal(false),\n    }),\n])\n\nexport const AdminPersonalDetails = () => {\n  const { companyLocations, employee, isAdmin, isSelfOnboardingEnabled } = useProfile()\n  const { t } = useTranslation('Employee.Profile')\n  const { watch, setValue, getFieldState } = useFormContext<PersonalDetailsInputs>()\n\n  const isSelfOnboardingChecked = watch('selfOnboarding')\n  const { isDirty: isSsnDirty } = getFieldState('ssn')\n\n  useEffect(() => {\n    if (isSelfOnboardingChecked) {\n      setValue('enableSsn', false)\n    } else {\n      setValue('enableSsn', isSsnDirty ? true : !employee?.hasSsn)\n    }\n  }, [isSelfOnboardingChecked, employee?.hasSsn, isSsnDirty, setValue])\n\n  if (!isAdmin) {\n    return null\n  }\n\n  return (\n    <>\n      <NameInputs />\n      <AdminInputs companyLocations={companyLocations} />\n      {isSelfOnboardingEnabled && (\n        <CheckboxField\n          name=\"selfOnboarding\"\n          label={t('selfOnboardingLabel')}\n          isDisabled={\n            employee?.onboarded ||\n            employee?.onboardingStatus === EmployeeOnboardingStatus.ONBOARDING_COMPLETED ||\n            employee?.onboardingStatus ===\n              EmployeeOnboardingStatus.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW\n          }\n        />\n      )}\n\n      {!isSelfOnboardingChecked && (\n        <>\n          <SocialSecurityNumberInput employee={employee} />\n          <DateOfBirthInput />\n        </>\n      )}\n    </>\n  )\n}\n"],"names":["PersonalDetailsBaseSchema","NameInputsSchema","AdminInputsSchema","AdminPersonalDetailsSchema","z","SocialSecurityNumberSchema","DateOfBirthSchema","AdminPersonalDetails","companyLocations","employee","isAdmin","isSelfOnboardingEnabled","useProfile","t","useTranslation","watch","setValue","getFieldState","useFormContext","isSelfOnboardingChecked","isSsnDirty","useEffect","jsxs","Fragment","jsx","NameInputs","AdminInputs","CheckboxField","EmployeeOnboardingStatus","SocialSecurityNumberInput","DateOfBirthInput"],"mappings":";;;;;;;;;AAoBA,MAAMA,IAA4BC,EAAiB,MAAMC,CAAiB,GAG7DC,IAA6BC,EAAE,mBAAmB,kBAAkB;AAAA;AAAA,EAE/EJ,EAA0B,OAAO;AAAA,IAC/B,gBAAgBI,EAAE,QAAQ,EAAI;AAAA,IAC9B,WAAWA,EAAE,QAAQ,EAAE,SAAS;AAAA,EAAA,CACjC;AAAA;AAAA,EAEDJ,EAA0B,MAAMK,CAA0B,EACvD,MAAMC,CAAiB,EACvB,OAAO;AAAA,IACN,gBAAgBF,EAAE,QAAQ,EAAK;AAAA,EAChC,CAAA;AACL,CAAC,GAEYG,IAAuB,MAAM;AACxC,QAAM,EAAE,kBAAAC,GAAkB,UAAAC,GAAU,SAAAC,GAAS,yBAAAC,EAAA,IAA4BC,EAAW,GAC9E,EAAE,GAAAC,EAAA,IAAMC,EAAe,kBAAkB,GACzC,EAAE,OAAAC,GAAO,UAAAC,GAAU,eAAAC,EAAA,IAAkBC,EAAsC,GAE3EC,IAA0BJ,EAAM,gBAAgB,GAChD,EAAE,SAASK,MAAeH,EAAc,KAAK;AAUnD,SARAI,EAAU,MAAM;AACd,IAAIF,IACFH,EAAS,aAAa,EAAK,IAE3BA,EAAS,aAAaI,IAAa,KAAO,CAACX,GAAU,MAAM;AAAA,EAC7D,GACC,CAACU,GAAyBV,GAAU,QAAQW,GAAYJ,CAAQ,CAAC,GAE/DN,IAMD,gBAAAY,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAW,EAAA;AAAA,IACZ,gBAAAD,EAACE,KAAY,kBAAAlB,GAAoC;AAAA,IAChDG,KACC,gBAAAa;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOd,EAAE,qBAAqB;AAAA,QAC9B,YACEJ,GAAU,aACVA,GAAU,qBAAqBmB,EAAyB,wBACxDnB,GAAU,qBACRmB,EAAyB;AAAA,MAAA;AAAA,IAE/B;AAAA,IAGD,CAACT,KAEE,gBAAAG,EAAAC,GAAA,EAAA,UAAA;AAAA,MAAA,gBAAAC,EAACK,KAA0B,UAAApB,GAAoB;AAAA,wBAC9CqB,GAAiB,CAAA,CAAA;AAAA,IAAA,EACpB,CAAA;AAAA,EAAA,GAEJ,IA1BO;AA4BX;"}
+{"version":3,"file":"AdminPersonalDetails.js","sources":["../../../../src/components/Employee/Profile/AdminPersonalDetails.tsx"],"sourcesContent":["import { useEffect } from 'react'\nimport { useFormContext } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { z } from 'zod'\nimport {\n  AdminInputs,\n  AdminInputsSchema,\n  NameInputs,\n  NameInputsSchema,\n  SocialSecurityNumberInput,\n  SocialSecurityNumberSchema,\n  DateOfBirthInput,\n  DateOfBirthSchema,\n  type PersonalDetailsInputs,\n} from './PersonalDetailsInputs'\nimport { useProfile } from './useProfile'\nimport { EmployeeOnboardingStatus } from '@/shared/constants'\nimport { CheckboxField } from '@/components/Common'\n\nexport const AdminSelfOnboardingPersonalDetailsSchema = AdminInputsSchema.merge(\n  NameInputsSchema,\n).extend({\n  selfOnboarding: z.boolean(),\n})\n\nexport const AdminPersonalDetailsSchema = z.discriminatedUnion('enableSsn', [\n  AdminSelfOnboardingPersonalDetailsSchema.merge(SocialSecurityNumberSchema)\n    .merge(DateOfBirthSchema)\n    .extend({\n      enableSsn: z.literal(true),\n    }),\n  AdminSelfOnboardingPersonalDetailsSchema.merge(DateOfBirthSchema).extend({\n    enableSsn: z.literal(false),\n  }),\n])\n\nexport const AdminPersonalDetails = () => {\n  const { companyLocations, employee, isAdmin, isSelfOnboardingEnabled } = useProfile()\n  const { t } = useTranslation('Employee.Profile')\n  const { watch, setValue, getFieldState } = useFormContext<PersonalDetailsInputs>()\n\n  const isSelfOnboardingChecked = watch('selfOnboarding')\n  const { isDirty: isSsnDirty } = getFieldState('ssn')\n\n  useEffect(() => {\n    if (isSelfOnboardingChecked) {\n      setValue('enableSsn', false)\n    } else {\n      setValue('enableSsn', isSsnDirty ? true : !employee?.hasSsn)\n    }\n  }, [isSelfOnboardingChecked, employee?.hasSsn, isSsnDirty, setValue])\n\n  if (!isAdmin) {\n    return null\n  }\n\n  return (\n    <>\n      <NameInputs />\n      <AdminInputs companyLocations={companyLocations} />\n      {isSelfOnboardingEnabled && (\n        <CheckboxField\n          name=\"selfOnboarding\"\n          label={t('selfOnboardingLabel')}\n          isDisabled={\n            employee?.onboarded ||\n            employee?.onboardingStatus === EmployeeOnboardingStatus.ONBOARDING_COMPLETED ||\n            employee?.onboardingStatus ===\n              EmployeeOnboardingStatus.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW\n          }\n        />\n      )}\n\n      {!isSelfOnboardingChecked && (\n        <>\n          <SocialSecurityNumberInput employee={employee} />\n          <DateOfBirthInput />\n        </>\n      )}\n    </>\n  )\n}\n"],"names":["AdminSelfOnboardingPersonalDetailsSchema","AdminInputsSchema","NameInputsSchema","z","AdminPersonalDetailsSchema","SocialSecurityNumberSchema","DateOfBirthSchema","AdminPersonalDetails","companyLocations","employee","isAdmin","isSelfOnboardingEnabled","useProfile","t","useTranslation","watch","setValue","getFieldState","useFormContext","isSelfOnboardingChecked","isSsnDirty","useEffect","jsxs","Fragment","jsx","NameInputs","AdminInputs","CheckboxField","EmployeeOnboardingStatus","SocialSecurityNumberInput","DateOfBirthInput"],"mappings":";;;;;;;;;AAmBO,MAAMA,IAA2CC,EAAkB;AAAA,EACxEC;AACF,EAAE,OAAO;AAAA,EACP,gBAAgBC,EAAE,QAAQ;AAC5B,CAAC,GAEYC,IAA6BD,EAAE,mBAAmB,aAAa;AAAA,EAC1EH,EAAyC,MAAMK,CAA0B,EACtE,MAAMC,CAAiB,EACvB,OAAO;AAAA,IACN,WAAWH,EAAE,QAAQ,EAAI;AAAA,EAAA,CAC1B;AAAA,EACHH,EAAyC,MAAMM,CAAiB,EAAE,OAAO;AAAA,IACvE,WAAWH,EAAE,QAAQ,EAAK;AAAA,EAC3B,CAAA;AACH,CAAC,GAEYI,IAAuB,MAAM;AACxC,QAAM,EAAE,kBAAAC,GAAkB,UAAAC,GAAU,SAAAC,GAAS,yBAAAC,EAAA,IAA4BC,EAAW,GAC9E,EAAE,GAAAC,EAAA,IAAMC,EAAe,kBAAkB,GACzC,EAAE,OAAAC,GAAO,UAAAC,GAAU,eAAAC,EAAA,IAAkBC,EAAsC,GAE3EC,IAA0BJ,EAAM,gBAAgB,GAChD,EAAE,SAASK,MAAeH,EAAc,KAAK;AAUnD,SARAI,EAAU,MAAM;AACd,IAAIF,IACFH,EAAS,aAAa,EAAK,IAE3BA,EAAS,aAAaI,IAAa,KAAO,CAACX,GAAU,MAAM;AAAA,EAC7D,GACC,CAACU,GAAyBV,GAAU,QAAQW,GAAYJ,CAAQ,CAAC,GAE/DN,IAMD,gBAAAY,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAW,EAAA;AAAA,IACZ,gBAAAD,EAACE,KAAY,kBAAAlB,GAAoC;AAAA,IAChDG,KACC,gBAAAa;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOd,EAAE,qBAAqB;AAAA,QAC9B,YACEJ,GAAU,aACVA,GAAU,qBAAqBmB,EAAyB,wBACxDnB,GAAU,qBACRmB,EAAyB;AAAA,MAAA;AAAA,IAE/B;AAAA,IAGD,CAACT,KAEE,gBAAAG,EAAAC,GAAA,EAAA,UAAA;AAAA,MAAA,gBAAAC,EAACK,KAA0B,UAAApB,GAAoB;AAAA,wBAC9CqB,GAAiB,CAAA,CAAA;AAAA,IAAA,EACpB,CAAA;AAAA,EAAA,GAEJ,IA1BO;AA4BX;"}

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

@@ -5,7 +5,7 @@ import { useTranslation as i } from "react-i18next";
 import { Grid as b } from "../../Common/Grid/Grid.js";
 import { removeNonDigits as S, addressInline as g } from "../../../helpers/formattedStrings.js";
 import { usePlaceholderSSN as h, normalizeSSN as N } from "../../../helpers/ssn.js";
-import { nameValidation as m, SSN_REGEX as D } from "../../../helpers/validations.js";
+import { SSN_REGEX as D, nameValidation as m } from "../../../helpers/validations.js";
 import { TextInputField as s } from "../../Common/Fields/TextInputField/TextInputField.js";
 import { SelectField as I } from "../../Common/Fields/SelectField/SelectField.js";
 import { DatePickerField as p } from "../../Common/Fields/DatePickerField/DatePickerField.js";

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

@@ -1,82 +1,82 @@
-import { jsx as t, jsxs as ye, Fragment as Ae } from "react/jsx-runtime";
-import { zodResolver as fe } from "@hookform/resolvers/zod";
-import { useRef as Ee } from "react";
-import { useForm as he, useWatch as De, FormProvider as Oe } from "react-hook-form";
-import { useLocationsGetSuspense as Se } from "@gusto/embedded-api/react-query/locationsGet";
-import { useEmployeesCreateMutation as Pe } from "@gusto/embedded-api/react-query/employeesCreate";
-import { useEmployeesGetSuspense as ge } from "@gusto/embedded-api/react-query/employeesGet";
-import { useEmployeeAddressesGetSuspense as be } from "@gusto/embedded-api/react-query/employeeAddressesGet";
-import { useEmployeeAddressesCreateMutation as Ne } from "@gusto/embedded-api/react-query/employeeAddressesCreate";
-import { useEmployeeAddressesUpdateMutation as Ie } from "@gusto/embedded-api/react-query/employeeAddressesUpdate";
-import { useEmployeeAddressesUpdateWorkAddressMutation as _e } from "@gusto/embedded-api/react-query/employeeAddressesUpdateWorkAddress";
-import { useEmployeesUpdateMutation as we } from "@gusto/embedded-api/react-query/employeesUpdate";
-import { useEmployeeAddressesGetWorkAddressesSuspense as ke } from "@gusto/embedded-api/react-query/employeeAddressesGetWorkAddresses";
-import { useEmployeeAddressesCreateWorkAddressMutation as Me } from "@gusto/embedded-api/react-query/employeeAddressesCreateWorkAddress";
-import { RFCDate as B } from "@gusto/embedded-api/types/rfcdate";
-import { useEmployeesUpdateOnboardingStatusMutation as Be } from "@gusto/embedded-api/react-query/employeesUpdateOnboardingStatus";
-import { invalidateEmployeesList as Re } from "@gusto/embedded-api/react-query/employeesList";
-import { useQueryClient as Le } from "@tanstack/react-query";
-import { AdminPersonalDetailsSchema as ve, AdminPersonalDetails as L } from "./AdminPersonalDetails.js";
-import { SelfPersonalDetailsSchema as Ce, SelfPersonalDetails as v } from "./SelfPersonalDetails.js";
-import { Head as C } from "./Head.js";
-import { Actions as W } from "./Actions.js";
-import { HomeAddressSchema as We, HomeAddress as U } from "./HomeAddress.js";
-import { WorkAddress as q } from "./WorkAddress.js";
-import { ProfileProvider as Ue } from "./useProfile.js";
-import { getEmployeeAddressForProfile as qe } from "./getEmployeeAddressForProfile.js";
-import { Form as Te } from "../../Common/Form/Form.js";
-import { BaseComponent as He } from "../../Base/Base.js";
-import { useBase as Ge } from "../../Base/useBase.js";
-import { useI18n as R, useComponentDictionary as Fe } from "../../../i18n/I18n.js";
-import { EmployeeOnboardingStatus as l, EmployeeSelfOnboardingStatuses as Ve, componentEvents as d } from "../../../shared/constants.js";
-import { useFlow as Ye } from "../../Flow/useFlow.js";
-import { ensureRequired as xe } from "../../../helpers/ensureRequired.js";
-function m(r) {
-  return /* @__PURE__ */ t(He, { ...r, children: r.employeeId ? /* @__PURE__ */ t(ze, { ...r, employeeId: r.employeeId, children: r.children }) : /* @__PURE__ */ t(T, { ...r, children: r.children }) });
+import { jsx as t, jsxs as Ee, Fragment as he } from "react/jsx-runtime";
+import { zodResolver as De } from "@hookform/resolvers/zod";
+import { useState as Se, useRef as Oe, useEffect as Pe } from "react";
+import { useForm as ge, useWatch as be, FormProvider as Ne } from "react-hook-form";
+import { useLocationsGetSuspense as Ie } from "@gusto/embedded-api/react-query/locationsGet";
+import { useEmployeesCreateMutation as _e } from "@gusto/embedded-api/react-query/employeesCreate";
+import { useEmployeesGetSuspense as we } from "@gusto/embedded-api/react-query/employeesGet";
+import { useEmployeeAddressesGetSuspense as ke } from "@gusto/embedded-api/react-query/employeeAddressesGet";
+import { useEmployeeAddressesCreateMutation as Me } from "@gusto/embedded-api/react-query/employeeAddressesCreate";
+import { useEmployeeAddressesUpdateMutation as Be } from "@gusto/embedded-api/react-query/employeeAddressesUpdate";
+import { useEmployeeAddressesUpdateWorkAddressMutation as Re } from "@gusto/embedded-api/react-query/employeeAddressesUpdateWorkAddress";
+import { useEmployeesUpdateMutation as ve } from "@gusto/embedded-api/react-query/employeesUpdate";
+import { useEmployeeAddressesGetWorkAddressesSuspense as Le, invalidateAllEmployeeAddressesGetWorkAddresses as Ce } from "@gusto/embedded-api/react-query/employeeAddressesGetWorkAddresses";
+import { useEmployeeAddressesCreateWorkAddressMutation as We } from "@gusto/embedded-api/react-query/employeeAddressesCreateWorkAddress";
+import { RFCDate as v } from "@gusto/embedded-api/types/rfcdate";
+import { useEmployeesUpdateOnboardingStatusMutation as Ue } from "@gusto/embedded-api/react-query/employeesUpdateOnboardingStatus";
+import { invalidateEmployeesList as qe } from "@gusto/embedded-api/react-query/employeesList";
+import { useQueryClient as Te } from "@tanstack/react-query";
+import { AdminPersonalDetailsSchema as L, AdminSelfOnboardingPersonalDetailsSchema as Ge, AdminPersonalDetails as W } from "./AdminPersonalDetails.js";
+import { SelfPersonalDetailsSchema as He, SelfPersonalDetails as U } from "./SelfPersonalDetails.js";
+import { Head as q } from "./Head.js";
+import { Actions as T } from "./Actions.js";
+import { HomeAddressSchema as Fe, HomeAddress as G } from "./HomeAddress.js";
+import { WorkAddress as H } from "./WorkAddress.js";
+import { ProfileProvider as Ve } from "./useProfile.js";
+import { getEmployeeAddressForProfile as Ye } from "./getEmployeeAddressForProfile.js";
+import { Form as xe } from "../../Common/Form/Form.js";
+import { BaseComponent as ze } from "../../Base/Base.js";
+import { useBase as je } from "../../Base/useBase.js";
+import { useI18n as C, useComponentDictionary as Ke } from "../../../i18n/I18n.js";
+import { EmployeeOnboardingStatus as l, EmployeeSelfOnboardingStatuses as Qe, componentEvents as d } from "../../../shared/constants.js";
+import { useFlow as Je } from "../../Flow/useFlow.js";
+import { ensureRequired as Xe } from "../../../helpers/ensureRequired.js";
+function a(r) {
+  return /* @__PURE__ */ t(ze, { ...r, children: r.employeeId ? /* @__PURE__ */ t(Ze, { ...r, employeeId: r.employeeId, children: r.children }) : /* @__PURE__ */ t(F, { ...r, children: r.children }) });
 }
-function ze({ employeeId: r, ...a }) {
+function Ze({ employeeId: r, ...m }) {
   const {
     data: { employee: u }
-  } = ge({ employeeId: r }), {
+  } = we({ employeeId: r }), {
     data: { employeeAddressList: c }
-  } = be({ employeeId: r }), {
+  } = ke({ employeeId: r }), {
     data: { employeeWorkAddressesList: i }
-  } = ke({ employeeId: r });
+  } = Le({ employeeId: r });
   return /* @__PURE__ */ t(
-    T,
+    F,
     {
-      ...a,
+      ...m,
       employee: u,
       homeAddresses: c,
       workAddresses: i
     }
   );
 }
-const T = ({
+const F = ({
   isAdmin: r = !1,
-  isSelfOnboardingEnabled: a = !0,
+  isSelfOnboardingEnabled: m = !0,
   dictionary: u,
   ...c
 }) => {
-  R("Employee.Profile"), R("Employee.HomeAddress"), Fe("Employee.Profile", u);
+  C("Employee.Profile"), C("Employee.HomeAddress"), Ke("Employee.Profile", u);
   const {
     companyId: i,
-    employee: h,
-    homeAddresses: H,
-    workAddresses: P,
-    children: g,
-    className: G = "",
+    employee: D,
+    homeAddresses: V,
+    workAddresses: g,
+    children: b,
+    className: Y = "",
     defaultValues: s
-  } = c, { onEvent: n, baseSubmitHandler: F } = Ge(), V = Le(), { data: Y } = Se({ companyId: i }), x = Y.locationList, { mutateAsync: z, isPending: j } = Pe(), { mutateAsync: K, isPending: Q } = we(), { mutateAsync: J, isPending: X } = Me(), { mutateAsync: Z, isPending: $ } = _e(), { mutateAsync: ee, isPending: re } = Ne(), { mutateAsync: te, isPending: oe } = Ie(), {
-    mutateAsync: se,
-    isPending: ne
-  } = Be({
-    onSettled: () => Re(V, [i])
-  }), b = { employee: h, workAddresses: P }, de = qe(H), ie = b.workAddresses?.find((S) => S.active), e = Ee({
-    employee: b.employee,
-    homeAddress: de,
-    workAddress: ie
-  }), D = {
+  } = c, { onEvent: n, baseSubmitHandler: x } = je(), N = Te(), [z, I] = Se(L), { data: j } = Ie({ companyId: i }), K = j.locationList, { mutateAsync: Q, isPending: J } = _e(), { mutateAsync: X, isPending: Z } = ve(), { mutateAsync: $, isPending: ee } = We(), { mutateAsync: re, isPending: te } = Re(), { mutateAsync: oe, isPending: se } = Me(), { mutateAsync: ne, isPending: de } = Be(), {
+    mutateAsync: ie,
+    isPending: ae
+  } = Ue({
+    onSettled: () => qe(N, [i])
+  }), _ = { employee: D, workAddresses: g }, me = Ye(V), le = _.workAddresses?.find((P) => P.active), e = Oe({
+    employee: _.employee,
+    homeAddress: me,
+    workAddress: le
+  }), S = {
     firstName: e.current.employee?.firstName ?? s?.employee?.firstName ?? "",
     middleInitial: e.current.employee?.middleInitial ?? s?.employee?.middleInitial ?? "",
     lastName: e.current.employee?.lastName ?? s?.employee?.lastName ?? "",
@@ -91,33 +91,37 @@ const T = ({
     zip: e.current.homeAddress?.zip ?? s?.homeAddress?.zip ?? "",
     state: e.current.homeAddress?.state ?? s?.homeAddress?.state ?? "",
     courtesyWithholding: e.current.homeAddress?.courtesyWithholding ?? !1
-  }, me = e.current.employee?.onboarded || e.current.employee?.onboardingStatus === l.ONBOARDING_COMPLETED || e.current.employee?.onboardingStatus !== void 0 && e.current.employee.onboardingStatus !== l.ADMIN_ONBOARDING_INCOMPLETE ? { ...D, enableSsn: !1, selfOnboarding: !0 } : {
-    ...D,
-    selfOnboarding: a && e.current.employee?.onboardingStatus ? (
+  }, ue = e.current.employee?.onboarded || e.current.employee?.onboardingStatus === l.ONBOARDING_COMPLETED || e.current.employee?.onboardingStatus !== void 0 && e.current.employee.onboardingStatus !== l.ADMIN_ONBOARDING_INCOMPLETE ? { ...S, enableSsn: !1, selfOnboarding: !0 } : {
+    ...S,
+    selfOnboarding: m && e.current.employee?.onboardingStatus ? (
       // @ts-expect-error: onboarding_status during runtime can be one of self onboarding statuses
-      Ve.has(e.current.employee.onboarding_status)
+      Qe.has(e.current.employee.onboarding_status)
     ) : !1,
     enableSsn: !e.current.employee?.hasSsn,
     ssn: ""
-  }, ae = {
-    ...D,
+  }, ce = {
+    ...S,
     enableSsn: !e.current.employee?.hasSsn,
     ssn: ""
-  }, O = he({
-    resolver: fe(
-      (r ? ve : Ce).and(We)
+  }, O = ge({
+    resolver: De(
+      (r ? z : He).and(Fe)
     ),
-    defaultValues: r ? me : ae
-  }), { handleSubmit: le } = O, N = De({ control: O.control, name: "selfOnboarding" }), ue = async (S) => {
-    await F(S, async (A) => {
-      const { workAddress: I, startDate: pe, selfOnboarding: f, ...E } = A;
+    defaultValues: r ? ue : ce
+  }), { handleSubmit: pe } = O, A = be({ control: O.control, name: "selfOnboarding" });
+  Pe(() => {
+    r && I(A ? Ge : L);
+  }, [A, r]);
+  const ye = async (P) => {
+    await x(P, async (f) => {
+      const { workAddress: w, startDate: fe, selfOnboarding: E, ...h } = f;
       if (e.current.employee) {
-        if (f && e.current.employee.onboardingStatus === l.ADMIN_ONBOARDING_INCOMPLETE || !f && e.current.employee.onboardingStatus === l.SELF_ONBOARDING_PENDING_INVITE) {
-          const { employeeOnboardingStatus: p } = await se({
+        if (E && e.current.employee.onboardingStatus === l.ADMIN_ONBOARDING_INCOMPLETE || !E && e.current.employee.onboardingStatus === l.SELF_ONBOARDING_PENDING_INVITE) {
+          const { employeeOnboardingStatus: p } = await ie({
             request: {
               employeeId: e.current.employee.uuid,
               requestBody: {
-                onboardingStatus: f ? l.SELF_ONBOARDING_PENDING_INVITE : l.ADMIN_ONBOARDING_INCOMPLETE
+                onboardingStatus: E ? l.SELF_ONBOARDING_PENDING_INVITE : l.ADMIN_ONBOARDING_INCOMPLETE
               }
             }
           });
@@ -126,21 +130,21 @@ const T = ({
             onboardingStatus: p.onboardingStatus
           }, n(d.EMPLOYEE_ONBOARDING_STATUS_UPDATED, p);
         }
-        const { employee: o } = await K({
+        const { employee: o } = await X({
           request: {
             employeeId: e.current.employee.uuid,
-            requestBody: { ...E, version: e.current.employee.version }
+            requestBody: { ...h, version: e.current.employee.version }
           }
         });
         e.current = { ...e.current, employee: o }, n(d.EMPLOYEE_UPDATED, o);
       } else {
-        const { employee: o } = await z({
+        const { employee: o } = await Q({
           request: {
             companyId: i,
             requestBody: {
-              ...E,
-              selfOnboarding: f,
-              dateOfBirth: E.dateOfBirth ? new B(E.dateOfBirth) : void 0
+              ...h,
+              selfOnboarding: E,
+              dateOfBirth: h.dateOfBirth ? new v(h.dateOfBirth) : void 0
             }
           }
         });
@@ -148,119 +152,121 @@ const T = ({
       }
       if (typeof e.current.employee?.uuid != "string")
         throw new Error("Employee id is not available");
-      if ((!N || !r) && !A.selfOnboarding) {
-        const { street1: o, street2: p, city: _, state: w, zip: k, courtesyWithholding: M } = A;
+      if ((!A || !r) && !f.selfOnboarding) {
+        const { street1: o, street2: p, city: k, state: M, zip: B, courtesyWithholding: R } = f;
         if (e.current.homeAddress) {
-          const { employeeAddress: y } = await te({
+          const { employeeAddress: y } = await ne({
             request: {
               homeAddressUuid: e.current.homeAddress.uuid,
               requestBody: {
                 version: e.current.homeAddress.version,
                 street1: o,
                 street2: p,
-                city: _,
-                state: w,
-                zip: k,
-                courtesyWithholding: M
+                city: k,
+                state: M,
+                zip: B,
+                courtesyWithholding: R
               }
             }
           });
           e.current = { ...e.current, homeAddress: y }, n(d.EMPLOYEE_HOME_ADDRESS_UPDATED, y);
         } else {
-          const { employeeAddress: y } = await ee({
+          const { employeeAddress: y } = await oe({
             request: {
               employeeId: e.current.employee.uuid,
               requestBody: {
                 street1: o,
                 street2: p,
-                city: _,
-                state: w,
-                zip: k,
-                courtesyWithholding: M
+                city: k,
+                state: M,
+                zip: B,
+                courtesyWithholding: R
               }
             }
           });
           e.current = { ...e.current, homeAddress: y }, n(d.EMPLOYEE_HOME_ADDRESS_CREATED, y);
         }
       }
-      if (r)
+      if (r) {
         if (e.current.workAddress) {
-          const { employeeWorkAddress: o } = await Z({
+          const { employeeWorkAddress: o } = await re({
             request: {
               workAddressUuid: e.current.workAddress.uuid,
               requestBody: {
                 version: e.current.workAddress.version,
-                locationUuid: I
+                locationUuid: w
               }
             }
           });
           e.current = { ...e.current, workAddress: o }, n(d.EMPLOYEE_WORK_ADDRESS_UPDATED, o);
         } else {
-          const { employeeWorkAddress: o } = await J({
+          const { employeeWorkAddress: o } = await $({
             request: {
               employeeId: e.current.employee?.uuid,
               requestBody: {
-                locationUuid: I,
-                effectiveDate: new B(A.startDate || /* @__PURE__ */ new Date())
+                locationUuid: w,
+                effectiveDate: new v(f.startDate || /* @__PURE__ */ new Date())
               }
             }
           });
           e.current = { ...e.current, workAddress: o }, n(d.EMPLOYEE_WORK_ADDRESS_CREATED, o);
         }
+        await Ce(N);
+      }
       n(d.EMPLOYEE_PROFILE_DONE, {
         ...e.current.employee,
-        startDate: pe
+        startDate: fe
       });
     });
-  }, ce = () => {
+  }, Ae = () => {
     n(d.CANCEL);
   };
-  return /* @__PURE__ */ t("section", { className: G, children: /* @__PURE__ */ t(
-    Ue,
+  return /* @__PURE__ */ t("section", { className: Y, children: /* @__PURE__ */ t(
+    Ve,
     {
       value: {
-        companyLocations: x,
-        workAddresses: P,
+        companyLocations: K,
+        workAddresses: g,
         employee: e.current.employee ?? void 0,
-        isSelfOnboardingIntended: N,
-        handleCancel: ce,
+        isSelfOnboardingIntended: A,
+        handleCancel: Ae,
         isAdmin: r,
-        isSelfOnboardingEnabled: a,
-        isPending: Q || $ || re || oe || j || X || ne
+        isSelfOnboardingEnabled: m,
+        isPending: Z || te || se || de || J || ee || ae
       },
-      children: /* @__PURE__ */ t(Oe, { ...O, children: /* @__PURE__ */ t(Te, { onSubmit: le(ue), children: g || /* @__PURE__ */ ye(Ae, { children: [
-        /* @__PURE__ */ t(C, {}),
-        /* @__PURE__ */ t(L, {}),
-        /* @__PURE__ */ t(v, {}),
-        /* @__PURE__ */ t(U, {}),
+      children: /* @__PURE__ */ t(Ne, { ...O, children: /* @__PURE__ */ t(xe, { onSubmit: pe(ye), children: b || /* @__PURE__ */ Ee(he, { children: [
         /* @__PURE__ */ t(q, {}),
-        /* @__PURE__ */ t(W, {})
+        /* @__PURE__ */ t(W, {}),
+        /* @__PURE__ */ t(U, {}),
+        /* @__PURE__ */ t(G, {}),
+        /* @__PURE__ */ t(H, {}),
+        /* @__PURE__ */ t(T, {})
       ] }) }) })
     }
   ) });
 };
-m.Head = C;
-m.Actions = W;
-m.AdminPersonalDetails = L;
-m.SelfPersonalDetails = v;
-m.HomeAddress = U;
-m.WorkAddress = q;
-const Ir = () => {
-  const { companyId: r, employeeId: a, onEvent: u, isAdmin: c, defaultValues: i, isSelfOnboardingEnabled: h } = Ye();
+a.Head = q;
+a.Actions = T;
+a.AdminPersonalDetails = W;
+a.SelfPersonalDetails = U;
+a.HomeAddress = G;
+a.WorkAddress = H;
+const Rr = () => {
+  const { companyId: r, employeeId: m, onEvent: u, isAdmin: c, defaultValues: i, isSelfOnboardingEnabled: D } = Je();
   return /* @__PURE__ */ t(
-    m,
+    a,
     {
-      companyId: xe(r),
-      employeeId: a,
+      companyId: Xe(r),
+      employeeId: m,
       onEvent: u,
       isAdmin: c,
       defaultValues: i?.profile,
-      isSelfOnboardingEnabled: h
+      isSelfOnboardingEnabled: D
     }
   );
 };
 export {
-  m as Profile,
-  Ir as ProfileContextual
+  a as Profile,
+  Rr as ProfileContextual
 };
 //# sourceMappingURL=Profile.js.map