@gusto/embedded-react-sdk 0.18.0 → 0.20.0

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

@@ -1,151 +1,172 @@
-import { jsx as m, jsxs as k } from "react/jsx-runtime";
-import { usePayrollsSubmitMutation as F } from "@gusto/embedded-api/react-query/payrollsSubmit";
-import { usePayrollsCancelMutation as G } from "@gusto/embedded-api/react-query/payrollsCancel";
-import { usePayrollsGetSuspense as x } from "@gusto/embedded-api/react-query/payrollsGet";
-import { useTranslation as M } from "react-i18next";
-import { useBankAccountsGetSuspense as j } from "@gusto/embedded-api/react-query/bankAccountsGet";
-import { useEmployeesListSuspense as W } from "@gusto/embedded-api/react-query/employeesList";
-import { useState as S, useEffect as I } from "react";
-import { useGustoEmbeddedContext as H } from "@gusto/embedded-api/react-query/_context";
-import { payrollsGetPayStub as V } from "@gusto/embedded-api/funcs/payrollsGetPayStub";
-import { useErrorBoundary as z } from "react-error-boundary";
-import { PayrollOverviewPresentation as J } from "./PayrollOverviewPresentation.js";
-import { PAYROLL_PROCESSING_STATUS as p, componentEvents as n } from "../../../shared/constants.js";
-import { BaseComponent as K } from "../../Base/Base.js";
-import { useBase as Q } from "../../Base/useBase.js";
-import { useComponentDictionary as X, useI18n as Z } from "../../../i18n/I18n.js";
-import { readableStreamToBlob as $ } from "../../../helpers/readableStreamToBlob.js";
-import ee from "../../../hooks/useNumberFormatter.js";
-import { useDateFormatter as te } from "../../../hooks/useDateFormatter.js";
-import { useComponentContext as oe } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { renderErrorList as se } from "../../../helpers/apiErrorToList.js";
-import { Flex as re } from "../../Common/Flex/Flex.js";
-function Be(s) {
-  return /* @__PURE__ */ m(K, { ...s, children: /* @__PURE__ */ m(ae, { ...s, children: s.children }) });
+import { jsx as u, jsxs as x } from "react/jsx-runtime";
+import { usePayrollsSubmitMutation as W } from "@gusto/embedded-api/react-query/payrollsSubmit";
+import { usePayrollsCancelMutation as j } from "@gusto/embedded-api/react-query/payrollsCancel";
+import { usePayrollsGetSuspense as V } from "@gusto/embedded-api/react-query/payrollsGet";
+import { useTranslation as H } from "react-i18next";
+import { useBankAccountsGetSuspense as K } from "@gusto/embedded-api/react-query/bankAccountsGet";
+import { useEmployeesListSuspense as z } from "@gusto/embedded-api/react-query/employeesList";
+import { useState as y, useEffect as J } from "react";
+import { useGustoEmbeddedContext as Q } from "@gusto/embedded-api/react-query/_context";
+import { payrollsGetPayStub as X } from "@gusto/embedded-api/funcs/payrollsGetPayStub";
+import { useErrorBoundary as Z } from "react-error-boundary";
+import { ConfirmWireDetails as $ } from "../ConfirmWireDetails/ConfirmWireDetails.js";
+import { PayrollOverviewPresentation as ee } from "./PayrollOverviewPresentation.js";
+import { PAYROLL_PROCESSING_STATUS as p, componentEvents as l, PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES as te } from "../../../shared/constants.js";
+import { BaseComponent as oe } from "../../Base/Base.js";
+import { useBase as se } from "../../Base/useBase.js";
+import { useComponentDictionary as re, useI18n as ne } from "../../../i18n/I18n.js";
+import { readableStreamToBlob as ie } from "../../../helpers/readableStreamToBlob.js";
+import ae from "../../../hooks/useNumberFormatter.js";
+import { useDateFormatter as le } from "../../../hooks/useDateFormatter.js";
+import { useComponentContext as ce } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { renderErrorList as ue } from "../../../helpers/apiErrorToList.js";
+import { Flex as me } from "../../Common/Flex/Flex.js";
+import "classnames";
+const pe = (o = []) => o.filter(
+  (n) => n.status === "unresolved" && n.unblockOptions && n.unblockOptions.length > 0
+), de = (o = []) => {
+  const n = o.find((s) => s.status === "unresolved");
+  return n?.unblockOptions ? n.unblockOptions.find(
+    (s) => s.unblockType === "submit_wire"
+  )?.metadata.wireInRequestUuid : void 0;
+};
+function We(o) {
+  return /* @__PURE__ */ u(oe, { ...o, children: /* @__PURE__ */ u(fe, { ...o, children: o.children }) });
 }
-const ae = ({
-  companyId: s,
-  payrollId: c,
-  dictionary: w,
-  onEvent: r,
-  alerts: _
+const fe = ({
+  companyId: o,
+  payrollId: n,
+  dictionary: P,
+  onEvent: s,
+  alerts: C
 }) => {
-  X("Payroll.PayrollOverview", w), Z("Payroll.PayrollOverview");
-  const { baseSubmitHandler: P } = Q(), { t: a } = M("Payroll.PayrollOverview"), [l, u] = S(!1), [D, y] = S(_ || []), { showBoundary: A } = z(), d = ee("currency"), b = te(), { Button: C, UnorderedList: E } = oe(), { data: f } = x(
+  re("Payroll.PayrollOverview", P), ne("Payroll.PayrollOverview");
+  const { baseSubmitHandler: b } = se(), { t: a } = H("Payroll.PayrollOverview"), [c, m] = y(!1), [U, d] = y(C || []), [R, A] = y({}), { showBoundary: D } = Z(), O = ae("currency"), S = le(), { Button: E, UnorderedList: g } = ce(), { data: f } = V(
     {
-      companyId: s,
-      payrollId: c,
+      companyId: o,
+      payrollId: n,
       include: ["taxes", "benefits", "deductions"]
     },
-    { refetchInterval: l ? 5e3 : !1 }
-  ), e = f.payrollShow, R = () => {
-    r(n.RUN_PAYROLL_EDIT);
-  };
-  I(() => {
-    e.processingRequest?.status === p.submitting && !l && u(!0), l && e.processingRequest?.status === p.submit_success && (r(n.RUN_PAYROLL_PROCESSED), y([
+    { refetchInterval: c ? 5e3 : !1 }
+  ), e = f.payrollShow, k = pe(e.submissionBlockers), L = de(e.creditBlockers), w = () => {
+    s(l.RUN_PAYROLL_EDIT);
+  }, B = L && /* @__PURE__ */ u($, { companyId: o, wireInId: L, onEvent: s });
+  J(() => {
+    e.processingRequest?.status === p.submitting && !c && m(!0), c && e.processingRequest?.status === p.submit_success && (s(l.RUN_PAYROLL_PROCESSED), d([
       {
         type: "success",
         title: a("alerts.payrollProcessedTitle"),
         content: a("alerts.payrollProcessedMessage", {
-          amount: d(Number(e.totals?.netPayDebit)),
-          date: b.formatShortWithYear(
+          amount: O(Number(e.totals?.netPayDebit)),
+          date: S.formatShortWithYear(
             e.payrollStatusMeta?.expectedDebitTime ?? e.payrollDeadline
           )
         })
       }
-    ]), u(!1)), l && e.processingRequest?.status === p.processing_failed && (r(n.RUN_PAYROLL_PROCESSING_FAILED), y([
+    ]), m(!1)), c && e.processingRequest?.status === p.processing_failed && (s(l.RUN_PAYROLL_PROCESSING_FAILED), d([
       {
         type: "error",
         title: a("alerts.payrollProcessingFailedTitle"),
-        content: /* @__PURE__ */ k(re, { flexDirection: "column", gap: 16, children: [
-          /* @__PURE__ */ m(E, { items: se(e.processingRequest.errors ?? []) }),
-          /* @__PURE__ */ m(C, { variant: "secondary", onClick: R, children: a("alerts.payrollProcessingFailedCtaLabel") })
+        content: /* @__PURE__ */ x(me, { flexDirection: "column", gap: 16, children: [
+          /* @__PURE__ */ u(g, { items: ue(e.processingRequest.errors ?? []) }),
+          /* @__PURE__ */ u(E, { variant: "secondary", onClick: w, children: a("alerts.payrollProcessingFailedCtaLabel") })
         ] })
       }
-    ]), u(!1));
+    ]), m(!1));
   }, [
     e.processingRequest?.status,
-    l,
-    r,
+    c,
+    s,
     a,
-    b,
-    d,
+    S,
+    O,
     e.totals?.netPayDebit,
     e.payrollStatusMeta?.expectedDebitTime,
     e.payrollDeadline
   ]);
-  const { data: g } = j({
-    companyId: s
-  }), O = g.companyBankAccounts?.[0], { data: h } = W({
-    companyId: s
-  }), { mutateAsync: U, isPending: T } = F(), { mutateAsync: B, isPending: N } = G();
+  const { data: h } = K({
+    companyId: o
+  }), T = h.companyBankAccounts?.[0], { data: N } = z({
+    companyId: o
+  }), { mutateAsync: v, isPending: q } = W(), { mutateAsync: Y, isPending: F } = j();
   if (!e.calculatedAt)
     throw new Error(a("alerts.payrollNotCalculated"));
-  const Y = H(), q = e.employeeCompensations?.reduce(
-    (o, i) => (i.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)
+  const I = Q(), G = e.employeeCompensations?.reduce(
+    (r, i) => (i.taxes?.forEach((t) => {
+      r[t.name] = {
+        employee: (r[t.name]?.employee ?? 0) + (t.employer ? 0 : t.amount),
+        employer: (r[t.name]?.employer ?? 0) + (t.employer ? t.amount : 0)
       };
-    }), o),
+    }), r),
     {}
   ) || {};
-  return /* @__PURE__ */ m(
-    J,
+  return /* @__PURE__ */ u(
+    ee,
     {
-      onEdit: R,
+      onEdit: w,
       onSubmit: async () => {
-        await P(f, async () => {
-          const o = await U({
+        await b(f, async () => {
+          const r = await v({
             request: {
-              companyId: s,
-              payrollId: c,
+              companyId: o,
+              payrollId: n,
               requestBody: {
-                submissionBlockers: []
+                submissionBlockers: Object.entries(R).filter(
+                  ([i]) => te.includes(i)
+                ).map(([i, t]) => ({
+                  blockerType: i,
+                  selectedOption: t
+                }))
               }
             }
           });
-          r(n.RUN_PAYROLL_SUBMITTED, o), u(!0);
+          s(l.RUN_PAYROLL_SUBMITTED, r), m(!0);
         });
       },
       onCancel: async () => {
-        await P(f, async () => {
-          const o = await B({
+        await b(f, async () => {
+          const r = await Y({
             request: {
-              companyId: s,
-              payrollId: c
+              companyId: o,
+              payrollId: n
             }
           });
-          r(n.RUN_PAYROLL_CANCELLED, o), y([]);
+          s(l.RUN_PAYROLL_CANCELLED, r), d([]);
         });
       },
       onPayrollReceipt: () => {
-        r(n.RUN_PAYROLL_RECEIPT_GET, { payrollId: c });
+        s(l.RUN_PAYROLL_RECEIPT_GET, { payrollId: n });
       },
-      onPaystubDownload: async (o) => {
+      onPaystubDownload: async (r) => {
         const i = window.open("", "_blank");
         try {
-          const t = await V(Y, { payrollId: c, employeeId: o });
+          const t = await X(I, { payrollId: n, employeeId: r });
           if (!t.value?.responseStream)
             throw new Error(a("alerts.paystubPdfError"));
-          const v = await $(t.value.responseStream, "application/pdf"), L = URL.createObjectURL(v);
-          i && (i.location.href = L), r(n.RUN_PAYROLL_PDF_PAYSTUB_VIEWED, { employeeId: o }), URL.revokeObjectURL(L);
+          const M = await ie(t.value.responseStream, "application/pdf"), _ = URL.createObjectURL(M);
+          i && (i.location.href = _), s(l.RUN_PAYROLL_PDF_PAYSTUB_VIEWED, { employeeId: r }), URL.revokeObjectURL(_);
         } catch (t) {
-          i && i.close(), A(t);
+          i && i.close(), D(t);
         }
       },
-      isSubmitting: T || l || N,
+      isSubmitting: q || c || F,
       isProcessed: e.processingRequest?.status === p.submit_success,
       payrollData: e,
-      bankAccount: O,
-      employeeDetails: h.showEmployees || [],
-      taxes: q,
-      alerts: D
+      bankAccount: T,
+      employeeDetails: N.showEmployees || [],
+      taxes: G,
+      alerts: U,
+      submissionBlockers: k,
+      selectedUnblockOptions: R,
+      onUnblockOptionChange: (r, i) => {
+        A((t) => ({ ...t, [r]: i }));
+      },
+      wireInConfirmationRequest: B
     }
   );
 };
 export {
-  Be as PayrollOverview,
-  ae as Root
+  We as PayrollOverview,
+  fe 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'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { renderErrorList } from '@/helpers/apiErrorToList'\nimport { Flex } from '@/components/Common'\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 [internalAlerts, setInternalAlerts] = useState<PayrollFlowAlert[]>(alerts || [])\n  const { showBoundary } = useErrorBoundary()\n  const formatCurrency = useNumberFormatter('currency')\n  const dateFormatter = useDateFormatter()\n  const { Button, UnorderedList } = useComponentContext()\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  const onEdit = () => {\n    onEvent(componentEvents.RUN_PAYROLL_EDIT)\n  }\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: dateFormatter.formatShortWithYear(\n              payrollData.payrollStatusMeta?.expectedDebitTime ?? payrollData.payrollDeadline,\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      setInternalAlerts([\n        {\n          type: 'error',\n          title: t('alerts.payrollProcessingFailedTitle'),\n          content: (\n            <Flex flexDirection=\"column\" gap={16}>\n              {/* TODO: Errors messages are currently not i18n'd */}\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      setIsPolling(false)\n    }\n  }, [\n    payrollData.processingRequest?.status,\n    isPolling,\n    onEvent,\n    t,\n    dateFormatter,\n    formatCurrency,\n    payrollData.totals?.netPayDebit,\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 { 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 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 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={internalAlerts}\n    />\n  )\n}\n"],"names":["PayrollOverview","props","jsx","BaseComponent","Root","companyId","payrollId","dictionary","onEvent","alerts","useComponentDictionary","useI18n","baseSubmitHandler","useBase","t","useTranslation","isPolling","setIsPolling","useState","internalAlerts","setInternalAlerts","showBoundary","useErrorBoundary","formatCurrency","useNumberFormatter","dateFormatter","useDateFormatter","Button","UnorderedList","useComponentContext","data","usePayrollsGetSuspense","payrollData","onEdit","componentEvents","useEffect","PAYROLL_PROCESSING_STATUS","jsxs","Flex","renderErrorList","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 { PayrollSubmissionBlockersType } from '@gusto/embedded-api/models/components/payrollsubmissionblockerstype'\nimport type { PayrollCreditBlockersType } from '@gusto/embedded-api/models/components/payrollcreditblockerstype'\nimport type { PayrollFlowAlert } from '../PayrollFlow/PayrollFlowComponents'\nimport { ConfirmWireDetails } from '../ConfirmWireDetails/ConfirmWireDetails'\nimport { PayrollOverviewPresentation } from './PayrollOverviewPresentation'\nimport {\n  componentEvents,\n  PAYROLL_PROCESSING_STATUS,\n  PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES,\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 } from '@/components/Common'\n\ninterface PayrollOverviewProps extends BaseComponentInterface<'Payroll.PayrollOverview'> {\n  companyId: string\n  payrollId: string\n  alerts?: PayrollFlowAlert[]\n}\n\nconst findUnresolvedBlockersWithOptions = (blockers: PayrollSubmissionBlockersType[] = []) => {\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: PayrollCreditBlockersType[] = [],\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 => option.unblockType === 'submit_wire',\n  )\n\n  return wireUnblockOption?.metadata.wireInRequestUuid\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 [internalAlerts, setInternalAlerts] = useState<PayrollFlowAlert[]>(alerts || [])\n  const [selectedUnblockOptions, setSelectedUnblockOptions] = useState<Record<string, string>>({})\n  const { showBoundary } = useErrorBoundary()\n  const formatCurrency = useNumberFormatter('currency')\n  const dateFormatter = useDateFormatter()\n  const { Button, UnorderedList } = useComponentContext()\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  const submissionBlockers = findUnresolvedBlockersWithOptions(payrollData.submissionBlockers)\n  const wireInId = findWireInRequestUuid(payrollData.creditBlockers)\n\n  const onEdit = () => {\n    onEvent(componentEvents.RUN_PAYROLL_EDIT)\n  }\n\n  const wireInConfirmationRequest = wireInId && (\n    <ConfirmWireDetails companyId={companyId} wireInId={wireInId} onEvent={onEvent} />\n  )\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: dateFormatter.formatShortWithYear(\n              payrollData.payrollStatusMeta?.expectedDebitTime ?? payrollData.payrollDeadline,\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      setInternalAlerts([\n        {\n          type: 'error',\n          title: t('alerts.payrollProcessingFailedTitle'),\n          content: (\n            <Flex flexDirection=\"column\" gap={16}>\n              {/* TODO: Errors messages are currently not i18n'd */}\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      setIsPolling(false)\n    }\n  }, [\n    payrollData.processingRequest?.status,\n    isPolling,\n    onEvent,\n    t,\n    dateFormatter,\n    formatCurrency,\n    payrollData.totals?.netPayDebit,\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 { 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 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 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: 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_SUBMITTED, result)\n      setIsPolling(true)\n    })\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={internalAlerts}\n      submissionBlockers={submissionBlockers}\n      selectedUnblockOptions={selectedUnblockOptions}\n      onUnblockOptionChange={(blockerType, value) => {\n        setSelectedUnblockOptions(prev => ({ ...prev, [blockerType]: value }))\n      }}\n      wireInConfirmationRequest={wireInConfirmationRequest}\n    />\n  )\n}\n"],"names":["findUnresolvedBlockersWithOptions","blockers","blocker","findWireInRequestUuid","creditBlockers","unresolvedCreditBlocker","option","PayrollOverview","props","jsx","BaseComponent","Root","companyId","payrollId","dictionary","onEvent","alerts","useComponentDictionary","useI18n","baseSubmitHandler","useBase","t","useTranslation","isPolling","setIsPolling","useState","internalAlerts","setInternalAlerts","selectedUnblockOptions","setSelectedUnblockOptions","showBoundary","useErrorBoundary","formatCurrency","useNumberFormatter","dateFormatter","useDateFormatter","Button","UnorderedList","useComponentContext","data","usePayrollsGetSuspense","payrollData","submissionBlockers","wireInId","onEdit","componentEvents","wireInConfirmationRequest","ConfirmWireDetails","useEffect","PAYROLL_PROCESSING_STATUS","jsxs","Flex","renderErrorList","bankAccountData","useBankAccountsGetSuspense","bankAccount","employeeData","useEmployeesListSuspense","submitPayroll","isPending","usePayrollsSubmitMutation","cancelPayroll","isPendingCancel","usePayrollsCancelMutation","gustoEmbedded","useGustoEmbeddedContext","taxes","acc","compensation","tax","PayrollOverviewPresentation","result","blockerType","PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES","selectedOption","employeeId","newWindow","response","payrollsGetPayStub","pdfBlob","readableStreamToBlob","url","err","value","prev"],"mappings":"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"}

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

@@ -1,6 +1,7 @@
 import { PayrollShow } from '@gusto/embedded-api/models/components/payrollshow';
 import { CompanyBankAccount } from '@gusto/embedded-api/models/components/companybankaccount';
 import { Employee } from '@gusto/embedded-api/models/components/employee';
+import { PayrollSubmissionBlockersType } from '@gusto/embedded-api/models/components/payrollsubmissionblockerstype';
 import { PayrollFlowAlert } from '../PayrollFlow/PayrollFlowComponents';
 interface PayrollOverviewProps {
     payrollData: PayrollShow;
@@ -13,11 +14,15 @@ interface PayrollOverviewProps {
     isSubmitting?: boolean;
     isProcessed: boolean;
     alerts?: PayrollFlowAlert[];
+    submissionBlockers?: PayrollSubmissionBlockersType[];
+    selectedUnblockOptions?: Record<string, string>;
+    wireInConfirmationRequest?: React.ReactNode;
     onEdit: () => void;
     onSubmit: () => void;
     onCancel: () => void;
     onPayrollReceipt: () => void;
     onPaystubDownload: (employeeId: string) => void;
+    onUnblockOptionChange?: (blockerType: string, value: string) => 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, employeeDetails, payrollData, bankAccount, taxes, isSubmitting, isProcessed, alerts, submissionBlockers, selectedUnblockOptions, onUnblockOptionChange, wireInConfirmationRequest, }: PayrollOverviewProps) => import("react/jsx-runtime").JSX.Element;
 export {};