@gusto/embedded-react-sdk 0.57.1 → 0.57.3

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

@@ -1 +1 @@
-{"version":3,"file":"PayrollList.js","sources":["../../../../src/components/Payroll/PayrollList/PayrollList.tsx"],"sourcesContent":["import { useState, useCallback } from 'react'\nimport { useQueryClient, keepPreviousData } from '@tanstack/react-query'\nimport {\n  usePayrollsList,\n  invalidateAllPayrollsList,\n} from '@gusto/embedded-api/react-query/payrollsList'\nimport { usePaySchedulesGetAllSuspense } from '@gusto/embedded-api/react-query/paySchedulesGetAll'\nimport { usePayrollsSkipMutation } from '@gusto/embedded-api/react-query/payrollsSkip'\nimport { usePayrollsDeleteMutation } from '@gusto/embedded-api/react-query/payrollsDelete'\nimport { usePayrollsGetBlockersSuspense } from '@gusto/embedded-api/react-query/payrollsGetBlockers'\nimport { useWireInRequestsListSuspense } from '@gusto/embedded-api/react-query/wireInRequestsList'\nimport { PayrollType } from '@gusto/embedded-api/models/operations/postcompaniespayrollskipcompanyuuid'\nimport {\n  ProcessingStatuses,\n  QueryParamPayrollTypes,\n} from '@gusto/embedded-api/models/operations/getv1companiescompanyidpayrolls'\nimport type { Payroll } from '@gusto/embedded-api/models/components/payrollshow'\nimport type { ApiPayrollBlocker } from '../PayrollBlocker/payrollHelpers'\nimport { useUnprocessedTransitionPayPeriods } from '../useUnprocessedTransitionPayPeriods'\nimport { PayrollListPresentation } from './PayrollListPresentation'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { BaseComponent, BaseLayout, useBase } from '@/components/Base'\nimport { componentEvents } from '@/shared/constants'\nimport { usePagination } from '@/hooks/usePagination/usePagination'\nimport { useDateRangeFilter } from '@/hooks/useDateRangeFilter/useDateRangeFilter'\n\n/**\n * Props for {@link PayrollList}.\n *\n * @public\n */\nexport interface PayrollListBlockProps extends BaseComponentInterface<never> {\n  /** The associated company identifier. */\n  companyId: string\n  /** Whether to show the off-cycle payroll call-to-action. Defaults to `true`. */\n  withOffcyclePayroll?: boolean\n}\n\n/**\n * Lists upcoming payrolls and lets users start running them.\n *\n * Displays available payrolls with pay period dates, payroll type, check date,\n * deadline, and status. Each row offers actions to run, submit a calculated\n * payroll, skip, or delete (for cancellable off-cycle payrolls). A separate\n * call-to-action starts an off-cycle payroll.\n *\n * @remarks\n * When the company has unprocessed transition pay periods within the next\n * 90 days, the Run Payroll action on Regular rows is disabled to prevent a\n * regular payroll from being run before the transition is resolved. Off-cycle\n * rows and the Run off-cycle action remain enabled, since off-cycle is the\n * path used to run a transition payroll. {@link PayrollLanding} pairs this\n * list with an alert that lets users run or skip the pending transition; when\n * using `PayrollList` directly, render an equivalent resolution surface\n * alongside it.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `runPayroll/selected` | User selected a payroll to run | `{ payrollUuid, payPeriod }` |\n * | `payroll/review` | User selected a calculated payroll to review and submit | `{ payrollUuid, payPeriod }` |\n * | `payroll/skipped` | A payroll was successfully skipped | `{ payrollId }` |\n * | `payroll/deleted` | A cancellable off-cycle payroll was successfully deleted | `{ payrollId }` |\n * | `runPayroll/offCycle/start` | User clicked the Run off-cycle call-to-action | — |\n *\n * @param props - See {@link PayrollListBlockProps}.\n * @returns The rendered payroll list.\n * @public\n */\nexport function PayrollList(props: PayrollListBlockProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nconst FUTURE_LOOKAHEAD_MONTHS = 3\n\nconst getDefaultStartDate = (): Date => new Date()\n\nconst getDefaultEndDate = (): Date => {\n  const date = new Date()\n  date.setMonth(date.getMonth() + FUTURE_LOOKAHEAD_MONTHS)\n  return date\n}\n\nconst Root = ({\n  companyId,\n  onEvent,\n  withOffcyclePayroll = true,\n  LoaderComponent,\n  className,\n}: PayrollListBlockProps) => {\n  const { baseSubmitHandler } = useBase()\n  const queryClient = useQueryClient()\n  const [showSkipSuccessAlert, setShowSkipSuccessAlert] = useState(false)\n  const [skippingPayrollId, setSkippingPayrollId] = useState<string | null>(null)\n  const { currentPage, itemsPerPage, getPaginationProps, resetPage } = usePagination()\n  const [showDeleteSuccessAlert, setShowDeleteSuccessAlert] = useState(false)\n  const [deletingPayrollId, setDeletingPayrollId] = useState<string | null>(null)\n\n  const dateRangeFilter = useDateRangeFilter({\n    initialStartDate: getDefaultStartDate(),\n    initialEndDate: getDefaultEndDate(),\n    onFilterChange: useCallback(() => {\n      resetPage()\n    }, [resetPage]),\n  })\n  const dateFilterParams = dateRangeFilter.getApiDateParams()\n\n  const { data: payrollsData, isFetching } = usePayrollsList(\n    {\n      companyId,\n      processingStatuses: [ProcessingStatuses.Unprocessed],\n      startDate: dateFilterParams.startDate,\n      endDate: dateFilterParams.endDate,\n      payrollTypes: [QueryParamPayrollTypes.Regular, QueryParamPayrollTypes.OffCycle],\n      includeOffCycle: true,\n      page: currentPage,\n      per: itemsPerPage,\n    },\n    { placeholderData: keepPreviousData, throwOnError: true },\n  )\n  const payrollList = payrollsData?.payrollList ?? []\n  const { data: paySchedulesData } = usePaySchedulesGetAllSuspense({\n    companyId,\n  })\n  const paySchedulesList = paySchedulesData.payScheduleShowResponse!\n\n  const { data: blockersData } = usePayrollsGetBlockersSuspense({\n    companyUuid: companyId,\n  })\n\n  const payrollBlockerList = blockersData.payrollBlockers ?? []\n\n  const blockers: ApiPayrollBlocker[] = payrollBlockerList.map(\n    (blocker: { key?: string; message?: string }) => ({\n      key: blocker.key ?? 'unknown',\n      message: blocker.message,\n    }),\n  )\n\n  const { data: wireInRequestsData } = useWireInRequestsListSuspense({\n    companyUuid: companyId,\n  })\n\n  const wireInRequests = wireInRequestsData.wireInRequestList ?? []\n\n  const { hasUnprocessedTransitions } = useUnprocessedTransitionPayPeriods(companyId)\n\n  const { mutateAsync: skipPayroll } = usePayrollsSkipMutation()\n  const { mutateAsync: deletePayrollMutation } = usePayrollsDeleteMutation()\n\n  const onRunPayroll = ({ payrollUuid, payPeriod }: Pick<Payroll, 'payrollUuid' | 'payPeriod'>) => {\n    onEvent(componentEvents.RUN_PAYROLL_SELECTED, { payrollUuid, payPeriod })\n  }\n  const onRunOffCyclePayroll = () => {\n    onEvent(componentEvents.RUN_OFF_CYCLE_PAYROLL)\n  }\n  const onSubmitPayroll = ({\n    payrollUuid,\n    payPeriod,\n  }: Pick<Payroll, 'payrollUuid' | 'payPeriod'>) => {\n    onEvent(componentEvents.REVIEW_PAYROLL, { payrollUuid, payPeriod })\n  }\n  const onSkipPayroll = async ({ payrollUuid }: Pick<Payroll, 'payrollUuid'>) => {\n    const payroll = payrollList.find(payroll => payroll.payrollUuid === payrollUuid)\n\n    if (payroll?.payPeriod) {\n      setSkippingPayrollId(payrollUuid!)\n      const payrollType =\n        payroll.offCycleReason === 'Transition from old pay schedule'\n          ? PayrollType.TransitionFromOldPaySchedule\n          : PayrollType.Regular\n\n      await baseSubmitHandler({}, async () => {\n        await skipPayroll({\n          request: {\n            companyUuid: companyId,\n            requestBody: {\n              payrollType,\n              startDate: payroll.payPeriod?.startDate ?? undefined,\n              endDate: payroll.payPeriod?.endDate ?? undefined,\n              payScheduleUuid: payroll.payPeriod?.payScheduleUuid ?? undefined,\n            },\n          },\n        })\n\n        setShowSkipSuccessAlert(true)\n        onEvent(componentEvents.PAYROLL_SKIPPED, { payrollId: payrollUuid })\n      })\n      setSkippingPayrollId(null)\n    }\n  }\n\n  const onDeletePayroll = async ({ payrollUuid }: Pick<Payroll, 'payrollUuid'>) => {\n    if (payrollUuid) {\n      setDeletingPayrollId(payrollUuid)\n      await baseSubmitHandler({}, async () => {\n        await deletePayrollMutation({\n          request: { companyId, payrollId: payrollUuid },\n        })\n        await invalidateAllPayrollsList(queryClient)\n        setShowDeleteSuccessAlert(true)\n        onEvent(componentEvents.PAYROLL_DELETED, { payrollId: payrollUuid })\n      })\n      setDeletingPayrollId(null)\n    }\n  }\n\n  if (!payrollsData) {\n    return <BaseLayout isLoading LoaderComponent={LoaderComponent} />\n  }\n\n  const paginationProps = getPaginationProps(payrollsData.httpMeta.response.headers, isFetching)\n\n  return (\n    <PayrollListPresentation\n      className={className}\n      payrolls={payrollList}\n      pagination={paginationProps}\n      paySchedules={paySchedulesList}\n      onRunPayroll={onRunPayroll}\n      onSubmitPayroll={onSubmitPayroll}\n      onSkipPayroll={onSkipPayroll}\n      onDeletePayroll={onDeletePayroll}\n      onRunOffCyclePayroll={onRunOffCyclePayroll}\n      showSkipSuccessAlert={showSkipSuccessAlert}\n      onDismissSkipSuccessAlert={() => {\n        setShowSkipSuccessAlert(false)\n      }}\n      showDeleteSuccessAlert={showDeleteSuccessAlert}\n      onDismissDeleteSuccessAlert={() => {\n        setShowDeleteSuccessAlert(false)\n      }}\n      skippingPayrollId={skippingPayrollId}\n      deletingPayrollId={deletingPayrollId}\n      blockers={blockers}\n      wireInRequests={wireInRequests}\n      dateRangeFilter={dateRangeFilter}\n      hasUnprocessedTransitions={hasUnprocessedTransitions}\n      withOffcyclePayroll={withOffcyclePayroll}\n    />\n  )\n}\n"],"names":["PayrollList","props","jsx","BaseComponent","Root","FUTURE_LOOKAHEAD_MONTHS","getDefaultStartDate","getDefaultEndDate","date","companyId","onEvent","withOffcyclePayroll","LoaderComponent","className","baseSubmitHandler","useBase","queryClient","useQueryClient","showSkipSuccessAlert","setShowSkipSuccessAlert","useState","skippingPayrollId","setSkippingPayrollId","currentPage","itemsPerPage","getPaginationProps","resetPage","usePagination","showDeleteSuccessAlert","setShowDeleteSuccessAlert","deletingPayrollId","setDeletingPayrollId","dateRangeFilter","useDateRangeFilter","useCallback","dateFilterParams","payrollsData","isFetching","usePayrollsList","ProcessingStatuses","QueryParamPayrollTypes","keepPreviousData","payrollList","paySchedulesData","usePaySchedulesGetAllSuspense","paySchedulesList","blockersData","usePayrollsGetBlockersSuspense","blockers","blocker","wireInRequestsData","useWireInRequestsListSuspense","wireInRequests","hasUnprocessedTransitions","useUnprocessedTransitionPayPeriods","skipPayroll","usePayrollsSkipMutation","deletePayrollMutation","usePayrollsDeleteMutation","onRunPayroll","payrollUuid","payPeriod","componentEvents","onRunOffCyclePayroll","onSubmitPayroll","onSkipPayroll","payroll","payrollType","PayrollType","onDeletePayroll","invalidateAllPayrollsList","BaseLayout","paginationProps","PayrollListPresentation"],"mappings":"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"}
+{"version":3,"file":"PayrollList.js","sources":["../../../../src/components/Payroll/PayrollList/PayrollList.tsx"],"sourcesContent":["import { useState, useCallback } from 'react'\nimport { useQueryClient, keepPreviousData } from '@tanstack/react-query'\nimport {\n  usePayrollsList,\n  invalidateAllPayrollsList,\n} from '@gusto/embedded-api/react-query/payrollsList'\nimport { usePaySchedulesGetAllSuspense } from '@gusto/embedded-api/react-query/paySchedulesGetAll'\nimport { usePayrollsSkipMutation } from '@gusto/embedded-api/react-query/payrollsSkip'\nimport { usePayrollsDeleteMutation } from '@gusto/embedded-api/react-query/payrollsDelete'\nimport { usePayrollsGetBlockersSuspense } from '@gusto/embedded-api/react-query/payrollsGetBlockers'\nimport { useWireInRequestsListSuspense } from '@gusto/embedded-api/react-query/wireInRequestsList'\nimport { PayrollType } from '@gusto/embedded-api/models/operations/postcompaniespayrollskipcompanyuuid'\nimport {\n  ProcessingStatuses,\n  QueryParamPayrollTypes,\n} from '@gusto/embedded-api/models/operations/getv1companiescompanyidpayrolls'\nimport type { Payroll } from '@gusto/embedded-api/models/components/unprocessedpayroll'\nimport type { ApiPayrollBlocker } from '../PayrollBlocker/payrollHelpers'\nimport { useUnprocessedTransitionPayPeriods } from '../useUnprocessedTransitionPayPeriods'\nimport { PayrollListPresentation } from './PayrollListPresentation'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { BaseComponent, BaseLayout, useBase } from '@/components/Base'\nimport { componentEvents } from '@/shared/constants'\nimport { usePagination } from '@/hooks/usePagination/usePagination'\nimport { useDateRangeFilter } from '@/hooks/useDateRangeFilter/useDateRangeFilter'\n\n/**\n * Props for {@link PayrollList}.\n *\n * @public\n */\nexport interface PayrollListBlockProps extends BaseComponentInterface<never> {\n  /** The associated company identifier. */\n  companyId: string\n  /** Whether to show the off-cycle payroll call-to-action. Defaults to `true`. */\n  withOffcyclePayroll?: boolean\n}\n\n/**\n * Lists upcoming payrolls and lets users start running them.\n *\n * Displays available payrolls with pay period dates, payroll type, check date,\n * deadline, and status. Each row offers actions to run, submit a calculated\n * payroll, skip, or delete (for cancellable off-cycle payrolls). A separate\n * call-to-action starts an off-cycle payroll.\n *\n * @remarks\n * When the company has unprocessed transition pay periods within the next\n * 90 days, the Run Payroll action on Regular rows is disabled to prevent a\n * regular payroll from being run before the transition is resolved. Off-cycle\n * rows and the Run off-cycle action remain enabled, since off-cycle is the\n * path used to run a transition payroll. {@link PayrollLanding} pairs this\n * list with an alert that lets users run or skip the pending transition; when\n * using `PayrollList` directly, render an equivalent resolution surface\n * alongside it.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `runPayroll/selected` | User selected a payroll to run | `{ payrollUuid, payPeriod }` |\n * | `payroll/review` | User selected a calculated payroll to review and submit | `{ payrollUuid, payPeriod }` |\n * | `payroll/skipped` | A payroll was successfully skipped | `{ payrollId }` |\n * | `payroll/deleted` | A cancellable off-cycle payroll was successfully deleted | `{ payrollId }` |\n * | `runPayroll/offCycle/start` | User clicked the Run off-cycle call-to-action | — |\n *\n * @param props - See {@link PayrollListBlockProps}.\n * @returns The rendered payroll list.\n * @public\n */\nexport function PayrollList(props: PayrollListBlockProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nconst FUTURE_LOOKAHEAD_MONTHS = 3\n\nconst getDefaultStartDate = (): Date => new Date()\n\nconst getDefaultEndDate = (): Date => {\n  const date = new Date()\n  date.setMonth(date.getMonth() + FUTURE_LOOKAHEAD_MONTHS)\n  return date\n}\n\nconst Root = ({\n  companyId,\n  onEvent,\n  withOffcyclePayroll = true,\n  LoaderComponent,\n  className,\n}: PayrollListBlockProps) => {\n  const { baseSubmitHandler } = useBase()\n  const queryClient = useQueryClient()\n  const [showSkipSuccessAlert, setShowSkipSuccessAlert] = useState(false)\n  const [skippingPayrollId, setSkippingPayrollId] = useState<string | null>(null)\n  const { currentPage, itemsPerPage, getPaginationProps, resetPage } = usePagination()\n  const [showDeleteSuccessAlert, setShowDeleteSuccessAlert] = useState(false)\n  const [deletingPayrollId, setDeletingPayrollId] = useState<string | null>(null)\n\n  const dateRangeFilter = useDateRangeFilter({\n    initialStartDate: getDefaultStartDate(),\n    initialEndDate: getDefaultEndDate(),\n    onFilterChange: useCallback(() => {\n      resetPage()\n    }, [resetPage]),\n  })\n  const dateFilterParams = dateRangeFilter.getApiDateParams()\n\n  const { data: payrollsData, isFetching } = usePayrollsList(\n    {\n      companyId,\n      processingStatuses: [ProcessingStatuses.Unprocessed],\n      startDate: dateFilterParams.startDate,\n      endDate: dateFilterParams.endDate,\n      payrollTypes: [QueryParamPayrollTypes.Regular, QueryParamPayrollTypes.OffCycle],\n      includeOffCycle: true,\n      page: currentPage,\n      per: itemsPerPage,\n    },\n    { placeholderData: keepPreviousData, throwOnError: true },\n  )\n  const payrollList = payrollsData?.payrollList ?? []\n  const { data: paySchedulesData } = usePaySchedulesGetAllSuspense({\n    companyId,\n  })\n  const paySchedulesList = paySchedulesData.payScheduleShowResponse!\n\n  const { data: blockersData } = usePayrollsGetBlockersSuspense({\n    companyUuid: companyId,\n  })\n\n  const payrollBlockerList = blockersData.payrollBlockers ?? []\n\n  const blockers: ApiPayrollBlocker[] = payrollBlockerList.map(\n    (blocker: { key?: string; message?: string }) => ({\n      key: blocker.key ?? 'unknown',\n      message: blocker.message,\n    }),\n  )\n\n  const { data: wireInRequestsData } = useWireInRequestsListSuspense({\n    companyUuid: companyId,\n  })\n\n  const wireInRequests = wireInRequestsData.wireInRequestList ?? []\n\n  const { hasUnprocessedTransitions } = useUnprocessedTransitionPayPeriods(companyId)\n\n  const { mutateAsync: skipPayroll } = usePayrollsSkipMutation()\n  const { mutateAsync: deletePayrollMutation } = usePayrollsDeleteMutation()\n\n  const onRunPayroll = ({ payrollUuid, payPeriod }: Pick<Payroll, 'payrollUuid' | 'payPeriod'>) => {\n    onEvent(componentEvents.RUN_PAYROLL_SELECTED, { payrollUuid, payPeriod })\n  }\n  const onRunOffCyclePayroll = () => {\n    onEvent(componentEvents.RUN_OFF_CYCLE_PAYROLL)\n  }\n  const onSubmitPayroll = ({\n    payrollUuid,\n    payPeriod,\n  }: Pick<Payroll, 'payrollUuid' | 'payPeriod'>) => {\n    onEvent(componentEvents.REVIEW_PAYROLL, { payrollUuid, payPeriod })\n  }\n  const onSkipPayroll = async ({ payrollUuid }: Pick<Payroll, 'payrollUuid'>) => {\n    const payroll = payrollList.find(payroll => payroll.payrollUuid === payrollUuid)\n\n    if (payroll?.payPeriod) {\n      setSkippingPayrollId(payrollUuid!)\n      const payrollType =\n        payroll.offCycleReason === 'Transition from old pay schedule'\n          ? PayrollType.TransitionFromOldPaySchedule\n          : PayrollType.Regular\n\n      await baseSubmitHandler({}, async () => {\n        await skipPayroll({\n          request: {\n            companyUuid: companyId,\n            requestBody: {\n              payrollType,\n              startDate: payroll.payPeriod?.startDate ?? undefined,\n              endDate: payroll.payPeriod?.endDate ?? undefined,\n              payScheduleUuid: payroll.payPeriod?.payScheduleUuid ?? undefined,\n            },\n          },\n        })\n\n        setShowSkipSuccessAlert(true)\n        onEvent(componentEvents.PAYROLL_SKIPPED, { payrollId: payrollUuid })\n      })\n      setSkippingPayrollId(null)\n    }\n  }\n\n  const onDeletePayroll = async ({ payrollUuid }: Pick<Payroll, 'payrollUuid'>) => {\n    if (payrollUuid) {\n      setDeletingPayrollId(payrollUuid)\n      await baseSubmitHandler({}, async () => {\n        await deletePayrollMutation({\n          request: { companyId, payrollId: payrollUuid },\n        })\n        await invalidateAllPayrollsList(queryClient)\n        setShowDeleteSuccessAlert(true)\n        onEvent(componentEvents.PAYROLL_DELETED, { payrollId: payrollUuid })\n      })\n      setDeletingPayrollId(null)\n    }\n  }\n\n  if (!payrollsData) {\n    return <BaseLayout isLoading LoaderComponent={LoaderComponent} />\n  }\n\n  const paginationProps = getPaginationProps(payrollsData.httpMeta.response.headers, isFetching)\n\n  return (\n    <PayrollListPresentation\n      className={className}\n      payrolls={payrollList}\n      pagination={paginationProps}\n      paySchedules={paySchedulesList}\n      onRunPayroll={onRunPayroll}\n      onSubmitPayroll={onSubmitPayroll}\n      onSkipPayroll={onSkipPayroll}\n      onDeletePayroll={onDeletePayroll}\n      onRunOffCyclePayroll={onRunOffCyclePayroll}\n      showSkipSuccessAlert={showSkipSuccessAlert}\n      onDismissSkipSuccessAlert={() => {\n        setShowSkipSuccessAlert(false)\n      }}\n      showDeleteSuccessAlert={showDeleteSuccessAlert}\n      onDismissDeleteSuccessAlert={() => {\n        setShowDeleteSuccessAlert(false)\n      }}\n      skippingPayrollId={skippingPayrollId}\n      deletingPayrollId={deletingPayrollId}\n      blockers={blockers}\n      wireInRequests={wireInRequests}\n      dateRangeFilter={dateRangeFilter}\n      hasUnprocessedTransitions={hasUnprocessedTransitions}\n      withOffcyclePayroll={withOffcyclePayroll}\n    />\n  )\n}\n"],"names":["PayrollList","props","jsx","BaseComponent","Root","FUTURE_LOOKAHEAD_MONTHS","getDefaultStartDate","getDefaultEndDate","date","companyId","onEvent","withOffcyclePayroll","LoaderComponent","className","baseSubmitHandler","useBase","queryClient","useQueryClient","showSkipSuccessAlert","setShowSkipSuccessAlert","useState","skippingPayrollId","setSkippingPayrollId","currentPage","itemsPerPage","getPaginationProps","resetPage","usePagination","showDeleteSuccessAlert","setShowDeleteSuccessAlert","deletingPayrollId","setDeletingPayrollId","dateRangeFilter","useDateRangeFilter","useCallback","dateFilterParams","payrollsData","isFetching","usePayrollsList","ProcessingStatuses","QueryParamPayrollTypes","keepPreviousData","payrollList","paySchedulesData","usePaySchedulesGetAllSuspense","paySchedulesList","blockersData","usePayrollsGetBlockersSuspense","blockers","blocker","wireInRequestsData","useWireInRequestsListSuspense","wireInRequests","hasUnprocessedTransitions","useUnprocessedTransitionPayPeriods","skipPayroll","usePayrollsSkipMutation","deletePayrollMutation","usePayrollsDeleteMutation","onRunPayroll","payrollUuid","payPeriod","componentEvents","onRunOffCyclePayroll","onSubmitPayroll","onSkipPayroll","payroll","payrollType","PayrollType","onDeletePayroll","invalidateAllPayrollsList","BaseLayout","paginationProps","PayrollListPresentation"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 import { jsx as a, jsxs as b } from "react/jsx-runtime";
-import { OffCycleReasonType as m } from "@gusto/embedded-api/models/components/payrollshow";
+import { OffCycleReasonType as m } from "@gusto/embedded-api/models/components/unprocessedpayroll";
 import { useRef as pe, useMemo as q, useState as z } from "react";
 import { useTranslation as De } from "react-i18next";
 import Pe from "classnames";
@@ -51,10 +51,10 @@ const Qe = ({
 }) => {
   const { Box: re, BoxHeader: oe, Button: A, ButtonIcon: N, Dialog: E, Heading: ie, Text: ne, Alert: F } = ge();
   Se("Payroll.PayrollList");
-  const { t } = De("Payroll.PayrollList"), d = Le(), B = pe(null), H = Ae({ ref: B }).includes("large"), p = q(() => {
+  const { t } = De("Payroll.PayrollList"), d = Le(), T = pe(null), B = Ae({ ref: T }).includes("large"), p = q(() => {
     const e = ke(/* @__PURE__ */ new Date());
     return e ? new Date(e) : null;
-  }, []), T = q(
+  }, []), H = q(
     () => c.some((e) => ve(e, L, p)),
     [c, L, p]
   ), [D, M] = z({
@@ -131,7 +131,7 @@ const Qe = ({
       }
     );
   };
-  return /* @__PURE__ */ a("div", { ref: B, className: Pe(n.container, o), children: /* @__PURE__ */ b(O, { flexDirection: "column", gap: 16, alignItems: "stretch", children: [
+  return /* @__PURE__ */ a("div", { ref: T, className: Pe(n.container, o), children: /* @__PURE__ */ b(O, { flexDirection: "column", gap: 16, alignItems: "stretch", children: [
     Q && /* @__PURE__ */ a("div", { className: n.alertContainer, children: /* @__PURE__ */ a(
       F,
       {
@@ -164,7 +164,7 @@ const Qe = ({
           cancelLabel: t("dateFilter.cancel"),
           resetLabel: t("dateFilter.reset"),
           selectDatesLabel: t("dateFilter.selectDates"),
-          triggerLabel: t("dateFilter.trigger"),
+          getTriggerLabel: (e) => t("dateFilter.triggerLabel", { selection: e }),
           maxEndDate: s.getMaxEndDate(),
           minStartDate: s.getMinStartDate()
         }
@@ -221,7 +221,7 @@ const Qe = ({
               return /* @__PURE__ */ a(Oe, { payroll: e, wireInRequest: l });
             }
           },
-          ...H ? [] : [
+          ...B ? [] : [
             {
               title: "",
               render: (e) => {
@@ -233,9 +233,9 @@ const Qe = ({
         ],
         label: t("payrollsListLabel"),
         itemMenu: (e) => {
-          const { payrollUuid: l, processed: i, payPeriod: r } = e, C = v === l, h = ee === l, j = H ? Y(e) : null;
+          const { payrollUuid: l, processed: i, payPeriod: r } = e, C = v === l, h = ee === l, j = B ? Y(e) : null;
           if (i)
-            return /* @__PURE__ */ a("div", { className: n.actionsContainer, children: T && /* @__PURE__ */ a(
+            return /* @__PURE__ */ a("div", { className: n.actionsContainer, children: H && /* @__PURE__ */ a(
               N,
               {
                 "aria-label": "",
@@ -272,7 +272,7 @@ const Qe = ({
                 menuLabel: t("payrollMenuLabel"),
                 items: V
               }
-            ) : T && /* @__PURE__ */ a(
+            ) : H && /* @__PURE__ */ a(
               N,
               {
                 "aria-label": "",

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/payrollshow'\nimport { OffCycleReasonType } from '@gusto/embedded-api/models/components/payrollshow'\nimport type { PayScheduleShow } from '@gusto/embedded-api/models/components/payscheduleshow'\nimport type { WireInRequest } from '@gusto/embedded-api/models/components/wireinrequest'\nimport { useState, useRef, useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport type { ApiPayrollBlocker } from '../PayrollBlocker/payrollHelpers'\nimport { PayrollStatusBadges } from '../PayrollStatusBadges'\nimport { getPayrollTypeLabel } from '../helpers'\nimport styles from './PayrollListPresentation.module.scss'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\nimport {\n  DataView,\n  Flex,\n  HamburgerMenu,\n  DateRangeFilter,\n  EmptyData,\n  VisuallyHidden,\n} from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport type { UseDateRangeFilterResult } from '@/hooks/useDateRangeFilter/useDateRangeFilter'\nimport { useI18n } from '@/i18n'\nimport { formatDateToStringDate } from '@/helpers/dateFormatting'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport useContainerBreakpoints from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\n\nconst CANCELLABLE_OFF_CYCLE_REASONS = new Set<string>([\n  OffCycleReasonType.Bonus,\n  OffCycleReasonType.Correction,\n  OffCycleReasonType.DismissedEmployee,\n])\n\nfunction hasKebabActions(\n  payroll: Payroll,\n  blockers: ApiPayrollBlocker[],\n  todayAtMidnight: Date | null,\n): boolean {\n  if (payroll.processed) return false\n\n  const payPeriodStartDate = payroll.payPeriod?.startDate\n    ? new Date(payroll.payPeriod.startDate)\n    : null\n\n  const isSkippablePayroll =\n    !payroll.offCycle || payroll.offCycleReason === OffCycleReasonType.TransitionFromOldPaySchedule\n\n  const canSkipPayroll =\n    blockers.length === 0 &&\n    isSkippablePayroll &&\n    todayAtMidnight &&\n    payPeriodStartDate &&\n    todayAtMidnight >= payPeriodStartDate\n\n  const canDeletePayroll =\n    payroll.offCycle &&\n    !!payroll.offCycleReason &&\n    CANCELLABLE_OFF_CYCLE_REASONS.has(payroll.offCycleReason)\n\n  return !!(canSkipPayroll || canDeletePayroll)\n}\n\ninterface PayrollListPresentationProps {\n  /** CSS class name applied to the root element. */\n  className?: string\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  onDeletePayroll: ({ payrollUuid }: Pick<Payroll, 'payrollUuid'>) => void\n  onRunOffCyclePayroll: () => void\n  payrolls: Payroll[]\n  pagination?: PaginationControlProps\n  paySchedules: PayScheduleShow[]\n  showSkipSuccessAlert: boolean\n  onDismissSkipSuccessAlert: () => void\n  showDeleteSuccessAlert: boolean\n  onDismissDeleteSuccessAlert: () => void\n  skippingPayrollId: string | null\n  deletingPayrollId: string | null\n  blockers: ApiPayrollBlocker[]\n  wireInRequests: WireInRequest[]\n  dateRangeFilter: UseDateRangeFilterResult\n  hasUnprocessedTransitions?: boolean\n  withOffcyclePayroll?: boolean\n}\n\n/** @internal */\nexport const PayrollListPresentation = ({\n  className,\n  onRunPayroll,\n  onSubmitPayroll,\n  onSkipPayroll,\n  onDeletePayroll,\n  onRunOffCyclePayroll,\n  payrolls,\n  pagination,\n  paySchedules,\n  showSkipSuccessAlert,\n  onDismissSkipSuccessAlert,\n  showDeleteSuccessAlert,\n  onDismissDeleteSuccessAlert,\n  skippingPayrollId,\n  deletingPayrollId,\n  blockers,\n  wireInRequests,\n  dateRangeFilter,\n  hasUnprocessedTransitions = false,\n  withOffcyclePayroll = true,\n}: PayrollListPresentationProps) => {\n  const { Box, BoxHeader, Button, ButtonIcon, 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('large')\n\n  const todayAtMidnight = useMemo(() => {\n    const todayDateString = formatDateToStringDate(new Date())\n    return todayDateString ? new Date(todayDateString) : null\n  }, [])\n\n  const anyPayrollHasKebabActions = useMemo(\n    () => payrolls.some(payroll => hasKebabActions(payroll, blockers, todayAtMidnight)),\n    [payrolls, blockers, todayAtMidnight],\n  )\n\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 [deletePayrollDialogState, setDeletePayrollDialogState] = 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 handleOpenDeleteDialog = (payrollId: string, payPeriod: string) => {\n    setDeletePayrollDialogState({\n      isOpen: true,\n      payrollId,\n      payPeriod,\n    })\n  }\n\n  const handleCloseDeleteDialog = () => {\n    setDeletePayrollDialogState({\n      isOpen: false,\n      payrollId: null,\n      payPeriod: null,\n    })\n  }\n\n  const handleConfirmDeletePayroll = () => {\n    if (deletePayrollDialogState.payrollId) {\n      onDeletePayroll({ payrollUuid: deletePayrollDialogState.payrollId })\n      handleCloseDeleteDialog()\n    }\n  }\n\n  const formatPayPeriod = (\n    startDate: string | null | undefined,\n    endDate: string | null | undefined,\n  ) => {\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  const renderActionButton = (payroll: Payroll) => {\n    const { payrollUuid, calculatedAt, processed, payPeriod } = payroll\n\n    if (processed) {\n      return null\n    }\n\n    const isProcessingSkipPayroll = skippingPayrollId === payrollUuid\n    const isRegular = !payroll.offCycle\n    const isDisabledByTransition = isRegular && hasUnprocessedTransitions\n\n    return calculatedAt ? (\n      <Button\n        isLoading={isProcessingSkipPayroll}\n        isDisabled={isDisabledByTransition}\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        isDisabled={isDisabledByTransition}\n        onClick={() => {\n          onRunPayroll({ payrollUuid, payPeriod })\n        }}\n        title={t('runPayrollTitle')}\n        variant=\"secondary\"\n      >\n        {t('runPayrollTitle')}\n      </Button>\n    )\n  }\n\n  return (\n    <div ref={containerRef} className={classNames(styles.container, className)}>\n      <Flex flexDirection=\"column\" gap={16} alignItems=\"stretch\">\n        {showSkipSuccessAlert && (\n          <div className={styles.alertContainer}>\n            <Alert\n              status=\"info\"\n              label={t('skipSuccessAlert')}\n              onDismiss={onDismissSkipSuccessAlert}\n            />\n          </div>\n        )}\n        {showDeleteSuccessAlert && (\n          <div className={styles.alertContainer}>\n            <Alert\n              status=\"info\"\n              label={t('deleteSuccessAlert')}\n              onDismiss={onDismissDeleteSuccessAlert}\n            />\n          </div>\n        )}\n        <Flex justifyContent=\"space-between\" alignItems=\"center\">\n          <Heading as=\"h2\">{t('title')}</Heading>\n          <DateRangeFilter\n            startDate={dateRangeFilter.startDate}\n            endDate={dateRangeFilter.endDate}\n            onStartDateChange={dateRangeFilter.handleStartDateChange}\n            onEndDateChange={dateRangeFilter.handleEndDateChange}\n            onClear={dateRangeFilter.handleClearFilter}\n            startDateLabel={t('dateFilter.startDate')}\n            endDateLabel={t('dateFilter.endDate')}\n            applyLabel={t('dateFilter.apply')}\n            cancelLabel={t('dateFilter.cancel')}\n            resetLabel={t('dateFilter.reset')}\n            selectDatesLabel={t('dateFilter.selectDates')}\n            triggerLabel={t('dateFilter.trigger')}\n            maxEndDate={dateRangeFilter.getMaxEndDate()}\n            minStartDate={dateRangeFilter.getMinStartDate()}\n          />\n        </Flex>\n\n        <DataView\n          breakAt=\"large\"\n          pagination={pagination}\n          isFetching={pagination?.isFetching}\n          emptyState={() =>\n            dateRangeFilter.isModified ? (\n              <EmptyData\n                title={t('emptyState.filtered.title')}\n                description={t('emptyState.filtered.description')}\n              />\n            ) : (\n              <EmptyData title={t('emptyState.default.title')} />\n            )\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                  <div className={styles.payPeriodCell}>\n                    {startDate} - {endDate}\n                    <Text variant=\"supporting\" size=\"sm\">\n                      {paySchedules.find(schedule => schedule.uuid === payPeriod?.payScheduleUuid)\n                        ?.name ||\n                        paySchedules.find(schedule => schedule.uuid === payPeriod?.payScheduleUuid)\n                          ?.customName}\n                    </Text>\n                  </div>\n                )\n              },\n              title: t('tableHeaders.0'),\n            },\n            {\n              render: payroll => getPayrollTypeLabel(payroll),\n              title: t('tableHeaders.1'),\n            },\n            {\n              render: ({ checkDate }) => dateFormatter.formatShortWithWeekdayAndYear(checkDate),\n              title: t('tableHeaders.2'),\n            },\n            {\n              title: t('tableHeaders.3'),\n              render: ({ payrollDeadline }) =>\n                dateFormatter.formatShortWithWeekdayAndYear(payrollDeadline),\n            },\n            {\n              title: <VisuallyHidden>{t('tableHeaders.4')}</VisuallyHidden>,\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            ...(!isDesktop\n              ? [\n                  {\n                    title: '',\n                    render: (payroll: Payroll) => {\n                      const button = renderActionButton(payroll)\n                      if (!button) return null\n                      return (\n                        <Flex flexDirection=\"column\" alignItems=\"stretch\" gap={12}>\n                          {button}\n                        </Flex>\n                      )\n                    },\n                  },\n                ]\n              : []),\n          ]}\n          label={t('payrollsListLabel')}\n          itemMenu={payroll => {\n            const { payrollUuid, processed, payPeriod } = payroll\n\n            const isProcessingSkipPayroll = skippingPayrollId === payrollUuid\n            const isProcessingDeletePayroll = deletingPayrollId === payrollUuid\n\n            const button = isDesktop ? renderActionButton(payroll) : null\n\n            if (processed) {\n              return (\n                <div className={styles.actionsContainer}>\n                  {anyPayrollHasKebabActions && (\n                    <ButtonIcon\n                      aria-label=\"\"\n                      aria-hidden={true}\n                      tabIndex={-1}\n                      isDisabled={true}\n                      className={styles.menuPlaceholder}\n                    />\n                  )}\n                </div>\n              )\n            }\n\n            const { fullPeriod: payPeriodString } = formatPayPeriod(\n              payPeriod?.startDate,\n              payPeriod?.endDate,\n            )\n\n            const payPeriodStartDate = payPeriod?.startDate ? new Date(payPeriod.startDate) : null\n\n            const isSkippablePayroll =\n              !payroll.offCycle ||\n              payroll.offCycleReason === OffCycleReasonType.TransitionFromOldPaySchedule\n\n            const canSkipPayroll =\n              blockers.length === 0 &&\n              isSkippablePayroll &&\n              todayAtMidnight &&\n              payPeriodStartDate &&\n              todayAtMidnight >= payPeriodStartDate\n\n            const canDeletePayroll =\n              payroll.offCycle &&\n              !!payroll.offCycleReason &&\n              CANCELLABLE_OFF_CYCLE_REASONS.has(payroll.offCycleReason)\n\n            const menuItems = canSkipPayroll\n              ? [\n                  {\n                    label: t('skipPayrollCta'),\n                    onClick: () => {\n                      handleOpenSkipDialog(payrollUuid!, payPeriodString)\n                    },\n                  },\n                ]\n              : canDeletePayroll\n                ? [\n                    {\n                      label: t('deletePayrollCta'),\n                      onClick: () => {\n                        handleOpenDeleteDialog(payrollUuid!, payPeriodString)\n                      },\n                    },\n                  ]\n                : null\n\n            const hasMenuActions = menuItems !== null\n\n            return (\n              <div className={styles.actionsContainer}>\n                {button}\n                {hasMenuActions ? (\n                  <HamburgerMenu\n                    isLoading={canSkipPayroll ? isProcessingSkipPayroll : isProcessingDeletePayroll}\n                    menuLabel={t('payrollMenuLabel')}\n                    items={menuItems}\n                  />\n                ) : (\n                  anyPayrollHasKebabActions && (\n                    <ButtonIcon\n                      aria-label=\"\"\n                      aria-hidden={true}\n                      tabIndex={-1}\n                      isDisabled={true}\n                      className={styles.menuPlaceholder}\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.confirmCta')}\n          closeActionLabel={t('skipPayrollDialog.cancelCta')}\n        >\n          {t('skipPayrollDialog.body')}\n        </Dialog>\n        <Dialog\n          isOpen={deletePayrollDialogState.isOpen}\n          onClose={handleCloseDeleteDialog}\n          onPrimaryActionClick={handleConfirmDeletePayroll}\n          isDestructive={true}\n          title={t('deletePayrollDialog.title', {\n            payPeriod: deletePayrollDialogState.payPeriod,\n          })}\n          primaryActionLabel={t('deletePayrollDialog.confirmCta')}\n          closeActionLabel={t('deletePayrollDialog.cancelCta')}\n        >\n          {t('deletePayrollDialog.body')}\n        </Dialog>\n        {withOffcyclePayroll && (\n          <div className={styles.offCycleCta}>\n            <Box\n              header={\n                <BoxHeader\n                  title={t('offCycleCta.title')}\n                  description={t('offCycleCta.description')}\n                />\n              }\n              footer={\n                <Button variant=\"secondary\" onClick={onRunOffCyclePayroll}>\n                  {t('offCycleCta.button')}\n                </Button>\n              }\n            />\n          </div>\n        )}\n      </Flex>\n    </div>\n  )\n}\n"],"names":["CANCELLABLE_OFF_CYCLE_REASONS","OffCycleReasonType","hasKebabActions","payroll","blockers","todayAtMidnight","payPeriodStartDate","isSkippablePayroll","canSkipPayroll","canDeletePayroll","PayrollListPresentation","className","onRunPayroll","onSubmitPayroll","onSkipPayroll","onDeletePayroll","onRunOffCyclePayroll","payrolls","pagination","paySchedules","showSkipSuccessAlert","onDismissSkipSuccessAlert","showDeleteSuccessAlert","onDismissDeleteSuccessAlert","skippingPayrollId","deletingPayrollId","wireInRequests","dateRangeFilter","hasUnprocessedTransitions","withOffcyclePayroll","Box","BoxHeader","Button","ButtonIcon","Dialog","Heading","Text","Alert","useComponentContext","useI18n","useTranslation","dateFormatter","useDateFormatter","containerRef","useRef","isDesktop","useContainerBreakpoints","useMemo","todayDateString","formatDateToStringDate","anyPayrollHasKebabActions","skipPayrollDialogState","setSkipPayrollDialogState","useState","handleOpenSkipDialog","payrollId","payPeriod","handleCloseSkipDialog","handleConfirmSkipPayroll","deletePayrollDialogState","setDeletePayrollDialogState","handleOpenDeleteDialog","handleCloseDeleteDialog","handleConfirmDeletePayroll","formatPayPeriod","startDate","endDate","formattedStartDate","formattedEndDate","renderActionButton","payrollUuid","calculatedAt","processed","isProcessingSkipPayroll","isDisabledByTransition","jsx","classNames","styles","Flex","jsxs","DateRangeFilter","DataView","EmptyData","schedule","getPayrollTypeLabel","checkDate","payrollDeadline","VisuallyHidden","wireInRequest","wire","PayrollStatusBadges","button","isProcessingDeletePayroll","payPeriodString","menuItems","hasMenuActions","HamburgerMenu"],"mappings":";;;;;;;;;;;;;;;;;;;AA2BA,MAAMA,wBAAoC,IAAY;AAAA,EACpDC,EAAmB;AAAA,EACnBA,EAAmB;AAAA,EACnBA,EAAmB;AACrB,CAAC;AAED,SAASC,GACPC,GACAC,GACAC,GACS;AACT,MAAIF,EAAQ,UAAW,QAAO;AAE9B,QAAMG,IAAqBH,EAAQ,WAAW,YAC1C,IAAI,KAAKA,EAAQ,UAAU,SAAS,IACpC,MAEEI,IACJ,CAACJ,EAAQ,YAAYA,EAAQ,mBAAmBF,EAAmB,8BAE/DO,IACJJ,EAAS,WAAW,KACpBG,KACAF,KACAC,KACAD,KAAmBC,GAEfG,IACJN,EAAQ,YACR,CAAC,CAACA,EAAQ,kBACVH,EAA8B,IAAIG,EAAQ,cAAc;AAE1D,SAAO,CAAC,EAAEK,KAAkBC;AAC9B;AA2BO,MAAMC,KAA0B,CAAC;AAAA,EACtC,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,2BAAAC;AAAA,EACA,wBAAAC;AAAA,EACA,6BAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,UAAArB;AAAA,EACA,gBAAAsB;AAAA,EACA,iBAAAC;AAAA,EACA,2BAAAC,KAA4B;AAAA,EAC5B,qBAAAC,KAAsB;AACxB,MAAoC;AAClC,QAAM,EAAE,KAAAC,IAAK,WAAAC,IAAW,QAAAC,GAAQ,YAAAC,GAAY,QAAAC,GAAQ,SAAAC,IAAS,MAAAC,IAAM,OAAAC,EAAA,IAAUC,GAAA;AAC7E,EAAAC,GAAQ,qBAAqB;AAC7B,QAAM,EAAE,EAAA,IAAMC,GAAe,qBAAqB,GAC5CC,IAAgBC,GAAA,GAChBC,IAAeC,GAAuB,IAAI,GAE1CC,IADcC,GAAwB,EAAE,KAAKH,GAAc,EACnC,SAAS,OAAO,GAExCtC,IAAkB0C,EAAQ,MAAM;AACpC,UAAMC,IAAkBC,GAAuB,oBAAI,MAAM;AACzD,WAAOD,IAAkB,IAAI,KAAKA,CAAe,IAAI;AAAA,EACvD,GAAG,CAAA,CAAE,GAECE,IAA4BH;AAAA,IAChC,MAAM9B,EAAS,KAAK,CAAAd,MAAWD,GAAgBC,GAASC,GAAUC,CAAe,CAAC;AAAA,IAClF,CAACY,GAAUb,GAAUC,CAAe;AAAA,EAAA,GAGhC,CAAC8C,GAAwBC,CAAyB,IAAIC,EAIzD;AAAA,IACD,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,WAAW;AAAA,EAAA,CACZ,GAEKC,KAAuB,CAACC,GAAmBC,MAAsB;AACrE,IAAAJ,EAA0B;AAAA,MACxB,QAAQ;AAAA,MACR,WAAAG;AAAA,MACA,WAAAC;AAAA,IAAA,CACD;AAAA,EACH,GAEMC,IAAwB,MAAM;AAClC,IAAAL,EAA0B;AAAA,MACxB,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,WAAW;AAAA,IAAA,CACZ;AAAA,EACH,GAEMM,KAA2B,MAAM;AACrC,IAAIP,EAAuB,cACzBrC,EAAc,EAAE,aAAaqC,EAAuB,UAAA,CAAW,GAC/DM,EAAA;AAAA,EAEJ,GAEM,CAACE,GAA0BC,CAA2B,IAAIP,EAI7D;AAAA,IACD,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,WAAW;AAAA,EAAA,CACZ,GAEKQ,KAAyB,CAACN,GAAmBC,MAAsB;AACvE,IAAAI,EAA4B;AAAA,MAC1B,QAAQ;AAAA,MACR,WAAAL;AAAA,MACA,WAAAC;AAAA,IAAA,CACD;AAAA,EACH,GAEMM,IAA0B,MAAM;AACpC,IAAAF,EAA4B;AAAA,MAC1B,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,WAAW;AAAA,IAAA,CACZ;AAAA,EACH,GAEMG,KAA6B,MAAM;AACvC,IAAIJ,EAAyB,cAC3B5C,EAAgB,EAAE,aAAa4C,EAAyB,UAAA,CAAW,GACnEG,EAAA;AAAA,EAEJ,GAEME,IAAkB,CACtBC,GACAC,MACG;AACH,UAAMC,IAAqB1B,EAAc,YAAYwB,CAAS,GACxDG,IAAmB3B,EAAc,oBAAoByB,CAAO;AAElE,WAAO;AAAA,MACL,WAAWC;AAAA,MACX,SAASC;AAAA,MACT,YAAY3B,EAAc,qBAAqBwB,GAAWC,GAAS,EAAE,eAAe,IAAM;AAAA,IAAA;AAAA,EAE9F,GAEMG,IAAqB,CAAClE,MAAqB;AAC/C,UAAM,EAAE,aAAAmE,GAAa,cAAAC,GAAc,WAAAC,GAAW,WAAAhB,MAAcrD;AAE5D,QAAIqE;AACF,aAAO;AAGT,UAAMC,IAA0BjD,MAAsB8C,GAEhDI,IADY,CAACvE,EAAQ,YACiByB;AAE5C,WAAO2C,IACL,gBAAAI;AAAA,MAAC3C;AAAA,MAAA;AAAA,QACC,WAAWyC;AAAA,QACX,YAAYC;AAAA,QACZ,SAAS,MAAM;AACb,UAAA7D,EAAgB,EAAE,aAAAyD,GAAa,WAAAd,GAAW;AAAA,QAC5C;AAAA,QACA,OAAO,EAAE,kBAAkB;AAAA,QAC3B,SAAQ;AAAA,QAEP,YAAE,kBAAkB;AAAA,MAAA;AAAA,IAAA,IAGvB,gBAAAmB;AAAA,MAAC3C;AAAA,MAAA;AAAA,QACC,WAAWyC;AAAA,QACX,YAAYC;AAAA,QACZ,SAAS,MAAM;AACb,UAAA9D,EAAa,EAAE,aAAA0D,GAAa,WAAAd,GAAW;AAAA,QACzC;AAAA,QACA,OAAO,EAAE,iBAAiB;AAAA,QAC1B,SAAQ;AAAA,QAEP,YAAE,iBAAiB;AAAA,MAAA;AAAA,IAAA;AAAA,EAG1B;AAEA,2BACG,OAAA,EAAI,KAAKb,GAAc,WAAWiC,GAAWC,EAAO,WAAWlE,CAAS,GACvE,4BAACmE,GAAA,EAAK,eAAc,UAAS,KAAK,IAAI,YAAW,WAC9C,UAAA;AAAA,IAAA1D,KACC,gBAAAuD,EAAC,OAAA,EAAI,WAAWE,EAAO,gBACrB,UAAA,gBAAAF;AAAA,MAACtC;AAAA,MAAA;AAAA,QACC,QAAO;AAAA,QACP,OAAO,EAAE,kBAAkB;AAAA,QAC3B,WAAWhB;AAAA,MAAA;AAAA,IAAA,GAEf;AAAA,IAEDC,KACC,gBAAAqD,EAAC,OAAA,EAAI,WAAWE,EAAO,gBACrB,UAAA,gBAAAF;AAAA,MAACtC;AAAA,MAAA;AAAA,QACC,QAAO;AAAA,QACP,OAAO,EAAE,oBAAoB;AAAA,QAC7B,WAAWd;AAAA,MAAA;AAAA,IAAA,GAEf;AAAA,IAEF,gBAAAwD,EAACD,GAAA,EAAK,gBAAe,iBAAgB,YAAW,UAC9C,UAAA;AAAA,MAAA,gBAAAH,EAACxC,IAAA,EAAQ,IAAG,MAAM,UAAA,EAAE,OAAO,GAAE;AAAA,MAC7B,gBAAAwC;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,WAAWrD,EAAgB;AAAA,UAC3B,SAASA,EAAgB;AAAA,UACzB,mBAAmBA,EAAgB;AAAA,UACnC,iBAAiBA,EAAgB;AAAA,UACjC,SAASA,EAAgB;AAAA,UACzB,gBAAgB,EAAE,sBAAsB;AAAA,UACxC,cAAc,EAAE,oBAAoB;AAAA,UACpC,YAAY,EAAE,kBAAkB;AAAA,UAChC,aAAa,EAAE,mBAAmB;AAAA,UAClC,YAAY,EAAE,kBAAkB;AAAA,UAChC,kBAAkB,EAAE,wBAAwB;AAAA,UAC5C,cAAc,EAAE,oBAAoB;AAAA,UACpC,YAAYA,EAAgB,cAAA;AAAA,UAC5B,cAAcA,EAAgB,gBAAA;AAAA,QAAgB;AAAA,MAAA;AAAA,IAChD,GACF;AAAA,IAEA,gBAAAgD;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,YAAA/D;AAAA,QACA,YAAYA,GAAY;AAAA,QACxB,YAAY,MACVS,EAAgB,aACd,gBAAAgD;AAAA,UAACO;AAAA,UAAA;AAAA,YACC,OAAO,EAAE,2BAA2B;AAAA,YACpC,aAAa,EAAE,iCAAiC;AAAA,UAAA;AAAA,QAAA,IAGlD,gBAAAP,EAACO,GAAA,EAAU,OAAO,EAAE,0BAA0B,GAAG;AAAA,QAGrD,MAAMjE;AAAA,QACN,SAAS;AAAA,UACP;AAAA,YACE,QAAQ,CAAC,EAAE,WAAAuC,QAAgB;AACzB,oBAAM,EAAE,WAAAS,GAAW,SAAAC,EAAA,IAAYF;AAAA,gBAC7BR,GAAW;AAAA,gBACXA,GAAW;AAAA,cAAA;AAGb,qBACE,gBAAAuB,EAAC,OAAA,EAAI,WAAWF,EAAO,eACpB,UAAA;AAAA,gBAAAZ;AAAA,gBAAU;AAAA,gBAAIC;AAAA,gBACf,gBAAAS,EAACvC,MAAK,SAAQ,cAAa,MAAK,MAC7B,UAAAjB,EAAa,KAAK,CAAAgE,MAAYA,EAAS,SAAS3B,GAAW,eAAe,GACvE,QACFrC,EAAa,KAAK,CAAAgE,MAAYA,EAAS,SAAS3B,GAAW,eAAe,GACtE,WAAA,CACR;AAAA,cAAA,GACF;AAAA,YAEJ;AAAA,YACA,OAAO,EAAE,gBAAgB;AAAA,UAAA;AAAA,UAE3B;AAAA,YACE,QAAQ,CAAArD,MAAWiF,GAAoBjF,CAAO;AAAA,YAC9C,OAAO,EAAE,gBAAgB;AAAA,UAAA;AAAA,UAE3B;AAAA,YACE,QAAQ,CAAC,EAAE,WAAAkF,QAAgB5C,EAAc,8BAA8B4C,CAAS;AAAA,YAChF,OAAO,EAAE,gBAAgB;AAAA,UAAA;AAAA,UAE3B;AAAA,YACE,OAAO,EAAE,gBAAgB;AAAA,YACzB,QAAQ,CAAC,EAAE,iBAAAC,QACT7C,EAAc,8BAA8B6C,CAAe;AAAA,UAAA;AAAA,UAE/D;AAAA,YACE,OAAO,gBAAAX,EAACY,IAAA,EAAgB,UAAA,EAAE,gBAAgB,GAAE;AAAA,YAC5C,QAAQ,CAAApF,MAAW;AACjB,oBAAMqF,IAAgB9D,GAAe;AAAA,gBACnC,CAAA+D,MAAQA,EAAK,gBAAgBtF,EAAQ;AAAA,cAAA;AAEvC,qBAAO,gBAAAwE,EAACe,IAAA,EAAoB,SAAAvF,GAAkB,eAAAqF,EAAA,CAA8B;AAAA,YAC9E;AAAA,UAAA;AAAA,UAEF,GAAK3C,IAeD,CAAA,IAdA;AAAA,YACE;AAAA,cACE,OAAO;AAAA,cACP,QAAQ,CAAC1C,MAAqB;AAC5B,sBAAMwF,IAAStB,EAAmBlE,CAAO;AACzC,uBAAKwF,IAEH,gBAAAhB,EAACG,KAAK,eAAc,UAAS,YAAW,WAAU,KAAK,IACpD,UAAAa,EAAA,CACH,IAJkB;AAAA,cAMtB;AAAA,YAAA;AAAA,UACF;AAAA,QAED;AAAA,QAEP,OAAO,EAAE,mBAAmB;AAAA,QAC5B,UAAU,CAAAxF,MAAW;AACnB,gBAAM,EAAE,aAAAmE,GAAa,WAAAE,GAAW,WAAAhB,EAAA,IAAcrD,GAExCsE,IAA0BjD,MAAsB8C,GAChDsB,IAA4BnE,OAAsB6C,GAElDqB,IAAS9C,IAAYwB,EAAmBlE,CAAO,IAAI;AAEzD,cAAIqE;AACF,mBACE,gBAAAG,EAAC,OAAA,EAAI,WAAWE,EAAO,kBACpB,UAAA3B,KACC,gBAAAyB;AAAA,cAAC1C;AAAA,cAAA;AAAA,gBACC,cAAW;AAAA,gBACX,eAAa;AAAA,gBACb,UAAU;AAAA,gBACV,YAAY;AAAA,gBACZ,WAAW4C,EAAO;AAAA,cAAA;AAAA,YAAA,GAGxB;AAIJ,gBAAM,EAAE,YAAYgB,EAAA,IAAoB7B;AAAA,YACtCR,GAAW;AAAA,YACXA,GAAW;AAAA,UAAA,GAGPlD,IAAqBkD,GAAW,YAAY,IAAI,KAAKA,EAAU,SAAS,IAAI,MAE5EjD,KACJ,CAACJ,EAAQ,YACTA,EAAQ,mBAAmBF,EAAmB,8BAE1CO,IACJJ,EAAS,WAAW,KACpBG,MACAF,KACAC,KACAD,KAAmBC,GAEfG,KACJN,EAAQ,YACR,CAAC,CAACA,EAAQ,kBACVH,EAA8B,IAAIG,EAAQ,cAAc,GAEpD2F,IAAYtF,IACd;AAAA,YACE;AAAA,cACE,OAAO,EAAE,gBAAgB;AAAA,cACzB,SAAS,MAAM;AACb,gBAAA8C,GAAqBgB,GAAcuB,CAAe;AAAA,cACpD;AAAA,YAAA;AAAA,UACF,IAEFpF,KACE;AAAA,YACE;AAAA,cACE,OAAO,EAAE,kBAAkB;AAAA,cAC3B,SAAS,MAAM;AACb,gBAAAoD,GAAuBS,GAAcuB,CAAe;AAAA,cACtD;AAAA,YAAA;AAAA,UACF,IAEF,MAEAE,KAAiBD,MAAc;AAErC,iBACE,gBAAAf,EAAC,OAAA,EAAI,WAAWF,EAAO,kBACpB,UAAA;AAAA,YAAAc;AAAA,YACAI,KACC,gBAAApB;AAAA,cAACqB;AAAA,cAAA;AAAA,gBACC,WAAWxF,IAAiBiE,IAA0BmB;AAAA,gBACtD,WAAW,EAAE,kBAAkB;AAAA,gBAC/B,OAAOE;AAAA,cAAA;AAAA,YAAA,IAGT5C,KACE,gBAAAyB;AAAA,cAAC1C;AAAA,cAAA;AAAA,gBACC,cAAW;AAAA,gBACX,eAAa;AAAA,gBACb,UAAU;AAAA,gBACV,YAAY;AAAA,gBACZ,WAAW4C,EAAO;AAAA,cAAA;AAAA,YAAA;AAAA,UACpB,GAGN;AAAA,QAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,IAEF,gBAAAF;AAAA,MAACzC;AAAA,MAAA;AAAA,QACC,QAAQiB,EAAuB;AAAA,QAC/B,SAASM;AAAA,QACT,sBAAsBC;AAAA,QACtB,eAAe;AAAA,QACf,OAAO,EAAE,2BAA2B,EAAE,WAAWP,EAAuB,WAAW;AAAA,QACnF,oBAAoB,EAAE,8BAA8B;AAAA,QACpD,kBAAkB,EAAE,6BAA6B;AAAA,QAEhD,YAAE,wBAAwB;AAAA,MAAA;AAAA,IAAA;AAAA,IAE7B,gBAAAwB;AAAA,MAACzC;AAAA,MAAA;AAAA,QACC,QAAQyB,EAAyB;AAAA,QACjC,SAASG;AAAA,QACT,sBAAsBC;AAAA,QACtB,eAAe;AAAA,QACf,OAAO,EAAE,6BAA6B;AAAA,UACpC,WAAWJ,EAAyB;AAAA,QAAA,CACrC;AAAA,QACD,oBAAoB,EAAE,gCAAgC;AAAA,QACtD,kBAAkB,EAAE,+BAA+B;AAAA,QAElD,YAAE,0BAA0B;AAAA,MAAA;AAAA,IAAA;AAAA,IAE9B9B,MACC,gBAAA8C,EAAC,OAAA,EAAI,WAAWE,EAAO,aACrB,UAAA,gBAAAF;AAAA,MAAC7C;AAAA,MAAA;AAAA,QACC,QACE,gBAAA6C;AAAA,UAAC5C;AAAA,UAAA;AAAA,YACC,OAAO,EAAE,mBAAmB;AAAA,YAC5B,aAAa,EAAE,yBAAyB;AAAA,UAAA;AAAA,QAAA;AAAA,QAG5C,0BACGC,GAAA,EAAO,SAAQ,aAAY,SAAShB,GAClC,UAAA,EAAE,oBAAoB,EAAA,CACzB;AAAA,MAAA;AAAA,IAAA,EAEJ,CACF;AAAA,EAAA,EAAA,CAEJ,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"PayrollListPresentation.js","sources":["../../../../src/components/Payroll/PayrollList/PayrollListPresentation.tsx"],"sourcesContent":["import type { Payroll } from '@gusto/embedded-api/models/components/unprocessedpayroll'\nimport { OffCycleReasonType } from '@gusto/embedded-api/models/components/unprocessedpayroll'\nimport type { PayScheduleShow } from '@gusto/embedded-api/models/components/payschedulelistitem'\nimport type { WireInRequest } from '@gusto/embedded-api/models/components/wireinrequest'\nimport { useState, useRef, useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport type { ApiPayrollBlocker } from '../PayrollBlocker/payrollHelpers'\nimport { PayrollStatusBadges } from '../PayrollStatusBadges'\nimport { getPayrollTypeLabel } from '../helpers'\nimport styles from './PayrollListPresentation.module.scss'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\nimport {\n  DataView,\n  Flex,\n  HamburgerMenu,\n  DateRangeFilter,\n  EmptyData,\n  VisuallyHidden,\n} from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport type { UseDateRangeFilterResult } from '@/hooks/useDateRangeFilter/useDateRangeFilter'\nimport { useI18n } from '@/i18n'\nimport { formatDateToStringDate } from '@/helpers/dateFormatting'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport useContainerBreakpoints from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\n\nconst CANCELLABLE_OFF_CYCLE_REASONS = new Set<string>([\n  OffCycleReasonType.Bonus,\n  OffCycleReasonType.Correction,\n  OffCycleReasonType.DismissedEmployee,\n])\n\nfunction hasKebabActions(\n  payroll: Payroll,\n  blockers: ApiPayrollBlocker[],\n  todayAtMidnight: Date | null,\n): boolean {\n  if (payroll.processed) return false\n\n  const payPeriodStartDate = payroll.payPeriod?.startDate\n    ? new Date(payroll.payPeriod.startDate)\n    : null\n\n  const isSkippablePayroll =\n    !payroll.offCycle || payroll.offCycleReason === OffCycleReasonType.TransitionFromOldPaySchedule\n\n  const canSkipPayroll =\n    blockers.length === 0 &&\n    isSkippablePayroll &&\n    todayAtMidnight &&\n    payPeriodStartDate &&\n    todayAtMidnight >= payPeriodStartDate\n\n  const canDeletePayroll =\n    payroll.offCycle &&\n    !!payroll.offCycleReason &&\n    CANCELLABLE_OFF_CYCLE_REASONS.has(payroll.offCycleReason)\n\n  return !!(canSkipPayroll || canDeletePayroll)\n}\n\ninterface PayrollListPresentationProps {\n  /** CSS class name applied to the root element. */\n  className?: string\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  onDeletePayroll: ({ payrollUuid }: Pick<Payroll, 'payrollUuid'>) => void\n  onRunOffCyclePayroll: () => void\n  payrolls: Payroll[]\n  pagination?: PaginationControlProps\n  paySchedules: PayScheduleShow[]\n  showSkipSuccessAlert: boolean\n  onDismissSkipSuccessAlert: () => void\n  showDeleteSuccessAlert: boolean\n  onDismissDeleteSuccessAlert: () => void\n  skippingPayrollId: string | null\n  deletingPayrollId: string | null\n  blockers: ApiPayrollBlocker[]\n  wireInRequests: WireInRequest[]\n  dateRangeFilter: UseDateRangeFilterResult\n  hasUnprocessedTransitions?: boolean\n  withOffcyclePayroll?: boolean\n}\n\n/** @internal */\nexport const PayrollListPresentation = ({\n  className,\n  onRunPayroll,\n  onSubmitPayroll,\n  onSkipPayroll,\n  onDeletePayroll,\n  onRunOffCyclePayroll,\n  payrolls,\n  pagination,\n  paySchedules,\n  showSkipSuccessAlert,\n  onDismissSkipSuccessAlert,\n  showDeleteSuccessAlert,\n  onDismissDeleteSuccessAlert,\n  skippingPayrollId,\n  deletingPayrollId,\n  blockers,\n  wireInRequests,\n  dateRangeFilter,\n  hasUnprocessedTransitions = false,\n  withOffcyclePayroll = true,\n}: PayrollListPresentationProps) => {\n  const { Box, BoxHeader, Button, ButtonIcon, 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('large')\n\n  const todayAtMidnight = useMemo(() => {\n    const todayDateString = formatDateToStringDate(new Date())\n    return todayDateString ? new Date(todayDateString) : null\n  }, [])\n\n  const anyPayrollHasKebabActions = useMemo(\n    () => payrolls.some(payroll => hasKebabActions(payroll, blockers, todayAtMidnight)),\n    [payrolls, blockers, todayAtMidnight],\n  )\n\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 [deletePayrollDialogState, setDeletePayrollDialogState] = 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 handleOpenDeleteDialog = (payrollId: string, payPeriod: string) => {\n    setDeletePayrollDialogState({\n      isOpen: true,\n      payrollId,\n      payPeriod,\n    })\n  }\n\n  const handleCloseDeleteDialog = () => {\n    setDeletePayrollDialogState({\n      isOpen: false,\n      payrollId: null,\n      payPeriod: null,\n    })\n  }\n\n  const handleConfirmDeletePayroll = () => {\n    if (deletePayrollDialogState.payrollId) {\n      onDeletePayroll({ payrollUuid: deletePayrollDialogState.payrollId })\n      handleCloseDeleteDialog()\n    }\n  }\n\n  const formatPayPeriod = (\n    startDate: string | null | undefined,\n    endDate: string | null | undefined,\n  ) => {\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  const renderActionButton = (payroll: Payroll) => {\n    const { payrollUuid, calculatedAt, processed, payPeriod } = payroll\n\n    if (processed) {\n      return null\n    }\n\n    const isProcessingSkipPayroll = skippingPayrollId === payrollUuid\n    const isRegular = !payroll.offCycle\n    const isDisabledByTransition = isRegular && hasUnprocessedTransitions\n\n    return calculatedAt ? (\n      <Button\n        isLoading={isProcessingSkipPayroll}\n        isDisabled={isDisabledByTransition}\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        isDisabled={isDisabledByTransition}\n        onClick={() => {\n          onRunPayroll({ payrollUuid, payPeriod })\n        }}\n        title={t('runPayrollTitle')}\n        variant=\"secondary\"\n      >\n        {t('runPayrollTitle')}\n      </Button>\n    )\n  }\n\n  return (\n    <div ref={containerRef} className={classNames(styles.container, className)}>\n      <Flex flexDirection=\"column\" gap={16} alignItems=\"stretch\">\n        {showSkipSuccessAlert && (\n          <div className={styles.alertContainer}>\n            <Alert\n              status=\"info\"\n              label={t('skipSuccessAlert')}\n              onDismiss={onDismissSkipSuccessAlert}\n            />\n          </div>\n        )}\n        {showDeleteSuccessAlert && (\n          <div className={styles.alertContainer}>\n            <Alert\n              status=\"info\"\n              label={t('deleteSuccessAlert')}\n              onDismiss={onDismissDeleteSuccessAlert}\n            />\n          </div>\n        )}\n        <Flex justifyContent=\"space-between\" alignItems=\"center\">\n          <Heading as=\"h2\">{t('title')}</Heading>\n          <DateRangeFilter\n            startDate={dateRangeFilter.startDate}\n            endDate={dateRangeFilter.endDate}\n            onStartDateChange={dateRangeFilter.handleStartDateChange}\n            onEndDateChange={dateRangeFilter.handleEndDateChange}\n            onClear={dateRangeFilter.handleClearFilter}\n            startDateLabel={t('dateFilter.startDate')}\n            endDateLabel={t('dateFilter.endDate')}\n            applyLabel={t('dateFilter.apply')}\n            cancelLabel={t('dateFilter.cancel')}\n            resetLabel={t('dateFilter.reset')}\n            selectDatesLabel={t('dateFilter.selectDates')}\n            getTriggerLabel={selection => t('dateFilter.triggerLabel', { selection })}\n            maxEndDate={dateRangeFilter.getMaxEndDate()}\n            minStartDate={dateRangeFilter.getMinStartDate()}\n          />\n        </Flex>\n\n        <DataView\n          breakAt=\"large\"\n          pagination={pagination}\n          isFetching={pagination?.isFetching}\n          emptyState={() =>\n            dateRangeFilter.isModified ? (\n              <EmptyData\n                title={t('emptyState.filtered.title')}\n                description={t('emptyState.filtered.description')}\n              />\n            ) : (\n              <EmptyData title={t('emptyState.default.title')} />\n            )\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                  <div className={styles.payPeriodCell}>\n                    {startDate} - {endDate}\n                    <Text variant=\"supporting\" size=\"sm\">\n                      {paySchedules.find(schedule => schedule.uuid === payPeriod?.payScheduleUuid)\n                        ?.name ||\n                        paySchedules.find(schedule => schedule.uuid === payPeriod?.payScheduleUuid)\n                          ?.customName}\n                    </Text>\n                  </div>\n                )\n              },\n              title: t('tableHeaders.0'),\n            },\n            {\n              render: payroll => getPayrollTypeLabel(payroll),\n              title: t('tableHeaders.1'),\n            },\n            {\n              render: ({ checkDate }) => dateFormatter.formatShortWithWeekdayAndYear(checkDate),\n              title: t('tableHeaders.2'),\n            },\n            {\n              title: t('tableHeaders.3'),\n              render: ({ payrollDeadline }) =>\n                dateFormatter.formatShortWithWeekdayAndYear(payrollDeadline),\n            },\n            {\n              title: <VisuallyHidden>{t('tableHeaders.4')}</VisuallyHidden>,\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            ...(!isDesktop\n              ? [\n                  {\n                    title: '',\n                    render: (payroll: Payroll) => {\n                      const button = renderActionButton(payroll)\n                      if (!button) return null\n                      return (\n                        <Flex flexDirection=\"column\" alignItems=\"stretch\" gap={12}>\n                          {button}\n                        </Flex>\n                      )\n                    },\n                  },\n                ]\n              : []),\n          ]}\n          label={t('payrollsListLabel')}\n          itemMenu={payroll => {\n            const { payrollUuid, processed, payPeriod } = payroll\n\n            const isProcessingSkipPayroll = skippingPayrollId === payrollUuid\n            const isProcessingDeletePayroll = deletingPayrollId === payrollUuid\n\n            const button = isDesktop ? renderActionButton(payroll) : null\n\n            if (processed) {\n              return (\n                <div className={styles.actionsContainer}>\n                  {anyPayrollHasKebabActions && (\n                    <ButtonIcon\n                      aria-label=\"\"\n                      aria-hidden={true}\n                      tabIndex={-1}\n                      isDisabled={true}\n                      className={styles.menuPlaceholder}\n                    />\n                  )}\n                </div>\n              )\n            }\n\n            const { fullPeriod: payPeriodString } = formatPayPeriod(\n              payPeriod?.startDate,\n              payPeriod?.endDate,\n            )\n\n            const payPeriodStartDate = payPeriod?.startDate ? new Date(payPeriod.startDate) : null\n\n            const isSkippablePayroll =\n              !payroll.offCycle ||\n              payroll.offCycleReason === OffCycleReasonType.TransitionFromOldPaySchedule\n\n            const canSkipPayroll =\n              blockers.length === 0 &&\n              isSkippablePayroll &&\n              todayAtMidnight &&\n              payPeriodStartDate &&\n              todayAtMidnight >= payPeriodStartDate\n\n            const canDeletePayroll =\n              payroll.offCycle &&\n              !!payroll.offCycleReason &&\n              CANCELLABLE_OFF_CYCLE_REASONS.has(payroll.offCycleReason)\n\n            const menuItems = canSkipPayroll\n              ? [\n                  {\n                    label: t('skipPayrollCta'),\n                    onClick: () => {\n                      handleOpenSkipDialog(payrollUuid!, payPeriodString)\n                    },\n                  },\n                ]\n              : canDeletePayroll\n                ? [\n                    {\n                      label: t('deletePayrollCta'),\n                      onClick: () => {\n                        handleOpenDeleteDialog(payrollUuid!, payPeriodString)\n                      },\n                    },\n                  ]\n                : null\n\n            const hasMenuActions = menuItems !== null\n\n            return (\n              <div className={styles.actionsContainer}>\n                {button}\n                {hasMenuActions ? (\n                  <HamburgerMenu\n                    isLoading={canSkipPayroll ? isProcessingSkipPayroll : isProcessingDeletePayroll}\n                    menuLabel={t('payrollMenuLabel')}\n                    items={menuItems}\n                  />\n                ) : (\n                  anyPayrollHasKebabActions && (\n                    <ButtonIcon\n                      aria-label=\"\"\n                      aria-hidden={true}\n                      tabIndex={-1}\n                      isDisabled={true}\n                      className={styles.menuPlaceholder}\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.confirmCta')}\n          closeActionLabel={t('skipPayrollDialog.cancelCta')}\n        >\n          {t('skipPayrollDialog.body')}\n        </Dialog>\n        <Dialog\n          isOpen={deletePayrollDialogState.isOpen}\n          onClose={handleCloseDeleteDialog}\n          onPrimaryActionClick={handleConfirmDeletePayroll}\n          isDestructive={true}\n          title={t('deletePayrollDialog.title', {\n            payPeriod: deletePayrollDialogState.payPeriod,\n          })}\n          primaryActionLabel={t('deletePayrollDialog.confirmCta')}\n          closeActionLabel={t('deletePayrollDialog.cancelCta')}\n        >\n          {t('deletePayrollDialog.body')}\n        </Dialog>\n        {withOffcyclePayroll && (\n          <div className={styles.offCycleCta}>\n            <Box\n              header={\n                <BoxHeader\n                  title={t('offCycleCta.title')}\n                  description={t('offCycleCta.description')}\n                />\n              }\n              footer={\n                <Button variant=\"secondary\" onClick={onRunOffCyclePayroll}>\n                  {t('offCycleCta.button')}\n                </Button>\n              }\n            />\n          </div>\n        )}\n      </Flex>\n    </div>\n  )\n}\n"],"names":["CANCELLABLE_OFF_CYCLE_REASONS","OffCycleReasonType","hasKebabActions","payroll","blockers","todayAtMidnight","payPeriodStartDate","isSkippablePayroll","canSkipPayroll","canDeletePayroll","PayrollListPresentation","className","onRunPayroll","onSubmitPayroll","onSkipPayroll","onDeletePayroll","onRunOffCyclePayroll","payrolls","pagination","paySchedules","showSkipSuccessAlert","onDismissSkipSuccessAlert","showDeleteSuccessAlert","onDismissDeleteSuccessAlert","skippingPayrollId","deletingPayrollId","wireInRequests","dateRangeFilter","hasUnprocessedTransitions","withOffcyclePayroll","Box","BoxHeader","Button","ButtonIcon","Dialog","Heading","Text","Alert","useComponentContext","useI18n","useTranslation","dateFormatter","useDateFormatter","containerRef","useRef","isDesktop","useContainerBreakpoints","useMemo","todayDateString","formatDateToStringDate","anyPayrollHasKebabActions","skipPayrollDialogState","setSkipPayrollDialogState","useState","handleOpenSkipDialog","payrollId","payPeriod","handleCloseSkipDialog","handleConfirmSkipPayroll","deletePayrollDialogState","setDeletePayrollDialogState","handleOpenDeleteDialog","handleCloseDeleteDialog","handleConfirmDeletePayroll","formatPayPeriod","startDate","endDate","formattedStartDate","formattedEndDate","renderActionButton","payrollUuid","calculatedAt","processed","isProcessingSkipPayroll","isDisabledByTransition","jsx","classNames","styles","Flex","jsxs","DateRangeFilter","selection","DataView","EmptyData","schedule","getPayrollTypeLabel","checkDate","payrollDeadline","VisuallyHidden","wireInRequest","wire","PayrollStatusBadges","button","isProcessingDeletePayroll","payPeriodString","menuItems","hasMenuActions","HamburgerMenu"],"mappings":"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"}

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

@@ -1,17 +1,17 @@
 import { jsx as a, jsxs as o, Fragment as N } from "react/jsx-runtime";
-import { useTranslation as ve, Trans as Ce } from "react-i18next";
+import { useTranslation as Ce, Trans as _e } from "react-i18next";
 import ae from "classnames";
-import { useState as le, useRef as Le } from "react";
-import { isDismissalPayroll as Oe, getPayrollTypeLabel as Ae, getPayPeriodOrCheckDateLabel as ie, calculateTotalPayroll as Ee, getReimbursements as k } from "../helpers.js";
+import { useState as le, useRef as ve } from "react";
+import { isDismissalPayroll as Le, getPayrollTypeLabel as Oe, getPayPeriodOrCheckDateLabel as ie, calculateTotalPayroll as Ae, getReimbursements as k, getCancelDeadlineValues as Ee } from "../helpers.js";
 import { PayrollOverviewStatus as y } from "./PayrollOverviewTypes.js";
 import ne from "./PayrollOverviewPresentation.module.scss.js";
 import { Flex as s } from "../../Common/Flex/Flex.js";
 import { Grid as Be } from "../../Common/Grid/Grid.js";
 import Ve from "../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
 import { useComponentContext as je } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as We } from "../../../i18n/I18n.js";
-import { useDateFormatter as Ye } from "../../../hooks/useDateFormatter.js";
-import Ue from "../../../hooks/useNumberFormatter.js";
+import { useI18n as Ye } from "../../../i18n/I18n.js";
+import { useDateFormatter as Ue } from "../../../hooks/useDateFormatter.js";
+import We from "../../../hooks/useNumberFormatter.js";
 import { firstLastName as A } from "../../../helpers/formattedStrings.js";
 import { FlsaStatus as oe, compensationTypeLabels as E, PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES as se } from "../../../shared/constants.js";
 import de from "../../../assets/icons/download-cloud.svg.js";
@@ -33,50 +33,47 @@ const mt = ({
   status: p = y.Viewing,
   isProcessed: f,
   canCancel: fe = !1,
-  canEdit: W = !0,
-  alerts: Y = [],
+  canEdit: Y = !0,
+  alerts: U = [],
   submissionBlockers: u = [],
   selectedUnblockOptions: w = {},
-  onUnblockOptionChange: U,
+  onUnblockOptionChange: W,
   wireInConfirmationRequest: he,
   printChecksBanner: ge,
   withReimbursements: h = !0,
   paymentSpeed: Te,
-  pagination: _,
+  pagination: C,
   downloadingEmployeeIds: I = /* @__PURE__ */ new Set()
 }) => {
-  const { Alert: M, Badge: v, Button: g, ButtonIcon: F, Dialog: He, Heading: R, Text: b, Tabs: De } = je();
-  We("Payroll.PayrollOverview");
-  const d = Ye(), { t } = ve("Payroll.PayrollOverview"), l = Ue("currency"), [xe, Pe] = le("companyPays"), [$, G] = le(!1), C = Le(null), T = Ve({ ref: C }).includes("small"), H = p === y.Submitting || p === y.Cancelling, z = /* @__PURE__ */ a(R, { as: "h1", children: t(f ? "summaryTitle" : "overviewTitle") }), K = Oe(i.offCycleReason), Ne = (() => {
-    const { time: e, date: r } = d.formatWithTime(i.payrollDeadline);
-    return r ? `${e} on ${r}` : e;
-  })(), X = /* @__PURE__ */ a(b, { children: /* @__PURE__ */ a(
-    Ce,
+  const { Alert: M, Badge: _, Button: g, ButtonIcon: F, Dialog: He, Heading: R, Text: b, Tabs: De } = je();
+  Ye("Payroll.PayrollOverview");
+  const d = Ue(), { t } = Ce("Payroll.PayrollOverview"), l = We("currency"), [xe, Pe] = le("companyPays"), [G, $] = le(!1), v = ve(null), T = Ve({ ref: v }).includes("small"), H = p === y.Submitting || p === y.Cancelling, z = /* @__PURE__ */ a(R, { as: "h1", children: t(f ? "summaryTitle" : "overviewTitle") }), K = Le(i.offCycleReason), X = /* @__PURE__ */ a(b, { children: /* @__PURE__ */ a(
+    _e,
     {
       i18nKey: K ? "pageSubtitleDismissal" : "pageSubtitle",
       t,
       components: { dateWrapper: /* @__PURE__ */ a(b, { weight: "bold", as: "span" }) },
       values: {
         payPeriod: ie(i, d),
-        payrollType: Ae(i)
+        payrollType: Oe(i)
       }
     }
   ) });
   if (p === y.Cancelled)
-    return /* @__PURE__ */ a("div", { ref: C, className: ae(ne.container, B), children: /* @__PURE__ */ o(s, { flexDirection: "column", alignItems: "stretch", children: [
+    return /* @__PURE__ */ a("div", { ref: v, className: ae(ne.container, B), children: /* @__PURE__ */ o(s, { flexDirection: "column", alignItems: "stretch", children: [
       /* @__PURE__ */ a(s, { justifyContent: "space-between", alignItems: "flex-start", gap: 16, children: /* @__PURE__ */ o(s, { flexDirection: "column", gap: 4, children: [
         z,
         X
       ] }) }),
       /* @__PURE__ */ a(M, { status: "info", label: t("cancelledEmptyState") })
     ] }) });
-  const D = Ee(i), ke = i.payrollStatusMeta?.expectedDebitTime ?? i.payrollDeadline, q = (e) => e.taxes?.reduce(
+  const D = Ae(i), Ne = i.payrollStatusMeta?.expectedDebitTime ?? i.payrollDeadline, q = (e) => e.taxes?.reduce(
     (r, n) => n.employer ? r + Number(n.amount) : r,
     0
   ) ?? 0, J = (e) => e.benefits?.reduce(
     (r, n) => n.companyContribution ? r + Number(n.companyContribution) : r,
     0
-  ) ?? 0, Se = (e) => Number(e.grossPay) + k(e) + q(e) + J(e), L = u.find(
+  ) ?? 0, ke = (e) => Number(e.grossPay) + k(e) + q(e) + J(e), L = u.find(
     (e) => e.blockerType === "fast_ach_threshold_exceeded" || e.blockerType === "needs_earned_access_for_fast_ach"
   ), O = L ? w[L.blockerType || ""] : void 0, m = L?.unblockOptions?.find(
     (e) => e.unblockType === O
@@ -84,8 +81,8 @@ const mt = ({
     (r, n) => {
       if (typeof n.name > "u")
         return r;
-      const P = n.name.toLowerCase(), _e = r[P] ?? 0;
-      return r[P] = _e + Number(n.hours || 0), r;
+      const P = n.name.toLowerCase(), we = r[P] ?? 0;
+      return r[P] = we + Number(n.hours || 0), r;
     },
     {}
   ) || {}, ee = (e) => e.paidTimeOff?.reduce((r, n) => r + Number(n.hours || 0), 0) ?? 0, te = [
@@ -97,7 +94,7 @@ const mt = ({
           first_name: e.firstName,
           last_name: e.lastName
         }),
-        e.excluded && /* @__PURE__ */ a(v, { status: "warning", children: t("skippedBadge") })
+        e.excluded && /* @__PURE__ */ a(_, { status: "warning", children: t("skippedBadge") })
       ] })
     },
     {
@@ -130,7 +127,7 @@ const mt = ({
       key: "companyPays",
       title: t("tableHeaders.companyPays"),
       justify: "end",
-      render: (e) => l(Se(e))
+      render: (e) => l(ke(e))
     }
   ];
   f && T && te.push({
@@ -153,7 +150,7 @@ const mt = ({
       ) });
     }
   });
-  const we = [
+  const Se = [
     {
       id: "companyPays",
       label: t("dataViews.companyPaysTab"),
@@ -163,7 +160,7 @@ const mt = ({
           label: t("dataViews.companyPaysTable"),
           columns: te,
           data: i.employeeCompensations,
-          pagination: _,
+          pagination: C,
           itemMenu: f && !T ? (e) => {
             const r = !!e.employeeUuid && I.has(e.employeeUuid);
             return /* @__PURE__ */ a(
@@ -210,7 +207,7 @@ const mt = ({
                   first_name: e.firstName,
                   last_name: e.lastName
                 }),
-                e.excluded && /* @__PURE__ */ a(v, { status: "warning", children: t("skippedBadge") })
+                e.excluded && /* @__PURE__ */ a(_, { status: "warning", children: t("skippedBadge") })
               ] })
             },
             {
@@ -252,7 +249,7 @@ const mt = ({
             }
           ],
           data: i.employeeCompensations,
-          pagination: _
+          pagination: C
         }
       )
     },
@@ -271,7 +268,7 @@ const mt = ({
                   first_name: e.firstName,
                   last_name: e.lastName
                 }),
-                e.excluded && /* @__PURE__ */ a(v, { status: "warning", children: t("skippedBadge") })
+                e.excluded && /* @__PURE__ */ a(_, { status: "warning", children: t("skippedBadge") })
               ] })
             },
             {
@@ -323,7 +320,7 @@ const mt = ({
             }
           ],
           data: i.employeeCompensations,
-          pagination: _
+          pagination: C
         }
       )
     },
@@ -398,7 +395,7 @@ const mt = ({
       g,
       {
         onClick: () => {
-          G(!0);
+          $(!0);
         },
         variant: "error",
         isDisabled: H,
@@ -406,7 +403,7 @@ const mt = ({
       }
     )
   ] }) : /* @__PURE__ */ o(N, { children: [
-    W && /* @__PURE__ */ a(g, { onClick: me, variant: "secondary", isDisabled: H, children: t("editCta") }),
+    Y && /* @__PURE__ */ a(g, { onClick: me, variant: "secondary", isDisabled: H, children: t("editCta") }),
     /* @__PURE__ */ a(
       g,
       {
@@ -420,7 +417,7 @@ const mt = ({
       }
     )
   ] });
-  return /* @__PURE__ */ a("div", { ref: C, className: ae(ne.container, B), children: /* @__PURE__ */ o(s, { flexDirection: "column", alignItems: "stretch", children: [
+  return /* @__PURE__ */ a("div", { ref: v, className: ae(ne.container, B), children: /* @__PURE__ */ o(s, { flexDirection: "column", alignItems: "stretch", children: [
     /* @__PURE__ */ o(s, { justifyContent: "space-between", alignItems: "flex-start", gap: 16, children: [
       /* @__PURE__ */ o(s, { flexDirection: "column", gap: 4, children: [
         z,
@@ -431,14 +428,14 @@ const mt = ({
     !T && /* @__PURE__ */ a(
       Be,
       {
-        gridTemplateColumns: !f && W ? ["minmax(0, 1fr)", "minmax(0, 1fr)"] : "1fr",
+        gridTemplateColumns: !f && Y ? ["minmax(0, 1fr)", "minmax(0, 1fr)"] : "1fr",
         gap: 8,
         children: re
       }
     ),
     p === y.Cancelling ? /* @__PURE__ */ a(ce, { title: t("cancellingTitle") }) : p === y.Submitting ? /* @__PURE__ */ a(ce, { title: t("loadingTitle"), description: t("loadingDescription") }) : /* @__PURE__ */ o(N, { children: [
       he,
-      Y.length > 0 && /* @__PURE__ */ a(s, { flexDirection: "column", gap: 16, children: Y.map((e, r) => /* @__PURE__ */ a(
+      U.length > 0 && /* @__PURE__ */ a(s, { flexDirection: "column", gap: 16, children: U.map((e, r) => /* @__PURE__ */ a(
         M,
         {
           label: e.title,
@@ -448,14 +445,14 @@ const mt = ({
         },
         `${e.type}-${e.title}`
       )) }),
-      u.length > 0 && U && u.map((e) => {
+      u.length > 0 && W && u.map((e) => {
         const r = e.blockerType || "";
         return se.includes(r) ? /* @__PURE__ */ a(
           Ie,
           {
             blocker: e,
             selectedValue: w[r],
-            onUnblockOptionChange: U,
+            onUnblockOptionChange: W,
             paymentSpeed: Te
           },
           r
@@ -545,7 +542,7 @@ const mt = ({
             },
             {
               title: t("tableHeaders.debitDate"),
-              render: () => d.formatShortWithYear(ke)
+              render: () => d.formatShortWithYear(Ne)
             },
             {
               title: t("tableHeaders.employeePayDate"),
@@ -562,15 +559,15 @@ const mt = ({
           onSelectionChange: Pe,
           selectedId: xe,
           "aria-label": t("dataViews.label"),
-          tabs: we
+          tabs: Se
         }
       ),
-      $ && /* @__PURE__ */ a(
+      G && /* @__PURE__ */ a(
         He,
         {
-          isOpen: $,
+          isOpen: G,
           onClose: () => {
-            G(!1);
+            $(!1);
           },
           onPrimaryActionClick: be,
           shouldCloseOnBackdropClick: !0,
@@ -582,9 +579,10 @@ const mt = ({
           }),
           children: /* @__PURE__ */ o(s, { gap: 14, flexDirection: "column", children: [
             /* @__PURE__ */ a(b, { children: t("cancelDialogDescription") }),
-            Number(i.totals?.netPayDebit ?? 0) > 0 && /* @__PURE__ */ a(b, { children: t("cancelDialogDescriptionDeadline", {
-              deadline: Ne
-            }) })
+            Number(i.totals?.netPayDebit ?? 0) > 0 && /* @__PURE__ */ a(b, { children: t(
+              "cancelDialogDescriptionDeadline",
+              Ee(i, d)
+            ) })
           ] })
         }
       )