@gusto/embedded-react-sdk 0.34.0 → 0.35.0-rc.2

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":"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"}
+{"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/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;

package/dist/components/Payroll/GrossUpModal/GrossUpModal.js

@@ -0,0 +1,101 @@
+import { jsx as e, jsxs as a, Fragment as R } from "react/jsx-runtime";
+import { useRef as U, useState as m, useEffect as x } from "react";
+import { useForm as I, FormProvider as L } from "react-hook-form";
+import { useTranslation as j } from "react-i18next";
+import { z as v } from "zod";
+import { zodResolver as k } from "@hookform/resolvers/zod";
+import t from "./GrossUpModal.module.scss.js";
+import "../../../shared/constants.js";
+import "classnames";
+import { ActionsLayout as H } from "../../Common/ActionsLayout/ActionsLayout.js";
+import { NumberInputField as V } from "../../Common/Fields/NumberInputField/NumberInputField.js";
+import { useComponentContext as z } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import "react-error-boundary";
+import "@gusto/embedded-api/models/errors/gustoembeddederror";
+import "@gusto/embedded-api/models/errors/sdkvalidationerror";
+import "@tanstack/react-query";
+import { useBase as B } from "../../Base/useBase.js";
+import "../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
+import { formatNumberAsCurrency as E } from "../../../helpers/formattedStrings.js";
+import { useI18n as T } from "../../../i18n/I18n.js";
+const q = v.object({
+  netPay: v.number().positive()
+});
+function ce({
+  isOpen: s,
+  onCalculateGrossUp: C,
+  isPending: P,
+  onApply: w,
+  onCancel: d
+}) {
+  T("Payroll.GrossUpModal");
+  const { t: r } = j("Payroll.GrossUpModal"), { Modal: A, Heading: u, Text: p, Button: n, Alert: f } = z(), { baseSubmitHandler: y } = B(), N = U(null), [l, i] = m(null), [h, c] = m(null), [M, b] = m(!1), o = I({
+    resolver: k(q),
+    defaultValues: { netPay: 0 }
+  });
+  x(() => {
+    s || (o.reset({ netPay: 0 }), i(null), c(null));
+  }, [s, o.reset]);
+  const S = async (G) => {
+    c(null), i(null), await y(null, async () => {
+      const g = await C(G.netPay);
+      g ? i(g) : c(r("errorMessage"));
+    });
+  }, F = async () => {
+    l && (b(!0), await y(null, async () => {
+      try {
+        await w(l);
+      } finally {
+        b(!1);
+      }
+    }));
+  };
+  return /* @__PURE__ */ e(
+    A,
+    {
+      isOpen: s,
+      onClose: d,
+      containerRef: N,
+      footer: /* @__PURE__ */ a(H, { children: [
+        /* @__PURE__ */ e(n, { variant: "secondary", onClick: d, children: r("cancelCta") }),
+        l ? /* @__PURE__ */ e(n, { variant: "primary", onClick: F, isLoading: M, children: r("applyCta") }) : /* @__PURE__ */ e(
+          n,
+          {
+            variant: "primary",
+            onClick: o.handleSubmit(S),
+            isLoading: P,
+            children: r("calculateCta")
+          }
+        )
+      ] }),
+      children: /* @__PURE__ */ e(L, { ...o, children: /* @__PURE__ */ a("div", { className: t.content, children: [
+        /* @__PURE__ */ a("div", { className: t.header, children: [
+          /* @__PURE__ */ e(u, { as: "h2", styledAs: "h3", children: r("title") }),
+          /* @__PURE__ */ e(p, { children: r("description") })
+        ] }),
+        h && /* @__PURE__ */ e("div", { className: t.alert, children: /* @__PURE__ */ e(f, { label: h, status: "error", disableScrollIntoView: !0 }) }),
+        /* @__PURE__ */ e("div", { className: t.inputSection, children: /* @__PURE__ */ e(
+          V,
+          {
+            name: "netPay",
+            label: r("netPayLabel"),
+            format: "currency",
+            min: 0,
+            isRequired: !0
+          }
+        ) }),
+        l && /* @__PURE__ */ a(R, { children: [
+          /* @__PURE__ */ e("div", { className: t.alert, children: /* @__PURE__ */ e(f, { label: r("warning"), status: "warning", disableScrollIntoView: !0 }) }),
+          /* @__PURE__ */ a("div", { className: t.result, children: [
+            /* @__PURE__ */ e(p, { weight: "semibold", children: r("grossPayResult") }),
+            /* @__PURE__ */ e(u, { as: "h3", styledAs: "h2", children: E(parseFloat(l)) })
+          ] })
+        ] })
+      ] }) })
+    }
+  );
+}
+export {
+  ce as GrossUpModal
+};
+//# sourceMappingURL=GrossUpModal.js.map

package/dist/components/Payroll/GrossUpModal/GrossUpModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrossUpModal.js","sources":["../../../../src/components/Payroll/GrossUpModal/GrossUpModal.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { z } from 'zod'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport type { GrossUpModalProps } from './GrossUpModalTypes'\nimport styles from './GrossUpModal.module.scss'\nimport { ActionsLayout, NumberInputField } from '@/components/Common'\nimport { useBase } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { formatNumberAsCurrency } from '@/helpers/formattedStrings'\n\nconst GrossUpFormSchema = z.object({\n  netPay: z.number().positive(),\n})\n\ntype GrossUpFormValues = z.infer<typeof GrossUpFormSchema>\n\nexport function GrossUpModal({\n  isOpen,\n  onCalculateGrossUp,\n  isPending,\n  onApply,\n  onCancel,\n}: GrossUpModalProps) {\n  useI18n('Payroll.GrossUpModal')\n  const { t } = useTranslation('Payroll.GrossUpModal')\n  const { Modal, Heading, Text, Button, Alert } = useComponentContext()\n  const { baseSubmitHandler } = useBase()\n  const modalContainerRef = useRef<HTMLDivElement>(null)\n\n  const [calculatedGrossUp, setCalculatedGrossUp] = useState<string | null>(null)\n  const [errorMessage, setErrorMessage] = useState<string | null>(null)\n  const [isApplying, setIsApplying] = useState(false)\n\n  const formHandlers = useForm<GrossUpFormValues>({\n    resolver: zodResolver(GrossUpFormSchema),\n    defaultValues: { netPay: 0 },\n  })\n\n  useEffect(() => {\n    if (!isOpen) {\n      formHandlers.reset({ netPay: 0 })\n      setCalculatedGrossUp(null)\n      setErrorMessage(null)\n    }\n  }, [isOpen, formHandlers.reset])\n\n  const handleCalculate = async (data: GrossUpFormValues) => {\n    setErrorMessage(null)\n    setCalculatedGrossUp(null)\n\n    await baseSubmitHandler(null, async () => {\n      const result = await onCalculateGrossUp(data.netPay)\n\n      if (result) {\n        setCalculatedGrossUp(result)\n      } else {\n        setErrorMessage(t('errorMessage'))\n      }\n    })\n  }\n\n  const handleApply = async () => {\n    if (calculatedGrossUp) {\n      setIsApplying(true)\n      await baseSubmitHandler(null, async () => {\n        try {\n          await onApply(calculatedGrossUp)\n        } finally {\n          setIsApplying(false)\n        }\n      })\n    }\n  }\n\n  return (\n    <Modal\n      isOpen={isOpen}\n      onClose={onCancel}\n      containerRef={modalContainerRef}\n      footer={\n        <ActionsLayout>\n          <Button variant=\"secondary\" onClick={onCancel}>\n            {t('cancelCta')}\n          </Button>\n          {calculatedGrossUp ? (\n            <Button variant=\"primary\" onClick={handleApply} isLoading={isApplying}>\n              {t('applyCta')}\n            </Button>\n          ) : (\n            <Button\n              variant=\"primary\"\n              onClick={formHandlers.handleSubmit(handleCalculate)}\n              isLoading={isPending}\n            >\n              {t('calculateCta')}\n            </Button>\n          )}\n        </ActionsLayout>\n      }\n    >\n      <FormProvider {...formHandlers}>\n        <div className={styles.content}>\n          <div className={styles.header}>\n            <Heading as=\"h2\" styledAs=\"h3\">\n              {t('title')}\n            </Heading>\n            <Text>{t('description')}</Text>\n          </div>\n\n          {errorMessage && (\n            <div className={styles.alert}>\n              <Alert label={errorMessage} status=\"error\" disableScrollIntoView />\n            </div>\n          )}\n\n          <div className={styles.inputSection}>\n            <NumberInputField\n              name=\"netPay\"\n              label={t('netPayLabel')}\n              format=\"currency\"\n              min={0}\n              isRequired\n            />\n          </div>\n\n          {calculatedGrossUp && (\n            <>\n              <div className={styles.alert}>\n                <Alert label={t('warning')} status=\"warning\" disableScrollIntoView />\n              </div>\n              <div className={styles.result}>\n                <Text weight=\"semibold\">{t('grossPayResult')}</Text>\n                <Heading as=\"h3\" styledAs=\"h2\">\n                  {formatNumberAsCurrency(parseFloat(calculatedGrossUp))}\n                </Heading>\n              </div>\n            </>\n          )}\n        </div>\n      </FormProvider>\n    </Modal>\n  )\n}\n"],"names":["GrossUpFormSchema","z","GrossUpModal","isOpen","onCalculateGrossUp","isPending","onApply","onCancel","useI18n","t","useTranslation","Modal","Heading","Text","Button","Alert","useComponentContext","baseSubmitHandler","useBase","modalContainerRef","useRef","calculatedGrossUp","setCalculatedGrossUp","useState","errorMessage","setErrorMessage","isApplying","setIsApplying","formHandlers","useForm","zodResolver","useEffect","handleCalculate","data","result","handleApply","jsx","ActionsLayout","FormProvider","styles","jsxs","NumberInputField","Fragment","formatNumberAsCurrency"],"mappings":"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"}

package/dist/components/Payroll/GrossUpModal/GrossUpModal.module.scss.js

@@ -0,0 +1,16 @@
+const t = "_content_1b9sr_1", e = "_header_1b9sr_7", n = "_inputSection_1b9sr_13", s = "_alert_1b9sr_17", r = "_result_1b9sr_24", _ = {
+  content: t,
+  header: e,
+  inputSection: n,
+  alert: s,
+  result: r
+};
+export {
+  s as alert,
+  t as content,
+  _ as default,
+  e as header,
+  n as inputSection,
+  r as result
+};
+//# sourceMappingURL=GrossUpModal.module.scss.js.map

package/dist/components/Payroll/GrossUpModal/GrossUpModal.module.scss.js.map

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

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

@@ -0,0 +1,7 @@
+export interface GrossUpModalProps {
+    isOpen: boolean;
+    onCalculateGrossUp: (netPay: number) => Promise<string | null>;
+    isPending: boolean;
+    onApply: (grossAmount: string) => void | Promise<void>;
+    onCancel: () => void;
+}

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

@@ -0,0 +1,3 @@
+import "./types/i18next.d.ts"
+export { GrossUpModal } from './GrossUpModal';
+export type { GrossUpModalProps } from './GrossUpModalTypes';

package/dist/components/Payroll/OffCycleCreation/OffCycleCreation.js

@@ -1,107 +1,126 @@
-import { jsx as l } from "react/jsx-runtime";
-import { useMemo as B, useEffect as I } from "react";
-import { useForm as T, FormProvider as V } from "react-hook-form";
-import { zodResolver as j } from "@hookform/resolvers/zod";
+import { jsx as s } from "react/jsx-runtime";
+import { useState as w, useCallback as C, useMemo as z, useEffect as Y } from "react";
+import { useForm as H, FormProvider as Z } from "react-hook-form";
+import { zodResolver as G } from "@hookform/resolvers/zod";
 import { z as t } from "zod";
-import { useTranslation as O } from "react-i18next";
-import { usePayrollsCreateOffCycleMutation as q } from "@gusto/embedded-api/react-query/payrollsCreateOffCycle";
-import { OffCycleReason as E } from "@gusto/embedded-api/models/operations/postv1companiescompanyidpayrolls";
-import { RFCDate as f } from "@gusto/embedded-api/types/rfcdate";
-import { useEmployeesListSuspense as x } from "@gusto/embedded-api/react-query/employeesList";
-import { createOffCyclePayPeriodDateFormSchema as z } from "../OffCyclePayPeriodDateForm/OffCyclePayPeriodDateFormTypes.js";
-import { useOffCyclePayPeriodDateValidation as M } from "../OffCyclePayPeriodDateForm/useOffCyclePayPeriodDateValidation.js";
-import { OffCycleCreationPresentation as Y } from "./OffCycleCreationPresentation.js";
-import { BaseComponent as H } from "../../Base/Base.js";
-import { useBase as Z } from "../../Base/useBase.js";
-import { useComponentDictionary as G, useI18n as n } from "../../../i18n/I18n.js";
-import { componentEvents as J } from "../../../shared/constants.js";
-import { Form as K } from "../../Common/Form/Form.js";
-import { OFF_CYCLE_REASON_DEFAULTS as k } from "../OffCycleReasonSelection/types.js";
-const Q = {
-  bonus: E.Bonus,
-  correction: E.Correction
+import { useTranslation as S } from "react-i18next";
+import { usePayrollsCreateOffCycleMutation as J } from "@gusto/embedded-api/react-query/payrollsCreateOffCycle";
+import { WithholdingPayPeriod as K, OffCycleReason as b } from "@gusto/embedded-api/models/operations/postv1companiescompanyidpayrolls";
+import { RFCDate as g } from "@gusto/embedded-api/types/rfcdate";
+import { useEmployeesListSuspense as Q } from "@gusto/embedded-api/react-query/employeesList";
+import { createOffCyclePayPeriodDateFormSchema as X } from "../OffCyclePayPeriodDateForm/OffCyclePayPeriodDateFormTypes.js";
+import { useOffCyclePayPeriodDateValidation as $ } from "../OffCyclePayPeriodDateForm/useOffCyclePayPeriodDateValidation.js";
+import { OffCycleCreationPresentation as ee } from "./OffCycleCreationPresentation.js";
+import { BaseComponent as oe } from "../../Base/Base.js";
+import { useBase as te } from "../../Base/useBase.js";
+import { useComponentDictionary as ne, useI18n as i } from "../../../i18n/I18n.js";
+import { componentEvents as le } from "../../../shared/constants.js";
+import { Form as ie } from "../../Common/Form/Form.js";
+import { OFF_CYCLE_REASON_DEFAULTS as m } from "../OffCycleReasonSelection/types.js";
+const se = {
+  bonus: b.Bonus,
+  correction: b.Correction
 };
-function Pe(i) {
-  return /* @__PURE__ */ l(H, { ...i, children: /* @__PURE__ */ l(W, { ...i }) });
+function Te(r) {
+  return /* @__PURE__ */ s(oe, { ...r, children: /* @__PURE__ */ s(re, { ...r }) });
 }
-function W({ dictionary: i, companyId: d, payrollType: m = "bonus" }) {
-  G("Payroll.OffCycleCreation", i), n("Payroll.OffCycleCreation"), n("Payroll.OffCycleReasonSelection"), n("Payroll.OffCyclePayPeriodDateForm"), n("Payroll.OffCycleDeductionsSetting"), n("Payroll.EmployeeSelection");
-  const { t: R } = O("Payroll.OffCyclePayPeriodDateForm"), { t: p } = O("Payroll.OffCycleCreation"), { onEvent: g, baseSubmitHandler: S } = Z(), { minCheckDate: b, today: A } = M(), { mutateAsync: F, isPending: v } = q(), { data: C, isLoading: w } = x({
-    companyId: d,
+function re({ dictionary: r, companyId: P, payrollType: a = "bonus" }) {
+  ne("Payroll.OffCycleCreation", r), i("Payroll.OffCycleCreation"), i("Payroll.OffCycleReasonSelection"), i("Payroll.OffCyclePayPeriodDateForm"), i("Payroll.OffCycleDeductionsSetting"), i("Payroll.EmployeeSelection");
+  const { t: T } = S("Payroll.OffCyclePayPeriodDateForm"), { t: D } = S("Payroll.OffCycleCreation"), { onEvent: x, baseSubmitHandler: W } = te(), { minCheckDate: A, today: F } = $(), { mutateAsync: v, isPending: L } = J(), [u, O] = w({
+    withholdingPayPeriod: K.EveryOtherWeek,
+    withholdingRate: m[a].withholdingType
+  }), [U, y] = w(!1), M = C(() => {
+    y(!0);
+  }, []), _ = C((e) => {
+    O(e), y(!1);
+  }, []), N = C(() => {
+    y(!1);
+  }, []), { data: E, isLoading: B } = Q({
+    companyId: P,
     onboardedActive: !0
-  }), L = B(() => (C.showEmployees ?? []).map((o) => ({
+  }), I = z(() => (E.showEmployees ?? []).map((o) => ({
     label: [o.firstName, o.lastName].filter(Boolean).join(" "),
     value: o.uuid
-  })), [C]), U = (e) => R(e), s = T({
-    resolver: (e, o, r) => {
-      const u = e.reason, y = e.isCheckOnly, c = z(
-        U,
-        u === "correction" ? "correction" : m,
-        y ? A : b
-      ), a = t.object({
+  })), [E]), V = (e) => T(e), l = H({
+    resolver: (e, o, n) => {
+      const f = e.reason, p = e.isCheckOnly, c = X(
+        V,
+        f === "correction" ? "correction" : a,
+        p ? F : A
+      ), d = t.object({
         reason: t.enum(["bonus", "correction"]),
         skipRegularDeductions: t.boolean(),
         includeAllEmployees: t.boolean(),
         selectedEmployeeUuids: t.array(t.string())
-      }).and(c).superRefine((h, N) => {
-        !h.includeAllEmployees && h.selectedEmployeeUuids.length === 0 && N.addIssue({
+      }).and(c).superRefine((R, q) => {
+        !R.includeAllEmployees && R.selectedEmployeeUuids.length === 0 && q.addIssue({
           code: t.ZodIssueCode.custom,
           path: ["selectedEmployeeUuids"],
-          message: p("errors.noEmployeesSelected")
+          message: D("errors.noEmployeesSelected")
         });
       });
-      return j(a)(e, o, r);
+      return G(d)(e, o, n);
     },
     defaultValues: {
-      reason: m,
+      reason: a,
       isCheckOnly: !1,
       startDate: null,
       endDate: null,
       checkDate: null,
-      skipRegularDeductions: k[m].skipDeductions,
+      skipRegularDeductions: m[a].skipDeductions,
       includeAllEmployees: !0,
       selectedEmployeeUuids: []
     }
-  }), D = s.watch("reason");
-  I(() => {
-    s.setValue(
+  }), h = l.watch("reason");
+  Y(() => {
+    l.setValue(
       "skipRegularDeductions",
-      k[D].skipDeductions
-    );
-  }, [D, s]);
-  const _ = async (e) => {
-    const o = e.reason, r = e.checkDate, u = e.isCheckOnly ? r : e.startDate, y = e.isCheckOnly ? r : e.endDate, P = !e.includeAllEmployees && e.selectedEmployeeUuids.length > 0 ? e.selectedEmployeeUuids : void 0;
-    await S(e, async () => {
-      const c = await F({
+      m[h].skipDeductions
+    ), O((e) => ({
+      ...e,
+      withholdingRate: m[h].withholdingType
+    }));
+  }, [h, l]);
+  const j = async (e) => {
+    const o = e.reason, n = e.checkDate, f = e.isCheckOnly ? n : e.startDate, p = e.isCheckOnly ? n : e.endDate, k = !e.includeAllEmployees && e.selectedEmployeeUuids.length > 0 ? e.selectedEmployeeUuids : void 0;
+    await W(e, async () => {
+      const c = await v({
         request: {
-          companyId: d,
+          companyId: P,
           requestBody: {
             offCycle: !0,
-            offCycleReason: Q[o],
-            startDate: new f(u),
-            endDate: new f(y),
-            checkDate: new f(r),
+            offCycleReason: se[o],
+            startDate: new g(f),
+            endDate: new g(p),
+            checkDate: new g(n),
             skipRegularDeductions: e.skipRegularDeductions,
             isCheckOnlyPayroll: e.isCheckOnly,
-            employeeUuids: P
+            employeeUuids: k,
+            withholdingPayPeriod: u.withholdingPayPeriod,
+            fixedWithholdingRate: u.withholdingRate === "supplemental"
           }
         }
-      }), a = c.payrollPrepared?.payrollUuid ?? c.payrollPrepared?.uuid;
-      if (!a)
-        throw new Error(p("errors.missingPayrollId"));
-      g(J.OFF_CYCLE_CREATED, { payrollUuid: a });
+      }), d = c.payrollPrepared?.payrollUuid ?? c.payrollPrepared?.uuid;
+      if (!d)
+        throw new Error(D("errors.missingPayrollId"));
+      x(le.OFF_CYCLE_CREATED, { payrollUuid: d });
     });
   };
-  return /* @__PURE__ */ l(V, { ...s, children: /* @__PURE__ */ l(K, { onSubmit: s.handleSubmit(_), children: /* @__PURE__ */ l(
-    Y,
+  return /* @__PURE__ */ s(Z, { ...l, children: /* @__PURE__ */ s(ie, { onSubmit: l.handleSubmit(j), children: /* @__PURE__ */ s(
+    ee,
     {
-      employees: L,
-      isLoadingEmployees: w,
-      isPending: v
+      employees: I,
+      isLoadingEmployees: B,
+      isPending: L,
+      taxWithholdingConfig: u,
+      isTaxWithholdingModalOpen: U,
+      onTaxWithholdingEditClick: M,
+      onTaxWithholdingModalDone: _,
+      onTaxWithholdingModalCancel: N
     }
   ) }) });
 }
 export {
-  Pe as OffCycleCreation
+  Te as OffCycleCreation
 };
 //# sourceMappingURL=OffCycleCreation.js.map