@gusto/embedded-react-sdk 0.21.0 → 0.22.0

package/dist/components/Employee/FederalTaxes/FederalTaxes.js

@@ -1,72 +1,88 @@
-import { jsx as o, jsxs as b, Fragment as S } from "react/jsx-runtime";
-import { zodResolver as v } from "@hookform/resolvers/zod";
-import { useForm as A, FormProvider as g } from "react-hook-form";
-import { useEffect as D } from "react";
-import { useEmployeeTaxSetupGetFederalTaxesSuspense as w } from "@gusto/embedded-api/react-query/employeeTaxSetupGetFederalTaxes";
-import { useEmployeeTaxSetupUpdateFederalTaxesMutation as _ } from "@gusto/embedded-api/react-query/employeeTaxSetupUpdateFederalTaxes";
-import { FederalFormSchema as N, FederalForm as P } from "./FederalForm.js";
-import { Head as I } from "./Head.js";
-import { Actions as R } from "./Actions.js";
+import { jsx as o, jsxs as S, Fragment as v } from "react/jsx-runtime";
+import { zodResolver as A } from "@hookform/resolvers/zod";
+import { useForm as y, FormProvider as D } from "react-hook-form";
+import { useEffect as _ } from "react";
+import { useEmployeeTaxSetupGetFederalTaxesSuspense as b } from "@gusto/embedded-api/react-query/employeeTaxSetupGetFederalTaxes";
+import { useEmployeeTaxSetupUpdateFederalTaxesMutation as W } from "@gusto/embedded-api/react-query/employeeTaxSetupUpdateFederalTaxes";
+import { FederalFormSchema as I, FederalForm as R } from "./FederalForm.js";
+import { Head as N } from "./Head.js";
+import { Actions as P } from "./Actions.js";
 import { FederalTaxesProvider as J } from "./useFederalTaxes.js";
 import { BaseComponent as L } from "../../Base/Base.js";
 import { useBase as M } from "../../Base/useBase.js";
 import { useI18n as U, useComponentDictionary as B } from "../../../i18n/I18n.js";
 import { componentEvents as u } from "../../../shared/constants.js";
-import { Form as W } from "../../Common/Form/Form.js";
-function re(r) {
-  return /* @__PURE__ */ o(L, { ...r, children: /* @__PURE__ */ o(q, { ...r }) });
+import { Form as q } from "../../Common/Form/Form.js";
+function ne(r) {
+  return /* @__PURE__ */ o(L, { ...r, children: /* @__PURE__ */ o(C, { ...r }) });
 }
-const q = (r) => {
-  const { employeeId: m, className: c, children: a, dictionary: p } = r, { onEvent: i, fieldErrors: t, baseSubmitHandler: f } = M();
-  U("Employee.FederalTaxes"), B("Employee.FederalTaxes", p);
-  const { data: E } = w({
-    employeeUuid: m
-  }), e = E.employeeFederalTax, { mutateAsync: h, isPending: y } = _(), F = {
-    filingStatus: e.filingStatus ?? void 0,
+const C = (r) => {
+  const { employeeId: s, className: c, children: a, dictionary: h } = r, { onEvent: m, fieldErrors: n, baseSubmitHandler: f } = M();
+  U("Employee.FederalTaxes"), B("Employee.FederalTaxes", h);
+  const { data: p } = b({
+    employeeUuid: s
+  }), e = p.employeeFederalTax, { mutateAsync: g, isPending: E } = W(), T = e.w4DataType === "rev_2020_w4" ? {
+    w4DataType: "rev_2020_w4",
+    filingStatus: e.filingStatus ?? "",
     twoJobs: e.twoJobs ? "true" : "false",
     deductions: e.deductions ? Number(e.deductions) : 0,
     dependentsAmount: e.dependentsAmount ? Number(e.dependentsAmount) : 0,
     otherIncome: e.otherIncome ? Number(e.otherIncome) : 0,
-    extraWithholding: e.extraWithholding ? Number(e.extraWithholding) : 0,
-    w4DataType: e.w4DataType
-  }, d = A({
-    resolver: v(N),
-    defaultValues: F
-  }), { handleSubmit: x, setError: l } = d;
-  return D(() => {
-    t && t.length > 0 && t.forEach((n) => {
-      const s = n.errorKey.replace(".value", "");
-      l(s, { type: "custom", message: n.message });
+    extraWithholding: e.extraWithholding ? Number(e.extraWithholding) : 0
+  } : {
+    w4DataType: "pre_2020_w4",
+    filingStatus: e.filingStatus ?? "",
+    federalWithholdingAllowance: e.federalWithholdingAllowance ?? 0,
+    additionalWithholding: e.additionalWithholding
+  }, d = y({
+    resolver: A(I),
+    defaultValues: T
+  }), { handleSubmit: w, setError: l } = d;
+  return _(() => {
+    n && n.length > 0 && n.forEach((i) => {
+      const t = i.errorKey.replace(".value", "");
+      l(t, { type: "custom", message: i.message });
     });
-  }, [t, l]), /* @__PURE__ */ o("section", { className: c, children: /* @__PURE__ */ o(
+  }, [n, l]), /* @__PURE__ */ o("section", { className: c, children: /* @__PURE__ */ o(
     J,
     {
       value: {
-        isPending: y
+        isPending: E
       },
-      children: /* @__PURE__ */ o(g, { ...d, children: /* @__PURE__ */ o(W, { onSubmit: x(async (n) => {
-        await f(n, async (s) => {
-          const T = await h({
+      children: /* @__PURE__ */ o(D, { ...d, children: /* @__PURE__ */ o(q, { onSubmit: w(async (i) => {
+        await f(i, async (t) => {
+          const x = t.w4DataType === "rev_2020_w4" ? {
+            filingStatus: t.filingStatus,
+            twoJobs: t.twoJobs === "true",
+            dependentsAmount: t.dependentsAmount,
+            otherIncome: t.otherIncome,
+            deductions: t.deductions,
+            extraWithholding: t.extraWithholding,
+            w4DataType: t.w4DataType,
+            version: e.version
+          } : {
+            filingStatus: t.filingStatus,
+            federalWithholdingAllowance: t.federalWithholdingAllowance,
+            additionalWithholding: t.additionalWithholding,
+            w4DataType: t.w4DataType,
+            version: e.version
+          }, F = await g({
             request: {
-              employeeUuid: m,
-              requestBody: {
-                ...s,
-                twoJobs: s.twoJobs === "true",
-                version: e.version
-              }
+              employeeUuid: s,
+              requestBody: x
             }
           });
-          i(u.EMPLOYEE_FEDERAL_TAXES_UPDATED, T), i(u.EMPLOYEE_FEDERAL_TAXES_DONE);
+          m(u.EMPLOYEE_FEDERAL_TAXES_UPDATED, F), m(u.EMPLOYEE_FEDERAL_TAXES_DONE);
         });
-      }), children: a || /* @__PURE__ */ b(S, { children: [
-        /* @__PURE__ */ o(I, {}),
-        /* @__PURE__ */ o(P, {}),
-        /* @__PURE__ */ o(R, {})
+      }), children: a || /* @__PURE__ */ S(v, { children: [
+        /* @__PURE__ */ o(N, {}),
+        /* @__PURE__ */ o(R, {}),
+        /* @__PURE__ */ o(P, {})
       ] }) }) })
     }
   ) });
 };
 export {
-  re as FederalTaxes
+  ne as FederalTaxes
 };
 //# sourceMappingURL=FederalTaxes.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FederalTaxes.js","sources":["../../../../src/components/Employee/FederalTaxes/FederalTaxes.tsx"],"sourcesContent":["import { zodResolver } from '@hookform/resolvers/zod'\nimport { FormProvider, useForm, type SubmitHandler } from 'react-hook-form'\nimport { useEffect } from 'react'\nimport { useEmployeeTaxSetupGetFederalTaxesSuspense } from '@gusto/embedded-api/react-query/employeeTaxSetupGetFederalTaxes'\nimport { useEmployeeTaxSetupUpdateFederalTaxesMutation } from '@gusto/embedded-api/react-query/employeeTaxSetupUpdateFederalTaxes'\nimport { FederalForm } from './FederalForm'\nimport { FederalFormSchema, type FederalFormInputs, type FederalFormPayload } from './FederalForm'\nimport { Head } from './Head'\nimport { Actions } from './Actions'\nimport { FederalTaxesProvider } from './useFederalTaxes'\nimport {\n  useBase,\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { Form } from '@/components/Common/Form'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\ninterface FederalTaxesProps extends CommonComponentInterface<'Employee.FederalTaxes'> {\n  employeeId: string\n}\n\nexport function FederalTaxes(props: FederalTaxesProps & BaseComponentInterface) {\n  return (\n    <BaseComponent<'Employee.FederalTaxes'> {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nconst Root = (props: FederalTaxesProps) => {\n  const { employeeId, className, children, dictionary } = props\n  const { onEvent, fieldErrors, baseSubmitHandler } = useBase()\n  useI18n('Employee.FederalTaxes')\n  useComponentDictionary('Employee.FederalTaxes', dictionary)\n\n  const { data: fedData } = useEmployeeTaxSetupGetFederalTaxesSuspense({\n    employeeUuid: employeeId,\n  })\n  const employeeFederalTax = fedData.employeeFederalTax!\n\n  const { mutateAsync: updateFederalTaxes, isPending } =\n    useEmployeeTaxSetupUpdateFederalTaxesMutation()\n\n  const defaultValues = {\n    filingStatus: employeeFederalTax.filingStatus ?? undefined,\n    twoJobs: employeeFederalTax.twoJobs ? ('true' as const) : ('false' as const),\n    deductions: employeeFederalTax.deductions ? Number(employeeFederalTax.deductions) : 0,\n    dependentsAmount: employeeFederalTax.dependentsAmount\n      ? Number(employeeFederalTax.dependentsAmount)\n      : 0,\n    otherIncome: employeeFederalTax.otherIncome ? Number(employeeFederalTax.otherIncome) : 0,\n    extraWithholding: employeeFederalTax.extraWithholding\n      ? Number(employeeFederalTax.extraWithholding)\n      : 0,\n    w4DataType: employeeFederalTax.w4DataType,\n  }\n\n  const formMethods = useForm<FederalFormInputs, unknown, FederalFormPayload>({\n    resolver: zodResolver(FederalFormSchema),\n    defaultValues,\n  })\n  const { handleSubmit, setError: _setError } = formMethods\n\n  useEffect(() => {\n    if (fieldErrors && fieldErrors.length > 0) {\n      fieldErrors.forEach(msgObject => {\n        const key = msgObject.errorKey.replace('.value', '')\n        _setError(key as keyof FederalFormInputs, { type: 'custom', message: msgObject.message })\n      })\n    }\n  }, [fieldErrors, _setError])\n\n  const onSubmit: SubmitHandler<FederalFormPayload> = async data => {\n    await baseSubmitHandler(data, async payload => {\n      const federalTaxesResponse = await updateFederalTaxes({\n        request: {\n          employeeUuid: employeeId,\n          requestBody: {\n            ...payload,\n            twoJobs: payload.twoJobs === 'true',\n            version: employeeFederalTax.version,\n          },\n        },\n      })\n      onEvent(componentEvents.EMPLOYEE_FEDERAL_TAXES_UPDATED, federalTaxesResponse)\n      onEvent(componentEvents.EMPLOYEE_FEDERAL_TAXES_DONE)\n    })\n  }\n\n  return (\n    <section className={className}>\n      <FederalTaxesProvider\n        value={{\n          isPending,\n        }}\n      >\n        <FormProvider {...formMethods}>\n          <Form onSubmit={handleSubmit(onSubmit)}>\n            {children ? (\n              children\n            ) : (\n              <>\n                <Head />\n                <FederalForm />\n                <Actions />\n              </>\n            )}\n          </Form>\n        </FormProvider>\n      </FederalTaxesProvider>\n    </section>\n  )\n}\n"],"names":["FederalTaxes","props","jsx","BaseComponent","Root","employeeId","className","children","dictionary","onEvent","fieldErrors","baseSubmitHandler","useBase","useI18n","useComponentDictionary","fedData","useEmployeeTaxSetupGetFederalTaxesSuspense","employeeFederalTax","updateFederalTaxes","isPending","useEmployeeTaxSetupUpdateFederalTaxesMutation","defaultValues","formMethods","useForm","zodResolver","FederalFormSchema","handleSubmit","_setError","useEffect","msgObject","key","FederalTaxesProvider","FormProvider","Form","data","payload","federalTaxesResponse","componentEvents","jsxs","Fragment","Head","FederalForm","Actions"],"mappings":";;;;;;;;;;;;;;;AAyBO,SAASA,GAAaC,GAAmD;AAC9E,SACE,gBAAAC,EAACC,KAAwC,GAAGF,GAC1C,4BAACG,GAAA,EAAM,GAAGH,GAAO,EAAA,CACnB;AAEJ;AAEA,MAAMG,IAAO,CAACH,MAA6B;AACzC,QAAM,EAAE,YAAAI,GAAY,WAAAC,GAAW,UAAAC,GAAU,YAAAC,MAAeP,GAClD,EAAE,SAAAQ,GAAS,aAAAC,GAAa,mBAAAC,EAAA,IAAsBC,EAAA;AACpD,EAAAC,EAAQ,uBAAuB,GAC/BC,EAAuB,yBAAyBN,CAAU;AAE1D,QAAM,EAAE,MAAMO,EAAA,IAAYC,EAA2C;AAAA,IACnE,cAAcX;AAAA,EAAA,CACf,GACKY,IAAqBF,EAAQ,oBAE7B,EAAE,aAAaG,GAAoB,WAAAC,EAAA,IACvCC,EAAA,GAEIC,IAAgB;AAAA,IACpB,cAAcJ,EAAmB,gBAAgB;AAAA,IACjD,SAASA,EAAmB,UAAW,SAAoB;AAAA,IAC3D,YAAYA,EAAmB,aAAa,OAAOA,EAAmB,UAAU,IAAI;AAAA,IACpF,kBAAkBA,EAAmB,mBACjC,OAAOA,EAAmB,gBAAgB,IAC1C;AAAA,IACJ,aAAaA,EAAmB,cAAc,OAAOA,EAAmB,WAAW,IAAI;AAAA,IACvF,kBAAkBA,EAAmB,mBACjC,OAAOA,EAAmB,gBAAgB,IAC1C;AAAA,IACJ,YAAYA,EAAmB;AAAA,EAAA,GAG3BK,IAAcC,EAAwD;AAAA,IAC1E,UAAUC,EAAYC,CAAiB;AAAA,IACvC,eAAAJ;AAAA,EAAA,CACD,GACK,EAAE,cAAAK,GAAc,UAAUC,EAAA,IAAcL;AAE9C,SAAAM,EAAU,MAAM;AACd,IAAIlB,KAAeA,EAAY,SAAS,KACtCA,EAAY,QAAQ,CAAAmB,MAAa;AAC/B,YAAMC,IAAMD,EAAU,SAAS,QAAQ,UAAU,EAAE;AACnD,MAAAF,EAAUG,GAAgC,EAAE,MAAM,UAAU,SAASD,EAAU,SAAS;AAAA,IAC1F,CAAC;AAAA,EAEL,GAAG,CAACnB,GAAaiB,CAAS,CAAC,GAoBzB,gBAAAzB,EAAC,aAAQ,WAAAI,GACP,UAAA,gBAAAJ;AAAA,IAAC6B;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,WAAAZ;AAAA,MAAA;AAAA,MAGF,UAAA,gBAAAjB,EAAC8B,GAAA,EAAc,GAAGV,GAChB,UAAA,gBAAApB,EAAC+B,GAAA,EAAK,UAAUP,EAzB4B,OAAMQ,MAAQ;AAChE,cAAMvB,EAAkBuB,GAAM,OAAMC,MAAW;AAC7C,gBAAMC,IAAuB,MAAMlB,EAAmB;AAAA,YACpD,SAAS;AAAA,cACP,cAAcb;AAAA,cACd,aAAa;AAAA,gBACX,GAAG8B;AAAA,gBACH,SAASA,EAAQ,YAAY;AAAA,gBAC7B,SAASlB,EAAmB;AAAA,cAAA;AAAA,YAC9B;AAAA,UACF,CACD;AACD,UAAAR,EAAQ4B,EAAgB,gCAAgCD,CAAoB,GAC5E3B,EAAQ4B,EAAgB,2BAA2B;AAAA,QACrD,CAAC;AAAA,MACH,CAU6C,GAClC,UAAA9B,KAGC,gBAAA+B,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAArC,EAACsC,GAAA,EAAK;AAAA,0BACLC,GAAA,EAAY;AAAA,0BACZC,GAAA,CAAA,CAAQ;AAAA,MAAA,EAAA,CACX,GAEJ,EAAA,CACF;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"FederalTaxes.js","sources":["../../../../src/components/Employee/FederalTaxes/FederalTaxes.tsx"],"sourcesContent":["import { zodResolver } from '@hookform/resolvers/zod'\nimport { FormProvider, useForm, type SubmitHandler } from 'react-hook-form'\nimport { useEffect } from 'react'\nimport { useEmployeeTaxSetupGetFederalTaxesSuspense } from '@gusto/embedded-api/react-query/employeeTaxSetupGetFederalTaxes'\nimport { useEmployeeTaxSetupUpdateFederalTaxesMutation } from '@gusto/embedded-api/react-query/employeeTaxSetupUpdateFederalTaxes'\nimport { FederalForm } from './FederalForm'\nimport { FederalFormSchema, type FederalFormInputs, type FederalFormPayload } from './FederalForm'\nimport { Head } from './Head'\nimport { Actions } from './Actions'\nimport { FederalTaxesProvider } from './useFederalTaxes'\nimport {\n  useBase,\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { Form } from '@/components/Common/Form'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\ninterface FederalTaxesProps extends CommonComponentInterface<'Employee.FederalTaxes'> {\n  employeeId: string\n}\n\nexport function FederalTaxes(props: FederalTaxesProps & BaseComponentInterface) {\n  return (\n    <BaseComponent<'Employee.FederalTaxes'> {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nconst Root = (props: FederalTaxesProps) => {\n  const { employeeId, className, children, dictionary } = props\n  const { onEvent, fieldErrors, baseSubmitHandler } = useBase()\n  useI18n('Employee.FederalTaxes')\n  useComponentDictionary('Employee.FederalTaxes', dictionary)\n\n  const { data: fedData } = useEmployeeTaxSetupGetFederalTaxesSuspense({\n    employeeUuid: employeeId,\n  })\n  const employeeFederalTax = fedData.employeeFederalTax!\n\n  const { mutateAsync: updateFederalTaxes, isPending } =\n    useEmployeeTaxSetupUpdateFederalTaxesMutation()\n\n  const isRev2020 = employeeFederalTax.w4DataType === 'rev_2020_w4'\n\n  const defaultValues: FederalFormInputs = isRev2020\n    ? {\n        w4DataType: 'rev_2020_w4',\n        filingStatus: employeeFederalTax.filingStatus ?? '',\n        twoJobs: employeeFederalTax.twoJobs ? 'true' : 'false',\n        deductions: employeeFederalTax.deductions ? Number(employeeFederalTax.deductions) : 0,\n        dependentsAmount: employeeFederalTax.dependentsAmount\n          ? Number(employeeFederalTax.dependentsAmount)\n          : 0,\n        otherIncome: employeeFederalTax.otherIncome ? Number(employeeFederalTax.otherIncome) : 0,\n        extraWithholding: employeeFederalTax.extraWithholding\n          ? Number(employeeFederalTax.extraWithholding)\n          : 0,\n      }\n    : {\n        w4DataType: 'pre_2020_w4',\n        filingStatus: employeeFederalTax.filingStatus ?? '',\n        federalWithholdingAllowance: employeeFederalTax.federalWithholdingAllowance ?? 0,\n        additionalWithholding: employeeFederalTax.additionalWithholding,\n      }\n\n  const formMethods = useForm<FederalFormInputs, unknown, FederalFormPayload>({\n    resolver: zodResolver(FederalFormSchema),\n    defaultValues,\n  })\n  const { handleSubmit, setError: _setError } = formMethods\n\n  useEffect(() => {\n    if (fieldErrors && fieldErrors.length > 0) {\n      fieldErrors.forEach(msgObject => {\n        const key = msgObject.errorKey.replace('.value', '')\n        _setError(key as keyof FederalFormInputs, { type: 'custom', message: msgObject.message })\n      })\n    }\n  }, [fieldErrors, _setError])\n\n  const onSubmit: SubmitHandler<FederalFormPayload> = async data => {\n    await baseSubmitHandler(data, async payload => {\n      const requestBody =\n        payload.w4DataType === 'rev_2020_w4'\n          ? {\n              filingStatus: payload.filingStatus,\n              twoJobs: payload.twoJobs === 'true',\n              dependentsAmount: payload.dependentsAmount,\n              otherIncome: payload.otherIncome,\n              deductions: payload.deductions,\n              extraWithholding: payload.extraWithholding,\n              w4DataType: payload.w4DataType,\n              version: employeeFederalTax.version,\n            }\n          : {\n              filingStatus: payload.filingStatus,\n              federalWithholdingAllowance: payload.federalWithholdingAllowance,\n              additionalWithholding: payload.additionalWithholding,\n              w4DataType: payload.w4DataType,\n              version: employeeFederalTax.version,\n            }\n\n      const federalTaxesResponse = await updateFederalTaxes({\n        request: {\n          employeeUuid: employeeId,\n          requestBody,\n        },\n      })\n      onEvent(componentEvents.EMPLOYEE_FEDERAL_TAXES_UPDATED, federalTaxesResponse)\n      onEvent(componentEvents.EMPLOYEE_FEDERAL_TAXES_DONE)\n    })\n  }\n\n  return (\n    <section className={className}>\n      <FederalTaxesProvider\n        value={{\n          isPending,\n        }}\n      >\n        <FormProvider {...formMethods}>\n          <Form onSubmit={handleSubmit(onSubmit)}>\n            {children ? (\n              children\n            ) : (\n              <>\n                <Head />\n                <FederalForm />\n                <Actions />\n              </>\n            )}\n          </Form>\n        </FormProvider>\n      </FederalTaxesProvider>\n    </section>\n  )\n}\n"],"names":["FederalTaxes","props","jsx","BaseComponent","Root","employeeId","className","children","dictionary","onEvent","fieldErrors","baseSubmitHandler","useBase","useI18n","useComponentDictionary","fedData","useEmployeeTaxSetupGetFederalTaxesSuspense","employeeFederalTax","updateFederalTaxes","isPending","useEmployeeTaxSetupUpdateFederalTaxesMutation","defaultValues","formMethods","useForm","zodResolver","FederalFormSchema","handleSubmit","_setError","useEffect","msgObject","key","FederalTaxesProvider","FormProvider","Form","data","payload","requestBody","federalTaxesResponse","componentEvents","jsxs","Fragment","Head","FederalForm","Actions"],"mappings":"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"}

package/dist/components/Employee/FederalTaxes/useFederalTaxes.js

@@ -9,13 +9,11 @@ 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 [c, u] = o("FederalTaxesContext");
+const [F, T] = o("FederalTaxesContext");
 export {
-  u as FederalTaxesProvider,
-  c as useFederalTaxes
+  T as FederalTaxesProvider,
+  F as useFederalTaxes
 };
 //# sourceMappingURL=useFederalTaxes.js.map

package/dist/components/Employee/FederalTaxes/useFederalTaxes.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFederalTaxes.js","sources":["../../../../src/components/Employee/FederalTaxes/useFederalTaxes.ts"],"sourcesContent":["import { createCompoundContext } from '@/components/Base'\n\ntype FederalTaxesContextType = {\n  isPending: boolean\n}\n\nconst [useFederalTaxes, FederalTaxesProvider] =\n  createCompoundContext<FederalTaxesContextType>('FederalTaxesContext')\nexport { useFederalTaxes, FederalTaxesProvider }\n"],"names":["useFederalTaxes","FederalTaxesProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;AAMA,MAAM,CAACA,GAAiBC,CAAoB,IAC1CC,EAA+C,qBAAqB;"}
+{"version":3,"file":"useFederalTaxes.js","sources":["../../../../src/components/Employee/FederalTaxes/useFederalTaxes.ts"],"sourcesContent":["import { createCompoundContext } from '@/components/Base'\n\ntype FederalTaxesContextType = {\n  isPending: boolean\n}\n\nconst [useFederalTaxes, FederalTaxesProvider] =\n  createCompoundContext<FederalTaxesContextType>('FederalTaxesContext')\nexport { useFederalTaxes, FederalTaxesProvider }\n"],"names":["useFederalTaxes","FederalTaxesProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;AAMA,MAAM,CAACA,GAAiBC,CAAoB,IAC1CC,EAA+C,qBAAqB;"}

package/dist/components/Employee/Landing/Landing.js

@@ -7,16 +7,16 @@ import { BaseComponent as x } from "../../Base/Base.js";
 import { useBase as y } from "../../Base/useBase.js";
 import { Flex as r } from "../../Common/Flex/Flex.js";
 import "classnames";
-import { componentEvents as E } from "../../../shared/constants.js";
-import { ActionsLayout as C } from "../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as D } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { ActionsLayout as E } from "../../Common/ActionsLayout/ActionsLayout.js";
+import { useComponentContext as C } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import "react";
-import { useI18n as I, useComponentDictionary as L } from "../../../i18n/I18n.js";
+import { useI18n as D, useComponentDictionary as I } from "../../../i18n/I18n.js";
+import { componentEvents as L } from "../../../shared/constants.js";
 function M(t) {
-  return I("Employee.Landing"), L("Employee.Landing", t.dictionary), /* @__PURE__ */ e(x, { ...t, children: /* @__PURE__ */ e(S, { ...t, children: t.children }) });
+  return D("Employee.Landing"), I("Employee.Landing", t.dictionary), /* @__PURE__ */ e(x, { ...t, children: /* @__PURE__ */ e(S, { ...t, children: t.children }) });
 }
 const S = ({ employeeId: t, companyId: m, className: c }) => {
-  const { onEvent: a } = y(), o = D(), {
+  const { onEvent: a } = y(), o = C(), {
     data: { employee: l }
   } = g({ employeeId: t }), p = l.firstName, {
     data: { company: d }
@@ -36,12 +36,12 @@ const S = ({ employeeId: t, companyId: m, className: c }) => {
       )
     ] }),
     /* @__PURE__ */ i(r, { flexDirection: "column", alignItems: "center", gap: 8, children: [
-      /* @__PURE__ */ e(C, { justifyContent: "center", children: /* @__PURE__ */ e(
+      /* @__PURE__ */ e(E, { justifyContent: "center", children: /* @__PURE__ */ e(
         o.Button,
         {
           variant: "secondary",
           onClick: () => {
-            a(E.EMPLOYEE_SELF_ONBOARDING_START);
+            a(L.EMPLOYEE_SELF_ONBOARDING_START);
           },
           children: n("getStartedCta")
         }

package/dist/components/Employee/OnboardingSummary/OnboardingSummary.js

@@ -9,10 +9,10 @@ import r from "./OnboardingSummary.module.scss.js";
 import { BaseComponent as P } from "../../Base/Base.js";
 import { useBase as R } from "../../Base/useBase.js";
 import { Flex as d } from "../../Common/Flex/Flex.js";
-import { componentEvents as E, EmployeeOnboardingStatus as N } from "../../../shared/constants.js";
-import { ActionsLayout as O } from "../../Common/ActionsLayout/ActionsLayout.js";
+import { ActionsLayout as E } from "../../Common/ActionsLayout/ActionsLayout.js";
 import { useComponentContext as T } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useI18n as _, useComponentDictionary as w } from "../../../i18n/I18n.js";
+import { componentEvents as N, EmployeeOnboardingStatus as O } from "../../../shared/constants.js";
 import F from "../../../assets/icons/success_check.svg.js";
 import G from "../../../assets/icons/unchecked_circular.svg.js";
 import { useFlow as M } from "../../Flow/useFlow.js";
@@ -22,7 +22,7 @@ function j(n) {
 const k = ({ employeeId: n, className: c, isAdmin: m = !1 }) => {
   const { onEvent: a } = R(), { t } = b("Employee.OnboardingSummary"), o = T(), {
     data: { employee: x }
-  } = B({ employeeId: n }), { firstName: u, lastName: p } = x, { data: C } = L({ employeeId: n }), { onboardingStatus: h, onboardingSteps: l } = C.employeeOnboardingStatus, I = l?.length && l.findIndex((i) => i.required && !i.completed) > -1, f = h === N.ONBOARDING_COMPLETED || !I && h === N.SELF_ONBOARDING_PENDING_INVITE, D = S(() => y.sanitize(u), [u]), v = S(() => y.sanitize(p), [p]);
+  } = B({ employeeId: n }), { firstName: u, lastName: p } = x, { data: C } = L({ employeeId: n }), { onboardingStatus: h, onboardingSteps: l } = C.employeeOnboardingStatus, I = l?.length && l.findIndex((i) => i.required && !i.completed) > -1, f = h === O.ONBOARDING_COMPLETED || !I && h === O.SELF_ONBOARDING_PENDING_INVITE, D = S(() => y.sanitize(u), [u]), v = S(() => y.sanitize(p), [p]);
   return /* @__PURE__ */ e("section", { className: c, children: /* @__PURE__ */ s(d, { flexDirection: "column", gap: 32, children: [
     /* @__PURE__ */ e(d, { alignItems: "center", flexDirection: "column", gap: 8, children: m ? f ? /* @__PURE__ */ s(g, { children: [
       /* @__PURE__ */ e(o.Heading, { as: "h2", textAlign: "center", children: t("onboardedAdminSubtitle", {
@@ -47,23 +47,23 @@ const k = ({ employeeId: n, className: c, isAdmin: m = !1 }) => {
     ] }) : /* @__PURE__ */ s(g, { children: [
       /* @__PURE__ */ e(o.Heading, { as: "h2", textAlign: "center", children: t("onboardedSelfSubtitle") }),
       /* @__PURE__ */ e(o.Text, { className: r.description, children: t("onboardedSelfDescription") }),
-      /* @__PURE__ */ e(O, { justifyContent: f ? "center" : "start", children: /* @__PURE__ */ e(
+      /* @__PURE__ */ e(E, { justifyContent: f ? "center" : "start", children: /* @__PURE__ */ e(
         o.Button,
         {
           variant: "secondary",
           onClick: () => {
-            a(E.EMPLOYEE_ONBOARDING_DONE);
+            a(N.EMPLOYEE_ONBOARDING_DONE);
           },
           children: t("doneCta")
         }
       ) })
     ] }) }),
-    m && /* @__PURE__ */ e(O, { justifyContent: "center", children: /* @__PURE__ */ e(
+    m && /* @__PURE__ */ e(E, { justifyContent: "center", children: /* @__PURE__ */ e(
       o.Button,
       {
         variant: "secondary",
         onClick: () => {
-          a(E.EMPLOYEES_LIST);
+          a(N.EMPLOYEES_LIST);
         },
         children: t("doneCta")
       }

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

@@ -4,10 +4,10 @@ import { useTranslation as s } from "react-i18next";
 import { usePaymentMethod as c } from "./usePaymentMethod.js";
 import { PAYMENT_METHODS as l } from "../../../shared/constants.js";
 import "classnames";
-import { RadioGroupField as p } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
-import { TextInputField as o } from "../../Common/Fields/TextInputField/TextInputField.js";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
 import "react";
+import { TextInputField as o } from "../../Common/Fields/TextInputField/TextInputField.js";
+import { RadioGroupField as p } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
 const k = () => {
   const { mode: t, watchedType: a } = c(), { t: e } = s("Employee.PaymentMethod"), { setValue: n } = m();
   if (!(t !== "ADD" && t !== "INITIAL" || a === l.check))

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

@@ -4,9 +4,9 @@ import { z as o } from "zod";
 import { usePaymentMethod as c } from "./usePaymentMethod.js";
 import { PAYMENT_METHODS as r } from "../../../shared/constants.js";
 import "classnames";
-import { RadioGroupField as n } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
 import "react";
+import { RadioGroupField as n } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
 o.object({
   type: o.enum(["Check", "Direct Deposit"])
 });

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,9 @@ 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 B = t.union([
   l.extend({
     type: t.literal("Direct Deposit"),
     isSplit: t.literal(!1)
@@ -55,10 +53,10 @@ const S = t.union([
       remainder: t.string()
     })
   ])
-]), [k, C] = a("PaymentMethodContext");
+]), [x, S] = a("PaymentMethodContext");
 export {
-  S as CombinedSchema,
-  C as PaymentMethodProvider,
-  k as usePaymentMethod
+  B as CombinedSchema,
+  S as PaymentMethodProvider,
+  x 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.d.ts

@@ -15,14 +15,14 @@ export declare const AdminSelfOnboardingPersonalDetailsSchema: z.ZodObject<{
     lastName: string;
     selfOnboarding: boolean;
     workAddress: string;
-    middleInitial?: string | undefined;
     startDate?: string | undefined;
+    middleInitial?: string | undefined;
 }, {
     email: string;
     firstName: string;
     lastName: string;
-    selfOnboarding: boolean;
     startDate: Date;
+    selfOnboarding: boolean;
     workAddress: string;
     middleInitial?: string | undefined;
 }>;
@@ -46,16 +46,16 @@ export declare const AdminPersonalDetailsSchema: z.ZodDiscriminatedUnion<"enable
     selfOnboarding: boolean;
     workAddress: string;
     enableSsn: true;
-    middleInitial?: string | undefined;
     startDate?: string | undefined;
+    middleInitial?: string | undefined;
     dateOfBirth?: string | undefined;
 }, {
     ssn: string;
     email: string;
     firstName: string;
     lastName: string;
-    selfOnboarding: boolean;
     startDate: Date;
+    selfOnboarding: boolean;
     workAddress: string;
     enableSsn: true;
     dateOfBirth: Date;
@@ -81,15 +81,15 @@ export declare const AdminPersonalDetailsSchema: z.ZodDiscriminatedUnion<"enable
     selfOnboarding: boolean;
     workAddress: string;
     enableSsn: false;
-    middleInitial?: string | undefined;
     startDate?: string | undefined;
+    middleInitial?: string | undefined;
     dateOfBirth?: string | undefined;
 }, {
     email: string;
     firstName: string;
     lastName: string;
-    selfOnboarding: boolean;
     startDate: Date;
+    selfOnboarding: boolean;
     workAddress: string;
     enableSsn: false;
     dateOfBirth: Date;

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":";;;;;;;;;;;;AAQA,MAAMA,IAA0BC,EAAE,OAAO;AAAA,EACvC,SAASA,EAAE,SAAS,IAAI,CAAC;AAAA,EACzB,SAASA,EAAE,OAAA,EAAS,SAAA;AAAA,EACpB,MAAMA,EAAE,SAAS,IAAI,CAAC;AAAA,EACtB,OAAOA,EAAE,SAAS,IAAI,CAAC;AAAA,EACvB,KAAKA,EAAE,OAAA,EAAS,OAAO,CAAAC,MAAO,4BAA4B,KAAKA,CAAG,CAAC;AAAA,EACnE,qBAAqBD,EAAE,QAAA;AACzB,CAAC,GAEYE,IAAoBF,EAAE,MAAM;AAAA;AAAA,EAEvCD,EAAwB,OAAO;AAAA,IAC7B,gBAAgBC,EAAE,MAAM,CAACA,EAAE,QAAQ,EAAK,GAAGA,EAAE,WAAW,CAAC;AAAA,EAAA,CAC1D;AAAA;AAAA,EAEDA,EAAE,OAAO;AAAA,IACP,gBAAgBA,EAAE,QAAQ,EAAI;AAAA,EAAA,CAC/B;AACH,CAAC,GAEYG,IAA2CH,EAAE,MAAM;AAAA;AAAA,EAE9DD,EAAwB,OAAO;AAAA,IAC7B,gBAAgBC,EAAE,MAAM,CAACA,EAAE,QAAQ,EAAK,GAAGA,EAAE,WAAW,CAAC;AAAA,EAAA,CAC1D;AAAA;AAAA,EAEDD,EAAwB,OAAO;AAAA,IAC7B,gBAAgBC,EAAE,QAAQ,EAAI;AAAA,EAAA,CAC/B;AACH,CAAC,GAIYI,IAAc,MAAM;AAC/B,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,sBAAsB,GAC7CC,IAAaC,EAAA,GACb,EAAE,0BAAAC,GAA0B,SAAAC,GAAS,4BAAAC,EAAA,IAA+BC,EAAA,GAEpE,EAAE,OAAAC,EAAA,IAAUC,EAAA,GACZC,IAA6BF,EAAM,qBAAqB;AAE9D,SAAIH,KAAWD,KAA4B,CAACE,IACnC,OAIP,gBAAAK,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAA,EACC,UAAA;AAAA,MAAA,gBAAAE,EAACX,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,WAAW,GAAE;AAAA,wBAC3CE,EAAW,MAAX,EAAiB,UAAAF,EAAE,MAAM,EAAA,CAAE;AAAA,IAAA,GAC9B;AAAA,IACA,gBAAAW;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,qBAAqB;AAAA,UACnB,MAAM;AAAA,UACN,OAAO,CAAC,OAAO,KAAK;AAAA,QAAA;AAAA,QAEtB,KAAK;AAAA,QAEL,UAAA;AAAA,UAAA,gBAAAD;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,OAAOf,EAAE,SAAS;AAAA,cAClB,YAAU;AAAA,cACV,cAAcA,EAAE,qBAAqB;AAAA,YAAA;AAAA,UAAA;AAAA,4BAEtCe,GAAA,EAAe,MAAK,WAAU,OAAOf,EAAE,SAAS,GAAG;AAAA,UACpD,gBAAAa;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,YAAU;AAAA,cACV,OAAOf,EAAE,MAAM;AAAA,cACf,cAAcA,EAAE,kBAAkB;AAAA,YAAA;AAAA,UAAA;AAAA,UAEpC,gBAAAa;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,SAASC,EAAY,IAAI,CAACC,OAA6C;AAAA,gBACrE,OAAOlB,EAAE,cAAckB,CAAS,IAAI,EAAE,IAAI,UAAU;AAAA,gBACpD,OAAOA;AAAA,cAAA,EACP;AAAA,cACF,OAAOlB,EAAE,OAAO;AAAA,cAChB,aAAaA,EAAE,kBAAkB;AAAA,cACjC,cAAcA,EAAE,mBAAmB;AAAA,cACnC,YAAU;AAAA,YAAA;AAAA,UAAA;AAAA,UAEZ,gBAAAa;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,YAAU;AAAA,cACV,OAAOf,EAAE,KAAK;AAAA,cACd,cAAcA,EAAE,iBAAiB;AAAA,YAAA;AAAA,UAAA;AAAA,QACnC;AAAA,MAAA;AAAA,IAAA;AAAA,IAEF,gBAAAa;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOnB,EAAE,0BAA0B;AAAA,QACnC,aACE,gBAAAW,EAAAC,GAAA,EACG,UAAA;AAAA,UAAAZ,EAAE,gCAAgC;AAAA,UACnC,gBAAAa;AAAA,YAACO;AAAA,YAAA;AAAA,cACC,GAAApB;AAAA,cACA,SAAQ;AAAA,cACR,YAAY;AAAA,gBACV,eAAe,gBAAAa,EAACX,EAAW,MAAX,CAAA,CAAgB;AAAA,cAAA;AAAA,YAClC;AAAA,UAAA;AAAA,QACF,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,IAGHQ,KACC,gBAAAG,EAACX,EAAW,OAAX,EAAiB,OAAOF,EAAE,kBAAkB,GAAG,QAAO,WACrD,UAAA,gBAAAa,EAACO,GAAA,EAAM,GAAApB,GAAM,SAAQ,mBAAkB,EAAA,CACzC;AAAA,EAAA,GAEJ;AAEJ;"}
+{"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.d.ts

@@ -75,16 +75,16 @@ declare const PersonalDetailsTotalSchema: z.ZodObject<{
     selfOnboarding: boolean;
     workAddress: string;
     enableSsn: boolean;
-    middleInitial?: string | undefined;
     startDate?: string | undefined;
+    middleInitial?: string | undefined;
     dateOfBirth?: string | undefined;
 }, {
     ssn: string;
     email: string;
     firstName: string;
     lastName: string;
-    selfOnboarding: boolean;
     startDate: Date;
+    selfOnboarding: boolean;
     workAddress: string;
     enableSsn: boolean;
     dateOfBirth: Date;