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

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

@@ -16,12 +16,12 @@ import { useComponentDictionary as z, useI18n as g } from "../../../../i18n/I18n
 import { Flex as p, FlexItem as f } from "../../../Common/Flex/Flex.js";
 import { payrollWireEvents as N } from "../../../../shared/constants.js";
 import "classnames";
-import { TextInputField as V } from "../../../Common/Fields/TextInputField/TextInputField.js";
-import { DatePickerField as J } from "../../../Common/Fields/DatePickerField/DatePickerField.js";
-import { NumberInputField as Q } from "../../../Common/Fields/NumberInputField/NumberInputField.js";
 import "react";
-import { TextAreaField as X } from "../../../Common/Fields/TextAreaField/TextAreaField.js";
-import { useDateFormatter as Z } from "../../../../hooks/useDateFormatter.js";
+import { TextAreaField as V } from "../../../Common/Fields/TextAreaField/TextAreaField.js";
+import { useDateFormatter as J } from "../../../../hooks/useDateFormatter.js";
+import { NumberInputField as Q } from "../../../Common/Fields/NumberInputField/NumberInputField.js";
+import { TextInputField as X } from "../../../Common/Fields/TextInputField/TextInputField.js";
+import { DatePickerField as Z } from "../../../Common/Fields/DatePickerField/DatePickerField.js";
 const $ = r.object({
   amountSent: r.number().positive(),
   dateSent: r.date(),
@@ -43,7 +43,7 @@ const oe = ({
   modalContainerRef: y
 }) => {
   z("Payroll.ConfirmWireDetailsForm", i), g("Payroll.ConfirmWireDetailsForm");
-  const { onEvent: a, baseSubmitHandler: I } = Y(), { t } = F("Payroll.ConfirmWireDetailsForm"), { Heading: v, Text: b } = S(), R = Z(), { data: P } = U({
+  const { onEvent: a, baseSubmitHandler: I } = Y(), { t } = F("Payroll.ConfirmWireDetailsForm"), { Heading: v, Text: b } = S(), R = J(), { data: P } = U({
     wireInRequestUuid: o
   }), W = P.wireInRequest, { data: q } = G({
     companyId: n,
@@ -95,7 +95,7 @@ const oe = ({
             }
           ),
           /* @__PURE__ */ e(
-            J,
+            Z,
             {
               name: "dateSent",
               label: t("dateLabel"),
@@ -105,7 +105,7 @@ const oe = ({
             }
           ),
           /* @__PURE__ */ e(
-            V,
+            X,
             {
               name: "bankName",
               label: t("bankNameLabel"),
@@ -115,7 +115,7 @@ const oe = ({
               errorMessage: t("validations.bankName")
             }
           ),
-          /* @__PURE__ */ e(X, { name: "additionalNotes", label: t("notesLabel"), rows: 3 })
+          /* @__PURE__ */ e(V, { name: "additionalNotes", label: t("notesLabel"), rows: 3 })
         ] })
       }
     ) })

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 { useComponentContext as V } 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 z } from "../../Base/useBase.js";
+import "../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
+import { formatNumberAsCurrency as B } from "../../../helpers/formattedStrings.js";
+import { useI18n as E } from "../../../i18n/I18n.js";
+import { NumberInputField as T } from "../../Common/Fields/NumberInputField/NumberInputField.js";
+const q = v.object({
+  netPay: v.number().positive()
+});
+function ce({
+  isOpen: s,
+  onCalculateGrossUp: C,
+  isPending: P,
+  onApply: w,
+  onCancel: d
+}) {
+  E("Payroll.GrossUpModal");
+  const { t: r } = j("Payroll.GrossUpModal"), { Modal: A, Heading: u, Text: p, Button: n, Alert: f } = V(), { baseSubmitHandler: y } = z(), 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(
+          T,
+          {
+            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: B(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

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

@@ -1 +1 @@
-{"version":3,"file":"OffCycleCreation.js","sources":["../../../../src/components/Payroll/OffCycleCreation/OffCycleCreation.tsx"],"sourcesContent":["import { useEffect, useMemo } from 'react'\nimport { FormProvider, useForm, type Resolver } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport { useTranslation } from 'react-i18next'\nimport { usePayrollsCreateOffCycleMutation } from '@gusto/embedded-api/react-query/payrollsCreateOffCycle'\nimport { OffCycleReason as ApiOffCycleReason } from '@gusto/embedded-api/models/operations/postv1companiescompanyidpayrolls'\nimport { RFCDate } from '@gusto/embedded-api/types/rfcdate'\nimport { useEmployeesListSuspense } from '@gusto/embedded-api/react-query/employeesList'\nimport { OFF_CYCLE_REASON_DEFAULTS, type OffCycleReason } from '../OffCycleReasonSelection'\nimport {\n  createOffCyclePayPeriodDateFormSchema,\n  type OffCyclePayrollDateType,\n} from '../OffCyclePayPeriodDateForm/OffCyclePayPeriodDateFormTypes'\nimport { useOffCyclePayPeriodDateValidation } from '../OffCyclePayPeriodDateForm/useOffCyclePayPeriodDateValidation'\nimport type { OffCycleCreationFormData, OffCycleCreationProps } from './OffCycleCreationTypes'\nimport { OffCycleCreationPresentation } from './OffCycleCreationPresentation'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { Form } from '@/components/Common/Form'\nimport type { MultiSelectComboBoxOption } from '@/components/Common/UI/MultiSelectComboBox/MultiSelectComboBoxTypes'\n\nconst LOCAL_TO_API_REASON: Record<OffCycleReason, ApiOffCycleReason> = {\n  bonus: ApiOffCycleReason.Bonus,\n  correction: ApiOffCycleReason.Correction,\n}\n\nexport function OffCycleCreation(props: OffCycleCreationProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ dictionary, companyId, payrollType = 'bonus' }: OffCycleCreationProps) {\n  useComponentDictionary('Payroll.OffCycleCreation', dictionary)\n  useI18n('Payroll.OffCycleCreation')\n  useI18n('Payroll.OffCycleReasonSelection')\n  useI18n('Payroll.OffCyclePayPeriodDateForm')\n  useI18n('Payroll.OffCycleDeductionsSetting')\n  useI18n('Payroll.EmployeeSelection')\n\n  const { t } = useTranslation('Payroll.OffCyclePayPeriodDateForm')\n  const { t: tCreation } = useTranslation('Payroll.OffCycleCreation')\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const { minCheckDate, today } = useOffCyclePayPeriodDateValidation()\n  const { mutateAsync: createOffCyclePayroll, isPending } = usePayrollsCreateOffCycleMutation()\n\n  const { data: employeesData, isLoading: isLoadingEmployees } = useEmployeesListSuspense({\n    companyId,\n    onboardedActive: true,\n  })\n\n  const employees: MultiSelectComboBoxOption[] = useMemo(() => {\n    const employeeList = employeesData.showEmployees ?? []\n    return employeeList.map(employee => {\n      const fullName = [employee.firstName, employee.lastName].filter(Boolean).join(' ')\n      return {\n        label: fullName,\n        value: employee.uuid,\n      }\n    })\n  }, [employeesData])\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const translateValidation = (key: string): string => t(key as any) as string\n\n  const dynamicResolver: Resolver<OffCycleCreationFormData> = (values, context, options) => {\n    const reason = values.reason\n    const isCheckOnly = values.isCheckOnly\n    const resolvedPayrollType: OffCyclePayrollDateType =\n      reason === 'correction' ? 'correction' : payrollType\n\n    const dateSchema = createOffCyclePayPeriodDateFormSchema(\n      translateValidation,\n      resolvedPayrollType,\n      isCheckOnly ? today : minCheckDate,\n    )\n    const schema = z\n      .object({\n        reason: z.enum(['bonus', 'correction']),\n        skipRegularDeductions: z.boolean(),\n        includeAllEmployees: z.boolean(),\n        selectedEmployeeUuids: z.array(z.string()),\n      })\n      .and(dateSchema)\n      .superRefine((data, ctx) => {\n        if (!data.includeAllEmployees && data.selectedEmployeeUuids.length === 0) {\n          ctx.addIssue({\n            code: z.ZodIssueCode.custom,\n            path: ['selectedEmployeeUuids'],\n            message: tCreation('errors.noEmployeesSelected'),\n          })\n        }\n      })\n\n    return zodResolver(schema)(values, context, options)\n  }\n\n  const methods = useForm<OffCycleCreationFormData>({\n    resolver: dynamicResolver,\n    defaultValues: {\n      reason: payrollType,\n      isCheckOnly: false,\n      startDate: null,\n      endDate: null,\n      checkDate: null,\n      skipRegularDeductions: OFF_CYCLE_REASON_DEFAULTS[payrollType].skipDeductions,\n      includeAllEmployees: true,\n      selectedEmployeeUuids: [],\n    },\n  })\n\n  const watchedReason = methods.watch('reason')\n\n  useEffect(() => {\n    methods.setValue(\n      'skipRegularDeductions',\n      OFF_CYCLE_REASON_DEFAULTS[watchedReason].skipDeductions,\n    )\n  }, [watchedReason, methods])\n\n  const onSubmit = async (data: OffCycleCreationFormData) => {\n    const reason = data.reason\n    const checkDate = data.checkDate!\n    const startDate = data.isCheckOnly ? checkDate : data.startDate!\n    const endDate = data.isCheckOnly ? checkDate : data.endDate!\n    const employeeUuids =\n      !data.includeAllEmployees && data.selectedEmployeeUuids.length > 0\n        ? data.selectedEmployeeUuids\n        : undefined\n\n    await baseSubmitHandler(data, async () => {\n      const response = await createOffCyclePayroll({\n        request: {\n          companyId,\n          requestBody: {\n            offCycle: true,\n            offCycleReason: LOCAL_TO_API_REASON[reason],\n            startDate: new RFCDate(startDate),\n            endDate: new RFCDate(endDate),\n            checkDate: new RFCDate(checkDate),\n            skipRegularDeductions: data.skipRegularDeductions,\n            isCheckOnlyPayroll: data.isCheckOnly,\n            employeeUuids,\n          },\n        },\n      })\n\n      const payrollUuid = response.payrollPrepared?.payrollUuid ?? response.payrollPrepared?.uuid\n\n      if (!payrollUuid) {\n        throw new Error(tCreation('errors.missingPayrollId'))\n      }\n\n      onEvent(componentEvents.OFF_CYCLE_CREATED, { payrollUuid })\n    })\n  }\n\n  return (\n    <FormProvider {...methods}>\n      <Form onSubmit={methods.handleSubmit(onSubmit)}>\n        <OffCycleCreationPresentation\n          employees={employees}\n          isLoadingEmployees={isLoadingEmployees}\n          isPending={isPending}\n        />\n      </Form>\n    </FormProvider>\n  )\n}\n"],"names":["LOCAL_TO_API_REASON","ApiOffCycleReason","OffCycleCreation","props","jsx","BaseComponent","Root","dictionary","companyId","payrollType","useComponentDictionary","useI18n","t","useTranslation","tCreation","onEvent","baseSubmitHandler","useBase","minCheckDate","today","useOffCyclePayPeriodDateValidation","createOffCyclePayroll","isPending","usePayrollsCreateOffCycleMutation","employeesData","isLoadingEmployees","useEmployeesListSuspense","employees","useMemo","employee","translateValidation","key","methods","useForm","values","context","options","reason","isCheckOnly","dateSchema","createOffCyclePayPeriodDateFormSchema","schema","z","data","ctx","zodResolver","OFF_CYCLE_REASON_DEFAULTS","watchedReason","useEffect","onSubmit","checkDate","startDate","endDate","employeeUuids","response","RFCDate","payrollUuid","componentEvents","FormProvider","Form","OffCycleCreationPresentation"],"mappings":"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"}
+{"version":3,"file":"OffCycleCreation.js","sources":["../../../../src/components/Payroll/OffCycleCreation/OffCycleCreation.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState } from 'react'\nimport { FormProvider, useForm, type Resolver } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport { useTranslation } from 'react-i18next'\nimport { usePayrollsCreateOffCycleMutation } from '@gusto/embedded-api/react-query/payrollsCreateOffCycle'\nimport {\n  OffCycleReason as ApiOffCycleReason,\n  WithholdingPayPeriod,\n} from '@gusto/embedded-api/models/operations/postv1companiescompanyidpayrolls'\nimport { RFCDate } from '@gusto/embedded-api/types/rfcdate'\nimport { useEmployeesListSuspense } from '@gusto/embedded-api/react-query/employeesList'\nimport { OFF_CYCLE_REASON_DEFAULTS, type OffCycleReason } from '../OffCycleReasonSelection'\nimport {\n  createOffCyclePayPeriodDateFormSchema,\n  type OffCyclePayrollDateType,\n} from '../OffCyclePayPeriodDateForm/OffCyclePayPeriodDateFormTypes'\nimport { useOffCyclePayPeriodDateValidation } from '../OffCyclePayPeriodDateForm/useOffCyclePayPeriodDateValidation'\nimport type { OffCycleTaxWithholdingConfig } from '../OffCycleTaxWithholdingTable/OffCycleTaxWithholdingTableTypes'\nimport type { OffCycleCreationFormData, OffCycleCreationProps } from './OffCycleCreationTypes'\nimport { OffCycleCreationPresentation } from './OffCycleCreationPresentation'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { Form } from '@/components/Common/Form'\nimport type { MultiSelectComboBoxOption } from '@/components/Common/UI/MultiSelectComboBox/MultiSelectComboBoxTypes'\n\nconst LOCAL_TO_API_REASON: Record<OffCycleReason, ApiOffCycleReason> = {\n  bonus: ApiOffCycleReason.Bonus,\n  correction: ApiOffCycleReason.Correction,\n}\n\nexport function OffCycleCreation(props: OffCycleCreationProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ dictionary, companyId, payrollType = 'bonus' }: OffCycleCreationProps) {\n  useComponentDictionary('Payroll.OffCycleCreation', dictionary)\n  useI18n('Payroll.OffCycleCreation')\n  useI18n('Payroll.OffCycleReasonSelection')\n  useI18n('Payroll.OffCyclePayPeriodDateForm')\n  useI18n('Payroll.OffCycleDeductionsSetting')\n  useI18n('Payroll.EmployeeSelection')\n\n  const { t } = useTranslation('Payroll.OffCyclePayPeriodDateForm')\n  const { t: tCreation } = useTranslation('Payroll.OffCycleCreation')\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const { minCheckDate, today } = useOffCyclePayPeriodDateValidation()\n  const { mutateAsync: createOffCyclePayroll, isPending } = usePayrollsCreateOffCycleMutation()\n\n  const [taxWithholdingConfig, setTaxWithholdingConfig] = useState<OffCycleTaxWithholdingConfig>({\n    withholdingPayPeriod: WithholdingPayPeriod.EveryOtherWeek,\n    withholdingRate: OFF_CYCLE_REASON_DEFAULTS[payrollType].withholdingType,\n  })\n  const [isTaxWithholdingModalOpen, setIsTaxWithholdingModalOpen] = useState(false)\n\n  const handleTaxWithholdingEditClick = useCallback(() => {\n    setIsTaxWithholdingModalOpen(true)\n  }, [])\n\n  const handleTaxWithholdingModalDone = useCallback((config: OffCycleTaxWithholdingConfig) => {\n    setTaxWithholdingConfig(config)\n    setIsTaxWithholdingModalOpen(false)\n  }, [])\n\n  const handleTaxWithholdingModalCancel = useCallback(() => {\n    setIsTaxWithholdingModalOpen(false)\n  }, [])\n\n  const { data: employeesData, isLoading: isLoadingEmployees } = useEmployeesListSuspense({\n    companyId,\n    onboardedActive: true,\n  })\n\n  const employees: MultiSelectComboBoxOption[] = useMemo(() => {\n    const employeeList = employeesData.showEmployees ?? []\n    return employeeList.map(employee => {\n      const fullName = [employee.firstName, employee.lastName].filter(Boolean).join(' ')\n      return {\n        label: fullName,\n        value: employee.uuid,\n      }\n    })\n  }, [employeesData])\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const translateValidation = (key: string): string => t(key as any) as string\n\n  const dynamicResolver: Resolver<OffCycleCreationFormData> = (values, context, options) => {\n    const reason = values.reason\n    const isCheckOnly = values.isCheckOnly\n    const resolvedPayrollType: OffCyclePayrollDateType =\n      reason === 'correction' ? 'correction' : payrollType\n\n    const dateSchema = createOffCyclePayPeriodDateFormSchema(\n      translateValidation,\n      resolvedPayrollType,\n      isCheckOnly ? today : minCheckDate,\n    )\n    const schema = z\n      .object({\n        reason: z.enum(['bonus', 'correction']),\n        skipRegularDeductions: z.boolean(),\n        includeAllEmployees: z.boolean(),\n        selectedEmployeeUuids: z.array(z.string()),\n      })\n      .and(dateSchema)\n      .superRefine((data, ctx) => {\n        if (!data.includeAllEmployees && data.selectedEmployeeUuids.length === 0) {\n          ctx.addIssue({\n            code: z.ZodIssueCode.custom,\n            path: ['selectedEmployeeUuids'],\n            message: tCreation('errors.noEmployeesSelected'),\n          })\n        }\n      })\n\n    return zodResolver(schema)(values, context, options)\n  }\n\n  const methods = useForm<OffCycleCreationFormData>({\n    resolver: dynamicResolver,\n    defaultValues: {\n      reason: payrollType,\n      isCheckOnly: false,\n      startDate: null,\n      endDate: null,\n      checkDate: null,\n      skipRegularDeductions: OFF_CYCLE_REASON_DEFAULTS[payrollType].skipDeductions,\n      includeAllEmployees: true,\n      selectedEmployeeUuids: [],\n    },\n  })\n\n  const watchedReason = methods.watch('reason')\n\n  useEffect(() => {\n    methods.setValue(\n      'skipRegularDeductions',\n      OFF_CYCLE_REASON_DEFAULTS[watchedReason].skipDeductions,\n    )\n    setTaxWithholdingConfig(prev => ({\n      ...prev,\n      withholdingRate: OFF_CYCLE_REASON_DEFAULTS[watchedReason].withholdingType,\n    }))\n  }, [watchedReason, methods])\n\n  const onSubmit = async (data: OffCycleCreationFormData) => {\n    const reason = data.reason\n    const checkDate = data.checkDate!\n    const startDate = data.isCheckOnly ? checkDate : data.startDate!\n    const endDate = data.isCheckOnly ? checkDate : data.endDate!\n    const employeeUuids =\n      !data.includeAllEmployees && data.selectedEmployeeUuids.length > 0\n        ? data.selectedEmployeeUuids\n        : undefined\n\n    await baseSubmitHandler(data, async () => {\n      const response = await createOffCyclePayroll({\n        request: {\n          companyId,\n          requestBody: {\n            offCycle: true,\n            offCycleReason: LOCAL_TO_API_REASON[reason],\n            startDate: new RFCDate(startDate),\n            endDate: new RFCDate(endDate),\n            checkDate: new RFCDate(checkDate),\n            skipRegularDeductions: data.skipRegularDeductions,\n            isCheckOnlyPayroll: data.isCheckOnly,\n            employeeUuids,\n            withholdingPayPeriod: taxWithholdingConfig.withholdingPayPeriod,\n            fixedWithholdingRate: taxWithholdingConfig.withholdingRate === 'supplemental',\n          },\n        },\n      })\n\n      const payrollUuid = response.payrollPrepared?.payrollUuid ?? response.payrollPrepared?.uuid\n\n      if (!payrollUuid) {\n        throw new Error(tCreation('errors.missingPayrollId'))\n      }\n\n      onEvent(componentEvents.OFF_CYCLE_CREATED, { payrollUuid })\n    })\n  }\n\n  return (\n    <FormProvider {...methods}>\n      <Form onSubmit={methods.handleSubmit(onSubmit)}>\n        <OffCycleCreationPresentation\n          employees={employees}\n          isLoadingEmployees={isLoadingEmployees}\n          isPending={isPending}\n          taxWithholdingConfig={taxWithholdingConfig}\n          isTaxWithholdingModalOpen={isTaxWithholdingModalOpen}\n          onTaxWithholdingEditClick={handleTaxWithholdingEditClick}\n          onTaxWithholdingModalDone={handleTaxWithholdingModalDone}\n          onTaxWithholdingModalCancel={handleTaxWithholdingModalCancel}\n        />\n      </Form>\n    </FormProvider>\n  )\n}\n"],"names":["LOCAL_TO_API_REASON","ApiOffCycleReason","OffCycleCreation","props","jsx","BaseComponent","Root","dictionary","companyId","payrollType","useComponentDictionary","useI18n","t","useTranslation","tCreation","onEvent","baseSubmitHandler","useBase","minCheckDate","today","useOffCyclePayPeriodDateValidation","createOffCyclePayroll","isPending","usePayrollsCreateOffCycleMutation","taxWithholdingConfig","setTaxWithholdingConfig","useState","WithholdingPayPeriod","OFF_CYCLE_REASON_DEFAULTS","isTaxWithholdingModalOpen","setIsTaxWithholdingModalOpen","handleTaxWithholdingEditClick","useCallback","handleTaxWithholdingModalDone","config","handleTaxWithholdingModalCancel","employeesData","isLoadingEmployees","useEmployeesListSuspense","employees","useMemo","employee","translateValidation","key","methods","useForm","values","context","options","reason","isCheckOnly","dateSchema","createOffCyclePayPeriodDateFormSchema","schema","z","data","ctx","zodResolver","watchedReason","useEffect","prev","onSubmit","checkDate","startDate","endDate","employeeUuids","response","RFCDate","payrollUuid","componentEvents","FormProvider","Form","OffCycleCreationPresentation"],"mappings":"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"}

package/dist/components/Payroll/OffCycleCreation/OffCycleCreationPresentation.d.ts

@@ -1,2 +1,2 @@
 import { OffCycleCreationPresentationProps } from './OffCycleCreationTypes';
-export declare function OffCycleCreationPresentation({ employees, isLoadingEmployees, isPending, }: OffCycleCreationPresentationProps): import("react/jsx-runtime").JSX.Element;
+export declare function OffCycleCreationPresentation({ employees, isLoadingEmployees, isPending, taxWithholdingConfig, isTaxWithholdingModalOpen, onTaxWithholdingEditClick, onTaxWithholdingModalDone, onTaxWithholdingModalCancel, }: OffCycleCreationPresentationProps): import("react/jsx-runtime").JSX.Element;