@gusto/embedded-react-sdk 0.55.0 → 0.55.2

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

@@ -1,107 +1,109 @@
-import { jsx as l, jsxs as ae } from "react/jsx-runtime";
-import { usePayrollsSubmitMutation as le } from "@gusto/embedded-api/react-query/payrollsSubmit";
-import { usePayrollsCancelMutation as ce } from "@gusto/embedded-api/react-query/payrollsCancel";
-import { usePayrollsGet as ue } from "@gusto/embedded-api/react-query/payrollsGet";
-import { keepPreviousData as me } from "@tanstack/react-query";
-import { useTranslation as pe } from "react-i18next";
+import { jsx as l, jsxs as le } from "react/jsx-runtime";
+import { usePayrollsSubmitMutation as ce } from "@gusto/embedded-api/react-query/payrollsSubmit";
+import { usePayrollsCancelMutation as ue } from "@gusto/embedded-api/react-query/payrollsCancel";
+import { usePayrollsGet as me } from "@gusto/embedded-api/react-query/payrollsGet";
+import { keepPreviousData as pe } from "@tanstack/react-query";
+import { useTranslation as fe } from "react-i18next";
 import { useBankAccountsGetSuspense as de } from "@gusto/embedded-api/react-query/bankAccountsGet";
-import { useWireInRequestsGet as fe } from "@gusto/embedded-api/react-query/wireInRequestsGet";
-import { useState as u, useEffect as h } from "react";
+import { useWireInRequestsGet as Pe } from "@gusto/embedded-api/react-query/wireInRequestsGet";
+import { useState as u, useEffect as L } from "react";
 import { useGustoEmbeddedContext as ye } from "@gusto/embedded-api/react-query/_context";
-import { payrollsGetPayStub as Pe } from "@gusto/embedded-api/funcs/payrollsGetPayStub";
-import { useErrorBoundary as be } from "react-error-boundary";
-import { ConfirmWireDetails as Re } from "../ConfirmWireDetails/ConfirmWireDetails.js";
-import { canCancelPayroll as we } from "../helpers.js";
-import { PayrollOverviewPresentation as Se } from "./PayrollOverviewPresentation.js";
+import { payrollsGetPayStub as be } from "@gusto/embedded-api/funcs/payrollsGetPayStub";
+import { useErrorBoundary as Re } from "react-error-boundary";
+import { ConfirmWireDetails as we } from "../ConfirmWireDetails/ConfirmWireDetails.js";
+import { canCancelPayroll as Se } from "../helpers.js";
+import { PrintChecks as Oe } from "../PrintChecks/PrintChecks.js";
+import { PayrollOverviewPresentation as ge } from "./PayrollOverviewPresentation.js";
 import { PayrollOverviewStatus as m } from "./PayrollOverviewTypes.js";
-import { useCompanyPaymentSpeed as Oe } from "../../../hooks/useCompanyPaymentSpeed.js";
-import { PAYROLL_PROCESSING_STATUS as w, componentEvents as c, PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES as ge, payrollWireEvents as Le } from "../../../shared/constants.js";
-import { BaseComponent as he } from "../../Base/Base.js";
-import { useBase as _e } from "../../Base/useBase.js";
-import { useComponentDictionary as De, useI18n as Ce } from "../../../i18n/I18n.js";
-import { readableStreamToBlob as Ue } from "../../../helpers/readableStreamToBlob.js";
-import Ee from "../../../hooks/useNumberFormatter.js";
-import { useDateFormatter as ke } from "../../../hooks/useDateFormatter.js";
-import { useComponentContext as Ae } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { renderErrorList as Te } from "../../../helpers/apiErrorToList.js";
-import { Flex as Be } from "../../Common/Flex/Flex.js";
-import { usePagination as ve } from "../../../hooks/usePagination/usePagination.js";
-import { PayrollLoading as I } from "../../Common/PayrollLoading/PayrollLoading.js";
-const Ie = (r = []) => r.filter(
+import { useCompanyPaymentSpeed as he } from "../../../hooks/useCompanyPaymentSpeed.js";
+import { PAYROLL_PROCESSING_STATUS as w, componentEvents as c, PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES as Le, payrollWireEvents as _e } from "../../../shared/constants.js";
+import { BaseComponent as De } from "../../Base/Base.js";
+import { useBase as Ce } from "../../Base/useBase.js";
+import { useComponentDictionary as ke, useI18n as Ue } from "../../../i18n/I18n.js";
+import { readableStreamToBlob as Ee } from "../../../helpers/readableStreamToBlob.js";
+import Ae from "../../../hooks/useNumberFormatter.js";
+import { useDateFormatter as Be } from "../../../hooks/useDateFormatter.js";
+import { useComponentContext as Te } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { renderErrorList as ve } from "../../../helpers/apiErrorToList.js";
+import { Flex as qe } from "../../Common/Flex/Flex.js";
+import { usePagination as Ne } from "../../../hooks/usePagination/usePagination.js";
+import { PayrollLoading as q } from "../../Common/PayrollLoading/PayrollLoading.js";
+const Ie = (s = []) => s.filter(
   (n) => n.status === "unresolved" && n.unblockOptions && n.unblockOptions.length > 0
-), qe = (r = []) => {
-  const n = r.find((s) => s.status === "unresolved");
+), Ye = (s = []) => {
+  const n = s.find((o) => o.status === "unresolved");
   return n?.unblockOptions ? n.unblockOptions.find(
-    (s) => s.unblockType === "submit_wire"
+    (o) => o.unblockType === "submit_wire"
   )?.metadata.wireInRequestUuid : void 0;
 };
-function Rt(r) {
-  return /* @__PURE__ */ l(he, { ...r, children: /* @__PURE__ */ l(Ne, { ...r, children: r.children }) });
+function Ot(s) {
+  return /* @__PURE__ */ l(De, { ...s, children: /* @__PURE__ */ l(We, { ...s, children: s.children }) });
 }
-const Ne = ({
-  companyId: r,
+const We = ({
+  companyId: s,
   payrollId: n,
   dictionary: _,
-  onEvent: s,
-  alerts: q,
-  withReimbursements: N = !0,
-  ConfirmWireDetailsComponent: Y = Re
+  onEvent: o,
+  alerts: N,
+  withReimbursements: I = !0,
+  ConfirmWireDetailsComponent: Y = we
 }) => {
-  De("Payroll.PayrollOverview", _), Ce("Payroll.PayrollOverview");
-  const { baseSubmitHandler: D } = _e(), { t: a } = pe("Payroll.PayrollOverview"), [p, f] = u(!1), [W, S] = u(!1), [M, O] = u(q || []), [C, F] = u({}), [y, d] = u(!1), { showBoundary: G } = be(), U = Ee("currency"), P = ke(), { Button: x, UnorderedList: j, Text: E } = Ae(), [k, g] = u(m.Viewing), { currentPage: V, itemsPerPage: H, getPaginationProps: K } = ve({
+  ke("Payroll.PayrollOverview", _), Ue("Payroll.PayrollOverview");
+  const { baseSubmitHandler: D } = Ce(), { t: a } = fe("Payroll.PayrollOverview"), [p, d] = u(!1), [W, S] = u(!1), [M, O] = u(N || []), [C, F] = u({}), [P, f] = u(!1), { showBoundary: G } = Re(), k = Ae("currency"), y = Be(), { Button: x, UnorderedList: j, Text: U } = Te(), [E, g] = u(m.Viewing), { currentPage: V, itemsPerPage: H, getPaginationProps: K } = Ne({
     defaultItemsPerPage: 10
-  }), { data: b, isFetching: A } = ue(
+  }), { data: b, isFetching: A } = me(
     {
-      companyId: r,
+      companyId: s,
       payrollId: n,
       include: ["taxes", "benefits", "deductions", "totals", "payroll_taxes"],
       page: V,
-      per: H
+      per: H,
+      sortBy: "last_name"
     },
     {
       refetchInterval: p ? 5e3 : !1,
-      placeholderData: me,
+      placeholderData: pe,
       // Always refetch on mount so a partner QueryClient with a non-zero `staleTime`
       // can't serve a stale pre-calculation snapshot without refetching. SDK-1018.
       refetchOnMount: "always"
     }
-  ), e = b?.payrollShow, z = Ie(e?.submissionBlockers), R = qe(e?.creditBlockers), { data: J } = fe(
+  ), e = b?.payrollShow, z = Ie(e?.submissionBlockers), R = Ye(e?.creditBlockers), { data: J } = Pe(
     {
       wireInRequestUuid: R || ""
     },
     { enabled: !!R }
-  ), T = J?.wireInRequest, B = () => {
-    s(c.RUN_PAYROLL_EDIT);
+  ), B = J?.wireInRequest, T = () => {
+    o(c.RUN_PAYROLL_EDIT);
   }, Q = R && /* @__PURE__ */ l(
     Y,
     {
-      companyId: r,
+      companyId: s,
       wireInId: R,
-      onEvent: (t, o) => {
-        t === Le.PAYROLL_WIRE_FORM_DONE && d(!0), s(t, o);
+      onEvent: (t, r) => {
+        t === _e.PAYROLL_WIRE_FORM_DONE && f(!0), o(t, r);
       }
     }
-  );
-  h(() => {
-    T?.status === "pending_review" && !y && d(!0);
-  }, [T?.status, y]);
-  const L = e?.checkDate;
-  h(() => {
-    if (L && y) {
-      const t = P.formatShortWithYear(L);
+  ), X = /* @__PURE__ */ l(Oe, { companyId: s, payrollId: n, onEvent: o });
+  L(() => {
+    B?.status === "pending_review" && !P && f(!0);
+  }, [B?.status, P]);
+  const h = e?.checkDate;
+  L(() => {
+    if (h && P) {
+      const t = y.formatShortWithYear(h);
       O([
         {
           type: "success",
           title: a("alerts.wireDetailsSubmittedTitle"),
-          content: /* @__PURE__ */ l(E, { children: a("alerts.wireDetailsSubmittedMessage", { checkDate: t }) }),
+          content: /* @__PURE__ */ l(U, { children: a("alerts.wireDetailsSubmittedMessage", { checkDate: t }) }),
           onDismiss: () => {
-            d(!1);
+            f(!1);
           }
         }
       ]);
     }
-  }, [y, L, a, P, E]), h(() => {
-    e && (e.processingRequest?.status === w.submitting && !p && f(!0), p && (e.processed === !0 || e.processingRequest?.status === w.submit_success) && (s(c.RUN_PAYROLL_PROCESSED, {
+  }, [P, h, a, y, U]), L(() => {
+    e && (e.processingRequest?.status === w.submitting && !p && d(!0), p && (e.processed === !0 || e.processingRequest?.status === w.submit_success) && (o(c.RUN_PAYROLL_PROCESSED, {
       payPeriod: e.payPeriod,
       payrollUuid: n
     }), O([
@@ -109,128 +111,129 @@ const Ne = ({
         type: "success",
         title: a("alerts.payrollProcessedTitle"),
         content: a("alerts.payrollProcessedMessage", {
-          amount: U(Number(e.totals?.companyDebit)),
-          date: P.formatShortWithYear(
+          amount: k(Number(e.totals?.companyDebit)),
+          date: y.formatShortWithYear(
             e.payrollStatusMeta?.expectedDebitTime ?? e.payrollDeadline
           )
         })
       }
-    ]), d(!1), f(!1), S(!1)), p && e.processingRequest?.status === w.processing_failed && (s(c.RUN_PAYROLL_PROCESSING_FAILED), O([
+    ]), f(!1), d(!1), S(!1)), p && e.processingRequest?.status === w.processing_failed && (o(c.RUN_PAYROLL_PROCESSING_FAILED), O([
       {
         type: "error",
         title: a("alerts.payrollProcessingFailedTitle"),
-        content: /* @__PURE__ */ ae(Be, { flexDirection: "column", gap: 16, children: [
-          /* @__PURE__ */ l(j, { items: Te(e.processingRequest.errors ?? []) }),
-          /* @__PURE__ */ l(x, { variant: "secondary", onClick: B, children: a("alerts.payrollProcessingFailedCtaLabel") })
+        content: /* @__PURE__ */ le(qe, { flexDirection: "column", gap: 16, children: [
+          /* @__PURE__ */ l(j, { items: ve(e.processingRequest.errors ?? []) }),
+          /* @__PURE__ */ l(x, { variant: "secondary", onClick: T, children: a("alerts.payrollProcessingFailedCtaLabel") })
         ] })
       }
-    ]), d(!1), f(!1), S(!1)));
+    ]), f(!1), d(!1), S(!1)));
   }, [
     e?.processingRequest?.status,
     e?.processed,
     p,
-    s,
+    o,
     a,
-    P,
-    U,
+    y,
+    k,
     e?.totals?.companyDebit,
     e?.payrollStatusMeta?.expectedDebitTime,
     e?.payrollDeadline
   ]);
-  const { data: X } = de({
-    companyId: r
-  }), Z = X.companyBankAccounts?.[0], { paymentSpeed: $ } = Oe(r), { mutateAsync: ee, isPending: te } = le(), { mutateAsync: oe } = ce(), re = ye();
+  const { data: Z } = de({
+    companyId: s
+  }), $ = Z.companyBankAccounts?.[0], { paymentSpeed: ee } = he(s), { mutateAsync: te, isPending: re } = ce(), { mutateAsync: se } = ue(), oe = ye();
   if (!e)
-    return /* @__PURE__ */ l(I, { title: a("dataLoadingTitle") });
-  if (k === m.Viewing && !e.calculatedAt) {
+    return /* @__PURE__ */ l(q, { title: a("dataLoadingTitle") });
+  if (E === m.Viewing && !e.calculatedAt) {
     if (A)
-      return /* @__PURE__ */ l(I, { title: a("dataLoadingTitle") });
+      return /* @__PURE__ */ l(q, { title: a("dataLoadingTitle") });
     throw new Error(a("alerts.payrollNotCalculated"));
   }
-  const se = K(b.httpMeta.response.headers, A), ne = e.payrollTaxes?.reduce(
-    (t, o) => {
-      if (!o.name) return t;
-      const i = o.amount ?? 0;
-      return t[o.name] = {
-        employee: (t[o.name]?.employee ?? 0) + (o.employer ? 0 : i),
-        employer: (t[o.name]?.employer ?? 0) + (o.employer ? i : 0)
+  const ne = K(b.httpMeta.response.headers, A), ie = e.payrollTaxes?.reduce(
+    (t, r) => {
+      if (!r.name) return t;
+      const i = r.amount ?? 0;
+      return t[r.name] = {
+        employee: (t[r.name]?.employee ?? 0) + (r.employer ? 0 : i),
+        employer: (t[r.name]?.employer ?? 0) + (r.employer ? i : 0)
       }, t;
     },
     {}
   ) || {};
   return /* @__PURE__ */ l(
-    Se,
+    ge,
     {
-      onEdit: B,
+      onEdit: T,
       onSubmit: async () => {
         await D(b, async () => {
-          const t = await ee({
+          const t = await te({
             request: {
-              companyId: r,
+              companyId: s,
               payrollId: n,
               requestBody: {
                 submissionBlockers: Object.entries(C).filter(
-                  ([o]) => ge.includes(o)
-                ).map(([o, i]) => ({
-                  blockerType: o,
+                  ([r]) => Le.includes(r)
+                ).map(([r, i]) => ({
+                  blockerType: r,
                   selectedOption: i
                 }))
               }
             }
           });
-          s(c.RUN_PAYROLL_SUBMITTING), s(c.RUN_PAYROLL_SUBMITTED, t), f(!0), S(!0);
+          o(c.RUN_PAYROLL_SUBMITTING), o(c.RUN_PAYROLL_SUBMITTED, t), d(!0), S(!0);
         });
       },
       onCancel: async () => {
         g(m.Cancelling), await D(b, async () => {
           try {
-            const t = await oe({
+            const t = await se({
               request: {
-                companyId: r,
+                companyId: s,
                 payrollId: n
               }
             });
-            g(m.Cancelled), s(c.RUN_PAYROLL_CANCELLED, t);
+            g(m.Cancelled), o(c.RUN_PAYROLL_CANCELLED, t);
           } catch (t) {
             throw g(m.Viewing), t;
           }
         });
       },
       onPayrollReceipt: () => {
-        s(c.RUN_PAYROLL_RECEIPT_GET, { payrollId: n });
+        o(c.RUN_PAYROLL_RECEIPT_GET, { payrollId: n });
       },
       onPaystubDownload: async (t) => {
-        const o = window.open("", "_blank");
+        const r = window.open("", "_blank");
         try {
-          const i = await Pe(re, { payrollId: n, employeeId: t });
+          const i = await be(oe, { payrollId: n, employeeId: t });
           if (!i.value?.responseStream)
             throw new Error(a("alerts.paystubPdfError"));
-          const ie = await Ue(i.value.responseStream, "application/pdf"), v = URL.createObjectURL(ie);
-          o && (o.location.href = v), s(c.RUN_PAYROLL_PDF_PAYSTUB_VIEWED, { employeeId: t }), URL.revokeObjectURL(v);
+          const ae = await Ee(i.value.responseStream, "application/pdf"), v = URL.createObjectURL(ae);
+          r && (r.location.href = v), o(c.RUN_PAYROLL_PDF_PAYSTUB_VIEWED, { employeeId: t }), URL.revokeObjectURL(v);
         } catch (i) {
-          o && o.close(), G(i instanceof Error ? i : new Error(String(i)));
+          r && r.close(), G(i instanceof Error ? i : new Error(String(i)));
         }
       },
-      status: te || W ? m.Submitting : k,
+      status: re || W ? m.Submitting : E,
       isProcessed: e.processed === !0 || e.processingRequest?.status === w.submit_success,
-      canCancel: we(e),
+      canCancel: Se(e),
       payrollData: e,
-      bankAccount: Z,
-      taxes: ne,
+      bankAccount: $,
+      taxes: ie,
       alerts: M,
       submissionBlockers: z,
       selectedUnblockOptions: C,
-      onUnblockOptionChange: (t, o) => {
-        F((i) => ({ ...i, [t]: o }));
+      onUnblockOptionChange: (t, r) => {
+        F((i) => ({ ...i, [t]: r }));
       },
       wireInConfirmationRequest: Q,
-      withReimbursements: N,
-      paymentSpeed: $,
-      pagination: se
+      printChecksBanner: X,
+      withReimbursements: I,
+      paymentSpeed: ee,
+      pagination: ne
     }
   );
 };
 export {
-  Rt as PayrollOverview
+  Ot as PayrollOverview
 };
 //# sourceMappingURL=PayrollOverview.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PayrollOverview.js","sources":["../../../../src/components/Payroll/PayrollOverview/PayrollOverview.tsx"],"sourcesContent":["import { usePayrollsSubmitMutation } from '@gusto/embedded-api/react-query/payrollsSubmit'\nimport { usePayrollsCancelMutation } from '@gusto/embedded-api/react-query/payrollsCancel'\nimport { usePayrollsGet } from '@gusto/embedded-api/react-query/payrollsGet'\nimport { keepPreviousData } from '@tanstack/react-query'\nimport { useTranslation } from 'react-i18next'\nimport { useBankAccountsGetSuspense } from '@gusto/embedded-api/react-query/bankAccountsGet'\nimport { useWireInRequestsGet } from '@gusto/embedded-api/react-query/wireInRequestsGet'\nimport { useEffect, useState } from 'react'\nimport { useGustoEmbeddedContext } from '@gusto/embedded-api/react-query/_context'\nimport { payrollsGetPayStub } from '@gusto/embedded-api/funcs/payrollsGetPayStub'\nimport { useErrorBoundary } from 'react-error-boundary'\nimport type { PayrollSubmissionBlockerType } from '@gusto/embedded-api/models/components/payrollsubmissionblockertype'\nimport type {\n  PayrollCreditBlockerType,\n  PayrollCreditBlockerTypeUnblockOptions,\n} from '@gusto/embedded-api/models/components/payrollcreditblockertype'\nimport type { PayrollFlowAlert } from '../PayrollFlow/PayrollFlowComponents'\nimport {\n  ConfirmWireDetails,\n  type ConfirmWireDetailsComponentType,\n} from '../ConfirmWireDetails/ConfirmWireDetails'\nimport { canCancelPayroll } from '../helpers'\nimport { PayrollOverviewPresentation } from './PayrollOverviewPresentation'\nimport { PayrollOverviewStatus } from './PayrollOverviewTypes'\nimport { useCompanyPaymentSpeed } from '@/hooks/useCompanyPaymentSpeed'\nimport {\n  componentEvents,\n  payrollWireEvents,\n  PAYROLL_PROCESSING_STATUS,\n  PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES,\n  type EventType,\n} from '@/shared/constants'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { readableStreamToBlob } from '@/helpers/readableStreamToBlob'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { renderErrorList } from '@/helpers/apiErrorToList'\nimport { Flex, PayrollLoading } from '@/components/Common'\nimport { usePagination } from '@/hooks/usePagination/usePagination'\n\n/**\n * Props for {@link PayrollOverview}.\n *\n * @public\n */\nexport interface PayrollOverviewProps extends BaseComponentInterface<'Payroll.PayrollOverview'> {\n  /** Identifier of the company that owns the payroll. */\n  companyId: string\n  /** Identifier of the payroll being reviewed. The payroll must already be calculated. */\n  payrollId: string\n  /** Alert banners to display above the payroll summary. */\n  alerts?: PayrollFlowAlert[]\n  /** Whether reimbursement fields are shown in the totals and per-employee tables. Defaults to `true`. */\n  withReimbursements?: boolean\n  /** Custom component to replace the default wire details confirmation UI. */\n  ConfirmWireDetailsComponent?: ConfirmWireDetailsComponentType\n}\n\nconst findUnresolvedBlockersWithOptions = (\n  blockers: PayrollSubmissionBlockerType[] = [],\n): PayrollSubmissionBlockerType[] => {\n  return blockers.filter(\n    blocker =>\n      blocker.status === 'unresolved' &&\n      blocker.unblockOptions &&\n      blocker.unblockOptions.length > 0,\n  )\n}\n\nconst findWireInRequestUuid = (\n  creditBlockers: PayrollCreditBlockerType[] = [],\n): string | undefined => {\n  const unresolvedCreditBlocker = creditBlockers.find(blocker => blocker.status === 'unresolved')\n\n  if (!unresolvedCreditBlocker?.unblockOptions) {\n    return undefined\n  }\n\n  const wireUnblockOption = unresolvedCreditBlocker.unblockOptions.find(\n    (option: PayrollCreditBlockerTypeUnblockOptions) => option.unblockType === 'submit_wire',\n  )\n\n  return wireUnblockOption?.metadata.wireInRequestUuid\n}\n\n/**\n * Final review screen for a calculated payroll before submission, with submit, cancel,\n * and edit controls. After submission, tracks processing status and surfaces the receipt\n * and per-employee paystub downloads once complete.\n *\n * @remarks\n * The payroll referenced by `payrollId` must already be calculated; rendering with an\n * uncalculated payroll throws. Unresolved submission blockers (e.g. fast-ACH threshold,\n * wire-in funding) are surfaced inline and the submit action stays disabled until each\n * blocker has a selected unblock option. While the payroll is processing, the component\n * polls until success or failure and emits the corresponding event.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `runPayroll/edit` | User chose to edit the payroll before submitting | — |\n * | `runPayroll/submitting` | Submit request was sent to the API | — |\n * | `runPayroll/submitted` | Payroll was successfully submitted | Submit payroll response |\n * | `runPayroll/processed` | Payroll finished processing successfully | `{ payPeriod, payrollUuid }` |\n * | `runPayroll/processingFailed` | Payroll processing failed | — |\n * | `runPayroll/cancelled` | Payroll was cancelled | Cancel payroll response |\n * | `runPayroll/receipt/get` | User requested the payroll receipt | `{ payrollId }` |\n * | `runPayroll/pdfPaystub/viewed` | User opened an employee's paystub PDF | `{ employeeId }` |\n * | `payroll/wire/form/done` | Wire-in details were confirmed via the embedded wire form | Submit wire-in response |\n *\n * @param props - See {@link PayrollOverviewProps}.\n * @returns The payroll overview surface.\n * @public\n */\nexport function PayrollOverview(props: PayrollOverviewProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({\n  companyId,\n  payrollId,\n  dictionary,\n  onEvent,\n  alerts,\n  withReimbursements = true,\n  ConfirmWireDetailsComponent = ConfirmWireDetails,\n}: PayrollOverviewProps) => {\n  useComponentDictionary('Payroll.PayrollOverview', dictionary)\n  useI18n('Payroll.PayrollOverview')\n  const { baseSubmitHandler } = useBase()\n  const { t } = useTranslation('Payroll.PayrollOverview')\n  const [isPolling, setIsPolling] = useState(false)\n  const [hasSubmittedInSession, setHasSubmittedInSession] = useState(false)\n  const [internalAlerts, setInternalAlerts] = useState(alerts || [])\n  const [selectedUnblockOptions, setSelectedUnblockOptions] = useState<Record<string, string>>({})\n  const [showWireDetailsConfirmation, setShowWireDetailsConfirmation] = useState(false)\n  const { showBoundary } = useErrorBoundary()\n  const formatCurrency = useNumberFormatter('currency')\n  const dateFormatter = useDateFormatter()\n  const { Button, UnorderedList, Text } = useComponentContext()\n  const [status, setStatus] = useState(PayrollOverviewStatus.Viewing)\n  const { currentPage, itemsPerPage, getPaginationProps } = usePagination({\n    defaultItemsPerPage: 10,\n  })\n  const { data, isFetching } = usePayrollsGet(\n    {\n      companyId,\n      payrollId: payrollId,\n      include: ['taxes', 'benefits', 'deductions', 'totals', 'payroll_taxes'],\n      page: currentPage,\n      per: itemsPerPage,\n    },\n    {\n      refetchInterval: isPolling ? 5_000 : false,\n      placeholderData: keepPreviousData,\n      // Always refetch on mount so a partner QueryClient with a non-zero `staleTime`\n      // can't serve a stale pre-calculation snapshot without refetching. SDK-1018.\n      refetchOnMount: 'always',\n    },\n  )\n  const payrollData = data?.payrollShow\n  const submissionBlockers = findUnresolvedBlockersWithOptions(payrollData?.submissionBlockers)\n  const wireInId = findWireInRequestUuid(payrollData?.creditBlockers)\n\n  const { data: wireInRequestData } = useWireInRequestsGet(\n    {\n      wireInRequestUuid: wireInId || '',\n    },\n    { enabled: !!wireInId },\n  )\n  const wireInRequest = wireInRequestData?.wireInRequest\n\n  const onEdit = () => {\n    onEvent(componentEvents.RUN_PAYROLL_EDIT)\n  }\n\n  const handleWireEvent = (type: EventType, data?: unknown) => {\n    if (type === payrollWireEvents.PAYROLL_WIRE_FORM_DONE) {\n      setShowWireDetailsConfirmation(true)\n    }\n    onEvent(type, data)\n  }\n\n  const wireInConfirmationRequest = wireInId && (\n    <ConfirmWireDetailsComponent\n      companyId={companyId}\n      wireInId={wireInId}\n      onEvent={handleWireEvent}\n    />\n  )\n\n  useEffect(() => {\n    if (wireInRequest?.status === 'pending_review' && !showWireDetailsConfirmation) {\n      setShowWireDetailsConfirmation(true)\n    }\n  }, [wireInRequest?.status, showWireDetailsConfirmation])\n\n  const checkDate = payrollData?.checkDate\n  useEffect(() => {\n    if (checkDate && showWireDetailsConfirmation) {\n      const formattedCheckDate = dateFormatter.formatShortWithYear(checkDate)\n\n      setInternalAlerts([\n        {\n          type: 'success',\n          title: t('alerts.wireDetailsSubmittedTitle'),\n          content: (\n            <Text>\n              {t('alerts.wireDetailsSubmittedMessage', { checkDate: formattedCheckDate })}\n            </Text>\n          ),\n          onDismiss: () => {\n            setShowWireDetailsConfirmation(false)\n          },\n        },\n      ])\n    }\n  }, [showWireDetailsConfirmation, checkDate, t, dateFormatter, Text])\n\n  useEffect(() => {\n    if (!payrollData) return\n    // Start polling when payroll is submitting and not already polling\n    if (\n      payrollData.processingRequest?.status === PAYROLL_PROCESSING_STATUS.submitting &&\n      !isPolling\n    ) {\n      setIsPolling(true)\n    }\n    if (\n      isPolling &&\n      (payrollData.processed === true ||\n        payrollData.processingRequest?.status === PAYROLL_PROCESSING_STATUS.submit_success)\n    ) {\n      onEvent(componentEvents.RUN_PAYROLL_PROCESSED, {\n        payPeriod: payrollData.payPeriod,\n        payrollUuid: payrollId,\n      })\n      setInternalAlerts([\n        {\n          type: 'success',\n          title: t('alerts.payrollProcessedTitle'),\n          content: t('alerts.payrollProcessedMessage', {\n            amount: formatCurrency(Number(payrollData.totals?.companyDebit)),\n            date: dateFormatter.formatShortWithYear(\n              payrollData.payrollStatusMeta?.expectedDebitTime ?? payrollData.payrollDeadline,\n            ),\n          }),\n        },\n      ])\n      setShowWireDetailsConfirmation(false)\n      setIsPolling(false)\n      setHasSubmittedInSession(false)\n    }\n    // If we are polling and payroll is in failed state, stop polling, and emit failure event\n    if (\n      isPolling &&\n      payrollData.processingRequest?.status === PAYROLL_PROCESSING_STATUS.processing_failed\n    ) {\n      onEvent(componentEvents.RUN_PAYROLL_PROCESSING_FAILED)\n      setInternalAlerts([\n        {\n          type: 'error',\n          title: t('alerts.payrollProcessingFailedTitle'),\n          content: (\n            <Flex flexDirection=\"column\" gap={16}>\n              <UnorderedList items={renderErrorList(payrollData.processingRequest.errors ?? [])} />\n              <Button variant=\"secondary\" onClick={onEdit}>\n                {t('alerts.payrollProcessingFailedCtaLabel')}\n              </Button>\n            </Flex>\n          ),\n        },\n      ])\n      setShowWireDetailsConfirmation(false)\n      setIsPolling(false)\n      setHasSubmittedInSession(false)\n    }\n  }, [\n    payrollData?.processingRequest?.status,\n    payrollData?.processed,\n    isPolling,\n    onEvent,\n    t,\n    dateFormatter,\n    formatCurrency,\n    payrollData?.totals?.companyDebit,\n    payrollData?.payrollStatusMeta?.expectedDebitTime,\n    payrollData?.payrollDeadline,\n  ])\n\n  const { data: bankAccountData } = useBankAccountsGetSuspense({\n    companyId,\n  })\n  const bankAccount = bankAccountData.companyBankAccounts?.[0]\n\n  const { paymentSpeed } = useCompanyPaymentSpeed(companyId)\n\n  const { mutateAsync: submitPayroll, isPending } = usePayrollsSubmitMutation()\n\n  const { mutateAsync: cancelPayroll } = usePayrollsCancelMutation()\n\n  const gustoEmbedded = useGustoEmbeddedContext()\n\n  if (!payrollData) {\n    return <PayrollLoading title={t('dataLoadingTitle')} />\n  }\n\n  if (status === PayrollOverviewStatus.Viewing && !payrollData.calculatedAt) {\n    // A stale snapshot can be served with a null `calculatedAt` while its refetch is\n    // in flight; treat that as loading and only throw once the fetch settles. SDK-1018.\n    if (isFetching) {\n      return <PayrollLoading title={t('dataLoadingTitle')} />\n    }\n    throw new Error(t('alerts.payrollNotCalculated'))\n  }\n\n  const pagination = getPaginationProps(data.httpMeta.response.headers, isFetching)\n\n  // Per-tax totals come from the payroll-level `payrollTaxes` aggregate so they stay\n  // correct when `employeeCompensations` is paginated (only a single page is loaded).\n  const taxes =\n    payrollData.payrollTaxes?.reduce(\n      (acc, tax) => {\n        if (!tax.name) return acc\n        const amount = tax.amount ?? 0\n        acc[tax.name] = {\n          employee: (acc[tax.name]?.employee ?? 0) + (tax.employer ? 0 : amount),\n          employer: (acc[tax.name]?.employer ?? 0) + (tax.employer ? amount : 0),\n        }\n        return acc\n      },\n      {} as Record<string, { employee: number; employer: number }>,\n    ) || {}\n\n  const onCancel = async () => {\n    setStatus(PayrollOverviewStatus.Cancelling)\n    await baseSubmitHandler(data, async () => {\n      try {\n        const result = await cancelPayroll({\n          request: {\n            companyId,\n            payrollId,\n          },\n        })\n        setStatus(PayrollOverviewStatus.Cancelled)\n        onEvent(componentEvents.RUN_PAYROLL_CANCELLED, result)\n      } catch (error) {\n        setStatus(PayrollOverviewStatus.Viewing)\n        throw error\n      }\n    })\n  }\n  const onPayrollReceipt = () => {\n    onEvent(componentEvents.RUN_PAYROLL_RECEIPT_GET, { payrollId })\n  }\n\n  const onPaystubDownload = async (employeeId: string) => {\n    // Open a blank window *synchronously* with the click\n    const newWindow = window.open('', '_blank')\n\n    try {\n      // Fetch the PDF from your API\n      const response = await payrollsGetPayStub(gustoEmbedded, { payrollId, employeeId })\n      if (!response.value?.responseStream) {\n        throw new Error(t('alerts.paystubPdfError'))\n      }\n      const pdfBlob = await readableStreamToBlob(response.value.responseStream, 'application/pdf')\n\n      const url = URL.createObjectURL(pdfBlob)\n\n      // Load the PDF into the new window\n      if (newWindow) {\n        newWindow.location.href = url\n      }\n      onEvent(componentEvents.RUN_PAYROLL_PDF_PAYSTUB_VIEWED, { employeeId })\n      URL.revokeObjectURL(url) // Clean up the URL object after use\n    } catch (err) {\n      if (newWindow) {\n        newWindow.close()\n      }\n      showBoundary(err instanceof Error ? err : new Error(String(err)))\n    }\n  }\n  const onSubmit = async () => {\n    await baseSubmitHandler(data, async () => {\n      const result = await submitPayroll({\n        request: {\n          companyId,\n          payrollId,\n          requestBody: {\n            submissionBlockers: Object.entries(selectedUnblockOptions)\n              .filter(([blockerType]) =>\n                PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES.includes(blockerType),\n              )\n              .map(([blockerType, selectedOption]) => ({\n                blockerType,\n                selectedOption,\n              })),\n          },\n        },\n      })\n      onEvent(componentEvents.RUN_PAYROLL_SUBMITTING)\n      onEvent(componentEvents.RUN_PAYROLL_SUBMITTED, result)\n      setIsPolling(true)\n      setHasSubmittedInSession(true)\n    })\n  }\n\n  return (\n    <PayrollOverviewPresentation\n      onEdit={onEdit}\n      onSubmit={onSubmit}\n      onCancel={onCancel}\n      onPayrollReceipt={onPayrollReceipt}\n      onPaystubDownload={onPaystubDownload}\n      status={isPending || hasSubmittedInSession ? PayrollOverviewStatus.Submitting : status}\n      isProcessed={\n        payrollData.processed === true ||\n        payrollData.processingRequest?.status === PAYROLL_PROCESSING_STATUS.submit_success\n      }\n      canCancel={canCancelPayroll(payrollData)}\n      payrollData={payrollData}\n      bankAccount={bankAccount}\n      taxes={taxes}\n      alerts={internalAlerts}\n      submissionBlockers={submissionBlockers}\n      selectedUnblockOptions={selectedUnblockOptions}\n      onUnblockOptionChange={(blockerType, value) => {\n        setSelectedUnblockOptions(prev => ({ ...prev, [blockerType]: value }))\n      }}\n      wireInConfirmationRequest={wireInConfirmationRequest}\n      withReimbursements={withReimbursements}\n      paymentSpeed={paymentSpeed}\n      pagination={pagination}\n    />\n  )\n}\n"],"names":["findUnresolvedBlockersWithOptions","blockers","blocker","findWireInRequestUuid","creditBlockers","unresolvedCreditBlocker","option","PayrollOverview","props","jsx","BaseComponent","Root","companyId","payrollId","dictionary","onEvent","alerts","withReimbursements","ConfirmWireDetailsComponent","ConfirmWireDetails","useComponentDictionary","useI18n","baseSubmitHandler","useBase","t","useTranslation","isPolling","setIsPolling","useState","hasSubmittedInSession","setHasSubmittedInSession","internalAlerts","setInternalAlerts","selectedUnblockOptions","setSelectedUnblockOptions","showWireDetailsConfirmation","setShowWireDetailsConfirmation","showBoundary","useErrorBoundary","formatCurrency","useNumberFormatter","dateFormatter","useDateFormatter","Button","UnorderedList","Text","useComponentContext","status","setStatus","PayrollOverviewStatus","currentPage","itemsPerPage","getPaginationProps","usePagination","data","isFetching","usePayrollsGet","keepPreviousData","payrollData","submissionBlockers","wireInId","wireInRequestData","useWireInRequestsGet","wireInRequest","onEdit","componentEvents","wireInConfirmationRequest","type","payrollWireEvents","useEffect","checkDate","formattedCheckDate","PAYROLL_PROCESSING_STATUS","jsxs","Flex","renderErrorList","bankAccountData","useBankAccountsGetSuspense","bankAccount","paymentSpeed","useCompanyPaymentSpeed","submitPayroll","isPending","usePayrollsSubmitMutation","cancelPayroll","usePayrollsCancelMutation","gustoEmbedded","useGustoEmbeddedContext","PayrollLoading","pagination","taxes","acc","tax","amount","PayrollOverviewPresentation","result","blockerType","PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES","selectedOption","error","employeeId","newWindow","response","payrollsGetPayStub","pdfBlob","readableStreamToBlob","url","err","canCancelPayroll","value","prev"],"mappings":"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"}
+{"version":3,"file":"PayrollOverview.js","sources":["../../../../src/components/Payroll/PayrollOverview/PayrollOverview.tsx"],"sourcesContent":["import { usePayrollsSubmitMutation } from '@gusto/embedded-api/react-query/payrollsSubmit'\nimport { usePayrollsCancelMutation } from '@gusto/embedded-api/react-query/payrollsCancel'\nimport { usePayrollsGet } from '@gusto/embedded-api/react-query/payrollsGet'\nimport { keepPreviousData } from '@tanstack/react-query'\nimport { useTranslation } from 'react-i18next'\nimport { useBankAccountsGetSuspense } from '@gusto/embedded-api/react-query/bankAccountsGet'\nimport { useWireInRequestsGet } from '@gusto/embedded-api/react-query/wireInRequestsGet'\nimport { useEffect, useState } from 'react'\nimport { useGustoEmbeddedContext } from '@gusto/embedded-api/react-query/_context'\nimport { payrollsGetPayStub } from '@gusto/embedded-api/funcs/payrollsGetPayStub'\nimport { useErrorBoundary } from 'react-error-boundary'\nimport type { PayrollSubmissionBlockerType } from '@gusto/embedded-api/models/components/payrollsubmissionblockertype'\nimport type {\n  PayrollCreditBlockerType,\n  PayrollCreditBlockerTypeUnblockOptions,\n} from '@gusto/embedded-api/models/components/payrollcreditblockertype'\nimport type { PayrollFlowAlert } from '../PayrollFlow/PayrollFlowComponents'\nimport {\n  ConfirmWireDetails,\n  type ConfirmWireDetailsComponentType,\n} from '../ConfirmWireDetails/ConfirmWireDetails'\nimport { canCancelPayroll } from '../helpers'\nimport { PrintChecks } from '../PrintChecks/PrintChecks'\nimport { PayrollOverviewPresentation } from './PayrollOverviewPresentation'\nimport { PayrollOverviewStatus } from './PayrollOverviewTypes'\nimport { useCompanyPaymentSpeed } from '@/hooks/useCompanyPaymentSpeed'\nimport {\n  componentEvents,\n  payrollWireEvents,\n  PAYROLL_PROCESSING_STATUS,\n  PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES,\n  type EventType,\n} from '@/shared/constants'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { readableStreamToBlob } from '@/helpers/readableStreamToBlob'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { renderErrorList } from '@/helpers/apiErrorToList'\nimport { Flex, PayrollLoading } from '@/components/Common'\nimport { usePagination } from '@/hooks/usePagination/usePagination'\n\n/**\n * Props for {@link PayrollOverview}.\n *\n * @public\n */\nexport interface PayrollOverviewProps extends BaseComponentInterface<'Payroll.PayrollOverview'> {\n  /** Identifier of the company that owns the payroll. */\n  companyId: string\n  /** Identifier of the payroll being reviewed. The payroll must already be calculated. */\n  payrollId: string\n  /** Alert banners to display above the payroll summary. */\n  alerts?: PayrollFlowAlert[]\n  /** Whether reimbursement fields are shown in the totals and per-employee tables. Defaults to `true`. */\n  withReimbursements?: boolean\n  /** Custom component to replace the default wire details confirmation UI. */\n  ConfirmWireDetailsComponent?: ConfirmWireDetailsComponentType\n}\n\nconst findUnresolvedBlockersWithOptions = (\n  blockers: PayrollSubmissionBlockerType[] = [],\n): PayrollSubmissionBlockerType[] => {\n  return blockers.filter(\n    blocker =>\n      blocker.status === 'unresolved' &&\n      blocker.unblockOptions &&\n      blocker.unblockOptions.length > 0,\n  )\n}\n\nconst findWireInRequestUuid = (\n  creditBlockers: PayrollCreditBlockerType[] = [],\n): string | undefined => {\n  const unresolvedCreditBlocker = creditBlockers.find(blocker => blocker.status === 'unresolved')\n\n  if (!unresolvedCreditBlocker?.unblockOptions) {\n    return undefined\n  }\n\n  const wireUnblockOption = unresolvedCreditBlocker.unblockOptions.find(\n    (option: PayrollCreditBlockerTypeUnblockOptions) => option.unblockType === 'submit_wire',\n  )\n\n  return wireUnblockOption?.metadata.wireInRequestUuid\n}\n\n/**\n * Final review screen for a calculated payroll before submission, with submit, cancel,\n * and edit controls. After submission, tracks processing status and surfaces the receipt\n * and per-employee paystub downloads once complete.\n *\n * @remarks\n * The payroll referenced by `payrollId` must already be calculated; rendering with an\n * uncalculated payroll throws. Unresolved submission blockers (e.g. fast-ACH threshold,\n * wire-in funding) are surfaced inline and the submit action stays disabled until each\n * blocker has a selected unblock option. While the payroll is processing, the component\n * polls until success or failure and emits the corresponding event.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `runPayroll/edit` | User chose to edit the payroll before submitting | — |\n * | `runPayroll/submitting` | Submit request was sent to the API | — |\n * | `runPayroll/submitted` | Payroll was successfully submitted | Submit payroll response |\n * | `runPayroll/processed` | Payroll finished processing successfully | `{ payPeriod, payrollUuid }` |\n * | `runPayroll/processingFailed` | Payroll processing failed | — |\n * | `runPayroll/cancelled` | Payroll was cancelled | Cancel payroll response |\n * | `runPayroll/receipt/get` | User requested the payroll receipt | `{ payrollId }` |\n * | `runPayroll/pdfPaystub/viewed` | User opened an employee's paystub PDF | `{ employeeId }` |\n * | `payroll/wire/form/done` | Wire-in details were confirmed via the embedded wire form | Submit wire-in response |\n * | `payroll/printChecks/start` | User opened the print-checks modal from the embedded print-checks banner | — |\n * | `payroll/printChecks/generate/start` | User submitted the print-checks form | — |\n * | `payroll/printChecks/generate/succeeded` | Printable checks finished generating | `{ documentUrl }` |\n * | `payroll/printChecks/generate/failed` | The print-checks request was rejected or generation failed | `{ errorMessage }` |\n * | `payroll/printChecks/retry` | User retried after a failed check generation | — |\n * | `payroll/printChecks/cancel` | User cancelled the print-checks form | — |\n * | `payroll/printChecks/close` | User closed the print-checks failure or summary screen | — |\n *\n * @param props - See {@link PayrollOverviewProps}.\n * @returns The payroll overview surface.\n * @public\n */\nexport function PayrollOverview(props: PayrollOverviewProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({\n  companyId,\n  payrollId,\n  dictionary,\n  onEvent,\n  alerts,\n  withReimbursements = true,\n  ConfirmWireDetailsComponent = ConfirmWireDetails,\n}: PayrollOverviewProps) => {\n  useComponentDictionary('Payroll.PayrollOverview', dictionary)\n  useI18n('Payroll.PayrollOverview')\n  const { baseSubmitHandler } = useBase()\n  const { t } = useTranslation('Payroll.PayrollOverview')\n  const [isPolling, setIsPolling] = useState(false)\n  const [hasSubmittedInSession, setHasSubmittedInSession] = useState(false)\n  const [internalAlerts, setInternalAlerts] = useState(alerts || [])\n  const [selectedUnblockOptions, setSelectedUnblockOptions] = useState<Record<string, string>>({})\n  const [showWireDetailsConfirmation, setShowWireDetailsConfirmation] = useState(false)\n  const { showBoundary } = useErrorBoundary()\n  const formatCurrency = useNumberFormatter('currency')\n  const dateFormatter = useDateFormatter()\n  const { Button, UnorderedList, Text } = useComponentContext()\n  const [status, setStatus] = useState(PayrollOverviewStatus.Viewing)\n  const { currentPage, itemsPerPage, getPaginationProps } = usePagination({\n    defaultItemsPerPage: 10,\n  })\n  const { data, isFetching } = usePayrollsGet(\n    {\n      companyId,\n      payrollId: payrollId,\n      include: ['taxes', 'benefits', 'deductions', 'totals', 'payroll_taxes'],\n      page: currentPage,\n      per: itemsPerPage,\n      sortBy: 'last_name',\n    },\n    {\n      refetchInterval: isPolling ? 5_000 : false,\n      placeholderData: keepPreviousData,\n      // Always refetch on mount so a partner QueryClient with a non-zero `staleTime`\n      // can't serve a stale pre-calculation snapshot without refetching. SDK-1018.\n      refetchOnMount: 'always',\n    },\n  )\n  const payrollData = data?.payrollShow\n  const submissionBlockers = findUnresolvedBlockersWithOptions(payrollData?.submissionBlockers)\n  const wireInId = findWireInRequestUuid(payrollData?.creditBlockers)\n\n  const { data: wireInRequestData } = useWireInRequestsGet(\n    {\n      wireInRequestUuid: wireInId || '',\n    },\n    { enabled: !!wireInId },\n  )\n  const wireInRequest = wireInRequestData?.wireInRequest\n\n  const onEdit = () => {\n    onEvent(componentEvents.RUN_PAYROLL_EDIT)\n  }\n\n  const handleWireEvent = (type: EventType, data?: unknown) => {\n    if (type === payrollWireEvents.PAYROLL_WIRE_FORM_DONE) {\n      setShowWireDetailsConfirmation(true)\n    }\n    onEvent(type, data)\n  }\n\n  const wireInConfirmationRequest = wireInId && (\n    <ConfirmWireDetailsComponent\n      companyId={companyId}\n      wireInId={wireInId}\n      onEvent={handleWireEvent}\n    />\n  )\n\n  const printChecksBanner = (\n    <PrintChecks companyId={companyId} payrollId={payrollId} onEvent={onEvent} />\n  )\n\n  useEffect(() => {\n    if (wireInRequest?.status === 'pending_review' && !showWireDetailsConfirmation) {\n      setShowWireDetailsConfirmation(true)\n    }\n  }, [wireInRequest?.status, showWireDetailsConfirmation])\n\n  const checkDate = payrollData?.checkDate\n  useEffect(() => {\n    if (checkDate && showWireDetailsConfirmation) {\n      const formattedCheckDate = dateFormatter.formatShortWithYear(checkDate)\n\n      setInternalAlerts([\n        {\n          type: 'success',\n          title: t('alerts.wireDetailsSubmittedTitle'),\n          content: (\n            <Text>\n              {t('alerts.wireDetailsSubmittedMessage', { checkDate: formattedCheckDate })}\n            </Text>\n          ),\n          onDismiss: () => {\n            setShowWireDetailsConfirmation(false)\n          },\n        },\n      ])\n    }\n  }, [showWireDetailsConfirmation, checkDate, t, dateFormatter, Text])\n\n  useEffect(() => {\n    if (!payrollData) return\n    // Start polling when payroll is submitting and not already polling\n    if (\n      payrollData.processingRequest?.status === PAYROLL_PROCESSING_STATUS.submitting &&\n      !isPolling\n    ) {\n      setIsPolling(true)\n    }\n    if (\n      isPolling &&\n      (payrollData.processed === true ||\n        payrollData.processingRequest?.status === PAYROLL_PROCESSING_STATUS.submit_success)\n    ) {\n      onEvent(componentEvents.RUN_PAYROLL_PROCESSED, {\n        payPeriod: payrollData.payPeriod,\n        payrollUuid: payrollId,\n      })\n      setInternalAlerts([\n        {\n          type: 'success',\n          title: t('alerts.payrollProcessedTitle'),\n          content: t('alerts.payrollProcessedMessage', {\n            amount: formatCurrency(Number(payrollData.totals?.companyDebit)),\n            date: dateFormatter.formatShortWithYear(\n              payrollData.payrollStatusMeta?.expectedDebitTime ?? payrollData.payrollDeadline,\n            ),\n          }),\n        },\n      ])\n      setShowWireDetailsConfirmation(false)\n      setIsPolling(false)\n      setHasSubmittedInSession(false)\n    }\n    // If we are polling and payroll is in failed state, stop polling, and emit failure event\n    if (\n      isPolling &&\n      payrollData.processingRequest?.status === PAYROLL_PROCESSING_STATUS.processing_failed\n    ) {\n      onEvent(componentEvents.RUN_PAYROLL_PROCESSING_FAILED)\n      setInternalAlerts([\n        {\n          type: 'error',\n          title: t('alerts.payrollProcessingFailedTitle'),\n          content: (\n            <Flex flexDirection=\"column\" gap={16}>\n              <UnorderedList items={renderErrorList(payrollData.processingRequest.errors ?? [])} />\n              <Button variant=\"secondary\" onClick={onEdit}>\n                {t('alerts.payrollProcessingFailedCtaLabel')}\n              </Button>\n            </Flex>\n          ),\n        },\n      ])\n      setShowWireDetailsConfirmation(false)\n      setIsPolling(false)\n      setHasSubmittedInSession(false)\n    }\n  }, [\n    payrollData?.processingRequest?.status,\n    payrollData?.processed,\n    isPolling,\n    onEvent,\n    t,\n    dateFormatter,\n    formatCurrency,\n    payrollData?.totals?.companyDebit,\n    payrollData?.payrollStatusMeta?.expectedDebitTime,\n    payrollData?.payrollDeadline,\n  ])\n\n  const { data: bankAccountData } = useBankAccountsGetSuspense({\n    companyId,\n  })\n  const bankAccount = bankAccountData.companyBankAccounts?.[0]\n\n  const { paymentSpeed } = useCompanyPaymentSpeed(companyId)\n\n  const { mutateAsync: submitPayroll, isPending } = usePayrollsSubmitMutation()\n\n  const { mutateAsync: cancelPayroll } = usePayrollsCancelMutation()\n\n  const gustoEmbedded = useGustoEmbeddedContext()\n\n  if (!payrollData) {\n    return <PayrollLoading title={t('dataLoadingTitle')} />\n  }\n\n  if (status === PayrollOverviewStatus.Viewing && !payrollData.calculatedAt) {\n    // A stale snapshot can be served with a null `calculatedAt` while its refetch is\n    // in flight; treat that as loading and only throw once the fetch settles. SDK-1018.\n    if (isFetching) {\n      return <PayrollLoading title={t('dataLoadingTitle')} />\n    }\n    throw new Error(t('alerts.payrollNotCalculated'))\n  }\n\n  const pagination = getPaginationProps(data.httpMeta.response.headers, isFetching)\n\n  // Per-tax totals come from the payroll-level `payrollTaxes` aggregate so they stay\n  // correct when `employeeCompensations` is paginated (only a single page is loaded).\n  const taxes =\n    payrollData.payrollTaxes?.reduce(\n      (acc, tax) => {\n        if (!tax.name) return acc\n        const amount = tax.amount ?? 0\n        acc[tax.name] = {\n          employee: (acc[tax.name]?.employee ?? 0) + (tax.employer ? 0 : amount),\n          employer: (acc[tax.name]?.employer ?? 0) + (tax.employer ? amount : 0),\n        }\n        return acc\n      },\n      {} as Record<string, { employee: number; employer: number }>,\n    ) || {}\n\n  const onCancel = async () => {\n    setStatus(PayrollOverviewStatus.Cancelling)\n    await baseSubmitHandler(data, async () => {\n      try {\n        const result = await cancelPayroll({\n          request: {\n            companyId,\n            payrollId,\n          },\n        })\n        setStatus(PayrollOverviewStatus.Cancelled)\n        onEvent(componentEvents.RUN_PAYROLL_CANCELLED, result)\n      } catch (error) {\n        setStatus(PayrollOverviewStatus.Viewing)\n        throw error\n      }\n    })\n  }\n  const onPayrollReceipt = () => {\n    onEvent(componentEvents.RUN_PAYROLL_RECEIPT_GET, { payrollId })\n  }\n\n  const onPaystubDownload = async (employeeId: string) => {\n    // Open a blank window *synchronously* with the click\n    const newWindow = window.open('', '_blank')\n\n    try {\n      // Fetch the PDF from your API\n      const response = await payrollsGetPayStub(gustoEmbedded, { payrollId, employeeId })\n      if (!response.value?.responseStream) {\n        throw new Error(t('alerts.paystubPdfError'))\n      }\n      const pdfBlob = await readableStreamToBlob(response.value.responseStream, 'application/pdf')\n\n      const url = URL.createObjectURL(pdfBlob)\n\n      // Load the PDF into the new window\n      if (newWindow) {\n        newWindow.location.href = url\n      }\n      onEvent(componentEvents.RUN_PAYROLL_PDF_PAYSTUB_VIEWED, { employeeId })\n      URL.revokeObjectURL(url) // Clean up the URL object after use\n    } catch (err) {\n      if (newWindow) {\n        newWindow.close()\n      }\n      showBoundary(err instanceof Error ? err : new Error(String(err)))\n    }\n  }\n  const onSubmit = async () => {\n    await baseSubmitHandler(data, async () => {\n      const result = await submitPayroll({\n        request: {\n          companyId,\n          payrollId,\n          requestBody: {\n            submissionBlockers: Object.entries(selectedUnblockOptions)\n              .filter(([blockerType]) =>\n                PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES.includes(blockerType),\n              )\n              .map(([blockerType, selectedOption]) => ({\n                blockerType,\n                selectedOption,\n              })),\n          },\n        },\n      })\n      onEvent(componentEvents.RUN_PAYROLL_SUBMITTING)\n      onEvent(componentEvents.RUN_PAYROLL_SUBMITTED, result)\n      setIsPolling(true)\n      setHasSubmittedInSession(true)\n    })\n  }\n\n  return (\n    <PayrollOverviewPresentation\n      onEdit={onEdit}\n      onSubmit={onSubmit}\n      onCancel={onCancel}\n      onPayrollReceipt={onPayrollReceipt}\n      onPaystubDownload={onPaystubDownload}\n      status={isPending || hasSubmittedInSession ? PayrollOverviewStatus.Submitting : status}\n      isProcessed={\n        payrollData.processed === true ||\n        payrollData.processingRequest?.status === PAYROLL_PROCESSING_STATUS.submit_success\n      }\n      canCancel={canCancelPayroll(payrollData)}\n      payrollData={payrollData}\n      bankAccount={bankAccount}\n      taxes={taxes}\n      alerts={internalAlerts}\n      submissionBlockers={submissionBlockers}\n      selectedUnblockOptions={selectedUnblockOptions}\n      onUnblockOptionChange={(blockerType, value) => {\n        setSelectedUnblockOptions(prev => ({ ...prev, [blockerType]: value }))\n      }}\n      wireInConfirmationRequest={wireInConfirmationRequest}\n      printChecksBanner={printChecksBanner}\n      withReimbursements={withReimbursements}\n      paymentSpeed={paymentSpeed}\n      pagination={pagination}\n    />\n  )\n}\n"],"names":["findUnresolvedBlockersWithOptions","blockers","blocker","findWireInRequestUuid","creditBlockers","unresolvedCreditBlocker","option","PayrollOverview","props","jsx","BaseComponent","Root","companyId","payrollId","dictionary","onEvent","alerts","withReimbursements","ConfirmWireDetailsComponent","ConfirmWireDetails","useComponentDictionary","useI18n","baseSubmitHandler","useBase","t","useTranslation","isPolling","setIsPolling","useState","hasSubmittedInSession","setHasSubmittedInSession","internalAlerts","setInternalAlerts","selectedUnblockOptions","setSelectedUnblockOptions","showWireDetailsConfirmation","setShowWireDetailsConfirmation","showBoundary","useErrorBoundary","formatCurrency","useNumberFormatter","dateFormatter","useDateFormatter","Button","UnorderedList","Text","useComponentContext","status","setStatus","PayrollOverviewStatus","currentPage","itemsPerPage","getPaginationProps","usePagination","data","isFetching","usePayrollsGet","keepPreviousData","payrollData","submissionBlockers","wireInId","wireInRequestData","useWireInRequestsGet","wireInRequest","onEdit","componentEvents","wireInConfirmationRequest","type","payrollWireEvents","printChecksBanner","PrintChecks","useEffect","checkDate","formattedCheckDate","PAYROLL_PROCESSING_STATUS","jsxs","Flex","renderErrorList","bankAccountData","useBankAccountsGetSuspense","bankAccount","paymentSpeed","useCompanyPaymentSpeed","submitPayroll","isPending","usePayrollsSubmitMutation","cancelPayroll","usePayrollsCancelMutation","gustoEmbedded","useGustoEmbeddedContext","PayrollLoading","pagination","taxes","acc","tax","amount","PayrollOverviewPresentation","result","blockerType","PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES","selectedOption","error","employeeId","newWindow","response","payrollsGetPayStub","pdfBlob","readableStreamToBlob","url","err","canCancelPayroll","value","prev"],"mappings":"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"}

package/dist/components/Payroll/PayrollOverview/PayrollOverviewPresentation.d.ts

@@ -19,6 +19,7 @@ interface PayrollOverviewProps {
     submissionBlockers?: PayrollSubmissionBlockerType[];
     selectedUnblockOptions?: Record<string, string>;
     wireInConfirmationRequest?: React.ReactNode;
+    printChecksBanner?: React.ReactNode;
     pagination?: PaginationControlProps;
     onEdit: () => void;
     onSubmit: () => void;
@@ -30,5 +31,5 @@ interface PayrollOverviewProps {
     paymentSpeed?: PaymentSpeed;
 }
 /** @internal */
-export declare const PayrollOverviewPresentation: ({ onEdit, onSubmit, onCancel, onPayrollReceipt, onPaystubDownload, payrollData, bankAccount, taxes, status, isProcessed, canCancel, alerts, submissionBlockers, selectedUnblockOptions, onUnblockOptionChange, wireInConfirmationRequest, withReimbursements, paymentSpeed, pagination, }: PayrollOverviewProps) => import("react").JSX.Element;
+export declare const PayrollOverviewPresentation: ({ onEdit, onSubmit, onCancel, onPayrollReceipt, onPaystubDownload, payrollData, bankAccount, taxes, status, isProcessed, canCancel, alerts, submissionBlockers, selectedUnblockOptions, onUnblockOptionChange, wireInConfirmationRequest, printChecksBanner, withReimbursements, paymentSpeed, pagination, }: PayrollOverviewProps) => import("react").JSX.Element;
 export {};