@gusto/embedded-react-sdk 0.33.0 → 0.35.0-rc.1

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

@@ -1,90 +1,98 @@
-import { jsx as o, jsxs as P, Fragment as b } from "react/jsx-runtime";
-import { zodResolver as g } from "@hookform/resolvers/zod";
-import { useForm as N, FormProvider as R } from "react-hook-form";
-import { useEffect as C } from "react";
-import { useEmployeeTaxSetupGetStateTaxesSuspense as L } from "@gusto/embedded-api/react-query/employeeTaxSetupGetStateTaxes";
-import { useEmployeeTaxSetupUpdateStateTaxesMutation as M } from "@gusto/embedded-api/react-query/employeeTaxSetupUpdateStateTaxes";
-import { StateFormSchema as O, StateForm as I } from "./StateForm.js";
-import { Actions as V } from "./Actions.js";
+import { jsx as r, jsxs as U, Fragment as P } from "react/jsx-runtime";
+import { zodResolver as b } from "@hookform/resolvers/zod";
+import { useForm as C, FormProvider as L } from "react-hook-form";
+import { useEffect as R } from "react";
+import { useEmployeeTaxSetupGetStateTaxesSuspense as M } from "@gusto/embedded-api/react-query/employeeTaxSetupGetStateTaxes";
+import { useEmployeeTaxSetupUpdateStateTaxesMutation as O } from "@gusto/embedded-api/react-query/employeeTaxSetupUpdateStateTaxes";
+import { StateFormSchema as V, StateForm as I } from "./StateForm.js";
+import { Actions as z } from "./Actions.js";
 import { StateTaxesProvider as X } from "./useStateTaxes.js";
-import { BaseComponent as z } from "../../Base/Base.js";
-import { useBase as B } from "../../Base/useBase.js";
-import { useI18n as H, useComponentDictionary as K } from "../../../i18n/I18n.js";
+import { BaseComponent as B } from "../../Base/Base.js";
+import { useBase as H } from "../../Base/useBase.js";
+import { useI18n as K, useComponentDictionary as Q } from "../../../i18n/I18n.js";
 import { componentEvents as x } from "../../../shared/constants.js";
 import { Form as Y } from "../../Common/Form/Form.js";
-import { snakeCaseToCamelCase as v, normalizeErrorKeyForForm as j } from "../../../helpers/formattedStrings.js";
-const q = "2010-01-01";
-function pe(i) {
-  return /* @__PURE__ */ o(z, { ...i, children: /* @__PURE__ */ o(G, { ...i }) });
+import { snakeCaseToCamelCase as F, normalizeErrorKeyForForm as j } from "../../../helpers/formattedStrings.js";
+const G = "2010-01-01";
+function fe(u) {
+  return /* @__PURE__ */ r(B, { ...u, children: /* @__PURE__ */ r(q, { ...u }) });
 }
-const G = (i) => {
-  const { employeeId: c, className: h, children: d, isAdmin: y = !1, dictionary: F } = i, { onEvent: E, fieldErrors: l, baseSubmitHandler: A } = B();
-  H("Employee.StateTaxes"), K("Employee.StateTaxes", F);
-  const { data: _ } = L({
+const q = (u) => {
+  const { employeeId: c, className: h, children: y, isAdmin: S = !1, dictionary: A } = u, { onEvent: T, fieldErrors: p, baseSubmitHandler: w } = H();
+  K("Employee.StateTaxes"), Q("Employee.StateTaxes", A);
+  const { data: D } = M({
     employeeUuid: c
-  }), p = _.employeeStateTaxesList, { mutateAsync: k, isPending: w } = M(), U = {
-    states: p.reduce((t, s) => (s.state && (t[s.state] = s.questions?.reduce((e, n) => {
-      const m = n.answers[0]?.value, r = v(n.key);
-      return r === "fileNewHireReport" ? e[r] = typeof m > "u" ? !0 : m : e[r] = m, e;
-    }, {})), t), {})
-  }, S = N({
-    resolver: g(O),
-    defaultValues: U
-  }), { handleSubmit: D, setError: T } = S;
-  return C(() => {
-    l && l.length > 0 && l.forEach((t) => {
-      const s = j(t.errorKey), e = typeof t.message == "string" ? t.message : "Unknown error";
-      T(s, { type: "custom", message: e });
+  }), d = D.employeeStateTaxesList, { mutateAsync: _, isPending: g } = O(), k = {
+    states: d.reduce((o, a) => (a.state && (o[a.state] = a.questions?.reduce((e, m) => {
+      const n = m.answers[0]?.value, s = F(m.key), l = m.inputQuestionFormat.type.toLowerCase() === "date";
+      if (s === "fileNewHireReport")
+        e[s] = typeof n > "u" ? !0 : n;
+      else if (l && typeof n == "string") {
+        const t = n.trim();
+        e[s] = t === "" ? void 0 : new Date(t);
+      } else
+        e[s] = n;
+      return e;
+    }, {})), o), {})
+  }, E = C({
+    resolver: b(V),
+    defaultValues: k
+  }), { handleSubmit: N, setError: v } = E;
+  return R(() => {
+    p && p.length > 0 && p.forEach((o) => {
+      const a = j(o.errorKey), e = typeof o.message == "string" ? o.message : "Unknown error";
+      v(a, { type: "custom", message: e });
     });
-  }, [l, T]), /* @__PURE__ */ o("section", { className: h, children: /* @__PURE__ */ o(
+  }, [p, v]), /* @__PURE__ */ r("section", { className: h, children: /* @__PURE__ */ r(
     X,
     {
       value: {
-        employeeStateTaxes: p,
-        isAdmin: y,
-        isPending: w
+        employeeStateTaxes: d,
+        isAdmin: S,
+        isPending: g
       },
-      children: /* @__PURE__ */ o(R, { ...S, children: /* @__PURE__ */ o(Y, { onSubmit: D(async (t) => {
-        await A(t, async (s) => {
-          const { states: e } = s;
+      children: /* @__PURE__ */ r(L, { ...E, children: /* @__PURE__ */ r(Y, { onSubmit: N(async (o) => {
+        await w(o, async (a) => {
+          const { states: e } = a;
           if (e && Object.keys(e).length > 0) {
-            const n = [];
-            for (const r of p) {
-              const f = r.state;
-              f && r.questions !== void 0 && n.push({
-                state: f,
-                questions: r.questions.map((a) => {
-                  if (a.isQuestionForAdminOnly && !y)
+            const m = [];
+            for (const s of d) {
+              const l = s.state;
+              l && s.questions !== void 0 && m.push({
+                state: l,
+                questions: s.questions.map((t) => {
+                  if (t.isQuestionForAdminOnly && !S)
                     return null;
-                  const u = e[f]?.[v(a.key)];
-                  return {
-                    key: a.key,
+                  const i = e[l]?.[F(t.key)];
+                  let f;
+                  return i == null || typeof i == "number" && isNaN(i) ? f = "" : i instanceof Date ? f = isNaN(i.getTime()) ? "" : i.toISOString().split("T")[0] ?? "" : f = i, {
+                    key: t.key,
                     answers: [
                       {
-                        validFrom: a.answers[0]?.validFrom ?? q,
-                        validUpTo: a.answers[0]?.validUpTo ?? null,
-                        value: u == null || typeof u == "number" && isNaN(u) ? "" : u
+                        validFrom: t.answers[0]?.validFrom ?? G,
+                        validUpTo: t.answers[0]?.validUpTo ?? null,
+                        value: f
                       }
                     ]
                   };
-                }).filter((a) => a !== null)
+                }).filter((t) => t !== null)
               });
             }
-            const m = await k({
-              request: { employeeUuid: c, employeeStateTaxesRequest: { states: n } }
+            const n = await _({
+              request: { employeeUuid: c, employeeStateTaxesRequest: { states: m } }
             });
-            E(x.EMPLOYEE_STATE_TAXES_UPDATED, m);
+            T(x.EMPLOYEE_STATE_TAXES_UPDATED, n);
           }
-          E(x.EMPLOYEE_STATE_TAXES_DONE);
+          T(x.EMPLOYEE_STATE_TAXES_DONE);
         });
-      }), children: d || /* @__PURE__ */ P(b, { children: [
-        /* @__PURE__ */ o(I, {}),
-        /* @__PURE__ */ o(V, {})
+      }), children: y || /* @__PURE__ */ U(P, { children: [
+        /* @__PURE__ */ r(I, {}),
+        /* @__PURE__ */ r(z, {})
       ] }) }) })
     }
   ) });
 };
 export {
-  pe as StateTaxes
+  fe as StateTaxes
 };
 //# sourceMappingURL=StateTaxes.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"StateTaxes.js","sources":["../../../../src/components/Employee/StateTaxes/StateTaxes.tsx"],"sourcesContent":["import { zodResolver } from '@hookform/resolvers/zod'\nimport { FormProvider, useForm, type SubmitHandler } from 'react-hook-form'\nimport { useEffect } from 'react'\nimport { useEmployeeTaxSetupGetStateTaxesSuspense } from '@gusto/embedded-api/react-query/employeeTaxSetupGetStateTaxes'\nimport { useEmployeeTaxSetupUpdateStateTaxesMutation } from '@gusto/embedded-api/react-query/employeeTaxSetupUpdateStateTaxes'\nimport { StateForm } from './StateForm'\nimport { StateFormSchema, type StateFormPayload } from './StateForm'\nimport { Actions } from './Actions'\nimport { StateTaxesProvider } from './useStateTaxes'\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'\nimport { snakeCaseToCamelCase, normalizeErrorKeyForForm } from '@/helpers/formattedStrings'\n\nconst DEFAULT_TAX_VALID_FROM = '2010-01-01'\n\ninterface StateTaxesProps extends CommonComponentInterface<'Employee.StateTaxes'> {\n  employeeId: string\n  isAdmin?: boolean\n}\n\nexport function StateTaxes(props: StateTaxesProps & BaseComponentInterface) {\n  return (\n    <BaseComponent<'Employee.StateTaxes'> {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nconst Root = (props: StateTaxesProps) => {\n  const { employeeId, className, children, isAdmin = false, dictionary } = props\n  const { onEvent, fieldErrors, baseSubmitHandler } = useBase()\n  useI18n('Employee.StateTaxes')\n  useComponentDictionary('Employee.StateTaxes', dictionary)\n\n  const { data: stateData } = useEmployeeTaxSetupGetStateTaxesSuspense({\n    employeeUuid: employeeId,\n  })\n  const employeeStateTaxes = stateData.employeeStateTaxesList!\n  const { mutateAsync: updateStateTaxes, isPending } = useEmployeeTaxSetupUpdateStateTaxesMutation()\n\n  const defaultValues = {\n    states: employeeStateTaxes.reduce((acc: Record<string, unknown>, state) => {\n      if (state.state) {\n        acc[state.state] = state.questions?.reduce((acc: Record<string, unknown>, question) => {\n          const value = question.answers[0]?.value\n          const key = snakeCaseToCamelCase(question.key)\n          // Default new hire report to true if not specified\n          if (key === 'fileNewHireReport') {\n            acc[key] = typeof value === 'undefined' ? true : value\n          } else {\n            acc[key] = value\n          }\n          return acc\n        }, {})\n      }\n      return acc\n    }, {}),\n  }\n\n  const formMethods = useForm<Record<string, unknown>, unknown, StateFormPayload>({\n    resolver: zodResolver(StateFormSchema),\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 = normalizeErrorKeyForForm(msgObject.errorKey)\n        const message = typeof msgObject.message === 'string' ? msgObject.message : 'Unknown error'\n        _setError(key, { type: 'custom', message })\n      })\n    }\n  }, [fieldErrors, _setError])\n\n  const onSubmit: SubmitHandler<StateFormPayload> = async data => {\n    await baseSubmitHandler(data, async payload => {\n      const { states: statesPayload } = payload\n\n      if (statesPayload && Object.keys(statesPayload).length > 0) {\n        const states = []\n\n        for (const state of employeeStateTaxes) {\n          const stateName = state.state\n\n          if (stateName && state.questions !== undefined) {\n            states.push({\n              state: stateName,\n              questions: state.questions\n                .map(question => {\n                  if (question.isQuestionForAdminOnly && !isAdmin) {\n                    return null\n                  }\n                  const formValue = statesPayload[stateName]?.[snakeCaseToCamelCase(question.key)]\n                  return {\n                    key: question.key,\n                    answers: [\n                      {\n                        validFrom: question.answers[0]?.validFrom ?? DEFAULT_TAX_VALID_FROM,\n                        validUpTo: question.answers[0]?.validUpTo ?? null,\n                        value:\n                          formValue == null || (typeof formValue === 'number' && isNaN(formValue))\n                            ? ''\n                            : (formValue as string | number | boolean),\n                      },\n                    ],\n                  }\n                })\n                .filter(q => q !== null),\n            })\n          }\n        }\n\n        const stateTaxesResponse = await updateStateTaxes({\n          request: { employeeUuid: employeeId, employeeStateTaxesRequest: { states } },\n        })\n        onEvent(componentEvents.EMPLOYEE_STATE_TAXES_UPDATED, stateTaxesResponse)\n      }\n\n      onEvent(componentEvents.EMPLOYEE_STATE_TAXES_DONE)\n    })\n  }\n\n  return (\n    <section className={className}>\n      <StateTaxesProvider\n        value={{\n          employeeStateTaxes,\n          isAdmin: isAdmin,\n          isPending,\n        }}\n      >\n        <FormProvider {...formMethods}>\n          <Form onSubmit={handleSubmit(onSubmit)}>\n            {children ? (\n              children\n            ) : (\n              <>\n                <StateForm />\n                <Actions />\n              </>\n            )}\n          </Form>\n        </FormProvider>\n      </StateTaxesProvider>\n    </section>\n  )\n}\n"],"names":["DEFAULT_TAX_VALID_FROM","StateTaxes","props","jsx","BaseComponent","Root","employeeId","className","children","isAdmin","dictionary","onEvent","fieldErrors","baseSubmitHandler","useBase","useI18n","useComponentDictionary","stateData","useEmployeeTaxSetupGetStateTaxesSuspense","employeeStateTaxes","updateStateTaxes","isPending","useEmployeeTaxSetupUpdateStateTaxesMutation","defaultValues","acc","state","question","value","key","snakeCaseToCamelCase","formMethods","useForm","zodResolver","StateFormSchema","handleSubmit","_setError","useEffect","msgObject","normalizeErrorKeyForForm","message","StateTaxesProvider","FormProvider","Form","data","payload","statesPayload","states","stateName","formValue","q","stateTaxesResponse","componentEvents","jsxs","Fragment","StateForm","Actions"],"mappings":";;;;;;;;;;;;;;;AAqBA,MAAMA,IAAyB;AAOxB,SAASC,GAAWC,GAAiD;AAC1E,SACE,gBAAAC,EAACC,KAAsC,GAAGF,GACxC,4BAACG,GAAA,EAAM,GAAGH,GAAO,EAAA,CACnB;AAEJ;AAEA,MAAMG,IAAO,CAACH,MAA2B;AACvC,QAAM,EAAE,YAAAI,GAAY,WAAAC,GAAW,UAAAC,GAAU,SAAAC,IAAU,IAAO,YAAAC,MAAeR,GACnE,EAAE,SAAAS,GAAS,aAAAC,GAAa,mBAAAC,EAAA,IAAsBC,EAAA;AACpD,EAAAC,EAAQ,qBAAqB,GAC7BC,EAAuB,uBAAuBN,CAAU;AAExD,QAAM,EAAE,MAAMO,EAAA,IAAcC,EAAyC;AAAA,IACnE,cAAcZ;AAAA,EAAA,CACf,GACKa,IAAqBF,EAAU,wBAC/B,EAAE,aAAaG,GAAkB,WAAAC,EAAA,IAAcC,EAAA,GAE/CC,IAAgB;AAAA,IACpB,QAAQJ,EAAmB,OAAO,CAACK,GAA8BC,OAC3DA,EAAM,UACRD,EAAIC,EAAM,KAAK,IAAIA,EAAM,WAAW,OAAO,CAACD,GAA8BE,MAAa;AACrF,YAAMC,IAAQD,EAAS,QAAQ,CAAC,GAAG,OAC7BE,IAAMC,EAAqBH,EAAS,GAAG;AAE7C,aAAIE,MAAQ,sBACVJ,EAAII,CAAG,IAAI,OAAOD,IAAU,MAAc,KAAOA,IAEjDH,EAAII,CAAG,IAAID,GAENH;AAAAA,IACT,GAAG,CAAA,CAAE,IAEAA,IACN,CAAA,CAAE;AAAA,EAAA,GAGDM,IAAcC,EAA4D;AAAA,IAC9E,UAAUC,EAAYC,CAAe;AAAA,IACrC,eAAAV;AAAA,EAAA,CACD,GACK,EAAE,cAAAW,GAAc,UAAUC,EAAA,IAAcL;AAE9C,SAAAM,EAAU,MAAM;AACd,IAAIxB,KAAeA,EAAY,SAAS,KACtCA,EAAY,QAAQ,CAAAyB,MAAa;AAC/B,YAAMT,IAAMU,EAAyBD,EAAU,QAAQ,GACjDE,IAAU,OAAOF,EAAU,WAAY,WAAWA,EAAU,UAAU;AAC5E,MAAAF,EAAUP,GAAK,EAAE,MAAM,UAAU,SAAAW,GAAS;AAAA,IAC5C,CAAC;AAAA,EAEL,GAAG,CAAC3B,GAAauB,CAAS,CAAC,GAmDzB,gBAAAhC,EAAC,aAAQ,WAAAI,GACP,UAAA,gBAAAJ;AAAA,IAACqC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,oBAAArB;AAAA,QACA,SAAAV;AAAA,QACA,WAAAY;AAAA,MAAA;AAAA,MAGF,UAAA,gBAAAlB,EAACsC,GAAA,EAAc,GAAGX,GAChB,UAAA,gBAAA3B,EAACuC,GAAA,EAAK,UAAUR,EA1D0B,OAAMS,MAAQ;AAC9D,cAAM9B,EAAkB8B,GAAM,OAAMC,MAAW;AAC7C,gBAAM,EAAE,QAAQC,EAAA,IAAkBD;AAElC,cAAIC,KAAiB,OAAO,KAAKA,CAAa,EAAE,SAAS,GAAG;AAC1D,kBAAMC,IAAS,CAAA;AAEf,uBAAWrB,KAASN,GAAoB;AACtC,oBAAM4B,IAAYtB,EAAM;AAExB,cAAIsB,KAAatB,EAAM,cAAc,UACnCqB,EAAO,KAAK;AAAA,gBACV,OAAOC;AAAA,gBACP,WAAWtB,EAAM,UACd,IAAI,CAAAC,MAAY;AACf,sBAAIA,EAAS,0BAA0B,CAACjB;AACtC,2BAAO;AAET,wBAAMuC,IAAYH,EAAcE,CAAS,IAAIlB,EAAqBH,EAAS,GAAG,CAAC;AAC/E,yBAAO;AAAA,oBACL,KAAKA,EAAS;AAAA,oBACd,SAAS;AAAA,sBACP;AAAA,wBACE,WAAWA,EAAS,QAAQ,CAAC,GAAG,aAAa1B;AAAA,wBAC7C,WAAW0B,EAAS,QAAQ,CAAC,GAAG,aAAa;AAAA,wBAC7C,OACEsB,KAAa,QAAS,OAAOA,KAAc,YAAY,MAAMA,CAAS,IAClE,KACCA;AAAA,sBAAA;AAAA,oBACT;AAAA,kBACF;AAAA,gBAEJ,CAAC,EACA,OAAO,CAAAC,MAAKA,MAAM,IAAI;AAAA,cAAA,CAC1B;AAAA,YAEL;AAEA,kBAAMC,IAAqB,MAAM9B,EAAiB;AAAA,cAChD,SAAS,EAAE,cAAcd,GAAY,2BAA2B,EAAE,QAAAwC,IAAO;AAAA,YAAE,CAC5E;AACD,YAAAnC,EAAQwC,EAAgB,8BAA8BD,CAAkB;AAAA,UAC1E;AAEA,UAAAvC,EAAQwC,EAAgB,yBAAyB;AAAA,QACnD,CAAC;AAAA,MACH,CAY6C,GAClC,UAAA3C,KAGC,gBAAA4C,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAlD,EAACmD,GAAA,EAAU;AAAA,0BACVC,GAAA,CAAA,CAAQ;AAAA,MAAA,EAAA,CACX,GAEJ,EAAA,CACF;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"StateTaxes.js","sources":["../../../../src/components/Employee/StateTaxes/StateTaxes.tsx"],"sourcesContent":["import { zodResolver } from '@hookform/resolvers/zod'\nimport { FormProvider, useForm, type SubmitHandler } from 'react-hook-form'\nimport { useEffect } from 'react'\nimport { useEmployeeTaxSetupGetStateTaxesSuspense } from '@gusto/embedded-api/react-query/employeeTaxSetupGetStateTaxes'\nimport { useEmployeeTaxSetupUpdateStateTaxesMutation } from '@gusto/embedded-api/react-query/employeeTaxSetupUpdateStateTaxes'\nimport { StateForm } from './StateForm'\nimport { StateFormSchema, type StateFormPayload } from './StateForm'\nimport { Actions } from './Actions'\nimport { StateTaxesProvider } from './useStateTaxes'\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'\nimport { snakeCaseToCamelCase, normalizeErrorKeyForForm } from '@/helpers/formattedStrings'\n\nconst DEFAULT_TAX_VALID_FROM = '2010-01-01'\n\ninterface StateTaxesProps extends CommonComponentInterface<'Employee.StateTaxes'> {\n  employeeId: string\n  isAdmin?: boolean\n}\n\nexport function StateTaxes(props: StateTaxesProps & BaseComponentInterface) {\n  return (\n    <BaseComponent<'Employee.StateTaxes'> {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nconst Root = (props: StateTaxesProps) => {\n  const { employeeId, className, children, isAdmin = false, dictionary } = props\n  const { onEvent, fieldErrors, baseSubmitHandler } = useBase()\n  useI18n('Employee.StateTaxes')\n  useComponentDictionary('Employee.StateTaxes', dictionary)\n\n  const { data: stateData } = useEmployeeTaxSetupGetStateTaxesSuspense({\n    employeeUuid: employeeId,\n  })\n  const employeeStateTaxes = stateData.employeeStateTaxesList!\n  const { mutateAsync: updateStateTaxes, isPending } = useEmployeeTaxSetupUpdateStateTaxesMutation()\n\n  const defaultValues = {\n    states: employeeStateTaxes.reduce((acc: Record<string, unknown>, state) => {\n      if (state.state) {\n        acc[state.state] = state.questions?.reduce((acc: Record<string, unknown>, question) => {\n          const value = question.answers[0]?.value\n          const key = snakeCaseToCamelCase(question.key)\n          const isDateField = question.inputQuestionFormat.type.toLowerCase() === 'date'\n\n          if (key === 'fileNewHireReport') {\n            acc[key] = typeof value === 'undefined' ? true : value\n          } else if (isDateField && typeof value === 'string') {\n            const trimmedValue = value.trim()\n            acc[key] = trimmedValue === '' ? undefined : new Date(trimmedValue)\n          } else {\n            acc[key] = value\n          }\n          return acc\n        }, {})\n      }\n      return acc\n    }, {}),\n  }\n\n  const formMethods = useForm<Record<string, unknown>, unknown, StateFormPayload>({\n    resolver: zodResolver(StateFormSchema),\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 = normalizeErrorKeyForForm(msgObject.errorKey)\n        const message = typeof msgObject.message === 'string' ? msgObject.message : 'Unknown error'\n        _setError(key, { type: 'custom', message })\n      })\n    }\n  }, [fieldErrors, _setError])\n\n  const onSubmit: SubmitHandler<StateFormPayload> = async data => {\n    await baseSubmitHandler(data, async payload => {\n      const { states: statesPayload } = payload\n\n      if (statesPayload && Object.keys(statesPayload).length > 0) {\n        const states = []\n\n        for (const state of employeeStateTaxes) {\n          const stateName = state.state\n\n          if (stateName && state.questions !== undefined) {\n            states.push({\n              state: stateName,\n              questions: state.questions\n                .map(question => {\n                  if (question.isQuestionForAdminOnly && !isAdmin) {\n                    return null\n                  }\n                  const formValue = statesPayload[stateName]?.[snakeCaseToCamelCase(question.key)]\n\n                  let serializedValue: string | number | boolean\n                  if (formValue == null || (typeof formValue === 'number' && isNaN(formValue))) {\n                    serializedValue = ''\n                  } else if (formValue instanceof Date) {\n                    serializedValue = isNaN(formValue.getTime())\n                      ? ''\n                      : (formValue.toISOString().split('T')[0] ?? '')\n                  } else {\n                    serializedValue = formValue as string | number | boolean\n                  }\n\n                  return {\n                    key: question.key,\n                    answers: [\n                      {\n                        validFrom: question.answers[0]?.validFrom ?? DEFAULT_TAX_VALID_FROM,\n                        validUpTo: question.answers[0]?.validUpTo ?? null,\n                        value: serializedValue,\n                      },\n                    ],\n                  }\n                })\n                .filter(q => q !== null),\n            })\n          }\n        }\n\n        const stateTaxesResponse = await updateStateTaxes({\n          request: { employeeUuid: employeeId, employeeStateTaxesRequest: { states } },\n        })\n        onEvent(componentEvents.EMPLOYEE_STATE_TAXES_UPDATED, stateTaxesResponse)\n      }\n\n      onEvent(componentEvents.EMPLOYEE_STATE_TAXES_DONE)\n    })\n  }\n\n  return (\n    <section className={className}>\n      <StateTaxesProvider\n        value={{\n          employeeStateTaxes,\n          isAdmin: isAdmin,\n          isPending,\n        }}\n      >\n        <FormProvider {...formMethods}>\n          <Form onSubmit={handleSubmit(onSubmit)}>\n            {children ? (\n              children\n            ) : (\n              <>\n                <StateForm />\n                <Actions />\n              </>\n            )}\n          </Form>\n        </FormProvider>\n      </StateTaxesProvider>\n    </section>\n  )\n}\n"],"names":["DEFAULT_TAX_VALID_FROM","StateTaxes","props","jsx","BaseComponent","Root","employeeId","className","children","isAdmin","dictionary","onEvent","fieldErrors","baseSubmitHandler","useBase","useI18n","useComponentDictionary","stateData","useEmployeeTaxSetupGetStateTaxesSuspense","employeeStateTaxes","updateStateTaxes","isPending","useEmployeeTaxSetupUpdateStateTaxesMutation","defaultValues","acc","state","question","value","key","snakeCaseToCamelCase","isDateField","trimmedValue","formMethods","useForm","zodResolver","StateFormSchema","handleSubmit","_setError","useEffect","msgObject","normalizeErrorKeyForForm","message","StateTaxesProvider","FormProvider","Form","data","payload","statesPayload","states","stateName","formValue","serializedValue","q","stateTaxesResponse","componentEvents","jsxs","Fragment","StateForm","Actions"],"mappings":"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"}

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

@@ -9,8 +9,8 @@ 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 [d, u] = t("StateTaxesContext");
 export {

package/dist/components/Employee/Taxes/FederalForm.d.ts

@@ -1,44 +1,18 @@
 import { z } from 'zod';
-export declare const FederalFormSchema: z.ZodDiscriminatedUnion<"w4DataType", [z.ZodObject<{
+export declare const FederalFormSchema: z.ZodDiscriminatedUnion<[z.ZodObject<{
     w4DataType: z.ZodLiteral<"rev_2020_w4">;
     filingStatus: z.ZodString;
     twoJobs: z.ZodString;
-    dependentsAmount: z.ZodEffects<z.ZodNumber, string, number>;
-    otherIncome: z.ZodEffects<z.ZodNumber, string, number>;
-    deductions: z.ZodEffects<z.ZodNumber, string, number>;
-    extraWithholding: z.ZodEffects<z.ZodNumber, string, number>;
-}, "strip", z.ZodTypeAny, {
-    deductions: string;
-    extraWithholding: string;
-    filingStatus: string;
-    otherIncome: string;
-    w4DataType: "rev_2020_w4";
-    twoJobs: string;
-    dependentsAmount: string;
-}, {
-    deductions: number;
-    extraWithholding: number;
-    filingStatus: string;
-    otherIncome: number;
-    w4DataType: "rev_2020_w4";
-    twoJobs: string;
-    dependentsAmount: number;
-}>, z.ZodObject<{
+    dependentsAmount: z.ZodPipe<z.ZodNumber, z.ZodTransform<string, number>>;
+    otherIncome: z.ZodPipe<z.ZodNumber, z.ZodTransform<string, number>>;
+    deductions: z.ZodPipe<z.ZodNumber, z.ZodTransform<string, number>>;
+    extraWithholding: z.ZodPipe<z.ZodNumber, z.ZodTransform<string, number>>;
+}, z.core.$strip>, z.ZodObject<{
     w4DataType: z.ZodLiteral<"pre_2020_w4">;
     filingStatus: z.ZodString;
     federalWithholdingAllowance: z.ZodNumber;
     additionalWithholding: z.ZodString;
-}, "strip", z.ZodTypeAny, {
-    additionalWithholding: string;
-    federalWithholdingAllowance: number;
-    filingStatus: string;
-    w4DataType: "pre_2020_w4";
-}, {
-    additionalWithholding: string;
-    federalWithholdingAllowance: number;
-    filingStatus: string;
-    w4DataType: "pre_2020_w4";
-}>]>;
+}, z.core.$strip>], "w4DataType">;
 export type FederalFormInputs = z.input<typeof FederalFormSchema>;
 export type FederalFormPayload = z.output<typeof FederalFormSchema>;
 export declare function FederalForm(): import("react/jsx-runtime").JSX.Element;

package/dist/components/Employee/Taxes/StateForm.d.ts

@@ -1,10 +1,6 @@
 import { z } from 'zod';
 export declare const StateFormSchema: z.ZodObject<{
     states: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodRecord<z.ZodString, z.ZodUnknown>>>;
-}, "strip", z.ZodTypeAny, {
-    states?: Record<string, Record<string, unknown>> | undefined;
-}, {
-    states?: Record<string, Record<string, unknown>> | undefined;
-}>;
+}, z.core.$strip>;
 export type StateFormPayload = z.output<typeof StateFormSchema>;
 export declare const StateForm: () => (import("react/jsx-runtime").JSX.Element | null)[];

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

@@ -9,8 +9,8 @@ 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, f] = o("TaxesContext");
 export {

package/dist/components/Flow/Flow.js

@@ -4,10 +4,11 @@ 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 k = ({
+const q = ({
   onEvent: x,
   machine: f
 }) => {
@@ -59,6 +60,6 @@ const k = ({
   ) });
 };
 export {
-  k as Flow
+  q 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

@@ -14,12 +14,12 @@ import { BaseComponent as $ } from "../../Base/Base.js";
 import { useBase as J } from "../../Base/useBase.js";
 import { Flex as y } from "../../Common/Flex/Flex.js";
 import "classnames";
-import { useComponentContext as _ } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { informationRequestEvents as _ } from "../../../shared/constants.js";
+import { useComponentContext as A } 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 A } from "../../../i18n/I18n.js";
-import { informationRequestEvents as C } from "../../../shared/constants.js";
+import { useComponentDictionary as ee, useI18n as C } from "../../../i18n/I18n.js";
 import { useFlow as ne } from "../../Flow/useFlow.js";
 import { TextInputField as te } from "../../Common/Fields/TextInputField/TextInputField.js";
 const M = "gusto-sdk-information-request-form", oe = ["image/jpeg", "image/png", "application/pdf"], se = {
@@ -47,8 +47,8 @@ function ce(o) {
   return o.some((s) => s.responseType === u.Persona);
 }
 function me({ companyId: o, requestId: s, dictionary: i }) {
-  ee("InformationRequests.InformationRequestForm", i), A("InformationRequests.InformationRequestForm");
-  const { t: n } = D("InformationRequests.InformationRequestForm"), { Alert: T, Heading: q, Text: c } = _(), { onEvent: I, baseSubmitHandler: g } = J(), { data: x } = P({
+  ee("InformationRequests.InformationRequestForm", i), C("InformationRequests.InformationRequestForm");
+  const { t: n } = D("InformationRequests.InformationRequestForm"), { Alert: T, Heading: q, Text: c } = A(), { onEvent: I, baseSubmitHandler: g } = J(), { data: x } = P({
     companyUuid: o
   }), l = x.informationRequestList?.find((t) => t.uuid === s), a = l?.requiredQuestions ?? [], F = l?.blockingPayroll ?? !1, w = O(a), E = ce(a), { mutateAsync: L } = V(), v = {}, U = [];
   a.forEach((t) => {
@@ -87,7 +87,7 @@ function me({ companyId: o, requestId: s, dictionary: i }) {
           }
         }
       });
-      I(C.INFORMATION_REQUEST_FORM_DONE, b.informationRequest);
+      I(_.INFORMATION_REQUEST_FORM_DONE, b.informationRequest);
     });
   }, k = (t) => {
     if (!t.questionUuid || !t.responseType) return null;
@@ -143,15 +143,15 @@ function me({ companyId: o, requestId: s, dictionary: i }) {
   ] }) });
 }
 const le = ({ onEvent: o }) => {
-  A("InformationRequests.InformationRequestForm");
-  const { t: s } = D("InformationRequests.InformationRequestForm"), { Button: i } = _(), { companyId: n, selectedRequestId: T } = ne(), { data: q } = P({
+  C("InformationRequests.InformationRequestForm");
+  const { t: s } = D("InformationRequests.InformationRequestForm"), { Button: i } = A(), { companyId: n, selectedRequestId: T } = ne(), { data: q } = P({
     companyUuid: n
   }), I = q.informationRequestList?.find(
     (F) => F.uuid === T
   )?.requiredQuestions ?? [], g = O(I), l = K({
     mutationKey: Y()
   }) > 0, a = () => {
-    o(C.INFORMATION_REQUEST_FORM_CANCEL);
+    o(_.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") }),

package/dist/components/InformationRequests/InformationRequestList/InformationRequestList.js

@@ -10,9 +10,9 @@ import { DataView as D } from "../../Common/DataView/DataView.js";
 import { useDataView as k } from "../../Common/DataView/useDataView.js";
 import { FlexItem as E, Flex as u } from "../../Common/Flex/Flex.js";
 import "classnames";
-import { EmptyData as v } from "../../Common/EmptyData/EmptyData.js";
+import { informationRequestEvents as v } from "../../../shared/constants.js";
+import { EmptyData as B } from "../../Common/EmptyData/EmptyData.js";
 import "react";
-import { informationRequestEvents as B } from "../../../shared/constants.js";
 function W(o) {
   return /* @__PURE__ */ n(w, { ...o, children: /* @__PURE__ */ n(C, { ...o, children: o.children }) });
 }
@@ -46,7 +46,7 @@ function C({ companyId: o, dictionary: d, onEvent: f }) {
     }
   }, I = k({
     data: c,
-    emptyState: () => /* @__PURE__ */ n(v, { title: t("emptyTableTitle"), description: t("emptyTableDescription") }),
+    emptyState: () => /* @__PURE__ */ n(B, { title: t("emptyTableTitle"), description: t("emptyTableDescription") }),
     columns: [
       {
         key: "type",
@@ -70,7 +70,7 @@ function C({ companyId: o, dictionary: d, onEvent: f }) {
       {
         variant: "secondary",
         onClick: () => {
-          f(B.INFORMATION_REQUEST_RESPOND, {
+          f(v.INFORMATION_REQUEST_RESPOND, {
             requestId: e.uuid
           });
         },

package/dist/components/InformationRequests/InformationRequests.js

@@ -8,10 +8,10 @@ import { BaseBoundaries as g } from "../Base/Base.js";
 import "../Base/useBase.js";
 import { Flex as j } from "../Common/Flex/Flex.js";
 import "classnames";
+import { informationRequestEvents as s } from "../../shared/constants.js";
 import { useComponentContext as k } from "../../contexts/ComponentAdapter/useComponentContext.js";
 import { FlowContext as B } from "../Flow/useFlow.js";
 import { useComponentDictionary as $, useI18n as w } from "../../i18n/I18n.js";
-import { informationRequestEvents as s } from "../../shared/constants.js";
 import { InformationRequestList as z } from "./InformationRequestList/InformationRequestList.js";
 const E = "informationRequestResponded";
 function re({

package/dist/components/Payroll/ConfirmWireDetails/ConfirmWireDetailsForm/ConfirmWireDetailsForm.d.ts

@@ -12,17 +12,7 @@ export declare const ConfirmWireDetailsFormSchema: z.ZodObject<{
     dateSent: z.ZodDate;
     bankName: z.ZodString;
     additionalNotes: z.ZodOptional<z.ZodString>;
-}, "strip", z.ZodTypeAny, {
-    bankName: string;
-    amountSent: number;
-    dateSent: Date;
-    additionalNotes?: string | undefined;
-}, {
-    bankName: string;
-    amountSent: number;
-    dateSent: Date;
-    additionalNotes?: string | undefined;
-}>;
+}, z.core.$strip>;
 export type ConfirmWireDetailsFormValues = z.infer<typeof ConfirmWireDetailsFormSchema>;
 export declare function ConfirmWireDetailsForm(props: ConfirmWireDetailsFormProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace ConfirmWireDetailsForm {

package/dist/components/Payroll/ConfirmWireDetails/ConfirmWireDetailsForm/ConfirmWireDetailsForm.js

@@ -25,7 +25,7 @@ import { DatePickerField as Z } from "../../../Common/Fields/DatePickerField/Dat
 const $ = r.object({
   amountSent: r.number().positive(),
   dateSent: r.date(),
-  bankName: r.string().nonempty(),
+  bankName: r.string().min(1),
   additionalNotes: r.string().optional()
 }), C = "confirm-wire-details-form", ee = (o) => ({
   amountSent: String(o.amountSent),

package/dist/components/Payroll/ConfirmWireDetails/ConfirmWireDetailsForm/ConfirmWireDetailsForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmWireDetailsForm.js","sources":["../../../../../src/components/Payroll/ConfirmWireDetails/ConfirmWireDetailsForm/ConfirmWireDetailsForm.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport z from 'zod'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useIsMutating } from '@tanstack/react-query'\nimport {\n  useWireInRequestsSubmitMutation,\n  mutationKeyWireInRequestsSubmit,\n} from '@gusto/embedded-api/react-query/wireInRequestsSubmit'\nimport { useWireInRequestsGetSuspense } from '@gusto/embedded-api/react-query/wireInRequestsGet'\nimport type { PutWireInRequestsWireInRequestUuidRequest } from '@gusto/embedded-api/models/operations/putwireinrequestswireinrequestuuid'\nimport { usePayrollsListSuspense } from '@gusto/embedded-api/react-query/payrollsList'\nimport styles from './ConfirmWireDetailsForm.module.scss'\nimport { Form as HtmlForm } from '@/components/Common/Form'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { Flex, FlexItem } from '@/components/Common/Flex/Flex'\nimport { payrollWireEvents, type EventType } from '@/shared/constants'\nimport { DatePickerField, NumberInputField, TextInputField } from '@/components/Common'\nimport { TextAreaField } from '@/components/Common/Fields/TextAreaField'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\n\ninterface ConfirmWireDetailsFormProps extends BaseComponentInterface<'Payroll.ConfirmWireDetailsForm'> {\n  wireInId: string\n  companyId: string\n  modalContainerRef?: React.RefObject<HTMLDivElement | null>\n}\n\nexport const ConfirmWireDetailsFormSchema = z.object({\n  amountSent: z.number().positive(),\n  dateSent: z.date(),\n  bankName: z.string().nonempty(),\n  additionalNotes: z.string().optional(),\n})\n\nexport type ConfirmWireDetailsFormValues = z.infer<typeof ConfirmWireDetailsFormSchema>\n\nconst CONFIRM_WIRE_FORM_ID = 'confirm-wire-details-form'\n\nconst transformFormDataToPayload = (\n  data: ConfirmWireDetailsFormValues,\n): PutWireInRequestsWireInRequestUuidRequest['requestBody'] => {\n  return {\n    amountSent: String(data.amountSent),\n    dateSent: data.dateSent.toISOString().split('T')[0] || '',\n    bankName: data.bankName,\n    additionalNotes: data.additionalNotes || undefined,\n  }\n}\n\nexport function ConfirmWireDetailsForm(props: ConfirmWireDetailsFormProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({\n  wireInId,\n  companyId,\n  dictionary,\n  modalContainerRef,\n}: ConfirmWireDetailsFormProps) => {\n  useComponentDictionary('Payroll.ConfirmWireDetailsForm', dictionary)\n  useI18n('Payroll.ConfirmWireDetailsForm')\n  const { onEvent, baseSubmitHandler } = useBase()\n  const { t } = useTranslation('Payroll.ConfirmWireDetailsForm')\n  const { Heading, Text } = useComponentContext()\n  const dateFormatter = useDateFormatter()\n  const { data } = useWireInRequestsGetSuspense({\n    wireInRequestUuid: wireInId,\n  })\n  const wireInRequest = data.wireInRequest\n\n  const { data: payrollsData } = usePayrollsListSuspense({\n    companyId,\n    processed: true,\n  })\n\n  const payrollData = payrollsData.payrollList?.find(\n    payroll => payroll.payrollUuid === wireInRequest?.paymentUuid,\n  )\n  const payPeriod = payrollData?.payPeriod\n  const payPeriodRange =\n    payPeriod?.startDate && payPeriod.endDate\n      ? dateFormatter.formatPayPeriodRange(payPeriod.startDate, payPeriod.endDate)\n      : undefined\n\n  const checkDate = payrollData\n    ? dateFormatter.formatShortWithYear(payrollData.checkDate)\n    : undefined\n\n  const formHandlers = useForm<ConfirmWireDetailsFormValues>({\n    resolver: zodResolver(ConfirmWireDetailsFormSchema),\n    defaultValues: {\n      bankName: '',\n    },\n  })\n\n  const { mutateAsync: submitWireInRequest } = useWireInRequestsSubmitMutation()\n\n  const onSubmit = async (data: ConfirmWireDetailsFormValues) => {\n    await baseSubmitHandler(data, async innerData => {\n      const payload = transformFormDataToPayload(innerData)\n      const response = await submitWireInRequest({\n        request: {\n          wireInRequestUuid: wireInId,\n          requestBody: payload,\n        },\n      })\n      onEvent(payrollWireEvents.PAYROLL_WIRE_FORM_DONE, {\n        wireInRequest: response.wireInRequest,\n        confirmationAlert: {\n          title: payPeriodRange\n            ? t('confirmationAlert.title', { payrollRange: payPeriodRange })\n            : t('confirmationAlert.emptyTitle'),\n          content: checkDate ? (\n            <Text>{t('confirmationAlert.content', { checkDate })}</Text>\n          ) : undefined,\n        },\n      })\n    })\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={24}>\n      <FlexItem>\n        <Heading as=\"h2\">\n          <Trans i18nKey=\"title\" t={t} values={{ payrollRange: payPeriodRange }} />\n        </Heading>\n        <Text>{t('description')}</Text>\n      </FlexItem>\n\n      <FormProvider {...formHandlers}>\n        <HtmlForm\n          id={CONFIRM_WIRE_FORM_ID}\n          onSubmit={formHandlers.handleSubmit(onSubmit)}\n          className={styles.form}\n        >\n          <Flex flexDirection=\"column\" gap={20}>\n            <NumberInputField\n              name=\"amountSent\"\n              label={t('amountLabel')}\n              isRequired\n              format=\"currency\"\n              errorMessage={t('validations.amount')}\n            />\n            <DatePickerField\n              name=\"dateSent\"\n              label={t('dateLabel')}\n              isRequired\n              errorMessage={t('validations.date')}\n              portalContainer={modalContainerRef?.current || undefined}\n            />\n            <TextInputField\n              name=\"bankName\"\n              label={t('bankNameLabel')}\n              isRequired\n              description={t('bankNameDescription')}\n              placeholder={t('bankNamePlaceholder')}\n              errorMessage={t('validations.bankName')}\n            />\n            <TextAreaField name=\"additionalNotes\" label={t('notesLabel')} rows={3} />\n          </Flex>\n        </HtmlForm>\n      </FormProvider>\n    </Flex>\n  )\n}\n\nconst Footer = ({ onEvent }: { onEvent: OnEventType<EventType, unknown> }) => {\n  useI18n('Payroll.ConfirmWireDetailsForm')\n  const { t } = useTranslation('Payroll.ConfirmWireDetailsForm')\n  const { Button } = useComponentContext()\n  const isMutating = useIsMutating({\n    mutationKey: mutationKeyWireInRequestsSubmit(),\n  })\n  const isPending = isMutating > 0\n\n  return (\n    <Flex gap={12} justifyContent=\"space-evenly\">\n      <FlexItem flexGrow={1}>\n        <Button\n          variant=\"secondary\"\n          onClick={() => {\n            onEvent(payrollWireEvents.PAYROLL_WIRE_FORM_CANCEL)\n          }}\n          isDisabled={isPending}\n          className={styles.button}\n        >\n          {t('cancelCta')}\n        </Button>\n      </FlexItem>\n      <FlexItem flexGrow={1}>\n        <Button\n          variant=\"primary\"\n          type=\"submit\"\n          form={CONFIRM_WIRE_FORM_ID}\n          isLoading={isPending}\n          className={styles.button}\n        >\n          {t('submitCta')}\n        </Button>\n      </FlexItem>\n    </Flex>\n  )\n}\nConfirmWireDetailsForm.Footer = Footer\n"],"names":["ConfirmWireDetailsFormSchema","z","CONFIRM_WIRE_FORM_ID","transformFormDataToPayload","data","ConfirmWireDetailsForm","props","jsx","BaseComponent","Root","wireInId","companyId","dictionary","modalContainerRef","useComponentDictionary","useI18n","onEvent","baseSubmitHandler","useBase","useTranslation","Heading","Text","useComponentContext","dateFormatter","useDateFormatter","useWireInRequestsGetSuspense","wireInRequest","payrollsData","usePayrollsListSuspense","payrollData","payroll","payPeriod","payPeriodRange","checkDate","formHandlers","useForm","zodResolver","submitWireInRequest","useWireInRequestsSubmitMutation","onSubmit","innerData","payload","response","payrollWireEvents","jsxs","Flex","FlexItem","Trans","FormProvider","HtmlForm","styles","NumberInputField","DatePickerField","TextInputField","TextAreaField","Footer","t","Button","isPending","useIsMutating","mutationKeyWireInRequestsSubmit"],"mappings":"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"}
+{"version":3,"file":"ConfirmWireDetailsForm.js","sources":["../../../../../src/components/Payroll/ConfirmWireDetails/ConfirmWireDetailsForm/ConfirmWireDetailsForm.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport z from 'zod'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useIsMutating } from '@tanstack/react-query'\nimport {\n  useWireInRequestsSubmitMutation,\n  mutationKeyWireInRequestsSubmit,\n} from '@gusto/embedded-api/react-query/wireInRequestsSubmit'\nimport { useWireInRequestsGetSuspense } from '@gusto/embedded-api/react-query/wireInRequestsGet'\nimport type { PutWireInRequestsWireInRequestUuidRequest } from '@gusto/embedded-api/models/operations/putwireinrequestswireinrequestuuid'\nimport { usePayrollsListSuspense } from '@gusto/embedded-api/react-query/payrollsList'\nimport styles from './ConfirmWireDetailsForm.module.scss'\nimport { Form as HtmlForm } from '@/components/Common/Form'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { Flex, FlexItem } from '@/components/Common/Flex/Flex'\nimport { payrollWireEvents, type EventType } from '@/shared/constants'\nimport { DatePickerField, NumberInputField, TextInputField } from '@/components/Common'\nimport { TextAreaField } from '@/components/Common/Fields/TextAreaField'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\n\ninterface ConfirmWireDetailsFormProps extends BaseComponentInterface<'Payroll.ConfirmWireDetailsForm'> {\n  wireInId: string\n  companyId: string\n  modalContainerRef?: React.RefObject<HTMLDivElement | null>\n}\n\nexport const ConfirmWireDetailsFormSchema = z.object({\n  amountSent: z.number().positive(),\n  dateSent: z.date(),\n  bankName: z.string().min(1),\n  additionalNotes: z.string().optional(),\n})\n\nexport type ConfirmWireDetailsFormValues = z.infer<typeof ConfirmWireDetailsFormSchema>\n\nconst CONFIRM_WIRE_FORM_ID = 'confirm-wire-details-form'\n\nconst transformFormDataToPayload = (\n  data: ConfirmWireDetailsFormValues,\n): PutWireInRequestsWireInRequestUuidRequest['requestBody'] => {\n  return {\n    amountSent: String(data.amountSent),\n    dateSent: data.dateSent.toISOString().split('T')[0] || '',\n    bankName: data.bankName,\n    additionalNotes: data.additionalNotes || undefined,\n  }\n}\n\nexport function ConfirmWireDetailsForm(props: ConfirmWireDetailsFormProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({\n  wireInId,\n  companyId,\n  dictionary,\n  modalContainerRef,\n}: ConfirmWireDetailsFormProps) => {\n  useComponentDictionary('Payroll.ConfirmWireDetailsForm', dictionary)\n  useI18n('Payroll.ConfirmWireDetailsForm')\n  const { onEvent, baseSubmitHandler } = useBase()\n  const { t } = useTranslation('Payroll.ConfirmWireDetailsForm')\n  const { Heading, Text } = useComponentContext()\n  const dateFormatter = useDateFormatter()\n  const { data } = useWireInRequestsGetSuspense({\n    wireInRequestUuid: wireInId,\n  })\n  const wireInRequest = data.wireInRequest\n\n  const { data: payrollsData } = usePayrollsListSuspense({\n    companyId,\n    processed: true,\n  })\n\n  const payrollData = payrollsData.payrollList?.find(\n    payroll => payroll.payrollUuid === wireInRequest?.paymentUuid,\n  )\n  const payPeriod = payrollData?.payPeriod\n  const payPeriodRange =\n    payPeriod?.startDate && payPeriod.endDate\n      ? dateFormatter.formatPayPeriodRange(payPeriod.startDate, payPeriod.endDate)\n      : undefined\n\n  const checkDate = payrollData\n    ? dateFormatter.formatShortWithYear(payrollData.checkDate)\n    : undefined\n\n  const formHandlers = useForm<ConfirmWireDetailsFormValues>({\n    resolver: zodResolver(ConfirmWireDetailsFormSchema),\n    defaultValues: {\n      bankName: '',\n    },\n  })\n\n  const { mutateAsync: submitWireInRequest } = useWireInRequestsSubmitMutation()\n\n  const onSubmit = async (data: ConfirmWireDetailsFormValues) => {\n    await baseSubmitHandler(data, async innerData => {\n      const payload = transformFormDataToPayload(innerData)\n      const response = await submitWireInRequest({\n        request: {\n          wireInRequestUuid: wireInId,\n          requestBody: payload,\n        },\n      })\n      onEvent(payrollWireEvents.PAYROLL_WIRE_FORM_DONE, {\n        wireInRequest: response.wireInRequest,\n        confirmationAlert: {\n          title: payPeriodRange\n            ? t('confirmationAlert.title', { payrollRange: payPeriodRange })\n            : t('confirmationAlert.emptyTitle'),\n          content: checkDate ? (\n            <Text>{t('confirmationAlert.content', { checkDate })}</Text>\n          ) : undefined,\n        },\n      })\n    })\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={24}>\n      <FlexItem>\n        <Heading as=\"h2\">\n          <Trans i18nKey=\"title\" t={t} values={{ payrollRange: payPeriodRange }} />\n        </Heading>\n        <Text>{t('description')}</Text>\n      </FlexItem>\n\n      <FormProvider {...formHandlers}>\n        <HtmlForm\n          id={CONFIRM_WIRE_FORM_ID}\n          onSubmit={formHandlers.handleSubmit(onSubmit)}\n          className={styles.form}\n        >\n          <Flex flexDirection=\"column\" gap={20}>\n            <NumberInputField\n              name=\"amountSent\"\n              label={t('amountLabel')}\n              isRequired\n              format=\"currency\"\n              errorMessage={t('validations.amount')}\n            />\n            <DatePickerField\n              name=\"dateSent\"\n              label={t('dateLabel')}\n              isRequired\n              errorMessage={t('validations.date')}\n              portalContainer={modalContainerRef?.current || undefined}\n            />\n            <TextInputField\n              name=\"bankName\"\n              label={t('bankNameLabel')}\n              isRequired\n              description={t('bankNameDescription')}\n              placeholder={t('bankNamePlaceholder')}\n              errorMessage={t('validations.bankName')}\n            />\n            <TextAreaField name=\"additionalNotes\" label={t('notesLabel')} rows={3} />\n          </Flex>\n        </HtmlForm>\n      </FormProvider>\n    </Flex>\n  )\n}\n\nconst Footer = ({ onEvent }: { onEvent: OnEventType<EventType, unknown> }) => {\n  useI18n('Payroll.ConfirmWireDetailsForm')\n  const { t } = useTranslation('Payroll.ConfirmWireDetailsForm')\n  const { Button } = useComponentContext()\n  const isMutating = useIsMutating({\n    mutationKey: mutationKeyWireInRequestsSubmit(),\n  })\n  const isPending = isMutating > 0\n\n  return (\n    <Flex gap={12} justifyContent=\"space-evenly\">\n      <FlexItem flexGrow={1}>\n        <Button\n          variant=\"secondary\"\n          onClick={() => {\n            onEvent(payrollWireEvents.PAYROLL_WIRE_FORM_CANCEL)\n          }}\n          isDisabled={isPending}\n          className={styles.button}\n        >\n          {t('cancelCta')}\n        </Button>\n      </FlexItem>\n      <FlexItem flexGrow={1}>\n        <Button\n          variant=\"primary\"\n          type=\"submit\"\n          form={CONFIRM_WIRE_FORM_ID}\n          isLoading={isPending}\n          className={styles.button}\n        >\n          {t('submitCta')}\n        </Button>\n      </FlexItem>\n    </Flex>\n  )\n}\nConfirmWireDetailsForm.Footer = Footer\n"],"names":["ConfirmWireDetailsFormSchema","z","CONFIRM_WIRE_FORM_ID","transformFormDataToPayload","data","ConfirmWireDetailsForm","props","jsx","BaseComponent","Root","wireInId","companyId","dictionary","modalContainerRef","useComponentDictionary","useI18n","onEvent","baseSubmitHandler","useBase","useTranslation","Heading","Text","useComponentContext","dateFormatter","useDateFormatter","useWireInRequestsGetSuspense","wireInRequest","payrollsData","usePayrollsListSuspense","payrollData","payroll","payPeriod","payPeriodRange","checkDate","formHandlers","useForm","zodResolver","submitWireInRequest","useWireInRequestsSubmitMutation","onSubmit","innerData","payload","response","payrollWireEvents","jsxs","Flex","FlexItem","Trans","FormProvider","HtmlForm","styles","NumberInputField","DatePickerField","TextInputField","TextAreaField","Footer","t","Button","isPending","useIsMutating","mutationKeyWireInRequestsSubmit"],"mappings":"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"}

package/dist/components/Payroll/GrossUpModal/GrossUpModal.d.ts

@@ -0,0 +1,2 @@
+import { GrossUpModalProps } from './GrossUpModalTypes';
+export declare function GrossUpModal({ isOpen, onCalculateGrossUp, isPending, onApply, onCancel, }: GrossUpModalProps): import("react/jsx-runtime").JSX.Element;