@gusto/embedded-react-sdk 0.57.0 → 0.57.2

package/dist/components/Payroll/PayrollOverview/PayrollOverview.js

@@ -1,176 +1,201 @@
-import { jsx as l, jsxs as _e } from "react/jsx-runtime";
-import { usePayrollsSubmitMutation as Ce } from "@gusto/embedded-api/react-query/payrollsSubmit";
-import { usePayrollsCancelMutation as Oe } from "@gusto/embedded-api/react-query/payrollsCancel";
-import { usePayrollsGet as ke } from "@gusto/embedded-api/react-query/payrollsGet";
-import { useEmployeesList as Ae } from "@gusto/embedded-api/react-query/employeesList";
-import { keepPreviousData as Ue } from "@tanstack/react-query";
-import { useTranslation as Be } from "react-i18next";
-import { useBankAccountsGetSuspense as Te } from "@gusto/embedded-api/react-query/bankAccountsGet";
-import { useWireInRequestsGet as ve } from "@gusto/embedded-api/react-query/wireInRequestsGet";
-import { useState as m, useMemo as Ne, useEffect as E } from "react";
-import { useGustoEmbeddedContext as qe } from "@gusto/embedded-api/react-query/_context";
-import { payrollsGetPayStub as We } from "@gusto/embedded-api/funcs/payrollsGetPayStub";
-import { useErrorBoundary as Fe } from "react-error-boundary";
-import { ConfirmWireDetails as Ye } from "../ConfirmWireDetails/ConfirmWireDetails.js";
-import { isTaxReconciliationPayroll as Me, canCancelPayroll as xe } from "../helpers.js";
-import { PrintChecks as Ie } from "../PrintChecks/PrintChecks.js";
-import { PayrollOverviewPresentation as Ge } from "./PayrollOverviewPresentation.js";
+import { jsx as l, jsxs as C } from "react/jsx-runtime";
+import { usePayrollsSubmitMutation as Ae } from "@gusto/embedded-api/react-query/payrollsSubmit";
+import { usePayrollsCancelMutation as ke } from "@gusto/embedded-api/react-query/payrollsCancel";
+import { usePayrollsGet as Te } from "@gusto/embedded-api/react-query/payrollsGet";
+import { useEmployeesList as Ue } from "@gusto/embedded-api/react-query/employeesList";
+import { keepPreviousData as Be } from "@tanstack/react-query";
+import { useTranslation as ve } from "react-i18next";
+import Ne from "classnames";
+import { useBankAccountsGetSuspense as We } from "@gusto/embedded-api/react-query/bankAccountsGet";
+import { useWireInRequestsGet as Ye } from "@gusto/embedded-api/react-query/wireInRequestsGet";
+import { useState as m, useMemo as qe, useEffect as E } from "react";
+import { useGustoEmbeddedContext as Fe } from "@gusto/embedded-api/react-query/_context";
+import { payrollsGetPayStub as xe } from "@gusto/embedded-api/funcs/payrollsGetPayStub";
+import { useErrorBoundary as Ie } from "react-error-boundary";
+import { ConfirmWireDetails as Me } from "../ConfirmWireDetails/ConfirmWireDetails.js";
+import { canCancelPayroll as Ge } from "../helpers.js";
+import { PrintChecks as Ve } from "../PrintChecks/PrintChecks.js";
+import { PayrollOverviewPresentation as je } from "./PayrollOverviewPresentation.js";
 import { PayrollOverviewStatus as d } from "./PayrollOverviewTypes.js";
-import { useSubmissionPoll as Ve } from "./useSubmissionPoll.js";
-import { useCompanyPaymentSpeed as je } from "../../../hooks/useCompanyPaymentSpeed.js";
-import { PAYROLL_PROCESSING_STATUS as M, componentEvents as c, PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES as He, payrollWireEvents as Ke } from "../../../shared/constants.js";
-import { BaseComponent as ze } from "../../Base/Base.js";
-import { useBase as Je } from "../../Base/useBase.js";
-import { useComponentDictionary as Qe, useI18n as Xe } from "../../../i18n/I18n.js";
-import { readableStreamToBlob as Ze } from "../../../helpers/readableStreamToBlob.js";
-import { openPdfInNewTab as $e } from "../../../helpers/openPdfInNewTab.js";
-import et from "../../../hooks/useNumberFormatter.js";
-import { useDateFormatter as tt } from "../../../hooks/useDateFormatter.js";
-import { useComponentContext as ot } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { isNonRetryablePollError as rt } from "../../../hooks/usePollingTask/usePollingTask.js";
-import { renderErrorList as st } from "../../../helpers/apiErrorToList.js";
-import { Flex as nt } from "../../Common/Flex/Flex.js";
-import { usePagination as it } from "../../../hooks/usePagination/usePagination.js";
-import { useNonce as at } from "../../../contexts/NonceProvider/useNonce.js";
-import { PayrollLoading as lt } from "../../Common/PayrollLoading/PayrollLoading.js";
-const ct = (s = []) => s.filter(
-  (n) => n.status === "unresolved" && n.unblockOptions && n.unblockOptions.length > 0
-), ut = (s = []) => {
-  const n = s.find((a) => a.status === "unresolved");
-  return n?.unblockOptions ? n.unblockOptions.find(
+import He from "./PayrollOverview.module.scss.js";
+import { useSubmissionPoll as Ke } from "./useSubmissionPoll.js";
+import { useCompanyPaymentSpeed as ze } from "../../../hooks/useCompanyPaymentSpeed.js";
+import { PAYROLL_PROCESSING_STATUS as Je, componentEvents as c, PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES as Qe, payrollWireEvents as Xe } from "../../../shared/constants.js";
+import { BaseComponent as Ze } from "../../Base/Base.js";
+import { useBase as $e } from "../../Base/useBase.js";
+import { useComponentDictionary as et, useI18n as tt } from "../../../i18n/I18n.js";
+import { readableStreamToBlob as rt } from "../../../helpers/readableStreamToBlob.js";
+import { openPdfInNewTab as ot } from "../../../helpers/openPdfInNewTab.js";
+import st from "../../../hooks/useNumberFormatter.js";
+import { useDateFormatter as nt } from "../../../hooks/useDateFormatter.js";
+import { useComponentContext as it } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { isNonRetryablePollError as at } from "../../../hooks/usePollingTask/usePollingTask.js";
+import { renderErrorList as lt } from "../../../helpers/apiErrorToList.js";
+import { Flex as O } from "../../Common/Flex/Flex.js";
+import { usePagination as ct } from "../../../hooks/usePagination/usePagination.js";
+import { useNonce as ut } from "../../../contexts/NonceProvider/useNonce.js";
+import { PayrollLoading as mt } from "../../Common/PayrollLoading/PayrollLoading.js";
+const dt = (o = []) => o.filter(
+  (i) => i.status === "unresolved" && i.unblockOptions && i.unblockOptions.length > 0
+), pt = (o = []) => {
+  const i = o.find((a) => a.status === "unresolved");
+  return i?.unblockOptions ? i.unblockOptions.find(
     (a) => a.unblockType === "submit_wire"
   )?.metadata.wireInRequestUuid : void 0;
 };
-function zt(s) {
-  return /* @__PURE__ */ l(ze, { ...s, children: /* @__PURE__ */ l(mt, { ...s, children: s.children }) });
+function $t(o) {
+  return /* @__PURE__ */ l(Ze, { ...o, children: /* @__PURE__ */ l(ft, { ...o, children: o.children }) });
 }
-const mt = ({
-  companyId: s,
-  payrollId: n,
-  dictionary: L,
+const ft = ({
+  companyId: o,
+  payrollId: i,
+  dictionary: A,
   onEvent: a,
-  alerts: x,
-  withReimbursements: I = !0,
-  ConfirmWireDetailsComponent: G = Ye,
-  readOnly: b = !1,
-  className: V
+  alerts: j,
+  withReimbursements: H = !0,
+  ConfirmWireDetailsComponent: K = Me,
+  readOnly: S = !1,
+  className: k
 }) => {
-  Qe("Payroll.PayrollOverview", L), Xe("Payroll.PayrollOverview");
-  const { baseSubmitHandler: _ } = Je(), { t: i } = Be("Payroll.PayrollOverview"), [C, S] = m(!1), [j, h] = m(x || []), [O, H] = m({}), [P, p] = m(!1), { showBoundary: K } = Fe(), z = et("currency"), f = tt(), { Button: J, UnorderedList: Q, Text: k } = ot(), [A, R] = m(d.Viewing), { currentPage: U, itemsPerPage: B, getPaginationProps: X } = it({
+  et("Payroll.PayrollOverview", A), tt("Payroll.PayrollOverview");
+  const { baseSubmitHandler: T } = $e(), { t: s } = ve("Payroll.PayrollOverview"), [U, b] = m(!1), [z, g] = m(j || []), [B, J] = m({}), [P, p] = m(!1), { showBoundary: Q } = Ie(), X = st("currency"), f = nt(), { Button: v, UnorderedList: Z, Text: w, Heading: $ } = it(), [N, D] = m(d.Viewing), { currentPage: W, itemsPerPage: Y, getPaginationProps: ee } = ct({
     defaultItemsPerPage: 25
-  }), Z = qe(), $ = Ne(
+  }), te = Fe(), re = qe(
     () => ({
-      companyId: s,
-      payrollId: n,
-      include: ["taxes", "benefits", "deductions", "totals", "payroll_taxes"],
-      page: U,
-      per: B,
+      companyId: o,
+      payrollId: i,
+      include: [
+        "taxes",
+        "benefits",
+        "deductions",
+        "totals",
+        "payroll_taxes",
+        "payroll_status_meta"
+      ],
+      page: W,
+      per: Y,
       sortBy: "last_name"
     }),
-    [s, n, U, B]
+    [o, i, W, Y]
   ), {
     data: y,
-    isFetching: ee,
-    isError: T,
-    error: te,
-    refetch: oe
-  } = ke($, {
-    placeholderData: Ue
-  }), o = y?.payrollShow, re = ct(o?.submissionBlockers), w = ut(o?.creditBlockers), { data: se } = ve(
+    isFetching: oe,
+    isError: q,
+    error: se,
+    refetch: ne
+  } = Te(re, {
+    placeholderData: Be
+  }), n = y?.payrollShow, ie = dt(n?.submissionBlockers), h = pt(n?.creditBlockers), { data: ae } = Ye(
     {
-      wireInRequestUuid: w || ""
+      wireInRequestUuid: h || ""
     },
-    { enabled: !!w }
-  ), v = se?.wireInRequest, N = (o?.employeeCompensations ?? []).map((e) => e.employeeUuid).filter((e) => !!e), { data: ne } = Ae(
-    { companyId: s, uuids: N },
-    { enabled: N.length > 0 }
-  ), ie = (ne?.showEmployees ?? []).reduce((e, t) => (e[t.uuid] = t.flsaStatus, e), {}), q = () => {
+    { enabled: !!h }
+  ), F = ae?.wireInRequest, x = (n?.employeeCompensations ?? []).map((e) => e.employeeUuid).filter((e) => !!e), { data: le } = Ue(
+    { companyId: o, uuids: x },
+    { enabled: x.length > 0 }
+  ), ce = (le?.showEmployees ?? []).reduce((e, t) => (e[t.uuid] = t.flsaStatus, e), {}), I = () => {
     a(c.RUN_PAYROLL_EDIT);
-  }, ae = w && /* @__PURE__ */ l(
-    G,
+  }, ue = h && /* @__PURE__ */ l(
+    K,
     {
-      companyId: s,
-      wireInId: w,
+      companyId: o,
+      wireInId: h,
       onEvent: (e, t) => {
-        e === Ke.PAYROLL_WIRE_FORM_DONE && p(!0), a(e, t);
+        e === Xe.PAYROLL_WIRE_FORM_DONE && p(!0), a(e, t);
       }
     }
-  ), le = /* @__PURE__ */ l(Ie, { companyId: s, payrollId: n, onEvent: a });
+  ), me = /* @__PURE__ */ l(Ve, { companyId: o, payrollId: i, onEvent: a });
   E(() => {
-    v?.status === "pending_review" && !P && p(!0);
-  }, [v?.status, P]);
-  const g = o?.checkDate;
+    F?.status === "pending_review" && !P && p(!0);
+  }, [F?.status, P]);
+  const R = n?.checkDate;
   E(() => {
-    if (g && P) {
-      const e = f.formatShortWithYear(g);
-      h([
+    if (R && P) {
+      const e = f.formatShortWithYear(R);
+      g([
         {
           type: "success",
-          title: i("alerts.wireDetailsSubmittedTitle"),
-          content: /* @__PURE__ */ l(k, { children: i("alerts.wireDetailsSubmittedMessage", { checkDate: e }) }),
+          title: s("alerts.wireDetailsSubmittedTitle"),
+          content: /* @__PURE__ */ l(w, { children: s("alerts.wireDetailsSubmittedMessage", { checkDate: e }) }),
           onDismiss: () => {
             p(!1);
           }
         }
       ]);
     }
-  }, [P, g, i, f, k]);
-  const ce = (e) => {
+  }, [P, R, s, f, w]);
+  const de = (e) => {
     a(c.RUN_PAYROLL_PROCESSED, {
       payPeriod: e?.payPeriod,
-      payrollUuid: n
-    }), h([
+      payrollUuid: i
+    }), g([
       {
         type: "success",
-        title: i("alerts.payrollProcessedTitle"),
-        content: i("alerts.payrollProcessedMessage", {
-          amount: z(Number(e?.totals?.companyDebit)),
+        title: s("alerts.payrollProcessedTitle"),
+        content: s("alerts.payrollProcessedMessage", {
+          amount: X(Number(e?.totals?.companyDebit)),
           date: f.formatShortWithYear(
             e?.payrollStatusMeta?.expectedDebitTime ?? e?.payrollDeadline
           )
         })
       }
-    ]), p(!1), S(!1);
-  }, W = (e) => {
-    a(c.RUN_PAYROLL_PROCESSING_FAILED), h([
+    ]), p(!1), b(!1);
+  }, M = (e) => {
+    a(c.RUN_PAYROLL_PROCESSING_FAILED), g([
       {
         type: "error",
-        title: i("alerts.payrollProcessingFailedTitle"),
-        content: /* @__PURE__ */ _e(nt, { flexDirection: "column", gap: 16, children: [
-          /* @__PURE__ */ l(Q, { items: st(e?.processingRequest?.errors ?? []) }),
-          !b && /* @__PURE__ */ l(J, { variant: "secondary", onClick: q, children: i("alerts.payrollProcessingFailedCtaLabel") })
+        title: s("alerts.payrollProcessingFailedTitle"),
+        content: /* @__PURE__ */ C(O, { flexDirection: "column", gap: 16, children: [
+          /* @__PURE__ */ l(Z, { items: lt(e?.processingRequest?.errors ?? []) }),
+          !S && /* @__PURE__ */ l(v, { variant: "secondary", onClick: I, children: s("alerts.payrollProcessingFailedCtaLabel") })
         ] })
       }
-    ]), p(!1), S(!1);
-  }, { start: D, isPolling: ue } = Ve({
-    refetch: oe,
-    onProcessed: ce,
-    onProcessingFailed: W,
+    ]), p(!1), b(!1);
+  }, { start: L, isPolling: pe } = Ke({
+    refetch: ne,
+    onProcessed: de,
+    onProcessingFailed: M,
     // Unlike the calculation poll, a second Submit click here is safe even if this fires on a
     // payroll that actually did process successfully — payrollsSubmit only operates on an
     // unprocessed payroll, so the API itself rejects a resubmit rather than double-running it.
     onError: () => {
-      W(void 0);
+      M(void 0);
     }
   });
   E(() => {
-    D({ baseline: null, sawSubmitting: !1 });
-  }, [D]);
-  const { data: me } = Te({
-    companyId: s
-  }), de = me.companyBankAccounts?.[0], { paymentSpeed: pe } = je(s), { mutateAsync: fe, isPending: Pe } = Ce(), { mutateAsync: ye } = Oe(), we = at(), [be, F] = m(
+    L({ baseline: null, sawSubmitting: !1 });
+  }, [L]);
+  const { data: fe } = We({
+    companyId: o
+  }), Pe = fe.companyBankAccounts?.[0], { paymentSpeed: ye } = ze(o), { mutateAsync: he, isPending: Se } = Ae(), { mutateAsync: be } = ke(), ge = ut(), [we, G] = m(
     () => /* @__PURE__ */ new Set()
   );
-  if (!o) {
-    if (T)
-      throw new Error(i("alerts.payrollLoadFailed"));
-    return /* @__PURE__ */ l(lt, { title: i("dataLoadingTitle") });
+  if (!n) {
+    if (q)
+      throw new Error(s("alerts.payrollLoadFailed"));
+    return /* @__PURE__ */ l(mt, { title: s("dataLoadingTitle") });
   }
-  if (T && rt(te))
-    throw new Error(i("alerts.payrollLoadFailed"));
-  if (A === d.Viewing && !o.calculatedAt && !Me(o.offCycleReason))
-    throw new Error(i("alerts.payrollNotCalculated"));
-  const Se = X(y.httpMeta.response.headers, ee), he = o.payrollTaxes?.reduce(
+  if (q && at(se))
+    throw new Error(s("alerts.payrollLoadFailed"));
+  const _ = n.processed === !0 || n.processingRequest?.status === Je.submit_success;
+  if (N === d.Viewing && !_ && !n.calculatedAt)
+    return /* @__PURE__ */ l("div", { className: Ne(He.notCalculated, k), children: /* @__PURE__ */ C(O, { flexDirection: "column", alignItems: "center", gap: 16, children: [
+      /* @__PURE__ */ C(O, { flexDirection: "column", alignItems: "center", gap: 4, children: [
+        /* @__PURE__ */ l($, { as: "h2", styledAs: "h4", textAlign: "center", children: s("notCalculatedErrorTitle") }),
+        /* @__PURE__ */ l(w, { variant: "supporting", textAlign: "center", children: s("notCalculatedErrorDescription") })
+      ] }),
+      /* @__PURE__ */ l(
+        v,
+        {
+          variant: "secondary",
+          onClick: () => {
+            a(c.RUN_PAYROLL_NOT_CALCULATED_BACK_TO_LIST);
+          },
+          children: s("notCalculatedErrorCta")
+        }
+      )
+    ] }) });
+  const De = ee(y.httpMeta.response.headers, oe), Re = n.payrollTaxes?.reduce(
     (e, t) => {
       if (!t.name) return e;
       const r = t.amount ?? 0;
@@ -180,52 +205,52 @@ const mt = ({
       }, e;
     },
     {}
-  ) || {}, Re = async () => {
-    R(d.Cancelling), await _(y, async () => {
+  ) || {}, Le = async () => {
+    D(d.Cancelling), await T(y, async () => {
       try {
-        const e = await ye({
+        const e = await be({
           request: {
-            companyId: s,
-            payrollId: n
+            companyId: o,
+            payrollId: i
           }
         });
-        R(d.Cancelled), a(c.RUN_PAYROLL_CANCELLED, e);
+        D(d.Cancelled), a(c.RUN_PAYROLL_CANCELLED, e);
       } catch (e) {
-        throw R(d.Viewing), e;
+        throw D(d.Viewing), e;
       }
     });
-  }, ge = () => {
-    a(c.RUN_PAYROLL_RECEIPT_GET, { payrollId: n });
-  }, De = async (e) => {
-    const t = $e({ loadingMessage: i("downloadLoadingMessage"), nonce: we });
-    F((r) => {
+  }, _e = () => {
+    a(c.RUN_PAYROLL_RECEIPT_GET, { payrollId: i });
+  }, Ce = async (e) => {
+    const t = ot({ loadingMessage: s("downloadLoadingMessage"), nonce: ge });
+    G((r) => {
       const u = new Set(r);
       return u.add(e), u;
     });
     try {
-      const r = await We(Z, { payrollId: n, employeeId: e });
+      const r = await xe(te, { payrollId: i, employeeId: e });
       if (!r.value?.responseStream)
-        throw t.close(), new Error(i("alerts.paystubPdfError"));
-      const u = await Ze(r.value.responseStream, "application/pdf");
+        throw t.close(), new Error(s("alerts.paystubPdfError"));
+      const u = await rt(r.value.responseStream, "application/pdf");
       t.navigate(u), a(c.RUN_PAYROLL_PDF_PAYSTUB_VIEWED, { employeeId: e });
     } catch (r) {
-      t.close(), K(r instanceof Error ? r : new Error(String(r)));
+      t.close(), Q(r instanceof Error ? r : new Error(String(r)));
     } finally {
-      F((r) => {
+      G((r) => {
         if (!r.has(e)) return r;
         const u = new Set(r);
         return u.delete(e), u;
       });
     }
   }, Ee = async () => {
-    await _(y, async () => {
-      const e = await fe({
+    await T(y, async () => {
+      const e = await he({
         request: {
-          companyId: s,
-          payrollId: n,
+          companyId: o,
+          payrollId: i,
           requestBody: {
-            submissionBlockers: Object.entries(O).filter(
-              ([t]) => He.includes(t)
+            submissionBlockers: Object.entries(B).filter(
+              ([t]) => Qe.includes(t)
             ).map(([t, r]) => ({
               blockerType: t,
               selectedOption: r
@@ -233,58 +258,58 @@ const mt = ({
           }
         }
       });
-      a(c.RUN_PAYROLL_SUBMITTING), a(c.RUN_PAYROLL_SUBMITTED, e), D({
+      a(c.RUN_PAYROLL_SUBMITTING), a(c.RUN_PAYROLL_SUBMITTED, e), L({
         baseline: {
-          processed: o.processed ?? !1,
-          status: o.processingRequest?.status
+          processed: n.processed ?? !1,
+          status: n.processingRequest?.status
         },
         sawSubmitting: !1
-      }), S(!0);
+      }), b(!0);
     });
-  }, Y = (() => {
-    if (!(C || ue) && !(o.processed || o.processingRequest?.status === M.submit_success) && o.checkDate && o.payrollDeadline)
+  }, V = (() => {
+    if (!(U || pe || _) && n.checkDate && n.payrollDeadline)
       return {
         type: "info",
-        title: i("alerts.directDepositDeadline", {
-          payDate: f.formatShortWithWeekday(o.checkDate),
-          ...f.formatWithTime(o.payrollDeadline)
+        title: s("alerts.directDepositDeadline", {
+          payDate: f.formatShortWithWeekday(n.checkDate),
+          ...f.formatWithTime(n.payrollDeadline)
         }),
-        content: i("alerts.directDepositDeadlineText")
+        content: s("alerts.directDepositDeadlineText")
       };
-  })(), Le = [...j, ...Y ? [Y] : []];
+  })(), Oe = [...z, ...V ? [V] : []];
   return /* @__PURE__ */ l(
-    Ge,
+    je,
     {
-      className: V,
-      onEdit: q,
+      className: k,
+      onEdit: I,
       onSubmit: Ee,
-      onCancel: Re,
-      onPayrollReceipt: ge,
-      onPaystubDownload: De,
-      status: Pe || C ? d.Submitting : A,
-      isProcessed: o.processed === !0 || o.processingRequest?.status === M.submit_success,
-      canCancel: xe(o) && !b,
-      canEdit: !b,
-      payrollData: o,
-      employeeFlsaStatusByUuid: ie,
-      bankAccount: de,
-      taxes: he,
-      alerts: Le,
-      submissionBlockers: re,
-      selectedUnblockOptions: O,
+      onCancel: Le,
+      onPayrollReceipt: _e,
+      onPaystubDownload: Ce,
+      status: Se || U ? d.Submitting : N,
+      isProcessed: _,
+      canCancel: Ge(n) && !S,
+      canEdit: !S,
+      payrollData: n,
+      employeeFlsaStatusByUuid: ce,
+      bankAccount: Pe,
+      taxes: Re,
+      alerts: Oe,
+      submissionBlockers: ie,
+      selectedUnblockOptions: B,
       onUnblockOptionChange: (e, t) => {
-        H((r) => ({ ...r, [e]: t }));
+        J((r) => ({ ...r, [e]: t }));
       },
-      wireInConfirmationRequest: ae,
-      printChecksBanner: le,
-      withReimbursements: I,
-      paymentSpeed: pe,
-      pagination: Se,
-      downloadingEmployeeIds: be
+      wireInConfirmationRequest: ue,
+      printChecksBanner: me,
+      withReimbursements: H,
+      paymentSpeed: ye,
+      pagination: De,
+      downloadingEmployeeIds: we
     }
   );
 };
 export {
-  zt as PayrollOverview
+  $t as PayrollOverview
 };
 //# sourceMappingURL=PayrollOverview.js.map