@gusto/embedded-react-sdk 0.20.0 → 0.21.0

package/dist/components/Payroll/PayrollList/PayrollListPresentation.d.ts

@@ -1,21 +1,19 @@
 import { Payroll } from '@gusto/embedded-api/models/components/payroll';
 import { PayScheduleList } from '@gusto/embedded-api/models/components/payschedulelist';
+import { WireInRequest } from '@gusto/embedded-api/models/components/wireinrequest';
 import { ApiPayrollBlocker } from '../PayrollBlocker/payrollHelpers';
-import { PayrollType } from './types';
-interface PresentationPayroll extends Payroll {
-    payrollType: PayrollType;
-}
 interface PayrollListPresentationProps {
     onRunPayroll: ({ payrollUuid, payPeriod }: Pick<Payroll, 'payrollUuid' | 'payPeriod'>) => void;
     onSubmitPayroll: ({ payrollUuid, payPeriod }: Pick<Payroll, 'payrollUuid' | 'payPeriod'>) => void;
     onSkipPayroll: ({ payrollUuid }: Pick<Payroll, 'payrollUuid'>) => void;
     onViewBlockers?: () => void;
-    payrolls: PresentationPayroll[];
+    payrolls: Payroll[];
     paySchedules: PayScheduleList[];
     showSkipSuccessAlert: boolean;
     onDismissSkipSuccessAlert: () => void;
     skippingPayrollId: string | null;
     blockers: ApiPayrollBlocker[];
+    wireInRequests: WireInRequest[];
 }
-export declare const PayrollListPresentation: ({ onRunPayroll, onSubmitPayroll, onSkipPayroll, onViewBlockers, payrolls, paySchedules, showSkipSuccessAlert, onDismissSkipSuccessAlert, skippingPayrollId, blockers, }: PayrollListPresentationProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PayrollListPresentation: ({ onRunPayroll, onSubmitPayroll, onSkipPayroll, onViewBlockers, payrolls, paySchedules, showSkipSuccessAlert, onDismissSkipSuccessAlert, skippingPayrollId, blockers, wireInRequests, }: PayrollListPresentationProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,40 +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 pe = ({
+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 = () => {
@@ -43,26 +47,26 @@ const pe = ({
       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,
       {
@@ -70,101 +74,106 @@ const pe = ({
         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);
                   }
                 }
               ]
@@ -176,19 +185,19 @@ const pe = ({
     /* @__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 {
-  pe as PayrollListPresentation
+  gt 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 { 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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"}
+{"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":"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"}

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

@@ -5,13 +5,13 @@ 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 "classnames";
-import { useContainerBreakpoints as be } from "../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
+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";
@@ -36,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(
@@ -56,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 = [
     {

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

@@ -2,10 +2,12 @@ import { jsx as t, jsxs as r } from "react/jsx-runtime";
 import { useTranslation as b } from "react-i18next";
 import { Flex as a } from "../../../Common/Flex/Flex.js";
 import "classnames";
+import "../../../../shared/constants.js";
 import { useComponentContext as f } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import "react";
 import { useDateFormatter as x } from "../../../../hooks/useDateFormatter.js";
 import k from "../../../../assets/icons/icon-zap-fast.svg.js";
-const T = ({
+const C = ({
   blocker: l,
   selectedValue: d,
   onUnblockOptionChange: n
@@ -45,6 +47,6 @@ const T = ({
   ] }) });
 };
 export {
-  T as FastAchThresholdExceeded
+  C as FastAchThresholdExceeded
 };
 //# sourceMappingURL=FastAchThresholdExceeded.js.map

package/dist/components/Payroll/PayrollOverview/SubmissionBlockers/FastAchThresholdExceeded.js.map

@@ -1 +1 @@
-{"version":3,"file":"FastAchThresholdExceeded.js","sources":["../../../../../src/components/Payroll/PayrollOverview/SubmissionBlockers/FastAchThresholdExceeded.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { PayrollSubmissionBlockersType } from '@gusto/embedded-api/models/components/payrollsubmissionblockerstype'\nimport { Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport IconFast from '@/assets/icons/icon-zap-fast.svg?react'\n\ninterface FastAchThresholdExceededProps {\n  blocker: PayrollSubmissionBlockersType\n  selectedValue?: string\n  onUnblockOptionChange: (blockerType: string, value: string) => void\n}\n\nexport const FastAchThresholdExceeded = ({\n  blocker,\n  selectedValue,\n  onUnblockOptionChange,\n}: FastAchThresholdExceededProps) => {\n  const { t } = useTranslation('Payroll.PayrollOverview')\n  const { Banner, Text, RadioGroup, Badge } = useComponentContext()\n  const dateFormatter = useDateFormatter()\n\n  return (\n    <Banner status=\"error\" title={t('submissionBlockers.fast_ach_threshold_exceeded.title')}>\n      <Flex flexDirection=\"column\" gap={16}>\n        <Text>{t('submissionBlockers.fast_ach_threshold_exceeded.description')}</Text>\n        <RadioGroup\n          label={t('submissionBlockers.fast_ach_threshold_exceeded.fundingOptionsLabel')}\n          shouldVisuallyHideLabel\n          options={\n            blocker.unblockOptions?.map(option => {\n              const isWire = option.unblockType === 'wire_in'\n              const label = isWire\n                ? t('submissionBlockers.fast_ach_threshold_exceeded.wireLabel')\n                : t('submissionBlockers.fast_ach_threshold_exceeded.directDepositLabel')\n              const description = isWire\n                ? t('submissionBlockers.fast_ach_threshold_exceeded.wireDescription')\n                : t('submissionBlockers.fast_ach_threshold_exceeded.directDepositDescription')\n\n              return {\n                value: option.unblockType || '',\n                label: (\n                  <Flex alignItems=\"center\" gap={8}>\n                    <Text weight=\"semibold\">{label}</Text>\n                    {isWire && (\n                      <Badge status=\"success\">\n                        <IconFast aria-hidden />{' '}\n                        {t('submissionBlockers.fast_ach_threshold_exceeded.wireFastestBadge')}\n                      </Badge>\n                    )}\n                    {option.checkDate && (\n                      <Badge status=\"info\">\n                        {t('submissionBlockers.fast_ach_threshold_exceeded.employeePayDate', {\n                          date: dateFormatter.formatShortWithYear(option.checkDate),\n                        })}\n                      </Badge>\n                    )}\n                  </Flex>\n                ),\n                description,\n              }\n            }) || []\n          }\n          value={selectedValue}\n          onChange={value => {\n            onUnblockOptionChange('fast_ach_threshold_exceeded', value)\n          }}\n        />\n      </Flex>\n    </Banner>\n  )\n}\n"],"names":["FastAchThresholdExceeded","blocker","selectedValue","onUnblockOptionChange","t","useTranslation","Banner","Text","RadioGroup","Badge","useComponentContext","dateFormatter","useDateFormatter","jsx","jsxs","Flex","option","isWire","label","description","IconFast","value"],"mappings":";;;;;;;AAaO,MAAMA,IAA2B,CAAC;AAAA,EACvC,SAAAC;AAAA,EACA,eAAAC;AAAA,EACA,uBAAAC;AACF,MAAqC;AACnC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,yBAAyB,GAChD,EAAE,QAAAC,GAAQ,MAAAC,GAAM,YAAAC,GAAY,OAAAC,EAAA,IAAUC,EAAA,GACtCC,IAAgBC,EAAA;AAEtB,SACE,gBAAAC,EAACP,GAAA,EAAO,QAAO,SAAQ,OAAOF,EAAE,sDAAsD,GACpF,UAAA,gBAAAU,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAF,EAACN,GAAA,EAAM,UAAAH,EAAE,4DAA4D,EAAA,CAAE;AAAA,IACvE,gBAAAS;AAAA,MAACL;AAAA,MAAA;AAAA,QACC,OAAOJ,EAAE,oEAAoE;AAAA,QAC7E,yBAAuB;AAAA,QACvB,SACEH,EAAQ,gBAAgB,IAAI,CAAAe,MAAU;AACpC,gBAAMC,IAASD,EAAO,gBAAgB,WAChCE,IACFd,EADUa,IACR,6DACA,mEAD0D,GAE1DE,IACFf,EADgBa,IACd,mEACA,yEADgE;AAGtE,iBAAO;AAAA,YACL,OAAOD,EAAO,eAAe;AAAA,YAC7B,OACE,gBAAAF,EAACC,GAAA,EAAK,YAAW,UAAS,KAAK,GAC7B,UAAA;AAAA,cAAA,gBAAAF,EAACN,GAAA,EAAK,QAAO,YAAY,UAAAW,GAAM;AAAA,cAC9BD,KACC,gBAAAH,EAACL,GAAA,EAAM,QAAO,WACZ,UAAA;AAAA,gBAAA,gBAAAI,EAACO,GAAA,EAAS,eAAW,GAAA,CAAC;AAAA,gBAAG;AAAA,gBACxBhB,EAAE,iEAAiE;AAAA,cAAA,GACtE;AAAA,cAEDY,EAAO,aACN,gBAAAH,EAACJ,KAAM,QAAO,QACX,YAAE,kEAAkE;AAAA,gBACnE,MAAME,EAAc,oBAAoBK,EAAO,SAAS;AAAA,cAAA,CACzD,EAAA,CACH;AAAA,YAAA,GAEJ;AAAA,YAEF,aAAAG;AAAA,UAAA;AAAA,QAEJ,CAAC,KAAK,CAAA;AAAA,QAER,OAAOjB;AAAA,QACP,UAAU,CAAAmB,MAAS;AACjB,UAAAlB,EAAsB,+BAA+BkB,CAAK;AAAA,QAC5D;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,EAAA,CACF,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"FastAchThresholdExceeded.js","sources":["../../../../../src/components/Payroll/PayrollOverview/SubmissionBlockers/FastAchThresholdExceeded.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { PayrollSubmissionBlockersType } from '@gusto/embedded-api/models/components/payrollsubmissionblockerstype'\nimport { Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport IconFast from '@/assets/icons/icon-zap-fast.svg?react'\n\ninterface FastAchThresholdExceededProps {\n  blocker: PayrollSubmissionBlockersType\n  selectedValue?: string\n  onUnblockOptionChange: (blockerType: string, value: string) => void\n}\n\nexport const FastAchThresholdExceeded = ({\n  blocker,\n  selectedValue,\n  onUnblockOptionChange,\n}: FastAchThresholdExceededProps) => {\n  const { t } = useTranslation('Payroll.PayrollOverview')\n  const { Banner, Text, RadioGroup, Badge } = useComponentContext()\n  const dateFormatter = useDateFormatter()\n\n  return (\n    <Banner status=\"error\" title={t('submissionBlockers.fast_ach_threshold_exceeded.title')}>\n      <Flex flexDirection=\"column\" gap={16}>\n        <Text>{t('submissionBlockers.fast_ach_threshold_exceeded.description')}</Text>\n        <RadioGroup\n          label={t('submissionBlockers.fast_ach_threshold_exceeded.fundingOptionsLabel')}\n          shouldVisuallyHideLabel\n          options={\n            blocker.unblockOptions?.map(option => {\n              const isWire = option.unblockType === 'wire_in'\n              const label = isWire\n                ? t('submissionBlockers.fast_ach_threshold_exceeded.wireLabel')\n                : t('submissionBlockers.fast_ach_threshold_exceeded.directDepositLabel')\n              const description = isWire\n                ? t('submissionBlockers.fast_ach_threshold_exceeded.wireDescription')\n                : t('submissionBlockers.fast_ach_threshold_exceeded.directDepositDescription')\n\n              return {\n                value: option.unblockType || '',\n                label: (\n                  <Flex alignItems=\"center\" gap={8}>\n                    <Text weight=\"semibold\">{label}</Text>\n                    {isWire && (\n                      <Badge status=\"success\">\n                        <IconFast aria-hidden />{' '}\n                        {t('submissionBlockers.fast_ach_threshold_exceeded.wireFastestBadge')}\n                      </Badge>\n                    )}\n                    {option.checkDate && (\n                      <Badge status=\"info\">\n                        {t('submissionBlockers.fast_ach_threshold_exceeded.employeePayDate', {\n                          date: dateFormatter.formatShortWithYear(option.checkDate),\n                        })}\n                      </Badge>\n                    )}\n                  </Flex>\n                ),\n                description,\n              }\n            }) || []\n          }\n          value={selectedValue}\n          onChange={value => {\n            onUnblockOptionChange('fast_ach_threshold_exceeded', value)\n          }}\n        />\n      </Flex>\n    </Banner>\n  )\n}\n"],"names":["FastAchThresholdExceeded","blocker","selectedValue","onUnblockOptionChange","t","useTranslation","Banner","Text","RadioGroup","Badge","useComponentContext","dateFormatter","useDateFormatter","jsx","jsxs","Flex","option","isWire","label","description","IconFast","value"],"mappings":";;;;;;;;;AAaO,MAAMA,IAA2B,CAAC;AAAA,EACvC,SAAAC;AAAA,EACA,eAAAC;AAAA,EACA,uBAAAC;AACF,MAAqC;AACnC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,yBAAyB,GAChD,EAAE,QAAAC,GAAQ,MAAAC,GAAM,YAAAC,GAAY,OAAAC,EAAA,IAAUC,EAAA,GACtCC,IAAgBC,EAAA;AAEtB,SACE,gBAAAC,EAACP,GAAA,EAAO,QAAO,SAAQ,OAAOF,EAAE,sDAAsD,GACpF,UAAA,gBAAAU,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAF,EAACN,GAAA,EAAM,UAAAH,EAAE,4DAA4D,EAAA,CAAE;AAAA,IACvE,gBAAAS;AAAA,MAACL;AAAA,MAAA;AAAA,QACC,OAAOJ,EAAE,oEAAoE;AAAA,QAC7E,yBAAuB;AAAA,QACvB,SACEH,EAAQ,gBAAgB,IAAI,CAAAe,MAAU;AACpC,gBAAMC,IAASD,EAAO,gBAAgB,WAChCE,IACFd,EADUa,IACR,6DACA,mEAD0D,GAE1DE,IACFf,EADgBa,IACd,mEACA,yEADgE;AAGtE,iBAAO;AAAA,YACL,OAAOD,EAAO,eAAe;AAAA,YAC7B,OACE,gBAAAF,EAACC,GAAA,EAAK,YAAW,UAAS,KAAK,GAC7B,UAAA;AAAA,cAAA,gBAAAF,EAACN,GAAA,EAAK,QAAO,YAAY,UAAAW,GAAM;AAAA,cAC9BD,KACC,gBAAAH,EAACL,GAAA,EAAM,QAAO,WACZ,UAAA;AAAA,gBAAA,gBAAAI,EAACO,GAAA,EAAS,eAAW,GAAA,CAAC;AAAA,gBAAG;AAAA,gBACxBhB,EAAE,iEAAiE;AAAA,cAAA,GACtE;AAAA,cAEDY,EAAO,aACN,gBAAAH,EAACJ,KAAM,QAAO,QACX,YAAE,kEAAkE;AAAA,gBACnE,MAAME,EAAc,oBAAoBK,EAAO,SAAS;AAAA,cAAA,CACzD,EAAA,CACH;AAAA,YAAA,GAEJ;AAAA,YAEF,aAAAG;AAAA,UAAA;AAAA,QAEJ,CAAC,KAAK,CAAA;AAAA,QAER,OAAOjB;AAAA,QACP,UAAU,CAAAmB,MAAS;AACjB,UAAAlB,EAAsB,+BAA+BkB,CAAK;AAAA,QAC5D;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,EAAA,CACF,EAAA,CACF;AAEJ;"}

package/dist/components/Payroll/PayrollReceipts/PayrollReceiptsPresentation.js

@@ -4,6 +4,7 @@ import { useTranslation as R } from "react-i18next";
 import d from "classnames";
 import i from "./PayrollReceiptsPresentation.module.scss.js";
 import { Flex as a } from "../../Common/Flex/Flex.js";
+import "../../../shared/constants.js";
 import { useComponentContext as L } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { formatNumberAsCurrency as r } from "../../../helpers/formattedStrings.js";
 import { useI18n as I } from "../../../i18n/I18n.js";
@@ -11,7 +12,7 @@ import { useContainerBreakpoints as S } from "../../../hooks/useContainerBreakpo
 import z from "../../../assets/icons/receipt-check.svg.js";
 import { DataTable as b } from "../../Common/DataView/DataTable/DataTable.js";
 import { DataView as h } from "../../Common/DataView/DataView.js";
-const K = ({ receiptData: n }) => {
+const Q = ({ receiptData: n }) => {
   const { Heading: p, Text: o } = L();
   I("Payroll.PayrollReceipts");
   const { t } = R("Payroll.PayrollReceipts"), u = P(null), c = !S({ ref: u }).includes("small"), y = (l) => `${l.employeeFirstName || ""} ${l.employeeLastName || ""}`.trim(), g = () => (n.employeeCompensations || []).reduce(
@@ -214,6 +215,6 @@ const K = ({ receiptData: n }) => {
   ] }) });
 };
 export {
-  K as PayrollReceiptsPresentation
+  Q as PayrollReceiptsPresentation
 };
 //# sourceMappingURL=PayrollReceiptsPresentation.js.map

package/dist/components/Payroll/PayrollReceipts/PayrollReceiptsPresentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"PayrollReceiptsPresentation.js","sources":["../../../../src/components/Payroll/PayrollReceipts/PayrollReceiptsPresentation.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport type {\n  PayrollReceipt,\n  Taxes as TaxBreakdownItem,\n  PayrollReceiptEmployeeCompensations as EmployeeBreakdownItem,\n} from '@gusto/embedded-api/models/components/payrollreceipt'\nimport styles from './PayrollReceiptsPresentation.module.scss'\nimport { DataView, DataTable, Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { formatNumberAsCurrency } from '@/helpers/formattedStrings'\nimport { useI18n } from '@/i18n'\nimport { useContainerBreakpoints } from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\nimport ReceiptCheck from '@/assets/icons/receipt-check.svg?react'\n\ninterface PayrollReceiptsPresentationProps {\n  receiptData: PayrollReceipt\n}\n\nexport const PayrollReceiptsPresentation = ({ receiptData }: PayrollReceiptsPresentationProps) => {\n  const { Heading, Text } = useComponentContext()\n  useI18n('Payroll.PayrollReceipts')\n  const { t } = useTranslation('Payroll.PayrollReceipts')\n\n  const containerRef = useRef<HTMLDivElement>(null)\n  const breakpoints = useContainerBreakpoints({ ref: containerRef })\n  const isMobile = !breakpoints.includes('small')\n\n  // Helper to get employee full name\n  const getEmployeeFullName = (emp: EmployeeBreakdownItem) =>\n    `${emp.employeeFirstName || ''} ${emp.employeeLastName || ''}`.trim()\n\n  const getTotalChildSupport = () =>\n    (receiptData.employeeCompensations || []).reduce(\n      (sum, emp) => sum + parseFloat(emp.childSupportGarnishment || '0'),\n      0,\n    )\n\n  const getTotalReimbursements = () =>\n    (receiptData.employeeCompensations || []).reduce(\n      (sum, emp) => sum + parseFloat(emp.totalReimbursement || '0'),\n      0,\n    )\n\n  const getTotalNetPay = () =>\n    (receiptData.employeeCompensations || []).reduce(\n      (sum, emp) => sum + parseFloat(emp.netPay || '0'),\n      0,\n    )\n\n  const getTotalTaxes = () =>\n    (receiptData.employeeCompensations || []).reduce(\n      (sum, emp) => sum + parseFloat(emp.totalTax || '0'),\n      0,\n    )\n\n  const breakdownData = [\n    {\n      label: t('breakdown.directDeposits'),\n      amount: parseFloat(receiptData.totals?.netPayDebit || '0'),\n    },\n    {\n      label: t('breakdown.reimbursements'),\n      amount: parseFloat(receiptData.totals?.reimbursementDebit || '0'),\n    },\n    {\n      label: t('breakdown.garnishments'),\n      amount: parseFloat(receiptData.totals?.childSupportDebit || '0'),\n    },\n    { label: t('breakdown.taxes'), amount: parseFloat(receiptData.totals?.taxDebit || '0') },\n  ]\n\n  const receiptDetailsConfig = [\n    {\n      label: t('receipt.receiptId'),\n      value: receiptData.payrollUuid || '',\n    },\n    {\n      label: t('receipt.from'),\n      value: receiptData.nameOfSender || '',\n    },\n    {\n      label: t('receipt.to'),\n      value: receiptData.nameOfRecipient || 'Payroll Recipients',\n    },\n    {\n      label: t('receipt.debitDate'),\n      value: receiptData.debitDate || '',\n    },\n  ]\n\n  const renderReceiptHeader = () => (\n    <div className={classNames(styles.receiptHeader, isMobile && styles.receiptHeaderMobile)}>\n      <Flex flexDirection=\"column\" gap={24}>\n        <Flex flexDirection=\"column\" alignItems=\"center\" gap={16}>\n          <div className={styles.receiptIcon}>\n            <ReceiptCheck className={styles.checkmarkIcon} />\n          </div>\n\n          <Flex flexDirection=\"column\" alignItems=\"center\" gap={8}>\n            <Text size=\"sm\" variant=\"supporting\">\n              {t('receipt.totalLabel')}\n            </Text>\n            <Heading as=\"h1\" styledAs=\"h2\" className={styles.totalAmount}>\n              {formatNumberAsCurrency(parseFloat(receiptData.totals?.companyDebit || '0'))}\n            </Heading>\n          </Flex>\n        </Flex>\n\n        <div className={styles.receiptDetailsTable}>\n          <DataView\n            label={t('receipt.detailsLabel')}\n            variant=\"minimal\"\n            breakAt=\"small\"\n            breakpoints={{\n              base: '0rem',\n              small: '22rem',\n            }}\n            columns={[\n              {\n                title: '',\n                render: (item: { label: string; value: string }) => (\n                  <Text size=\"sm\" variant=\"supporting\">\n                    {item.label}\n                  </Text>\n                ),\n              },\n              {\n                title: '',\n                render: (item: { label: string; value: string }) => (\n                  <Text size=\"sm\">{item.value}</Text>\n                ),\n              },\n            ]}\n            data={receiptDetailsConfig}\n          />\n        </div>\n\n        <Flex flexDirection=\"column\" alignItems=\"center\" gap={12}>\n          <Text\n            size=\"sm\"\n            variant=\"supporting\"\n            className={classNames(styles.disclaimer, isMobile && styles.textMobile)}\n          >\n            {receiptData.recipientNotice}\n          </Text>\n\n          <Text\n            size=\"sm\"\n            variant=\"supporting\"\n            className={classNames(styles.companyInfo, isMobile && styles.textMobile)}\n          >\n            {receiptData.license}\n          </Text>\n\n          <Text\n            size=\"sm\"\n            variant=\"supporting\"\n            className={classNames(styles.address, isMobile && styles.textMobile)}\n          >\n            {receiptData.licensee &&\n              `${receiptData.licensee.address || ''}, ${receiptData.licensee.city || ''}, ${receiptData.licensee.state || ''} ${receiptData.licensee.postalCode || ''}`}\n          </Text>\n        </Flex>\n      </Flex>\n    </div>\n  )\n\n  const renderBreakdownSection = () => (\n    <Flex flexDirection=\"column\" gap={16}>\n      <DataTable\n        label={t('sections.debitedLabel')}\n        columns={[\n          {\n            title: t('sections.debitedLabel'),\n            render: (item: { label: string; amount: number }) => <Text>{item.label}</Text>,\n          },\n          {\n            title: t('breakdown.amount'),\n            render: (item: { label: string; amount: number }) => (\n              <Text>{formatNumberAsCurrency(item.amount)}</Text>\n            ),\n          },\n        ]}\n        data={breakdownData}\n        footer={() => ({\n          'column-0': <Text weight=\"semibold\">{t('breakdown.totals')}</Text>,\n          'column-1': (\n            <Text weight=\"semibold\">\n              {formatNumberAsCurrency(parseFloat(receiptData.totals?.companyDebit || '0'))}\n            </Text>\n          ),\n        })}\n      />\n    </Flex>\n  )\n\n  const renderTaxBreakdown = () => (\n    <Flex flexDirection=\"column\" gap={16}>\n      <DataTable\n        label={t('sections.taxLabel')}\n        columns={[\n          {\n            title: t('sections.taxLabel'),\n            render: (tax: TaxBreakdownItem) => <Text>{tax.name}</Text>,\n          },\n          {\n            title: t('tax.amount'),\n            render: (tax: TaxBreakdownItem) => (\n              <Text>{formatNumberAsCurrency(parseFloat(tax.amount || '0'))}</Text>\n            ),\n          },\n        ]}\n        data={receiptData.taxes || []}\n        footer={() => ({\n          'column-0': <Text weight=\"semibold\">{t('breakdown.totals')}</Text>,\n          'column-1': (\n            <Text weight=\"semibold\">\n              {formatNumberAsCurrency(parseFloat(receiptData.totals?.taxDebit || '0'))}\n            </Text>\n          ),\n        })}\n      />\n    </Flex>\n  )\n\n  const renderEmployeeBreakdown = () => (\n    <Flex flexDirection=\"column\" gap={16}>\n      {isMobile && <Heading as=\"h2\">{t('sections.employeesLabel')}</Heading>}\n      <DataView\n        label={t('sections.employeesLabel')}\n        columns={[\n          {\n            title: t('employee.name'),\n            render: (employee: EmployeeBreakdownItem) => (\n              <Text>{getEmployeeFullName(employee)}</Text>\n            ),\n          },\n          {\n            title: t('employee.paymentMethod'),\n            render: (employee: EmployeeBreakdownItem) => (\n              <Text>{employee.paymentMethod || 'N/A'}</Text>\n            ),\n          },\n          {\n            title: t('employee.childSupport'),\n            render: (employee: EmployeeBreakdownItem) => (\n              <Text>\n                {formatNumberAsCurrency(parseFloat(employee.childSupportGarnishment || '0'))}\n              </Text>\n            ),\n          },\n          {\n            title: t('employee.reimbursement'),\n            render: (employee: EmployeeBreakdownItem) => (\n              <Text>{formatNumberAsCurrency(parseFloat(employee.totalReimbursement || '0'))}</Text>\n            ),\n          },\n          {\n            title: t('employee.totalTaxes'),\n            render: (employee: EmployeeBreakdownItem) => (\n              <Text>{formatNumberAsCurrency(parseFloat(employee.totalTax || '0'))}</Text>\n            ),\n          },\n          {\n            title: t('employee.netPay'),\n            render: (employee: EmployeeBreakdownItem) => (\n              <Text>{formatNumberAsCurrency(parseFloat(employee.netPay || '0'))}</Text>\n            ),\n          },\n        ]}\n        data={receiptData.employeeCompensations || []}\n        footer={() => ({\n          'column-0': (\n            <Flex flexDirection=\"column\" gap={4}>\n              <Text weight=\"semibold\">{t('breakdown.totals')}</Text>\n              <Text size=\"sm\" variant=\"supporting\">\n                {t('employee.totalEmployees', {\n                  count: receiptData.employeeCompensations?.length || 0,\n                })}\n              </Text>\n            </Flex>\n          ),\n          'column-1': <Text>{'\\u00A0'}</Text>,\n          'column-2': (\n            <Text weight=\"semibold\">{formatNumberAsCurrency(getTotalChildSupport())}</Text>\n          ),\n          'column-3': (\n            <Text weight=\"semibold\">{formatNumberAsCurrency(getTotalReimbursements())}</Text>\n          ),\n          'column-4': <Text weight=\"semibold\">{formatNumberAsCurrency(getTotalTaxes())}</Text>,\n          'column-5': <Text weight=\"semibold\">{formatNumberAsCurrency(getTotalNetPay())}</Text>,\n        })}\n      />\n    </Flex>\n  )\n\n  return (\n    <div className={styles.container} ref={containerRef}>\n      <Flex flexDirection=\"column\" gap={24}>\n        {renderReceiptHeader()}\n        {renderBreakdownSection()}\n        {renderTaxBreakdown()}\n        {renderEmployeeBreakdown()}\n      </Flex>\n    </div>\n  )\n}\n"],"names":["PayrollReceiptsPresentation","receiptData","Heading","Text","useComponentContext","useI18n","useTranslation","containerRef","useRef","isMobile","useContainerBreakpoints","getEmployeeFullName","emp","getTotalChildSupport","sum","getTotalReimbursements","getTotalNetPay","getTotalTaxes","breakdownData","receiptDetailsConfig","renderReceiptHeader","jsx","classNames","styles","jsxs","Flex","ReceiptCheck","formatNumberAsCurrency","DataView","item","renderBreakdownSection","DataTable","renderTaxBreakdown","tax","renderEmployeeBreakdown","employee"],"mappings":"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"}
+{"version":3,"file":"PayrollReceiptsPresentation.js","sources":["../../../../src/components/Payroll/PayrollReceipts/PayrollReceiptsPresentation.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport type {\n  PayrollReceipt,\n  Taxes as TaxBreakdownItem,\n  PayrollReceiptEmployeeCompensations as EmployeeBreakdownItem,\n} from '@gusto/embedded-api/models/components/payrollreceipt'\nimport styles from './PayrollReceiptsPresentation.module.scss'\nimport { DataView, DataTable, Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { formatNumberAsCurrency } from '@/helpers/formattedStrings'\nimport { useI18n } from '@/i18n'\nimport { useContainerBreakpoints } from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\nimport ReceiptCheck from '@/assets/icons/receipt-check.svg?react'\n\ninterface PayrollReceiptsPresentationProps {\n  receiptData: PayrollReceipt\n}\n\nexport const PayrollReceiptsPresentation = ({ receiptData }: PayrollReceiptsPresentationProps) => {\n  const { Heading, Text } = useComponentContext()\n  useI18n('Payroll.PayrollReceipts')\n  const { t } = useTranslation('Payroll.PayrollReceipts')\n\n  const containerRef = useRef<HTMLDivElement>(null)\n  const breakpoints = useContainerBreakpoints({ ref: containerRef })\n  const isMobile = !breakpoints.includes('small')\n\n  // Helper to get employee full name\n  const getEmployeeFullName = (emp: EmployeeBreakdownItem) =>\n    `${emp.employeeFirstName || ''} ${emp.employeeLastName || ''}`.trim()\n\n  const getTotalChildSupport = () =>\n    (receiptData.employeeCompensations || []).reduce(\n      (sum, emp) => sum + parseFloat(emp.childSupportGarnishment || '0'),\n      0,\n    )\n\n  const getTotalReimbursements = () =>\n    (receiptData.employeeCompensations || []).reduce(\n      (sum, emp) => sum + parseFloat(emp.totalReimbursement || '0'),\n      0,\n    )\n\n  const getTotalNetPay = () =>\n    (receiptData.employeeCompensations || []).reduce(\n      (sum, emp) => sum + parseFloat(emp.netPay || '0'),\n      0,\n    )\n\n  const getTotalTaxes = () =>\n    (receiptData.employeeCompensations || []).reduce(\n      (sum, emp) => sum + parseFloat(emp.totalTax || '0'),\n      0,\n    )\n\n  const breakdownData = [\n    {\n      label: t('breakdown.directDeposits'),\n      amount: parseFloat(receiptData.totals?.netPayDebit || '0'),\n    },\n    {\n      label: t('breakdown.reimbursements'),\n      amount: parseFloat(receiptData.totals?.reimbursementDebit || '0'),\n    },\n    {\n      label: t('breakdown.garnishments'),\n      amount: parseFloat(receiptData.totals?.childSupportDebit || '0'),\n    },\n    { label: t('breakdown.taxes'), amount: parseFloat(receiptData.totals?.taxDebit || '0') },\n  ]\n\n  const receiptDetailsConfig = [\n    {\n      label: t('receipt.receiptId'),\n      value: receiptData.payrollUuid || '',\n    },\n    {\n      label: t('receipt.from'),\n      value: receiptData.nameOfSender || '',\n    },\n    {\n      label: t('receipt.to'),\n      value: receiptData.nameOfRecipient || 'Payroll Recipients',\n    },\n    {\n      label: t('receipt.debitDate'),\n      value: receiptData.debitDate || '',\n    },\n  ]\n\n  const renderReceiptHeader = () => (\n    <div className={classNames(styles.receiptHeader, isMobile && styles.receiptHeaderMobile)}>\n      <Flex flexDirection=\"column\" gap={24}>\n        <Flex flexDirection=\"column\" alignItems=\"center\" gap={16}>\n          <div className={styles.receiptIcon}>\n            <ReceiptCheck className={styles.checkmarkIcon} />\n          </div>\n\n          <Flex flexDirection=\"column\" alignItems=\"center\" gap={8}>\n            <Text size=\"sm\" variant=\"supporting\">\n              {t('receipt.totalLabel')}\n            </Text>\n            <Heading as=\"h1\" styledAs=\"h2\" className={styles.totalAmount}>\n              {formatNumberAsCurrency(parseFloat(receiptData.totals?.companyDebit || '0'))}\n            </Heading>\n          </Flex>\n        </Flex>\n\n        <div className={styles.receiptDetailsTable}>\n          <DataView\n            label={t('receipt.detailsLabel')}\n            variant=\"minimal\"\n            breakAt=\"small\"\n            breakpoints={{\n              base: '0rem',\n              small: '22rem',\n            }}\n            columns={[\n              {\n                title: '',\n                render: (item: { label: string; value: string }) => (\n                  <Text size=\"sm\" variant=\"supporting\">\n                    {item.label}\n                  </Text>\n                ),\n              },\n              {\n                title: '',\n                render: (item: { label: string; value: string }) => (\n                  <Text size=\"sm\">{item.value}</Text>\n                ),\n              },\n            ]}\n            data={receiptDetailsConfig}\n          />\n        </div>\n\n        <Flex flexDirection=\"column\" alignItems=\"center\" gap={12}>\n          <Text\n            size=\"sm\"\n            variant=\"supporting\"\n            className={classNames(styles.disclaimer, isMobile && styles.textMobile)}\n          >\n            {receiptData.recipientNotice}\n          </Text>\n\n          <Text\n            size=\"sm\"\n            variant=\"supporting\"\n            className={classNames(styles.companyInfo, isMobile && styles.textMobile)}\n          >\n            {receiptData.license}\n          </Text>\n\n          <Text\n            size=\"sm\"\n            variant=\"supporting\"\n            className={classNames(styles.address, isMobile && styles.textMobile)}\n          >\n            {receiptData.licensee &&\n              `${receiptData.licensee.address || ''}, ${receiptData.licensee.city || ''}, ${receiptData.licensee.state || ''} ${receiptData.licensee.postalCode || ''}`}\n          </Text>\n        </Flex>\n      </Flex>\n    </div>\n  )\n\n  const renderBreakdownSection = () => (\n    <Flex flexDirection=\"column\" gap={16}>\n      <DataTable\n        label={t('sections.debitedLabel')}\n        columns={[\n          {\n            title: t('sections.debitedLabel'),\n            render: (item: { label: string; amount: number }) => <Text>{item.label}</Text>,\n          },\n          {\n            title: t('breakdown.amount'),\n            render: (item: { label: string; amount: number }) => (\n              <Text>{formatNumberAsCurrency(item.amount)}</Text>\n            ),\n          },\n        ]}\n        data={breakdownData}\n        footer={() => ({\n          'column-0': <Text weight=\"semibold\">{t('breakdown.totals')}</Text>,\n          'column-1': (\n            <Text weight=\"semibold\">\n              {formatNumberAsCurrency(parseFloat(receiptData.totals?.companyDebit || '0'))}\n            </Text>\n          ),\n        })}\n      />\n    </Flex>\n  )\n\n  const renderTaxBreakdown = () => (\n    <Flex flexDirection=\"column\" gap={16}>\n      <DataTable\n        label={t('sections.taxLabel')}\n        columns={[\n          {\n            title: t('sections.taxLabel'),\n            render: (tax: TaxBreakdownItem) => <Text>{tax.name}</Text>,\n          },\n          {\n            title: t('tax.amount'),\n            render: (tax: TaxBreakdownItem) => (\n              <Text>{formatNumberAsCurrency(parseFloat(tax.amount || '0'))}</Text>\n            ),\n          },\n        ]}\n        data={receiptData.taxes || []}\n        footer={() => ({\n          'column-0': <Text weight=\"semibold\">{t('breakdown.totals')}</Text>,\n          'column-1': (\n            <Text weight=\"semibold\">\n              {formatNumberAsCurrency(parseFloat(receiptData.totals?.taxDebit || '0'))}\n            </Text>\n          ),\n        })}\n      />\n    </Flex>\n  )\n\n  const renderEmployeeBreakdown = () => (\n    <Flex flexDirection=\"column\" gap={16}>\n      {isMobile && <Heading as=\"h2\">{t('sections.employeesLabel')}</Heading>}\n      <DataView\n        label={t('sections.employeesLabel')}\n        columns={[\n          {\n            title: t('employee.name'),\n            render: (employee: EmployeeBreakdownItem) => (\n              <Text>{getEmployeeFullName(employee)}</Text>\n            ),\n          },\n          {\n            title: t('employee.paymentMethod'),\n            render: (employee: EmployeeBreakdownItem) => (\n              <Text>{employee.paymentMethod || 'N/A'}</Text>\n            ),\n          },\n          {\n            title: t('employee.childSupport'),\n            render: (employee: EmployeeBreakdownItem) => (\n              <Text>\n                {formatNumberAsCurrency(parseFloat(employee.childSupportGarnishment || '0'))}\n              </Text>\n            ),\n          },\n          {\n            title: t('employee.reimbursement'),\n            render: (employee: EmployeeBreakdownItem) => (\n              <Text>{formatNumberAsCurrency(parseFloat(employee.totalReimbursement || '0'))}</Text>\n            ),\n          },\n          {\n            title: t('employee.totalTaxes'),\n            render: (employee: EmployeeBreakdownItem) => (\n              <Text>{formatNumberAsCurrency(parseFloat(employee.totalTax || '0'))}</Text>\n            ),\n          },\n          {\n            title: t('employee.netPay'),\n            render: (employee: EmployeeBreakdownItem) => (\n              <Text>{formatNumberAsCurrency(parseFloat(employee.netPay || '0'))}</Text>\n            ),\n          },\n        ]}\n        data={receiptData.employeeCompensations || []}\n        footer={() => ({\n          'column-0': (\n            <Flex flexDirection=\"column\" gap={4}>\n              <Text weight=\"semibold\">{t('breakdown.totals')}</Text>\n              <Text size=\"sm\" variant=\"supporting\">\n                {t('employee.totalEmployees', {\n                  count: receiptData.employeeCompensations?.length || 0,\n                })}\n              </Text>\n            </Flex>\n          ),\n          'column-1': <Text>{'\\u00A0'}</Text>,\n          'column-2': (\n            <Text weight=\"semibold\">{formatNumberAsCurrency(getTotalChildSupport())}</Text>\n          ),\n          'column-3': (\n            <Text weight=\"semibold\">{formatNumberAsCurrency(getTotalReimbursements())}</Text>\n          ),\n          'column-4': <Text weight=\"semibold\">{formatNumberAsCurrency(getTotalTaxes())}</Text>,\n          'column-5': <Text weight=\"semibold\">{formatNumberAsCurrency(getTotalNetPay())}</Text>,\n        })}\n      />\n    </Flex>\n  )\n\n  return (\n    <div className={styles.container} ref={containerRef}>\n      <Flex flexDirection=\"column\" gap={24}>\n        {renderReceiptHeader()}\n        {renderBreakdownSection()}\n        {renderTaxBreakdown()}\n        {renderEmployeeBreakdown()}\n      </Flex>\n    </div>\n  )\n}\n"],"names":["PayrollReceiptsPresentation","receiptData","Heading","Text","useComponentContext","useI18n","useTranslation","containerRef","useRef","isMobile","useContainerBreakpoints","getEmployeeFullName","emp","getTotalChildSupport","sum","getTotalReimbursements","getTotalNetPay","getTotalTaxes","breakdownData","receiptDetailsConfig","renderReceiptHeader","jsx","classNames","styles","jsxs","Flex","ReceiptCheck","formatNumberAsCurrency","DataView","item","renderBreakdownSection","DataTable","renderTaxBreakdown","tax","renderEmployeeBreakdown","employee"],"mappings":"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"}

package/dist/components/Payroll/PayrollStatusBadges/PayrollStatusBadges.d.ts

@@ -0,0 +1,7 @@
+import { PayrollInput, WireInRequestInput } from './payrollStatusConfig';
+interface PayrollStatusBadgesProps {
+    payroll: PayrollInput;
+    wireInRequest?: WireInRequestInput;
+}
+export declare const PayrollStatusBadges: ({ payroll, wireInRequest }: PayrollStatusBadgesProps) => import("react/jsx-runtime").JSX.Element;
+export {};