@gusto/embedded-react-sdk 0.13.4 → 0.14.1

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

@@ -1,116 +1,144 @@
-import { jsx as p } from "react/jsx-runtime";
-import { usePayrollsSubmitMutation as U } from "@gusto/embedded-api/react-query/payrollsSubmit";
-import { usePayrollsCancelMutation as h } from "@gusto/embedded-api/react-query/payrollsCancel";
-import { usePayrollsGetSuspense as B } from "@gusto/embedded-api/react-query/payrollsGet";
-import { useTranslation as N } from "react-i18next";
-import { useBankAccountsGetSuspense as T } from "@gusto/embedded-api/react-query/bankAccountsGet";
-import { useEmployeesListSuspense as Y } from "@gusto/embedded-api/react-query/employeesList";
-import { useState as q, useEffect as v } from "react";
-import { useGustoEmbeddedContext as k } from "@gusto/embedded-api/react-query/_context";
-import { payrollsGetPayStub as G } from "@gusto/embedded-api/funcs/payrollsGetPayStub";
-import { useErrorBoundary as j } from "react-error-boundary";
-import { PayrollOverviewPresentation as M } from "./PayrollOverviewPresentation.js";
-import { PAYROLL_PROCESSING_STATUS as c, componentEvents as n } from "../../../shared/constants.js";
-import { BaseComponent as F } from "../../Base/Base.js";
-import { useBase as W } from "../../Base/useBase.js";
-import { useComponentDictionary as H, useI18n as I } from "../../../i18n/I18n.js";
-import { readableStreamToBlob as V } from "../../../helpers/readableStreamToBlob.js";
-function ye(t) {
-  return /* @__PURE__ */ p(F, { ...t, children: /* @__PURE__ */ p(x, { ...t, children: t.children }) });
+import { jsx as y } from "react/jsx-runtime";
+import { usePayrollsSubmitMutation as Y } from "@gusto/embedded-api/react-query/payrollsSubmit";
+import { usePayrollsCancelMutation as q } from "@gusto/embedded-api/react-query/payrollsCancel";
+import { usePayrollsGetSuspense as v } from "@gusto/embedded-api/react-query/payrollsGet";
+import { useTranslation as G } from "react-i18next";
+import { useBankAccountsGetSuspense as M } from "@gusto/embedded-api/react-query/bankAccountsGet";
+import { useEmployeesListSuspense as j } from "@gusto/embedded-api/react-query/employeesList";
+import { useState as L, useEffect as F } from "react";
+import { useGustoEmbeddedContext as x } from "@gusto/embedded-api/react-query/_context";
+import { payrollsGetPayStub as I } from "@gusto/embedded-api/funcs/payrollsGetPayStub";
+import { useErrorBoundary as W } from "react-error-boundary";
+import { PayrollOverviewPresentation as H } from "./PayrollOverviewPresentation.js";
+import { PAYROLL_PROCESSING_STATUS as m, componentEvents as a } from "../../../shared/constants.js";
+import { BaseComponent as K } from "../../Base/Base.js";
+import { useBase as V } from "../../Base/useBase.js";
+import { useComponentDictionary as z, useI18n as J } from "../../../i18n/I18n.js";
+import { readableStreamToBlob as Q } from "../../../helpers/readableStreamToBlob.js";
+import X from "../../Common/hooks/useNumberFormatter.js";
+import { parseDateStringToLocal as Z } from "../../../helpers/dateFormatting.js";
+import { useLocale as $ } from "../../../contexts/LocaleProvider/useLocale.js";
+function ge(s) {
+  return /* @__PURE__ */ y(K, { ...s, children: /* @__PURE__ */ y(ee, { ...s, children: s.children }) });
 }
-const x = ({
-  companyId: t,
-  payrollId: l,
-  dictionary: R,
-  onEvent: s,
-  alerts: d
+const ee = ({
+  companyId: s,
+  payrollId: i,
+  dictionary: S,
+  onEvent: r,
+  alerts: _,
+  showBackButton: w = !1
 }) => {
-  H("Payroll.PayrollOverview", R), I("Payroll.PayrollOverview");
-  const { baseSubmitHandler: P } = W(), { t: f } = N("Payroll.PayrollOverview"), [a, u] = q(!1), { showBoundary: b } = j(), { data: m } = B(
+  z("Payroll.PayrollOverview", S), J("Payroll.PayrollOverview");
+  const { baseSubmitHandler: f } = V(), { t: c } = G("Payroll.PayrollOverview"), [n, u] = L(!1), [A, P] = L(_ || []), { showBoundary: D } = W(), d = X("currency"), { locale: R } = $(), { data: p } = v(
     {
-      companyId: t,
-      payrollId: l,
+      companyId: s,
+      payrollId: i,
       include: ["taxes", "benefits", "deductions"]
     },
-    { refetchInterval: a ? 5e3 : !1 }
-  ), r = m.payrollShow;
-  v(() => {
-    r.processingRequest?.status === c.submitting && !a && u(!0), a && r.processingRequest?.status === c.submit_success && (s(n.RUN_PAYROLL_PROCESSED), u(!1)), a && r.processingRequest?.status === c.processing_failed && (s(n.RUN_PAYROLL_PROCESSING_FAILED), u(!1));
-  }, [r.processingRequest?.status, a, s]);
-  const { data: w } = T({
-    companyId: t
-  }), L = w.companyBankAccounts?.[0], { data: S } = Y({
-    companyId: t
-  }), { mutateAsync: _, isPending: E } = U(), { mutateAsync: A, isPending: O } = h();
-  if (!r.calculatedAt)
-    throw new Error(f("alerts.payrollNotCalculated"));
-  const C = k(), g = r.employeeCompensations?.reduce(
-    (o, i) => (i.taxes?.forEach((e) => {
-      o[e.name] = {
-        employee: (o[e.name]?.employee ?? 0) + (e.employer ? 0 : e.amount),
-        employer: (o[e.name]?.employer ?? 0) + (e.employer ? e.amount : 0)
+    { refetchInterval: n ? 5e3 : !1 }
+  ), e = p.payrollShow;
+  F(() => {
+    e.processingRequest?.status === m.submitting && !n && u(!0), n && e.processingRequest?.status === m.submit_success && (r(a.RUN_PAYROLL_PROCESSED), P([
+      {
+        type: "success",
+        title: c("alerts.payrollProcessedTitle"),
+        content: c("alerts.payrollProcessedMessage", {
+          amount: d(Number(e.totals?.netPayDebit)),
+          date: (e.payrollStatusMeta?.expectedDebitTime ? Z(e.payrollStatusMeta.expectedDebitTime) : e.payrollDeadline)?.toLocaleString(R, {
+            month: "short",
+            day: "numeric",
+            year: "numeric"
+          })
+        })
+      }
+    ]), u(!1)), n && e.processingRequest?.status === m.processing_failed && (r(a.RUN_PAYROLL_PROCESSING_FAILED), u(!1));
+  }, [
+    e.processingRequest?.status,
+    n,
+    r,
+    c,
+    R,
+    d,
+    e
+  ]);
+  const { data: E } = M({
+    companyId: s
+  }), O = E.companyBankAccounts?.[0], { data: g } = j({
+    companyId: s
+  }), { mutateAsync: C, isPending: B } = Y(), { mutateAsync: U, isPending: h } = q();
+  if (!e.calculatedAt)
+    throw new Error(c("alerts.payrollNotCalculated"));
+  const N = x(), T = e.employeeCompensations?.reduce(
+    (o, l) => (l.taxes?.forEach((t) => {
+      o[t.name] = {
+        employee: (o[t.name]?.employee ?? 0) + (t.employer ? 0 : t.amount),
+        employer: (o[t.name]?.employer ?? 0) + (t.employer ? t.amount : 0)
       };
     }), o),
     {}
   ) || {};
-  return /* @__PURE__ */ p(
-    M,
+  return /* @__PURE__ */ y(
+    H,
     {
       onEdit: () => {
-        s(n.RUN_PAYROLL_EDIT);
+        r(a.RUN_PAYROLL_EDIT);
       },
       onSubmit: async () => {
-        await P(m, async () => {
-          const o = await _({
+        await f(p, async () => {
+          const o = await C({
             request: {
-              companyId: t,
-              payrollId: l,
+              companyId: s,
+              payrollId: i,
               requestBody: {
                 submissionBlockers: []
               }
             }
           });
-          s(n.RUN_PAYROLL_SUBMITTED, o), u(!0);
+          r(a.RUN_PAYROLL_SUBMITTED, o), u(!0);
         });
       },
       onCancel: async () => {
-        await P(m, async () => {
-          const o = await A({
+        await f(p, async () => {
+          const o = await U({
             request: {
-              companyId: t,
-              payrollId: l
+              companyId: s,
+              payrollId: i
             }
           });
-          s(n.RUN_PAYROLL_CANCELLED, o);
+          r(a.RUN_PAYROLL_CANCELLED, o), P([]);
         });
       },
       onPayrollReceipt: () => {
-        s(n.RUN_PAYROLL_RECEIPT_GET, { payrollId: l });
+        r(a.RUN_PAYROLL_RECEIPT_GET, { payrollId: i });
       },
       onPaystubDownload: async (o) => {
-        const i = window.open("", "_blank");
+        const l = window.open("", "_blank");
         try {
-          const e = await G(C, { payrollId: l, employeeId: o });
-          if (!e.value?.responseStream)
-            throw new Error(f("alerts.paystubPdfError"));
-          const D = await V(e.value.responseStream, "application/pdf"), y = URL.createObjectURL(D);
-          i && (i.location.href = y), s(n.RUN_PAYROLL_PDF_PAYSTUB_VIEWED, { employeeId: o }), URL.revokeObjectURL(y);
-        } catch (e) {
-          i && i.close(), b(e);
+          const t = await I(N, { payrollId: i, employeeId: o });
+          if (!t.value?.responseStream)
+            throw new Error(c("alerts.paystubPdfError"));
+          const k = await Q(t.value.responseStream, "application/pdf"), b = URL.createObjectURL(k);
+          l && (l.location.href = b), r(a.RUN_PAYROLL_PDF_PAYSTUB_VIEWED, { employeeId: o }), URL.revokeObjectURL(b);
+        } catch (t) {
+          l && l.close(), D(t);
         }
       },
-      isSubmitting: E || a || O,
-      isProcessed: r.processingRequest?.status === c.submit_success,
-      payrollData: r,
-      bankAccount: L,
-      employeeDetails: S.showEmployees || [],
-      taxes: g,
-      alerts: d
+      onBack: w ? () => {
+        r(a.RUN_PAYROLL_BACK);
+      } : void 0,
+      isSubmitting: B || n || h,
+      isProcessed: e.processingRequest?.status === m.submit_success,
+      payrollData: e,
+      bankAccount: O,
+      employeeDetails: g.showEmployees || [],
+      taxes: T,
+      alerts: A
     }
   );
 };
 export {
-  ye as PayrollOverview,
-  x as Root
+  ge as PayrollOverview,
+  ee as Root
 };
 //# 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 { usePayrollsGetSuspense } from '@gusto/embedded-api/react-query/payrollsGet'\nimport { useTranslation } from 'react-i18next'\nimport { useBankAccountsGetSuspense } from '@gusto/embedded-api/react-query/bankAccountsGet'\nimport { useEmployeesListSuspense } from '@gusto/embedded-api/react-query/employeesList'\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 { PayrollFlowAlert } from '../PayrollFlow/PayrollFlowComponents'\nimport { PayrollOverviewPresentation } from './PayrollOverviewPresentation'\nimport { componentEvents, PAYROLL_PROCESSING_STATUS } from '@/shared/constants'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { readableStreamToBlob } from '@/helpers/readableStreamToBlob'\n\ninterface PayrollOverviewProps extends BaseComponentInterface<'Payroll.PayrollOverview'> {\n  companyId: string\n  payrollId: string\n  alerts?: PayrollFlowAlert[]\n}\n\nexport function PayrollOverview(props: PayrollOverviewProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nexport const Root = ({\n  companyId,\n  payrollId,\n  dictionary,\n  onEvent,\n  alerts,\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 { showBoundary } = useErrorBoundary()\n\n  const { data } = usePayrollsGetSuspense(\n    {\n      companyId,\n      payrollId: payrollId,\n      include: ['taxes', 'benefits', 'deductions'],\n    },\n    { refetchInterval: isPolling ? 5_000 : false },\n  )\n  const payrollData = data.payrollShow!\n\n  useEffect(() => {\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    // Stop polling and emit event when payroll is processed successfully\n    if (\n      isPolling &&\n      payrollData.processingRequest?.status === PAYROLL_PROCESSING_STATUS.submit_success\n    ) {\n      onEvent(componentEvents.RUN_PAYROLL_PROCESSED)\n      setIsPolling(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      setIsPolling(false)\n    }\n  }, [payrollData.processingRequest?.status, isPolling, onEvent])\n\n  const { data: bankAccountData } = useBankAccountsGetSuspense({\n    companyId,\n  })\n  const bankAccount = bankAccountData.companyBankAccounts?.[0]\n\n  const { data: employeeData } = useEmployeesListSuspense({\n    companyId,\n  })\n\n  const { mutateAsync: submitPayroll, isPending } = usePayrollsSubmitMutation()\n\n  const { mutateAsync: cancelPayroll, isPending: isPendingCancel } = usePayrollsCancelMutation()\n\n  if (!payrollData.calculatedAt) {\n    throw new Error(t('alerts.payrollNotCalculated'))\n  }\n  const gustoEmbedded = useGustoEmbeddedContext()\n\n  const taxes =\n    payrollData.employeeCompensations?.reduce(\n      (acc, compensation) => {\n        compensation.taxes?.forEach(tax => {\n          acc[tax.name] = {\n            employee: (acc[tax.name]?.employee ?? 0) + (tax.employer ? 0 : tax.amount),\n            employer: (acc[tax.name]?.employer ?? 0) + (tax.employer ? tax.amount : 0),\n          }\n        })\n\n        return acc\n      },\n      {} as Record<string, { employee: number; employer: number }>,\n    ) || {}\n\n  const onEdit = () => {\n    onEvent(componentEvents.RUN_PAYROLL_EDIT)\n  }\n  const onCancel = async () => {\n    await baseSubmitHandler(data, async () => {\n      const result = await cancelPayroll({\n        request: {\n          companyId,\n          payrollId,\n        },\n      })\n      onEvent(componentEvents.RUN_PAYROLL_CANCELLED, result)\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)\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: [],\n          },\n        },\n      })\n      onEvent(componentEvents.RUN_PAYROLL_SUBMITTED, result)\n      setIsPolling(true)\n    })\n  }\n  return (\n    <PayrollOverviewPresentation\n      onEdit={onEdit}\n      onSubmit={onSubmit}\n      onCancel={onCancel}\n      onPayrollReceipt={onPayrollReceipt}\n      onPaystubDownload={onPaystubDownload}\n      isSubmitting={isPending || isPolling || isPendingCancel}\n      isProcessed={\n        payrollData.processingRequest?.status === PAYROLL_PROCESSING_STATUS.submit_success\n      }\n      payrollData={payrollData}\n      bankAccount={bankAccount}\n      employeeDetails={employeeData.showEmployees || []}\n      taxes={taxes}\n      alerts={alerts}\n    />\n  )\n}\n"],"names":["PayrollOverview","props","jsx","BaseComponent","Root","companyId","payrollId","dictionary","onEvent","alerts","useComponentDictionary","useI18n","baseSubmitHandler","useBase","t","useTranslation","isPolling","setIsPolling","useState","showBoundary","useErrorBoundary","data","usePayrollsGetSuspense","payrollData","useEffect","PAYROLL_PROCESSING_STATUS","componentEvents","bankAccountData","useBankAccountsGetSuspense","bankAccount","employeeData","useEmployeesListSuspense","submitPayroll","isPending","usePayrollsSubmitMutation","cancelPayroll","isPendingCancel","usePayrollsCancelMutation","gustoEmbedded","useGustoEmbeddedContext","taxes","acc","compensation","tax","PayrollOverviewPresentation","result","employeeId","newWindow","response","payrollsGetPayStub","pdfBlob","readableStreamToBlob","url","err"],"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 { usePayrollsGetSuspense } from '@gusto/embedded-api/react-query/payrollsGet'\nimport { useTranslation } from 'react-i18next'\nimport { useBankAccountsGetSuspense } from '@gusto/embedded-api/react-query/bankAccountsGet'\nimport { useEmployeesListSuspense } from '@gusto/embedded-api/react-query/employeesList'\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 { PayrollFlowAlert } from '../PayrollFlow/PayrollFlowComponents'\nimport { PayrollOverviewPresentation } from './PayrollOverviewPresentation'\nimport { componentEvents, PAYROLL_PROCESSING_STATUS } from '@/shared/constants'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { readableStreamToBlob } from '@/helpers/readableStreamToBlob'\nimport useNumberFormatter from '@/components/Common/hooks/useNumberFormatter'\nimport { parseDateStringToLocal } from '@/helpers/dateFormatting'\nimport { useLocale } from '@/contexts/LocaleProvider'\n\ninterface PayrollOverviewProps extends BaseComponentInterface<'Payroll.PayrollOverview'> {\n  companyId: string\n  payrollId: string\n  alerts?: PayrollFlowAlert[]\n  showBackButton?: boolean\n}\n\nexport function PayrollOverview(props: PayrollOverviewProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nexport const Root = ({\n  companyId,\n  payrollId,\n  dictionary,\n  onEvent,\n  alerts,\n  showBackButton = false,\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 [internalAlerts, setInternalAlerts] = useState<PayrollFlowAlert[]>(alerts || [])\n  const { showBoundary } = useErrorBoundary()\n  const formatCurrency = useNumberFormatter('currency')\n  const { locale } = useLocale()\n\n  const { data } = usePayrollsGetSuspense(\n    {\n      companyId,\n      payrollId: payrollId,\n      include: ['taxes', 'benefits', 'deductions'],\n    },\n    { refetchInterval: isPolling ? 5_000 : false },\n  )\n  const payrollData = data.payrollShow!\n\n  useEffect(() => {\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    // Stop polling and emit event when payroll is processed successfully\n    if (\n      isPolling &&\n      payrollData.processingRequest?.status === PAYROLL_PROCESSING_STATUS.submit_success\n    ) {\n      onEvent(componentEvents.RUN_PAYROLL_PROCESSED)\n      setInternalAlerts([\n        {\n          type: 'success',\n          title: t('alerts.payrollProcessedTitle'),\n          content: t('alerts.payrollProcessedMessage', {\n            amount: formatCurrency(Number(payrollData.totals?.netPayDebit)),\n            date: (payrollData.payrollStatusMeta?.expectedDebitTime\n              ? parseDateStringToLocal(payrollData.payrollStatusMeta.expectedDebitTime)\n              : payrollData.payrollDeadline!\n            )?.toLocaleString(locale, {\n              month: 'short',\n              day: 'numeric',\n              year: 'numeric',\n            }),\n          }),\n        },\n      ])\n      setIsPolling(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      setIsPolling(false)\n    }\n  }, [\n    payrollData.processingRequest?.status,\n    isPolling,\n    onEvent,\n    t,\n    locale,\n    formatCurrency,\n    payrollData,\n  ])\n\n  const { data: bankAccountData } = useBankAccountsGetSuspense({\n    companyId,\n  })\n  const bankAccount = bankAccountData.companyBankAccounts?.[0]\n\n  const { data: employeeData } = useEmployeesListSuspense({\n    companyId,\n  })\n\n  const { mutateAsync: submitPayroll, isPending } = usePayrollsSubmitMutation()\n\n  const { mutateAsync: cancelPayroll, isPending: isPendingCancel } = usePayrollsCancelMutation()\n\n  if (!payrollData.calculatedAt) {\n    throw new Error(t('alerts.payrollNotCalculated'))\n  }\n  const gustoEmbedded = useGustoEmbeddedContext()\n\n  const taxes =\n    payrollData.employeeCompensations?.reduce(\n      (acc, compensation) => {\n        compensation.taxes?.forEach(tax => {\n          acc[tax.name] = {\n            employee: (acc[tax.name]?.employee ?? 0) + (tax.employer ? 0 : tax.amount),\n            employer: (acc[tax.name]?.employer ?? 0) + (tax.employer ? tax.amount : 0),\n          }\n        })\n\n        return acc\n      },\n      {} as Record<string, { employee: number; employer: number }>,\n    ) || {}\n\n  const onEdit = () => {\n    onEvent(componentEvents.RUN_PAYROLL_EDIT)\n  }\n  const onCancel = async () => {\n    await baseSubmitHandler(data, async () => {\n      const result = await cancelPayroll({\n        request: {\n          companyId,\n          payrollId,\n        },\n      })\n      onEvent(componentEvents.RUN_PAYROLL_CANCELLED, result)\n      setInternalAlerts([])\n    })\n  }\n  const onPayrollReceipt = () => {\n    onEvent(componentEvents.RUN_PAYROLL_RECEIPT_GET, { payrollId })\n  }\n\n  const onBack = () => {\n    onEvent(componentEvents.RUN_PAYROLL_BACK)\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)\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: [],\n          },\n        },\n      })\n      onEvent(componentEvents.RUN_PAYROLL_SUBMITTED, result)\n      setIsPolling(true)\n    })\n  }\n  return (\n    <PayrollOverviewPresentation\n      onEdit={onEdit}\n      onSubmit={onSubmit}\n      onCancel={onCancel}\n      onPayrollReceipt={onPayrollReceipt}\n      onPaystubDownload={onPaystubDownload}\n      onBack={showBackButton ? onBack : undefined}\n      isSubmitting={isPending || isPolling || isPendingCancel}\n      isProcessed={\n        payrollData.processingRequest?.status === PAYROLL_PROCESSING_STATUS.submit_success\n      }\n      payrollData={payrollData}\n      bankAccount={bankAccount}\n      employeeDetails={employeeData.showEmployees || []}\n      taxes={taxes}\n      alerts={internalAlerts}\n    />\n  )\n}\n"],"names":["PayrollOverview","props","jsx","BaseComponent","Root","companyId","payrollId","dictionary","onEvent","alerts","showBackButton","useComponentDictionary","useI18n","baseSubmitHandler","useBase","t","useTranslation","isPolling","setIsPolling","useState","internalAlerts","setInternalAlerts","showBoundary","useErrorBoundary","formatCurrency","useNumberFormatter","locale","useLocale","data","usePayrollsGetSuspense","payrollData","useEffect","PAYROLL_PROCESSING_STATUS","componentEvents","parseDateStringToLocal","bankAccountData","useBankAccountsGetSuspense","bankAccount","employeeData","useEmployeesListSuspense","submitPayroll","isPending","usePayrollsSubmitMutation","cancelPayroll","isPendingCancel","usePayrollsCancelMutation","gustoEmbedded","useGustoEmbeddedContext","taxes","acc","compensation","tax","PayrollOverviewPresentation","result","employeeId","newWindow","response","payrollsGetPayStub","pdfBlob","readableStreamToBlob","url","err"],"mappings":"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"}

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

@@ -18,6 +18,7 @@ interface PayrollOverviewProps {
     onCancel: () => void;
     onPayrollReceipt: () => void;
     onPaystubDownload: (employeeId: string) => void;
+    onBack?: () => void;
 }
-export declare const PayrollOverviewPresentation: ({ onEdit, onSubmit, onCancel, onPayrollReceipt, onPaystubDownload, employeeDetails, payrollData, bankAccount, taxes, isSubmitting, isProcessed, alerts, }: PayrollOverviewProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PayrollOverviewPresentation: ({ onEdit, onSubmit, onCancel, onPayrollReceipt, onPaystubDownload, onBack, employeeDetails, payrollData, bankAccount, taxes, isSubmitting, isProcessed, alerts, }: PayrollOverviewProps) => import("react/jsx-runtime").JSX.Element;
 export {};