@gusto/embedded-react-sdk 0.14.1 → 0.15.0

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

@@ -1,110 +1,116 @@
-import { jsxs as c, jsx as l } from "react/jsx-runtime";
-import { useState as j } from "react";
-import { useTranslation as N } from "react-i18next";
-import { PayrollBlockerAlerts as $ } from "../PayrollBlocker/components/PayrollBlockerAlerts.js";
-import D from "./PayrollListPresentation.module.scss.js";
-import { Flex as d } from "../../Common/Flex/Flex.js";
+import { jsxs as i, jsx as l } from "react/jsx-runtime";
+import { useState as V } from "react";
+import { useTranslation as E } from "react-i18next";
+import { PayrollBlockerAlerts as q } from "../PayrollBlocker/components/PayrollBlockerAlerts.js";
+import b from "./PayrollListPresentation.module.scss.js";
+import { Flex as s } from "../../Common/Flex/Flex.js";
 import "classnames";
-import { useComponentContext as V } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as E } from "../../../i18n/I18n.js";
-import { parseDateStringToLocal as u } from "../../../helpers/dateFormatting.js";
-import { useLocale as F } from "../../../contexts/LocaleProvider/useLocale.js";
-import { HamburgerMenu as q } from "../../Common/HamburgerMenu/HamburgerMenu.js";
-import { DataView as z } from "../../Common/DataView/DataView.js";
-const le = ({
-  onRunPayroll: P,
-  onSubmitPayroll: b,
-  onSkipPayroll: k,
-  onViewBlockers: L,
-  payrolls: S,
+import "../../../shared/constants.js";
+import { HamburgerMenu as z } from "../../Common/HamburgerMenu/HamburgerMenu.js";
+import { useComponentContext as G } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as J } from "../../../i18n/I18n.js";
+import { formatDateToStringDate as K, parseDateStringToLocal as c } from "../../../helpers/dateFormatting.js";
+import { useLocale as Q } from "../../../contexts/LocaleProvider/useLocale.js";
+import R from "../../../assets/icons/feature-icon-check.svg.js";
+import { DataView as W } from "../../Common/DataView/DataView.js";
+const de = ({
+  onRunPayroll: L,
+  onSubmitPayroll: C,
+  onSkipPayroll: x,
+  onViewBlockers: I,
+  payrolls: v,
   paySchedules: p,
-  showSkipSuccessAlert: C,
-  onDismissSkipSuccessAlert: x,
-  skippingPayrollId: I,
-  blockers: H
+  showSkipSuccessAlert: w,
+  onDismissSkipSuccessAlert: A,
+  skippingPayrollId: H,
+  blockers: y
 }) => {
-  const { Badge: v, Button: y, Dialog: w, Heading: A, Text: i, Alert: O } = V();
-  E("Payroll.PayrollList");
-  const { t } = N("Payroll.PayrollList"), { locale: n } = F(), [s, f] = j({
+  const { Badge: O, Button: h, Dialog: T, Heading: B, Text: n, Alert: M } = G();
+  J("Payroll.PayrollList");
+  const { t } = E("Payroll.PayrollList"), { locale: d } = Q(), [m, D] = V({
     isOpen: !1,
     payrollId: null,
     payPeriod: null
-  }), B = (e, o) => {
-    f({
+  }), j = (e, a) => {
+    D({
       isOpen: !0,
       payrollId: e,
-      payPeriod: o
+      payPeriod: a
     });
-  }, h = () => {
-    f({
+  }, f = () => {
+    D({
       isOpen: !1,
       payrollId: null,
       payPeriod: null
     });
-  }, T = () => {
-    s.payrollId && (k({ payrollId: s.payrollId }), h());
-  }, g = (e, o) => {
-    const a = e ? u(e)?.toLocaleDateString(n, {
+  }, N = () => {
+    m.payrollId && (x({ payrollId: m.payrollId }), f());
+  }, g = (e, a) => {
+    const o = e ? c(e)?.toLocaleDateString(d, {
       month: "short",
       day: "numeric"
-    }) : null, r = o ? u(o)?.toLocaleDateString(n, {
+    }) : null, r = a ? c(a)?.toLocaleDateString(d, {
       month: "short",
       day: "numeric",
       year: "numeric"
     }) : null;
     return {
-      startDate: a,
+      startDate: o,
       endDate: r,
-      fullPeriod: a && r ? `${a} – ${r}` : ""
+      fullPeriod: o && r ? `${o} – ${r}` : ""
     };
   };
-  return /* @__PURE__ */ c(d, { flexDirection: "column", gap: 16, children: [
-    C && /* @__PURE__ */ l("div", { className: D.alertContainer, children: /* @__PURE__ */ l(
-      O,
+  return /* @__PURE__ */ i(s, { flexDirection: "column", gap: 16, children: [
+    w && /* @__PURE__ */ l("div", { className: b.alertContainer, children: /* @__PURE__ */ l(
+      M,
       {
         status: "info",
         label: t("skipSuccessAlert"),
-        onDismiss: x
+        onDismiss: A
       }
     ) }),
-    /* @__PURE__ */ l($, { blockers: H, onMultipleViewClick: L }),
+    /* @__PURE__ */ l(q, { blockers: y, onMultipleViewClick: I }),
     /* @__PURE__ */ l(
-      d,
+      s,
       {
         flexDirection: { base: "column", medium: "row" },
         justifyContent: "space-between",
         alignItems: "flex-start",
         gap: { base: 12, medium: 24 },
-        children: /* @__PURE__ */ l(d, { children: /* @__PURE__ */ l(A, { as: "h2", children: t("title") }) })
+        children: /* @__PURE__ */ l(s, { children: /* @__PURE__ */ l(B, { as: "h2", children: t("title") }) })
       }
     ),
     /* @__PURE__ */ l(
-      z,
+      W,
       {
+        emptyState: () => /* @__PURE__ */ i(s, { flexDirection: "column", alignItems: "center", gap: 24, children: [
+          /* @__PURE__ */ l(R, {}),
+          /* @__PURE__ */ l(n, { children: t("emptyState") })
+        ] }),
         columns: [
           {
             render: ({ payPeriod: e }) => {
-              const { startDate: o, endDate: a } = g(
+              const { startDate: a, endDate: o } = g(
                 e?.startDate,
                 e?.endDate
               );
-              return /* @__PURE__ */ c(d, { flexDirection: "column", gap: 0, children: [
-                /* @__PURE__ */ c(i, { children: [
-                  o,
+              return /* @__PURE__ */ i(s, { flexDirection: "column", gap: 0, children: [
+                /* @__PURE__ */ i(n, { children: [
+                  a,
                   " - ",
-                  a
+                  o
                 ] }),
-                /* @__PURE__ */ l(i, { variant: "supporting", children: p.find((r) => r.uuid === e?.payScheduleUuid)?.name || p.find((r) => r.uuid === e?.payScheduleUuid)?.customName })
+                /* @__PURE__ */ l(n, { variant: "supporting", children: p.find((r) => r.uuid === e?.payScheduleUuid)?.name || p.find((r) => r.uuid === e?.payScheduleUuid)?.customName })
               ] });
             },
             title: t("tableHeaders.0")
           },
           {
-            render: ({ payrollType: e }) => /* @__PURE__ */ l(i, { children: t(`type.${e}`) }),
+            render: ({ payrollType: e }) => /* @__PURE__ */ l(n, { children: t(`type.${e}`) }),
             title: t("tableHeaders.1")
           },
           {
-            render: ({ checkDate: e }) => /* @__PURE__ */ l(i, { children: e ? u(e)?.toLocaleDateString(n, {
+            render: ({ checkDate: e }) => /* @__PURE__ */ l(n, { children: e ? c(e)?.toLocaleDateString(d, {
               weekday: "short",
               month: "short",
               day: "numeric",
@@ -114,7 +120,7 @@ const le = ({
           },
           {
             title: t("tableHeaders.3"),
-            render: ({ payrollDeadline: e }) => /* @__PURE__ */ l(i, { children: e?.toLocaleDateString(n, {
+            render: ({ payrollDeadline: e }) => /* @__PURE__ */ l(n, { children: e?.toLocaleDateString(d, {
               weekday: "short",
               month: "short",
               day: "numeric",
@@ -123,52 +129,52 @@ const le = ({
           },
           {
             title: t("tableHeaders.4"),
-            render: ({ processed: e }) => /* @__PURE__ */ l(v, { children: t(e ? "status.processed" : "status.unprocessed") })
+            render: ({ processed: e }) => /* @__PURE__ */ l(O, { children: t(e ? "status.processed" : "status.unprocessed") })
           }
         ],
-        data: S,
+        data: v,
         label: t("payrollsListLabel"),
-        itemMenu: ({ payrollUuid: e, calculatedAt: o, processed: a, payPeriod: r }) => {
-          if (a)
+        itemMenu: ({ payrollUuid: e, calculatedAt: a, processed: o, payPeriod: r }) => {
+          if (o)
             return null;
-          const m = I === e, { fullPeriod: M } = g(
+          const u = H === e, { fullPeriod: $ } = g(
             r?.startDate,
             r?.endDate
-          );
-          return /* @__PURE__ */ c("div", { className: D.actionsContainer, children: [
-            o ? /* @__PURE__ */ l(
-              y,
+          ), P = K(/* @__PURE__ */ new Date()), S = P ? c(P) : null, k = r?.startDate ? c(r.startDate) : null, F = y.length === 0 && S && k && S >= k;
+          return /* @__PURE__ */ i("div", { className: b.actionsContainer, children: [
+            a ? /* @__PURE__ */ l(
+              h,
               {
-                isLoading: m,
+                isLoading: u,
                 onClick: () => {
-                  b({ payrollId: e });
+                  C({ payrollId: e });
                 },
                 title: t("submitPayrollCta"),
                 variant: "secondary",
                 children: t("submitPayrollCta")
               }
             ) : /* @__PURE__ */ l(
-              y,
+              h,
               {
-                isLoading: m,
+                isLoading: u,
                 onClick: () => {
-                  P({ payrollId: e });
+                  L({ payrollId: e });
                 },
                 title: t("runPayrollTitle"),
                 variant: "secondary",
                 children: t("runPayrollTitle")
               }
             ),
-            /* @__PURE__ */ l(
-              q,
+            F && /* @__PURE__ */ l(
+              z,
               {
-                isLoading: m,
+                isLoading: u,
                 menuLabel: t("payrollMenuLabel"),
                 items: [
                   {
                     label: t("skipPayrollCta"),
                     onClick: () => {
-                      B(e, M);
+                      j(e, $);
                     }
                   }
                 ]
@@ -179,13 +185,13 @@ const le = ({
       }
     ),
     /* @__PURE__ */ l(
-      w,
+      T,
       {
-        isOpen: s.isOpen,
-        onClose: h,
-        onPrimaryActionClick: T,
+        isOpen: m.isOpen,
+        onClose: f,
+        onPrimaryActionClick: N,
         isDestructive: !0,
-        title: t("skipPayrollDialog.title", { payPeriod: s.payPeriod }),
+        title: t("skipPayrollDialog.title", { payPeriod: m.payPeriod }),
         primaryActionLabel: t("skipPayrollDialog.confirmButton"),
         closeActionLabel: t("skipPayrollDialog.cancelButton"),
         children: t("skipPayrollDialog.body")
@@ -194,6 +200,6 @@ const le = ({
   ] });
 };
 export {
-  le as PayrollListPresentation
+  de 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 } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { ApiPayrollBlocker } from '../PayrollBlocker/payrollHelpers'\nimport { PayrollBlockerAlerts } from '../PayrollBlocker/components/PayrollBlockerAlerts'\nimport type { PayrollType } from './types'\nimport styles from './PayrollListPresentation.module.scss'\nimport { DataView, Flex, HamburgerMenu } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { parseDateStringToLocal } from '@/helpers/dateFormatting'\nimport { useLocale } from '@/contexts/LocaleProvider'\n\ninterface PresentationPayroll extends Payroll {\n  payrollType: PayrollType\n}\n\ninterface PayrollListPresentationProps {\n  onRunPayroll: ({ payrollId }: { payrollId: NonNullable<Payroll['payrollUuid']> }) => void\n  onSubmitPayroll: ({ payrollId }: { payrollId: NonNullable<Payroll['payrollUuid']> }) => void\n  onSkipPayroll: ({ payrollId }: { payrollId: NonNullable<Payroll['payrollUuid']> }) => void\n  onViewBlockers?: () => void\n  payrolls: PresentationPayroll[]\n  paySchedules: PayScheduleList[]\n  showSkipSuccessAlert: boolean\n  onDismissSkipSuccessAlert: () => void\n  skippingPayrollId: string | null\n  blockers: ApiPayrollBlocker[]\n}\n\nexport const PayrollListPresentation = ({\n  onRunPayroll,\n  onSubmitPayroll,\n  onSkipPayroll,\n  onViewBlockers,\n  payrolls,\n  paySchedules,\n  showSkipSuccessAlert,\n  onDismissSkipSuccessAlert,\n  skippingPayrollId,\n  blockers,\n}: PayrollListPresentationProps) => {\n  const { Badge, Button, Dialog, Heading, Text, Alert } = useComponentContext()\n  useI18n('Payroll.PayrollList')\n  const { t } = useTranslation('Payroll.PayrollList')\n  const { locale } = useLocale()\n  const [skipPayrollDialogState, setSkipPayrollDialogState] = useState<{\n    isOpen: boolean\n    payrollId: string | null\n    payPeriod: string | null\n  }>({\n    isOpen: false,\n    payrollId: null,\n    payPeriod: null,\n  })\n\n  const handleOpenSkipDialog = (payrollId: string, payPeriod: string) => {\n    setSkipPayrollDialogState({\n      isOpen: true,\n      payrollId,\n      payPeriod,\n    })\n  }\n\n  const handleCloseSkipDialog = () => {\n    setSkipPayrollDialogState({\n      isOpen: false,\n      payrollId: null,\n      payPeriod: null,\n    })\n  }\n\n  const handleConfirmSkipPayroll = () => {\n    if (skipPayrollDialogState.payrollId) {\n      onSkipPayroll({ payrollId: skipPayrollDialogState.payrollId })\n      handleCloseSkipDialog()\n    }\n  }\n\n  const formatPayPeriod = (startDate: string | undefined, endDate: string | undefined) => {\n    const formattedStartDate = startDate\n      ? parseDateStringToLocal(startDate)?.toLocaleDateString(locale, {\n          month: 'short',\n          day: 'numeric',\n        })\n      : null\n\n    const formattedEndDate = endDate\n      ? parseDateStringToLocal(endDate)?.toLocaleDateString(locale, {\n          month: 'short',\n          day: 'numeric',\n          year: 'numeric',\n        })\n      : null\n\n    return {\n      startDate: formattedStartDate,\n      endDate: formattedEndDate,\n      fullPeriod:\n        formattedStartDate && formattedEndDate ? `${formattedStartDate} – ${formattedEndDate}` : '',\n    }\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      {showSkipSuccessAlert && (\n        <div className={styles.alertContainer}>\n          <Alert\n            status=\"info\"\n            label={t('skipSuccessAlert')}\n            onDismiss={onDismissSkipSuccessAlert}\n          />\n        </div>\n      )}\n      <PayrollBlockerAlerts blockers={blockers} onMultipleViewClick={onViewBlockers} />\n      <Flex\n        flexDirection={{ base: 'column', medium: 'row' }}\n        justifyContent=\"space-between\"\n        alignItems=\"flex-start\"\n        gap={{ base: 12, medium: 24 }}\n      >\n        <Flex>\n          <Heading as=\"h2\">{t('title')}</Heading>\n        </Flex>\n      </Flex>\n\n      <DataView\n        columns={[\n          {\n            render: ({ payPeriod }) => {\n              const { startDate, endDate } = formatPayPeriod(\n                payPeriod?.startDate,\n                payPeriod?.endDate,\n              )\n\n              return (\n                <Flex flexDirection=\"column\" gap={0}>\n                  <Text>\n                    {startDate} - {endDate}\n                  </Text>\n                  <Text variant=\"supporting\">\n                    {paySchedules.find(schedule => schedule.uuid === payPeriod?.payScheduleUuid)\n                      ?.name ||\n                      paySchedules.find(schedule => schedule.uuid === payPeriod?.payScheduleUuid)\n                        ?.customName}\n                  </Text>\n                </Flex>\n              )\n            },\n            title: t('tableHeaders.0'),\n          },\n          {\n            render: ({ payrollType }) => <Text>{t(`type.${payrollType}`)}</Text>,\n            title: t('tableHeaders.1'),\n          },\n          {\n            render: ({ checkDate }) => (\n              <Text>\n                {checkDate\n                  ? parseDateStringToLocal(checkDate)?.toLocaleDateString(locale, {\n                      weekday: 'short',\n                      month: 'short',\n                      day: 'numeric',\n                      year: 'numeric',\n                    })\n                  : null}\n              </Text>\n            ),\n            title: t('tableHeaders.2'),\n          },\n          {\n            title: t('tableHeaders.3'),\n            render: ({ payrollDeadline }) => (\n              <Text>\n                {payrollDeadline?.toLocaleDateString(locale, {\n                  weekday: 'short',\n                  month: 'short',\n                  day: 'numeric',\n                  year: 'numeric',\n                })}\n              </Text>\n            ),\n          },\n          {\n            title: t('tableHeaders.4'),\n            render: ({ processed }) => (\n              <Badge>{processed ? t('status.processed') : t('status.unprocessed')}</Badge>\n            ),\n          },\n        ]}\n        data={payrolls}\n        label={t('payrollsListLabel')}\n        itemMenu={({ payrollUuid, calculatedAt, processed, payPeriod }) => {\n          if (processed) {\n            return null\n          }\n\n          const isProcessingSkipPayroll = skippingPayrollId === payrollUuid\n\n          const { fullPeriod: payPeriodString } = formatPayPeriod(\n            payPeriod?.startDate,\n            payPeriod?.endDate,\n          )\n\n          return (\n            <div className={styles.actionsContainer}>\n              {calculatedAt ? (\n                <Button\n                  isLoading={isProcessingSkipPayroll}\n                  onClick={() => {\n                    onSubmitPayroll({ payrollId: payrollUuid! })\n                  }}\n                  title={t('submitPayrollCta')}\n                  variant=\"secondary\"\n                >\n                  {t('submitPayrollCta')}\n                </Button>\n              ) : (\n                <Button\n                  isLoading={isProcessingSkipPayroll}\n                  onClick={() => {\n                    onRunPayroll({ payrollId: payrollUuid! })\n                  }}\n                  title={t('runPayrollTitle')}\n                  variant=\"secondary\"\n                >\n                  {t('runPayrollTitle')}\n                </Button>\n              )}\n              <HamburgerMenu\n                isLoading={isProcessingSkipPayroll}\n                menuLabel={t('payrollMenuLabel')}\n                items={[\n                  {\n                    label: t('skipPayrollCta'),\n                    onClick: () => {\n                      handleOpenSkipDialog(payrollUuid!, payPeriodString)\n                    },\n                  },\n                ]}\n              />\n            </div>\n          )\n        }}\n      />\n      <Dialog\n        isOpen={skipPayrollDialogState.isOpen}\n        onClose={handleCloseSkipDialog}\n        onPrimaryActionClick={handleConfirmSkipPayroll}\n        isDestructive={true}\n        title={t('skipPayrollDialog.title', { payPeriod: skipPayrollDialogState.payPeriod })}\n        primaryActionLabel={t('skipPayrollDialog.confirmButton')}\n        closeActionLabel={t('skipPayrollDialog.cancelButton')}\n      >\n        {t('skipPayrollDialog.body')}\n      </Dialog>\n    </Flex>\n  )\n}\n"],"names":["PayrollListPresentation","onRunPayroll","onSubmitPayroll","onSkipPayroll","onViewBlockers","payrolls","paySchedules","showSkipSuccessAlert","onDismissSkipSuccessAlert","skippingPayrollId","blockers","Badge","Button","Dialog","Heading","Text","Alert","useComponentContext","useI18n","useTranslation","locale","useLocale","skipPayrollDialogState","setSkipPayrollDialogState","useState","handleOpenSkipDialog","payrollId","payPeriod","handleCloseSkipDialog","handleConfirmSkipPayroll","formatPayPeriod","startDate","endDate","formattedStartDate","parseDateStringToLocal","formattedEndDate","jsxs","Flex","jsx","styles","PayrollBlockerAlerts","DataView","schedule","payrollType","checkDate","payrollDeadline","processed","payrollUuid","calculatedAt","isProcessingSkipPayroll","payPeriodString","HamburgerMenu"],"mappings":"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"}
+{"version":3,"file":"PayrollListPresentation.js","sources":["../../../../src/components/Payroll/PayrollList/PayrollListPresentation.tsx"],"sourcesContent":["import type { Payroll } from '@gusto/embedded-api/models/components/payroll'\nimport type { PayScheduleList } from '@gusto/embedded-api/models/components/payschedulelist'\nimport { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { ApiPayrollBlocker } from '../PayrollBlocker/payrollHelpers'\nimport { PayrollBlockerAlerts } from '../PayrollBlocker/components/PayrollBlockerAlerts'\nimport type { PayrollType } from './types'\nimport styles from './PayrollListPresentation.module.scss'\nimport { DataView, Flex, HamburgerMenu } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { formatDateToStringDate, parseDateStringToLocal } from '@/helpers/dateFormatting'\nimport { useLocale } from '@/contexts/LocaleProvider'\nimport FeatureIconCheck from '@/assets/icons/feature-icon-check.svg?react'\n\ninterface PresentationPayroll extends Payroll {\n  payrollType: PayrollType\n}\n\ninterface PayrollListPresentationProps {\n  onRunPayroll: ({ payrollId }: { payrollId: NonNullable<Payroll['payrollUuid']> }) => void\n  onSubmitPayroll: ({ payrollId }: { payrollId: NonNullable<Payroll['payrollUuid']> }) => void\n  onSkipPayroll: ({ payrollId }: { payrollId: NonNullable<Payroll['payrollUuid']> }) => void\n  onViewBlockers?: () => void\n  payrolls: PresentationPayroll[]\n  paySchedules: PayScheduleList[]\n  showSkipSuccessAlert: boolean\n  onDismissSkipSuccessAlert: () => void\n  skippingPayrollId: string | null\n  blockers: ApiPayrollBlocker[]\n}\n\nexport const PayrollListPresentation = ({\n  onRunPayroll,\n  onSubmitPayroll,\n  onSkipPayroll,\n  onViewBlockers,\n  payrolls,\n  paySchedules,\n  showSkipSuccessAlert,\n  onDismissSkipSuccessAlert,\n  skippingPayrollId,\n  blockers,\n}: PayrollListPresentationProps) => {\n  const { Badge, Button, Dialog, Heading, Text, Alert } = useComponentContext()\n  useI18n('Payroll.PayrollList')\n  const { t } = useTranslation('Payroll.PayrollList')\n  const { locale } = useLocale()\n  const [skipPayrollDialogState, setSkipPayrollDialogState] = useState<{\n    isOpen: boolean\n    payrollId: string | null\n    payPeriod: string | null\n  }>({\n    isOpen: false,\n    payrollId: null,\n    payPeriod: null,\n  })\n\n  const handleOpenSkipDialog = (payrollId: string, payPeriod: string) => {\n    setSkipPayrollDialogState({\n      isOpen: true,\n      payrollId,\n      payPeriod,\n    })\n  }\n\n  const handleCloseSkipDialog = () => {\n    setSkipPayrollDialogState({\n      isOpen: false,\n      payrollId: null,\n      payPeriod: null,\n    })\n  }\n\n  const handleConfirmSkipPayroll = () => {\n    if (skipPayrollDialogState.payrollId) {\n      onSkipPayroll({ payrollId: skipPayrollDialogState.payrollId })\n      handleCloseSkipDialog()\n    }\n  }\n\n  const formatPayPeriod = (startDate: string | undefined, endDate: string | undefined) => {\n    const formattedStartDate = startDate\n      ? parseDateStringToLocal(startDate)?.toLocaleDateString(locale, {\n          month: 'short',\n          day: 'numeric',\n        })\n      : null\n\n    const formattedEndDate = endDate\n      ? parseDateStringToLocal(endDate)?.toLocaleDateString(locale, {\n          month: 'short',\n          day: 'numeric',\n          year: 'numeric',\n        })\n      : null\n\n    return {\n      startDate: formattedStartDate,\n      endDate: formattedEndDate,\n      fullPeriod:\n        formattedStartDate && formattedEndDate ? `${formattedStartDate} – ${formattedEndDate}` : '',\n    }\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      {showSkipSuccessAlert && (\n        <div className={styles.alertContainer}>\n          <Alert\n            status=\"info\"\n            label={t('skipSuccessAlert')}\n            onDismiss={onDismissSkipSuccessAlert}\n          />\n        </div>\n      )}\n      <PayrollBlockerAlerts blockers={blockers} onMultipleViewClick={onViewBlockers} />\n      <Flex\n        flexDirection={{ base: 'column', medium: 'row' }}\n        justifyContent=\"space-between\"\n        alignItems=\"flex-start\"\n        gap={{ base: 12, medium: 24 }}\n      >\n        <Flex>\n          <Heading as=\"h2\">{t('title')}</Heading>\n        </Flex>\n      </Flex>\n\n      <DataView\n        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>\n                {checkDate\n                  ? parseDateStringToLocal(checkDate)?.toLocaleDateString(locale, {\n                      weekday: 'short',\n                      month: 'short',\n                      day: 'numeric',\n                      year: 'numeric',\n                    })\n                  : null}\n              </Text>\n            ),\n            title: t('tableHeaders.2'),\n          },\n          {\n            title: t('tableHeaders.3'),\n            render: ({ payrollDeadline }) => (\n              <Text>\n                {payrollDeadline?.toLocaleDateString(locale, {\n                  weekday: 'short',\n                  month: 'short',\n                  day: 'numeric',\n                  year: 'numeric',\n                })}\n              </Text>\n            ),\n          },\n          {\n            title: t('tableHeaders.4'),\n            render: ({ processed }) => (\n              <Badge>{processed ? t('status.processed') : t('status.unprocessed')}</Badge>\n            ),\n          },\n        ]}\n        data={payrolls}\n        label={t('payrollsListLabel')}\n        itemMenu={({ payrollUuid, calculatedAt, processed, payPeriod }) => {\n          if (processed) {\n            return null\n          }\n\n          const isProcessingSkipPayroll = skippingPayrollId === payrollUuid\n\n          const { fullPeriod: payPeriodString } = formatPayPeriod(\n            payPeriod?.startDate,\n            payPeriod?.endDate,\n          )\n\n          const todayDateString = formatDateToStringDate(new Date())\n          const todayAtMidnight = todayDateString ? parseDateStringToLocal(todayDateString) : null\n          const payPeriodStartDate = payPeriod?.startDate\n            ? parseDateStringToLocal(payPeriod.startDate)\n            : null\n\n          const canSkipPayroll =\n            blockers.length === 0 &&\n            todayAtMidnight &&\n            payPeriodStartDate &&\n            todayAtMidnight >= payPeriodStartDate\n\n          return (\n            <div className={styles.actionsContainer}>\n              {calculatedAt ? (\n                <Button\n                  isLoading={isProcessingSkipPayroll}\n                  onClick={() => {\n                    onSubmitPayroll({ payrollId: payrollUuid! })\n                  }}\n                  title={t('submitPayrollCta')}\n                  variant=\"secondary\"\n                >\n                  {t('submitPayrollCta')}\n                </Button>\n              ) : (\n                <Button\n                  isLoading={isProcessingSkipPayroll}\n                  onClick={() => {\n                    onRunPayroll({ payrollId: payrollUuid! })\n                  }}\n                  title={t('runPayrollTitle')}\n                  variant=\"secondary\"\n                >\n                  {t('runPayrollTitle')}\n                </Button>\n              )}\n              {canSkipPayroll && (\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            </div>\n          )\n        }}\n      />\n      <Dialog\n        isOpen={skipPayrollDialogState.isOpen}\n        onClose={handleCloseSkipDialog}\n        onPrimaryActionClick={handleConfirmSkipPayroll}\n        isDestructive={true}\n        title={t('skipPayrollDialog.title', { payPeriod: skipPayrollDialogState.payPeriod })}\n        primaryActionLabel={t('skipPayrollDialog.confirmButton')}\n        closeActionLabel={t('skipPayrollDialog.cancelButton')}\n      >\n        {t('skipPayrollDialog.body')}\n      </Dialog>\n    </Flex>\n  )\n}\n"],"names":["PayrollListPresentation","onRunPayroll","onSubmitPayroll","onSkipPayroll","onViewBlockers","payrolls","paySchedules","showSkipSuccessAlert","onDismissSkipSuccessAlert","skippingPayrollId","blockers","Badge","Button","Dialog","Heading","Text","Alert","useComponentContext","useI18n","useTranslation","locale","useLocale","skipPayrollDialogState","setSkipPayrollDialogState","useState","handleOpenSkipDialog","payrollId","payPeriod","handleCloseSkipDialog","handleConfirmSkipPayroll","formatPayPeriod","startDate","endDate","formattedStartDate","parseDateStringToLocal","formattedEndDate","jsxs","Flex","jsx","styles","PayrollBlockerAlerts","DataView","FeatureIconCheck","schedule","payrollType","checkDate","payrollDeadline","processed","payrollUuid","calculatedAt","isProcessingSkipPayroll","payPeriodString","todayDateString","formatDateToStringDate","todayAtMidnight","payPeriodStartDate","canSkipPayroll","HamburgerMenu"],"mappings":"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"}