@gusto/embedded-react-sdk 0.14.0 → 0.14.1

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

@@ -1,63 +1,110 @@
-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 { jsxs as c, jsx as l } from "react/jsx-runtime";
+import { useState as j } from "react";
+import { useTranslation as N } from "react-i18next";
+import { PayrollBlockerAlerts as $ } from "../PayrollBlocker/components/PayrollBlockerAlerts.js";
+import D from "./PayrollListPresentation.module.scss.js";
+import { Flex as d } from "../../Common/Flex/Flex.js";
 import "classnames";
-import "../../../shared/constants.js";
-import { useComponentContext as g } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as L } from "../../../i18n/I18n.js";
-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 B = ({
-  onRunPayroll: m,
-  payrolls: d,
-  paySchedules: c
+import { useComponentContext as V } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as E } from "../../../i18n/I18n.js";
+import { parseDateStringToLocal as u } from "../../../helpers/dateFormatting.js";
+import { useLocale as F } from "../../../contexts/LocaleProvider/useLocale.js";
+import { HamburgerMenu as q } from "../../Common/HamburgerMenu/HamburgerMenu.js";
+import { DataView as z } from "../../Common/DataView/DataView.js";
+const le = ({
+  onRunPayroll: P,
+  onSubmitPayroll: b,
+  onSkipPayroll: k,
+  onViewBlockers: L,
+  payrolls: S,
+  paySchedules: p,
+  showSkipSuccessAlert: C,
+  onDismissSkipSuccessAlert: x,
+  skippingPayrollId: I,
+  blockers: H
 }) => {
-  const { Badge: u, Button: h, Heading: p, Text: n } = g();
-  L("Payroll.PayrollList");
-  const { t } = D("Payroll.PayrollList"), { locale: a } = b();
-  return /* @__PURE__ */ i(l, { flexDirection: "column", gap: 16, children: [
-    /* @__PURE__ */ r(
-      l,
+  const { Badge: v, Button: y, Dialog: w, Heading: A, Text: i, Alert: O } = V();
+  E("Payroll.PayrollList");
+  const { t } = N("Payroll.PayrollList"), { locale: n } = F(), [s, f] = j({
+    isOpen: !1,
+    payrollId: null,
+    payPeriod: null
+  }), B = (e, o) => {
+    f({
+      isOpen: !0,
+      payrollId: e,
+      payPeriod: o
+    });
+  }, h = () => {
+    f({
+      isOpen: !1,
+      payrollId: null,
+      payPeriod: null
+    });
+  }, T = () => {
+    s.payrollId && (k({ payrollId: s.payrollId }), h());
+  }, g = (e, o) => {
+    const a = e ? u(e)?.toLocaleDateString(n, {
+      month: "short",
+      day: "numeric"
+    }) : null, r = o ? u(o)?.toLocaleDateString(n, {
+      month: "short",
+      day: "numeric",
+      year: "numeric"
+    }) : null;
+    return {
+      startDate: a,
+      endDate: r,
+      fullPeriod: a && r ? `${a} – ${r}` : ""
+    };
+  };
+  return /* @__PURE__ */ c(d, { flexDirection: "column", gap: 16, children: [
+    C && /* @__PURE__ */ l("div", { className: D.alertContainer, children: /* @__PURE__ */ l(
+      O,
+      {
+        status: "info",
+        label: t("skipSuccessAlert"),
+        onDismiss: x
+      }
+    ) }),
+    /* @__PURE__ */ l($, { blockers: H, onMultipleViewClick: L }),
+    /* @__PURE__ */ l(
+      d,
       {
         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") }) })
+        children: /* @__PURE__ */ l(d, { children: /* @__PURE__ */ l(A, { as: "h2", children: t("title") }) })
       }
     ),
-    /* @__PURE__ */ r(
-      x,
+    /* @__PURE__ */ l(
+      z,
       {
         columns: [
           {
             render: ({ payPeriod: e }) => {
-              const y = e?.startDate ? s(e.startDate)?.toLocaleDateString(a, {
-                month: "short",
-                day: "numeric"
-              }) : null, f = e?.endDate ? s(e.endDate)?.toLocaleDateString(a, {
-                month: "short",
-                day: "numeric",
-                year: "numeric"
-              }) : null;
-              return /* @__PURE__ */ i(l, { flexDirection: "column", gap: 0, children: [
-                /* @__PURE__ */ i(n, { children: [
-                  y,
+              const { startDate: o, endDate: a } = g(
+                e?.startDate,
+                e?.endDate
+              );
+              return /* @__PURE__ */ c(d, { flexDirection: "column", gap: 0, children: [
+                /* @__PURE__ */ c(i, { children: [
+                  o,
                   " - ",
-                  f
+                  a
                 ] }),
-                /* @__PURE__ */ r(n, { variant: "supporting", children: c.find((o) => o.uuid === e?.payScheduleUuid)?.name || c.find((o) => o.uuid === e?.payScheduleUuid)?.customName })
+                /* @__PURE__ */ l(i, { variant: "supporting", children: p.find((r) => r.uuid === e?.payScheduleUuid)?.name || p.find((r) => r.uuid === e?.payScheduleUuid)?.customName })
               ] });
             },
             title: t("tableHeaders.0")
           },
           {
-            render: ({ payrollType: e }) => /* @__PURE__ */ r(n, { children: t(`type.${e}`) }),
+            render: ({ payrollType: e }) => /* @__PURE__ */ l(i, { children: t(`type.${e}`) }),
             title: t("tableHeaders.1")
           },
           {
-            render: ({ checkDate: e }) => /* @__PURE__ */ r(n, { children: e ? s(e)?.toLocaleDateString(a, {
+            render: ({ checkDate: e }) => /* @__PURE__ */ l(i, { children: e ? u(e)?.toLocaleDateString(n, {
               weekday: "short",
               month: "short",
               day: "numeric",
@@ -67,7 +114,7 @@ const B = ({
           },
           {
             title: t("tableHeaders.3"),
-            render: ({ payrollDeadline: e }) => /* @__PURE__ */ r(n, { children: e?.toLocaleDateString(a, {
+            render: ({ payrollDeadline: e }) => /* @__PURE__ */ l(i, { children: e?.toLocaleDateString(n, {
               weekday: "short",
               month: "short",
               day: "numeric",
@@ -76,27 +123,77 @@ const B = ({
           },
           {
             title: t("tableHeaders.4"),
-            render: ({ processed: e }) => /* @__PURE__ */ r(u, { children: t(e ? "status.processed" : "status.unprocessed") })
+            render: ({ processed: e }) => /* @__PURE__ */ l(v, { children: t(e ? "status.processed" : "status.unprocessed") })
           }
         ],
-        data: d,
+        data: S,
         label: t("payrollsListLabel"),
-        itemMenu: ({ payrollUuid: e }) => /* @__PURE__ */ r(
-          h,
-          {
-            onClick: () => {
-              m({ payrollId: e });
-            },
-            title: t("runPayrollTitle"),
-            variant: "secondary",
-            children: t("runPayrollTitle")
-          }
-        )
+        itemMenu: ({ payrollUuid: e, calculatedAt: o, processed: a, payPeriod: r }) => {
+          if (a)
+            return null;
+          const m = I === e, { fullPeriod: M } = g(
+            r?.startDate,
+            r?.endDate
+          );
+          return /* @__PURE__ */ c("div", { className: D.actionsContainer, children: [
+            o ? /* @__PURE__ */ l(
+              y,
+              {
+                isLoading: m,
+                onClick: () => {
+                  b({ payrollId: e });
+                },
+                title: t("submitPayrollCta"),
+                variant: "secondary",
+                children: t("submitPayrollCta")
+              }
+            ) : /* @__PURE__ */ l(
+              y,
+              {
+                isLoading: m,
+                onClick: () => {
+                  P({ payrollId: e });
+                },
+                title: t("runPayrollTitle"),
+                variant: "secondary",
+                children: t("runPayrollTitle")
+              }
+            ),
+            /* @__PURE__ */ l(
+              q,
+              {
+                isLoading: m,
+                menuLabel: t("payrollMenuLabel"),
+                items: [
+                  {
+                    label: t("skipPayrollCta"),
+                    onClick: () => {
+                      B(e, M);
+                    }
+                  }
+                ]
+              }
+            )
+          ] });
+        }
+      }
+    ),
+    /* @__PURE__ */ l(
+      w,
+      {
+        isOpen: s.isOpen,
+        onClose: h,
+        onPrimaryActionClick: T,
+        isDestructive: !0,
+        title: t("skipPayrollDialog.title", { payPeriod: s.payPeriod }),
+        primaryActionLabel: t("skipPayrollDialog.confirmButton"),
+        closeActionLabel: t("skipPayrollDialog.cancelButton"),
+        children: t("skipPayrollDialog.body")
       }
     )
   ] });
 };
 export {
-  B as PayrollListPresentation
+  le 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, 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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"}
+{"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 { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { ApiPayrollBlocker } from '../PayrollBlocker/payrollHelpers'\nimport { PayrollBlockerAlerts } from '../PayrollBlocker/components/PayrollBlockerAlerts'\nimport type { PayrollType } from './types'\nimport styles from './PayrollListPresentation.module.scss'\nimport { DataView, Flex, HamburgerMenu } 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  onSubmitPayroll: ({ payrollId }: { payrollId: NonNullable<Payroll['payrollUuid']> }) => void\n  onSkipPayroll: ({ payrollId }: { payrollId: NonNullable<Payroll['payrollUuid']> }) => void\n  onViewBlockers?: () => void\n  payrolls: PresentationPayroll[]\n  paySchedules: PayScheduleList[]\n  showSkipSuccessAlert: boolean\n  onDismissSkipSuccessAlert: () => void\n  skippingPayrollId: string | null\n  blockers: ApiPayrollBlocker[]\n}\n\nexport const PayrollListPresentation = ({\n  onRunPayroll,\n  onSubmitPayroll,\n  onSkipPayroll,\n  onViewBlockers,\n  payrolls,\n  paySchedules,\n  showSkipSuccessAlert,\n  onDismissSkipSuccessAlert,\n  skippingPayrollId,\n  blockers,\n}: PayrollListPresentationProps) => {\n  const { Badge, Button, Dialog, Heading, Text, Alert } = useComponentContext()\n  useI18n('Payroll.PayrollList')\n  const { t } = useTranslation('Payroll.PayrollList')\n  const { locale } = useLocale()\n  const [skipPayrollDialogState, setSkipPayrollDialogState] = useState<{\n    isOpen: boolean\n    payrollId: string | null\n    payPeriod: string | null\n  }>({\n    isOpen: false,\n    payrollId: null,\n    payPeriod: null,\n  })\n\n  const handleOpenSkipDialog = (payrollId: string, payPeriod: string) => {\n    setSkipPayrollDialogState({\n      isOpen: true,\n      payrollId,\n      payPeriod,\n    })\n  }\n\n  const handleCloseSkipDialog = () => {\n    setSkipPayrollDialogState({\n      isOpen: false,\n      payrollId: null,\n      payPeriod: null,\n    })\n  }\n\n  const handleConfirmSkipPayroll = () => {\n    if (skipPayrollDialogState.payrollId) {\n      onSkipPayroll({ payrollId: skipPayrollDialogState.payrollId })\n      handleCloseSkipDialog()\n    }\n  }\n\n  const formatPayPeriod = (startDate: string | undefined, endDate: string | undefined) => {\n    const formattedStartDate = startDate\n      ? parseDateStringToLocal(startDate)?.toLocaleDateString(locale, {\n          month: 'short',\n          day: 'numeric',\n        })\n      : null\n\n    const formattedEndDate = endDate\n      ? parseDateStringToLocal(endDate)?.toLocaleDateString(locale, {\n          month: 'short',\n          day: 'numeric',\n          year: 'numeric',\n        })\n      : null\n\n    return {\n      startDate: formattedStartDate,\n      endDate: formattedEndDate,\n      fullPeriod:\n        formattedStartDate && formattedEndDate ? `${formattedStartDate} – ${formattedEndDate}` : '',\n    }\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      {showSkipSuccessAlert && (\n        <div className={styles.alertContainer}>\n          <Alert\n            status=\"info\"\n            label={t('skipSuccessAlert')}\n            onDismiss={onDismissSkipSuccessAlert}\n          />\n        </div>\n      )}\n      <PayrollBlockerAlerts blockers={blockers} onMultipleViewClick={onViewBlockers} />\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, endDate } = formatPayPeriod(\n                payPeriod?.startDate,\n                payPeriod?.endDate,\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                {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, calculatedAt, processed, payPeriod }) => {\n          if (processed) {\n            return null\n          }\n\n          const isProcessingSkipPayroll = skippingPayrollId === payrollUuid\n\n          const { fullPeriod: payPeriodString } = formatPayPeriod(\n            payPeriod?.startDate,\n            payPeriod?.endDate,\n          )\n\n          return (\n            <div className={styles.actionsContainer}>\n              {calculatedAt ? (\n                <Button\n                  isLoading={isProcessingSkipPayroll}\n                  onClick={() => {\n                    onSubmitPayroll({ payrollId: payrollUuid! })\n                  }}\n                  title={t('submitPayrollCta')}\n                  variant=\"secondary\"\n                >\n                  {t('submitPayrollCta')}\n                </Button>\n              ) : (\n                <Button\n                  isLoading={isProcessingSkipPayroll}\n                  onClick={() => {\n                    onRunPayroll({ payrollId: payrollUuid! })\n                  }}\n                  title={t('runPayrollTitle')}\n                  variant=\"secondary\"\n                >\n                  {t('runPayrollTitle')}\n                </Button>\n              )}\n              <HamburgerMenu\n                isLoading={isProcessingSkipPayroll}\n                menuLabel={t('payrollMenuLabel')}\n                items={[\n                  {\n                    label: t('skipPayrollCta'),\n                    onClick: () => {\n                      handleOpenSkipDialog(payrollUuid!, payPeriodString)\n                    },\n                  },\n                ]}\n              />\n            </div>\n          )\n        }}\n      />\n      <Dialog\n        isOpen={skipPayrollDialogState.isOpen}\n        onClose={handleCloseSkipDialog}\n        onPrimaryActionClick={handleConfirmSkipPayroll}\n        isDestructive={true}\n        title={t('skipPayrollDialog.title', { payPeriod: skipPayrollDialogState.payPeriod })}\n        primaryActionLabel={t('skipPayrollDialog.confirmButton')}\n        closeActionLabel={t('skipPayrollDialog.cancelButton')}\n      >\n        {t('skipPayrollDialog.body')}\n      </Dialog>\n    </Flex>\n  )\n}\n"],"names":["PayrollListPresentation","onRunPayroll","onSubmitPayroll","onSkipPayroll","onViewBlockers","payrolls","paySchedules","showSkipSuccessAlert","onDismissSkipSuccessAlert","skippingPayrollId","blockers","Badge","Button","Dialog","Heading","Text","Alert","useComponentContext","useI18n","useTranslation","locale","useLocale","skipPayrollDialogState","setSkipPayrollDialogState","useState","handleOpenSkipDialog","payrollId","payPeriod","handleCloseSkipDialog","handleConfirmSkipPayroll","formatPayPeriod","startDate","endDate","formattedStartDate","parseDateStringToLocal","formattedEndDate","jsxs","Flex","jsx","styles","PayrollBlockerAlerts","DataView","schedule","payrollType","checkDate","payrollDeadline","processed","payrollUuid","calculatedAt","isProcessingSkipPayroll","payPeriodString","HamburgerMenu"],"mappings":"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"}

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

@@ -0,0 +1,10 @@
+const n = "_actionsContainer_1bdsf_1", t = "_alertContainer_1bdsf_8", a = {
+  actionsContainer: n,
+  alertContainer: t
+};
+export {
+  n as actionsContainer,
+  t as alertContainer,
+  a as default
+};
+//# sourceMappingURL=PayrollListPresentation.module.scss.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PayrollListPresentation.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

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

@@ -1,120 +1,144 @@
-import { jsx as p } from "react/jsx-runtime";
-import { usePayrollsSubmitMutation as D } from "@gusto/embedded-api/react-query/payrollsSubmit";
-import { usePayrollsCancelMutation as h } from "@gusto/embedded-api/react-query/payrollsCancel";
-import { usePayrollsGetSuspense as N } from "@gusto/embedded-api/react-query/payrollsGet";
-import { useTranslation as k } 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 G } from "@gusto/embedded-api/react-query/_context";
-import { payrollsGetPayStub as j } from "@gusto/embedded-api/funcs/payrollsGetPayStub";
-import { useErrorBoundary as M } from "react-error-boundary";
-import { PayrollOverviewPresentation as F } from "./PayrollOverviewPresentation.js";
-import { PAYROLL_PROCESSING_STATUS as u, componentEvents as n } from "../../../shared/constants.js";
-import { BaseComponent as W } from "../../Base/Base.js";
-import { useBase as H } from "../../Base/useBase.js";
-import { useComponentDictionary as I, useI18n as K } from "../../../i18n/I18n.js";
-import { readableStreamToBlob as V } from "../../../helpers/readableStreamToBlob.js";
-function de(s) {
-  return /* @__PURE__ */ p(W, { ...s, children: /* @__PURE__ */ p(x, { ...s, children: s.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 = ({
+const ee = ({
   companyId: s,
-  payrollId: l,
-  dictionary: R,
-  onEvent: t,
-  alerts: d,
-  showBackButton: b = !1
+  payrollId: i,
+  dictionary: S,
+  onEvent: r,
+  alerts: _,
+  showBackButton: w = !1
 }) => {
-  I("Payroll.PayrollOverview", R), K("Payroll.PayrollOverview");
-  const { baseSubmitHandler: P } = H(), { t: f } = k("Payroll.PayrollOverview"), [a, c] = q(!1), { showBoundary: L } = M(), { data: m } = N(
+  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: s,
-      payrollId: l,
+      payrollId: i,
       include: ["taxes", "benefits", "deductions"]
     },
-    { refetchInterval: a ? 5e3 : !1 }
-  ), r = m.payrollShow;
-  v(() => {
-    r.processingRequest?.status === u.submitting && !a && c(!0), a && r.processingRequest?.status === u.submit_success && (t(n.RUN_PAYROLL_PROCESSED), c(!1)), a && r.processingRequest?.status === u.processing_failed && (t(n.RUN_PAYROLL_PROCESSING_FAILED), c(!1));
-  }, [r.processingRequest?.status, a, t]);
-  const { data: _ } = T({
+    { 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
-  }), w = _.companyBankAccounts?.[0], { data: S } = Y({
+  }), O = E.companyBankAccounts?.[0], { data: g } = j({
     companyId: s
-  }), { mutateAsync: A, isPending: E } = D(), { mutateAsync: O, isPending: B } = h();
-  if (!r.calculatedAt)
-    throw new Error(f("alerts.payrollNotCalculated"));
-  const C = G(), U = 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)
+  }), { 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(
-    F,
+  return /* @__PURE__ */ y(
+    H,
     {
       onEdit: () => {
-        t(n.RUN_PAYROLL_EDIT);
+        r(a.RUN_PAYROLL_EDIT);
       },
       onSubmit: async () => {
-        await P(m, async () => {
-          const o = await A({
+        await f(p, async () => {
+          const o = await C({
             request: {
               companyId: s,
-              payrollId: l,
+              payrollId: i,
               requestBody: {
                 submissionBlockers: []
               }
             }
           });
-          t(n.RUN_PAYROLL_SUBMITTED, o), c(!0);
+          r(a.RUN_PAYROLL_SUBMITTED, o), u(!0);
         });
       },
       onCancel: async () => {
-        await P(m, async () => {
-          const o = await O({
+        await f(p, async () => {
+          const o = await U({
             request: {
               companyId: s,
-              payrollId: l
+              payrollId: i
             }
           });
-          t(n.RUN_PAYROLL_CANCELLED, o);
+          r(a.RUN_PAYROLL_CANCELLED, o), P([]);
         });
       },
       onPayrollReceipt: () => {
-        t(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 j(C, { payrollId: l, employeeId: o });
-          if (!e.value?.responseStream)
-            throw new Error(f("alerts.paystubPdfError"));
-          const g = await V(e.value.responseStream, "application/pdf"), y = URL.createObjectURL(g);
-          i && (i.location.href = y), t(n.RUN_PAYROLL_PDF_PAYSTUB_VIEWED, { employeeId: o }), URL.revokeObjectURL(y);
-        } catch (e) {
-          i && i.close(), L(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);
         }
       },
-      onBack: b ? () => {
-        t(n.RUN_PAYROLL_BACK);
+      onBack: w ? () => {
+        r(a.RUN_PAYROLL_BACK);
       } : void 0,
-      isSubmitting: E || a || B,
-      isProcessed: r.processingRequest?.status === u.submit_success,
-      payrollData: r,
-      bankAccount: w,
-      employeeDetails: S.showEmployees || [],
-      taxes: U,
-      alerts: d
+      isSubmitting: B || n || h,
+      isProcessed: e.processingRequest?.status === m.submit_success,
+      payrollData: e,
+      bankAccount: O,
+      employeeDetails: g.showEmployees || [],
+      taxes: T,
+      alerts: A
     }
   );
 };
 export {
-  de 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  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 { 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 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={alerts}\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","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":";;;;;;;;;;;;;;;;;;;;AA2BO,SAASA,GAAgBC,GAA6B;AAC3D,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,MAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEO,MAAMG,KAAO,CAAC;AAAA,EACnB,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,gBAAAC,IAAiB;AACnB,MAA4B;AAC1B,EAAAC,EAAuB,2BAA2BJ,CAAU,GAC5DK,EAAQ,yBAAyB;AACjC,QAAM,EAAE,mBAAAC,EAAA,IAAsBC,EAAA,GACxB,EAAE,GAAAC,EAAA,IAAMC,EAAe,yBAAyB,GAChD,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1C,CAACC,GAAgBC,CAAiB,IAAIF,EAA6BV,KAAU,CAAA,CAAE,GAC/E,EAAE,cAAAa,EAAA,IAAiBC,EAAA,GACnBC,IAAiBC,EAAmB,UAAU,GAC9C,EAAE,QAAAC,EAAA,IAAWC,EAAA,GAEb,EAAE,MAAAC,MAASC;AAAA,IACf;AAAA,MACE,WAAAxB;AAAA,MACA,WAAAC;AAAA,MACA,SAAS,CAAC,SAAS,YAAY,YAAY;AAAA,IAAA;AAAA,IAE7C,EAAE,iBAAiBW,IAAY,MAAQ,GAAA;AAAA,EAAM,GAEzCa,IAAcF,EAAK;AAEzB,EAAAG,EAAU,MAAM;AAEd,IACED,EAAY,mBAAmB,WAAWE,EAA0B,cACpE,CAACf,KAEDC,EAAa,EAAI,GAIjBD,KACAa,EAAY,mBAAmB,WAAWE,EAA0B,mBAEpExB,EAAQyB,EAAgB,qBAAqB,GAC7CZ,EAAkB;AAAA,MAChB;AAAA,QACE,MAAM;AAAA,QACN,OAAON,EAAE,8BAA8B;AAAA,QACvC,SAASA,EAAE,kCAAkC;AAAA,UAC3C,QAAQS,EAAe,OAAOM,EAAY,QAAQ,WAAW,CAAC;AAAA,UAC9D,OAAOA,EAAY,mBAAmB,oBAClCI,EAAuBJ,EAAY,kBAAkB,iBAAiB,IACtEA,EAAY,kBACb,eAAeJ,GAAQ;AAAA,YACxB,OAAO;AAAA,YACP,KAAK;AAAA,YACL,MAAM;AAAA,UAAA,CACP;AAAA,QAAA,CACF;AAAA,MAAA;AAAA,IACH,CACD,GACDR,EAAa,EAAK,IAIlBD,KACAa,EAAY,mBAAmB,WAAWE,EAA0B,sBAEpExB,EAAQyB,EAAgB,6BAA6B,GACrDf,EAAa,EAAK;AAAA,EAEtB,GAAG;AAAA,IACDY,EAAY,mBAAmB;AAAA,IAC/Bb;AAAA,IACAT;AAAA,IACAO;AAAA,IACAW;AAAA,IACAF;AAAA,IACAM;AAAA,EAAA,CACD;AAED,QAAM,EAAE,MAAMK,EAAA,IAAoBC,EAA2B;AAAA,IAC3D,WAAA/B;AAAA,EAAA,CACD,GACKgC,IAAcF,EAAgB,sBAAsB,CAAC,GAErD,EAAE,MAAMG,EAAA,IAAiBC,EAAyB;AAAA,IACtD,WAAAlC;AAAA,EAAA,CACD,GAEK,EAAE,aAAamC,GAAe,WAAAC,EAAA,IAAcC,EAAA,GAE5C,EAAE,aAAaC,GAAe,WAAWC,EAAA,IAAoBC,EAAA;AAEnE,MAAI,CAACf,EAAY;AACf,UAAM,IAAI,MAAMf,EAAE,6BAA6B,CAAC;AAElD,QAAM+B,IAAgBC,EAAA,GAEhBC,IACJlB,EAAY,uBAAuB;AAAA,IACjC,CAACmB,GAAKC,OACJA,EAAa,OAAO,QAAQ,CAAAC,MAAO;AACjC,MAAAF,EAAIE,EAAI,IAAI,IAAI;AAAA,QACd,WAAWF,EAAIE,EAAI,IAAI,GAAG,YAAY,MAAMA,EAAI,WAAW,IAAIA,EAAI;AAAA,QACnE,WAAWF,EAAIE,EAAI,IAAI,GAAG,YAAY,MAAMA,EAAI,WAAWA,EAAI,SAAS;AAAA,MAAA;AAAA,IAE5E,CAAC,GAEMF;AAAA,IAET,CAAA;AAAA,EAAC,KACE,CAAA;AAmEP,SACE,gBAAA/C;AAAA,IAACkD;AAAA,IAAA;AAAA,MACC,QAnEW,MAAM;AACnB,QAAA5C,EAAQyB,EAAgB,gBAAgB;AAAA,MAC1C;AAAA,MAkEI,UAlBa,YAAY;AAC3B,cAAMpB,EAAkBe,GAAM,YAAY;AACxC,gBAAMyB,IAAS,MAAMb,EAAc;AAAA,YACjC,SAAS;AAAA,cACP,WAAAnC;AAAA,cACA,WAAAC;AAAA,cACA,aAAa;AAAA,gBACX,oBAAoB,CAAA;AAAA,cAAC;AAAA,YACvB;AAAA,UACF,CACD;AACD,UAAAE,EAAQyB,EAAgB,uBAAuBoB,CAAM,GACrDnC,EAAa,EAAI;AAAA,QACnB,CAAC;AAAA,MACH;AAAA,MAKI,UAlEa,YAAY;AAC3B,cAAML,EAAkBe,GAAM,YAAY;AACxC,gBAAMyB,IAAS,MAAMV,EAAc;AAAA,YACjC,SAAS;AAAA,cACP,WAAAtC;AAAA,cACA,WAAAC;AAAA,YAAA;AAAA,UACF,CACD;AACD,UAAAE,EAAQyB,EAAgB,uBAAuBoB,CAAM,GACrDhC,EAAkB,CAAA,CAAE;AAAA,QACtB,CAAC;AAAA,MACH;AAAA,MAwDI,kBAvDqB,MAAM;AAC7B,QAAAb,EAAQyB,EAAgB,yBAAyB,EAAE,WAAA3B,EAAA,CAAW;AAAA,MAChE;AAAA,MAsDI,mBAhDsB,OAAOgD,MAAuB;AAEtD,cAAMC,IAAY,OAAO,KAAK,IAAI,QAAQ;AAE1C,YAAI;AAEF,gBAAMC,IAAW,MAAMC,EAAmBX,GAAe,EAAE,WAAAxC,GAAW,YAAAgD,GAAY;AAClF,cAAI,CAACE,EAAS,OAAO;AACnB,kBAAM,IAAI,MAAMzC,EAAE,wBAAwB,CAAC;AAE7C,gBAAM2C,IAAU,MAAMC,EAAqBH,EAAS,MAAM,gBAAgB,iBAAiB,GAErFI,IAAM,IAAI,gBAAgBF,CAAO;AAGvC,UAAIH,MACFA,EAAU,SAAS,OAAOK,IAE5BpD,EAAQyB,EAAgB,gCAAgC,EAAE,YAAAqB,EAAA,CAAY,GACtE,IAAI,gBAAgBM,CAAG;AAAA,QACzB,SAASC,GAAK;AACZ,UAAIN,KACFA,EAAU,MAAA,GAEZjC,EAAauC,CAAG;AAAA,QAClB;AAAA,MACF;AAAA,MAuBI,QAAQnD,IArDG,MAAM;AACnB,QAAAF,EAAQyB,EAAgB,gBAAgB;AAAA,MAC1C,IAmDsC;AAAA,MAClC,cAAcQ,KAAaxB,KAAa2B;AAAA,MACxC,aACEd,EAAY,mBAAmB,WAAWE,EAA0B;AAAA,MAEtE,aAAAF;AAAA,MACA,aAAAO;AAAA,MACA,iBAAiBC,EAAa,iBAAiB,CAAA;AAAA,MAC/C,OAAAU;AAAA,MACA,QAAQ5B;AAAA,IAAA;AAAA,EAAA;AAGd;"}