@gusto/embedded-react-sdk 0.28.0 → 0.30.0

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

@@ -7,11 +7,11 @@ import { useMemo as j, useEffect as D } from "react";
 import { usePaymentMethod as N } from "./usePaymentMethod.js";
 import { SPLIT_BY as h } from "../../../shared/constants.js";
 import "classnames";
-import { RadioGroupField as q } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
+import { useComponentContext as q } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useLocale as w } from "../../../contexts/LocaleProvider/useLocale.js";
+import { ReorderableList as I } from "../../Common/ReorderableList/ReorderableList.js";
+import { RadioGroupField as W } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
 import { NumberInputField as F } from "../../Common/Fields/NumberInputField/NumberInputField.js";
-import { useComponentContext as w } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useLocale as I } from "../../../contexts/LocaleProvider/useLocale.js";
-import { ReorderableList as W } from "../../Common/ReorderableList/ReorderableList.js";
 function ie() {
   const { paymentMethod: r, bankAccounts: m, mode: c } = N(), {
     control: s,
@@ -22,7 +22,7 @@ function ie() {
   } = B(), { t: u } = g("Employee.PaymentMethod"), d = A("splitBy"), L = A("priority"), a = j(() => r.splits ?? [], [r.splits]), l = Object.entries(L).reduce(
     (e, [t, i]) => !e || (L[e] ?? 0) < i ? t : e,
     ""
-  ), { currency: $ } = I();
+  ), { currency: $ } = w();
   D(() => {
     if (a.length)
       if (d === h.amount) {
@@ -33,7 +33,7 @@ function ie() {
         o("splitAmount", e);
       }
   }, [d, a, l, o]);
-  const f = w();
+  const f = q();
   if (c !== "SPLIT" || m.length < 2 || r.splits === null) return null;
   o("isSplit", !0);
   const b = (e, t) => {
@@ -50,7 +50,7 @@ function ie() {
     const p = a[i];
     p && (o("priority", t), l && l !== p.uuid && (S(`splitAmount.${l}`), b(l, 0)), b(p.uuid, null));
   }, R = () => d === h.amount ? /* @__PURE__ */ n(
-    W,
+    I,
     {
       label: u("draggableListLabel"),
       items: a.map((e) => ({
@@ -106,7 +106,7 @@ function ie() {
     /* @__PURE__ */ n(f.Heading, { as: "h2", children: u("title") }),
     /* @__PURE__ */ n(V, { t: u, i18nKey: "splitDescription", components: { p: /* @__PURE__ */ n(f.Text, {}) } }),
     /* @__PURE__ */ n(
-      q,
+      W,
       {
         name: "splitBy",
         label: u("splitByLabel"),

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

@@ -11,11 +11,10 @@ import "../../Base/useBase.js";
 import "../../../shared/constants.js";
 import "classnames";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
-import "../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import "dompurify";
 import "../../../contexts/LocaleProvider/useLocale.js";
 import { createCompoundContext as a } from "../../Base/createCompoundContext.js";
-const S = t.union([
+const x = t.union([
   l.extend({
     type: t.literal("Direct Deposit"),
     isSplit: t.literal(!1)
@@ -55,10 +54,10 @@ const S = t.union([
       remainder: t.string()
     })
   ])
-]), [k, C] = a("PaymentMethodContext");
+]), [S, k] = a("PaymentMethodContext");
 export {
-  S as CombinedSchema,
-  C as PaymentMethodProvider,
-  k as usePaymentMethod
+  x as CombinedSchema,
+  k as PaymentMethodProvider,
+  S as usePaymentMethod
 };
 //# sourceMappingURL=usePaymentMethod.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"usePaymentMethod.js","sources":["../../../../src/components/Employee/PaymentMethod/usePaymentMethod.ts"],"sourcesContent":["import type { EmployeeBankAccount } from '@gusto/embedded-api/models/components/employeebankaccount'\nimport type { EmployeePaymentMethod } from '@gusto/embedded-api/models/components/employeepaymentmethod'\nimport { z } from 'zod'\nimport { BankAccountSchema } from './BankAccount'\nimport { createCompoundContext } from '@/components/Base'\n\nexport const CombinedSchema = z.union([\n  BankAccountSchema.extend({\n    type: z.literal('Direct Deposit'),\n    isSplit: z.literal(false),\n  }),\n  z.object({\n    type: z.literal('Direct Deposit'),\n    isSplit: z.literal(false),\n    hasBankPayload: z.literal(false),\n  }),\n  z.object({\n    type: z.literal('Check'),\n  }),\n  z.discriminatedUnion('splitBy', [\n    z.object({\n      type: z.literal('Direct Deposit'),\n      isSplit: z.literal(true),\n      hasBankPayload: z.literal(false),\n      splitBy: z.literal('Percentage'),\n      splitAmount: z.record(z.string(), z.number().max(100).min(0)).refine(\n        input => Object.values(input).reduce((acc, curr) => acc + curr, 0) === 100,\n        input => {\n          const total = Object.values(input).reduce((acc, curr) => acc + curr, 0)\n          return {\n            message: `percentage_split_total_error:${total}`,\n          }\n        },\n      ),\n      priority: z.record(z.string(), z.number()),\n    }),\n    z.object({\n      type: z.literal('Direct Deposit'),\n      isSplit: z.literal(true),\n      hasBankPayload: z.literal(false),\n      splitBy: z.literal('Amount'),\n      priority: z.record(z.string(), z.number()).refine(input => {\n        const arr = Object.values(input)\n        return arr.filter((item, index) => arr.indexOf(item) !== index).length === 0\n      }),\n      splitAmount: z.record(z.string(), z.number().min(0).nullable()),\n      remainder: z.string(),\n    }),\n  ]),\n])\n\nexport type CombinedSchemaInputs = z.input<typeof CombinedSchema>\nexport type CombinedSchemaOutputs = z.output<typeof CombinedSchema>\n\ntype PaymentMethodContextType = {\n  bankAccounts: EmployeeBankAccount[]\n  isPending: boolean\n  watchedType?: string\n  mode: MODE\n  paymentMethod: EmployeePaymentMethod\n  handleAdd: () => void\n  handleSplit: () => void\n  handleCancel: () => void\n  handleDelete: (uuid: string) => void\n  isAdmin: boolean\n}\n\nexport type MODE = 'ADD' | 'LIST' | 'SPLIT' | 'INITIAL'\n\nconst [usePaymentMethod, PaymentMethodProvider] =\n  createCompoundContext<PaymentMethodContextType>('PaymentMethodContext')\nexport { usePaymentMethod, PaymentMethodProvider }\n"],"names":["CombinedSchema","z","BankAccountSchema","input","acc","curr","arr","item","index","usePaymentMethod","PaymentMethodProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;;;AAMO,MAAMA,IAAiBC,EAAE,MAAM;AAAA,EACpCC,EAAkB,OAAO;AAAA,IACvB,MAAMD,EAAE,QAAQ,gBAAgB;AAAA,IAChC,SAASA,EAAE,QAAQ,EAAK;AAAA,EAAA,CACzB;AAAA,EACDA,EAAE,OAAO;AAAA,IACP,MAAMA,EAAE,QAAQ,gBAAgB;AAAA,IAChC,SAASA,EAAE,QAAQ,EAAK;AAAA,IACxB,gBAAgBA,EAAE,QAAQ,EAAK;AAAA,EAAA,CAChC;AAAA,EACDA,EAAE,OAAO;AAAA,IACP,MAAMA,EAAE,QAAQ,OAAO;AAAA,EAAA,CACxB;AAAA,EACDA,EAAE,mBAAmB,WAAW;AAAA,IAC9BA,EAAE,OAAO;AAAA,MACP,MAAMA,EAAE,QAAQ,gBAAgB;AAAA,MAChC,SAASA,EAAE,QAAQ,EAAI;AAAA,MACvB,gBAAgBA,EAAE,QAAQ,EAAK;AAAA,MAC/B,SAASA,EAAE,QAAQ,YAAY;AAAA,MAC/B,aAAaA,EAAE,OAAOA,EAAE,UAAUA,EAAE,OAAA,EAAS,IAAI,GAAG,EAAE,IAAI,CAAC,CAAC,EAAE;AAAA,QAC5D,CAAAE,MAAS,OAAO,OAAOA,CAAK,EAAE,OAAO,CAACC,GAAKC,MAASD,IAAMC,GAAM,CAAC,MAAM;AAAA,QACvE,CAAAF,OAES;AAAA,UACL,SAAS,gCAFG,OAAO,OAAOA,CAAK,EAAE,OAAO,CAACC,GAAKC,MAASD,IAAMC,GAAM,CAAC,CAEtB;AAAA,QAAA;AAAA,MAElD;AAAA,MAEF,UAAUJ,EAAE,OAAOA,EAAE,UAAUA,EAAE,QAAQ;AAAA,IAAA,CAC1C;AAAA,IACDA,EAAE,OAAO;AAAA,MACP,MAAMA,EAAE,QAAQ,gBAAgB;AAAA,MAChC,SAASA,EAAE,QAAQ,EAAI;AAAA,MACvB,gBAAgBA,EAAE,QAAQ,EAAK;AAAA,MAC/B,SAASA,EAAE,QAAQ,QAAQ;AAAA,MAC3B,UAAUA,EAAE,OAAOA,EAAE,OAAA,GAAUA,EAAE,OAAA,CAAQ,EAAE,OAAO,CAAAE,MAAS;AACzD,cAAMG,IAAM,OAAO,OAAOH,CAAK;AAC/B,eAAOG,EAAI,OAAO,CAACC,GAAMC,MAAUF,EAAI,QAAQC,CAAI,MAAMC,CAAK,EAAE,WAAW;AAAA,MAC7E,CAAC;AAAA,MACD,aAAaP,EAAE,OAAOA,EAAE,OAAA,GAAUA,EAAE,OAAA,EAAS,IAAI,CAAC,EAAE,UAAU;AAAA,MAC9D,WAAWA,EAAE,OAAA;AAAA,IAAO,CACrB;AAAA,EAAA,CACF;AACH,CAAC,GAoBK,CAACQ,GAAkBC,CAAqB,IAC5CC,EAAgD,sBAAsB;"}
+{"version":3,"file":"usePaymentMethod.js","sources":["../../../../src/components/Employee/PaymentMethod/usePaymentMethod.ts"],"sourcesContent":["import type { EmployeeBankAccount } from '@gusto/embedded-api/models/components/employeebankaccount'\nimport type { EmployeePaymentMethod } from '@gusto/embedded-api/models/components/employeepaymentmethod'\nimport { z } from 'zod'\nimport { BankAccountSchema } from './BankAccount'\nimport { createCompoundContext } from '@/components/Base'\n\nexport const CombinedSchema = z.union([\n  BankAccountSchema.extend({\n    type: z.literal('Direct Deposit'),\n    isSplit: z.literal(false),\n  }),\n  z.object({\n    type: z.literal('Direct Deposit'),\n    isSplit: z.literal(false),\n    hasBankPayload: z.literal(false),\n  }),\n  z.object({\n    type: z.literal('Check'),\n  }),\n  z.discriminatedUnion('splitBy', [\n    z.object({\n      type: z.literal('Direct Deposit'),\n      isSplit: z.literal(true),\n      hasBankPayload: z.literal(false),\n      splitBy: z.literal('Percentage'),\n      splitAmount: z.record(z.string(), z.number().max(100).min(0)).refine(\n        input => Object.values(input).reduce((acc, curr) => acc + curr, 0) === 100,\n        input => {\n          const total = Object.values(input).reduce((acc, curr) => acc + curr, 0)\n          return {\n            message: `percentage_split_total_error:${total}`,\n          }\n        },\n      ),\n      priority: z.record(z.string(), z.number()),\n    }),\n    z.object({\n      type: z.literal('Direct Deposit'),\n      isSplit: z.literal(true),\n      hasBankPayload: z.literal(false),\n      splitBy: z.literal('Amount'),\n      priority: z.record(z.string(), z.number()).refine(input => {\n        const arr = Object.values(input)\n        return arr.filter((item, index) => arr.indexOf(item) !== index).length === 0\n      }),\n      splitAmount: z.record(z.string(), z.number().min(0).nullable()),\n      remainder: z.string(),\n    }),\n  ]),\n])\n\nexport type CombinedSchemaInputs = z.input<typeof CombinedSchema>\nexport type CombinedSchemaOutputs = z.output<typeof CombinedSchema>\n\ntype PaymentMethodContextType = {\n  bankAccounts: EmployeeBankAccount[]\n  isPending: boolean\n  watchedType?: string\n  mode: MODE\n  paymentMethod: EmployeePaymentMethod\n  handleAdd: () => void\n  handleSplit: () => void\n  handleCancel: () => void\n  handleDelete: (uuid: string) => void\n  isAdmin: boolean\n}\n\nexport type MODE = 'ADD' | 'LIST' | 'SPLIT' | 'INITIAL'\n\nconst [usePaymentMethod, PaymentMethodProvider] =\n  createCompoundContext<PaymentMethodContextType>('PaymentMethodContext')\nexport { usePaymentMethod, PaymentMethodProvider }\n"],"names":["CombinedSchema","z","BankAccountSchema","input","acc","curr","arr","item","index","usePaymentMethod","PaymentMethodProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;;AAMO,MAAMA,IAAiBC,EAAE,MAAM;AAAA,EACpCC,EAAkB,OAAO;AAAA,IACvB,MAAMD,EAAE,QAAQ,gBAAgB;AAAA,IAChC,SAASA,EAAE,QAAQ,EAAK;AAAA,EAAA,CACzB;AAAA,EACDA,EAAE,OAAO;AAAA,IACP,MAAMA,EAAE,QAAQ,gBAAgB;AAAA,IAChC,SAASA,EAAE,QAAQ,EAAK;AAAA,IACxB,gBAAgBA,EAAE,QAAQ,EAAK;AAAA,EAAA,CAChC;AAAA,EACDA,EAAE,OAAO;AAAA,IACP,MAAMA,EAAE,QAAQ,OAAO;AAAA,EAAA,CACxB;AAAA,EACDA,EAAE,mBAAmB,WAAW;AAAA,IAC9BA,EAAE,OAAO;AAAA,MACP,MAAMA,EAAE,QAAQ,gBAAgB;AAAA,MAChC,SAASA,EAAE,QAAQ,EAAI;AAAA,MACvB,gBAAgBA,EAAE,QAAQ,EAAK;AAAA,MAC/B,SAASA,EAAE,QAAQ,YAAY;AAAA,MAC/B,aAAaA,EAAE,OAAOA,EAAE,UAAUA,EAAE,OAAA,EAAS,IAAI,GAAG,EAAE,IAAI,CAAC,CAAC,EAAE;AAAA,QAC5D,CAAAE,MAAS,OAAO,OAAOA,CAAK,EAAE,OAAO,CAACC,GAAKC,MAASD,IAAMC,GAAM,CAAC,MAAM;AAAA,QACvE,CAAAF,OAES;AAAA,UACL,SAAS,gCAFG,OAAO,OAAOA,CAAK,EAAE,OAAO,CAACC,GAAKC,MAASD,IAAMC,GAAM,CAAC,CAEtB;AAAA,QAAA;AAAA,MAElD;AAAA,MAEF,UAAUJ,EAAE,OAAOA,EAAE,UAAUA,EAAE,QAAQ;AAAA,IAAA,CAC1C;AAAA,IACDA,EAAE,OAAO;AAAA,MACP,MAAMA,EAAE,QAAQ,gBAAgB;AAAA,MAChC,SAASA,EAAE,QAAQ,EAAI;AAAA,MACvB,gBAAgBA,EAAE,QAAQ,EAAK;AAAA,MAC/B,SAASA,EAAE,QAAQ,QAAQ;AAAA,MAC3B,UAAUA,EAAE,OAAOA,EAAE,OAAA,GAAUA,EAAE,OAAA,CAAQ,EAAE,OAAO,CAAAE,MAAS;AACzD,cAAMG,IAAM,OAAO,OAAOH,CAAK;AAC/B,eAAOG,EAAI,OAAO,CAACC,GAAMC,MAAUF,EAAI,QAAQC,CAAI,MAAMC,CAAK,EAAE,WAAW;AAAA,MAC7E,CAAC;AAAA,MACD,aAAaP,EAAE,OAAOA,EAAE,OAAA,GAAUA,EAAE,OAAA,EAAS,IAAI,CAAC,EAAE,UAAU;AAAA,MAC9D,WAAWA,EAAE,OAAA;AAAA,IAAO,CACrB;AAAA,EAAA,CACF;AACH,CAAC,GAoBK,CAACQ,GAAkBC,CAAqB,IAC5CC,EAAgD,sBAAsB;"}

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

@@ -8,8 +8,8 @@ import P from "./AdminPersonalDetails.module.scss.js";
 import { useProfile as C } from "./useProfile.js";
 import "../../../shared/constants.js";
 import "classnames";
-import { SwitchField as w } from "../../Common/Fields/SwitchField/SwitchField.js";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { SwitchField as w } from "../../Common/Fields/SwitchField/SwitchField.js";
 const d = y.merge(
   x
 ).extend({

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

@@ -5,9 +5,10 @@ import { z as t } from "zod";
 import { useProfile as b } from "./useProfile.js";
 import { STATES_ABBR as y } from "../../../shared/constants.js";
 import { Grid as x } from "../../Common/Grid/Grid.js";
-import { TextInputField as o } from "../../Common/Fields/TextInputField/TextInputField.js";
+import "classnames";
 import { useComponentContext as C } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import "react";
+import { TextInputField as o } from "../../Common/Fields/TextInputField/TextInputField.js";
 import { SelectField as T } from "../../Common/Fields/SelectField/SelectField.js";
 import { CheckboxField as A } from "../../Common/Fields/CheckboxField/CheckboxField.js";
 const s = t.object({
@@ -17,7 +18,7 @@ const s = t.object({
   state: t.string().min(1),
   zip: t.string().refine((e) => /(^\d{5}$)|(^\d{5}-\d{4}$)/.test(e)),
   courtesyWithholding: t.boolean()
-}), L = t.union([
+}), k = t.union([
   // Case 1: selfOnboarding is false or undefined
   s.extend({
     selfOnboarding: t.union([t.literal(!1), t.undefined()])
@@ -26,7 +27,7 @@ const s = t.object({
   t.object({
     selfOnboarding: t.literal(!0)
   })
-]), k = t.union([
+]), $ = t.union([
   // Case 1: selfOnboarding is false or undefined
   s.extend({
     selfOnboarding: t.union([t.literal(!1), t.undefined()])
@@ -35,8 +36,8 @@ const s = t.object({
   s.extend({
     selfOnboarding: t.literal(!0)
   })
-]), $ = () => {
-  const { t: e } = f("Employee.HomeAddress"), r = C(), { isSelfOnboardingIntended: m, isAdmin: c, hasCompletedSelfOnboarding: h } = b(), { watch: u } = g(), p = u("courtesyWithholding");
+]), B = () => {
+  const { t: e } = f("Employee.HomeAddress"), r = C(), { isSelfOnboardingIntended: m, isAdmin: c, hasCompletedSelfOnboarding: h } = b(), { watch: p } = g(), u = p("courtesyWithholding");
   return c && m && !h ? null : /* @__PURE__ */ n(a, { children: [
     /* @__PURE__ */ n("div", { children: [
       /* @__PURE__ */ i(r.Heading, { as: "h2", children: e("formTitle") }),
@@ -116,12 +117,12 @@ const s = t.object({
         ] })
       }
     ),
-    p && /* @__PURE__ */ i(r.Alert, { label: e("withholdingTitle"), status: "warning", children: /* @__PURE__ */ i(d, { t: e, i18nKey: "withholdingNote" }) })
+    u && /* @__PURE__ */ i(r.Alert, { label: e("withholdingTitle"), status: "warning", children: /* @__PURE__ */ i(d, { t: e, i18nKey: "withholdingNote" }) })
   ] });
 };
 export {
-  $ as HomeAddress,
-  L as HomeAddressSchema,
-  k as HomeAddressSchemaWithCompletedOnboarding
+  B as HomeAddress,
+  k as HomeAddressSchema,
+  $ as HomeAddressSchemaWithCompletedOnboarding
 };
 //# sourceMappingURL=HomeAddress.js.map

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

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

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

@@ -4,20 +4,21 @@ import { useFormContext as c } from "react-hook-form";
 import { useTranslation as s } from "react-i18next";
 import "../../../shared/constants.js";
 import { Grid as b } from "../../Common/Grid/Grid.js";
-import { TextInputField as o } from "../../Common/Fields/TextInputField/TextInputField.js";
-import { DatePickerField as p } from "../../Common/Fields/DatePickerField/DatePickerField.js";
+import "classnames";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
 import "react";
 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 o } 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 = t.object({
   firstName: m,
   middleInitial: t.string().optional(),
   lastName: m
 });
-function z() {
+function G() {
   const { t: e } = s("Employee.Profile");
   return /* @__PURE__ */ l(d, { children: [
     /* @__PURE__ */ l(b, { gap: { base: 20, small: 8 }, gridTemplateColumns: { base: "1fr", small: ["1fr", 200] }, children: [
@@ -48,7 +49,7 @@ const O = t.object({
   startDate: t.date().transform((e) => e.toISOString().split("T")[0]),
   email: t.string().email()
 });
-function G({ companyLocations: e }) {
+function V({ companyLocations: e }) {
   const { t: r } = s("Employee.Profile"), {
     formState: { errors: n }
   } = c();
@@ -95,7 +96,7 @@ const R = t.object({
   ssn: t.string().transform((e) => S(e)).refine((e) => D.test(e)),
   enableSsn: t.boolean()
 });
-function V({ employee: e, onChange: r }) {
+function X({ employee: e, onChange: r }) {
   const { setValue: n } = c(), { t: i } = s("Employee.Profile"), u = h(e?.hasSsn);
   return /* @__PURE__ */ a(
     o,
@@ -115,7 +116,7 @@ function V({ employee: e, onChange: r }) {
 const y = t.object({
   dateOfBirth: t.date().transform((e) => e.toISOString().split("T")[0])
 });
-function X() {
+function _() {
   const { t: e } = s("Employee.Profile");
   return /* @__PURE__ */ a(
     p,
@@ -132,13 +133,13 @@ v.merge(O).merge(R).merge(y).extend({
   enableSsn: t.boolean()
 });
 export {
-  G as AdminInputs,
+  V as AdminInputs,
   O as AdminInputsSchema,
-  X as DateOfBirthInput,
+  _ as DateOfBirthInput,
   y as DateOfBirthSchema,
-  z as NameInputs,
+  G as NameInputs,
   v as NameInputsSchema,
-  V as SocialSecurityNumberInput,
+  X as SocialSecurityNumberInput,
   R as SocialSecurityNumberSchema
 };
 //# sourceMappingURL=PersonalDetailsInputs.js.map

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"useProfile.js","sources":["../../../../src/components/Employee/Profile/useProfile.ts"],"sourcesContent":["import type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type { EmployeeWorkAddress } from '@gusto/embedded-api/models/components/employeeworkaddress'\nimport { type Location } from '@gusto/embedded-api/models/components/location'\nimport { createCompoundContext } from '@/components/Base'\n\n//Interface for context passed down to component slots\ntype ProfileContextType = {\n  companyLocations: Location[]\n  workAddresses?: EmployeeWorkAddress[]\n  employee?: Employee\n  isSelfOnboardingIntended?: boolean\n  isPending: boolean\n  isAdmin: boolean\n  handleCancel: () => void\n  isSelfOnboardingEnabled: boolean\n  hasCompletedSelfOnboarding: boolean\n}\n\nconst [useProfile, ProfileProvider] = createCompoundContext<ProfileContextType>('ProfileContext')\nexport { useProfile, ProfileProvider }\n"],"names":["useProfile","ProfileProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;AAkBA,MAAM,CAACA,GAAYC,CAAe,IAAIC,EAA0C,gBAAgB;"}
+{"version":3,"file":"useProfile.js","sources":["../../../../src/components/Employee/Profile/useProfile.ts"],"sourcesContent":["import type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type { EmployeeWorkAddress } from '@gusto/embedded-api/models/components/employeeworkaddress'\nimport { type Location } from '@gusto/embedded-api/models/components/location'\nimport { createCompoundContext } from '@/components/Base'\n\n//Interface for context passed down to component slots\ntype ProfileContextType = {\n  companyLocations: Location[]\n  workAddresses?: EmployeeWorkAddress[]\n  employee?: Employee\n  isSelfOnboardingIntended?: boolean\n  isPending: boolean\n  isAdmin: boolean\n  handleCancel: () => void\n  isSelfOnboardingEnabled: boolean\n  hasCompletedSelfOnboarding: boolean\n}\n\nconst [useProfile, ProfileProvider] = createCompoundContext<ProfileContextType>('ProfileContext')\nexport { useProfile, ProfileProvider }\n"],"names":["useProfile","ProfileProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;AAkBA,MAAM,CAACA,GAAYC,CAAe,IAAIC,EAA0C,gBAAgB;"}

package/dist/components/Employee/StateTaxes/useStateTaxes.js

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

package/dist/components/Employee/StateTaxes/useStateTaxes.js.map

@@ -1 +1 @@
-{"version":3,"file":"useStateTaxes.js","sources":["../../../../src/components/Employee/StateTaxes/useStateTaxes.ts"],"sourcesContent":["import type { EmployeeStateTaxesList } from '@gusto/embedded-api/models/components/employeestatetaxeslist'\nimport { createCompoundContext } from '@/components/Base'\n\ntype StateTaxesContextType = {\n  employeeStateTaxes: EmployeeStateTaxesList[]\n  isPending: boolean\n  isAdmin: boolean\n}\n\nconst [useStateTaxes, StateTaxesProvider] =\n  createCompoundContext<StateTaxesContextType>('StateTaxesContext')\nexport { useStateTaxes, StateTaxesProvider }\n"],"names":["useStateTaxes","StateTaxesProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;AASA,MAAM,CAACA,GAAeC,CAAkB,IACtCC,EAA6C,mBAAmB;"}
+{"version":3,"file":"useStateTaxes.js","sources":["../../../../src/components/Employee/StateTaxes/useStateTaxes.ts"],"sourcesContent":["import type { EmployeeStateTaxesList } from '@gusto/embedded-api/models/components/employeestatetaxeslist'\nimport { createCompoundContext } from '@/components/Base'\n\ntype StateTaxesContextType = {\n  employeeStateTaxes: EmployeeStateTaxesList[]\n  isPending: boolean\n  isAdmin: boolean\n}\n\nconst [useStateTaxes, StateTaxesProvider] =\n  createCompoundContext<StateTaxesContextType>('StateTaxesContext')\nexport { useStateTaxes, StateTaxesProvider }\n"],"names":["useStateTaxes","StateTaxesProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;AASA,MAAM,CAACA,GAAeC,CAAkB,IACtCC,EAA6C,mBAAmB;"}

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"useTaxes.js","sources":["../../../../src/components/Employee/Taxes/useTaxes.ts"],"sourcesContent":["import type { EmployeeStateTaxesList } from '@gusto/embedded-api/models/components/employeestatetaxeslist'\nimport { createCompoundContext } from '@/components/Base'\n\ntype TaxesContextType = {\n  employeeStateTaxes: EmployeeStateTaxesList[]\n  isPending: boolean\n  isAdmin: boolean\n}\n\nconst [useTaxes, TaxesProvider] = createCompoundContext<TaxesContextType>('TaxesContext')\nexport { useTaxes, TaxesProvider }\n"],"names":["useTaxes","TaxesProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;AASA,MAAM,CAACA,GAAUC,CAAa,IAAIC,EAAwC,cAAc;"}
+{"version":3,"file":"useTaxes.js","sources":["../../../../src/components/Employee/Taxes/useTaxes.ts"],"sourcesContent":["import type { EmployeeStateTaxesList } from '@gusto/embedded-api/models/components/employeestatetaxeslist'\nimport { createCompoundContext } from '@/components/Base'\n\ntype TaxesContextType = {\n  employeeStateTaxes: EmployeeStateTaxesList[]\n  isPending: boolean\n  isAdmin: boolean\n}\n\nconst [useTaxes, TaxesProvider] = createCompoundContext<TaxesContextType>('TaxesContext')\nexport { useTaxes, TaxesProvider }\n"],"names":["useTaxes","TaxesProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;AASA,MAAM,CAACA,GAAUC,CAAa,IAAIC,EAAwC,cAAc;"}

package/dist/components/Flow/Flow.js

@@ -4,11 +4,10 @@ import { useTranslation as w } from "react-i18next";
 import { FlowBreadcrumbs as F } from "../Common/FlowBreadcrumbs/FlowBreadcrumbs.js";
 import { Flex as s, FlexItem as d } from "../Common/Flex/Flex.js";
 import "classnames";
-import "../../shared/constants.js";
 import { useComponentContext as j } from "../../contexts/ComponentAdapter/useComponentContext.js";
 import "react";
 import { FlowContext as E } from "./useFlow.js";
-const q = ({
+const k = ({
   onEvent: x,
   machine: f
 }) => {
@@ -60,6 +59,6 @@ const q = ({
   ) });
 };
 export {
-  q as Flow
+  k as Flow
 };
 //# sourceMappingURL=Flow.js.map

package/dist/components/Flow/Flow.js.map

@@ -1 +1 @@
-{"version":3,"file":"Flow.js","sources":["../../../src/components/Flow/Flow.tsx"],"sourcesContent":["import { useMachine } from 'react-robot'\nimport { type Machine, type SendFunction } from 'robot3'\nimport { useTranslation } from 'react-i18next'\nimport type { OnEventType } from '../Base/useBase'\nimport { FlowBreadcrumbs } from '../Common/FlowBreadcrumbs/FlowBreadcrumbs'\nimport { Flex } from '../Common/Flex'\nimport { FlexItem } from '../Common'\nimport type { FlowContextInterface } from './useFlow'\nimport { FlowContext } from './useFlow'\nimport { type EventType } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ntype FlowProps<M extends Machine> = {\n  machine: M\n  onEvent: OnEventType<EventType, unknown>\n}\n\nexport const Flow = <M extends Machine<object, FlowContextInterface>>({\n  onEvent,\n  machine,\n}: FlowProps<M>) => {\n  const Components = useComponentContext()\n  const { t } = useTranslation()\n  const [current, send, service] = useMachine(machine, {\n    onEvent: handleEvent,\n    component: null,\n    progressBarCta: null,\n  })\n\n  const {\n    progressBarType = null,\n    totalSteps = null,\n    currentStep = null,\n    currentBreadcrumbId,\n    breadcrumbs = {},\n  } = current.context\n\n  function handleEvent(type: EventType, data: unknown): void {\n    const event = { type, payload: data }\n    const sendFn = send as SendFunction<string>\n    //When dealing with nested state machine, correct machine needs to recieve an event\n    if (service.child) {\n      ;(service.child.send as SendFunction<string>)(event)\n    } else {\n      sendFn(event)\n    }\n    // Pass event upstream - onEvent can be optional on Flow component\n    onEvent(type, data)\n  }\n\n  return (\n    <Flex>\n      <FlowContext.Provider\n        value={{\n          ...current.context,\n        }}\n      >\n        <Flex flexDirection=\"column\" gap={32}>\n          {progressBarType === 'progress' && currentStep && totalSteps && (\n            <Components.ProgressBar\n              totalSteps={totalSteps}\n              currentStep={currentStep}\n              label={t('progressBarLabel', { totalSteps, currentStep })}\n              cta={current.context.progressBarCta}\n            />\n          )}\n          {progressBarType === 'breadcrumbs' && (\n            <Flex flexDirection=\"row\" justifyContent=\"space-between\" alignItems=\"center\">\n              <FlexItem flexGrow={1}>\n                <FlowBreadcrumbs\n                  breadcrumbs={currentBreadcrumbId ? (breadcrumbs[currentBreadcrumbId] ?? []) : []}\n                  currentBreadcrumbId={currentBreadcrumbId}\n                  onEvent={handleEvent}\n                />\n              </FlexItem>\n              <FlexItem>\n                {current.context.progressBarCta && <current.context.progressBarCta />}\n              </FlexItem>\n            </Flex>\n          )}\n          {current.context.component && <current.context.component />}\n        </Flex>\n      </FlowContext.Provider>\n    </Flex>\n  )\n}\n"],"names":["Flow","onEvent","machine","Components","useComponentContext","t","useTranslation","current","send","service","useMachine","handleEvent","progressBarType","totalSteps","currentStep","currentBreadcrumbId","breadcrumbs","type","data","event","sendFn","Flex","jsx","FlowContext","jsxs","FlexItem","FlowBreadcrumbs"],"mappings":";;;;;;;;;;AAiBO,MAAMA,IAAO,CAAkD;AAAA,EACpE,SAAAC;AAAA,EACA,SAAAC;AACF,MAAoB;AAClB,QAAMC,IAAaC,EAAA,GACb,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACR,CAACC,GAASC,GAAMC,CAAO,IAAIC,EAAWR,GAAS;AAAA,IACnD,SAASS;AAAA,IACT,WAAW;AAAA,IACX,gBAAgB;AAAA,EAAA,CACjB,GAEK;AAAA,IACJ,iBAAAC,IAAkB;AAAA,IAClB,YAAAC,IAAa;AAAA,IACb,aAAAC,IAAc;AAAA,IACd,qBAAAC;AAAA,IACA,aAAAC,IAAc,CAAA;AAAA,EAAC,IACbT,EAAQ;AAEZ,WAASI,EAAYM,GAAiBC,GAAqB;AACzD,UAAMC,IAAQ,EAAE,MAAAF,GAAM,SAASC,EAAA,GACzBE,IAASZ;AAEf,IAAIC,EAAQ,QACRA,EAAQ,MAAM,KAA8BU,CAAK,IAEnDC,EAAOD,CAAK,GAGdlB,EAAQgB,GAAMC,CAAI;AAAA,EACpB;AAEA,2BACGG,GAAA,EACC,UAAA,gBAAAC;AAAA,IAACC,EAAY;AAAA,IAAZ;AAAA,MACC,OAAO;AAAA,QACL,GAAGhB,EAAQ;AAAA,MAAA;AAAA,MAGb,UAAA,gBAAAiB,EAACH,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,QAAAT,MAAoB,cAAcE,KAAeD,KAChD,gBAAAS;AAAA,UAACnB,EAAW;AAAA,UAAX;AAAA,YACC,YAAAU;AAAA,YACA,aAAAC;AAAA,YACA,OAAOT,EAAE,oBAAoB,EAAE,YAAAQ,GAAY,aAAAC,GAAa;AAAA,YACxD,KAAKP,EAAQ,QAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,QAGxBK,MAAoB,iBACnB,gBAAAY,EAACH,GAAA,EAAK,eAAc,OAAM,gBAAe,iBAAgB,YAAW,UAClE,UAAA;AAAA,UAAA,gBAAAC,EAACG,GAAA,EAAS,UAAU,GAClB,UAAA,gBAAAH;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,aAAaX,IAAuBC,EAAYD,CAAmB,KAAK,CAAA,IAAM,CAAA;AAAA,cAC9E,qBAAAA;AAAA,cACA,SAASJ;AAAA,YAAA;AAAA,UAAA,GAEb;AAAA,UACA,gBAAAW,EAACG,GAAA,EACE,UAAAlB,EAAQ,QAAQ,oCAAmBA,EAAQ,QAAQ,gBAAhB,CAAA,CAA+B,EAAA,CACrE;AAAA,QAAA,GACF;AAAA,QAEDA,EAAQ,QAAQ,+BAAcA,EAAQ,QAAQ,WAAhB,CAAA,CAA0B;AAAA,MAAA,EAAA,CAC3D;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"Flow.js","sources":["../../../src/components/Flow/Flow.tsx"],"sourcesContent":["import { useMachine } from 'react-robot'\nimport { type Machine, type SendFunction } from 'robot3'\nimport { useTranslation } from 'react-i18next'\nimport type { OnEventType } from '../Base/useBase'\nimport { FlowBreadcrumbs } from '../Common/FlowBreadcrumbs/FlowBreadcrumbs'\nimport { Flex } from '../Common/Flex'\nimport { FlexItem } from '../Common'\nimport type { FlowContextInterface } from './useFlow'\nimport { FlowContext } from './useFlow'\nimport { type EventType } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ntype FlowProps<M extends Machine> = {\n  machine: M\n  onEvent: OnEventType<EventType, unknown>\n}\n\nexport const Flow = <M extends Machine<object, FlowContextInterface>>({\n  onEvent,\n  machine,\n}: FlowProps<M>) => {\n  const Components = useComponentContext()\n  const { t } = useTranslation()\n  const [current, send, service] = useMachine(machine, {\n    onEvent: handleEvent,\n    component: null,\n    progressBarCta: null,\n  })\n\n  const {\n    progressBarType = null,\n    totalSteps = null,\n    currentStep = null,\n    currentBreadcrumbId,\n    breadcrumbs = {},\n  } = current.context\n\n  function handleEvent(type: EventType, data: unknown): void {\n    const event = { type, payload: data }\n    const sendFn = send as SendFunction<string>\n    //When dealing with nested state machine, correct machine needs to recieve an event\n    if (service.child) {\n      ;(service.child.send as SendFunction<string>)(event)\n    } else {\n      sendFn(event)\n    }\n    // Pass event upstream - onEvent can be optional on Flow component\n    onEvent(type, data)\n  }\n\n  return (\n    <Flex>\n      <FlowContext.Provider\n        value={{\n          ...current.context,\n        }}\n      >\n        <Flex flexDirection=\"column\" gap={32}>\n          {progressBarType === 'progress' && currentStep && totalSteps && (\n            <Components.ProgressBar\n              totalSteps={totalSteps}\n              currentStep={currentStep}\n              label={t('progressBarLabel', { totalSteps, currentStep })}\n              cta={current.context.progressBarCta}\n            />\n          )}\n          {progressBarType === 'breadcrumbs' && (\n            <Flex flexDirection=\"row\" justifyContent=\"space-between\" alignItems=\"center\">\n              <FlexItem flexGrow={1}>\n                <FlowBreadcrumbs\n                  breadcrumbs={currentBreadcrumbId ? (breadcrumbs[currentBreadcrumbId] ?? []) : []}\n                  currentBreadcrumbId={currentBreadcrumbId}\n                  onEvent={handleEvent}\n                />\n              </FlexItem>\n              <FlexItem>\n                {current.context.progressBarCta && <current.context.progressBarCta />}\n              </FlexItem>\n            </Flex>\n          )}\n          {current.context.component && <current.context.component />}\n        </Flex>\n      </FlowContext.Provider>\n    </Flex>\n  )\n}\n"],"names":["Flow","onEvent","machine","Components","useComponentContext","t","useTranslation","current","send","service","useMachine","handleEvent","progressBarType","totalSteps","currentStep","currentBreadcrumbId","breadcrumbs","type","data","event","sendFn","Flex","jsx","FlowContext","jsxs","FlexItem","FlowBreadcrumbs"],"mappings":";;;;;;;;;AAiBO,MAAMA,IAAO,CAAkD;AAAA,EACpE,SAAAC;AAAA,EACA,SAAAC;AACF,MAAoB;AAClB,QAAMC,IAAaC,EAAA,GACb,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACR,CAACC,GAASC,GAAMC,CAAO,IAAIC,EAAWR,GAAS;AAAA,IACnD,SAASS;AAAA,IACT,WAAW;AAAA,IACX,gBAAgB;AAAA,EAAA,CACjB,GAEK;AAAA,IACJ,iBAAAC,IAAkB;AAAA,IAClB,YAAAC,IAAa;AAAA,IACb,aAAAC,IAAc;AAAA,IACd,qBAAAC;AAAA,IACA,aAAAC,IAAc,CAAA;AAAA,EAAC,IACbT,EAAQ;AAEZ,WAASI,EAAYM,GAAiBC,GAAqB;AACzD,UAAMC,IAAQ,EAAE,MAAAF,GAAM,SAASC,EAAA,GACzBE,IAASZ;AAEf,IAAIC,EAAQ,QACRA,EAAQ,MAAM,KAA8BU,CAAK,IAEnDC,EAAOD,CAAK,GAGdlB,EAAQgB,GAAMC,CAAI;AAAA,EACpB;AAEA,2BACGG,GAAA,EACC,UAAA,gBAAAC;AAAA,IAACC,EAAY;AAAA,IAAZ;AAAA,MACC,OAAO;AAAA,QACL,GAAGhB,EAAQ;AAAA,MAAA;AAAA,MAGb,UAAA,gBAAAiB,EAACH,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,QAAAT,MAAoB,cAAcE,KAAeD,KAChD,gBAAAS;AAAA,UAACnB,EAAW;AAAA,UAAX;AAAA,YACC,YAAAU;AAAA,YACA,aAAAC;AAAA,YACA,OAAOT,EAAE,oBAAoB,EAAE,YAAAQ,GAAY,aAAAC,GAAa;AAAA,YACxD,KAAKP,EAAQ,QAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,QAGxBK,MAAoB,iBACnB,gBAAAY,EAACH,GAAA,EAAK,eAAc,OAAM,gBAAe,iBAAgB,YAAW,UAClE,UAAA;AAAA,UAAA,gBAAAC,EAACG,GAAA,EAAS,UAAU,GAClB,UAAA,gBAAAH;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,aAAaX,IAAuBC,EAAYD,CAAmB,KAAK,CAAA,IAAM,CAAA;AAAA,cAC9E,qBAAAA;AAAA,cACA,SAASJ;AAAA,YAAA;AAAA,UAAA,GAEb;AAAA,UACA,gBAAAW,EAACG,GAAA,EACE,UAAAlB,EAAQ,QAAQ,oCAAmBA,EAAQ,QAAQ,gBAAhB,CAAA,CAA+B,EAAA,CACrE;AAAA,QAAA,GACF;AAAA,QAEDA,EAAQ,QAAQ,+BAAcA,EAAQ,QAAQ,WAAhB,CAAA,CAA0B;AAAA,MAAA,EAAA,CAC3D;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/InformationRequests/InformationRequestForm/InformationRequestForm.js

@@ -13,14 +13,14 @@ import { BaseComponent as G } from "../../Base/Base.js";
 import { useBase as $ } from "../../Base/useBase.js";
 import { Flex as y } from "../../Common/Flex/Flex.js";
 import "classnames";
-import { informationRequestEvents as C } from "../../../shared/constants.js";
-import { TextInputField as J } from "../../Common/Fields/TextInputField/TextInputField.js";
-import { useComponentContext as w } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useComponentContext as C } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import "react";
-import { FileInputField as X } from "../../Common/Fields/FileInputField/FileInputField.js";
-import { Form as Z } from "../../Common/Form/Form.js";
-import { useComponentDictionary as ee, useI18n as M } from "../../../i18n/I18n.js";
-import { useFlow as ne } from "../../Flow/useFlow.js";
+import { FileInputField as J } from "../../Common/Fields/FileInputField/FileInputField.js";
+import { Form as X } from "../../Common/Form/Form.js";
+import { useComponentDictionary as Z, useI18n as w } from "../../../i18n/I18n.js";
+import { informationRequestEvents as M } from "../../../shared/constants.js";
+import { useFlow as ee } from "../../Flow/useFlow.js";
+import { TextInputField as ne } from "../../Common/Fields/TextInputField/TextInputField.js";
 const _ = "gusto-sdk-information-request-form", te = ["image/jpeg", "image/png", "application/pdf"], oe = f.record(
   f.string(),
   f.union([f.string().min(1), f.instanceof(File)])
@@ -43,8 +43,8 @@ function ae(o) {
   return o.some((s) => s.responseType === u.Persona);
 }
 function ue({ companyId: o, requestId: s, dictionary: i }) {
-  ee("InformationRequests.InformationRequestForm", i), M("InformationRequests.InformationRequestForm");
-  const { t: n } = D("InformationRequests.InformationRequestForm"), { Alert: q, Heading: T, Text: c } = w(), { onEvent: I, baseSubmitHandler: g } = $(), { data: N } = P({
+  Z("InformationRequests.InformationRequestForm", i), w("InformationRequests.InformationRequestForm");
+  const { t: n } = D("InformationRequests.InformationRequestForm"), { Alert: q, Heading: T, Text: c } = C(), { onEvent: I, baseSubmitHandler: g } = $(), { data: N } = P({
     companyUuid: o
   }), l = N.informationRequestList?.find((t) => t.uuid === s), a = l?.requiredQuestions ?? [], F = l?.blockingPayroll ?? !1, O = A(a), b = ae(a), { mutateAsync: Q } = W(), v = {}, U = [];
   a.forEach((t) => {
@@ -83,7 +83,7 @@ function ue({ companyId: o, requestId: s, dictionary: i }) {
           }
         }
       });
-      I(C.INFORMATION_REQUEST_FORM_DONE, x.informationRequest);
+      I(M.INFORMATION_REQUEST_FORM_DONE, x.informationRequest);
     });
   }, L = (t) => {
     if (!t.questionUuid || !t.responseType) return null;
@@ -95,7 +95,7 @@ function ue({ companyId: o, requestId: s, dictionary: i }) {
       ] }),
       /* @__PURE__ */ e("hr", { className: r.divider }),
       x && /* @__PURE__ */ e("div", { className: r.textInputWrapper, children: /* @__PURE__ */ e(
-        J,
+        ne,
         {
           name: R,
           label: n("fields.textAnswer.label"),
@@ -105,7 +105,7 @@ function ue({ companyId: o, requestId: s, dictionary: i }) {
         }
       ) }),
       h && /* @__PURE__ */ e("div", { className: r.fileInputWrapper, children: /* @__PURE__ */ e(
-        X,
+        J,
         {
           name: R,
           label: n("fields.fileUpload.label"),
@@ -128,19 +128,19 @@ function ue({ companyId: o, requestId: s, dictionary: i }) {
   return /* @__PURE__ */ e("div", { className: r.root, children: /* @__PURE__ */ m(y, { flexDirection: "column", gap: 16, children: [
     /* @__PURE__ */ e(T, { as: "h2", children: n("title") }),
     F && /* @__PURE__ */ e(q, { status: "error", label: n("blockingAlert.title"), disableScrollIntoView: !0, children: n("blockingAlert.description") }),
-    O ? j : /* @__PURE__ */ e(H, { ...E, children: /* @__PURE__ */ e(Z, { id: _, onSubmit: E.handleSubmit(k), children: /* @__PURE__ */ e(y, { flexDirection: "column", gap: 16, children: a.map(L) }) }) })
+    O ? j : /* @__PURE__ */ e(H, { ...E, children: /* @__PURE__ */ e(X, { id: _, onSubmit: E.handleSubmit(k), children: /* @__PURE__ */ e(y, { flexDirection: "column", gap: 16, children: a.map(L) }) }) })
   ] }) });
 }
 const ce = ({ onEvent: o }) => {
-  M("InformationRequests.InformationRequestForm");
-  const { t: s } = D("InformationRequests.InformationRequestForm"), { Button: i } = w(), { companyId: n, selectedRequestId: q } = ne(), { data: T } = P({
+  w("InformationRequests.InformationRequestForm");
+  const { t: s } = D("InformationRequests.InformationRequestForm"), { Button: i } = C(), { companyId: n, selectedRequestId: q } = ee(), { data: T } = P({
     companyUuid: n
   }), I = T.informationRequestList?.find(
     (F) => F.uuid === q
   )?.requiredQuestions ?? [], g = A(I), l = V({
     mutationKey: Y()
   }) > 0, a = () => {
-    o(C.INFORMATION_REQUEST_FORM_CANCEL);
+    o(M.INFORMATION_REQUEST_FORM_CANCEL);
   };
   return g ? /* @__PURE__ */ e(y, { justifyContent: "flex-end", gap: 12, children: /* @__PURE__ */ e(i, { variant: "secondary", onClick: a, children: s("cta.close") }) }) : /* @__PURE__ */ m(y, { justifyContent: "flex-end", gap: 12, children: [
     /* @__PURE__ */ e(i, { variant: "secondary", onClick: a, isDisabled: l, children: s("cta.cancel") }),