@gusto/embedded-react-sdk 0.9.0 → 0.10.0

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

@@ -2,10 +2,11 @@ import { jsxs as l, Fragment as d, jsx as a } from "react/jsx-runtime";
 import { z as r } from "zod";
 import { useFormContext as c } from "react-hook-form";
 import { useTranslation as i } from "react-i18next";
+import "../../../shared/constants.js";
 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";
@@ -14,7 +15,7 @@ const v = r.object({
   middleInitial: r.string().optional(),
   lastName: m
 });
-function B() {
+function C() {
   const { t: e } = i("Employee.Profile");
   return /* @__PURE__ */ l(d, { children: [
     /* @__PURE__ */ l(b, { gap: { base: 20, small: 8 }, gridTemplateColumns: { base: "1fr", small: ["1fr", 200] }, children: [
@@ -45,7 +46,7 @@ const O = r.object({
   startDate: r.date().transform((e) => e.toISOString().split("T")[0]),
   email: r.string().email()
 });
-function C({ companyLocations: e }) {
+function L({ companyLocations: e }) {
   const { t } = i("Employee.Profile"), {
     formState: { errors: n }
   } = c();
@@ -91,7 +92,7 @@ const y = r.object({
   ssn: r.string().transform((e) => S(e)).refine((e) => D.test(e)),
   enableSsn: r.boolean()
 });
-function L({ employee: e, onChange: t }) {
+function z({ employee: e, onChange: t }) {
   const { setValue: n } = c(), { t: o } = i("Employee.Profile"), u = h(e?.hasSsn);
   return /* @__PURE__ */ a(
     s,
@@ -111,7 +112,7 @@ function L({ employee: e, onChange: t }) {
 const A = r.object({
   dateOfBirth: r.date().transform((e) => e.toISOString().split("T")[0])
 });
-function z() {
+function G() {
   const { t: e } = i("Employee.Profile");
   return /* @__PURE__ */ a(
     p,
@@ -127,13 +128,13 @@ v.merge(O).merge(y).merge(A).extend({
   enableSsn: r.boolean()
 });
 export {
-  C as AdminInputs,
+  L as AdminInputs,
   O as AdminInputsSchema,
-  z as DateOfBirthInput,
+  G as DateOfBirthInput,
   A as DateOfBirthSchema,
-  B as NameInputs,
+  C as NameInputs,
   v as NameInputsSchema,
-  L as SocialSecurityNumberInput,
+  z as SocialSecurityNumberInput,
   y as SocialSecurityNumberSchema
 };
 //# sourceMappingURL=PersonalDetailsInputs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PersonalDetailsInputs.js","sources":["../../../../src/components/Employee/Profile/PersonalDetailsInputs.tsx"],"sourcesContent":["import { z } from 'zod'\nimport { useFormContext } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { type Location } from '@gusto/embedded-api/models/components/location'\nimport { type Employee } from '@gusto/embedded-api/models/components/employee'\nimport { SelectField, TextInputField, Grid, DatePickerField } from '@/components/Common'\nimport { addressInline, removeNonDigits } from '@/helpers/formattedStrings'\nimport { normalizeSSN, usePlaceholderSSN } from '@/helpers/ssn'\nimport { nameValidation, SSN_REGEX } from '@/helpers/validations'\n\nexport const NameInputsSchema = z.object({\n  firstName: nameValidation,\n  middleInitial: z.string().optional(),\n  lastName: nameValidation,\n})\n\nexport function NameInputs() {\n  const { t } = useTranslation('Employee.Profile')\n\n  return (\n    <>\n      <Grid gap={{ base: 20, small: 8 }} gridTemplateColumns={{ base: '1fr', small: ['1fr', 200] }}>\n        <TextInputField\n          name=\"firstName\"\n          isRequired\n          label={t('firstName')}\n          errorMessage={t('validations.firstName')}\n        />\n        <TextInputField name=\"middleInitial\" label={t('middleInitial')} />\n      </Grid>\n      <TextInputField\n        name=\"lastName\"\n        isRequired\n        label={t('lastName')}\n        errorMessage={t('validations.lastName')}\n      />\n    </>\n  )\n}\n\nexport const AdminInputsSchema = z.object({\n  workAddress: z.string().min(1),\n  startDate: z.date().transform(date => date.toISOString().split('T')[0]),\n  email: z.string().email(),\n})\n\ntype AdminInputsSchemaType = z.infer<typeof AdminInputsSchema>\n\ninterface AdminInputsProps {\n  companyLocations: Location[]\n}\n\nexport function AdminInputs({ companyLocations }: AdminInputsProps) {\n  const { t } = useTranslation('Employee.Profile')\n  const {\n    formState: { errors },\n  } = useFormContext<AdminInputsSchemaType>()\n\n  return (\n    <>\n      <SelectField\n        name=\"workAddress\"\n        options={companyLocations.map(location => ({\n          value: location.uuid,\n          label: addressInline(location),\n        }))}\n        label={t('workAddress')}\n        description={t('workAddressDescription')}\n        placeholder={t('workAddressPlaceholder')}\n        errorMessage={t('validations.location', { ns: 'common' })}\n        isRequired\n      />\n      <DatePickerField\n        name=\"startDate\"\n        label={t('startDateLabel')}\n        description={t('startDateDescription')}\n        errorMessage={\n          errors.startDate?.type === 'custom'\n            ? t('validations.startDateOutOfRange')\n            : t('validations.startDate')\n        }\n      />\n      <TextInputField\n        name=\"email\"\n        label={t('email')}\n        description={t('emailDescription')}\n        errorMessage={t('validations.email')}\n        isRequired\n        type=\"email\"\n      />\n    </>\n  )\n}\n\nexport const SocialSecurityNumberSchema = z.object({\n  ssn: z\n    .string()\n    .transform(input => removeNonDigits(input))\n    .refine(input => SSN_REGEX.test(input)),\n  enableSsn: z.boolean(),\n})\n\ntype SocialSecurityNumberSchemaType = z.infer<typeof SocialSecurityNumberSchema>\n\ninterface SocialSecurityNumberInputProps {\n  employee?: Employee\n  onChange?: (updatedValue: string) => void\n}\n\nexport function SocialSecurityNumberInput({ employee, onChange }: SocialSecurityNumberInputProps) {\n  const { setValue } = useFormContext<SocialSecurityNumberSchemaType>()\n  const { t } = useTranslation('Employee.Profile')\n  const placeholderSSN = usePlaceholderSSN(employee?.hasSsn)\n  return (\n    <TextInputField\n      isRequired\n      name=\"ssn\"\n      label={t('ssnLabel')}\n      errorMessage={t('validations.ssn', { ns: 'common' })}\n      placeholder={placeholderSSN}\n      transform={normalizeSSN}\n      onChange={updatedValue => {\n        setValue('enableSsn', true)\n        onChange?.(updatedValue)\n      }}\n    />\n  )\n}\n\nexport const DateOfBirthSchema = z.object({\n  dateOfBirth: z.date().transform(date => date.toISOString().split('T')[0]),\n})\n\nexport function DateOfBirthInput() {\n  const { t } = useTranslation('Employee.Profile')\n  return (\n    <DatePickerField\n      name=\"dateOfBirth\"\n      label={t('dobLabel')}\n      errorMessage={t('validations.dob', { ns: 'common' })}\n    />\n  )\n}\n\n// All possible inputs for PersonalDetails forms\nconst PersonalDetailsTotalSchema = NameInputsSchema.merge(AdminInputsSchema)\n  .merge(SocialSecurityNumberSchema)\n  .merge(DateOfBirthSchema)\n  .extend({\n    selfOnboarding: z.boolean(),\n    enableSsn: z.boolean(),\n  })\n\ntype NullableDatesMapper<Source> = {\n  [Property in keyof Source]: Source[Property] extends Date\n    ? Source[Property] | null\n    : Source[Property]\n}\n\nexport type PersonalDetailsPayload = z.infer<typeof PersonalDetailsTotalSchema>\n\n//Typescript magic to mark date fields as nullable for correct defaultvalues\nexport type PersonalDetailsInputs = NullableDatesMapper<z.input<typeof PersonalDetailsTotalSchema>>\n"],"names":["NameInputsSchema","z","nameValidation","NameInputs","t","useTranslation","jsxs","Fragment","Grid","jsx","TextInputField","AdminInputsSchema","date","AdminInputs","companyLocations","errors","useFormContext","SelectField","location","addressInline","DatePickerField","SocialSecurityNumberSchema","input","removeNonDigits","SSN_REGEX","SocialSecurityNumberInput","employee","onChange","setValue","placeholderSSN","usePlaceholderSSN","normalizeSSN","updatedValue","DateOfBirthSchema","DateOfBirthInput"],"mappings":"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"}
+{"version":3,"file":"PersonalDetailsInputs.js","sources":["../../../../src/components/Employee/Profile/PersonalDetailsInputs.tsx"],"sourcesContent":["import { z } from 'zod'\nimport { useFormContext } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { type Location } from '@gusto/embedded-api/models/components/location'\nimport { type Employee } from '@gusto/embedded-api/models/components/employee'\nimport { SelectField, TextInputField, Grid, DatePickerField } from '@/components/Common'\nimport { addressInline, removeNonDigits } from '@/helpers/formattedStrings'\nimport { normalizeSSN, usePlaceholderSSN } from '@/helpers/ssn'\nimport { nameValidation, SSN_REGEX } from '@/helpers/validations'\n\nexport const NameInputsSchema = z.object({\n  firstName: nameValidation,\n  middleInitial: z.string().optional(),\n  lastName: nameValidation,\n})\n\nexport function NameInputs() {\n  const { t } = useTranslation('Employee.Profile')\n\n  return (\n    <>\n      <Grid gap={{ base: 20, small: 8 }} gridTemplateColumns={{ base: '1fr', small: ['1fr', 200] }}>\n        <TextInputField\n          name=\"firstName\"\n          isRequired\n          label={t('firstName')}\n          errorMessage={t('validations.firstName')}\n        />\n        <TextInputField name=\"middleInitial\" label={t('middleInitial')} />\n      </Grid>\n      <TextInputField\n        name=\"lastName\"\n        isRequired\n        label={t('lastName')}\n        errorMessage={t('validations.lastName')}\n      />\n    </>\n  )\n}\n\nexport const AdminInputsSchema = z.object({\n  workAddress: z.string().min(1),\n  startDate: z.date().transform(date => date.toISOString().split('T')[0]),\n  email: z.string().email(),\n})\n\ntype AdminInputsSchemaType = z.infer<typeof AdminInputsSchema>\n\ninterface AdminInputsProps {\n  companyLocations: Location[]\n}\n\nexport function AdminInputs({ companyLocations }: AdminInputsProps) {\n  const { t } = useTranslation('Employee.Profile')\n  const {\n    formState: { errors },\n  } = useFormContext<AdminInputsSchemaType>()\n\n  return (\n    <>\n      <SelectField\n        name=\"workAddress\"\n        options={companyLocations.map(location => ({\n          value: location.uuid,\n          label: addressInline(location),\n        }))}\n        label={t('workAddress')}\n        description={t('workAddressDescription')}\n        placeholder={t('workAddressPlaceholder')}\n        errorMessage={t('validations.location', { ns: 'common' })}\n        isRequired\n      />\n      <DatePickerField\n        name=\"startDate\"\n        label={t('startDateLabel')}\n        description={t('startDateDescription')}\n        errorMessage={\n          errors.startDate?.type === 'custom'\n            ? t('validations.startDateOutOfRange')\n            : t('validations.startDate')\n        }\n      />\n      <TextInputField\n        name=\"email\"\n        label={t('email')}\n        description={t('emailDescription')}\n        errorMessage={t('validations.email')}\n        isRequired\n        type=\"email\"\n      />\n    </>\n  )\n}\n\nexport const SocialSecurityNumberSchema = z.object({\n  ssn: z\n    .string()\n    .transform(input => removeNonDigits(input))\n    .refine(input => SSN_REGEX.test(input)),\n  enableSsn: z.boolean(),\n})\n\ntype SocialSecurityNumberSchemaType = z.infer<typeof SocialSecurityNumberSchema>\n\ninterface SocialSecurityNumberInputProps {\n  employee?: Employee\n  onChange?: (updatedValue: string) => void\n}\n\nexport function SocialSecurityNumberInput({ employee, onChange }: SocialSecurityNumberInputProps) {\n  const { setValue } = useFormContext<SocialSecurityNumberSchemaType>()\n  const { t } = useTranslation('Employee.Profile')\n  const placeholderSSN = usePlaceholderSSN(employee?.hasSsn)\n  return (\n    <TextInputField\n      isRequired\n      name=\"ssn\"\n      label={t('ssnLabel')}\n      errorMessage={t('validations.ssn', { ns: 'common' })}\n      placeholder={placeholderSSN}\n      transform={normalizeSSN}\n      onChange={updatedValue => {\n        setValue('enableSsn', true)\n        onChange?.(updatedValue)\n      }}\n    />\n  )\n}\n\nexport const DateOfBirthSchema = z.object({\n  dateOfBirth: z.date().transform(date => date.toISOString().split('T')[0]),\n})\n\nexport function DateOfBirthInput() {\n  const { t } = useTranslation('Employee.Profile')\n  return (\n    <DatePickerField\n      name=\"dateOfBirth\"\n      label={t('dobLabel')}\n      errorMessage={t('validations.dob', { ns: 'common' })}\n    />\n  )\n}\n\n// All possible inputs for PersonalDetails forms\nconst PersonalDetailsTotalSchema = NameInputsSchema.merge(AdminInputsSchema)\n  .merge(SocialSecurityNumberSchema)\n  .merge(DateOfBirthSchema)\n  .extend({\n    selfOnboarding: z.boolean(),\n    enableSsn: z.boolean(),\n  })\n\ntype NullableDatesMapper<Source> = {\n  [Property in keyof Source]: Source[Property] extends Date\n    ? Source[Property] | null\n    : Source[Property]\n}\n\nexport type PersonalDetailsPayload = z.infer<typeof PersonalDetailsTotalSchema>\n\n//Typescript magic to mark date fields as nullable for correct defaultvalues\nexport type PersonalDetailsInputs = NullableDatesMapper<z.input<typeof PersonalDetailsTotalSchema>>\n"],"names":["NameInputsSchema","z","nameValidation","NameInputs","t","useTranslation","jsxs","Fragment","Grid","jsx","TextInputField","AdminInputsSchema","date","AdminInputs","companyLocations","errors","useFormContext","SelectField","location","addressInline","DatePickerField","SocialSecurityNumberSchema","input","removeNonDigits","SSN_REGEX","SocialSecurityNumberInput","employee","onChange","setValue","placeholderSSN","usePlaceholderSSN","normalizeSSN","updatedValue","DateOfBirthSchema","DateOfBirthInput"],"mappings":"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"}

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

@@ -1,49 +1,49 @@
-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";
+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 Le } from "@gusto/embedded-api/react-query/employeesUpdate";
+import { useEmployeeAddressesGetWorkAddressesSuspense as ve } from "@gusto/embedded-api/react-query/employeeAddressesGetWorkAddresses";
+import { useEmployeeAddressesCreateWorkAddressMutation as Ce } from "@gusto/embedded-api/react-query/employeeAddressesCreateWorkAddress";
+import { RFCDate as R } from "@gusto/embedded-api/types/rfcdate";
+import { useEmployeesUpdateOnboardingStatusMutation as We } from "@gusto/embedded-api/react-query/employeesUpdateOnboardingStatus";
+import { invalidateEmployeesList as Ue } from "@gusto/embedded-api/react-query/employeesList";
+import { useQueryClient as qe } from "@tanstack/react-query";
+import { AdminPersonalDetailsSchema as L, AdminSelfOnboardingPersonalDetailsSchema as Te, AdminPersonalDetails as C } from "./AdminPersonalDetails.js";
+import { SelfPersonalDetailsSchema as He, SelfPersonalDetails as W } from "./SelfPersonalDetails.js";
+import { Head as U } from "./Head.js";
+import { Actions as q } from "./Actions.js";
+import { HomeAddressSchema as Ge, HomeAddress as T } from "./HomeAddress.js";
+import { WorkAddress as H } from "./WorkAddress.js";
+import { ProfileProvider as Fe } from "./useProfile.js";
+import { getEmployeeAddressForProfile as Ve } from "./getEmployeeAddressForProfile.js";
+import { Form as Ye } from "../../Common/Form/Form.js";
+import { BaseComponent as xe } from "../../Base/Base.js";
+import { useBase as ze } from "../../Base/useBase.js";
+import { useI18n as v, useComponentDictionary as je } from "../../../i18n/I18n.js";
+import { EmployeeOnboardingStatus as l, EmployeeSelfOnboardingStatuses as Ke, componentEvents as d } from "../../../shared/constants.js";
+import { useFlow as Qe } from "../../Flow/useFlow.js";
+import { ensureRequired as Je } 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 }) });
+  return /* @__PURE__ */ t(xe, { ...r, children: r.employeeId ? /* @__PURE__ */ t(Xe, { ...r, employeeId: r.employeeId, children: r.children }) : /* @__PURE__ */ t(G, { ...r, children: r.children }) });
 }
-function ze({ employeeId: r, ...a }) {
+function Xe({ employeeId: r, ...a }) {
   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 });
+  } = ve({ employeeId: r });
   return /* @__PURE__ */ t(
-    T,
+    G,
     {
       ...a,
       employee: u,
@@ -52,31 +52,31 @@ function ze({ employeeId: r, ...a }) {
     }
   );
 }
-const T = ({
+const G = ({
   isAdmin: r = !1,
   isSelfOnboardingEnabled: a = !0,
   dictionary: u,
   ...c
 }) => {
-  R("Employee.Profile"), R("Employee.HomeAddress"), Fe("Employee.Profile", u);
+  v("Employee.Profile"), v("Employee.HomeAddress"), je("Employee.Profile", u);
   const {
     companyId: i,
-    employee: h,
-    homeAddresses: H,
-    workAddresses: P,
-    children: g,
-    className: G = "",
+    employee: D,
+    homeAddresses: F,
+    workAddresses: g,
+    children: b,
+    className: V = "",
     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: Y } = ze(), x = qe(), [z, N] = Se(L), { data: j } = Ie({ companyId: i }), K = j.locationList, { mutateAsync: Q, isPending: J } = _e(), { mutateAsync: X, isPending: Z } = Le(), { mutateAsync: $, isPending: ee } = Ce(), { mutateAsync: re, isPending: te } = Re(), { mutateAsync: oe, isPending: se } = Me(), { mutateAsync: ne, isPending: de } = Be(), {
+    mutateAsync: ie,
+    isPending: me
+  } = We({
+    onSettled: () => Ue(x, [i])
+  }), I = { employee: D, workAddresses: g }, ae = Ve(F), le = I.workAddresses?.find((P) => P.active), e = Oe({
+    employee: I.employee,
+    homeAddress: ae,
+    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,
+  }, 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: a && 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)
+      Ke.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(Ge)
     ),
-    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 && N(A ? Te : L);
+  }, [A, r]);
+  const ye = async (P) => {
+    await Y(P, async (f) => {
+      const { workAddress: _, 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 R(h.dateOfBirth) : void 0
             }
           }
         });
@@ -148,35 +152,35 @@ 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: w, state: k, zip: M, courtesyWithholding: B } = 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: w,
+                state: k,
+                zip: M,
+                courtesyWithholding: B
               }
             }
           });
           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: w,
+                state: k,
+                zip: M,
+                courtesyWithholding: B
               }
             }
           });
@@ -185,23 +189,23 @@ const T = ({
       }
       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: _
               }
             }
           });
           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: _,
+                effectiveDate: new R(f.startDate || /* @__PURE__ */ new Date())
               }
             }
           });
@@ -209,58 +213,58 @@ const T = ({
         }
       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: V, children: /* @__PURE__ */ t(
+    Fe,
     {
       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
+        isPending: Z || te || se || de || J || ee || me
       },
-      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, {}),
+      children: /* @__PURE__ */ t(Ne, { ...O, children: /* @__PURE__ */ t(Ye, { onSubmit: pe(ye), children: b || /* @__PURE__ */ Ee(he, { children: [
         /* @__PURE__ */ t(U, {}),
-        /* @__PURE__ */ t(q, {}),
-        /* @__PURE__ */ t(W, {})
+        /* @__PURE__ */ t(C, {}),
+        /* @__PURE__ */ t(W, {}),
+        /* @__PURE__ */ t(T, {}),
+        /* @__PURE__ */ t(H, {}),
+        /* @__PURE__ */ t(q, {})
       ] }) }) })
     }
   ) });
 };
-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();
+m.Head = U;
+m.Actions = q;
+m.AdminPersonalDetails = C;
+m.SelfPersonalDetails = W;
+m.HomeAddress = T;
+m.WorkAddress = H;
+const Br = () => {
+  const { companyId: r, employeeId: a, onEvent: u, isAdmin: c, defaultValues: i, isSelfOnboardingEnabled: D } = Qe();
   return /* @__PURE__ */ t(
     m,
     {
-      companyId: xe(r),
+      companyId: Je(r),
       employeeId: a,
       onEvent: u,
       isAdmin: c,
       defaultValues: i?.profile,
-      isSelfOnboardingEnabled: h
+      isSelfOnboardingEnabled: D
     }
   );
 };
 export {
   m as Profile,
-  Ir as ProfileContextual
+  Br as ProfileContextual
 };
 //# sourceMappingURL=Profile.js.map