npm - @gusto/embedded-react-sdk - Versions diffs - 0.19.0 → 0.21.0 - Mend

@gusto/embedded-react-sdk 0.19.0 → 0.21.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (405) hide show

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

@@ -1,39 +1,44 @@
 import { jsx as r, jsxs as u } from "react/jsx-runtime";
-import { useRef as N, useState as R } from "react";
+import { useRef as j, useState as N } from "react";
 import { useTranslation as Y } from "react-i18next";
-import { PayrollBlockerAlerts as V } from "../PayrollBlocker/components/PayrollBlockerAlerts.js";
+import { PayrollBlockerAlerts as U } from "../PayrollBlocker/components/PayrollBlockerAlerts.js";
+import { getPayrollType as V } from "../helpers.js";
 import C from "./PayrollListPresentation.module.scss.js";
 import { Flex as i } from "../../Common/Flex/Flex.js";
+import "classnames";
+import "../../../shared/constants.js";
+import { HamburgerMenu as q } from "../../Common/HamburgerMenu/HamburgerMenu.js";
 import { useComponentContext as E } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useI18n as $ } from "../../../i18n/I18n.js";
-import { formatDateToStringDate as q } from "../../../helpers/dateFormatting.js";
-import { useDateFormatter as z } from "../../../hooks/useDateFormatter.js";
-import G from "../../../assets/icons/feature-icon-check.svg.js";
-import { useContainerBreakpoints as J } from "../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
-import { HamburgerMenu as K } from "../../Common/HamburgerMenu/HamburgerMenu.js";
-import { DataView as Q } from "../../Common/DataView/DataView.js";
-const ue = ({
+import { formatDateToStringDate as z } from "../../../helpers/dateFormatting.js";
+import { useDateFormatter as G } from "../../../hooks/useDateFormatter.js";
+import J from "../../../assets/icons/feature-icon-check.svg.js";
+import { useContainerBreakpoints as K } from "../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
+import { PayrollStatusBadges as Q } from "../PayrollStatusBadges/PayrollStatusBadges.js";
+import { DataView as X } from "../../Common/DataView/DataView.js";
+const gt = ({
   onRunPayroll: x,
   onSubmitPayroll: L,
   onSkipPayroll: A,
   onViewBlockers: I,
-  payrolls: v,
+  payrolls: w,
   paySchedules: p,
-  showSkipSuccessAlert: w,
+  showSkipSuccessAlert: v,
   onDismissSkipSuccessAlert: H,
   skippingPayrollId: f,
-  blockers: y
+  blockers: y,
+  wireInRequests: M
 }) => {
-  const { Badge: M, Button: h, Dialog: O, Heading: T, Text: o, Alert: W } = E();
+  const { Button: h, Dialog: O, Heading: T, Text: n, Alert: W } = E();
   $("Payroll.PayrollList");
-  const { t } = Y("Payroll.PayrollList"), s = z(), D = N(null), B = J({ ref: D }).includes("small"), [d, g] = R({
+  const { t: e } = Y("Payroll.PayrollList"), s = G(), D = j(null), B = K({ ref: D }).includes("small"), [m, g] = N({
     isOpen: !1,
     payrollId: null,
     payPeriod: null
-  }), F = (e, l) => {
+  }), F = (t, l) => {
     g({
       isOpen: !0,
-      payrollId: e,
+      payrollId: t,
       payPeriod: l
     });
   }, P = () => {
@@ -42,26 +47,26 @@ const ue = ({
       payrollId: null,
       payPeriod: null
     });
-  }, j = () => {
-    d.payrollId && (A({ payrollUuid: d.payrollId }), P());
-  }, k = (e, l) => {
-    const a = s.formatShort(e), n = s.formatShortWithYear(l);
+  }, R = () => {
+    m.payrollId && (A({ payrollUuid: m.payrollId }), P());
+  }, S = (t, l) => {
+    const a = s.formatShort(t), o = s.formatShortWithYear(l);
     return {
       startDate: a,
-      endDate: n,
-      fullPeriod: s.formatPayPeriodRange(e, l, { useShortMonth: !0 })
+      endDate: o,
+      fullPeriod: s.formatPayPeriodRange(t, l, { useShortMonth: !0 })
     };
   };
   return /* @__PURE__ */ r("div", { ref: D, className: C.container, children: /* @__PURE__ */ u(i, { flexDirection: "column", gap: 16, children: [
-    w && /* @__PURE__ */ r("div", { className: C.alertContainer, children: /* @__PURE__ */ r(
+    v && /* @__PURE__ */ r("div", { className: C.alertContainer, children: /* @__PURE__ */ r(
       W,
       {
         status: "info",
-        label: t("skipSuccessAlert"),
+        label: e("skipSuccessAlert"),
         onDismiss: H
       }
     ) }),
-    /* @__PURE__ */ r(V, { blockers: y, onMultipleViewClick: I }),
+    /* @__PURE__ */ r(U, { blockers: y, onMultipleViewClick: I }),
     /* @__PURE__ */ r(
       i,
       {
@@ -69,101 +74,106 @@ const ue = ({
         justifyContent: "space-between",
         alignItems: "flex-start",
         gap: { base: 12, medium: 24 },
-        children: /* @__PURE__ */ r(i, { children: /* @__PURE__ */ r(T, { as: "h2", children: t("title") }) })
+        children: /* @__PURE__ */ r(i, { children: /* @__PURE__ */ r(T, { as: "h2", children: e("title") }) })
       }
     ),
     /* @__PURE__ */ r(
-      Q,
+      X,
       {
         emptyState: () => /* @__PURE__ */ u(i, { flexDirection: "column", alignItems: "center", gap: 24, children: [
-          /* @__PURE__ */ r(G, {}),
-          /* @__PURE__ */ r(o, { children: t("emptyState") })
+          /* @__PURE__ */ r(J, {}),
+          /* @__PURE__ */ r(n, { children: e("emptyState") })
         ] }),
+        data: w,
         columns: [
           {
-            render: ({ payPeriod: e }) => {
-              const { startDate: l, endDate: a } = k(
-                e?.startDate,
-                e?.endDate
+            render: ({ payPeriod: t }) => {
+              const { startDate: l, endDate: a } = S(
+                t?.startDate,
+                t?.endDate
               );
               return /* @__PURE__ */ u(i, { flexDirection: "column", gap: 0, children: [
-                /* @__PURE__ */ u(o, { children: [
+                /* @__PURE__ */ u(n, { children: [
                   l,
                   " - ",
                   a
                 ] }),
-                /* @__PURE__ */ r(o, { variant: "supporting", children: p.find((n) => n.uuid === e?.payScheduleUuid)?.name || p.find((n) => n.uuid === e?.payScheduleUuid)?.customName })
+                /* @__PURE__ */ r(n, { variant: "supporting", children: p.find((o) => o.uuid === t?.payScheduleUuid)?.name || p.find((o) => o.uuid === t?.payScheduleUuid)?.customName })
               ] });
             },
-            title: t("tableHeaders.0")
+            title: e("tableHeaders.0")
           },
           {
-            render: ({ payrollType: e }) => /* @__PURE__ */ r(o, { children: t(`type.${e}`) }),
-            title: t("tableHeaders.1")
+            render: (t) => /* @__PURE__ */ r(n, { children: e(`type.${V(t)}`) }),
+            title: e("tableHeaders.1")
           },
           {
-            render: ({ checkDate: e }) => /* @__PURE__ */ r(o, { children: s.formatShortWithWeekdayAndYear(e) }),
-            title: t("tableHeaders.2")
+            render: ({ checkDate: t }) => /* @__PURE__ */ r(n, { children: s.formatShortWithWeekdayAndYear(t) }),
+            title: e("tableHeaders.2")
           },
           {
-            title: t("tableHeaders.3"),
-            render: ({ payrollDeadline: e }) => /* @__PURE__ */ r(o, { children: s.formatShortWithWeekdayAndYear(e) })
+            title: e("tableHeaders.3"),
+            render: ({ payrollDeadline: t }) => /* @__PURE__ */ r(n, { children: s.formatShortWithWeekdayAndYear(t) })
           },
           {
-            title: t("tableHeaders.4"),
-            render: ({ processed: e }) => /* @__PURE__ */ r(M, { children: t(e ? "status.processed" : "status.unprocessed") })
+            title: e("tableHeaders.4"),
+            render: (t) => {
+              const l = M.find(
+                (a) => a.paymentUuid === t.payrollUuid
+              );
+              return /* @__PURE__ */ r(Q, { payroll: t, wireInRequest: l });
+            }
           },
           {
             title: "",
-            render: ({ payrollUuid: e, calculatedAt: l, processed: a, payPeriod: n }) => {
+            render: ({ payrollUuid: t, calculatedAt: l, processed: a, payPeriod: o }) => {
               if (a)
                 return null;
-              const m = f === e, c = l ? /* @__PURE__ */ r(
+              const d = f === t, c = l ? /* @__PURE__ */ r(
                 h,
                 {
-                  isLoading: m,
+                  isLoading: d,
                   onClick: () => {
-                    L({ payrollUuid: e, payPeriod: n });
+                    L({ payrollUuid: t, payPeriod: o });
                   },
-                  title: t("submitPayrollCta"),
+                  title: e("submitPayrollCta"),
                   variant: "secondary",
-                  children: t("submitPayrollCta")
+                  children: e("submitPayrollCta")
                 }
               ) : /* @__PURE__ */ r(
                 h,
                 {
-                  isLoading: m,
+                  isLoading: d,
                   onClick: () => {
-                    x({ payrollUuid: e, payPeriod: n });
+                    x({ payrollUuid: t, payPeriod: o });
                   },
-                  title: t("runPayrollTitle"),
+                  title: e("runPayrollTitle"),
                   variant: "secondary",
-                  children: t("runPayrollTitle")
+                  children: e("runPayrollTitle")
                 }
               );
               return B ? c : /* @__PURE__ */ r(i, { flexDirection: "column", alignItems: "stretch", gap: 12, children: c });
             }
           }
         ],
-        data: v,
-        label: t("payrollsListLabel"),
-        itemMenu: ({ payrollUuid: e, processed: l, payPeriod: a }) => {
+        label: e("payrollsListLabel"),
+        itemMenu: ({ payrollUuid: t, processed: l, payPeriod: a }) => {
           if (l)
             return null;
-          const n = f === e, { fullPeriod: m } = k(
+          const o = f === t, { fullPeriod: d } = S(
             a?.startDate,
             a?.endDate
-          ), c = q(/* @__PURE__ */ new Date()), S = c ? new Date(c) : null, b = a?.startDate ? new Date(a.startDate) : null;
-          return y.length === 0 && S && b && S >= b ? /* @__PURE__ */ r(
-            K,
+          ), c = z(/* @__PURE__ */ new Date()), k = c ? new Date(c) : null, b = a?.startDate ? new Date(a.startDate) : null;
+          return y.length === 0 && k && b && k >= b ? /* @__PURE__ */ r(
+            q,
             {
-              isLoading: n,
-              menuLabel: t("payrollMenuLabel"),
+              isLoading: o,
+              menuLabel: e("payrollMenuLabel"),
               items: [
                 {
-                  label: t("skipPayrollCta"),
+                  label: e("skipPayrollCta"),
                   onClick: () => {
-                    F(e, m);
+                    F(t, d);
                   }
                 }
               ]
@@ -175,19 +185,19 @@ const ue = ({
     /* @__PURE__ */ r(
       O,
       {
-        isOpen: d.isOpen,
+        isOpen: m.isOpen,
         onClose: P,
-        onPrimaryActionClick: j,
+        onPrimaryActionClick: R,
         isDestructive: !0,
-        title: t("skipPayrollDialog.title", { payPeriod: d.payPeriod }),
-        primaryActionLabel: t("skipPayrollDialog.confirmCta"),
-        closeActionLabel: t("skipPayrollDialog.cancelCta"),
-        children: t("skipPayrollDialog.body")
+        title: e("skipPayrollDialog.title", { payPeriod: m.payPeriod }),
+        primaryActionLabel: e("skipPayrollDialog.confirmCta"),
+        closeActionLabel: e("skipPayrollDialog.cancelCta"),
+        children: e("skipPayrollDialog.body")
       }
     )
   ] }) });
 };
 export {
-  ue as PayrollListPresentation
+  gt as PayrollListPresentation
 };
 //# sourceMappingURL=PayrollListPresentation.js.map

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

	@@ -1 +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 { useState, useRef } 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 { formatDateToStringDate } from '@/helpers/dateFormatting'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport FeatureIconCheck from '@/assets/icons/feature-icon-check.svg?react'\nimport useContainerBreakpoints from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\n\ninterface PresentationPayroll extends Payroll {\n payrollType: PayrollType\n}\n\ninterface PayrollListPresentationProps {\n onRunPayroll: ({ payrollUuid, payPeriod }: Pick<Payroll, 'payrollUuid' \| 'payPeriod'>) => void\n onSubmitPayroll: ({ payrollUuid, payPeriod }: Pick<Payroll, 'payrollUuid' \| 'payPeriod'>) => void\n onSkipPayroll: ({ payrollUuid }: Pick<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 dateFormatter = useDateFormatter()\n const containerRef = useRef<HTMLDivElement>(null)\n const breakpoints = useContainerBreakpoints({ ref: containerRef })\n const isDesktop = breakpoints.includes('small')\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({ payrollUuid: skipPayrollDialogState.payrollId })\n handleCloseSkipDialog()\n }\n }\n\n const formatPayPeriod = (startDate: string \| undefined, endDate: string \| undefined) => {\n const formattedStartDate = dateFormatter.formatShort(startDate)\n const formattedEndDate = dateFormatter.formatShortWithYear(endDate)\n\n return {\n startDate: formattedStartDate,\n endDate: formattedEndDate,\n fullPeriod: dateFormatter.formatPayPeriodRange(startDate, endDate, { useShortMonth: true }),\n }\n }\n\n return (\n <div ref={containerRef} className={styles.container}>\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 emptyState={() => (\n <Flex flexDirection=\"column\" alignItems=\"center\" gap={24}>\n <FeatureIconCheck />\n <Text>{t('emptyState')}</Text>\n </Flex>\n )}\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>{dateFormatter.formatShortWithWeekdayAndYear(checkDate)}</Text>\n ),\n title: t('tableHeaders.2'),\n },\n {\n title: t('tableHeaders.3'),\n render: ({ payrollDeadline }) => (\n <Text>{dateFormatter.formatShortWithWeekdayAndYear(payrollDeadline)}</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 title: '',\n render: ({ payrollUuid, calculatedAt, processed, payPeriod }) => {\n if (processed) {\n return null\n }\n\n const isProcessingSkipPayroll = skippingPayrollId === payrollUuid\n\n const button = calculatedAt ? (\n <Button\n isLoading={isProcessingSkipPayroll}\n onClick={() => {\n onSubmitPayroll({ payrollUuid, payPeriod })\n }}\n title={t('submitPayrollCta')}\n variant=\"secondary\"\n >\n {t('submitPayrollCta')}\n </Button>\n ) : (\n <Button\n isLoading={isProcessingSkipPayroll}\n onClick={() => {\n onRunPayroll({ payrollUuid, payPeriod })\n }}\n title={t('runPayrollTitle')}\n variant=\"secondary\"\n >\n {t('runPayrollTitle')}\n </Button>\n )\n\n return isDesktop ? (\n button\n ) : (\n <Flex flexDirection=\"column\" alignItems=\"stretch\" gap={12}>\n {button}\n </Flex>\n )\n },\n },\n ]}\n data={payrolls}\n label={t('payrollsListLabel')}\n itemMenu={({ payrollUuid, 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 const todayDateString = formatDateToStringDate(new Date())\n const todayAtMidnight = todayDateString ? new Date(todayDateString) : null\n const payPeriodStartDate = payPeriod?.startDate ? new Date(payPeriod.startDate) : null\n\n const canSkipPayroll =\n blockers.length === 0 &&\n todayAtMidnight &&\n payPeriodStartDate &&\n todayAtMidnight >= payPeriodStartDate\n\n if (!canSkipPayroll) {\n return null\n }\n\n return (\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 )\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.confirmCta')}\n closeActionLabel={t('skipPayrollDialog.cancelCta')}\n >\n {t('skipPayrollDialog.body')}\n </Dialog>\n </Flex>\n </div>\n )\n}\n"],"names":["PayrollListPresentation","onRunPayroll","onSubmitPayroll","onSkipPayroll","onViewBlockers","payrolls","paySchedules","showSkipSuccessAlert","onDismissSkipSuccessAlert","skippingPayrollId","blockers","Badge","Button","Dialog","Heading","Text","Alert","useComponentContext","useI18n","useTranslation","dateFormatter","useDateFormatter","containerRef","useRef","isDesktop","useContainerBreakpoints","skipPayrollDialogState","setSkipPayrollDialogState","useState","handleOpenSkipDialog","payrollId","payPeriod","handleCloseSkipDialog","handleConfirmSkipPayroll","formatPayPeriod","startDate","endDate","formattedStartDate","formattedEndDate","jsx","styles","jsxs","Flex","PayrollBlockerAlerts","DataView","FeatureIconCheck","schedule","payrollType","checkDate","payrollDeadline","processed","payrollUuid","calculatedAt","isProcessingSkipPayroll","button","payPeriodString","todayDateString","formatDateToStringDate","todayAtMidnight","payPeriodStartDate","HamburgerMenu"],"mappings":"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"}
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 type { WireInRequest } from '@gusto/embedded-api/models/components/wireinrequest'\nimport { useState, useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { ApiPayrollBlocker } from '../PayrollBlocker/payrollHelpers'\nimport { PayrollBlockerAlerts } from '../PayrollBlocker/components/PayrollBlockerAlerts'\nimport { PayrollStatusBadges } from '../PayrollStatusBadges'\nimport { getPayrollType } from '../helpers'\nimport styles from './PayrollListPresentation.module.scss'\nimport { DataView, Flex, HamburgerMenu } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { formatDateToStringDate } from '@/helpers/dateFormatting'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport FeatureIconCheck from '@/assets/icons/feature-icon-check.svg?react'\nimport useContainerBreakpoints from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\n\ninterface PayrollListPresentationProps {\n onRunPayroll: ({ payrollUuid, payPeriod }: Pick<Payroll, 'payrollUuid' \| 'payPeriod'>) => void\n onSubmitPayroll: ({ payrollUuid, payPeriod }: Pick<Payroll, 'payrollUuid' \| 'payPeriod'>) => void\n onSkipPayroll: ({ payrollUuid }: Pick<Payroll, 'payrollUuid'>) => void\n onViewBlockers?: () => void\n payrolls: Payroll[]\n paySchedules: PayScheduleList[]\n showSkipSuccessAlert: boolean\n onDismissSkipSuccessAlert: () => void\n skippingPayrollId: string \| null\n blockers: ApiPayrollBlocker[]\n wireInRequests: WireInRequest[]\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 wireInRequests,\n}: PayrollListPresentationProps) => {\n const { Button, Dialog, Heading, Text, Alert } = useComponentContext()\n useI18n('Payroll.PayrollList')\n const { t } = useTranslation('Payroll.PayrollList')\n const dateFormatter = useDateFormatter()\n const containerRef = useRef<HTMLDivElement>(null)\n const breakpoints = useContainerBreakpoints({ ref: containerRef })\n const isDesktop = breakpoints.includes('small')\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({ payrollUuid: skipPayrollDialogState.payrollId })\n handleCloseSkipDialog()\n }\n }\n\n const formatPayPeriod = (startDate: string \| undefined, endDate: string \| undefined) => {\n const formattedStartDate = dateFormatter.formatShort(startDate)\n const formattedEndDate = dateFormatter.formatShortWithYear(endDate)\n\n return {\n startDate: formattedStartDate,\n endDate: formattedEndDate,\n fullPeriod: dateFormatter.formatPayPeriodRange(startDate, endDate, { useShortMonth: true }),\n }\n }\n\n return (\n <div ref={containerRef} className={styles.container}>\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 emptyState={() => (\n <Flex flexDirection=\"column\" alignItems=\"center\" gap={24}>\n <FeatureIconCheck />\n <Text>{t('emptyState')}</Text>\n </Flex>\n )}\n data={payrolls}\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: payroll => <Text>{t(`type.${getPayrollType(payroll)}`)}</Text>,\n title: t('tableHeaders.1'),\n },\n {\n render: ({ checkDate }) => (\n <Text>{dateFormatter.formatShortWithWeekdayAndYear(checkDate)}</Text>\n ),\n title: t('tableHeaders.2'),\n },\n {\n title: t('tableHeaders.3'),\n render: ({ payrollDeadline }) => (\n <Text>{dateFormatter.formatShortWithWeekdayAndYear(payrollDeadline)}</Text>\n ),\n },\n {\n title: t('tableHeaders.4'),\n render: payroll => {\n const wireInRequest = wireInRequests.find(\n wire => wire.paymentUuid === payroll.payrollUuid,\n )\n return <PayrollStatusBadges payroll={payroll} wireInRequest={wireInRequest} />\n },\n },\n {\n title: '',\n render: ({ payrollUuid, calculatedAt, processed, payPeriod }) => {\n if (processed) {\n return null\n }\n\n const isProcessingSkipPayroll = skippingPayrollId === payrollUuid\n\n const button = calculatedAt ? (\n <Button\n isLoading={isProcessingSkipPayroll}\n onClick={() => {\n onSubmitPayroll({ payrollUuid, payPeriod })\n }}\n title={t('submitPayrollCta')}\n variant=\"secondary\"\n >\n {t('submitPayrollCta')}\n </Button>\n ) : (\n <Button\n isLoading={isProcessingSkipPayroll}\n onClick={() => {\n onRunPayroll({ payrollUuid, payPeriod })\n }}\n title={t('runPayrollTitle')}\n variant=\"secondary\"\n >\n {t('runPayrollTitle')}\n </Button>\n )\n\n return isDesktop ? (\n button\n ) : (\n <Flex flexDirection=\"column\" alignItems=\"stretch\" gap={12}>\n {button}\n </Flex>\n )\n },\n },\n ]}\n label={t('payrollsListLabel')}\n itemMenu={({ payrollUuid, 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 const todayDateString = formatDateToStringDate(new Date())\n const todayAtMidnight = todayDateString ? new Date(todayDateString) : null\n const payPeriodStartDate = payPeriod?.startDate ? new Date(payPeriod.startDate) : null\n\n const canSkipPayroll =\n blockers.length === 0 &&\n todayAtMidnight &&\n payPeriodStartDate &&\n todayAtMidnight >= payPeriodStartDate\n\n if (!canSkipPayroll) {\n return null\n }\n\n return (\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 )\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.confirmCta')}\n closeActionLabel={t('skipPayrollDialog.cancelCta')}\n >\n {t('skipPayrollDialog.body')}\n </Dialog>\n </Flex>\n </div>\n )\n}\n"],"names":["PayrollListPresentation","onRunPayroll","onSubmitPayroll","onSkipPayroll","onViewBlockers","payrolls","paySchedules","showSkipSuccessAlert","onDismissSkipSuccessAlert","skippingPayrollId","blockers","wireInRequests","Button","Dialog","Heading","Text","Alert","useComponentContext","useI18n","t","useTranslation","dateFormatter","useDateFormatter","containerRef","useRef","isDesktop","useContainerBreakpoints","skipPayrollDialogState","setSkipPayrollDialogState","useState","handleOpenSkipDialog","payrollId","payPeriod","handleCloseSkipDialog","handleConfirmSkipPayroll","formatPayPeriod","startDate","endDate","formattedStartDate","formattedEndDate","jsx","styles","jsxs","Flex","PayrollBlockerAlerts","DataView","FeatureIconCheck","schedule","payroll","getPayrollType","checkDate","payrollDeadline","wireInRequest","wire","PayrollStatusBadges","payrollUuid","calculatedAt","processed","isProcessingSkipPayroll","button","payPeriodString","todayDateString","formatDateToStringDate","todayAtMidnight","payPeriodStartDate","HamburgerMenu"],"mappings":";;;;;;;;;;;;;;;;;;AAgCO,MAAMA,KAA0B,CAAC;AAAA,EACtC,cAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,2BAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAAC;AACF,MAAoC;AAClC,QAAM,EAAE,QAAAC,GAAQ,QAAAC,GAAQ,SAAAC,GAAS,MAAAC,GAAM,OAAAC,EAAA,IAAUC,EAAA;AACjD,EAAAC,EAAQ,qBAAqB;AAC7B,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5CC,IAAgBC,EAAA,GAChBC,IAAeC,EAAuB,IAAI,GAE1CC,IADcC,EAAwB,EAAE,KAAKH,GAAc,EACnC,SAAS,OAAO,GACxC,CAACI,GAAwBC,CAAyB,IAAIC,EAIzD;AAAA,IACD,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,WAAW;AAAA,EAAA,CACZ,GAEKC,IAAuB,CAACC,GAAmBC,MAAsB;AACrE,IAAAJ,EAA0B;AAAA,MACxB,QAAQ;AAAA,MACR,WAAAG;AAAA,MACA,WAAAC;AAAA,IAAA,CACD;AAAA,EACH,GAEMC,IAAwB,MAAM;AAClC,IAAAL,EAA0B;AAAA,MACxB,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,WAAW;AAAA,IAAA,CACZ;AAAA,EACH,GAEMM,IAA2B,MAAM;AACrC,IAAIP,EAAuB,cACzBxB,EAAc,EAAE,aAAawB,EAAuB,UAAA,CAAW,GAC/DM,EAAA;AAAA,EAEJ,GAEME,IAAkB,CAACC,GAA+BC,MAAgC;AACtF,UAAMC,IAAqBjB,EAAc,YAAYe,CAAS,GACxDG,IAAmBlB,EAAc,oBAAoBgB,CAAO;AAElE,WAAO;AAAA,MACL,WAAWC;AAAA,MACX,SAASC;AAAA,MACT,YAAYlB,EAAc,qBAAqBe,GAAWC,GAAS,EAAE,eAAe,IAAM;AAAA,IAAA;AAAA,EAE9F;AAEA,SACE,gBAAAG,EAAC,OAAA,EAAI,KAAKjB,GAAc,WAAWkB,EAAO,WACxC,UAAA,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,IAAApC,KACC,gBAAAiC,EAAC,OAAA,EAAI,WAAWC,EAAO,gBACrB,UAAA,gBAAAD;AAAA,MAACxB;AAAA,MAAA;AAAA,QACC,QAAO;AAAA,QACP,OAAOG,EAAE,kBAAkB;AAAA,QAC3B,WAAWX;AAAA,MAAA;AAAA,IAAA,GAEf;AAAA,IAEF,gBAAAgC,EAACI,GAAA,EAAqB,UAAAlC,GAAoB,qBAAqBN,EAAA,CAAgB;AAAA,IAC/E,gBAAAoC;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,eAAe,EAAE,MAAM,UAAU,QAAQ,MAAA;AAAA,QACzC,gBAAe;AAAA,QACf,YAAW;AAAA,QACX,KAAK,EAAE,MAAM,IAAI,QAAQ,GAAA;AAAA,QAEzB,UAAA,gBAAAH,EAACG,KACC,UAAA,gBAAAH,EAAC1B,GAAA,EAAQ,IAAG,MAAM,UAAAK,EAAE,OAAO,EAAA,CAAE,EAAA,CAC/B;AAAA,MAAA;AAAA,IAAA;AAAA,IAGF,gBAAAqB;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,YAAY,MACV,gBAAAH,EAACC,GAAA,EAAK,eAAc,UAAS,YAAW,UAAS,KAAK,IACpD,UAAA;AAAA,UAAA,gBAAAH,EAACM,GAAA,EAAiB;AAAA,UAClB,gBAAAN,EAACzB,GAAA,EAAM,UAAAI,EAAE,YAAY,EAAA,CAAE;AAAA,QAAA,GACzB;AAAA,QAEF,MAAMd;AAAA,QACN,SAAS;AAAA,UACP;AAAA,YACE,QAAQ,CAAC,EAAE,WAAA2B,QAAgB;AACzB,oBAAM,EAAE,WAAAI,GAAW,SAAAC,EAAA,IAAYF;AAAA,gBAC7BH,GAAW;AAAA,gBACXA,GAAW;AAAA,cAAA;AAGb,qBACE,gBAAAU,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,gBAAA,gBAAAD,EAAC3B,GAAA,EACE,UAAA;AAAA,kBAAAqB;AAAA,kBAAU;AAAA,kBAAIC;AAAA,gBAAA,GACjB;AAAA,gBACA,gBAAAG,EAACzB,KAAK,SAAQ,cACX,YAAa,KAAK,CAAAgC,MAAYA,EAAS,SAASf,GAAW,eAAe,GACvE,QACF1B,EAAa,KAAK,CAAAyC,MAAYA,EAAS,SAASf,GAAW,eAAe,GACtE,WAAA,CACR;AAAA,cAAA,GACF;AAAA,YAEJ;AAAA,YACA,OAAOb,EAAE,gBAAgB;AAAA,UAAA;AAAA,UAE3B;AAAA,YACE,QAAQ,CAAA6B,MAAW,gBAAAR,EAACzB,GAAA,EAAM,UAAAI,EAAE,QAAQ8B,EAAeD,CAAO,CAAC,EAAE,EAAA,CAAE;AAAA,YAC/D,OAAO7B,EAAE,gBAAgB;AAAA,UAAA;AAAA,UAE3B;AAAA,YACE,QAAQ,CAAC,EAAE,WAAA+B,EAAA,wBACRnC,GAAA,EAAM,UAAAM,EAAc,8BAA8B6B,CAAS,EAAA,CAAE;AAAA,YAEhE,OAAO/B,EAAE,gBAAgB;AAAA,UAAA;AAAA,UAE3B;AAAA,YACE,OAAOA,EAAE,gBAAgB;AAAA,YACzB,QAAQ,CAAC,EAAE,iBAAAgC,EAAA,wBACRpC,GAAA,EAAM,UAAAM,EAAc,8BAA8B8B,CAAe,EAAA,CAAE;AAAA,UAAA;AAAA,UAGxE;AAAA,YACE,OAAOhC,EAAE,gBAAgB;AAAA,YACzB,QAAQ,CAAA6B,MAAW;AACjB,oBAAMI,IAAgBzC,EAAe;AAAA,gBACnC,CAAA0C,MAAQA,EAAK,gBAAgBL,EAAQ;AAAA,cAAA;AAEvC,qBAAO,gBAAAR,EAACc,GAAA,EAAoB,SAAAN,GAAkB,eAAAI,EAAA,CAA8B;AAAA,YAC9E;AAAA,UAAA;AAAA,UAEF;AAAA,YACE,OAAO;AAAA,YACP,QAAQ,CAAC,EAAE,aAAAG,GAAa,cAAAC,GAAc,WAAAC,GAAW,WAAAzB,QAAgB;AAC/D,kBAAIyB;AACF,uBAAO;AAGT,oBAAMC,IAA0BjD,MAAsB8C,GAEhDI,IAASH,IACb,gBAAAhB;AAAA,gBAAC5B;AAAA,gBAAA;AAAA,kBACC,WAAW8C;AAAA,kBACX,SAAS,MAAM;AACb,oBAAAxD,EAAgB,EAAE,aAAAqD,GAAa,WAAAvB,GAAW;AAAA,kBAC5C;AAAA,kBACA,OAAOb,EAAE,kBAAkB;AAAA,kBAC3B,SAAQ;AAAA,kBAEP,YAAE,kBAAkB;AAAA,gBAAA;AAAA,cAAA,IAGvB,gBAAAqB;AAAA,gBAAC5B;AAAA,gBAAA;AAAA,kBACC,WAAW8C;AAAA,kBACX,SAAS,MAAM;AACb,oBAAAzD,EAAa,EAAE,aAAAsD,GAAa,WAAAvB,GAAW;AAAA,kBACzC;AAAA,kBACA,OAAOb,EAAE,iBAAiB;AAAA,kBAC1B,SAAQ;AAAA,kBAEP,YAAE,iBAAiB;AAAA,gBAAA;AAAA,cAAA;AAIxB,qBAAOM,IACLkC,IAEA,gBAAAnB,EAACG,GAAA,EAAK,eAAc,UAAS,YAAW,WAAU,KAAK,IACpD,UAAAgB,EAAA,CACH;AAAA,YAEJ;AAAA,UAAA;AAAA,QACF;AAAA,QAEF,OAAOxC,EAAE,mBAAmB;AAAA,QAC5B,UAAU,CAAC,EAAE,aAAAoC,GAAa,WAAAE,GAAW,WAAAzB,QAAgB;AACnD,cAAIyB;AACF,mBAAO;AAGT,gBAAMC,IAA0BjD,MAAsB8C,GAEhD,EAAE,YAAYK,EAAA,IAAoBzB;AAAA,YACtCH,GAAW;AAAA,YACXA,GAAW;AAAA,UAAA,GAGP6B,IAAkBC,EAAuB,oBAAI,MAAM,GACnDC,IAAkBF,IAAkB,IAAI,KAAKA,CAAe,IAAI,MAChEG,IAAqBhC,GAAW,YAAY,IAAI,KAAKA,EAAU,SAAS,IAAI;AAQlF,iBALEtB,EAAS,WAAW,KACpBqD,KACAC,KACAD,KAAmBC,IAOnB,gBAAAxB;AAAA,YAACyB;AAAA,YAAA;AAAA,cACC,WAAWP;AAAA,cACX,WAAWvC,EAAE,kBAAkB;AAAA,cAC/B,OAAO;AAAA,gBACL;AAAA,kBACE,OAAOA,EAAE,gBAAgB;AAAA,kBACzB,SAAS,MAAM;AACb,oBAAAW,EAAqByB,GAAcK,CAAe;AAAA,kBACpD;AAAA,gBAAA;AAAA,cACF;AAAA,YACF;AAAA,UAAA,IAdK;AAAA,QAiBX;AAAA,MAAA;AAAA,IAAA;AAAA,IAEF,gBAAApB;AAAA,MAAC3B;AAAA,MAAA;AAAA,QACC,QAAQc,EAAuB;AAAA,QAC/B,SAASM;AAAA,QACT,sBAAsBC;AAAA,QACtB,eAAe;AAAA,QACf,OAAOf,EAAE,2BAA2B,EAAE,WAAWQ,EAAuB,WAAW;AAAA,QACnF,oBAAoBR,EAAE,8BAA8B;AAAA,QACpD,kBAAkBA,EAAE,6BAA6B;AAAA,QAEhD,YAAE,wBAAwB;AAAA,MAAA;AAAA,IAAA;AAAA,EAC7B,EAAA,CACF,EAAA,CACF;AAEJ;"}

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

@@ -21,6 +21,7 @@ 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 = []) => {
@@ -29,7 +30,7 @@ const pe = (o = []) => o.filter(
     (s) => s.unblockType === "submit_wire"
   )?.metadata.wireInRequestUuid : void 0;
 };
-function xe(o) {
+function We(o) {
   return /* @__PURE__ */ u(oe, { ...o, children: /* @__PURE__ */ u(fe, { ...o, children: o.children }) });
 }
 const fe = ({
@@ -165,7 +166,7 @@ const fe = ({
   );
 };
 export {
-  xe as PayrollOverview,
+  We as PayrollOverview,
   fe as Root
 };
 //# sourceMappingURL=PayrollOverview.js.map

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

	@@ -1 +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 { 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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"}
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 { 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.js CHANGED Viewed

@@ -4,19 +4,20 @@ import { useState as W, useRef as ce } from "react";
 import { calculateTotalPayroll as me } from "../helpers.js";
 import ue from "./PayrollOverviewPresentation.module.scss.js";
 import { Flex as m, FlexItem as F } from "../../Common/Flex/Flex.js";
-import { useContainerBreakpoints as be } from "../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
+import "classnames";
+import { PAYMENT_METHODS as be, FlsaStatus as j, compensationTypeLabels as x, PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES as G } from "../../../shared/constants.js";
 import { useComponentContext as pe } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as ye } from "../../../i18n/I18n.js";
-import { useDateFormatter as he } from "../../../hooks/useDateFormatter.js";
-import fe from "../../../hooks/useNumberFormatter.js";
+import { useContainerBreakpoints as ye } from "../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
+import { useI18n as he } from "../../../i18n/I18n.js";
+import { useDateFormatter as fe } from "../../../hooks/useDateFormatter.js";
+import Te from "../../../hooks/useNumberFormatter.js";
 import { firstLastName as E } from "../../../helpers/formattedStrings.js";
-import { PAYMENT_METHODS as Te, FlsaStatus as j, compensationTypeLabels as x, PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES as G } from "../../../shared/constants.js";
 import ge from "../../../assets/icons/download-cloud.svg.js";
 import { useLoadingIndicator as He } from "../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { FastAchThresholdExceeded as xe } from "./SubmissionBlockers/FastAchThresholdExceeded.js";
 import { GenericBlocker as Pe } from "./SubmissionBlockers/GenericBlocker.js";
 import { DataView as p } from "../../Common/DataView/DataView.js";
-const Ce = (u, P) => u?.startDate && u.endDate ? P.formatPayPeriod(u.startDate, u.endDate) : { startDate: "", endDate: "" }, Fe = ({
+const Ce = (u, P) => u?.startDate && u.endDate ? P.formatPayPeriod(u.startDate, u.endDate) : { startDate: "", endDate: "" }, je = ({
   onEdit: u,
   onSubmit: P,
   onCancel: K,
@@ -35,8 +36,8 @@ const Ce = (u, P) => u?.startDate && u.endDate ? P.formatPayPeriod(u.startDate,
   wireInConfirmationRequest: J
 }) => {
   const { Alert: S, Button: T, ButtonIcon: Q, Dialog: Z, Heading: N, Text: a, Tabs: ee, LoadingSpinner: te } = pe();
-  ye("Payroll.PayrollOverview");
-  const b = he(), { t: r } = se("Payroll.PayrollOverview"), o = fe("currency"), [re, ae] = W("companyPays"), [M, _] = W(!1), { LoadingIndicator: ne } = He(), A = ce(null), d = be({ ref: A }).includes("small"), I = me(i), le = i.payrollStatusMeta?.expectedDebitTime ?? i.payrollDeadline, V = (e) => e.taxes?.reduce(
+  he("Payroll.PayrollOverview");
+  const b = fe(), { t: r } = se("Payroll.PayrollOverview"), o = Te("currency"), [re, ae] = W("companyPays"), [M, _] = W(!1), { LoadingIndicator: ne } = He(), A = ce(null), d = ye({ ref: A }).includes("small"), I = me(i), le = i.payrollStatusMeta?.expectedDebitTime ?? i.payrollDeadline, V = (e) => e.taxes?.reduce(
     (n, l) => l.employer ? n + l.amount : n,
     0
   ) ?? 0, R = (e) => e.benefits?.reduce(
@@ -55,7 +56,7 @@ const Ce = (u, P) => u?.startDate && u.endDate ? P.formatPayPeriod(u.startDate,
     },
     {}
   ) || {}, U = (e) => e.paidTimeOff?.reduce((n, l) => n + Number(l.hours || 0), 0) ?? 0, B = i.employeeCompensations?.reduce(
-    (e, n) => !n.excluded && n.paymentMethod === Te.check ? e + 1 : e,
+    (e, n) => !n.excluded && n.paymentMethod === be.check ? e + 1 : e,
     0
   ) ?? 0, Y = [
     {
@@ -485,6 +486,6 @@ const Ce = (u, P) => u?.startDate && u.endDate ? P.formatPayPeriod(u.startDate,
   ] }) });
 };
 export {
-  Fe as PayrollOverviewPresentation
+  je as PayrollOverviewPresentation
 };
 //# sourceMappingURL=PayrollOverviewPresentation.js.map