@gusto/embedded-react-sdk 0.13.2 → 0.13.3

package/dist/components/Payroll/PayrollList/PayrollListPresentation.js

@@ -1,94 +1,101 @@
-import { jsx as r, jsxs as s } from "react/jsx-runtime";
-import { useTranslation as p } from "react-i18next";
-import { Flex as f } from "../../Common/Flex/Flex.js";
-import { useComponentContext as D } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { useTranslation as D } from "react-i18next";
+import { Flex as l } from "../../Common/Flex/Flex.js";
+import "classnames";
+import { useComponentContext as g } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useI18n as L } from "../../../i18n/I18n.js";
-import { parseDateStringToLocal as l } from "../../../helpers/dateFormatting.js";
-import { useLocale as g } from "../../../contexts/LocaleProvider/useLocale.js";
-import { DataView as b } from "../../Common/DataView/DataView.js";
-const j = ({
-  onRunPayroll: c,
-  payrolls: d,
-  paySchedules: i
+import { parseDateStringToLocal as s } from "../../../helpers/dateFormatting.js";
+import { useLocale as b } from "../../../contexts/LocaleProvider/useLocale.js";
+import { DataView as x } from "../../Common/DataView/DataView.js";
+const v = ({
+  onRunPayroll: d,
+  payrolls: m,
+  paySchedules: c
 }) => {
-  const { Badge: m, Button: u, Text: o } = D();
+  const { Badge: u, Button: h, Heading: p, Text: n } = g();
   L("Payroll.PayrollList");
-  const { t } = p("Payroll.PayrollList"), { locale: a } = g();
-  return /* @__PURE__ */ r(
-    b,
-    {
-      columns: [
-        {
-          render: ({ payPeriod: e }) => {
-            const h = l(e.startDate)?.toLocaleDateString(
-              a,
-              {
+  const { t } = D("Payroll.PayrollList"), { locale: a } = b();
+  return /* @__PURE__ */ i(l, { flexDirection: "column", gap: 16, children: [
+    /* @__PURE__ */ r(
+      l,
+      {
+        flexDirection: { base: "column", medium: "row" },
+        justifyContent: "space-between",
+        alignItems: "flex-start",
+        gap: { base: 12, medium: 24 },
+        children: /* @__PURE__ */ r(l, { children: /* @__PURE__ */ r(p, { as: "h2", children: t("title") }) })
+      }
+    ),
+    /* @__PURE__ */ r(
+      x,
+      {
+        columns: [
+          {
+            render: ({ payPeriod: e }) => {
+              const y = e?.startDate ? s(e.startDate)?.toLocaleDateString(a, {
                 month: "short",
                 day: "numeric"
-              }
-            ), y = l(e.endDate)?.toLocaleDateString(
-              a,
-              {
+              }) : null, f = e?.endDate ? s(e.endDate)?.toLocaleDateString(a, {
                 month: "short",
                 day: "numeric",
                 year: "numeric"
-              }
-            );
-            return /* @__PURE__ */ s(f, { flexDirection: "column", gap: 0, children: [
-              /* @__PURE__ */ s(o, { children: [
-                h,
-                " - ",
-                y
-              ] }),
-              /* @__PURE__ */ r(o, { variant: "supporting", children: i.find((n) => n.uuid === e?.payScheduleUuid)?.name || i.find((n) => n.uuid === e?.payScheduleUuid)?.customName })
-            ] });
+              }) : null;
+              return /* @__PURE__ */ i(l, { flexDirection: "column", gap: 0, children: [
+                /* @__PURE__ */ i(n, { children: [
+                  y,
+                  " - ",
+                  f
+                ] }),
+                /* @__PURE__ */ r(n, { variant: "supporting", children: c.find((o) => o.uuid === e?.payScheduleUuid)?.name || c.find((o) => o.uuid === e?.payScheduleUuid)?.customName })
+              ] });
+            },
+            title: t("tableHeaders.0")
           },
-          title: t("tableHeaders.0")
-        },
-        {
-          render: ({ payrollType: e }) => /* @__PURE__ */ r(o, { children: t(`type.${e}`) }),
-          title: t("tableHeaders.1")
-        },
-        {
-          render: ({ checkDate: e }) => /* @__PURE__ */ r(o, { children: l(e)?.toLocaleDateString(a, {
-            weekday: "short",
-            month: "short",
-            day: "numeric",
-            year: "numeric"
-          }) }),
-          title: t("tableHeaders.2")
-        },
-        {
-          title: t("tableHeaders.3"),
-          render: ({ payrollDeadline: e }) => /* @__PURE__ */ r(o, { children: e?.toLocaleDateString(a, {
-            weekday: "short",
-            month: "short",
-            day: "numeric",
-            year: "numeric"
-          }) })
-        },
-        {
-          title: t("tableHeaders.4"),
-          render: ({ processed: e }) => /* @__PURE__ */ r(m, { children: t(e ? "status.processed" : "status.unprocessed") })
-        }
-      ],
-      data: d,
-      label: t("payrollsListLabel"),
-      itemMenu: ({ payrollUuid: e }) => /* @__PURE__ */ r(
-        u,
-        {
-          onClick: () => {
-            c({ payrollId: e });
+          {
+            render: ({ payrollType: e }) => /* @__PURE__ */ r(n, { children: t(`type.${e}`) }),
+            title: t("tableHeaders.1")
           },
-          title: t("runPayrollTitle"),
-          variant: "secondary",
-          children: t("runPayrollTitle")
-        }
-      )
-    }
-  );
+          {
+            render: ({ checkDate: e }) => /* @__PURE__ */ r(n, { children: e ? s(e)?.toLocaleDateString(a, {
+              weekday: "short",
+              month: "short",
+              day: "numeric",
+              year: "numeric"
+            }) : null }),
+            title: t("tableHeaders.2")
+          },
+          {
+            title: t("tableHeaders.3"),
+            render: ({ payrollDeadline: e }) => /* @__PURE__ */ r(n, { children: e?.toLocaleDateString(a, {
+              weekday: "short",
+              month: "short",
+              day: "numeric",
+              year: "numeric"
+            }) })
+          },
+          {
+            title: t("tableHeaders.4"),
+            render: ({ processed: e }) => /* @__PURE__ */ r(u, { children: t(e ? "status.processed" : "status.unprocessed") })
+          }
+        ],
+        data: m,
+        label: t("payrollsListLabel"),
+        itemMenu: ({ payrollUuid: e }) => /* @__PURE__ */ r(
+          h,
+          {
+            onClick: () => {
+              d({ payrollId: e });
+            },
+            title: t("runPayrollTitle"),
+            variant: "secondary",
+            children: t("runPayrollTitle")
+          }
+        )
+      }
+    )
+  ] });
 };
 export {
-  j as PayrollListPresentation
+  v as PayrollListPresentation
 };
 //# sourceMappingURL=PayrollListPresentation.js.map

package/dist/components/Payroll/PayrollList/PayrollListPresentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"PayrollListPresentation.js","sources":["../../../../src/components/Payroll/PayrollList/PayrollListPresentation.tsx"],"sourcesContent":["import type { Payroll } from '@gusto/embedded-api/models/components/payroll'\nimport type { PayScheduleList } from '@gusto/embedded-api/models/components/payschedulelist'\nimport { useTranslation } from 'react-i18next'\nimport type { PayrollType } from './types'\nimport { DataView, Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { parseDateStringToLocal } from '@/helpers/dateFormatting'\nimport { useLocale } from '@/contexts/LocaleProvider'\n\ninterface PresentationPayroll extends Payroll {\n  payrollType: PayrollType\n}\n\ninterface PayrollListPresentationProps {\n  onRunPayroll: ({ payrollId }: { payrollId: NonNullable<Payroll['payrollUuid']> }) => void\n  payrolls: PresentationPayroll[]\n  paySchedules: PayScheduleList[]\n}\n\nexport const PayrollListPresentation = ({\n  onRunPayroll,\n  payrolls,\n  paySchedules,\n}: PayrollListPresentationProps) => {\n  const { Badge, Button, Text } = useComponentContext()\n  useI18n('Payroll.PayrollList')\n  const { t } = useTranslation('Payroll.PayrollList')\n  const { locale } = useLocale()\n\n  return (\n    <DataView\n      columns={[\n        {\n          render: ({ payPeriod }) => {\n            const startDate = parseDateStringToLocal(payPeriod!.startDate!)?.toLocaleDateString(\n              locale,\n              {\n                month: 'short',\n                day: 'numeric',\n              },\n            )\n\n            const endDate = parseDateStringToLocal(payPeriod!.endDate!)?.toLocaleDateString(\n              locale,\n              {\n                month: 'short',\n                day: 'numeric',\n                year: 'numeric',\n              },\n            )\n\n            return (\n              <Flex flexDirection=\"column\" gap={0}>\n                <Text>\n                  {startDate} - {endDate}\n                </Text>\n                <Text variant=\"supporting\">\n                  {paySchedules.find(schedule => schedule.uuid === payPeriod?.payScheduleUuid)\n                    ?.name ||\n                    paySchedules.find(schedule => schedule.uuid === payPeriod?.payScheduleUuid)\n                      ?.customName}\n                </Text>\n              </Flex>\n            )\n          },\n          title: t('tableHeaders.0'),\n        },\n        {\n          render: ({ payrollType }) => <Text>{t(`type.${payrollType}`)}</Text>,\n          title: t('tableHeaders.1'),\n        },\n        {\n          render: ({ checkDate }) => (\n            <Text>\n              {parseDateStringToLocal(checkDate!)?.toLocaleDateString(locale, {\n                weekday: 'short',\n                month: 'short',\n                day: 'numeric',\n                year: 'numeric',\n              })}\n            </Text>\n          ),\n          title: t('tableHeaders.2'),\n        },\n        {\n          title: t('tableHeaders.3'),\n          render: ({ payrollDeadline }) => (\n            <Text>\n              {payrollDeadline?.toLocaleDateString(locale, {\n                weekday: 'short',\n                month: 'short',\n                day: 'numeric',\n                year: 'numeric',\n              })}\n            </Text>\n          ),\n        },\n        {\n          title: t('tableHeaders.4'),\n          render: ({ processed }) => (\n            <Badge>{processed ? t('status.processed') : t('status.unprocessed')}</Badge>\n          ),\n        },\n      ]}\n      data={payrolls}\n      label={t('payrollsListLabel')}\n      itemMenu={({ payrollUuid }) => (\n        <Button\n          onClick={() => {\n            onRunPayroll({ payrollId: payrollUuid! })\n          }}\n          title={t('runPayrollTitle')}\n          variant=\"secondary\"\n        >\n          {t('runPayrollTitle')}\n        </Button>\n      )}\n    />\n  )\n}\n"],"names":["PayrollListPresentation","onRunPayroll","payrolls","paySchedules","Badge","Button","Text","useComponentContext","useI18n","useTranslation","locale","useLocale","jsx","DataView","payPeriod","startDate","parseDateStringToLocal","endDate","jsxs","Flex","schedule","payrollType","checkDate","payrollDeadline","processed","payrollUuid"],"mappings":"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"}
+{"version":3,"file":"PayrollListPresentation.js","sources":["../../../../src/components/Payroll/PayrollList/PayrollListPresentation.tsx"],"sourcesContent":["import type { Payroll } from '@gusto/embedded-api/models/components/payroll'\nimport type { PayScheduleList } from '@gusto/embedded-api/models/components/payschedulelist'\nimport { useTranslation } from 'react-i18next'\nimport type { PayrollType } from './types'\nimport { DataView, Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { parseDateStringToLocal } from '@/helpers/dateFormatting'\nimport { useLocale } from '@/contexts/LocaleProvider'\n\ninterface PresentationPayroll extends Payroll {\n  payrollType: PayrollType\n}\n\ninterface PayrollListPresentationProps {\n  onRunPayroll: ({ payrollId }: { payrollId: NonNullable<Payroll['payrollUuid']> }) => void\n  payrolls: PresentationPayroll[]\n  paySchedules: PayScheduleList[]\n}\n\nexport const PayrollListPresentation = ({\n  onRunPayroll,\n  payrolls,\n  paySchedules,\n}: PayrollListPresentationProps) => {\n  const { Badge, Button, Heading, Text } = useComponentContext()\n  useI18n('Payroll.PayrollList')\n  const { t } = useTranslation('Payroll.PayrollList')\n  const { locale } = useLocale()\n\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      <Flex\n        flexDirection={{ base: 'column', medium: 'row' }}\n        justifyContent=\"space-between\"\n        alignItems=\"flex-start\"\n        gap={{ base: 12, medium: 24 }}\n      >\n        <Flex>\n          <Heading as=\"h2\">{t('title')}</Heading>\n        </Flex>\n      </Flex>\n\n      <DataView\n        columns={[\n          {\n            render: ({ payPeriod }) => {\n              const startDate = payPeriod?.startDate\n                ? parseDateStringToLocal(payPeriod.startDate)?.toLocaleDateString(locale, {\n                    month: 'short',\n                    day: 'numeric',\n                  })\n                : null\n\n              const endDate = payPeriod?.endDate\n                ? parseDateStringToLocal(payPeriod.endDate)?.toLocaleDateString(locale, {\n                    month: 'short',\n                    day: 'numeric',\n                    year: 'numeric',\n                  })\n                : null\n\n              return (\n                <Flex flexDirection=\"column\" gap={0}>\n                  <Text>\n                    {startDate} - {endDate}\n                  </Text>\n                  <Text variant=\"supporting\">\n                    {paySchedules.find(schedule => schedule.uuid === payPeriod?.payScheduleUuid)\n                      ?.name ||\n                      paySchedules.find(schedule => schedule.uuid === payPeriod?.payScheduleUuid)\n                        ?.customName}\n                  </Text>\n                </Flex>\n              )\n            },\n            title: t('tableHeaders.0'),\n          },\n          {\n            render: ({ payrollType }) => <Text>{t(`type.${payrollType}`)}</Text>,\n            title: t('tableHeaders.1'),\n          },\n          {\n            render: ({ checkDate }) => (\n              <Text>\n                {checkDate\n                  ? parseDateStringToLocal(checkDate)?.toLocaleDateString(locale, {\n                      weekday: 'short',\n                      month: 'short',\n                      day: 'numeric',\n                      year: 'numeric',\n                    })\n                  : null}\n              </Text>\n            ),\n            title: t('tableHeaders.2'),\n          },\n          {\n            title: t('tableHeaders.3'),\n            render: ({ payrollDeadline }) => (\n              <Text>\n                {payrollDeadline?.toLocaleDateString(locale, {\n                  weekday: 'short',\n                  month: 'short',\n                  day: 'numeric',\n                  year: 'numeric',\n                })}\n              </Text>\n            ),\n          },\n          {\n            title: t('tableHeaders.4'),\n            render: ({ processed }) => (\n              <Badge>{processed ? t('status.processed') : t('status.unprocessed')}</Badge>\n            ),\n          },\n        ]}\n        data={payrolls}\n        label={t('payrollsListLabel')}\n        itemMenu={({ payrollUuid }) => (\n          <Button\n            onClick={() => {\n              onRunPayroll({ payrollId: payrollUuid! })\n            }}\n            title={t('runPayrollTitle')}\n            variant=\"secondary\"\n          >\n            {t('runPayrollTitle')}\n          </Button>\n        )}\n      />\n    </Flex>\n  )\n}\n"],"names":["PayrollListPresentation","onRunPayroll","payrolls","paySchedules","Badge","Button","Heading","Text","useComponentContext","useI18n","useTranslation","locale","useLocale","jsxs","Flex","jsx","DataView","payPeriod","startDate","parseDateStringToLocal","endDate","schedule","payrollType","checkDate","payrollDeadline","processed","payrollUuid"],"mappings":"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"}

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

@@ -1,56 +1,108 @@
-import { jsx as t } from "react/jsx-runtime";
-import { usePayrollsSubmitMutation as f } from "@gusto/embedded-api/react-query/payrollsSubmit";
-import { usePayrollsGetSuspense as P } from "@gusto/embedded-api/react-query/payrollsGet";
-import { useTranslation as d } from "react-i18next";
-import { useBankAccountsGetSuspense as v } from "@gusto/embedded-api/react-query/bankAccountsGet";
-import { useEmployeesListSuspense as w } from "@gusto/embedded-api/react-query/employeesList";
-import { PayrollOverviewPresentation as A } from "./PayrollOverviewPresentation.js";
-import { componentEvents as s } from "../../../shared/constants.js";
-import { BaseComponent as D } from "../../Base/Base.js";
-import "../../Base/useBase.js";
-import { useComponentDictionary as E, useI18n as S } from "../../../i18n/I18n.js";
-function G(o) {
-  return /* @__PURE__ */ t(D, { ...o, children: /* @__PURE__ */ t(b, { ...o, children: o.children }) });
+import { jsx as p } from "react/jsx-runtime";
+import { usePayrollsSubmitMutation as C } from "@gusto/embedded-api/react-query/payrollsSubmit";
+import { usePayrollsCancelMutation as U } from "@gusto/embedded-api/react-query/payrollsCancel";
+import { usePayrollsGetSuspense as h } from "@gusto/embedded-api/react-query/payrollsGet";
+import { useTranslation as B } from "react-i18next";
+import { useBankAccountsGetSuspense as N } from "@gusto/embedded-api/react-query/bankAccountsGet";
+import { useEmployeesListSuspense as v } from "@gusto/embedded-api/react-query/employeesList";
+import { useState as q, useEffect as T } from "react";
+import { useGustoEmbeddedContext as Y } from "@gusto/embedded-api/react-query/_context";
+import { payrollsGetPayStub as k } from "@gusto/embedded-api/funcs/payrollsGetPayStub";
+import { useErrorBoundary as G } from "react-error-boundary";
+import { PayrollOverviewPresentation as j } from "./PayrollOverviewPresentation.js";
+import { PAYROLL_PROCESSING_STATUS as c, componentEvents as i } from "../../../shared/constants.js";
+import { BaseComponent as M } from "../../Base/Base.js";
+import { useBase as F } from "../../Base/useBase.js";
+import { useComponentDictionary as W, useI18n as H } from "../../../i18n/I18n.js";
+import { readableStreamToBlob as I } from "../../../helpers/readableStreamToBlob.js";
+function ye(t) {
+  return /* @__PURE__ */ p(M, { ...t, children: /* @__PURE__ */ p(V, { ...t, children: t.children }) });
 }
-const b = ({ companyId: o, payrollId: e, dictionary: a, onEvent: r }) => {
-  E("Payroll.PayrollOverview", a), S("Payroll.PayrollOverview");
-  const { t: l } = d("Payroll.PayrollOverview"), { data: i } = P({
-    companyId: o,
-    payrollId: e,
-    include: ["taxes", "benefits", "deductions"]
-  }), n = i.payrollShow, { data: c } = v({
-    companyId: o
-  }), m = c.companyBankAccounts?.[0], { data: u } = w({
-    companyId: o
-  }), { mutateAsync: p } = f();
-  if (!n.calculatedAt)
-    throw new Error(l("alerts.payrollNotCalculated"));
-  return /* @__PURE__ */ t(
-    A,
+const V = ({ companyId: t, payrollId: l, dictionary: d, onEvent: r }) => {
+  W("Payroll.PayrollOverview", d), H("Payroll.PayrollOverview");
+  const { baseSubmitHandler: f } = F(), { t: y } = B("Payroll.PayrollOverview"), [n, u] = q(!1), { showBoundary: R } = G(), { data: m } = h(
+    {
+      companyId: t,
+      payrollId: l,
+      include: ["taxes", "benefits", "deductions"]
+    },
+    { refetchInterval: n ? 5e3 : !1 }
+  ), s = m.payrollShow;
+  T(() => {
+    s.processingRequest?.status === c.submitting && !n && u(!0), n && s.processingRequest?.status === c.submit_success && (r(i.RUN_PAYROLL_PROCESSED), u(!1)), n && s.processingRequest?.status === c.processing_failed && (r(i.RUN_PAYROLL_PROCESSING_FAILED), u(!1));
+  }, [s.processingRequest?.status, n, r]);
+  const { data: b } = N({
+    companyId: t
+  }), w = b.companyBankAccounts?.[0], { data: S } = v({
+    companyId: t
+  }), { mutateAsync: L, isPending: _ } = C(), { mutateAsync: E, isPending: A } = U();
+  if (!s.calculatedAt)
+    throw new Error(y("alerts.payrollNotCalculated"));
+  const O = Y(), D = s.employeeCompensations?.reduce(
+    (o, a) => (a.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)
+      };
+    }), o),
+    {}
+  ) || {};
+  return /* @__PURE__ */ p(
+    j,
     {
       onEdit: () => {
-        r(s.RUN_PAYROLL_EDITED);
+        r(i.RUN_PAYROLL_EDITED);
       },
       onSubmit: async () => {
-        const y = await p({
-          request: {
-            companyId: o,
-            payrollId: e,
-            requestBody: {
-              submissionBlockers: []
+        await f(m, async () => {
+          const o = await L({
+            request: {
+              companyId: t,
+              payrollId: l,
+              requestBody: {
+                submissionBlockers: []
+              }
+            }
+          });
+          r(i.RUN_PAYROLL_SUBMITTED, o), u(!0);
+        });
+      },
+      onCancel: async () => {
+        await f(m, async () => {
+          const o = await E({
+            request: {
+              companyId: t,
+              payrollId: l
             }
-          }
+          });
+          r(i.RUN_PAYROLL_CANCELLED, o);
         });
-        r(s.RUN_PAYROLL_SUBMITTED, y);
       },
-      payrollData: n,
-      bankAccount: m,
-      employeeDetails: u.showEmployees || []
+      onPayrollReceipt: () => {
+      },
+      onPaystubDownload: async (o) => {
+        const a = window.open("", "_blank");
+        try {
+          const e = await k(O, { payrollId: l, employeeId: o });
+          if (!e.value?.responseStream)
+            throw new Error(y("alerts.paystubPdfError"));
+          const g = await I(e.value.responseStream, "application/pdf"), P = URL.createObjectURL(g);
+          a && (a.location.href = P), r(i.RUN_PAYROLL_PDF_PAYSTUB_VIEWED, { employeeId: o }), URL.revokeObjectURL(P);
+        } catch (e) {
+          a && a.close(), R(e);
+        }
+      },
+      isSubmitting: _ || n || A,
+      isProcessed: s.processingRequest?.status === c.submit_success,
+      payrollData: s,
+      bankAccount: w,
+      employeeDetails: S.showEmployees || [],
+      taxes: D
     }
   );
 };
 export {
-  G as PayrollOverview,
-  b as Root
+  ye as PayrollOverview,
+  V 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 { 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 { PayrollOverviewPresentation } from './PayrollOverviewPresentation'\nimport { componentEvents } from '@/shared/constants'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary, useI18n } from '@/i18n'\n\ninterface PayrollOverviewProps extends BaseComponentInterface<'Payroll.PayrollOverview'> {\n  companyId: string\n  payrollId: string\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 = ({ companyId, payrollId, dictionary, onEvent }: PayrollOverviewProps) => {\n  useComponentDictionary('Payroll.PayrollOverview', dictionary)\n  useI18n('Payroll.PayrollOverview')\n  const { t } = useTranslation('Payroll.PayrollOverview')\n\n  const { data } = usePayrollsGetSuspense({\n    companyId,\n    payrollId: payrollId,\n    include: ['taxes', 'benefits', 'deductions'],\n  })\n  const payrollData = data.payrollShow!\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 } = usePayrollsSubmitMutation()\n\n  if (!payrollData.calculatedAt) {\n    throw new Error(t('alerts.payrollNotCalculated'))\n  }\n\n  const onEdit = () => {\n    onEvent(componentEvents.RUN_PAYROLL_EDITED)\n  }\n  const onSubmit = async () => {\n    const result = await mutateAsync({\n      request: {\n        companyId,\n        payrollId,\n        requestBody: {\n          submissionBlockers: [],\n        },\n      },\n    })\n    onEvent(componentEvents.RUN_PAYROLL_SUBMITTED, result)\n  }\n  return (\n    <PayrollOverviewPresentation\n      onEdit={onEdit}\n      onSubmit={onSubmit}\n      payrollData={payrollData}\n      bankAccount={bankAccount}\n      employeeDetails={employeeData.showEmployees || []}\n    />\n  )\n}\n"],"names":["PayrollOverview","props","jsx","BaseComponent","Root","companyId","payrollId","dictionary","onEvent","useComponentDictionary","useI18n","t","useTranslation","data","usePayrollsGetSuspense","payrollData","bankAccountData","useBankAccountsGetSuspense","bankAccount","employeeData","useEmployeesListSuspense","mutateAsync","usePayrollsSubmitMutation","PayrollOverviewPresentation","componentEvents","result"],"mappings":";;;;;;;;;;;AAeO,SAASA,EAAgBC,GAA6B;AAC3D,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEO,MAAMG,IAAO,CAAC,EAAE,WAAAC,GAAW,WAAAC,GAAW,YAAAC,GAAY,SAAAC,QAAoC;AAC3F,EAAAC,EAAuB,2BAA2BF,CAAU,GAC5DG,EAAQ,yBAAyB;AACjC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,yBAAyB,GAEhD,EAAE,MAAAC,EAAA,IAASC,EAAuB;AAAA,IACtC,WAAAT;AAAA,IACA,WAAAC;AAAA,IACA,SAAS,CAAC,SAAS,YAAY,YAAY;AAAA,EAAA,CAC5C,GACKS,IAAcF,EAAK,aAEnB,EAAE,MAAMG,EAAA,IAAoBC,EAA2B;AAAA,IAC3D,WAAAZ;AAAA,EAAA,CACD,GACKa,IAAcF,EAAgB,sBAAsB,CAAC,GAErD,EAAE,MAAMG,EAAA,IAAiBC,EAAyB;AAAA,IACtD,WAAAf;AAAA,EAAA,CACD,GAEK,EAAE,aAAAgB,EAAA,IAAgBC,EAAA;AAExB,MAAI,CAACP,EAAY;AACf,UAAM,IAAI,MAAMJ,EAAE,6BAA6B,CAAC;AAkBlD,SACE,gBAAAT;AAAA,IAACqB;AAAA,IAAA;AAAA,MACC,QAjBW,MAAM;AACnB,QAAAf,EAAQgB,EAAgB,kBAAkB;AAAA,MAC5C;AAAA,MAgBI,UAfa,YAAY;AAC3B,cAAMC,IAAS,MAAMJ,EAAY;AAAA,UAC/B,SAAS;AAAA,YACP,WAAAhB;AAAA,YACA,WAAAC;AAAA,YACA,aAAa;AAAA,cACX,oBAAoB,CAAA;AAAA,YAAC;AAAA,UACvB;AAAA,QACF,CACD;AACD,QAAAE,EAAQgB,EAAgB,uBAAuBC,CAAM;AAAA,MACvD;AAAA,MAKI,aAAAV;AAAA,MACA,aAAAG;AAAA,MACA,iBAAiBC,EAAa,iBAAiB,CAAA;AAAA,IAAC;AAAA,EAAA;AAGtD;"}
+{"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 { 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}\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 = ({ companyId, payrollId, dictionary, onEvent }: 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_EDITED)\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)\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    />\n  )\n}\n"],"names":["PayrollOverview","props","jsx","BaseComponent","Root","companyId","payrollId","dictionary","onEvent","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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"}

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

@@ -5,8 +5,17 @@ interface PayrollOverviewProps {
     payrollData: PayrollShow;
     bankAccount?: CompanyBankAccount;
     employeeDetails: Employee[];
+    taxes: Record<string, {
+        employee: number;
+        employer: number;
+    }>;
+    isSubmitting?: boolean;
+    isProcessed: boolean;
     onEdit: () => void;
     onSubmit: () => void;
+    onCancel: () => void;
+    onPayrollReceipt: () => void;
+    onPaystubDownload: (employeeId: string) => void;
 }
-export declare const PayrollOverviewPresentation: ({ onEdit, onSubmit, employeeDetails, payrollData, bankAccount, }: PayrollOverviewProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PayrollOverviewPresentation: ({ onEdit, onSubmit, onCancel, onPayrollReceipt, onPaystubDownload, employeeDetails, payrollData, bankAccount, taxes, isSubmitting, isProcessed, }: PayrollOverviewProps) => import("react/jsx-runtime").JSX.Element;
 export {};