@gusto/embedded-react-sdk 0.55.3 → 0.55.4

package/dist/components/Payroll/PayrollConfiguration/PayrollConfiguration.js

@@ -1,196 +1,198 @@
-import { jsx as f, jsxs as fe, Fragment as Ce } from "react/jsx-runtime";
-import { useState as y, useRef as B, useMemo as q, useEffect as D } from "react";
-import { useQueryClient as Pe } from "@tanstack/react-query";
-import { usePayrollsGetSuspense as Ue } from "@gusto/embedded-api/react-query/payrollsGet";
-import { payrollsCalculate as Le } from "@gusto/embedded-api/funcs/payrollsCalculate";
-import { useGustoEmbeddedContext as ge } from "@gusto/embedded-api/react-query/_context";
+import { jsx as C, jsxs as Pe, Fragment as Ue } from "react/jsx-runtime";
+import { useState as f, useRef as D, useMemo as q, useEffect as O } from "react";
+import { usePayrollsGetSuspense as ge } from "@gusto/embedded-api/react-query/payrollsGet";
+import { payrollsCalculate as he } from "@gusto/embedded-api/funcs/payrollsCalculate";
+import { useGustoEmbeddedContext as Le } from "@gusto/embedded-api/react-query/_context";
 import { PayrollProcessingRequestStatus as E } from "@gusto/embedded-api/models/components/payrollprocessingrequest";
-import { useTranslation as he } from "react-i18next";
-import { usePayrollsUpdateMutation as Se } from "@gusto/embedded-api/react-query/payrollsUpdate";
-import { usePayrollsCalculateGrossUpMutation as Ae } from "@gusto/embedded-api/react-query/payrollsCalculateGrossUp";
-import { usePayrollsGetBlockersSuspense as _e } from "@gusto/embedded-api/react-query/payrollsGetBlockers";
-import { payrollSubmitHandler as we } from "../PayrollBlocker/payrollHelpers.js";
-import { PayrollOverview as Re } from "../PayrollOverview/PayrollOverview.js";
-import { PayrollConfigurationPresentation as De } from "./PayrollConfigurationPresentation.js";
+import { useTranslation as Se } from "react-i18next";
+import { usePayrollsUpdateMutation as we } from "@gusto/embedded-api/react-query/payrollsUpdate";
+import { usePayrollsCalculateGrossUpMutation as Re } from "@gusto/embedded-api/react-query/payrollsCalculateGrossUp";
+import { usePayrollsGetBlockersSuspense as Ae } from "@gusto/embedded-api/react-query/payrollsGetBlockers";
+import { payrollSubmitHandler as _e } from "../PayrollBlocker/payrollHelpers.js";
+import { PayrollOverview as De } from "../PayrollOverview/PayrollOverview.js";
+import { PayrollConfigurationPresentation as Oe } from "./PayrollConfigurationPresentation.js";
 import { usePayrollConfigurationData as Ee } from "./usePayrollConfigurationData.js";
-import { isGrossUpEligible as Oe, getGrossUpTargetCompensationName as Te } from "./grossUpHelpers.js";
-import { BaseComponent as xe } from "../../Base/Base.js";
+import { isGrossUpEligible as Te, getGrossUpTargetCompensationName as xe } from "./grossUpHelpers.js";
+import { BaseComponent as be } from "../../Base/Base.js";
 import { componentEvents as l } from "../../../shared/constants.js";
-import { useComponentDictionary as be, useI18n as ke } from "../../../i18n/I18n.js";
+import { useComponentDictionary as ke, useI18n as Ge } from "../../../i18n/I18n.js";
 import { useBase as Ne } from "../../Base/useBase.js";
-import { useDateFormatter as Ge } from "../../../hooks/useDateFormatter.js";
-import { SDKInternalError as F } from "../../../types/sdkError.js";
-import { API_QUERY_NAMESPACE as Ye } from "../../../contexts/ApiProvider/apiVersion.js";
+import { useDateFormatter as Ye } from "../../../hooks/useDateFormatter.js";
+import { SDKInternalError as W } from "../../../types/sdkError.js";
 import { GrossUpModal as Me } from "../GrossUpModal/GrossUpModal.js";
-const Be = (t) => t?.status === E.Calculating, qe = (t, u) => u != null && (t?.status === E.CalculateSuccess || t == null);
-function mo(t) {
-  return /* @__PURE__ */ f(xe, { ...t, children: /* @__PURE__ */ f(Fe, { ...t, children: t.children }) });
+const v = (o) => o?.status === E.Calculating, Be = (o, n) => n != null && (o?.status === E.CalculateSuccess || o == null);
+function ut(o) {
+  return /* @__PURE__ */ C(be, { ...o, children: /* @__PURE__ */ C(Fe, { ...o, children: o.children }) });
 }
 const Fe = ({
-  onEvent: t,
-  companyId: u,
+  onEvent: o,
+  companyId: n,
   payrollId: i,
-  dictionary: j,
-  alerts: v,
-  withReimbursements: O = !0
+  dictionary: K,
+  alerts: H,
+  withReimbursements: T = !0
 }) => {
-  be("Payroll.PayrollConfiguration", j), ke("Payroll.PayrollConfiguration");
-  const { t: c } = he("Payroll.PayrollConfiguration"), { baseSubmitHandler: C } = Ne(), p = Ge(), [n, m] = y(!1), [U, T] = y(!1), L = B(null), W = ge(), K = Pe(), { data: s } = Ue(
+  ke("Payroll.PayrollConfiguration", K), Ge("Payroll.PayrollConfiguration");
+  const { t: c } = Se("Payroll.PayrollConfiguration"), { baseSubmitHandler: P } = Ne(), m = Ye(), [u, d] = f(!1), [x, b] = f(!1), g = D(null), p = D(!1), V = Le(), { data: a } = ge(
     {
-      companyId: u,
+      companyId: n,
       payrollId: i,
       include: ["taxes", "benefits", "deductions", "payroll_status_meta"]
     },
-    { refetchInterval: n ? 5e3 : !1 }
-  ), H = q(
-    () => s.payrollShow?.employeeCompensations?.filter((e) => e.excluded).map((e) => e.employeeUuid).filter(Boolean) ?? [],
-    [s.payrollShow?.employeeCompensations]
-  ), {
-    employeeDetails: V,
-    employeeCompensations: x,
-    paySchedule: I,
+    { refetchInterval: u ? 5e3 : !1 }
+  ), I = q(
+    () => a.payrollShow?.employeeCompensations?.filter((e) => e.excluded).map((e) => e.employeeUuid).filter(Boolean) ?? [],
+    [a.payrollShow?.employeeCompensations]
+  );
+  v(a.payrollShow?.processingRequest) && (p.current = !0);
+  const k = x || u || p.current, {
+    employeeDetails: J,
+    employeeCompensations: G,
+    paySchedule: z,
     payPeriod: Q,
-    payrollCategory: g,
-    pagination: J,
-    isLoading: z,
-    isAlreadyProcessed: h,
+    payrollCategory: h,
+    pagination: X,
+    isLoading: Z,
+    isAlreadyProcessed: L,
     refetch: S
   } = Ee({
-    companyId: u,
+    companyId: n,
     payrollId: i,
-    isCalculating: n || U,
-    excludedEmployeeUuids: H
-  }), A = q(
+    // Don't prepare while calculating, or once we've seen it calculate. If the payroll was already
+    // calculated when we opened (e.g. clicking Edit), we do prepare so it can be edited.
+    disablePrepare: u || x || p.current,
+    excludedEmployeeUuids: I
+  }), w = q(
     () => ({
       type: "error",
       title: c("alerts.alreadyProcessed"),
       alertKey: "alreadyProcessed"
     }),
     [c]
-  ), _ = B(!1);
-  D(() => {
-    if (!h) {
-      _.current = !1;
+  ), R = D(!1);
+  O(() => {
+    if (!L) {
+      R.current = !1;
       return;
     }
-    _.current || (_.current = !0, t(l.RUN_PAYROLL_ALREADY_PROCESSED, {
+    R.current || (R.current = !0, o(l.RUN_PAYROLL_ALREADY_PROCESSED, {
       payrollId: i,
-      alert: A,
-      payPeriod: s.payrollShow?.payPeriod
+      alert: w,
+      payPeriod: a.payrollShow?.payPeriod
     }));
   }, [
-    h,
-    t,
+    L,
+    o,
     i,
-    A,
-    s.payrollShow?.payPeriod
+    w,
+    a.payrollShow?.payPeriod
   ]);
-  const { mutateAsync: b, isPending: X } = Se(), { mutateAsync: Z } = Ae(), [d, k] = y(null), [$, w] = y(!1), N = Oe(g), P = Te(g), ee = (e) => {
-    k(e), w(!0), t(l.RUN_PAYROLL_GROSS_UP_SELECTED, { employeeUuid: e });
-  }, oe = async (e) => {
-    if (!d) return null;
-    let o = null;
-    return await C(null, async () => {
-      o = (await Z({
+  const { mutateAsync: N, isPending: $ } = we(), { mutateAsync: ee } = Re(), [y, Y] = f(null), [te, A] = f(!1), M = Te(h), U = xe(h), oe = (e) => {
+    Y(e), A(!0), o(l.RUN_PAYROLL_GROSS_UP_SELECTED, { employeeUuid: e });
+  }, ae = async (e) => {
+    if (!y) return null;
+    let t = null;
+    return await P(null, async () => {
+      t = (await ee({
         request: {
           payrollUuid: i,
           payrollGrossUpRequest: {
-            employeeUuid: d,
+            employeeUuid: y,
             netPay: e.toString()
           }
         }
-      })).payrollGrossUpResponse?.grossUp ?? null, o && t(l.RUN_PAYROLL_GROSS_UP_CALCULATED, {
-        grossUp: o,
+      })).payrollGrossUpResponse?.grossUp ?? null, t && o(l.RUN_PAYROLL_GROSS_UP_CALCULATED, {
+        grossUp: t,
         netPay: e,
-        employeeUuid: d
+        employeeUuid: y
       });
-    }), o;
-  }, te = async (e) => {
-    if (!d || !P)
-      throw new F(
+    }), t;
+  }, se = async (e) => {
+    if (!y || !U)
+      throw new W(
         "Unable to apply gross-up: missing employee or target compensation."
       );
-    const o = x.find((a) => a.employeeUuid === d);
-    if (!o)
-      throw new F("Unable to apply gross-up: employee compensation not found.");
-    const r = o.fixedCompensations ?? [], pe = r.some(
-      (a) => a.name?.toLowerCase() === P.toLowerCase()
-    ), M = r.map((a) => ({
-      name: a.name,
-      jobUuid: a.jobUuid,
-      amount: a.name?.toLowerCase() === P.toLowerCase() ? e : "0"
+    const t = G.find((s) => s.employeeUuid === y);
+    if (!t)
+      throw new W("Unable to apply gross-up: employee compensation not found.");
+    const r = t.fixedCompensations ?? [], de = r.some(
+      (s) => s.name?.toLowerCase() === U.toLowerCase()
+    ), j = r.map((s) => ({
+      name: s.name,
+      jobUuid: s.jobUuid,
+      amount: s.name?.toLowerCase() === U.toLowerCase() ? e : "0"
     }));
-    if (!pe) {
-      const a = o.hourlyCompensations?.[0]?.jobUuid ?? r[0]?.jobUuid ?? "";
-      M.push({
-        name: P,
-        jobUuid: a,
+    if (!de) {
+      const s = t.hourlyCompensations?.[0]?.jobUuid ?? r[0]?.jobUuid ?? "";
+      j.push({
+        name: U,
+        jobUuid: s,
         amount: e
       });
     }
-    const me = (o.hourlyCompensations ?? []).map((a) => ({
-      name: a.name,
-      jobUuid: a.jobUuid,
+    const ye = (t.hourlyCompensations ?? []).map((s) => ({
+      name: s.name,
+      jobUuid: s.jobUuid,
       hours: "0"
-    })), de = (o.paidTimeOff ?? []).map((a) => ({
-      name: a.name,
+    })), fe = (t.paidTimeOff ?? []).map((s) => ({
+      name: s.name,
       hours: "0"
-    })), ye = Y({
-      ...o,
-      fixedCompensations: M,
-      hourlyCompensations: me,
-      paidTimeOff: de
+    })), Ce = F({
+      ...t,
+      fixedCompensations: j,
+      hourlyCompensations: ye,
+      paidTimeOff: fe
     });
-    await C({}, async () => {
-      const a = await b({
+    await P({}, async () => {
+      const s = await N({
         request: {
-          companyId: u,
+          companyId: n,
           payrollId: i,
           payrollUpdate: {
-            employeeCompensations: [{ ...ye, excluded: !1 }]
+            employeeCompensations: [{ ...Ce, excluded: !1 }]
           }
         }
       });
-      t(l.RUN_PAYROLL_EMPLOYEE_SAVED, {
-        payrollPrepared: a.payrollPrepared
+      o(l.RUN_PAYROLL_EMPLOYEE_SAVED, {
+        payrollPrepared: s.payrollPrepared
       }), await S();
-    }), k(null), w(!1);
-  }, ae = async (e) => {
+    }), Y(null), A(!1);
+  }, re = async (e) => {
     try {
-      await te(e);
+      await se(e);
     } catch {
     }
-  }, { data: se } = _e({
-    companyUuid: u
-  }), G = (se.payrollBlockers ?? []).map((e) => ({
+  }, { data: le } = Ae({
+    companyUuid: n
+  }), B = (le.payrollBlockers ?? []).map((e) => ({
     key: e.key,
     message: e.message
-  })), [re, R] = y(G), le = async () => {
-    R([]), L.current = s.payrollShow?.calculatedAt?.getTime() ?? null, await C({}, async () => {
-      const e = await we(async () => {
-        T(!0);
+  })), [ie, _] = f(B), ne = async () => {
+    _([]), p.current = !0, g.current = a.payrollShow?.calculatedAt?.getTime() ?? null, await P({}, async () => {
+      const e = await _e(async () => {
+        b(!0);
         try {
-          const o = await Le(W, {
-            companyId: u,
+          const t = await he(V, {
+            companyId: n,
             payrollId: i
           });
-          if (!o.ok)
-            throw o.error;
-          K.invalidateQueries({ queryKey: [Ye] }), m(!0);
+          if (!t.ok)
+            throw t.error;
+          d(!0);
         } finally {
-          T(!1);
+          b(!1);
         }
       });
-      !e.success && e.blockers.length > 0 && R(e.blockers);
+      !e.success && e.blockers.length > 0 && _(e.blockers);
     });
-  }, ie = (e) => {
-    t(l.RUN_PAYROLL_EMPLOYEE_EDIT, {
+  }, ue = (e) => {
+    o(l.RUN_PAYROLL_EMPLOYEE_EDIT, {
       employeeId: e.uuid,
       firstName: e.firstName,
       lastName: e.lastName
     });
-  }, Y = (e) => {
-    const { paymentMethod: o } = e;
+  }, F = (e) => {
+    const { paymentMethod: t } = e;
     return {
       employeeUuid: e.employeeUuid,
       version: e.version,
@@ -199,133 +201,133 @@ const Fe = ({
       hourlyCompensations: e.hourlyCompensations,
       paidTimeOff: e.paidTimeOff,
       deductions: e.deductions,
-      ...o && o !== "Historical" ? { paymentMethod: o } : {},
+      ...t && t !== "Historical" ? { paymentMethod: t } : {},
       memo: e.memo || void 0
     };
-  }, ne = async (e) => {
-    t(l.RUN_PAYROLL_EMPLOYEE_SKIP, {
+  }, ce = async (e) => {
+    o(l.RUN_PAYROLL_EMPLOYEE_SKIP, {
       employeeId: e.employeeUuid
-    }), await C({}, async () => {
-      const o = Y(e), r = await b({
+    }), await P({}, async () => {
+      const t = F(e), r = await N({
         request: {
-          companyId: u,
+          companyId: n,
           payrollId: i,
           payrollUpdate: {
             employeeCompensations: [
-              { ...o, excluded: !o.excluded }
+              { ...t, excluded: !t.excluded }
             ]
           }
         }
       });
-      t(l.RUN_PAYROLL_EMPLOYEE_SAVED, {
+      o(l.RUN_PAYROLL_EMPLOYEE_SAVED, {
         payrollPrepared: r.payrollPrepared
       }), await S();
     });
-  }, ue = () => {
-    t(l.RUN_PAYROLL_BLOCKERS_VIEW_ALL);
+  }, pe = () => {
+    o(l.RUN_PAYROLL_BLOCKERS_VIEW_ALL);
   };
-  D(() => {
-    Be(s.payrollShow?.processingRequest) && !n && (L.current = s.payrollShow?.calculatedAt?.getTime() ?? null, m(!0));
-    const e = s.payrollShow?.calculatedAt, o = e?.getTime() !== L.current;
-    n && o && qe(s.payrollShow?.processingRequest, e) && (t(l.RUN_PAYROLL_CALCULATED, {
+  O(() => {
+    v(a.payrollShow?.processingRequest) && !u && (g.current = a.payrollShow?.calculatedAt?.getTime() ?? null, d(!0));
+    const e = a.payrollShow?.calculatedAt, t = e?.getTime() !== g.current;
+    u && t && Be(a.payrollShow?.processingRequest, e) && (o(l.RUN_PAYROLL_CALCULATED, {
       payrollId: i,
       alert: {
         type: "success",
         title: c("alerts.progressSaved"),
         alertKey: "progressSaved"
       },
-      payPeriod: s.payrollShow?.payPeriod
-    }), R([]), m(!1)), n && s.payrollShow?.processingRequest?.status === E.ProcessingFailed && (t(l.RUN_PAYROLL_PROCESSING_FAILED), m(!1));
+      payPeriod: a.payrollShow?.payPeriod
+    }), _([]), d(!1)), u && a.payrollShow?.processingRequest?.status === E.ProcessingFailed && (o(l.RUN_PAYROLL_PROCESSING_FAILED), d(!1), p.current = !1);
   }, [
-    s.payrollShow?.processingRequest?.status,
-    s.payrollShow?.calculatedAt,
-    n,
-    t,
+    a.payrollShow?.processingRequest?.status,
+    a.payrollShow?.calculatedAt,
+    u,
+    o,
     c,
     i
-  ]), D(() => {
-    if (!n) return;
-    const e = 180 * 1e3, o = setTimeout(() => {
-      t(l.RUN_PAYROLL_PROCESSING_FAILED), m(!1);
+  ]), O(() => {
+    if (!u) return;
+    const e = 180 * 1e3, t = setTimeout(() => {
+      o(l.RUN_PAYROLL_PROCESSING_FAILED), d(!1), p.current = !1;
     }, e);
     return () => {
-      clearTimeout(o);
+      clearTimeout(t);
     };
-  }, [n, t]);
-  const ce = (() => {
-    const e = s.payrollShow?.payrollStatusMeta;
+  }, [u, o]);
+  const me = (() => {
+    const e = a.payrollShow?.payrollStatusMeta;
     if (e?.payrollLate && e.initialCheckDate && e.expectedDebitTime && e.expectedCheckDate)
       return {
         label: c("alerts.payrollLate", {
-          initialCheckDate: p.formatShortWithWeekday(e.initialCheckDate)
+          initialCheckDate: m.formatShortWithWeekday(e.initialCheckDate)
         }),
         content: c("alerts.payrollLateText", {
-          ...p.formatWithTime(e.expectedDebitTime),
-          newCheckDate: p.formatShortWithWeekday(e.expectedCheckDate)
+          ...m.formatWithTime(e.expectedDebitTime),
+          newCheckDate: m.formatShortWithWeekday(e.expectedCheckDate)
         }),
         variant: "warning"
       };
-    const { payrollShow: r } = s;
+    const { payrollShow: r } = a;
     if (r?.checkDate && r.payrollDeadline)
       return {
         label: c("alerts.directDepositDeadline", {
-          payDate: p.formatShortWithWeekday(r.checkDate),
-          ...p.formatWithTime(r.payrollDeadline)
+          payDate: m.formatShortWithWeekday(r.checkDate),
+          ...m.formatWithTime(r.payrollDeadline)
         }),
         content: c("alerts.directDepositDeadlineText"),
         variant: "info"
       };
   })();
-  return h ? /* @__PURE__ */ f(
-    Re,
+  return L ? /* @__PURE__ */ C(
+    De,
     {
-      companyId: u,
+      companyId: n,
       payrollId: i,
-      onEvent: (o, r) => {
-        o === l.RUN_PAYROLL_CANCELLED && S(), t(o, r);
+      onEvent: (t, r) => {
+        t === l.RUN_PAYROLL_CANCELLED && S(), o(t, r);
       },
-      withReimbursements: O,
-      alerts: [A]
+      withReimbursements: T,
+      alerts: [w]
     }
-  ) : /* @__PURE__ */ fe(Ce, { children: [
-    /* @__PURE__ */ f(
-      De,
+  ) : /* @__PURE__ */ Pe(Ue, { children: [
+    /* @__PURE__ */ C(
+      Oe,
       {
-        onCalculatePayroll: le,
-        isCalculateDisabled: G.length > 0,
-        onEdit: ie,
-        onToggleExclude: ne,
-        onViewBlockers: ue,
-        employeeCompensations: x,
-        employeeDetails: V,
+        onCalculatePayroll: ne,
+        isCalculateDisabled: B.length > 0,
+        onEdit: ue,
+        onToggleExclude: ce,
+        onViewBlockers: pe,
+        employeeCompensations: G,
+        employeeDetails: J,
         payPeriod: Q,
-        paySchedule: I,
-        payrollCategory: g,
-        alerts: v,
-        payrollAlert: ce,
-        isPending: n || z || X || U,
-        isCalculating: U || n,
-        payrollBlockers: re,
-        pagination: J,
-        withReimbursements: O,
-        grossUpEnabled: N,
-        onGrossUpSelect: ee
+        paySchedule: z,
+        payrollCategory: h,
+        alerts: H,
+        payrollAlert: me,
+        isPending: k || Z || $,
+        isCalculating: k,
+        payrollBlockers: ie,
+        pagination: X,
+        withReimbursements: T,
+        grossUpEnabled: M,
+        onGrossUpSelect: oe
       }
     ),
-    N && /* @__PURE__ */ f(
+    M && /* @__PURE__ */ C(
       Me,
       {
-        isOpen: $,
-        onCalculateGrossUp: oe,
-        onApply: ae,
+        isOpen: te,
+        onCalculateGrossUp: ae,
+        onApply: re,
         onCancel: () => {
-          w(!1);
+          A(!1);
         }
       }
     )
   ] });
 };
 export {
-  mo as PayrollConfiguration
+  ut as PayrollConfiguration
 };
 //# sourceMappingURL=PayrollConfiguration.js.map