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

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

@@ -1,165 +1,257 @@
-import { jsx as m } from "react/jsx-runtime";
-import { useState as h, useEffect as H } from "react";
-import { usePayrollsGetSuspense as K } from "@gusto/embedded-api/react-query/payrollsGet";
-import { usePayrollsCalculateMutation as V } from "@gusto/embedded-api/react-query/payrollsCalculate";
-import { PayrollProcessingRequestStatus as f } from "@gusto/embedded-api/models/components/payrollprocessingrequest";
-import { useTranslation as v } from "react-i18next";
-import { usePayrollsUpdateMutation as j } from "@gusto/embedded-api/react-query/payrollsUpdate";
-import { usePayrollsGetBlockersSuspense as I } from "@gusto/embedded-api/react-query/payrollsGetBlockers";
-import { payrollSubmitHandler as z } from "../PayrollBlocker/payrollHelpers.js";
-import { PayrollConfigurationPresentation as J } from "./PayrollConfigurationPresentation.js";
-import { usePayrollConfigurationData as Q } from "./usePayrollConfigurationData.js";
-import { BaseComponent as X } from "../../Base/Base.js";
-import { componentEvents as s } from "../../../shared/constants.js";
-import { useComponentDictionary as Z, useI18n as $ } from "../../../i18n/I18n.js";
-import { useBase as ee } from "../../Base/useBase.js";
-import { useDateFormatter as te } from "../../../hooks/useDateFormatter.js";
-const ae = (t) => t?.status === f.Calculating, oe = (t) => t?.status === f.CalculateSuccess;
-function De(t) {
-  return /* @__PURE__ */ m(X, { ...t, children: /* @__PURE__ */ m(le, { ...t, children: t.children }) });
+import { jsx as C, jsxs as re, Fragment as ie } from "react/jsx-runtime";
+import { useState as P, useEffect as ne } from "react";
+import { usePayrollsGetSuspense as pe } from "@gusto/embedded-api/react-query/payrollsGet";
+import { usePayrollsCalculateMutation as ue } from "@gusto/embedded-api/react-query/payrollsCalculate";
+import { PayrollProcessingRequestStatus as h } from "@gusto/embedded-api/models/components/payrollprocessingrequest";
+import { useTranslation as ce } from "react-i18next";
+import { usePayrollsUpdateMutation as me } from "@gusto/embedded-api/react-query/payrollsUpdate";
+import { usePayrollsCalculateGrossUpMutation as ye } from "@gusto/embedded-api/react-query/payrollsCalculateGrossUp";
+import { usePayrollsGetBlockersSuspense as de } from "@gusto/embedded-api/react-query/payrollsGetBlockers";
+import { payrollSubmitHandler as fe } from "../PayrollBlocker/payrollHelpers.js";
+import { PayrollConfigurationPresentation as Pe } from "./PayrollConfigurationPresentation.js";
+import { usePayrollConfigurationData as Ce } from "./usePayrollConfigurationData.js";
+import { isGrossUpEligible as Ue, getGrossUpTargetCompensationName as ge } from "./grossUpHelpers.js";
+import { BaseComponent as Se } from "../../Base/Base.js";
+import { componentEvents as r } from "../../../shared/constants.js";
+import { useComponentDictionary as he, useI18n as Le } from "../../../i18n/I18n.js";
+import { useBase as we } from "../../Base/useBase.js";
+import { useDateFormatter as Re } from "../../../hooks/useDateFormatter.js";
+import { GrossUpModal as _e } from "../GrossUpModal/GrossUpModal.js";
+const De = (o) => o?.status === h.Calculating, Ee = (o) => o?.status === h.CalculateSuccess;
+function Xe(o) {
+  return /* @__PURE__ */ C(Se, { ...o, children: /* @__PURE__ */ C(be, { ...o, children: o.children }) });
 }
-const le = ({
-  onEvent: t,
-  companyId: i,
-  payrollId: l,
-  dictionary: g,
-  alerts: C,
-  withReimbursements: L = !0
+const be = ({
+  onEvent: o,
+  companyId: p,
+  payrollId: i,
+  dictionary: G,
+  alerts: x,
+  withReimbursements: T = !0
 }) => {
-  Z("Payroll.PayrollConfiguration", g), $("Payroll.PayrollConfiguration");
-  const { t: r } = v("Payroll.PayrollConfiguration"), { baseSubmitHandler: d } = ee(), n = te(), [o, c] = h(!1), {
-    employeeDetails: D,
-    employeeCompensations: w,
-    paySchedule: k,
-    payPeriod: R,
-    isOffCycle: _,
-    offCycleReason: A,
-    pagination: E,
-    isLoading: b,
-    refetch: x
-  } = Q({
-    companyId: i,
-    payrollId: l
-  }), { data: a } = K(
+  he("Payroll.PayrollConfiguration", G), Le("Payroll.PayrollConfiguration");
+  const { t: u } = ce("Payroll.PayrollConfiguration"), { baseSubmitHandler: y } = we(), c = Re(), [n, d] = P(!1), {
+    employeeDetails: M,
+    employeeCompensations: L,
+    paySchedule: N,
+    payPeriod: Y,
+    isOffCycle: w,
+    offCycleReason: U,
+    pagination: q,
+    isLoading: B,
+    refetch: R
+  } = Ce({
+    companyId: p,
+    payrollId: i
+  }), { data: t } = pe(
     {
-      companyId: i,
-      payrollId: l,
+      companyId: p,
+      payrollId: i,
       include: ["taxes", "benefits", "deductions", "payroll_status_meta"]
     },
-    { refetchInterval: o ? 5e3 : !1 }
-  ), { mutateAsync: O, isPending: P } = V(), { mutateAsync: U, isPending: N } = j(), { data: B } = I({
-    companyUuid: i
-  }), S = (B.payrollBlockerList ?? []).map((e) => ({
+    { refetchInterval: n ? 5e3 : !1 }
+  ), { mutateAsync: j, isPending: _ } = ue(), { mutateAsync: D, isPending: W } = me(), { mutateAsync: F, isPending: H } = ye(), [m, E] = P(null), [V, g] = P(!1), b = Ue(w, U), f = ge(U), K = (e) => {
+    E(e), g(!0), o(r.RUN_PAYROLL_GROSS_UP_SELECTED, { employeeUuid: e });
+  }, J = async (e) => {
+    if (!m) return null;
+    let s = null;
+    return await y(null, async () => {
+      s = (await F({
+        request: {
+          payrollUuid: i,
+          payrollGrossUpRequest: {
+            employeeUuid: m,
+            netPay: e.toString()
+          }
+        }
+      })).payrollGrossUpResponse?.grossUp ?? null, s && o(r.RUN_PAYROLL_GROSS_UP_CALCULATED, {
+        grossUp: s,
+        netPay: e,
+        employeeUuid: m
+      });
+    }), s;
+  }, z = async (e) => {
+    if (!m || !f)
+      throw new Error("Unable to apply gross-up: missing employee or target compensation.");
+    const s = L.find((a) => a.employeeUuid === m);
+    if (!s)
+      throw new Error("Unable to apply gross-up: employee compensation not found.");
+    const l = s.fixedCompensations ?? [], ae = l.some(
+      (a) => a.name?.toLowerCase() === f.toLowerCase()
+    ), k = l.map((a) => ({
+      name: a.name,
+      jobUuid: a.jobUuid,
+      amount: a.name?.toLowerCase() === f.toLowerCase() ? e : "0"
+    }));
+    if (!ae) {
+      const a = s.hourlyCompensations?.[0]?.jobUuid ?? l[0]?.jobUuid ?? "";
+      k.push({
+        name: f,
+        jobUuid: a,
+        amount: e
+      });
+    }
+    const te = (s.hourlyCompensations ?? []).map((a) => ({
+      name: a.name,
+      jobUuid: a.jobUuid,
+      hours: "0"
+    })), se = (s.paidTimeOff ?? []).map((a) => ({
+      name: a.name,
+      hours: "0"
+    })), le = O({
+      ...s,
+      fixedCompensations: k,
+      hourlyCompensations: te,
+      paidTimeOff: se
+    });
+    await y({}, async () => {
+      const a = await D({
+        request: {
+          companyId: p,
+          payrollId: i,
+          payrollUpdate: {
+            employeeCompensations: [{ ...le, excluded: !1 }]
+          }
+        }
+      });
+      o(r.RUN_PAYROLL_EMPLOYEE_SAVED, {
+        payrollPrepared: a.payrollPrepared
+      }), await R();
+    }), E(null), g(!1);
+  }, Q = async (e) => {
+    try {
+      await z(e);
+    } catch {
+    }
+  }, { data: X } = de({
+    companyUuid: p
+  }), A = (X.payrollBlockerList ?? []).map((e) => ({
     key: e.key ?? "unknown",
     message: e.message
-  })), [M, p] = h(S), T = async () => {
-    p([]), await d({}, async () => {
-      const e = await z(async () => {
-        await O({
+  })), [Z, S] = P(A), $ = async () => {
+    S([]), await y({}, async () => {
+      const e = await fe(async () => {
+        await j({
           request: {
-            companyId: i,
-            payrollId: l
+            companyId: p,
+            payrollId: i
           }
-        }), c(!0);
+        }), d(!0);
       });
-      !e.success && e.blockers.length > 0 && p(e.blockers);
+      !e.success && e.blockers.length > 0 && S(e.blockers);
     });
-  }, W = (e) => {
-    t(s.RUN_PAYROLL_EMPLOYEE_EDIT, {
+  }, v = (e) => {
+    o(r.RUN_PAYROLL_EMPLOYEE_EDIT, {
       employeeId: e.uuid,
       firstName: e.firstName,
       lastName: e.lastName
     });
-  }, Y = ({
+  }, O = ({
     paymentMethod: e,
-    reimbursements: y,
-    ...u
+    reimbursements: s,
+    ...l
   }) => ({
-    ...u,
+    ...l,
     ...e && e !== "Historical" ? { paymentMethod: e } : {},
-    memo: u.memo || void 0
-  }), q = async (e) => {
-    t(s.RUN_PAYROLL_EMPLOYEE_SKIP, {
+    memo: l.memo || void 0
+  }), I = async (e) => {
+    o(r.RUN_PAYROLL_EMPLOYEE_SKIP, {
       employeeId: e.employeeUuid
-    }), await d({}, async () => {
-      const y = Y(e), u = await U({
+    }), await y({}, async () => {
+      const s = O(e), l = await D({
         request: {
-          companyId: i,
-          payrollId: l,
+          companyId: p,
+          payrollId: i,
           payrollUpdate: {
             employeeCompensations: [
-              { ...y, excluded: !y.excluded }
+              { ...s, excluded: !s.excluded }
             ]
           }
         }
       });
-      t(s.RUN_PAYROLL_EMPLOYEE_SAVED, {
-        payrollPrepared: u.payrollPrepared
-      }), await x();
+      o(r.RUN_PAYROLL_EMPLOYEE_SAVED, {
+        payrollPrepared: l.payrollPrepared
+      }), await R();
     });
-  }, F = () => {
-    t(s.RUN_PAYROLL_BLOCKERS_VIEW_ALL);
+  }, ee = () => {
+    o(r.RUN_PAYROLL_BLOCKERS_VIEW_ALL);
   };
-  H(() => {
-    ae(a.payrollShow?.processingRequest) && !o && c(!0), o && oe(a.payrollShow?.processingRequest) && (t(s.RUN_PAYROLL_CALCULATED, {
-      payrollId: l,
+  ne(() => {
+    De(t.payrollShow?.processingRequest) && !n && d(!0), n && Ee(t.payrollShow?.processingRequest) && (o(r.RUN_PAYROLL_CALCULATED, {
+      payrollId: i,
       alert: {
         type: "success",
-        title: r("alerts.progressSaved"),
+        title: u("alerts.progressSaved"),
         alertKey: "progressSaved"
       },
-      payPeriod: a.payrollShow?.payPeriod
-    }), p([]), c(!1)), o && a.payrollShow?.processingRequest?.status === f.ProcessingFailed && (t(s.RUN_PAYROLL_PROCESSING_FAILED), c(!1));
-  }, [a.payrollShow?.processingRequest, o, t, r, l]);
-  const G = a.payrollShow?.payrollStatusMeta?.payrollLate && a.payrollShow.payrollStatusMeta.initialCheckDate && a.payrollShow.payrollStatusMeta.expectedDebitTime && a.payrollShow.payrollStatusMeta.expectedCheckDate ? {
-    label: r("alerts.payrollLate", {
-      initialCheckDate: n.formatShortWithWeekday(
-        a.payrollShow.payrollStatusMeta.initialCheckDate
+      payPeriod: t.payrollShow?.payPeriod
+    }), S([]), d(!1)), n && t.payrollShow?.processingRequest?.status === h.ProcessingFailed && (o(r.RUN_PAYROLL_PROCESSING_FAILED), d(!1));
+  }, [t.payrollShow?.processingRequest, n, o, u, i]);
+  const oe = t.payrollShow?.payrollStatusMeta?.payrollLate && t.payrollShow.payrollStatusMeta.initialCheckDate && t.payrollShow.payrollStatusMeta.expectedDebitTime && t.payrollShow.payrollStatusMeta.expectedCheckDate ? {
+    label: u("alerts.payrollLate", {
+      initialCheckDate: c.formatShortWithWeekday(
+        t.payrollShow.payrollStatusMeta.initialCheckDate
       )
     }),
-    content: r("alerts.payrollLateText", {
-      ...n.formatWithTime(
-        a.payrollShow.payrollStatusMeta.expectedDebitTime
+    content: u("alerts.payrollLateText", {
+      ...c.formatWithTime(
+        t.payrollShow.payrollStatusMeta.expectedDebitTime
       ),
-      newCheckDate: n.formatShortWithWeekday(
-        a.payrollShow.payrollStatusMeta.expectedCheckDate
+      newCheckDate: c.formatShortWithWeekday(
+        t.payrollShow.payrollStatusMeta.expectedCheckDate
       )
     }),
     variant: "warning"
-  } : a.payrollShow ? {
-    label: r("alerts.directDepositDeadline", {
-      payDate: n.formatShortWithWeekday(a.payrollShow.checkDate),
-      ...n.formatWithTime(a.payrollShow.payrollDeadline)
+  } : t.payrollShow ? {
+    label: u("alerts.directDepositDeadline", {
+      payDate: c.formatShortWithWeekday(t.payrollShow.checkDate),
+      ...c.formatWithTime(t.payrollShow.payrollDeadline)
     }),
-    content: r("alerts.directDepositDeadlineText"),
+    content: u("alerts.directDepositDeadlineText"),
     variant: "info"
   } : void 0;
-  return /* @__PURE__ */ m(
-    J,
-    {
-      onCalculatePayroll: T,
-      isCalculateDisabled: S.length > 0,
-      onEdit: W,
-      onToggleExclude: q,
-      onViewBlockers: F,
-      employeeCompensations: w,
-      employeeDetails: D,
-      payPeriod: R,
-      paySchedule: k,
-      isOffCycle: _,
-      offCycleReason: A,
-      alerts: C,
-      payrollAlert: G,
-      isPending: o || b || N || P,
-      isCalculating: P || o,
-      payrollBlockers: M,
-      pagination: E,
-      withReimbursements: L
-    }
-  );
+  return /* @__PURE__ */ re(ie, { children: [
+    /* @__PURE__ */ C(
+      Pe,
+      {
+        onCalculatePayroll: $,
+        isCalculateDisabled: A.length > 0,
+        onEdit: v,
+        onToggleExclude: I,
+        onViewBlockers: ee,
+        employeeCompensations: L,
+        employeeDetails: M,
+        payPeriod: Y,
+        paySchedule: N,
+        isOffCycle: w,
+        offCycleReason: U,
+        alerts: x,
+        payrollAlert: oe,
+        isPending: n || B || W || _,
+        isCalculating: _ || n,
+        payrollBlockers: Z,
+        pagination: q,
+        withReimbursements: T,
+        grossUpEnabled: b,
+        onGrossUpSelect: K
+      }
+    ),
+    b && /* @__PURE__ */ C(
+      _e,
+      {
+        isOpen: V,
+        onCalculateGrossUp: J,
+        isPending: H,
+        onApply: Q,
+        onCancel: () => {
+          g(!1);
+        }
+      }
+    )
+  ] });
 };
 export {
-  De as PayrollConfiguration,
-  le as Root
+  Xe as PayrollConfiguration,
+  be as Root
 };
 //# sourceMappingURL=PayrollConfiguration.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PayrollConfiguration.js","sources":["../../../../src/components/Payroll/PayrollConfiguration/PayrollConfiguration.tsx"],"sourcesContent":["import { useEffect, useState, type ReactNode } from 'react'\nimport { usePayrollsGetSuspense } from '@gusto/embedded-api/react-query/payrollsGet'\nimport { usePayrollsCalculateMutation } from '@gusto/embedded-api/react-query/payrollsCalculate'\nimport type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type { PayrollProcessingRequest } from '@gusto/embedded-api/models/components/payrollprocessingrequest'\nimport { PayrollProcessingRequestStatus } from '@gusto/embedded-api/models/components/payrollprocessingrequest'\nimport { useTranslation } from 'react-i18next'\nimport { usePayrollsUpdateMutation } from '@gusto/embedded-api/react-query/payrollsUpdate'\nimport type { PayrollEmployeeCompensationsType } from '@gusto/embedded-api/models/components/payrollemployeecompensationstype'\nimport type { PayrollUpdateEmployeeCompensations } from '@gusto/embedded-api/models/components/payrollupdate'\nimport { usePayrollsGetBlockersSuspense } from '@gusto/embedded-api/react-query/payrollsGetBlockers'\nimport { payrollSubmitHandler, type ApiPayrollBlocker } from '../PayrollBlocker/payrollHelpers'\nimport { PayrollConfigurationPresentation } from './PayrollConfigurationPresentation'\nimport { usePayrollConfigurationData } from './usePayrollConfigurationData'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { useBase } from '@/components/Base'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\n\nconst isCalculating = (processingRequest?: PayrollProcessingRequest | null) =>\n  processingRequest?.status === PayrollProcessingRequestStatus.Calculating\nconst isCalculated = (processingRequest?: PayrollProcessingRequest | null) =>\n  processingRequest?.status === PayrollProcessingRequestStatus.CalculateSuccess\n\ninterface PayrollConfigurationProps extends BaseComponentInterface<'Payroll.PayrollConfiguration'> {\n  companyId: string\n  payrollId: string\n  alerts?: ReactNode\n  withReimbursements?: boolean\n}\n\nexport function PayrollConfiguration(props: PayrollConfigurationProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nexport const Root = ({\n  onEvent,\n  companyId,\n  payrollId,\n  dictionary,\n  alerts,\n  withReimbursements = true,\n}: PayrollConfigurationProps) => {\n  useComponentDictionary('Payroll.PayrollConfiguration', dictionary)\n  useI18n('Payroll.PayrollConfiguration')\n  const { t } = useTranslation('Payroll.PayrollConfiguration')\n  const { baseSubmitHandler } = useBase()\n  const dateFormatter = useDateFormatter()\n\n  const [isPolling, setIsPolling] = useState(false)\n\n  const {\n    employeeDetails,\n    employeeCompensations,\n    paySchedule,\n    payPeriod,\n    isOffCycle,\n    offCycleReason,\n    pagination,\n    isLoading,\n    refetch,\n  } = usePayrollConfigurationData({\n    companyId,\n    payrollId,\n  })\n\n  const { data: payrollData } = usePayrollsGetSuspense(\n    {\n      companyId,\n      payrollId,\n      include: ['taxes', 'benefits', 'deductions', 'payroll_status_meta'],\n    },\n    { refetchInterval: isPolling ? 5_000 : false },\n  )\n\n  const { mutateAsync: calculatePayroll, isPending: isCalculatingPayroll } =\n    usePayrollsCalculateMutation()\n\n  const { mutateAsync: updatePayroll, isPending: isUpdatingPayroll } = usePayrollsUpdateMutation()\n\n  const { data: blockersData } = usePayrollsGetBlockersSuspense({\n    companyUuid: companyId,\n  })\n\n  const payrollBlockerList = blockersData.payrollBlockerList ?? []\n\n  const blockersFromApi: ApiPayrollBlocker[] = payrollBlockerList.map(blocker => ({\n    key: blocker.key ?? 'unknown',\n    message: blocker.message,\n  }))\n\n  const [payrollBlockers, setPayrollBlockers] = useState<ApiPayrollBlocker[]>(blockersFromApi)\n\n  const onCalculatePayroll = async () => {\n    setPayrollBlockers([])\n\n    await baseSubmitHandler({}, async () => {\n      const result = await payrollSubmitHandler(async () => {\n        await calculatePayroll({\n          request: {\n            companyId,\n            payrollId,\n          },\n        })\n        setIsPolling(true)\n      })\n\n      if (!result.success && result.blockers.length > 0) {\n        setPayrollBlockers(result.blockers)\n      }\n    })\n  }\n\n  const onEdit = (employee: Employee) => {\n    onEvent(componentEvents.RUN_PAYROLL_EMPLOYEE_EDIT, {\n      employeeId: employee.uuid,\n      firstName: employee.firstName,\n      lastName: employee.lastName,\n    })\n  }\n\n  const transformEmployeeCompensation = ({\n    paymentMethod,\n    reimbursements,\n    ...compensation\n  }: PayrollEmployeeCompensationsType): PayrollUpdateEmployeeCompensations => {\n    return {\n      ...compensation,\n      ...(paymentMethod && paymentMethod !== 'Historical' ? { paymentMethod } : {}),\n      memo: compensation.memo || undefined,\n    }\n  }\n\n  const onToggleExclude = async (employeeCompensation: PayrollEmployeeCompensationsType) => {\n    onEvent(componentEvents.RUN_PAYROLL_EMPLOYEE_SKIP, {\n      employeeId: employeeCompensation.employeeUuid,\n    })\n    await baseSubmitHandler({}, async () => {\n      const transformedCompensation = transformEmployeeCompensation(employeeCompensation)\n      const result = await updatePayroll({\n        request: {\n          companyId,\n          payrollId,\n          payrollUpdate: {\n            employeeCompensations: [\n              { ...transformedCompensation, excluded: !transformedCompensation.excluded },\n            ],\n          },\n        },\n      })\n      onEvent(componentEvents.RUN_PAYROLL_EMPLOYEE_SAVED, {\n        payrollPrepared: result.payrollPrepared,\n      })\n      await refetch()\n    })\n  }\n\n  const onViewBlockers = () => {\n    onEvent(componentEvents.RUN_PAYROLL_BLOCKERS_VIEW_ALL)\n  }\n\n  useEffect(() => {\n    if (isCalculating(payrollData.payrollShow?.processingRequest) && !isPolling) {\n      setIsPolling(true)\n    }\n    if (isPolling && isCalculated(payrollData.payrollShow?.processingRequest)) {\n      onEvent(componentEvents.RUN_PAYROLL_CALCULATED, {\n        payrollId,\n        alert: {\n          type: 'success',\n          title: t('alerts.progressSaved'),\n          alertKey: 'progressSaved',\n        },\n        payPeriod: payrollData.payrollShow?.payPeriod,\n      })\n      setPayrollBlockers([])\n      setIsPolling(false)\n    }\n    if (\n      isPolling &&\n      payrollData.payrollShow?.processingRequest?.status ===\n        PayrollProcessingRequestStatus.ProcessingFailed\n    ) {\n      onEvent(componentEvents.RUN_PAYROLL_PROCESSING_FAILED)\n      setIsPolling(false)\n    }\n  }, [payrollData.payrollShow?.processingRequest, isPolling, onEvent, t, payrollId])\n\n  const payrollAlert =\n    payrollData.payrollShow?.payrollStatusMeta?.payrollLate &&\n    payrollData.payrollShow.payrollStatusMeta.initialCheckDate &&\n    payrollData.payrollShow.payrollStatusMeta.expectedDebitTime &&\n    payrollData.payrollShow.payrollStatusMeta.expectedCheckDate\n      ? {\n          label: t('alerts.payrollLate', {\n            initialCheckDate: dateFormatter.formatShortWithWeekday(\n              payrollData.payrollShow.payrollStatusMeta.initialCheckDate,\n            ),\n          }),\n          content: t('alerts.payrollLateText', {\n            ...dateFormatter.formatWithTime(\n              payrollData.payrollShow.payrollStatusMeta.expectedDebitTime,\n            ),\n            newCheckDate: dateFormatter.formatShortWithWeekday(\n              payrollData.payrollShow.payrollStatusMeta.expectedCheckDate,\n            ),\n          }),\n          variant: 'warning' as const,\n        }\n      : payrollData.payrollShow\n        ? {\n            label: t('alerts.directDepositDeadline', {\n              payDate: dateFormatter.formatShortWithWeekday(payrollData.payrollShow.checkDate),\n              ...dateFormatter.formatWithTime(payrollData.payrollShow.payrollDeadline),\n            }),\n            content: t('alerts.directDepositDeadlineText'),\n            variant: 'info' as const,\n          }\n        : undefined\n\n  return (\n    <PayrollConfigurationPresentation\n      onCalculatePayroll={onCalculatePayroll}\n      isCalculateDisabled={blockersFromApi.length > 0}\n      onEdit={onEdit}\n      onToggleExclude={onToggleExclude}\n      onViewBlockers={onViewBlockers}\n      employeeCompensations={employeeCompensations}\n      employeeDetails={employeeDetails}\n      payPeriod={payPeriod}\n      paySchedule={paySchedule}\n      isOffCycle={isOffCycle}\n      offCycleReason={offCycleReason}\n      alerts={alerts}\n      payrollAlert={payrollAlert}\n      isPending={isPolling || isLoading || isUpdatingPayroll || isCalculatingPayroll}\n      isCalculating={isCalculatingPayroll || isPolling}\n      payrollBlockers={payrollBlockers}\n      pagination={pagination}\n      withReimbursements={withReimbursements}\n    />\n  )\n}\n"],"names":["isCalculating","processingRequest","PayrollProcessingRequestStatus","isCalculated","PayrollConfiguration","props","jsx","BaseComponent","Root","onEvent","companyId","payrollId","dictionary","alerts","withReimbursements","useComponentDictionary","useI18n","t","useTranslation","baseSubmitHandler","useBase","dateFormatter","useDateFormatter","isPolling","setIsPolling","useState","employeeDetails","employeeCompensations","paySchedule","payPeriod","isOffCycle","offCycleReason","pagination","isLoading","refetch","usePayrollConfigurationData","payrollData","usePayrollsGetSuspense","calculatePayroll","isCalculatingPayroll","usePayrollsCalculateMutation","updatePayroll","isUpdatingPayroll","usePayrollsUpdateMutation","blockersData","usePayrollsGetBlockersSuspense","blockersFromApi","blocker","payrollBlockers","setPayrollBlockers","onCalculatePayroll","result","payrollSubmitHandler","onEdit","employee","componentEvents","transformEmployeeCompensation","paymentMethod","reimbursements","compensation","onToggleExclude","employeeCompensation","transformedCompensation","onViewBlockers","useEffect","payrollAlert","PayrollConfigurationPresentation"],"mappings":"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"}
+{"version":3,"file":"PayrollConfiguration.js","sources":["../../../../src/components/Payroll/PayrollConfiguration/PayrollConfiguration.tsx"],"sourcesContent":["import { useEffect, useState, type ReactNode } from 'react'\nimport { usePayrollsGetSuspense } from '@gusto/embedded-api/react-query/payrollsGet'\nimport { usePayrollsCalculateMutation } from '@gusto/embedded-api/react-query/payrollsCalculate'\nimport type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type { PayrollProcessingRequest } from '@gusto/embedded-api/models/components/payrollprocessingrequest'\nimport { PayrollProcessingRequestStatus } from '@gusto/embedded-api/models/components/payrollprocessingrequest'\nimport { useTranslation } from 'react-i18next'\nimport { usePayrollsUpdateMutation } from '@gusto/embedded-api/react-query/payrollsUpdate'\nimport { usePayrollsCalculateGrossUpMutation } from '@gusto/embedded-api/react-query/payrollsCalculateGrossUp'\nimport type { PayrollEmployeeCompensationsType } from '@gusto/embedded-api/models/components/payrollemployeecompensationstype'\nimport type { PayrollUpdateEmployeeCompensations } from '@gusto/embedded-api/models/components/payrollupdate'\nimport { usePayrollsGetBlockersSuspense } from '@gusto/embedded-api/react-query/payrollsGetBlockers'\nimport { payrollSubmitHandler, type ApiPayrollBlocker } from '../PayrollBlocker/payrollHelpers'\nimport { GrossUpModal } from '../GrossUpModal'\nimport { PayrollConfigurationPresentation } from './PayrollConfigurationPresentation'\nimport { usePayrollConfigurationData } from './usePayrollConfigurationData'\nimport { getGrossUpTargetCompensationName, isGrossUpEligible } from './grossUpHelpers'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { useBase } from '@/components/Base'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\n\nconst isCalculating = (processingRequest?: PayrollProcessingRequest | null) =>\n  processingRequest?.status === PayrollProcessingRequestStatus.Calculating\nconst isCalculated = (processingRequest?: PayrollProcessingRequest | null) =>\n  processingRequest?.status === PayrollProcessingRequestStatus.CalculateSuccess\n\ninterface PayrollConfigurationProps extends BaseComponentInterface<'Payroll.PayrollConfiguration'> {\n  companyId: string\n  payrollId: string\n  alerts?: ReactNode\n  withReimbursements?: boolean\n}\n\nexport function PayrollConfiguration(props: PayrollConfigurationProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nexport const Root = ({\n  onEvent,\n  companyId,\n  payrollId,\n  dictionary,\n  alerts,\n  withReimbursements = true,\n}: PayrollConfigurationProps) => {\n  useComponentDictionary('Payroll.PayrollConfiguration', dictionary)\n  useI18n('Payroll.PayrollConfiguration')\n  const { t } = useTranslation('Payroll.PayrollConfiguration')\n  const { baseSubmitHandler } = useBase()\n  const dateFormatter = useDateFormatter()\n\n  const [isPolling, setIsPolling] = useState(false)\n\n  const {\n    employeeDetails,\n    employeeCompensations,\n    paySchedule,\n    payPeriod,\n    isOffCycle,\n    offCycleReason,\n    pagination,\n    isLoading,\n    refetch,\n  } = usePayrollConfigurationData({\n    companyId,\n    payrollId,\n  })\n\n  const { data: payrollData } = usePayrollsGetSuspense(\n    {\n      companyId,\n      payrollId,\n      include: ['taxes', 'benefits', 'deductions', 'payroll_status_meta'],\n    },\n    { refetchInterval: isPolling ? 5_000 : false },\n  )\n\n  const { mutateAsync: calculatePayroll, isPending: isCalculatingPayroll } =\n    usePayrollsCalculateMutation()\n\n  const { mutateAsync: updatePayroll, isPending: isUpdatingPayroll } = usePayrollsUpdateMutation()\n\n  const { mutateAsync: calculateGrossUpMutation, isPending: isGrossUpPending } =\n    usePayrollsCalculateGrossUpMutation()\n\n  const [grossUpEmployeeUuid, setGrossUpEmployeeUuid] = useState<string | null>(null)\n  const [isGrossUpModalOpen, setIsGrossUpModalOpen] = useState(false)\n\n  const grossUpEnabled = isGrossUpEligible(isOffCycle, offCycleReason)\n  const grossUpTargetCompensation = getGrossUpTargetCompensationName(offCycleReason)\n\n  const onGrossUpSelect = (employeeUuid: string) => {\n    setGrossUpEmployeeUuid(employeeUuid)\n    setIsGrossUpModalOpen(true)\n    onEvent(componentEvents.RUN_PAYROLL_GROSS_UP_SELECTED, { employeeUuid })\n  }\n\n  const onCalculateGrossUp = async (netPay: number): Promise<string | null> => {\n    if (!grossUpEmployeeUuid) return null\n    let grossUp: string | null = null\n\n    await baseSubmitHandler(null, async () => {\n      const result = await calculateGrossUpMutation({\n        request: {\n          payrollUuid: payrollId,\n          payrollGrossUpRequest: {\n            employeeUuid: grossUpEmployeeUuid,\n            netPay: netPay.toString(),\n          },\n        },\n      })\n\n      grossUp = result.payrollGrossUpResponse?.grossUp ?? null\n\n      if (grossUp) {\n        onEvent(componentEvents.RUN_PAYROLL_GROSS_UP_CALCULATED, {\n          grossUp,\n          netPay,\n          employeeUuid: grossUpEmployeeUuid,\n        })\n      }\n    })\n\n    return grossUp\n  }\n\n  const onGrossUpApply = async (grossAmount: string) => {\n    if (!grossUpEmployeeUuid || !grossUpTargetCompensation) {\n      throw new Error('Unable to apply gross-up: missing employee or target compensation.')\n    }\n\n    const employeeComp = employeeCompensations.find(ec => ec.employeeUuid === grossUpEmployeeUuid)\n    if (!employeeComp) {\n      throw new Error('Unable to apply gross-up: employee compensation not found.')\n    }\n\n    const existingFixed = employeeComp.fixedCompensations ?? []\n    const hasTargetCompensation = existingFixed.some(\n      fc => fc.name?.toLowerCase() === grossUpTargetCompensation.toLowerCase(),\n    )\n\n    const updatedFixedCompensations = existingFixed.map(fc => ({\n      name: fc.name,\n      jobUuid: fc.jobUuid,\n      amount:\n        fc.name?.toLowerCase() === grossUpTargetCompensation.toLowerCase() ? grossAmount : '0',\n    }))\n\n    if (!hasTargetCompensation) {\n      const primaryJobUuid =\n        employeeComp.hourlyCompensations?.[0]?.jobUuid ?? existingFixed[0]?.jobUuid ?? ''\n      updatedFixedCompensations.push({\n        name: grossUpTargetCompensation,\n        jobUuid: primaryJobUuid,\n        amount: grossAmount,\n      })\n    }\n\n    const updatedHourlyCompensations = (employeeComp.hourlyCompensations ?? []).map(hc => ({\n      name: hc.name,\n      jobUuid: hc.jobUuid,\n      hours: '0',\n    }))\n\n    const updatedPaidTimeOff = (employeeComp.paidTimeOff ?? []).map(pto => ({\n      name: pto.name,\n      hours: '0',\n    }))\n\n    const transformedCompensation = transformEmployeeCompensation({\n      ...employeeComp,\n      fixedCompensations: updatedFixedCompensations,\n      hourlyCompensations: updatedHourlyCompensations,\n      paidTimeOff: updatedPaidTimeOff,\n    })\n\n    await baseSubmitHandler({}, async () => {\n      const result = await updatePayroll({\n        request: {\n          companyId,\n          payrollId,\n          payrollUpdate: {\n            employeeCompensations: [{ ...transformedCompensation, excluded: false }],\n          },\n        },\n      })\n      onEvent(componentEvents.RUN_PAYROLL_EMPLOYEE_SAVED, {\n        payrollPrepared: result.payrollPrepared,\n      })\n      await refetch()\n    })\n\n    setGrossUpEmployeeUuid(null)\n    setIsGrossUpModalOpen(false)\n  }\n\n  const handleGrossUpApply = async (grossAmount: string) => {\n    try {\n      await onGrossUpApply(grossAmount)\n    } catch {\n      // Modal stays open; error is surfaced by baseSubmitHandler\n    }\n  }\n\n  const { data: blockersData } = usePayrollsGetBlockersSuspense({\n    companyUuid: companyId,\n  })\n\n  const payrollBlockerList = blockersData.payrollBlockerList ?? []\n\n  const blockersFromApi: ApiPayrollBlocker[] = payrollBlockerList.map(blocker => ({\n    key: blocker.key ?? 'unknown',\n    message: blocker.message,\n  }))\n\n  const [payrollBlockers, setPayrollBlockers] = useState<ApiPayrollBlocker[]>(blockersFromApi)\n\n  const onCalculatePayroll = async () => {\n    setPayrollBlockers([])\n\n    await baseSubmitHandler({}, async () => {\n      const result = await payrollSubmitHandler(async () => {\n        await calculatePayroll({\n          request: {\n            companyId,\n            payrollId,\n          },\n        })\n        setIsPolling(true)\n      })\n\n      if (!result.success && result.blockers.length > 0) {\n        setPayrollBlockers(result.blockers)\n      }\n    })\n  }\n\n  const onEdit = (employee: Employee) => {\n    onEvent(componentEvents.RUN_PAYROLL_EMPLOYEE_EDIT, {\n      employeeId: employee.uuid,\n      firstName: employee.firstName,\n      lastName: employee.lastName,\n    })\n  }\n\n  const transformEmployeeCompensation = ({\n    paymentMethod,\n    reimbursements,\n    ...compensation\n  }: PayrollEmployeeCompensationsType): PayrollUpdateEmployeeCompensations => {\n    return {\n      ...compensation,\n      ...(paymentMethod && paymentMethod !== 'Historical' ? { paymentMethod } : {}),\n      memo: compensation.memo || undefined,\n    }\n  }\n\n  const onToggleExclude = async (employeeCompensation: PayrollEmployeeCompensationsType) => {\n    onEvent(componentEvents.RUN_PAYROLL_EMPLOYEE_SKIP, {\n      employeeId: employeeCompensation.employeeUuid,\n    })\n    await baseSubmitHandler({}, async () => {\n      const transformedCompensation = transformEmployeeCompensation(employeeCompensation)\n      const result = await updatePayroll({\n        request: {\n          companyId,\n          payrollId,\n          payrollUpdate: {\n            employeeCompensations: [\n              { ...transformedCompensation, excluded: !transformedCompensation.excluded },\n            ],\n          },\n        },\n      })\n      onEvent(componentEvents.RUN_PAYROLL_EMPLOYEE_SAVED, {\n        payrollPrepared: result.payrollPrepared,\n      })\n      await refetch()\n    })\n  }\n\n  const onViewBlockers = () => {\n    onEvent(componentEvents.RUN_PAYROLL_BLOCKERS_VIEW_ALL)\n  }\n\n  useEffect(() => {\n    if (isCalculating(payrollData.payrollShow?.processingRequest) && !isPolling) {\n      setIsPolling(true)\n    }\n    if (isPolling && isCalculated(payrollData.payrollShow?.processingRequest)) {\n      onEvent(componentEvents.RUN_PAYROLL_CALCULATED, {\n        payrollId,\n        alert: {\n          type: 'success',\n          title: t('alerts.progressSaved'),\n          alertKey: 'progressSaved',\n        },\n        payPeriod: payrollData.payrollShow?.payPeriod,\n      })\n      setPayrollBlockers([])\n      setIsPolling(false)\n    }\n    if (\n      isPolling &&\n      payrollData.payrollShow?.processingRequest?.status ===\n        PayrollProcessingRequestStatus.ProcessingFailed\n    ) {\n      onEvent(componentEvents.RUN_PAYROLL_PROCESSING_FAILED)\n      setIsPolling(false)\n    }\n  }, [payrollData.payrollShow?.processingRequest, isPolling, onEvent, t, payrollId])\n\n  const payrollAlert =\n    payrollData.payrollShow?.payrollStatusMeta?.payrollLate &&\n    payrollData.payrollShow.payrollStatusMeta.initialCheckDate &&\n    payrollData.payrollShow.payrollStatusMeta.expectedDebitTime &&\n    payrollData.payrollShow.payrollStatusMeta.expectedCheckDate\n      ? {\n          label: t('alerts.payrollLate', {\n            initialCheckDate: dateFormatter.formatShortWithWeekday(\n              payrollData.payrollShow.payrollStatusMeta.initialCheckDate,\n            ),\n          }),\n          content: t('alerts.payrollLateText', {\n            ...dateFormatter.formatWithTime(\n              payrollData.payrollShow.payrollStatusMeta.expectedDebitTime,\n            ),\n            newCheckDate: dateFormatter.formatShortWithWeekday(\n              payrollData.payrollShow.payrollStatusMeta.expectedCheckDate,\n            ),\n          }),\n          variant: 'warning' as const,\n        }\n      : payrollData.payrollShow\n        ? {\n            label: t('alerts.directDepositDeadline', {\n              payDate: dateFormatter.formatShortWithWeekday(payrollData.payrollShow.checkDate),\n              ...dateFormatter.formatWithTime(payrollData.payrollShow.payrollDeadline),\n            }),\n            content: t('alerts.directDepositDeadlineText'),\n            variant: 'info' as const,\n          }\n        : undefined\n\n  return (\n    <>\n      <PayrollConfigurationPresentation\n        onCalculatePayroll={onCalculatePayroll}\n        isCalculateDisabled={blockersFromApi.length > 0}\n        onEdit={onEdit}\n        onToggleExclude={onToggleExclude}\n        onViewBlockers={onViewBlockers}\n        employeeCompensations={employeeCompensations}\n        employeeDetails={employeeDetails}\n        payPeriod={payPeriod}\n        paySchedule={paySchedule}\n        isOffCycle={isOffCycle}\n        offCycleReason={offCycleReason}\n        alerts={alerts}\n        payrollAlert={payrollAlert}\n        isPending={isPolling || isLoading || isUpdatingPayroll || isCalculatingPayroll}\n        isCalculating={isCalculatingPayroll || isPolling}\n        payrollBlockers={payrollBlockers}\n        pagination={pagination}\n        withReimbursements={withReimbursements}\n        grossUpEnabled={grossUpEnabled}\n        onGrossUpSelect={onGrossUpSelect}\n      />\n      {grossUpEnabled && (\n        <GrossUpModal\n          isOpen={isGrossUpModalOpen}\n          onCalculateGrossUp={onCalculateGrossUp}\n          isPending={isGrossUpPending}\n          onApply={handleGrossUpApply}\n          onCancel={() => {\n            setIsGrossUpModalOpen(false)\n          }}\n        />\n      )}\n    </>\n  )\n}\n"],"names":["isCalculating","processingRequest","PayrollProcessingRequestStatus","isCalculated","PayrollConfiguration","props","jsx","BaseComponent","Root","onEvent","companyId","payrollId","dictionary","alerts","withReimbursements","useComponentDictionary","useI18n","t","useTranslation","baseSubmitHandler","useBase","dateFormatter","useDateFormatter","isPolling","setIsPolling","useState","employeeDetails","employeeCompensations","paySchedule","payPeriod","isOffCycle","offCycleReason","pagination","isLoading","refetch","usePayrollConfigurationData","payrollData","usePayrollsGetSuspense","calculatePayroll","isCalculatingPayroll","usePayrollsCalculateMutation","updatePayroll","isUpdatingPayroll","usePayrollsUpdateMutation","calculateGrossUpMutation","isGrossUpPending","usePayrollsCalculateGrossUpMutation","grossUpEmployeeUuid","setGrossUpEmployeeUuid","isGrossUpModalOpen","setIsGrossUpModalOpen","grossUpEnabled","isGrossUpEligible","grossUpTargetCompensation","getGrossUpTargetCompensationName","onGrossUpSelect","employeeUuid","componentEvents","onCalculateGrossUp","netPay","grossUp","onGrossUpApply","grossAmount","employeeComp","ec","existingFixed","hasTargetCompensation","fc","updatedFixedCompensations","primaryJobUuid","updatedHourlyCompensations","hc","updatedPaidTimeOff","pto","transformedCompensation","transformEmployeeCompensation","result","handleGrossUpApply","blockersData","usePayrollsGetBlockersSuspense","blockersFromApi","blocker","payrollBlockers","setPayrollBlockers","onCalculatePayroll","payrollSubmitHandler","onEdit","employee","paymentMethod","reimbursements","compensation","onToggleExclude","employeeCompensation","onViewBlockers","useEffect","payrollAlert","jsxs","Fragment","PayrollConfigurationPresentation","GrossUpModal"],"mappings":"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"}

package/dist/components/Payroll/PayrollConfiguration/PayrollConfigurationPresentation.d.ts

@@ -29,6 +29,8 @@ interface PayrollConfigurationPresentationProps {
     pagination?: PaginationControlProps;
     withReimbursements?: boolean;
     isCalculateDisabled?: boolean;
+    grossUpEnabled?: boolean;
+    onGrossUpSelect?: (employeeUuid: string) => void;
 }
-export declare const PayrollConfigurationPresentation: ({ employeeCompensations, employeeDetails, payPeriod, paySchedule, onEdit, onToggleExclude, onCalculatePayroll, onViewBlockers, isOffCycle, offCycleReason, alerts, payrollAlert, isPending, isCalculating, payrollBlockers, pagination, withReimbursements, isCalculateDisabled, }: PayrollConfigurationPresentationProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PayrollConfigurationPresentation: ({ employeeCompensations, employeeDetails, payPeriod, paySchedule, onEdit, onToggleExclude, onCalculatePayroll, onViewBlockers, isOffCycle, offCycleReason, alerts, payrollAlert, isPending, isCalculating, payrollBlockers, pagination, withReimbursements, isCalculateDisabled, grossUpEnabled, onGrossUpSelect, }: PayrollConfigurationPresentationProps) => import("react/jsx-runtime").JSX.Element;
 export {};