@gusto/embedded-react-sdk 0.11.0-rc.1 → 0.11.1

package/dist/components/Employee/Deductions/IncludeDeductionsForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"IncludeDeductionsForm.js","sources":["../../../../src/components/Employee/Deductions/IncludeDeductionsForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useDeductions } from './useDeductions'\nimport { RadioGroupField } from '@/components/Common'\n\nexport const IncludeDeductionsForm = () => {\n  const { mode } = useDeductions()\n  const { t } = useTranslation('Employee.Deductions')\n  if (mode !== 'INITIAL') return\n  return (\n    <RadioGroupField\n      name=\"includeDeductions\"\n      label={t('includeDeductionsFormLabel')}\n      description={t('includeDeductionsDescription')}\n      options={[\n        { value: 'Yes', label: t('includeDeductionsYes') },\n        { value: 'No', label: t('includeDeductionsNo') },\n      ]}\n    />\n  )\n}\n"],"names":["IncludeDeductionsForm","mode","useDeductions","t","useTranslation","jsx","RadioGroupField"],"mappings":";;;;AAIO,MAAMA,IAAwB,MAAM;AACnC,QAAA,EAAE,MAAAC,EAAK,IAAIC,EAAc,GACzB,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB;AAClD,MAAIH,MAAS;AAEX,WAAA,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOH,EAAE,4BAA4B;AAAA,QACrC,aAAaA,EAAE,8BAA8B;AAAA,QAC7C,SAAS;AAAA,UACP,EAAE,OAAO,OAAO,OAAOA,EAAE,sBAAsB,EAAE;AAAA,UACjD,EAAE,OAAO,MAAM,OAAOA,EAAE,qBAAqB,EAAE;AAAA,QAAA;AAAA,MACjD;AAAA,IACF;AAEJ;"}
+{"version":3,"file":"IncludeDeductionsForm.js","sources":["../../../../src/components/Employee/Deductions/IncludeDeductionsForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useDeductions } from './useDeductions'\nimport { RadioGroupField } from '@/components/Common'\n\nexport const IncludeDeductionsForm = () => {\n  const { mode } = useDeductions()\n  const { t } = useTranslation('Employee.Deductions')\n  if (mode !== 'INITIAL') return\n  return (\n    <RadioGroupField\n      name=\"includeDeductions\"\n      isRequired\n      label={t('includeDeductionsFormLabel')}\n      description={t('includeDeductionsDescription')}\n      options={[\n        { value: 'Yes', label: t('includeDeductionsYes') },\n        { value: 'No', label: t('includeDeductionsNo') },\n      ]}\n    />\n  )\n}\n"],"names":["IncludeDeductionsForm","mode","useDeductions","t","useTranslation","jsx","RadioGroupField"],"mappings":";;;;AAIO,MAAMA,IAAwB,MAAM;AACnC,QAAA,EAAE,MAAAC,EAAK,IAAIC,EAAc,GACzB,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB;AAClD,MAAIH,MAAS;AAEX,WAAA,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAOH,EAAE,4BAA4B;AAAA,QACrC,aAAaA,EAAE,8BAA8B;AAAA,QAC7C,SAAS;AAAA,UACP,EAAE,OAAO,OAAO,OAAOA,EAAE,sBAAsB,EAAE;AAAA,UACjD,EAAE,OAAO,MAAM,OAAOA,EAAE,qBAAqB,EAAE;AAAA,QAAA;AAAA,MACjD;AAAA,IACF;AAEJ;"}

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

@@ -1,12 +1,12 @@
 import { jsxs as i, Fragment as u, jsx as r } from "react/jsx-runtime";
 import { useFormContext as m } from "react-hook-form";
-import { useTranslation as c } from "react-i18next";
-import { usePaymentMethod as s } from "./usePaymentMethod.js";
+import { useTranslation as s } from "react-i18next";
+import { usePaymentMethod as c } from "./usePaymentMethod.js";
 import { PAYMENT_METHODS as l } from "../../../shared/constants.js";
 import { TextInputField as o } from "../../Common/Fields/TextInputField/TextInputField.js";
 import { RadioGroupField as p } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
 const h = () => {
-  const { mode: a, watchedType: t } = s(), { t: e } = c("Employee.PaymentMethod"), { setValue: n } = m();
+  const { mode: a, watchedType: t } = c(), { t: e } = s("Employee.PaymentMethod"), { setValue: n } = m();
   if (!(a !== "ADD" && a !== "INITIAL" || t === l.check))
     return n("hasBankPayload", !0), /* @__PURE__ */ i(u, { children: [
       /* @__PURE__ */ r(
@@ -41,6 +41,7 @@ const h = () => {
         p,
         {
           name: "accountType",
+          isRequired: !0,
           label: e("accountTypeLabel"),
           options: [
             { value: "Checking", label: e("accountTypeChecking") },

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

@@ -1 +1 @@
-{"version":3,"file":"BankAccountEdit.js","sources":["../../../../src/components/Employee/PaymentMethod/BankAccountEdit.tsx"],"sourcesContent":["import { useFormContext } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport type { BankAccountInputs } from './BankAccount'\nimport { usePaymentMethod } from './usePaymentMethod'\nimport { RadioGroupField, TextInputField } from '@/components/Common'\nimport { PAYMENT_METHODS } from '@/shared/constants'\n\nexport const BankAccountForm = () => {\n  const { mode, watchedType } = usePaymentMethod()\n  const { t } = useTranslation('Employee.PaymentMethod')\n  const { setValue } = useFormContext<BankAccountInputs>()\n\n  if ((mode !== 'ADD' && mode !== 'INITIAL') || watchedType === PAYMENT_METHODS.check) {\n    return\n  }\n  //Used by form schema to determine variant\n  setValue('hasBankPayload', true)\n\n  return (\n    <>\n      <TextInputField\n        name=\"name\"\n        isRequired\n        label={t('nameLabel')}\n        errorMessage={t('validations.accountName')}\n      />\n\n      <TextInputField\n        name=\"routingNumber\"\n        label={t('routingNumberLabel')}\n        isRequired\n        description={t('routingNumberDescription')}\n        errorMessage={t('validations.routingNumber')}\n      />\n\n      <TextInputField\n        name=\"accountNumber\"\n        label={t('accountNumberLabel')}\n        errorMessage={t('validations.accountNumber')}\n        isRequired\n      />\n\n      <RadioGroupField\n        name=\"accountType\"\n        label={t('accountTypeLabel')}\n        options={[\n          { value: 'Checking', label: t('accountTypeChecking') },\n          { value: 'Savings', label: t('accountTypeSavings') },\n        ]}\n      />\n    </>\n  )\n}\n"],"names":["BankAccountForm","mode","watchedType","usePaymentMethod","t","useTranslation","setValue","useFormContext","PAYMENT_METHODS","jsxs","Fragment","jsx","TextInputField","RadioGroupField"],"mappings":";;;;;;;AAOO,MAAMA,IAAkB,MAAM;AACnC,QAAM,EAAE,MAAAC,GAAM,aAAAC,EAAY,IAAIC,EAAiB,GACzC,EAAE,GAAAC,EAAA,IAAMC,EAAe,wBAAwB,GAC/C,EAAE,UAAAC,EAAS,IAAIC,EAAkC;AAEvD,MAAK,EAAAN,MAAS,SAASA,MAAS,aAAcC,MAAgBM,EAAgB;AAI9E,WAAAF,EAAS,kBAAkB,EAAI,GAI3B,gBAAAG,EAAAC,GAAA,EAAA,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,YAAU;AAAA,UACV,OAAOR,EAAE,WAAW;AAAA,UACpB,cAAcA,EAAE,yBAAyB;AAAA,QAAA;AAAA,MAC3C;AAAA,MAEA,gBAAAO;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOR,EAAE,oBAAoB;AAAA,UAC7B,YAAU;AAAA,UACV,aAAaA,EAAE,0BAA0B;AAAA,UACzC,cAAcA,EAAE,2BAA2B;AAAA,QAAA;AAAA,MAC7C;AAAA,MAEA,gBAAAO;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOR,EAAE,oBAAoB;AAAA,UAC7B,cAAcA,EAAE,2BAA2B;AAAA,UAC3C,YAAU;AAAA,QAAA;AAAA,MACZ;AAAA,MAEA,gBAAAO;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOT,EAAE,kBAAkB;AAAA,UAC3B,SAAS;AAAA,YACP,EAAE,OAAO,YAAY,OAAOA,EAAE,qBAAqB,EAAE;AAAA,YACrD,EAAE,OAAO,WAAW,OAAOA,EAAE,oBAAoB,EAAE;AAAA,UAAA;AAAA,QACrD;AAAA,MAAA;AAAA,IACF,GACF;AAEJ;"}
+{"version":3,"file":"BankAccountEdit.js","sources":["../../../../src/components/Employee/PaymentMethod/BankAccountEdit.tsx"],"sourcesContent":["import { useFormContext } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport type { BankAccountInputs } from './BankAccount'\nimport { usePaymentMethod } from './usePaymentMethod'\nimport { RadioGroupField, TextInputField } from '@/components/Common'\nimport { PAYMENT_METHODS } from '@/shared/constants'\n\nexport const BankAccountForm = () => {\n  const { mode, watchedType } = usePaymentMethod()\n  const { t } = useTranslation('Employee.PaymentMethod')\n  const { setValue } = useFormContext<BankAccountInputs>()\n\n  if ((mode !== 'ADD' && mode !== 'INITIAL') || watchedType === PAYMENT_METHODS.check) {\n    return\n  }\n  //Used by form schema to determine variant\n  setValue('hasBankPayload', true)\n\n  return (\n    <>\n      <TextInputField\n        name=\"name\"\n        isRequired\n        label={t('nameLabel')}\n        errorMessage={t('validations.accountName')}\n      />\n\n      <TextInputField\n        name=\"routingNumber\"\n        label={t('routingNumberLabel')}\n        isRequired\n        description={t('routingNumberDescription')}\n        errorMessage={t('validations.routingNumber')}\n      />\n\n      <TextInputField\n        name=\"accountNumber\"\n        label={t('accountNumberLabel')}\n        errorMessage={t('validations.accountNumber')}\n        isRequired\n      />\n\n      <RadioGroupField\n        name=\"accountType\"\n        isRequired\n        label={t('accountTypeLabel')}\n        options={[\n          { value: 'Checking', label: t('accountTypeChecking') },\n          { value: 'Savings', label: t('accountTypeSavings') },\n        ]}\n      />\n    </>\n  )\n}\n"],"names":["BankAccountForm","mode","watchedType","usePaymentMethod","t","useTranslation","setValue","useFormContext","PAYMENT_METHODS","jsxs","Fragment","jsx","TextInputField","RadioGroupField"],"mappings":";;;;;;;AAOO,MAAMA,IAAkB,MAAM;AACnC,QAAM,EAAE,MAAAC,GAAM,aAAAC,EAAY,IAAIC,EAAiB,GACzC,EAAE,GAAAC,EAAA,IAAMC,EAAe,wBAAwB,GAC/C,EAAE,UAAAC,EAAS,IAAIC,EAAkC;AAEvD,MAAK,EAAAN,MAAS,SAASA,MAAS,aAAcC,MAAgBM,EAAgB;AAI9E,WAAAF,EAAS,kBAAkB,EAAI,GAI3B,gBAAAG,EAAAC,GAAA,EAAA,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,YAAU;AAAA,UACV,OAAOR,EAAE,WAAW;AAAA,UACpB,cAAcA,EAAE,yBAAyB;AAAA,QAAA;AAAA,MAC3C;AAAA,MAEA,gBAAAO;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOR,EAAE,oBAAoB;AAAA,UAC7B,YAAU;AAAA,UACV,aAAaA,EAAE,0BAA0B;AAAA,UACzC,cAAcA,EAAE,2BAA2B;AAAA,QAAA;AAAA,MAC7C;AAAA,MAEA,gBAAAO;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOR,EAAE,oBAAoB;AAAA,UAC7B,cAAcA,EAAE,2BAA2B;AAAA,UAC3C,YAAU;AAAA,QAAA;AAAA,MACZ;AAAA,MAEA,gBAAAO;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,YAAU;AAAA,UACV,OAAOT,EAAE,kBAAkB;AAAA,UAC3B,SAAS;AAAA,YACP,EAAE,OAAO,YAAY,OAAOA,EAAE,qBAAqB,EAAE;AAAA,YACrD,EAAE,OAAO,WAAW,OAAOA,EAAE,oBAAoB,EAAE;AAAA,UAAA;AAAA,QACrD;AAAA,MAAA;AAAA,IACF,GACF;AAEJ;"}

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

@@ -1,25 +1,25 @@
 import { jsxs as l, Fragment as d, jsx as a } from "react/jsx-runtime";
-import { z as r } from "zod";
+import { z as t } from "zod";
 import { useFormContext as c } from "react-hook-form";
-import { useTranslation as i } from "react-i18next";
+import { useTranslation as o } from "react-i18next";
 import { Grid as b } from "../../Common/Grid/Grid.js";
 import { removeNonDigits as S, addressInline as g } from "../../../helpers/formattedStrings.js";
 import { usePlaceholderSSN as h, normalizeSSN as N } from "../../../helpers/ssn.js";
 import { SSN_REGEX as D, nameValidation as m } from "../../../helpers/validations.js";
-import { TextInputField as s } from "../../Common/Fields/TextInputField/TextInputField.js";
+import { TextInputField as i } 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";
-const v = r.object({
+import { DatePickerField as u } from "../../Common/Fields/DatePickerField/DatePickerField.js";
+const v = t.object({
   firstName: m,
-  middleInitial: r.string().optional(),
+  middleInitial: t.string().optional(),
   lastName: m
 });
 function B() {
-  const { t: e } = i("Employee.Profile");
+  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(
-        s,
+        i,
         {
           name: "firstName",
           isRequired: !0,
@@ -27,10 +27,10 @@ function B() {
           errorMessage: e("validations.firstName")
         }
       ),
-      /* @__PURE__ */ a(s, { name: "middleInitial", label: e("middleInitial") })
+      /* @__PURE__ */ a(i, { name: "middleInitial", label: e("middleInitial") })
     ] }),
     /* @__PURE__ */ a(
-      s,
+      i,
       {
         name: "lastName",
         isRequired: !0,
@@ -40,13 +40,13 @@ function B() {
     )
   ] });
 }
-const O = r.object({
-  workAddress: r.string().min(1),
-  startDate: r.date().transform((e) => e.toISOString().split("T")[0]),
-  email: r.string().email()
+const O = t.object({
+  workAddress: t.string().min(1),
+  startDate: t.date().transform((e) => e.toISOString().split("T")[0]),
+  email: t.string().email()
 });
 function C({ companyLocations: e }) {
-  const { t } = i("Employee.Profile"), {
+  const { t: r } = o("Employee.Profile"), {
     formState: { errors: n }
   } = c();
   return /* @__PURE__ */ l(d, { children: [
@@ -54,86 +54,88 @@ function C({ companyLocations: e }) {
       I,
       {
         name: "workAddress",
-        options: e.map((o) => ({
-          value: o.uuid,
-          label: g(o)
+        options: e.map((s) => ({
+          value: s.uuid,
+          label: g(s)
         })),
-        label: t("workAddress"),
-        description: t("workAddressDescription"),
-        placeholder: t("workAddressPlaceholder"),
-        errorMessage: t("validations.location", { ns: "common" }),
+        label: r("workAddress"),
+        description: r("workAddressDescription"),
+        placeholder: r("workAddressPlaceholder"),
+        errorMessage: r("validations.location", { ns: "common" }),
         isRequired: !0
       }
     ),
     /* @__PURE__ */ a(
-      p,
+      u,
       {
         name: "startDate",
-        label: t("startDateLabel"),
-        description: t("startDateDescription"),
-        errorMessage: n.startDate?.type === "custom" ? t("validations.startDateOutOfRange") : t("validations.startDate")
+        label: r("startDateLabel"),
+        description: r("startDateDescription"),
+        isRequired: !0,
+        errorMessage: n.startDate?.type === "custom" ? r("validations.startDateOutOfRange") : r("validations.startDate")
       }
     ),
     /* @__PURE__ */ a(
-      s,
+      i,
       {
         name: "email",
-        label: t("email"),
-        description: t("emailDescription"),
-        errorMessage: t("validations.email"),
+        label: r("email"),
+        description: r("emailDescription"),
+        errorMessage: r("validations.email"),
         isRequired: !0,
         type: "email"
       }
     )
   ] });
 }
-const y = r.object({
-  ssn: r.string().transform((e) => S(e)).refine((e) => D.test(e)),
-  enableSsn: r.boolean()
+const R = t.object({
+  ssn: t.string().transform((e) => S(e)).refine((e) => D.test(e)),
+  enableSsn: t.boolean()
 });
-function L({ employee: e, onChange: t }) {
-  const { setValue: n } = c(), { t: o } = i("Employee.Profile"), u = h(e?.hasSsn);
+function L({ employee: e, onChange: r }) {
+  const { setValue: n } = c(), { t: s } = o("Employee.Profile"), p = h(e?.hasSsn);
   return /* @__PURE__ */ a(
-    s,
+    i,
     {
       isRequired: !0,
       name: "ssn",
-      label: o("ssnLabel"),
-      errorMessage: o("validations.ssn", { ns: "common" }),
-      placeholder: u,
+      label: s("ssnLabel"),
+      errorMessage: s("validations.ssn", { ns: "common" }),
+      placeholder: p,
       transform: N,
       onChange: (f) => {
-        n("enableSsn", !0), t?.(f);
+        n("enableSsn", !0), r?.(f);
       }
     }
   );
 }
-const A = r.object({
-  dateOfBirth: r.date().transform((e) => e.toISOString().split("T")[0])
+const y = t.object({
+  dateOfBirth: t.date().transform((e) => e.toISOString().split("T")[0])
 });
 function z() {
-  const { t: e } = i("Employee.Profile");
+  const { t: e } = o("Employee.Profile");
   return /* @__PURE__ */ a(
-    p,
+    u,
     {
       name: "dateOfBirth",
       label: e("dobLabel"),
+      isRequired: !0,
       errorMessage: e("validations.dob", { ns: "common" })
     }
   );
 }
-v.merge(O).merge(y).merge(A).extend({
-  selfOnboarding: r.boolean(),
-  enableSsn: r.boolean()
+v.merge(O).merge(R).merge(y).extend({
+  selfOnboarding: t.boolean(),
+  enableSsn: t.boolean()
 });
 export {
   C as AdminInputs,
   O as AdminInputsSchema,
   z as DateOfBirthInput,
-  A as DateOfBirthSchema,
+  y as DateOfBirthSchema,
   B as NameInputs,
   v as NameInputsSchema,
   L as SocialSecurityNumberInput,
-  y as SocialSecurityNumberSchema
+  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        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        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":";;;;;;;;;;;AAUa,MAAAA,IAAmBC,EAAE,OAAO;AAAA,EACvC,WAAWC;AAAA,EACX,eAAeD,EAAE,OAAO,EAAE,SAAS;AAAA,EACnC,UAAUC;AACZ,CAAC;AAEM,SAASC,IAAa;AAC3B,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,kBAAkB;AAE/C,SAEI,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAD,EAACE,KAAK,KAAK,EAAE,MAAM,IAAI,OAAO,EAAE,GAAG,qBAAqB,EAAE,MAAM,OAAO,OAAO,CAAC,OAAO,GAAG,EACvF,GAAA,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,MACzC;AAAA,wBACCM,GAAe,EAAA,MAAK,iBAAgB,OAAON,EAAE,eAAe,EAAG,CAAA;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;AAEa,MAAAO,IAAoBV,EAAE,OAAO;AAAA,EACxC,aAAaA,EAAE,SAAS,IAAI,CAAC;AAAA,EAC7B,WAAWA,EAAE,OAAO,UAAU,CAAAW,MAAQA,EAAK,YAAc,EAAA,MAAM,GAAG,EAAE,CAAC,CAAC;AAAA,EACtE,OAAOX,EAAE,OAAO,EAAE,MAAM;AAC1B,CAAC;AAQe,SAAAY,EAAY,EAAE,kBAAAC,KAAsC;AAClE,QAAM,EAAE,GAAAV,EAAA,IAAMC,EAAe,kBAAkB,GACzC;AAAA,IACJ,WAAW,EAAE,QAAAU,EAAO;AAAA,MAClBC,EAAsC;AAE1C,SAEI,gBAAAV,EAAAC,GAAA,EAAA,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,IACZ;AAAA,IACA,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,IAEjC;AAAA,IACA,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;AAEa,MAAAiB,IAA6BpB,EAAE,OAAO;AAAA,EACjD,KAAKA,EACF,OAAO,EACP,UAAU,CAASqB,MAAAC,EAAgBD,CAAK,CAAC,EACzC,OAAO,CAAAA,MAASE,EAAU,KAAKF,CAAK,CAAC;AAAA,EACxC,WAAWrB,EAAE,QAAQ;AACvB,CAAC;AASM,SAASwB,EAA0B,EAAE,UAAAC,GAAU,UAAAC,KAA4C;AAC1F,QAAA,EAAE,UAAAC,EAAS,IAAIZ,EAA+C,GAC9D,EAAE,GAAAZ,EAAA,IAAMC,EAAe,kBAAkB,GACzCwB,IAAiBC,EAAkBJ,GAAU,MAAM;AAEvD,SAAA,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,CAAgBC,MAAA;AACxB,QAAAJ,EAAS,aAAa,EAAI,GAC1BD,IAAWK,CAAY;AAAA,MAAA;AAAA,IACzB;AAAA,EACF;AAEJ;AAEa,MAAAC,IAAoBhC,EAAE,OAAO;AAAA,EACxC,aAAaA,EAAE,KAAK,EAAE,UAAU,CAAAW,MAAQA,EAAK,YAAA,EAAc,MAAM,GAAG,EAAE,CAAC,CAAC;AAC1E,CAAC;AAEM,SAASsB,IAAmB;AACjC,QAAM,EAAE,GAAA9B,EAAA,IAAMC,EAAe,kBAAkB;AAE7C,SAAA,gBAAAI;AAAA,IAACW;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,OAAOhB,EAAE,UAAU;AAAA,MACnB,YAAU;AAAA,MACV,cAAcA,EAAE,mBAAmB,EAAE,IAAI,SAAU,CAAA;AAAA,IAAA;AAAA,EACrD;AAEJ;AAGmCJ,EAAiB,MAAMW,CAAiB,EACxE,MAAMU,CAA0B,EAChC,MAAMY,CAAiB,EACvB,OAAO;AAAA,EACN,gBAAgBhC,EAAE,QAAQ;AAAA,EAC1B,WAAWA,EAAE,QAAQ;AACvB,CAAC;"}

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

@@ -112,7 +112,7 @@ const v = ({
     await U(S, async (A) => {
       const { workAddress: I, startDate: me, selfOnboarding: f, ...E } = A;
       if (e.current.employee) {
-        if (f && e.current.employee.onboardingStatus === a.ADMIN_ONBOARDING_INCOMPLETE || !f && e.current.employee.onboardingStatus === a.SELF_ONBOARDING_PENDING_INVITE) {
+        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 $({
             request: {
               employeeId: e.current.employee.uuid,

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

@@ -1 +1 @@
-{"version":3,"file":"Profile.js","sources":["../../../../src/components/Employee/Profile/Profile.tsx"],"sourcesContent":["import { zodResolver } from '@hookform/resolvers/zod'\nimport { useRef, useState, useEffect } from 'react'\nimport type { SubmitHandler } from 'react-hook-form'\nimport { FormProvider, useForm, useWatch } from 'react-hook-form'\nimport { useLocationsGetSuspense } from '@gusto/embedded-api/react-query/locationsGet'\nimport { useEmployeesCreateMutation } from '@gusto/embedded-api/react-query/employeesCreate'\nimport { useEmployeesGetSuspense } from '@gusto/embedded-api/react-query/employeesGet'\nimport { type Employee } from '@gusto/embedded-api/models/components/employee'\nimport { useEmployeeAddressesGetSuspense } from '@gusto/embedded-api/react-query/employeeAddressesGet'\nimport { type EmployeeAddress } from '@gusto/embedded-api/models/components/employeeaddress'\nimport { useEmployeeAddressesCreateMutation } from '@gusto/embedded-api/react-query/employeeAddressesCreate'\nimport { useEmployeeAddressesUpdateMutation } from '@gusto/embedded-api/react-query/employeeAddressesUpdate'\nimport { useEmployeeAddressesUpdateWorkAddressMutation } from '@gusto/embedded-api/react-query/employeeAddressesUpdateWorkAddress'\nimport { useEmployeesUpdateMutation } from '@gusto/embedded-api/react-query/employeesUpdate'\nimport { useEmployeeAddressesGetWorkAddressesSuspense } from '@gusto/embedded-api/react-query/employeeAddressesGetWorkAddresses'\nimport type { EmployeeWorkAddress } from '@gusto/embedded-api/models/components/employeeworkaddress'\nimport { useEmployeeAddressesCreateWorkAddressMutation } from '@gusto/embedded-api/react-query/employeeAddressesCreateWorkAddress'\nimport { RFCDate } from '@gusto/embedded-api/types/rfcdate'\nimport { useEmployeesUpdateOnboardingStatusMutation } from '@gusto/embedded-api/react-query/employeesUpdateOnboardingStatus'\nimport type { OnboardingContextInterface } from '../OnboardingFlow/OnboardingFlow'\nimport {\n  AdminPersonalDetails,\n  AdminPersonalDetailsSchema,\n  AdminSelfOnboardingPersonalDetailsSchema,\n} from './AdminPersonalDetails'\nimport { SelfPersonalDetails, SelfPersonalDetailsSchema } from './SelfPersonalDetails'\nimport { type PersonalDetailsPayload, type PersonalDetailsInputs } from './PersonalDetailsInputs'\nimport { Head } from './Head'\nimport { Actions } from './Actions'\nimport { HomeAddress, HomeAddressSchema, type HomeAddressInputs } from './HomeAddress'\nimport { WorkAddress } from './WorkAddress'\nimport { ProfileProvider } from './useProfile'\nimport { getEmployeeAddressForProfile } from './getEmployeeAddressForProfile'\nimport { Form } from '@/components/Common/Form'\nimport {\n  useBase,\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { useI18n } from '@/i18n'\nimport {\n  componentEvents,\n  EmployeeOnboardingStatus,\n  EmployeeSelfOnboardingStatuses,\n} from '@/shared/constants'\nimport type { RequireAtLeastOne, WithRequired } from '@/types/Helpers'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\nexport type ProfileDefaultValues = RequireAtLeastOne<{\n  employee?: RequireAtLeastOne<{\n    firstName?: string\n    middleInitial?: string\n    lastName?: string\n    email?: string\n    dateOfBirth?: string\n  }>\n  homeAddress?: RequireAtLeastOne<{\n    street1?: string\n    street2?: string\n    city?: string\n    state?: string\n    zip?: string\n  }>\n}>\ninterface ProfileProps extends CommonComponentInterface<'Employee.Profile'> {\n  employeeId?: string\n  companyId: string\n  defaultValues?: ProfileDefaultValues\n  isAdmin?: boolean\n  isSelfOnboardingEnabled?: boolean\n}\n\ninterface ProfileConditionalProps {\n  employee?: Employee\n  homeAddresses?: EmployeeAddress[]\n  workAddresses?: EmployeeWorkAddress[]\n}\n\nexport function Profile(props: ProfileProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      {props.employeeId ? (\n        <RootWithEmployee {...props} employeeId={props.employeeId}>\n          {props.children}\n        </RootWithEmployee>\n      ) : (\n        <Root {...props}>{props.children}</Root>\n      )}\n    </BaseComponent>\n  )\n}\n\n/**Accounting for conditional logic where employee data needs to be fetched only if employeeId is present */\nfunction RootWithEmployee({ employeeId, ...props }: WithRequired<ProfileProps, 'employeeId'>) {\n  const {\n    data: { employee },\n  } = useEmployeesGetSuspense({ employeeId })\n  const {\n    data: { employeeAddressList },\n  } = useEmployeeAddressesGetSuspense({ employeeId })\n  const {\n    data: { employeeWorkAddressesList },\n  } = useEmployeeAddressesGetWorkAddressesSuspense({ employeeId })\n  return (\n    <Root\n      {...props}\n      employee={employee}\n      homeAddresses={employeeAddressList}\n      workAddresses={employeeWorkAddressesList}\n    />\n  )\n}\n\nconst Root = ({\n  isAdmin = false,\n  isSelfOnboardingEnabled = true,\n  dictionary,\n  ...props\n}: ProfileProps & ProfileConditionalProps) => {\n  useI18n('Employee.Profile')\n  useI18n('Employee.HomeAddress')\n  useComponentDictionary('Employee.Profile', dictionary)\n  const {\n    companyId,\n    employee,\n    homeAddresses,\n    workAddresses,\n    children,\n    className = '',\n    defaultValues,\n  } = props\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const [AdminSchema, setAdminSchema] = useState<\n    typeof AdminPersonalDetailsSchema | typeof AdminSelfOnboardingPersonalDetailsSchema\n  >(AdminPersonalDetailsSchema)\n\n  const { data } = useLocationsGetSuspense({ companyId })\n  const companyLocations = data.locationList!\n\n  const { mutateAsync: createEmployee, isPending: isPendingCreateEmployee } =\n    useEmployeesCreateMutation()\n  const { mutateAsync: mutateEmployee, isPending: isPendingEmployeeUpdate } =\n    useEmployeesUpdateMutation()\n\n  const { mutateAsync: createEmployeeWorkAddress, isPending: isPendingCreateWA } =\n    useEmployeeAddressesCreateWorkAddressMutation()\n  const { mutateAsync: mutateEmployeeWorkAddress, isPending: isPendingWorkAddressUpdate } =\n    useEmployeeAddressesUpdateWorkAddressMutation()\n\n  const { mutateAsync: createEmployeeHomeAddress, isPending: isPendingAddHA } =\n    useEmployeeAddressesCreateMutation()\n  const { mutateAsync: mutateEmployeeHomeAddress, isPending: isPendingUpdateHA } =\n    useEmployeeAddressesUpdateMutation()\n\n  const {\n    mutateAsync: updateEmployeeOnboardingStatus,\n    isPending: isPendingUpdateOnboardingStatus,\n  } = useEmployeesUpdateOnboardingStatusMutation()\n\n  const existingData = { employee, workAddresses, homeAddresses }\n\n  const currentHomeAddress = getEmployeeAddressForProfile(homeAddresses)\n\n  const currentWorkAddress = existingData.workAddresses?.find(address => address.active)\n  const mergedData = useRef({\n    employee: existingData.employee,\n    homeAddress: currentHomeAddress,\n    workAddress: currentWorkAddress,\n  })\n  const initialValues = {\n    firstName: mergedData.current.employee?.firstName ?? defaultValues?.employee?.firstName ?? '',\n    middleInitial:\n      mergedData.current.employee?.middleInitial ?? defaultValues?.employee?.middleInitial ?? '',\n    lastName: mergedData.current.employee?.lastName ?? defaultValues?.employee?.lastName ?? '',\n    workAddress: mergedData.current.workAddress?.locationUuid,\n    startDate: mergedData.current.employee?.jobs?.[0]?.hireDate\n      ? new Date(mergedData.current.employee.jobs[0].hireDate)\n      : null, // By default employee response contains only current job - therefore jobs[0]\n    email: mergedData.current.employee?.email ?? defaultValues?.employee?.email ?? '',\n    dateOfBirth: mergedData.current.employee?.dateOfBirth\n      ? new Date(mergedData.current.employee.dateOfBirth)\n      : defaultValues?.employee?.dateOfBirth\n        ? new Date(defaultValues.employee.dateOfBirth)\n        : null,\n\n    street1: mergedData.current.homeAddress?.street1 ?? defaultValues?.homeAddress?.street1 ?? '',\n    street2: mergedData.current.homeAddress?.street2 ?? defaultValues?.homeAddress?.street2 ?? '',\n    city: mergedData.current.homeAddress?.city ?? defaultValues?.homeAddress?.city ?? '',\n    zip: mergedData.current.homeAddress?.zip ?? defaultValues?.homeAddress?.zip ?? '',\n    state: mergedData.current.homeAddress?.state ?? defaultValues?.homeAddress?.state ?? '',\n    courtesyWithholding: mergedData.current.homeAddress?.courtesyWithholding ?? false,\n  }\n\n  const adminDefaultValues =\n    mergedData.current.employee?.onboarded ||\n    mergedData.current.employee?.onboardingStatus ===\n      EmployeeOnboardingStatus.ONBOARDING_COMPLETED ||\n    (mergedData.current.employee?.onboardingStatus !== undefined &&\n      mergedData.current.employee.onboardingStatus !==\n        EmployeeOnboardingStatus.ADMIN_ONBOARDING_INCOMPLETE)\n      ? { ...initialValues, enableSsn: false, selfOnboarding: true }\n      : {\n          ...initialValues,\n          selfOnboarding: isSelfOnboardingEnabled\n            ? mergedData.current.employee?.onboardingStatus\n              ? // @ts-expect-error: onboarding_status during runtime can be one of self onboarding statuses\n                EmployeeSelfOnboardingStatuses.has(mergedData.current.employee.onboarding_status)\n              : false\n            : false,\n          enableSsn: !mergedData.current.employee?.hasSsn,\n          ssn: '',\n        } // In edit mode ssn is submitted only if it has been modified\n\n  const selfDetaultValues = {\n    ...initialValues,\n    enableSsn: !mergedData.current.employee?.hasSsn,\n    ssn: '',\n  }\n\n  const formMethods = useForm<\n    PersonalDetailsInputs & HomeAddressInputs,\n    unknown,\n    PersonalDetailsPayload & HomeAddressInputs\n  >({\n    resolver: zodResolver(\n      (isAdmin ? AdminSchema : SelfPersonalDetailsSchema).and(HomeAddressSchema),\n    ),\n    defaultValues: isAdmin ? adminDefaultValues : selfDetaultValues,\n  })\n\n  const { handleSubmit } = formMethods\n  const watchedSelfOnboarding = useWatch({ control: formMethods.control, name: 'selfOnboarding' })\n\n  useEffect(() => {\n    if (isAdmin) {\n      if (watchedSelfOnboarding) {\n        setAdminSchema(AdminSelfOnboardingPersonalDetailsSchema)\n      } else {\n        setAdminSchema(AdminPersonalDetailsSchema)\n      }\n    }\n  }, [watchedSelfOnboarding, isAdmin])\n\n  const onSubmit: SubmitHandler<PersonalDetailsPayload & HomeAddressInputs> = async data => {\n    await baseSubmitHandler(data, async payload => {\n      const { workAddress, startDate, selfOnboarding, ...body } = payload\n      //create or update employee\n      if (!mergedData.current.employee) {\n        const { employee: employeeData } = await createEmployee({\n          request: {\n            companyId,\n            requestBody: {\n              ...body,\n              selfOnboarding,\n              dateOfBirth: body.dateOfBirth ? new RFCDate(body.dateOfBirth) : undefined,\n            },\n          },\n        })\n        mergedData.current = { ...mergedData.current, employee: employeeData }\n        onEvent(componentEvents.EMPLOYEE_CREATED, employeeData)\n      } else {\n        // Updating self-onboarding status\n        if (\n          (selfOnboarding &&\n            mergedData.current.employee.onboardingStatus ===\n              EmployeeOnboardingStatus.ADMIN_ONBOARDING_INCOMPLETE) ||\n          (!selfOnboarding &&\n            mergedData.current.employee.onboardingStatus ===\n              EmployeeOnboardingStatus.SELF_ONBOARDING_PENDING_INVITE)\n        ) {\n          const { employeeOnboardingStatus } = await updateEmployeeOnboardingStatus({\n            request: {\n              employeeId: mergedData.current.employee.uuid,\n              requestBody: {\n                onboardingStatus: selfOnboarding\n                  ? EmployeeOnboardingStatus.SELF_ONBOARDING_PENDING_INVITE\n                  : EmployeeOnboardingStatus.ADMIN_ONBOARDING_INCOMPLETE,\n              },\n            },\n          })\n          mergedData.current.employee = {\n            ...mergedData.current.employee,\n            onboardingStatus: employeeOnboardingStatus!\n              .onboardingStatus as (typeof EmployeeOnboardingStatus)[keyof typeof EmployeeOnboardingStatus],\n          }\n          onEvent(componentEvents.EMPLOYEE_ONBOARDING_STATUS_UPDATED, employeeOnboardingStatus)\n        }\n        const { employee: employeeData } = await mutateEmployee({\n          request: {\n            employeeId: mergedData.current.employee.uuid,\n            requestBody: { ...body, version: mergedData.current.employee.version as string },\n          },\n        })\n        mergedData.current = { ...mergedData.current, employee: employeeData }\n        onEvent(componentEvents.EMPLOYEE_UPDATED, employeeData)\n      }\n      if (typeof mergedData.current.employee?.uuid !== 'string') {\n        throw new Error('Employee id is not available')\n      }\n      //create or update home address - only if not intended for self onboarding\n      if (!watchedSelfOnboarding || !isAdmin) {\n        //typeguard: in this scenario payload will contain address information\n        if (!payload.selfOnboarding) {\n          const { street1, street2, city, state, zip, courtesyWithholding } = payload\n          if (!mergedData.current.homeAddress) {\n            // Creating home address - for new employee effective_date is the same as work start date\n            const { employeeAddress } = await createEmployeeHomeAddress({\n              request: {\n                employeeId: mergedData.current.employee.uuid,\n                requestBody: {\n                  street1,\n                  street2,\n                  city,\n                  state,\n                  zip,\n                  courtesyWithholding,\n                },\n              },\n            })\n            mergedData.current = { ...mergedData.current, homeAddress: employeeAddress }\n            onEvent(componentEvents.EMPLOYEE_HOME_ADDRESS_CREATED, employeeAddress)\n          } else {\n            const { employeeAddress } = await mutateEmployeeHomeAddress({\n              request: {\n                homeAddressUuid: mergedData.current.homeAddress.uuid,\n                requestBody: {\n                  version: mergedData.current.homeAddress.version,\n                  street1,\n                  street2,\n                  city,\n                  state,\n                  zip,\n                  courtesyWithholding,\n                },\n              },\n            })\n            mergedData.current = { ...mergedData.current, homeAddress: employeeAddress }\n            onEvent(componentEvents.EMPLOYEE_HOME_ADDRESS_UPDATED, employeeAddress)\n          }\n        }\n      }\n\n      if (isAdmin) {\n        //create or update workaddress\n        if (!mergedData.current.workAddress) {\n          const { employeeWorkAddress } = await createEmployeeWorkAddress({\n            request: {\n              employeeId: mergedData.current.employee?.uuid as string,\n              requestBody: {\n                locationUuid: workAddress,\n                effectiveDate: new RFCDate(payload.startDate || new Date()),\n              },\n            },\n          })\n\n          mergedData.current = { ...mergedData.current, workAddress: employeeWorkAddress }\n          onEvent(componentEvents.EMPLOYEE_WORK_ADDRESS_CREATED, employeeWorkAddress)\n        } else {\n          //effective_date is excluded from update operation since it cannot be changed on initial work address\n          const { employeeWorkAddress } = await mutateEmployeeWorkAddress({\n            request: {\n              workAddressUuid: mergedData.current.workAddress.uuid,\n              requestBody: {\n                version: mergedData.current.workAddress.version,\n                locationUuid: workAddress,\n              },\n            },\n          })\n          mergedData.current = { ...mergedData.current, workAddress: employeeWorkAddress }\n          onEvent(componentEvents.EMPLOYEE_WORK_ADDRESS_UPDATED, employeeWorkAddress)\n        }\n      }\n\n      onEvent(componentEvents.EMPLOYEE_PROFILE_DONE, {\n        ...mergedData.current.employee,\n        startDate,\n      })\n    })\n  }\n\n  const handleCancel = () => {\n    onEvent(componentEvents.CANCEL)\n  }\n  return (\n    <section className={className}>\n      <ProfileProvider\n        value={{\n          companyLocations,\n          workAddresses,\n          employee: mergedData.current.employee ?? undefined,\n          isSelfOnboardingIntended: watchedSelfOnboarding,\n          handleCancel,\n          isAdmin,\n          isSelfOnboardingEnabled,\n          isPending:\n            isPendingEmployeeUpdate ||\n            isPendingWorkAddressUpdate ||\n            isPendingAddHA ||\n            isPendingUpdateHA ||\n            isPendingCreateEmployee ||\n            isPendingCreateWA ||\n            isPendingUpdateOnboardingStatus,\n        }}\n      >\n        <FormProvider {...formMethods}>\n          <Form onSubmit={handleSubmit(onSubmit)}>\n            {children ? (\n              children\n            ) : (\n              <>\n                <Head />\n                <AdminPersonalDetails />\n                <SelfPersonalDetails />\n                <HomeAddress />\n                <WorkAddress />\n                <Actions />\n              </>\n            )}\n          </Form>\n        </FormProvider>\n      </ProfileProvider>\n    </section>\n  )\n}\n\nexport const ProfileContextual = () => {\n  const { companyId, employeeId, onEvent, isAdmin, defaultValues, isSelfOnboardingEnabled } =\n    useFlow<OnboardingContextInterface>()\n\n  return (\n    <Profile\n      companyId={ensureRequired(companyId)}\n      employeeId={employeeId}\n      onEvent={onEvent}\n      isAdmin={isAdmin}\n      defaultValues={defaultValues?.profile}\n      isSelfOnboardingEnabled={isSelfOnboardingEnabled}\n    />\n  )\n}\n"],"names":["Profile","props","jsx","BaseComponent","RootWithEmployee","Root","employeeId","employee","useEmployeesGetSuspense","employeeAddressList","useEmployeeAddressesGetSuspense","employeeWorkAddressesList","useEmployeeAddressesGetWorkAddressesSuspense","isAdmin","isSelfOnboardingEnabled","dictionary","useI18n","useComponentDictionary","companyId","homeAddresses","workAddresses","children","className","defaultValues","onEvent","baseSubmitHandler","useBase","AdminSchema","setAdminSchema","useState","AdminPersonalDetailsSchema","data","useLocationsGetSuspense","companyLocations","createEmployee","isPendingCreateEmployee","useEmployeesCreateMutation","mutateEmployee","isPendingEmployeeUpdate","useEmployeesUpdateMutation","createEmployeeWorkAddress","isPendingCreateWA","useEmployeeAddressesCreateWorkAddressMutation","mutateEmployeeWorkAddress","isPendingWorkAddressUpdate","useEmployeeAddressesUpdateWorkAddressMutation","createEmployeeHomeAddress","isPendingAddHA","useEmployeeAddressesCreateMutation","mutateEmployeeHomeAddress","isPendingUpdateHA","useEmployeeAddressesUpdateMutation","updateEmployeeOnboardingStatus","isPendingUpdateOnboardingStatus","useEmployeesUpdateOnboardingStatusMutation","existingData","currentHomeAddress","getEmployeeAddressForProfile","currentWorkAddress","address","mergedData","useRef","initialValues","adminDefaultValues","EmployeeOnboardingStatus","EmployeeSelfOnboardingStatuses","selfDetaultValues","formMethods","useForm","zodResolver","SelfPersonalDetailsSchema","HomeAddressSchema","handleSubmit","watchedSelfOnboarding","useWatch","useEffect","AdminSelfOnboardingPersonalDetailsSchema","onSubmit","payload","workAddress","startDate","selfOnboarding","body","employeeOnboardingStatus","componentEvents","employeeData","RFCDate","street1","street2","city","state","zip","courtesyWithholding","employeeAddress","employeeWorkAddress","handleCancel","ProfileProvider","FormProvider","Form","jsxs","Fragment","Head","AdminPersonalDetails","SelfPersonalDetails","HomeAddress","WorkAddress","Actions","ProfileContextual","useFlow","ensureRequired"],"mappings":"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"}
+{"version":3,"file":"Profile.js","sources":["../../../../src/components/Employee/Profile/Profile.tsx"],"sourcesContent":["import { zodResolver } from '@hookform/resolvers/zod'\nimport { useRef, useState, useEffect } from 'react'\nimport type { SubmitHandler } from 'react-hook-form'\nimport { FormProvider, useForm, useWatch } from 'react-hook-form'\nimport { useLocationsGetSuspense } from '@gusto/embedded-api/react-query/locationsGet'\nimport { useEmployeesCreateMutation } from '@gusto/embedded-api/react-query/employeesCreate'\nimport { useEmployeesGetSuspense } from '@gusto/embedded-api/react-query/employeesGet'\nimport { type Employee } from '@gusto/embedded-api/models/components/employee'\nimport { useEmployeeAddressesGetSuspense } from '@gusto/embedded-api/react-query/employeeAddressesGet'\nimport { type EmployeeAddress } from '@gusto/embedded-api/models/components/employeeaddress'\nimport { useEmployeeAddressesCreateMutation } from '@gusto/embedded-api/react-query/employeeAddressesCreate'\nimport { useEmployeeAddressesUpdateMutation } from '@gusto/embedded-api/react-query/employeeAddressesUpdate'\nimport { useEmployeeAddressesUpdateWorkAddressMutation } from '@gusto/embedded-api/react-query/employeeAddressesUpdateWorkAddress'\nimport { useEmployeesUpdateMutation } from '@gusto/embedded-api/react-query/employeesUpdate'\nimport { useEmployeeAddressesGetWorkAddressesSuspense } from '@gusto/embedded-api/react-query/employeeAddressesGetWorkAddresses'\nimport type { EmployeeWorkAddress } from '@gusto/embedded-api/models/components/employeeworkaddress'\nimport { useEmployeeAddressesCreateWorkAddressMutation } from '@gusto/embedded-api/react-query/employeeAddressesCreateWorkAddress'\nimport { RFCDate } from '@gusto/embedded-api/types/rfcdate'\nimport { useEmployeesUpdateOnboardingStatusMutation } from '@gusto/embedded-api/react-query/employeesUpdateOnboardingStatus'\nimport type { OnboardingContextInterface } from '../OnboardingFlow/OnboardingFlow'\nimport {\n  AdminPersonalDetails,\n  AdminPersonalDetailsSchema,\n  AdminSelfOnboardingPersonalDetailsSchema,\n} from './AdminPersonalDetails'\nimport { SelfPersonalDetails, SelfPersonalDetailsSchema } from './SelfPersonalDetails'\nimport { type PersonalDetailsPayload, type PersonalDetailsInputs } from './PersonalDetailsInputs'\nimport { Head } from './Head'\nimport { Actions } from './Actions'\nimport { HomeAddress, HomeAddressSchema, type HomeAddressInputs } from './HomeAddress'\nimport { WorkAddress } from './WorkAddress'\nimport { ProfileProvider } from './useProfile'\nimport { getEmployeeAddressForProfile } from './getEmployeeAddressForProfile'\nimport { Form } from '@/components/Common/Form'\nimport {\n  useBase,\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { useI18n } from '@/i18n'\nimport {\n  componentEvents,\n  EmployeeOnboardingStatus,\n  EmployeeSelfOnboardingStatuses,\n} from '@/shared/constants'\nimport type { RequireAtLeastOne, WithRequired } from '@/types/Helpers'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\nexport type ProfileDefaultValues = RequireAtLeastOne<{\n  employee?: RequireAtLeastOne<{\n    firstName?: string\n    middleInitial?: string\n    lastName?: string\n    email?: string\n    dateOfBirth?: string\n  }>\n  homeAddress?: RequireAtLeastOne<{\n    street1?: string\n    street2?: string\n    city?: string\n    state?: string\n    zip?: string\n  }>\n}>\ninterface ProfileProps extends CommonComponentInterface<'Employee.Profile'> {\n  employeeId?: string\n  companyId: string\n  defaultValues?: ProfileDefaultValues\n  isAdmin?: boolean\n  isSelfOnboardingEnabled?: boolean\n}\n\ninterface ProfileConditionalProps {\n  employee?: Employee\n  homeAddresses?: EmployeeAddress[]\n  workAddresses?: EmployeeWorkAddress[]\n}\n\nexport function Profile(props: ProfileProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      {props.employeeId ? (\n        <RootWithEmployee {...props} employeeId={props.employeeId}>\n          {props.children}\n        </RootWithEmployee>\n      ) : (\n        <Root {...props}>{props.children}</Root>\n      )}\n    </BaseComponent>\n  )\n}\n\n/**Accounting for conditional logic where employee data needs to be fetched only if employeeId is present */\nfunction RootWithEmployee({ employeeId, ...props }: WithRequired<ProfileProps, 'employeeId'>) {\n  const {\n    data: { employee },\n  } = useEmployeesGetSuspense({ employeeId })\n  const {\n    data: { employeeAddressList },\n  } = useEmployeeAddressesGetSuspense({ employeeId })\n  const {\n    data: { employeeWorkAddressesList },\n  } = useEmployeeAddressesGetWorkAddressesSuspense({ employeeId })\n  return (\n    <Root\n      {...props}\n      employee={employee}\n      homeAddresses={employeeAddressList}\n      workAddresses={employeeWorkAddressesList}\n    />\n  )\n}\n\nconst Root = ({\n  isAdmin = false,\n  isSelfOnboardingEnabled = true,\n  dictionary,\n  ...props\n}: ProfileProps & ProfileConditionalProps) => {\n  useI18n('Employee.Profile')\n  useI18n('Employee.HomeAddress')\n  useComponentDictionary('Employee.Profile', dictionary)\n  const {\n    companyId,\n    employee,\n    homeAddresses,\n    workAddresses,\n    children,\n    className = '',\n    defaultValues,\n  } = props\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const [AdminSchema, setAdminSchema] = useState<\n    typeof AdminPersonalDetailsSchema | typeof AdminSelfOnboardingPersonalDetailsSchema\n  >(AdminPersonalDetailsSchema)\n\n  const { data } = useLocationsGetSuspense({ companyId })\n  const companyLocations = data.locationList!\n\n  const { mutateAsync: createEmployee, isPending: isPendingCreateEmployee } =\n    useEmployeesCreateMutation()\n  const { mutateAsync: mutateEmployee, isPending: isPendingEmployeeUpdate } =\n    useEmployeesUpdateMutation()\n\n  const { mutateAsync: createEmployeeWorkAddress, isPending: isPendingCreateWA } =\n    useEmployeeAddressesCreateWorkAddressMutation()\n  const { mutateAsync: mutateEmployeeWorkAddress, isPending: isPendingWorkAddressUpdate } =\n    useEmployeeAddressesUpdateWorkAddressMutation()\n\n  const { mutateAsync: createEmployeeHomeAddress, isPending: isPendingAddHA } =\n    useEmployeeAddressesCreateMutation()\n  const { mutateAsync: mutateEmployeeHomeAddress, isPending: isPendingUpdateHA } =\n    useEmployeeAddressesUpdateMutation()\n\n  const {\n    mutateAsync: updateEmployeeOnboardingStatus,\n    isPending: isPendingUpdateOnboardingStatus,\n  } = useEmployeesUpdateOnboardingStatusMutation()\n\n  const existingData = { employee, workAddresses, homeAddresses }\n\n  const currentHomeAddress = getEmployeeAddressForProfile(homeAddresses)\n\n  const currentWorkAddress = existingData.workAddresses?.find(address => address.active)\n  const mergedData = useRef({\n    employee: existingData.employee,\n    homeAddress: currentHomeAddress,\n    workAddress: currentWorkAddress,\n  })\n  const initialValues = {\n    firstName: mergedData.current.employee?.firstName ?? defaultValues?.employee?.firstName ?? '',\n    middleInitial:\n      mergedData.current.employee?.middleInitial ?? defaultValues?.employee?.middleInitial ?? '',\n    lastName: mergedData.current.employee?.lastName ?? defaultValues?.employee?.lastName ?? '',\n    workAddress: mergedData.current.workAddress?.locationUuid,\n    startDate: mergedData.current.employee?.jobs?.[0]?.hireDate\n      ? new Date(mergedData.current.employee.jobs[0].hireDate)\n      : null, // By default employee response contains only current job - therefore jobs[0]\n    email: mergedData.current.employee?.email ?? defaultValues?.employee?.email ?? '',\n    dateOfBirth: mergedData.current.employee?.dateOfBirth\n      ? new Date(mergedData.current.employee.dateOfBirth)\n      : defaultValues?.employee?.dateOfBirth\n        ? new Date(defaultValues.employee.dateOfBirth)\n        : null,\n\n    street1: mergedData.current.homeAddress?.street1 ?? defaultValues?.homeAddress?.street1 ?? '',\n    street2: mergedData.current.homeAddress?.street2 ?? defaultValues?.homeAddress?.street2 ?? '',\n    city: mergedData.current.homeAddress?.city ?? defaultValues?.homeAddress?.city ?? '',\n    zip: mergedData.current.homeAddress?.zip ?? defaultValues?.homeAddress?.zip ?? '',\n    state: mergedData.current.homeAddress?.state ?? defaultValues?.homeAddress?.state ?? '',\n    courtesyWithholding: mergedData.current.homeAddress?.courtesyWithholding ?? false,\n  }\n\n  const adminDefaultValues =\n    mergedData.current.employee?.onboarded ||\n    mergedData.current.employee?.onboardingStatus ===\n      EmployeeOnboardingStatus.ONBOARDING_COMPLETED ||\n    (mergedData.current.employee?.onboardingStatus !== undefined &&\n      mergedData.current.employee.onboardingStatus !==\n        EmployeeOnboardingStatus.ADMIN_ONBOARDING_INCOMPLETE)\n      ? { ...initialValues, enableSsn: false, selfOnboarding: true }\n      : {\n          ...initialValues,\n          selfOnboarding: isSelfOnboardingEnabled\n            ? mergedData.current.employee?.onboardingStatus\n              ? // @ts-expect-error: onboarding_status during runtime can be one of self onboarding statuses\n                EmployeeSelfOnboardingStatuses.has(mergedData.current.employee.onboarding_status)\n              : false\n            : false,\n          enableSsn: !mergedData.current.employee?.hasSsn,\n          ssn: '',\n        } // In edit mode ssn is submitted only if it has been modified\n\n  const selfDetaultValues = {\n    ...initialValues,\n    enableSsn: !mergedData.current.employee?.hasSsn,\n    ssn: '',\n  }\n\n  const formMethods = useForm<\n    PersonalDetailsInputs & HomeAddressInputs,\n    unknown,\n    PersonalDetailsPayload & HomeAddressInputs\n  >({\n    resolver: zodResolver(\n      (isAdmin ? AdminSchema : SelfPersonalDetailsSchema).and(HomeAddressSchema),\n    ),\n    defaultValues: isAdmin ? adminDefaultValues : selfDetaultValues,\n  })\n\n  const { handleSubmit } = formMethods\n  const watchedSelfOnboarding = useWatch({ control: formMethods.control, name: 'selfOnboarding' })\n\n  useEffect(() => {\n    if (isAdmin) {\n      if (watchedSelfOnboarding) {\n        setAdminSchema(AdminSelfOnboardingPersonalDetailsSchema)\n      } else {\n        setAdminSchema(AdminPersonalDetailsSchema)\n      }\n    }\n  }, [watchedSelfOnboarding, isAdmin])\n\n  const onSubmit: SubmitHandler<PersonalDetailsPayload & HomeAddressInputs> = async data => {\n    await baseSubmitHandler(data, async payload => {\n      const { workAddress, startDate, selfOnboarding, ...body } = payload\n      //create or update employee\n      if (!mergedData.current.employee) {\n        const { employee: employeeData } = await createEmployee({\n          request: {\n            companyId,\n            requestBody: {\n              ...body,\n              selfOnboarding,\n              dateOfBirth: body.dateOfBirth ? new RFCDate(body.dateOfBirth) : undefined,\n            },\n          },\n        })\n        mergedData.current = { ...mergedData.current, employee: employeeData }\n        onEvent(componentEvents.EMPLOYEE_CREATED, employeeData)\n      } else {\n        // Updating self-onboarding status\n        if (\n          isAdmin &&\n          ((selfOnboarding &&\n            mergedData.current.employee.onboardingStatus ===\n              EmployeeOnboardingStatus.ADMIN_ONBOARDING_INCOMPLETE) ||\n            (!selfOnboarding &&\n              mergedData.current.employee.onboardingStatus ===\n                EmployeeOnboardingStatus.SELF_ONBOARDING_PENDING_INVITE))\n        ) {\n          const { employeeOnboardingStatus } = await updateEmployeeOnboardingStatus({\n            request: {\n              employeeId: mergedData.current.employee.uuid,\n              requestBody: {\n                onboardingStatus: selfOnboarding\n                  ? EmployeeOnboardingStatus.SELF_ONBOARDING_PENDING_INVITE\n                  : EmployeeOnboardingStatus.ADMIN_ONBOARDING_INCOMPLETE,\n              },\n            },\n          })\n          mergedData.current.employee = {\n            ...mergedData.current.employee,\n            onboardingStatus: employeeOnboardingStatus!\n              .onboardingStatus as (typeof EmployeeOnboardingStatus)[keyof typeof EmployeeOnboardingStatus],\n          }\n          onEvent(componentEvents.EMPLOYEE_ONBOARDING_STATUS_UPDATED, employeeOnboardingStatus)\n        }\n        const { employee: employeeData } = await mutateEmployee({\n          request: {\n            employeeId: mergedData.current.employee.uuid,\n            requestBody: { ...body, version: mergedData.current.employee.version as string },\n          },\n        })\n        mergedData.current = { ...mergedData.current, employee: employeeData }\n        onEvent(componentEvents.EMPLOYEE_UPDATED, employeeData)\n      }\n      if (typeof mergedData.current.employee?.uuid !== 'string') {\n        throw new Error('Employee id is not available')\n      }\n      //create or update home address - only if not intended for self onboarding\n      if (!watchedSelfOnboarding || !isAdmin) {\n        //typeguard: in this scenario payload will contain address information\n        if (!payload.selfOnboarding) {\n          const { street1, street2, city, state, zip, courtesyWithholding } = payload\n          if (!mergedData.current.homeAddress) {\n            // Creating home address - for new employee effective_date is the same as work start date\n            const { employeeAddress } = await createEmployeeHomeAddress({\n              request: {\n                employeeId: mergedData.current.employee.uuid,\n                requestBody: {\n                  street1,\n                  street2,\n                  city,\n                  state,\n                  zip,\n                  courtesyWithholding,\n                },\n              },\n            })\n            mergedData.current = { ...mergedData.current, homeAddress: employeeAddress }\n            onEvent(componentEvents.EMPLOYEE_HOME_ADDRESS_CREATED, employeeAddress)\n          } else {\n            const { employeeAddress } = await mutateEmployeeHomeAddress({\n              request: {\n                homeAddressUuid: mergedData.current.homeAddress.uuid,\n                requestBody: {\n                  version: mergedData.current.homeAddress.version,\n                  street1,\n                  street2,\n                  city,\n                  state,\n                  zip,\n                  courtesyWithholding,\n                },\n              },\n            })\n            mergedData.current = { ...mergedData.current, homeAddress: employeeAddress }\n            onEvent(componentEvents.EMPLOYEE_HOME_ADDRESS_UPDATED, employeeAddress)\n          }\n        }\n      }\n\n      if (isAdmin) {\n        //create or update workaddress\n        if (!mergedData.current.workAddress) {\n          const { employeeWorkAddress } = await createEmployeeWorkAddress({\n            request: {\n              employeeId: mergedData.current.employee?.uuid as string,\n              requestBody: {\n                locationUuid: workAddress,\n                effectiveDate: new RFCDate(payload.startDate || new Date()),\n              },\n            },\n          })\n\n          mergedData.current = { ...mergedData.current, workAddress: employeeWorkAddress }\n          onEvent(componentEvents.EMPLOYEE_WORK_ADDRESS_CREATED, employeeWorkAddress)\n        } else {\n          //effective_date is excluded from update operation since it cannot be changed on initial work address\n          const { employeeWorkAddress } = await mutateEmployeeWorkAddress({\n            request: {\n              workAddressUuid: mergedData.current.workAddress.uuid,\n              requestBody: {\n                version: mergedData.current.workAddress.version,\n                locationUuid: workAddress,\n              },\n            },\n          })\n          mergedData.current = { ...mergedData.current, workAddress: employeeWorkAddress }\n          onEvent(componentEvents.EMPLOYEE_WORK_ADDRESS_UPDATED, employeeWorkAddress)\n        }\n      }\n\n      onEvent(componentEvents.EMPLOYEE_PROFILE_DONE, {\n        ...mergedData.current.employee,\n        startDate,\n      })\n    })\n  }\n\n  const handleCancel = () => {\n    onEvent(componentEvents.CANCEL)\n  }\n  return (\n    <section className={className}>\n      <ProfileProvider\n        value={{\n          companyLocations,\n          workAddresses,\n          employee: mergedData.current.employee ?? undefined,\n          isSelfOnboardingIntended: watchedSelfOnboarding,\n          handleCancel,\n          isAdmin,\n          isSelfOnboardingEnabled,\n          isPending:\n            isPendingEmployeeUpdate ||\n            isPendingWorkAddressUpdate ||\n            isPendingAddHA ||\n            isPendingUpdateHA ||\n            isPendingCreateEmployee ||\n            isPendingCreateWA ||\n            isPendingUpdateOnboardingStatus,\n        }}\n      >\n        <FormProvider {...formMethods}>\n          <Form onSubmit={handleSubmit(onSubmit)}>\n            {children ? (\n              children\n            ) : (\n              <>\n                <Head />\n                <AdminPersonalDetails />\n                <SelfPersonalDetails />\n                <HomeAddress />\n                <WorkAddress />\n                <Actions />\n              </>\n            )}\n          </Form>\n        </FormProvider>\n      </ProfileProvider>\n    </section>\n  )\n}\n\nexport const ProfileContextual = () => {\n  const { companyId, employeeId, onEvent, isAdmin, defaultValues, isSelfOnboardingEnabled } =\n    useFlow<OnboardingContextInterface>()\n\n  return (\n    <Profile\n      companyId={ensureRequired(companyId)}\n      employeeId={employeeId}\n      onEvent={onEvent}\n      isAdmin={isAdmin}\n      defaultValues={defaultValues?.profile}\n      isSelfOnboardingEnabled={isSelfOnboardingEnabled}\n    />\n  )\n}\n"],"names":["Profile","props","jsx","BaseComponent","RootWithEmployee","Root","employeeId","employee","useEmployeesGetSuspense","employeeAddressList","useEmployeeAddressesGetSuspense","employeeWorkAddressesList","useEmployeeAddressesGetWorkAddressesSuspense","isAdmin","isSelfOnboardingEnabled","dictionary","useI18n","useComponentDictionary","companyId","homeAddresses","workAddresses","children","className","defaultValues","onEvent","baseSubmitHandler","useBase","AdminSchema","setAdminSchema","useState","AdminPersonalDetailsSchema","data","useLocationsGetSuspense","companyLocations","createEmployee","isPendingCreateEmployee","useEmployeesCreateMutation","mutateEmployee","isPendingEmployeeUpdate","useEmployeesUpdateMutation","createEmployeeWorkAddress","isPendingCreateWA","useEmployeeAddressesCreateWorkAddressMutation","mutateEmployeeWorkAddress","isPendingWorkAddressUpdate","useEmployeeAddressesUpdateWorkAddressMutation","createEmployeeHomeAddress","isPendingAddHA","useEmployeeAddressesCreateMutation","mutateEmployeeHomeAddress","isPendingUpdateHA","useEmployeeAddressesUpdateMutation","updateEmployeeOnboardingStatus","isPendingUpdateOnboardingStatus","useEmployeesUpdateOnboardingStatusMutation","existingData","currentHomeAddress","getEmployeeAddressForProfile","currentWorkAddress","address","mergedData","useRef","initialValues","adminDefaultValues","EmployeeOnboardingStatus","EmployeeSelfOnboardingStatuses","selfDetaultValues","formMethods","useForm","zodResolver","SelfPersonalDetailsSchema","HomeAddressSchema","handleSubmit","watchedSelfOnboarding","useWatch","useEffect","AdminSelfOnboardingPersonalDetailsSchema","onSubmit","payload","workAddress","startDate","selfOnboarding","body","employeeOnboardingStatus","componentEvents","employeeData","RFCDate","street1","street2","city","state","zip","courtesyWithholding","employeeAddress","employeeWorkAddress","handleCancel","ProfileProvider","FormProvider","Form","jsxs","Fragment","Head","AdminPersonalDetails","SelfPersonalDetails","HomeAddress","WorkAddress","Actions","ProfileContextual","useFlow","ensureRequired"],"mappings":"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"}

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

@@ -1,7 +1,7 @@
 import { jsxs as l, Fragment as a, jsx as r } from "react/jsx-runtime";
-import { useTranslation as s, Trans as m } from "react-i18next";
+import { useTranslation as s, Trans as u } from "react-i18next";
 import { z as t } from "zod";
-import { useComponentContext as u } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useComponentContext as m } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { SelectField as d } from "../../Common/Fields/SelectField/SelectField.js";
 import { RadioGroupField as f } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
 import { NumberInputField as i } from "../../Common/Fields/NumberInputField/NumberInputField.js";
@@ -15,7 +15,7 @@ const F = t.object({
   w4DataType: t.enum(["pre_2020_w4", "rev_2020_w4"])
 });
 function R() {
-  const { t: e } = s("Employee.Taxes"), o = u(), n = [
+  const { t: e } = s("Employee.Taxes"), o = m(), n = [
     { value: "Single", label: e("filingStatusSingle") },
     { value: "Married", label: e("filingStatusMarried") },
     { value: "Head of Household", label: e("filingStatusHeadOfHousehold") },
@@ -37,10 +37,11 @@ function R() {
       f,
       {
         name: "twoJobs",
+        isRequired: !0,
         label: e("multipleJobs2c"),
         errorMessage: e("validations.federalTwoJobs"),
         description: /* @__PURE__ */ r(o.Text, { children: /* @__PURE__ */ r(
-          m,
+          u,
           {
             i18nKey: "includesSpouseExplanation",
             t: e,

package/dist/components/Employee/Taxes/FederalForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"FederalForm.js","sources":["../../../../src/components/Employee/Taxes/FederalForm.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport { z } from 'zod'\nimport { NumberInputField, RadioGroupField, SelectField } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const FederalFormSchema = z.object({\n  filingStatus: z.string().min(1),\n  twoJobs: z.string().min(1),\n  dependentsAmount: z.number().transform(String),\n  otherIncome: z.number().transform(String),\n  deductions: z.number().transform(String),\n  extraWithholding: z.number().transform(String),\n  w4DataType: z.enum(['pre_2020_w4', 'rev_2020_w4']),\n})\n\nexport type FederalFormInputs = z.input<typeof FederalFormSchema>\nexport type FederalFormPayload = z.output<typeof FederalFormSchema>\n\nexport function FederalForm() {\n  const { t } = useTranslation('Employee.Taxes')\n  const Components = useComponentContext()\n\n  const filingStatusCategories = [\n    { value: 'Single', label: t('filingStatusSingle') },\n    { value: 'Married', label: t('filingStatusMarried') },\n    { value: 'Head of Household', label: t('filingStatusHeadOfHousehold') },\n    { value: 'Exempt from withholding', label: t('filingStatusExemptFromWithholding') },\n  ]\n\n  return (\n    <>\n      <SelectField\n        name=\"filingStatus\"\n        label={t('federalFilingStatus1c')}\n        placeholder={t('federalFillingStatusPlaceholder')}\n        options={filingStatusCategories}\n        isRequired\n        errorMessage={t('validations.federalFilingStatus')}\n      />\n      <RadioGroupField\n        name=\"twoJobs\"\n        label={t('multipleJobs2c')}\n        errorMessage={t('validations.federalTwoJobs')}\n        description={\n          <Components.Text>\n            <Trans\n              i18nKey={'includesSpouseExplanation'}\n              t={t}\n              components={{\n                irs_link: <Components.Link />,\n              }}\n            />\n          </Components.Text>\n        }\n        options={[\n          { value: 'true', label: t('twoJobYesLabel') },\n          { value: 'false', label: t('twoJobNoLabel') },\n        ]}\n      />\n      <NumberInputField\n        name=\"dependentsAmount\"\n        isRequired\n        label={t('dependentsTotalIfApplicable')}\n        errorMessage={t('fieldIsRequired')}\n      />\n      <NumberInputField\n        name=\"otherIncome\"\n        isRequired\n        label={t('otherIncome')}\n        format=\"currency\"\n        min={0}\n        errorMessage={t('fieldIsRequired')}\n      />\n      <NumberInputField\n        name=\"deductions\"\n        isRequired\n        label={t('deductions')}\n        format=\"currency\"\n        min={0}\n        errorMessage={t('fieldIsRequired')}\n      />\n      <NumberInputField\n        name=\"extraWithholding\"\n        isRequired\n        label={t('extraWithholding')}\n        format=\"currency\"\n        min={0}\n        errorMessage={t('fieldIsRequired')}\n      />\n    </>\n  )\n}\n"],"names":["FederalFormSchema","z","FederalForm","t","useTranslation","Components","useComponentContext","filingStatusCategories","jsxs","Fragment","jsx","SelectField","RadioGroupField","Trans","NumberInputField"],"mappings":"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"}
+{"version":3,"file":"FederalForm.js","sources":["../../../../src/components/Employee/Taxes/FederalForm.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport { z } from 'zod'\nimport { NumberInputField, RadioGroupField, SelectField } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const FederalFormSchema = z.object({\n  filingStatus: z.string().min(1),\n  twoJobs: z.string().min(1),\n  dependentsAmount: z.number().transform(String),\n  otherIncome: z.number().transform(String),\n  deductions: z.number().transform(String),\n  extraWithholding: z.number().transform(String),\n  w4DataType: z.enum(['pre_2020_w4', 'rev_2020_w4']),\n})\n\nexport type FederalFormInputs = z.input<typeof FederalFormSchema>\nexport type FederalFormPayload = z.output<typeof FederalFormSchema>\n\nexport function FederalForm() {\n  const { t } = useTranslation('Employee.Taxes')\n  const Components = useComponentContext()\n\n  const filingStatusCategories = [\n    { value: 'Single', label: t('filingStatusSingle') },\n    { value: 'Married', label: t('filingStatusMarried') },\n    { value: 'Head of Household', label: t('filingStatusHeadOfHousehold') },\n    { value: 'Exempt from withholding', label: t('filingStatusExemptFromWithholding') },\n  ]\n\n  return (\n    <>\n      <SelectField\n        name=\"filingStatus\"\n        label={t('federalFilingStatus1c')}\n        placeholder={t('federalFillingStatusPlaceholder')}\n        options={filingStatusCategories}\n        isRequired\n        errorMessage={t('validations.federalFilingStatus')}\n      />\n      <RadioGroupField\n        name=\"twoJobs\"\n        isRequired\n        label={t('multipleJobs2c')}\n        errorMessage={t('validations.federalTwoJobs')}\n        description={\n          <Components.Text>\n            <Trans\n              i18nKey={'includesSpouseExplanation'}\n              t={t}\n              components={{\n                irs_link: <Components.Link />,\n              }}\n            />\n          </Components.Text>\n        }\n        options={[\n          { value: 'true', label: t('twoJobYesLabel') },\n          { value: 'false', label: t('twoJobNoLabel') },\n        ]}\n      />\n      <NumberInputField\n        name=\"dependentsAmount\"\n        isRequired\n        label={t('dependentsTotalIfApplicable')}\n        errorMessage={t('fieldIsRequired')}\n      />\n      <NumberInputField\n        name=\"otherIncome\"\n        isRequired\n        label={t('otherIncome')}\n        format=\"currency\"\n        min={0}\n        errorMessage={t('fieldIsRequired')}\n      />\n      <NumberInputField\n        name=\"deductions\"\n        isRequired\n        label={t('deductions')}\n        format=\"currency\"\n        min={0}\n        errorMessage={t('fieldIsRequired')}\n      />\n      <NumberInputField\n        name=\"extraWithholding\"\n        isRequired\n        label={t('extraWithholding')}\n        format=\"currency\"\n        min={0}\n        errorMessage={t('fieldIsRequired')}\n      />\n    </>\n  )\n}\n"],"names":["FederalFormSchema","z","FederalForm","t","useTranslation","Components","useComponentContext","filingStatusCategories","jsxs","Fragment","jsx","SelectField","RadioGroupField","Trans","NumberInputField"],"mappings":";;;;;;;AAKa,MAAAA,IAAoBC,EAAE,OAAO;AAAA,EACxC,cAAcA,EAAE,SAAS,IAAI,CAAC;AAAA,EAC9B,SAASA,EAAE,SAAS,IAAI,CAAC;AAAA,EACzB,kBAAkBA,EAAE,SAAS,UAAU,MAAM;AAAA,EAC7C,aAAaA,EAAE,SAAS,UAAU,MAAM;AAAA,EACxC,YAAYA,EAAE,SAAS,UAAU,MAAM;AAAA,EACvC,kBAAkBA,EAAE,SAAS,UAAU,MAAM;AAAA,EAC7C,YAAYA,EAAE,KAAK,CAAC,eAAe,aAAa,CAAC;AACnD,CAAC;AAKM,SAASC,IAAc;AAC5B,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,gBAAgB,GACvCC,IAAaC,EAAoB,GAEjCC,IAAyB;AAAA,IAC7B,EAAE,OAAO,UAAU,OAAOJ,EAAE,oBAAoB,EAAE;AAAA,IAClD,EAAE,OAAO,WAAW,OAAOA,EAAE,qBAAqB,EAAE;AAAA,IACpD,EAAE,OAAO,qBAAqB,OAAOA,EAAE,6BAA6B,EAAE;AAAA,IACtE,EAAE,OAAO,2BAA2B,OAAOA,EAAE,mCAAmC,EAAE;AAAA,EACpF;AAEA,SAEI,gBAAAK,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOR,EAAE,uBAAuB;AAAA,QAChC,aAAaA,EAAE,iCAAiC;AAAA,QAChD,SAASI;AAAA,QACT,YAAU;AAAA,QACV,cAAcJ,EAAE,iCAAiC;AAAA,MAAA;AAAA,IACnD;AAAA,IACA,gBAAAO;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAOT,EAAE,gBAAgB;AAAA,QACzB,cAAcA,EAAE,4BAA4B;AAAA,QAC5C,aACE,gBAAAO,EAACL,EAAW,MAAX,EACC,UAAA,gBAAAK;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,SAAS;AAAA,YACT,GAAAV;AAAA,YACA,YAAY;AAAA,cACV,UAAU,gBAAAO,EAACL,EAAW,MAAX,CAAgB,CAAA;AAAA,YAAA;AAAA,UAC7B;AAAA,QAAA,GAEJ;AAAA,QAEF,SAAS;AAAA,UACP,EAAE,OAAO,QAAQ,OAAOF,EAAE,gBAAgB,EAAE;AAAA,UAC5C,EAAE,OAAO,SAAS,OAAOA,EAAE,eAAe,EAAE;AAAA,QAAA;AAAA,MAC9C;AAAA,IACF;AAAA,IACA,gBAAAO;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAOX,EAAE,6BAA6B;AAAA,QACtC,cAAcA,EAAE,iBAAiB;AAAA,MAAA;AAAA,IACnC;AAAA,IACA,gBAAAO;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAOX,EAAE,aAAa;AAAA,QACtB,QAAO;AAAA,QACP,KAAK;AAAA,QACL,cAAcA,EAAE,iBAAiB;AAAA,MAAA;AAAA,IACnC;AAAA,IACA,gBAAAO;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAOX,EAAE,YAAY;AAAA,QACrB,QAAO;AAAA,QACP,KAAK;AAAA,QACL,cAAcA,EAAE,iBAAiB;AAAA,MAAA;AAAA,IACnC;AAAA,IACA,gBAAAO;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAOX,EAAE,kBAAkB;AAAA,QAC3B,QAAO;AAAA,QACP,KAAK;AAAA,QACL,cAAcA,EAAE,iBAAiB;AAAA,MAAA;AAAA,IAAA;AAAA,EACnC,GACF;AAEJ;"}

package/dist/hooks/useContainerBreakpoints/useContainerBreakpoints.js

@@ -1,30 +1,41 @@
-import { useState as m, useEffect as p } from "react";
-import { BREAKPOINTS_VALUES as b } from "../../shared/constants.js";
-import { useDebounce as v } from "../useDebounce/useDebounce.js";
-import { remToPx as u } from "../../helpers/rem.js";
-const B = 10, z = ({
-  ref: r,
-  breakpoints: a = b,
-  debounceTimeout: f = B
+import { useState as l, useRef as m, useEffect as B } from "react";
+import { BREAKPOINTS_VALUES as d } from "../../shared/constants.js";
+import { remToPx as k } from "../../helpers/rem.js";
+const h = 10, T = ({
+  ref: o,
+  breakpoints: a = d,
+  debounceTimeout: c = h
 }) => {
-  const [e, l] = m([]), s = v((t) => {
-    if (t.length >= 1) {
-      const i = t[0]?.contentRect.width ?? 0;
-      let n = e;
-      for (const [o, c] of Object.entries(a))
-        i >= u(c) && !e.includes(o) ? n = [...n, o] : e.includes(o) && i < u(c) && (n = e.filter((d) => d !== o));
-      l(n);
+  const [f, i] = l([]), e = m(null), u = (s) => {
+    const r = [];
+    for (const [t, n] of Object.entries(a))
+      s >= k(n) && r.push(t);
+    return r;
+  };
+  return B(() => {
+    const s = (t) => {
+      e.current && clearTimeout(e.current), e.current = setTimeout(() => {
+        if (t.length >= 1) {
+          const n = t[0]?.contentRect.width ?? 0, p = u(n);
+          i(p);
+        }
+      }, c);
+    }, r = new ResizeObserver(s);
+    if (o.current) {
+      const t = o.current.offsetWidth;
+      if (t > 0) {
+        const n = u(t);
+        i(n);
+      }
+      r.observe(o.current);
     }
-  }, f);
-  return p(() => {
-    const t = new ResizeObserver(s);
-    return r.current && t.observe(r.current), () => {
-      t.disconnect();
+    return () => {
+      r.disconnect(), e.current && clearTimeout(e.current);
     };
-  }, [s, r]), e;
+  }, [c]), f;
 };
 export {
-  z as default,
-  z as useContainerBreakpoints
+  T as default,
+  T as useContainerBreakpoints
 };
 //# sourceMappingURL=useContainerBreakpoints.js.map

package/dist/hooks/useContainerBreakpoints/useContainerBreakpoints.js.map

@@ -1 +1 @@
-{"version":3,"file":"useContainerBreakpoints.js","sources":["../../../src/hooks/useContainerBreakpoints/useContainerBreakpoints.ts"],"sourcesContent":["import { useState, useEffect } from 'react'\nimport type React from 'react'\nimport type { BREAKPOINTS } from '@/shared/constants'\nimport { BREAKPOINTS_VALUES } from '@/shared/constants'\nimport { useDebounce } from '@/hooks/useDebounce/useDebounce'\nimport { remToPx } from '@/helpers/rem'\n\nexport type BreakpointKey = (typeof BREAKPOINTS)[keyof typeof BREAKPOINTS]\n\nexport type useContainerBreakpointsProps = {\n  ref: React.RefObject<HTMLElement | null>\n  breakpoints?: Partial<{ [K in BreakpointKey]: number | string }>\n  debounceTimeout?: number\n}\n\nconst DEBOUNCE_TIMEOUT = 10\n\nexport const useContainerBreakpoints = ({\n  ref,\n  breakpoints = BREAKPOINTS_VALUES,\n  debounceTimeout = DEBOUNCE_TIMEOUT,\n}: useContainerBreakpointsProps) => {\n  const [activeBreakpoints, setActiveBreakpoint] = useState<Array<keyof typeof breakpoints>>([])\n\n  const handleResize = (entries: ResizeObserverEntry[]) => {\n    if (entries.length >= 1) {\n      const width = entries[0]?.contentRect.width ?? 0\n      let returnBreakpoints = activeBreakpoints\n\n      for (const [key, value] of Object.entries(breakpoints)) {\n        if (\n          width >= remToPx(value) &&\n          !activeBreakpoints.includes(key as keyof typeof breakpoints)\n        ) {\n          // Add key if not already in array\n          returnBreakpoints = [...returnBreakpoints, key as keyof typeof breakpoints]\n        } else if (\n          activeBreakpoints.includes(key as keyof typeof breakpoints) &&\n          width < remToPx(value)\n        ) {\n          // Remove Key if already in array\n          returnBreakpoints = activeBreakpoints.filter(bp => bp !== key)\n        }\n      }\n\n      setActiveBreakpoint(returnBreakpoints)\n    }\n  }\n  const debounceResizeHandler = useDebounce(handleResize, debounceTimeout)\n\n  useEffect(() => {\n    const observer = new ResizeObserver(debounceResizeHandler)\n\n    if (ref.current) {\n      observer.observe(ref.current)\n    }\n\n    return () => {\n      observer.disconnect()\n    }\n  }, [debounceResizeHandler, ref])\n\n  return activeBreakpoints\n}\n\nexport default useContainerBreakpoints\n"],"names":["DEBOUNCE_TIMEOUT","useContainerBreakpoints","ref","breakpoints","BREAKPOINTS_VALUES","debounceTimeout","activeBreakpoints","setActiveBreakpoint","useState","debounceResizeHandler","useDebounce","entries","width","returnBreakpoints","key","value","remToPx","bp","useEffect","observer"],"mappings":";;;;AAeA,MAAMA,IAAmB,IAEZC,IAA0B,CAAC;AAAA,EACtC,KAAAC;AAAA,EACA,aAAAC,IAAcC;AAAA,EACd,iBAAAC,IAAkBL;AACpB,MAAoC;AAClC,QAAM,CAACM,GAAmBC,CAAmB,IAAIC,EAA0C,CAAA,CAAE,GA0BvFC,IAAwBC,EAxBT,CAACC,MAAmC;AACnD,QAAAA,EAAQ,UAAU,GAAG;AACvB,YAAMC,IAAQD,EAAQ,CAAC,GAAG,YAAY,SAAS;AAC/C,UAAIE,IAAoBP;AAExB,iBAAW,CAACQ,GAAKC,CAAK,KAAK,OAAO,QAAQZ,CAAW;AAEjD,QAAAS,KAASI,EAAQD,CAAK,KACtB,CAACT,EAAkB,SAASQ,CAA+B,IAGvCD,IAAA,CAAC,GAAGA,GAAmBC,CAA+B,IAE1ER,EAAkB,SAASQ,CAA+B,KAC1DF,IAAQI,EAAQD,CAAK,MAGrBF,IAAoBP,EAAkB,OAAO,CAAMW,MAAAA,MAAOH,CAAG;AAIjE,MAAAP,EAAoBM,CAAiB;AAAA,IAAA;AAAA,EAEzC,GACwDR,CAAe;AAEvE,SAAAa,EAAU,MAAM;AACR,UAAAC,IAAW,IAAI,eAAeV,CAAqB;AAEzD,WAAIP,EAAI,WACGiB,EAAA,QAAQjB,EAAI,OAAO,GAGvB,MAAM;AACX,MAAAiB,EAAS,WAAW;AAAA,IACtB;AAAA,EAAA,GACC,CAACV,GAAuBP,CAAG,CAAC,GAExBI;AACT;"}
+{"version":3,"file":"useContainerBreakpoints.js","sources":["../../../src/hooks/useContainerBreakpoints/useContainerBreakpoints.ts"],"sourcesContent":["import { useState, useEffect, useRef } from 'react'\nimport type React from 'react'\nimport type { BREAKPOINTS } from '@/shared/constants'\nimport { BREAKPOINTS_VALUES } from '@/shared/constants'\nimport { remToPx } from '@/helpers/rem'\n\nexport type BreakpointKey = (typeof BREAKPOINTS)[keyof typeof BREAKPOINTS]\n\nexport type useContainerBreakpointsProps = {\n  ref: React.RefObject<HTMLElement | null>\n  breakpoints?: Partial<{ [K in BreakpointKey]: number | string }>\n  debounceTimeout?: number\n}\n\nconst DEBOUNCE_TIMEOUT = 10\n\nexport const useContainerBreakpoints = ({\n  ref,\n  breakpoints = BREAKPOINTS_VALUES,\n  debounceTimeout = DEBOUNCE_TIMEOUT,\n}: useContainerBreakpointsProps) => {\n  const [activeBreakpoints, setActiveBreakpoint] = useState<Array<keyof typeof breakpoints>>([])\n  const timeoutRef = useRef<NodeJS.Timeout | null>(null)\n\n  const calculateBreakpoints = (width: number) => {\n    const returnBreakpoints: Array<keyof typeof breakpoints> = []\n\n    for (const [key, value] of Object.entries(breakpoints)) {\n      if (width >= remToPx(value)) {\n        returnBreakpoints.push(key as keyof typeof breakpoints)\n      }\n    }\n\n    return returnBreakpoints\n  }\n\n  useEffect(() => {\n    const debouncedHandleResize = (entries: ResizeObserverEntry[]) => {\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current)\n      }\n      timeoutRef.current = setTimeout(() => {\n        if (entries.length >= 1) {\n          const width = entries[0]?.contentRect.width ?? 0\n          const newBreakpoints = calculateBreakpoints(width)\n          setActiveBreakpoint(newBreakpoints)\n        }\n      }, debounceTimeout)\n    }\n\n    const observer = new ResizeObserver(debouncedHandleResize)\n\n    if (ref.current) {\n      // Do initial calculation\n      const width = ref.current.offsetWidth\n      if (width > 0) {\n        const initialBreakpoints = calculateBreakpoints(width)\n        setActiveBreakpoint(initialBreakpoints)\n      }\n\n      observer.observe(ref.current)\n    }\n\n    return () => {\n      observer.disconnect()\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current)\n      }\n    }\n  }, [debounceTimeout])\n\n  return activeBreakpoints\n}\n\nexport default useContainerBreakpoints\n"],"names":["DEBOUNCE_TIMEOUT","useContainerBreakpoints","ref","breakpoints","BREAKPOINTS_VALUES","debounceTimeout","activeBreakpoints","setActiveBreakpoint","useState","timeoutRef","useRef","calculateBreakpoints","width","returnBreakpoints","key","value","remToPx","useEffect","debouncedHandleResize","entries","newBreakpoints","observer","initialBreakpoints"],"mappings":";;;AAcA,MAAMA,IAAmB,IAEZC,IAA0B,CAAC;AAAA,EACtC,KAAAC;AAAA,EACA,aAAAC,IAAcC;AAAA,EACd,iBAAAC,IAAkBL;AACpB,MAAoC;AAClC,QAAM,CAACM,GAAmBC,CAAmB,IAAIC,EAA0C,CAAA,CAAE,GACvFC,IAAaC,EAA8B,IAAI,GAE/CC,IAAuB,CAACC,MAAkB;AAC9C,UAAMC,IAAqD,CAAC;AAE5D,eAAW,CAACC,GAAKC,CAAK,KAAK,OAAO,QAAQZ,CAAW;AAC/C,MAAAS,KAASI,EAAQD,CAAK,KACxBF,EAAkB,KAAKC,CAA+B;AAInD,WAAAD;AAAA,EACT;AAEA,SAAAI,EAAU,MAAM;AACR,UAAAC,IAAwB,CAACC,MAAmC;AAChE,MAAIV,EAAW,WACb,aAAaA,EAAW,OAAO,GAEtBA,EAAA,UAAU,WAAW,MAAM;AAChC,YAAAU,EAAQ,UAAU,GAAG;AACvB,gBAAMP,IAAQO,EAAQ,CAAC,GAAG,YAAY,SAAS,GACzCC,IAAiBT,EAAqBC,CAAK;AACjD,UAAAL,EAAoBa,CAAc;AAAA,QAAA;AAAA,SAEnCf,CAAe;AAAA,IACpB,GAEMgB,IAAW,IAAI,eAAeH,CAAqB;AAEzD,QAAIhB,EAAI,SAAS;AAET,YAAAU,IAAQV,EAAI,QAAQ;AAC1B,UAAIU,IAAQ,GAAG;AACP,cAAAU,IAAqBX,EAAqBC,CAAK;AACrD,QAAAL,EAAoBe,CAAkB;AAAA,MAAA;AAG/B,MAAAD,EAAA,QAAQnB,EAAI,OAAO;AAAA,IAAA;AAG9B,WAAO,MAAM;AACX,MAAAmB,EAAS,WAAW,GAChBZ,EAAW,WACb,aAAaA,EAAW,OAAO;AAAA,IAEnC;AAAA,EAAA,GACC,CAACJ,CAAe,CAAC,GAEbC;AACT;"}