@gusto/embedded-react-sdk 0.13.2 → 0.13.3

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

@@ -1,47 +1,50 @@
-import { jsxs as a, Fragment as s, jsx as n } from "react/jsx-runtime";
+import { jsxs as a, Fragment as l, jsx as n } from "react/jsx-runtime";
 import { useEffect as g } from "react";
 import { useFormContext as h } from "react-hook-form";
 import { useTranslation as O } from "react-i18next";
-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 { z as i } from "zod";
+import { AdminInputsSchema as D, SocialSecurityNumberSchema as I, DateOfBirthSchema as m, NameInputsSchema as A, NameInputs as N, AdminInputs as y, SocialSecurityNumberInput as E, DateOfBirthInput as x } from "./PersonalDetailsInputs.js";
+import F from "./AdminPersonalDetails.module.scss.js";
 import { useProfile as P } from "./useProfile.js";
-import { EmployeeOnboardingStatus as m } from "../../../shared/constants.js";
-import { CheckboxField as F } from "../../Common/Fields/CheckboxField/CheckboxField.js";
-const d = D.merge(
+import { EmployeeOnboardingStatus as d } from "../../../shared/constants.js";
+import "classnames";
+import { SwitchField as _ } from "../../Common/Fields/SwitchField/SwitchField.js";
+const c = D.merge(
   A
 ).extend({
-  selfOnboarding: t.boolean()
-}), M = t.discriminatedUnion("enableSsn", [
-  d.merge(I).merge(l).extend({
-    enableSsn: t.literal(!0)
+  selfOnboarding: i.boolean()
+}), k = i.discriminatedUnion("enableSsn", [
+  c.merge(I).merge(m).extend({
+    enableSsn: i.literal(!0)
   }),
-  d.merge(l).extend({
-    enableSsn: t.literal(!1)
+  c.merge(m).extend({
+    enableSsn: i.literal(!1)
   })
-]), V = () => {
-  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");
+]), v = () => {
+  const { companyLocations: f, employee: e, isAdmin: S, isSelfOnboardingEnabled: b } = P(), { t: o } = O("Employee.Profile"), { watch: p, setValue: t, getFieldState: u } = h(), r = p("selfOnboarding"), { isDirty: s } = u("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,
+    r ? t("enableSsn", !1) : t("enableSsn", s ? !0 : !e?.hasSsn);
+  }, [r, e?.hasSsn, s, t]), S ? /* @__PURE__ */ a(l, { children: [
+    b && /* @__PURE__ */ n("div", { className: F.switchFieldContainer, children: /* @__PURE__ */ n(
+      _,
       {
         name: "selfOnboarding",
-        label: b("selfOnboardingLabel"),
-        isDisabled: e?.onboarded || e?.onboardingStatus === m.ONBOARDING_COMPLETED || e?.onboardingStatus === m.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW
+        description: o("selfOnboardingDescription"),
+        label: o("selfOnboardingLabel"),
+        isDisabled: e?.onboarded || e?.onboardingStatus === d.ONBOARDING_COMPLETED || e?.onboardingStatus === d.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW
       }
-    ),
-    !r && /* @__PURE__ */ a(s, { children: [
-      /* @__PURE__ */ n(x, { employee: e }),
-      /* @__PURE__ */ n(y, {})
+    ) }),
+    /* @__PURE__ */ n(N, {}),
+    /* @__PURE__ */ n(y, { companyLocations: f }),
+    !r && /* @__PURE__ */ a(l, { children: [
+      /* @__PURE__ */ n(E, { employee: e }),
+      /* @__PURE__ */ n(x, {})
     ] })
   ] }) : null;
 };
 export {
-  V as AdminPersonalDetails,
-  M as AdminPersonalDetailsSchema,
-  d as AdminSelfOnboardingPersonalDetailsSchema
+  v as AdminPersonalDetails,
+  k as AdminPersonalDetailsSchema,
+  c 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\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,QAAA;AACpB,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,EAAA,CAC3B;AACH,CAAC,GAEYI,IAAuB,MAAM;AACxC,QAAM,EAAE,kBAAAC,GAAkB,UAAAC,GAAU,SAAAC,GAAS,yBAAAC,EAAA,IAA4BC,EAAA,GACnE,EAAE,GAAAC,EAAA,IAAMC,EAAe,kBAAkB,GACzC,EAAE,OAAAC,GAAO,UAAAC,GAAU,eAAAC,EAAA,IAAkBC,EAAA,GAErCC,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,EAE/D,GAAG,CAACU,GAAyBV,GAAU,QAAQW,GAAYJ,CAAQ,CAAC,GAE/DN,IAKH,gBAAAY,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAW;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,IAAA;AAAA,IAKhC,CAACT,KACA,gBAAAG,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAC,EAACK,KAA0B,UAAApB,GAAoB;AAAA,wBAC9CqB,GAAA,CAAA,CAAiB;AAAA,IAAA,EAAA,CACpB;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 styles from './AdminPersonalDetails.module.scss'\nimport { useProfile } from './useProfile'\nimport { EmployeeOnboardingStatus } from '@/shared/constants'\nimport { SwitchField } 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  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      {isSelfOnboardingEnabled && (\n        <div className={styles.switchFieldContainer}>\n          <SwitchField\n            name=\"selfOnboarding\"\n            description={t('selfOnboardingDescription')}\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        </div>\n      )}\n\n      <NameInputs />\n      <AdminInputs companyLocations={companyLocations} />\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","styles","SwitchField","EmployeeOnboardingStatus","NameInputs","AdminInputs","SocialSecurityNumberInput","DateOfBirthInput"],"mappings":";;;;;;;;;;;AAoBO,MAAMA,IAA2CC,EAAkB;AAAA,EACxEC;AACF,EAAE,OAAO;AAAA,EACP,gBAAgBC,EAAE,QAAA;AACpB,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,EAAA,CAC3B;AACH,CAAC,GAEYI,IAAuB,MAAM;AACxC,QAAM,EAAE,kBAAAC,GAAkB,UAAAC,GAAU,SAAAC,GAAS,yBAAAC,EAAA,IAA4BC,EAAA,GACnE,EAAE,GAAAC,EAAA,IAAMC,EAAe,kBAAkB,GACzC,EAAE,OAAAC,GAAO,UAAAC,GAAU,eAAAC,EAAA,IAAkBC,EAAA,GACrCC,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,EAE/D,GAAG,CAACU,GAAyBV,GAAU,QAAQW,GAAYJ,CAAQ,CAAC,GAE/DN,IAKH,gBAAAY,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAZ,KACC,gBAAAa,EAAC,OAAA,EAAI,WAAWC,EAAO,sBACrB,UAAA,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,aAAab,EAAE,2BAA2B;AAAA,QAC1C,OAAOA,EAAE,qBAAqB;AAAA,QAC9B,YACEJ,GAAU,aACVA,GAAU,qBAAqBkB,EAAyB,wBACxDlB,GAAU,qBACRkB,EAAyB;AAAA,MAAA;AAAA,IAAA,GAGjC;AAAA,sBAGDC,GAAA,EAAW;AAAA,IACZ,gBAAAJ,EAACK,KAAY,kBAAArB,GAAoC;AAAA,IAEhD,CAACW,KACA,gBAAAG,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAC,EAACM,KAA0B,UAAArB,GAAoB;AAAA,wBAC9CsB,GAAA,CAAA,CAAiB;AAAA,IAAA,EAAA,CACpB;AAAA,EAAA,GAEJ,IA9BO;AAgCX;"}

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

@@ -0,0 +1,8 @@
+const t = "_switchFieldContainer_1uwsc_1", e = {
+  switchFieldContainer: t
+};
+export {
+  e as default,
+  t as switchFieldContainer
+};
+//# sourceMappingURL=AdminPersonalDetails.module.scss.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AdminPersonalDetails.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

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

@@ -5,11 +5,12 @@ import { z as t } from "zod";
 import { useProfile as g } from "./useProfile.js";
 import { STATES_ABBR as f } from "../../../shared/constants.js";
 import { Grid as b } from "../../Common/Grid/Grid.js";
+import "classnames";
 import { useComponentContext as y } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { TextInputField as n } from "../../Common/Fields/TextInputField/TextInputField.js";
 import { SelectField as T } from "../../Common/Fields/SelectField/SelectField.js";
 import { CheckboxField as x } from "../../Common/Fields/CheckboxField/CheckboxField.js";
-const j = t.union([
+const q = t.union([
   // Case 1: selfOnboarding is false or undefined
   t.object({
     street1: t.string().min(1),
@@ -24,7 +25,7 @@ const j = t.union([
   t.object({
     selfOnboarding: t.literal(!0)
   })
-]), q = () => {
+]), O = () => {
   const { t: e } = u("Employee.HomeAddress"), i = y(), { isSelfOnboardingIntended: d, isAdmin: m } = g(), { watch: c } = p(), h = c("courtesyWithholding");
   return m && d ? null : /* @__PURE__ */ o(l, { children: [
     /* @__PURE__ */ o("div", { children: [
@@ -100,7 +101,7 @@ const j = t.union([
   ] });
 };
 export {
-  q as HomeAddress,
-  j as HomeAddressSchema
+  O as HomeAddress,
+  q as HomeAddressSchema
 };
 //# sourceMappingURL=HomeAddress.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"HomeAddress.js","sources":["../../../../src/components/Employee/Profile/HomeAddress.tsx"],"sourcesContent":["import { useFormContext } from 'react-hook-form'\nimport { Trans, useTranslation } from 'react-i18next'\nimport { z } from 'zod'\nimport { useProfile } from './useProfile'\nimport { STATES_ABBR } from '@/shared/constants'\nimport { CheckboxField, Grid, SelectField, TextInputField } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const HomeAddressSchema = z.union([\n  // Case 1: selfOnboarding is false or undefined\n  z.object({\n    street1: z.string().min(1),\n    street2: z.string().optional(),\n    city: z.string().min(1),\n    state: z.string().min(1),\n    zip: z.string().refine(zip => /(^\\d{5}$)|(^\\d{5}-\\d{4}$)/.test(zip)),\n    courtesyWithholding: z.boolean(),\n    selfOnboarding: z.union([z.literal(false), z.undefined()]),\n  }),\n  // Case 2: selfOnboarding is true\n  z.object({\n    selfOnboarding: z.literal(true),\n  }),\n])\n\nexport type HomeAddressInputs = z.infer<typeof HomeAddressSchema>\n\nexport const HomeAddress = () => {\n  const { t } = useTranslation('Employee.HomeAddress')\n  const Components = useComponentContext()\n  const { isSelfOnboardingIntended, isAdmin } = useProfile()\n\n  const { watch } = useFormContext<HomeAddressInputs>()\n  const watchedCourtesyWithholding = watch('courtesyWithholding')\n\n  if (isAdmin && isSelfOnboardingIntended) {\n    return null\n  }\n\n  return (\n    <>\n      <div>\n        <Components.Heading as=\"h2\">{t('formTitle')}</Components.Heading>\n        <Components.Text>{t('desc')}</Components.Text>\n      </div>\n      <Grid\n        gridTemplateColumns={{\n          base: '1fr',\n          small: ['1fr', '1fr'],\n        }}\n        gap={20}\n      >\n        <TextInputField\n          name=\"street1\"\n          label={t('street1')}\n          isRequired\n          errorMessage={t('validations.street1')}\n        />\n        <TextInputField name=\"street2\" label={t('street2')} />\n        <TextInputField\n          name=\"city\"\n          isRequired\n          label={t('city')}\n          errorMessage={t('validations.city')}\n        />\n        <SelectField\n          name=\"state\"\n          options={STATES_ABBR.map((stateAbbr: (typeof STATES_ABBR)[number]) => ({\n            label: t(`statesHash.${stateAbbr}`, { ns: 'common' }),\n            value: stateAbbr,\n          }))}\n          label={t('state')}\n          placeholder={t('statePlaceholder')}\n          errorMessage={t('validations.state')}\n          isRequired\n        />\n        <TextInputField\n          name=\"zip\"\n          isRequired\n          label={t('zip')}\n          errorMessage={t('validations.zip')}\n        />\n      </Grid>\n      <CheckboxField\n        name=\"courtesyWithholding\"\n        label={t('courtesyWithholdingLabel')}\n        description={\n          <>\n            {t('courtesyWhithholdingDescription')}\n            <Trans t={t} i18nKey=\"learnMoreCta\" components={{ learnMore: <Components.Link /> }} />\n          </>\n        }\n      />\n      {watchedCourtesyWithholding && (\n        <Components.Alert label={t('withholdingTitle')} status=\"warning\">\n          <Trans t={t} i18nKey=\"withholdingNote\" />\n        </Components.Alert>\n      )}\n    </>\n  )\n}\n"],"names":["HomeAddressSchema","z","zip","HomeAddress","t","useTranslation","Components","useComponentContext","isSelfOnboardingIntended","isAdmin","useProfile","watch","useFormContext","watchedCourtesyWithholding","jsxs","Fragment","jsx","Grid","TextInputField","SelectField","STATES_ABBR","stateAbbr","CheckboxField","Trans"],"mappings":"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"}
+{"version":3,"file":"HomeAddress.js","sources":["../../../../src/components/Employee/Profile/HomeAddress.tsx"],"sourcesContent":["import { useFormContext } from 'react-hook-form'\nimport { Trans, useTranslation } from 'react-i18next'\nimport { z } from 'zod'\nimport { useProfile } from './useProfile'\nimport { STATES_ABBR } from '@/shared/constants'\nimport { CheckboxField, Grid, SelectField, TextInputField } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const HomeAddressSchema = z.union([\n  // Case 1: selfOnboarding is false or undefined\n  z.object({\n    street1: z.string().min(1),\n    street2: z.string().optional(),\n    city: z.string().min(1),\n    state: z.string().min(1),\n    zip: z.string().refine(zip => /(^\\d{5}$)|(^\\d{5}-\\d{4}$)/.test(zip)),\n    courtesyWithholding: z.boolean(),\n    selfOnboarding: z.union([z.literal(false), z.undefined()]),\n  }),\n  // Case 2: selfOnboarding is true\n  z.object({\n    selfOnboarding: z.literal(true),\n  }),\n])\n\nexport type HomeAddressInputs = z.infer<typeof HomeAddressSchema>\n\nexport const HomeAddress = () => {\n  const { t } = useTranslation('Employee.HomeAddress')\n  const Components = useComponentContext()\n  const { isSelfOnboardingIntended, isAdmin } = useProfile()\n\n  const { watch } = useFormContext<HomeAddressInputs>()\n  const watchedCourtesyWithholding = watch('courtesyWithholding')\n\n  if (isAdmin && isSelfOnboardingIntended) {\n    return null\n  }\n\n  return (\n    <>\n      <div>\n        <Components.Heading as=\"h2\">{t('formTitle')}</Components.Heading>\n        <Components.Text>{t('desc')}</Components.Text>\n      </div>\n      <Grid\n        gridTemplateColumns={{\n          base: '1fr',\n          small: ['1fr', '1fr'],\n        }}\n        gap={20}\n      >\n        <TextInputField\n          name=\"street1\"\n          label={t('street1')}\n          isRequired\n          errorMessage={t('validations.street1')}\n        />\n        <TextInputField name=\"street2\" label={t('street2')} />\n        <TextInputField\n          name=\"city\"\n          isRequired\n          label={t('city')}\n          errorMessage={t('validations.city')}\n        />\n        <SelectField\n          name=\"state\"\n          options={STATES_ABBR.map((stateAbbr: (typeof STATES_ABBR)[number]) => ({\n            label: t(`statesHash.${stateAbbr}`, { ns: 'common' }),\n            value: stateAbbr,\n          }))}\n          label={t('state')}\n          placeholder={t('statePlaceholder')}\n          errorMessage={t('validations.state')}\n          isRequired\n        />\n        <TextInputField\n          name=\"zip\"\n          isRequired\n          label={t('zip')}\n          errorMessage={t('validations.zip')}\n        />\n      </Grid>\n      <CheckboxField\n        name=\"courtesyWithholding\"\n        label={t('courtesyWithholdingLabel')}\n        description={\n          <>\n            {t('courtesyWhithholdingDescription')}\n            <Trans t={t} i18nKey=\"learnMoreCta\" components={{ learnMore: <Components.Link /> }} />\n          </>\n        }\n      />\n      {watchedCourtesyWithholding && (\n        <Components.Alert label={t('withholdingTitle')} status=\"warning\">\n          <Trans t={t} i18nKey=\"withholdingNote\" />\n        </Components.Alert>\n      )}\n    </>\n  )\n}\n"],"names":["HomeAddressSchema","z","zip","HomeAddress","t","useTranslation","Components","useComponentContext","isSelfOnboardingIntended","isAdmin","useProfile","watch","useFormContext","watchedCourtesyWithholding","jsxs","Fragment","jsx","Grid","TextInputField","SelectField","STATES_ABBR","stateAbbr","CheckboxField","Trans"],"mappings":"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"}

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

@@ -3,10 +3,11 @@ import { z as t } from "zod";
 import { useFormContext as c } from "react-hook-form";
 import { useTranslation as o } from "react-i18next";
 import { Grid as b } from "../../Common/Grid/Grid.js";
+import "classnames";
 import { removeNonDigits as S, addressInline as g } from "../../../helpers/formattedStrings.js";
 import { usePlaceholderSSN as h, normalizeSSN as N } from "../../../helpers/ssn.js";
 import { SSN_REGEX as D, nameValidation as m } from "../../../helpers/validations.js";
-import { TextInputField as i } from "../../Common/Fields/TextInputField/TextInputField.js";
+import { TextInputField as s } from "../../Common/Fields/TextInputField/TextInputField.js";
 import { SelectField as I } from "../../Common/Fields/SelectField/SelectField.js";
 import { DatePickerField as u } from "../../Common/Fields/DatePickerField/DatePickerField.js";
 const v = t.object({
@@ -14,12 +15,12 @@ const v = t.object({
   middleInitial: t.string().optional(),
   lastName: m
 });
-function B() {
+function C() {
   const { t: e } = o("Employee.Profile");
   return /* @__PURE__ */ l(d, { children: [
     /* @__PURE__ */ l(b, { gap: { base: 20, small: 8 }, gridTemplateColumns: { base: "1fr", small: ["1fr", 200] }, children: [
       /* @__PURE__ */ a(
-        i,
+        s,
         {
           name: "firstName",
           isRequired: !0,
@@ -27,10 +28,10 @@ function B() {
           errorMessage: e("validations.firstName")
         }
       ),
-      /* @__PURE__ */ a(i, { name: "middleInitial", label: e("middleInitial") })
+      /* @__PURE__ */ a(s, { name: "middleInitial", label: e("middleInitial") })
     ] }),
     /* @__PURE__ */ a(
-      i,
+      s,
       {
         name: "lastName",
         isRequired: !0,
@@ -45,7 +46,7 @@ const O = t.object({
   startDate: t.date().transform((e) => e.toISOString().split("T")[0]),
   email: t.string().email()
 });
-function C({ companyLocations: e }) {
+function L({ companyLocations: e }) {
   const { t: r } = o("Employee.Profile"), {
     formState: { errors: n }
   } = c();
@@ -54,9 +55,9 @@ function C({ companyLocations: e }) {
       I,
       {
         name: "workAddress",
-        options: e.map((s) => ({
-          value: s.uuid,
-          label: g(s)
+        options: e.map((i) => ({
+          value: i.uuid,
+          label: g(i)
         })),
         label: r("workAddress"),
         description: r("workAddressDescription"),
@@ -76,7 +77,7 @@ function C({ companyLocations: e }) {
       }
     ),
     /* @__PURE__ */ a(
-      i,
+      s,
       {
         name: "email",
         label: r("email"),
@@ -92,15 +93,15 @@ const R = t.object({
   ssn: t.string().transform((e) => S(e)).refine((e) => D.test(e)),
   enableSsn: t.boolean()
 });
-function L({ employee: e, onChange: r }) {
-  const { setValue: n } = c(), { t: s } = o("Employee.Profile"), p = h(e?.hasSsn);
+function z({ employee: e, onChange: r }) {
+  const { setValue: n } = c(), { t: i } = o("Employee.Profile"), p = h(e?.hasSsn);
   return /* @__PURE__ */ a(
-    i,
+    s,
     {
       isRequired: !0,
       name: "ssn",
-      label: s("ssnLabel"),
-      errorMessage: s("validations.ssn", { ns: "common" }),
+      label: i("ssnLabel"),
+      errorMessage: i("validations.ssn", { ns: "common" }),
       placeholder: p,
       transform: N,
       onChange: (f) => {
@@ -112,7 +113,7 @@ function L({ employee: e, onChange: r }) {
 const y = t.object({
   dateOfBirth: t.date().transform((e) => e.toISOString().split("T")[0])
 });
-function z() {
+function G() {
   const { t: e } = o("Employee.Profile");
   return /* @__PURE__ */ a(
     u,
@@ -129,13 +130,13 @@ v.merge(O).merge(R).merge(y).extend({
   enableSsn: t.boolean()
 });
 export {
-  C as AdminInputs,
+  L as AdminInputs,
   O as AdminInputsSchema,
-  z as DateOfBirthInput,
+  G as DateOfBirthInput,
   y as DateOfBirthSchema,
-  B as NameInputs,
+  C as NameInputs,
   v as NameInputsSchema,
-  L as SocialSecurityNumberInput,
+  z as SocialSecurityNumberInput,
   R 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        isRequired\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      isRequired\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":";;;;;;;;;;;AAUO,MAAMA,IAAmBC,EAAE,OAAO;AAAA,EACvC,WAAWC;AAAA,EACX,eAAeD,EAAE,OAAA,EAAS,SAAA;AAAA,EAC1B,UAAUC;AACZ,CAAC;AAEM,SAASC,IAAa;AAC3B,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,kBAAkB;AAE/C,SACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAD,EAACE,KAAK,KAAK,EAAE,MAAM,IAAI,OAAO,EAAA,GAAK,qBAAqB,EAAE,MAAM,OAAO,OAAO,CAAC,OAAO,GAAG,KACvF,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,YAAU;AAAA,UACV,OAAON,EAAE,WAAW;AAAA,UACpB,cAAcA,EAAE,uBAAuB;AAAA,QAAA;AAAA,MAAA;AAAA,wBAExCM,GAAA,EAAe,MAAK,iBAAgB,OAAON,EAAE,eAAe,EAAA,CAAG;AAAA,IAAA,GAClE;AAAA,IACA,gBAAAK;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAON,EAAE,UAAU;AAAA,QACnB,cAAcA,EAAE,sBAAsB;AAAA,MAAA;AAAA,IAAA;AAAA,EACxC,GACF;AAEJ;AAEO,MAAMO,IAAoBV,EAAE,OAAO;AAAA,EACxC,aAAaA,EAAE,SAAS,IAAI,CAAC;AAAA,EAC7B,WAAWA,EAAE,OAAO,UAAU,CAAAW,MAAQA,EAAK,YAAA,EAAc,MAAM,GAAG,EAAE,CAAC,CAAC;AAAA,EACtE,OAAOX,EAAE,OAAA,EAAS,MAAA;AACpB,CAAC;AAQM,SAASY,EAAY,EAAE,kBAAAC,KAAsC;AAClE,QAAM,EAAE,GAAAV,EAAA,IAAMC,EAAe,kBAAkB,GACzC;AAAA,IACJ,WAAW,EAAE,QAAAU,EAAA;AAAA,EAAO,IAClBC,EAAA;AAEJ,SACE,gBAAAV,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAE;AAAA,MAACQ;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,SAASH,EAAiB,IAAI,CAAAI,OAAa;AAAA,UACzC,OAAOA,EAAS;AAAA,UAChB,OAAOC,EAAcD,CAAQ;AAAA,QAAA,EAC7B;AAAA,QACF,OAAOd,EAAE,aAAa;AAAA,QACtB,aAAaA,EAAE,wBAAwB;AAAA,QACvC,aAAaA,EAAE,wBAAwB;AAAA,QACvC,cAAcA,EAAE,wBAAwB,EAAE,IAAI,UAAU;AAAA,QACxD,YAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAEZ,gBAAAK;AAAA,MAACW;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOhB,EAAE,gBAAgB;AAAA,QACzB,aAAaA,EAAE,sBAAsB;AAAA,QACrC,YAAU;AAAA,QACV,cACEW,EAAO,WAAW,SAAS,WACvBX,EAAE,iCAAiC,IACnCA,EAAE,uBAAuB;AAAA,MAAA;AAAA,IAAA;AAAA,IAGjC,gBAAAK;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAON,EAAE,OAAO;AAAA,QAChB,aAAaA,EAAE,kBAAkB;AAAA,QACjC,cAAcA,EAAE,mBAAmB;AAAA,QACnC,YAAU;AAAA,QACV,MAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EACP,GACF;AAEJ;AAEO,MAAMiB,IAA6BpB,EAAE,OAAO;AAAA,EACjD,KAAKA,EACF,OAAA,EACA,UAAU,CAAAqB,MAASC,EAAgBD,CAAK,CAAC,EACzC,OAAO,CAAAA,MAASE,EAAU,KAAKF,CAAK,CAAC;AAAA,EACxC,WAAWrB,EAAE,QAAA;AACf,CAAC;AASM,SAASwB,EAA0B,EAAE,UAAAC,GAAU,UAAAC,KAA4C;AAChG,QAAM,EAAE,UAAAC,EAAA,IAAaZ,EAAA,GACf,EAAE,GAAAZ,EAAA,IAAMC,EAAe,kBAAkB,GACzCwB,IAAiBC,EAAkBJ,GAAU,MAAM;AACzD,SACE,gBAAAjB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,YAAU;AAAA,MACV,MAAK;AAAA,MACL,OAAON,EAAE,UAAU;AAAA,MACnB,cAAcA,EAAE,mBAAmB,EAAE,IAAI,UAAU;AAAA,MACnD,aAAayB;AAAA,MACb,WAAWE;AAAA,MACX,UAAU,CAAAC,MAAgB;AACxB,QAAAJ,EAAS,aAAa,EAAI,GAC1BD,IAAWK,CAAY;AAAA,MACzB;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,MAAMC,IAAoBhC,EAAE,OAAO;AAAA,EACxC,aAAaA,EAAE,KAAA,EAAO,UAAU,CAAAW,MAAQA,EAAK,YAAA,EAAc,MAAM,GAAG,EAAE,CAAC,CAAC;AAC1E,CAAC;AAEM,SAASsB,IAAmB;AACjC,QAAM,EAAE,GAAA9B,EAAA,IAAMC,EAAe,kBAAkB;AAC/C,SACE,gBAAAI;AAAA,IAACW;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,OAAOhB,EAAE,UAAU;AAAA,MACnB,YAAU;AAAA,MACV,cAAcA,EAAE,mBAAmB,EAAE,IAAI,UAAU;AAAA,IAAA;AAAA,EAAA;AAGzD;AAGmCJ,EAAiB,MAAMW,CAAiB,EACxE,MAAMU,CAA0B,EAChC,MAAMY,CAAiB,EACvB,OAAO;AAAA,EACN,gBAAgBhC,EAAE,QAAA;AAAA,EAClB,WAAWA,EAAE,QAAA;AACf,CAAC;"}
+{"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        isRequired\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      isRequired\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,4 +1,4 @@
-import { jsx as t, jsxs as ae, Fragment as le } from "react/jsx-runtime";
+import { jsx as t, jsxs as B, Fragment as le } from "react/jsx-runtime";
 import { zodResolver as ue } from "@hookform/resolvers/zod";
 import { useState as ce, useRef as pe, useEffect as ye } from "react";
 import { useForm as Ae, useWatch as fe, FormProvider as Ee } from "react-hook-form";
@@ -12,27 +12,28 @@ import { useEmployeeAddressesUpdateWorkAddressMutation as be } from "@gusto/embe
 import { useEmployeesUpdateMutation as Ne } from "@gusto/embedded-api/react-query/employeesUpdate";
 import { useEmployeeAddressesGetWorkAddressesSuspense as Ie } from "@gusto/embedded-api/react-query/employeeAddressesGetWorkAddresses";
 import { useEmployeeAddressesCreateWorkAddressMutation as _e } from "@gusto/embedded-api/react-query/employeeAddressesCreateWorkAddress";
-import { RFCDate as B } from "@gusto/embedded-api/types/rfcdate";
+import { RFCDate as R } from "@gusto/embedded-api/types/rfcdate";
 import { useEmployeesUpdateOnboardingStatusMutation as we } from "@gusto/embedded-api/react-query/employeesUpdateOnboardingStatus";
-import { AdminPersonalDetailsSchema as R, AdminSelfOnboardingPersonalDetailsSchema as Me, AdminPersonalDetails as ke } from "./AdminPersonalDetails.js";
+import { AdminPersonalDetailsSchema as L, AdminSelfOnboardingPersonalDetailsSchema as Me, AdminPersonalDetails as ke } from "./AdminPersonalDetails.js";
 import { SelfPersonalDetailsSchema as Be, SelfPersonalDetails as Re } from "./SelfPersonalDetails.js";
 import { Head as Le } from "./Head.js";
 import { Actions as ve } from "./Actions.js";
 import { HomeAddressSchema as Ce, HomeAddress as We } from "./HomeAddress.js";
 import { WorkAddress as Ue } from "./WorkAddress.js";
-import { ProfileProvider as qe } from "./useProfile.js";
-import { getEmployeeAddressForProfile as Te } from "./getEmployeeAddressForProfile.js";
-import { Form as Ge } from "../../Common/Form/Form.js";
-import { BaseComponent as He } from "../../Base/Base.js";
-import { useBase as Fe } from "../../Base/useBase.js";
-import { useI18n as L, useComponentDictionary as Ve } from "../../../i18n/I18n.js";
-import { EmployeeOnboardingStatus as a, EmployeeSelfOnboardingStatuses as Ye, componentEvents as d } from "../../../shared/constants.js";
-import { useFlow as xe } from "../../Flow/useFlow.js";
-import { ensureRequired as ze } from "../../../helpers/ensureRequired.js";
-function je(r) {
-  return /* @__PURE__ */ t(He, { ...r, children: r.employeeId ? /* @__PURE__ */ t(Ke, { ...r, employeeId: r.employeeId, children: r.children }) : /* @__PURE__ */ t(v, { ...r, children: r.children }) });
+import { ProfileProvider as Te } from "./useProfile.js";
+import { getEmployeeAddressForProfile as qe } from "./getEmployeeAddressForProfile.js";
+import { Grid as Ge } from "../../Common/Grid/Grid.js";
+import { Form as He } from "../../Common/Form/Form.js";
+import { BaseComponent as Fe } from "../../Base/Base.js";
+import { useBase as Ve } from "../../Base/useBase.js";
+import { useI18n as v, useComponentDictionary as Ye } from "../../../i18n/I18n.js";
+import { EmployeeOnboardingStatus as a, EmployeeSelfOnboardingStatuses as xe, componentEvents as d } from "../../../shared/constants.js";
+import { useFlow as ze } from "../../Flow/useFlow.js";
+import { ensureRequired as je } from "../../../helpers/ensureRequired.js";
+function Ke(r) {
+  return /* @__PURE__ */ t(Fe, { ...r, children: r.employeeId ? /* @__PURE__ */ t(Je, { ...r, employeeId: r.employeeId, children: r.children }) : /* @__PURE__ */ t(C, { ...r, children: r.children }) });
 }
-function Ke({ employeeId: r, ...i }) {
+function Je({ employeeId: r, ...i }) {
   const {
     data: { employee: l }
   } = Oe({ employeeId: r }), {
@@ -41,7 +42,7 @@ function Ke({ employeeId: r, ...i }) {
     data: { employeeWorkAddressesList: m }
   } = Ie({ employeeId: r });
   return /* @__PURE__ */ t(
-    v,
+    C,
     {
       ...i,
       employee: l,
@@ -50,28 +51,28 @@ function Ke({ employeeId: r, ...i }) {
     }
   );
 }
-const v = ({
+const C = ({
   isAdmin: r = !1,
   isSelfOnboardingEnabled: i = !0,
   dictionary: l,
   ...u
 }) => {
-  L("Employee.Profile"), L("Employee.HomeAddress"), Ve("Employee.Profile", l);
+  v("Employee.Profile"), v("Employee.HomeAddress"), Ye("Employee.Profile", l);
   const {
     companyId: m,
     employee: h,
-    homeAddresses: C,
+    homeAddresses: W,
     workAddresses: g,
     children: P,
-    className: W = "",
+    className: U = "",
     defaultValues: s
-  } = u, { onEvent: n, baseSubmitHandler: U } = Fe(), [q, b] = ce(R), { data: T } = he({ companyId: m }), G = T.locationList, { mutateAsync: H, isPending: F } = De(), { mutateAsync: V, isPending: Y } = Ne(), { mutateAsync: x, isPending: z } = _e(), { mutateAsync: j, isPending: K } = be(), { mutateAsync: J, isPending: Q } = ge(), { mutateAsync: X, isPending: Z } = Pe(), {
-    mutateAsync: $,
-    isPending: ee
-  } = we(), N = { employee: h, workAddresses: g }, re = Te(C), te = N.workAddresses?.find((S) => S.active), e = pe({
+  } = u, { onEvent: n, baseSubmitHandler: T } = Ve(), [q, b] = ce(L), { data: G } = he({ companyId: m }), H = G.locationList, { mutateAsync: F, isPending: V } = De(), { mutateAsync: Y, isPending: x } = Ne(), { mutateAsync: z, isPending: j } = _e(), { mutateAsync: K, isPending: J } = be(), { mutateAsync: Q, isPending: X } = ge(), { mutateAsync: Z, isPending: $ } = Pe(), {
+    mutateAsync: ee,
+    isPending: re
+  } = we(), N = { employee: h, workAddresses: g }, te = qe(W), oe = N.workAddresses?.find((S) => S.active), e = pe({
     employee: N.employee,
-    homeAddress: re,
-    workAddress: te
+    homeAddress: te,
+    workAddress: oe
   }), D = {
     firstName: e.current.employee?.firstName ?? s?.employee?.firstName ?? "",
     middleInitial: e.current.employee?.middleInitial ?? s?.employee?.middleInitial ?? "",
@@ -87,15 +88,15 @@ const v = ({
     zip: e.current.homeAddress?.zip ?? s?.homeAddress?.zip ?? "",
     state: e.current.homeAddress?.state ?? s?.homeAddress?.state ?? "",
     courtesyWithholding: e.current.homeAddress?.courtesyWithholding ?? !1
-  }, oe = e.current.employee?.onboarded || e.current.employee?.onboardingStatus === a.ONBOARDING_COMPLETED || e.current.employee?.onboardingStatus !== void 0 && e.current.employee.onboardingStatus !== a.ADMIN_ONBOARDING_INCOMPLETE ? { ...D, enableSsn: !1, selfOnboarding: !0 } : {
+  }, se = e.current.employee?.onboarded || e.current.employee?.onboardingStatus === a.ONBOARDING_COMPLETED || e.current.employee?.onboardingStatus !== void 0 && e.current.employee.onboardingStatus !== a.ADMIN_ONBOARDING_INCOMPLETE ? { ...D, enableSsn: !1, selfOnboarding: !0 } : {
     ...D,
     selfOnboarding: i && e.current.employee?.onboardingStatus ? (
       // @ts-expect-error: onboarding_status during runtime can be one of self onboarding statuses
-      Ye.has(e.current.employee.onboarding_status)
+      xe.has(e.current.employee.onboarding_status)
     ) : !1,
     enableSsn: !e.current.employee?.hasSsn,
     ssn: ""
-  }, se = {
+  }, ne = {
     ...D,
     enableSsn: !e.current.employee?.hasSsn,
     ssn: ""
@@ -105,17 +106,17 @@ const v = ({
       // @ts-expect-error: Zod discriminated union intersection incompatible with zodResolver v5.2.1
       (r ? q : Be).and(Ce)
     ),
-    defaultValues: r ? oe : se
-  }), { handleSubmit: ne } = O, y = fe({ control: O.control, name: "selfOnboarding" });
+    defaultValues: r ? se : ne
+  }), { handleSubmit: de } = O, y = fe({ control: O.control, name: "selfOnboarding" });
   ye(() => {
-    r && b(y ? Me : R);
+    r && b(y ? Me : L);
   }, [y, r]);
-  const de = async (S) => {
-    await U(S, async (A) => {
-      const { workAddress: I, startDate: me, selfOnboarding: f, ...E } = A;
+  const ie = async (S) => {
+    await T(S, async (A) => {
+      const { workAddress: I, startDate: ae, selfOnboarding: f, ...E } = A;
       if (e.current.employee) {
         if (r && (f && e.current.employee.onboardingStatus === a.ADMIN_ONBOARDING_INCOMPLETE || !f && e.current.employee.onboardingStatus === a.SELF_ONBOARDING_PENDING_INVITE)) {
-          const { employeeOnboardingStatus: c } = await $({
+          const { employeeOnboardingStatus: c } = await ee({
             request: {
               employeeId: e.current.employee.uuid,
               requestBody: {
@@ -128,7 +129,7 @@ const v = ({
             onboardingStatus: c.onboardingStatus
           }, n(d.EMPLOYEE_ONBOARDING_STATUS_UPDATED, c);
         }
-        const { employee: o } = await V({
+        const { employee: o } = await Y({
           request: {
             employeeId: e.current.employee.uuid,
             requestBody: { ...E, version: e.current.employee.version }
@@ -136,13 +137,13 @@ const v = ({
         });
         e.current = { ...e.current, employee: o }, n(d.EMPLOYEE_UPDATED, o);
       } else {
-        const { employee: o } = await H({
+        const { employee: o } = await F({
           request: {
             companyId: m,
             requestBody: {
               ...E,
               selfOnboarding: f,
-              dateOfBirth: E.dateOfBirth ? new B(E.dateOfBirth) : void 0
+              dateOfBirth: E.dateOfBirth ? new R(E.dateOfBirth) : void 0
             }
           }
         });
@@ -153,7 +154,7 @@ const v = ({
       if ((!y || !r) && !A.selfOnboarding) {
         const { street1: o, street2: c, city: _, state: w, zip: M, courtesyWithholding: k } = A;
         if (e.current.homeAddress) {
-          const { employeeAddress: p } = await X({
+          const { employeeAddress: p } = await Z({
             request: {
               homeAddressUuid: e.current.homeAddress.uuid,
               requestBody: {
@@ -169,7 +170,7 @@ const v = ({
           });
           e.current = { ...e.current, homeAddress: p }, n(d.EMPLOYEE_HOME_ADDRESS_UPDATED, p);
         } else {
-          const { employeeAddress: p } = await J({
+          const { employeeAddress: p } = await Q({
             request: {
               employeeId: e.current.employee.uuid,
               requestBody: {
@@ -187,7 +188,7 @@ const v = ({
       }
       if (r)
         if (e.current.workAddress) {
-          const { employeeWorkAddress: o } = await j({
+          const { employeeWorkAddress: o } = await K({
             request: {
               workAddressUuid: e.current.workAddress.uuid,
               requestBody: {
@@ -198,12 +199,12 @@ const v = ({
           });
           e.current = { ...e.current, workAddress: o }, n(d.EMPLOYEE_WORK_ADDRESS_UPDATED, o);
         } else {
-          const { employeeWorkAddress: o } = await x({
+          const { employeeWorkAddress: o } = await z({
             request: {
               employeeId: e.current.employee?.uuid,
               requestBody: {
                 locationUuid: I,
-                effectiveDate: new B(A.startDate || /* @__PURE__ */ new Date())
+                effectiveDate: new R(A.startDate || /* @__PURE__ */ new Date())
               }
             }
           });
@@ -211,41 +212,43 @@ const v = ({
         }
       n(d.EMPLOYEE_PROFILE_DONE, {
         ...e.current.employee,
-        startDate: me
+        startDate: ae
       });
     });
-  }, ie = () => {
+  }, me = () => {
     n(d.CANCEL);
   };
-  return /* @__PURE__ */ t("section", { className: W, children: /* @__PURE__ */ t(
-    qe,
+  return /* @__PURE__ */ t("section", { className: U, children: /* @__PURE__ */ t(
+    Te,
     {
       value: {
-        companyLocations: G,
+        companyLocations: H,
         workAddresses: g,
         employee: e.current.employee ?? void 0,
         isSelfOnboardingIntended: y,
-        handleCancel: ie,
+        handleCancel: me,
         isAdmin: r,
         isSelfOnboardingEnabled: i,
-        isPending: Y || K || Q || Z || F || z || ee
+        isPending: x || J || X || $ || V || j || re
       },
-      children: /* @__PURE__ */ t(Ee, { ...O, children: /* @__PURE__ */ t(Ge, { onSubmit: ne(de), children: P || /* @__PURE__ */ ae(le, { children: [
-        /* @__PURE__ */ t(Le, {}),
-        /* @__PURE__ */ t(ke, {}),
-        /* @__PURE__ */ t(Re, {}),
-        /* @__PURE__ */ t(We, {}),
-        /* @__PURE__ */ t(Ue, {}),
+      children: /* @__PURE__ */ t(Ee, { ...O, children: /* @__PURE__ */ t(He, { onSubmit: de(ie), children: P || /* @__PURE__ */ B(le, { children: [
+        /* @__PURE__ */ B(Ge, { gridTemplateColumns: "1fr", gap: 24, children: [
+          /* @__PURE__ */ t(Le, {}),
+          /* @__PURE__ */ t(ke, {}),
+          /* @__PURE__ */ t(Re, {}),
+          /* @__PURE__ */ t(We, {}),
+          /* @__PURE__ */ t(Ue, {})
+        ] }),
         /* @__PURE__ */ t(ve, {})
       ] }) }) })
     }
   ) });
-}, Ir = () => {
-  const { companyId: r, employeeId: i, onEvent: l, isAdmin: u, defaultValues: m, isSelfOnboardingEnabled: h } = xe();
+}, wr = () => {
+  const { companyId: r, employeeId: i, onEvent: l, isAdmin: u, defaultValues: m, isSelfOnboardingEnabled: h } = ze();
   return /* @__PURE__ */ t(
-    je,
+    Ke,
     {
-      companyId: ze(r),
+      companyId: je(r),
       employeeId: i,
       onEvent: l,
       isAdmin: u,
@@ -255,7 +258,7 @@ const v = ({
   );
 };
 export {
-  je as Profile,
-  Ir as ProfileContextual
+  Ke as Profile,
+  wr as ProfileContextual
 };
 //# sourceMappingURL=Profile.js.map