@gusto/embedded-react-sdk 0.38.0 → 0.40.0

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

@@ -41,7 +41,7 @@ const $ = 3, v = () => {
     per: A
   }), D = f.payrollList, E = O(f.httpMeta.response.headers), { data: T } = N({
     companyId: t
-  }), _ = T.payScheduleList, { data: F } = Q({
+  }), _ = T.paySchedules, { data: F } = Q({
     companyUuid: t
   }), I = (F.payrollBlockers ?? []).map(
     (e) => ({

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 } from '@tanstack/react-query'\nimport {\n  usePayrollsListSuspense,\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/payroll'\nimport type { ApiPayrollBlocker } from '../PayrollBlocker/payrollHelpers'\nimport { PayrollListPresentation } from './PayrollListPresentation'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { BaseComponent, useBase } from '@/components/Base'\nimport { componentEvents } from '@/shared/constants'\nimport { usePagination } from '@/hooks/usePagination/usePagination'\nimport { useDateRangeFilter } from '@/hooks/useDateRangeFilter/useDateRangeFilter'\n\ninterface PayrollListBlockProps extends BaseComponentInterface {\n  companyId: string\n}\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 getFutureEndDate = (): string => {\n  const endDate = new Date()\n  endDate.setMonth(endDate.getMonth() + FUTURE_LOOKAHEAD_MONTHS)\n  return endDate.toISOString().split('T')[0]!\n}\n\nconst Root = ({ companyId, onEvent }: 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    onFilterChange: useCallback(() => {\n      resetPage()\n    }, [resetPage]),\n  })\n  const dateFilterParams = dateRangeFilter.getApiDateParams()\n\n  const { data: payrollsData } = usePayrollsListSuspense({\n    companyId,\n    processingStatuses: [ProcessingStatuses.Unprocessed],\n    startDate: dateFilterParams.startDate,\n    endDate: dateFilterParams.endDate ?? getFutureEndDate(),\n    payrollTypes: [\n      QueryParamPayrollTypes.Regular,\n      QueryParamPayrollTypes.OffCycle,\n      QueryParamPayrollTypes.External,\n    ],\n    includeOffCycle: true,\n    page: currentPage,\n    per: itemsPerPage,\n  })\n  const payrollList = payrollsData.payrollList!\n  const paginationProps = getPaginationProps(payrollsData.httpMeta.response.headers)\n  const { data: paySchedulesData } = usePaySchedulesGetAllSuspense({\n    companyId,\n  })\n  const paySchedulesList = paySchedulesData.payScheduleList!\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 { 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,\n              endDate: payroll.payPeriod?.endDate,\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  return (\n    <PayrollListPresentation\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    />\n  )\n}\n"],"names":["PayrollList","props","jsx","BaseComponent","Root","FUTURE_LOOKAHEAD_MONTHS","getFutureEndDate","endDate","companyId","onEvent","baseSubmitHandler","useBase","queryClient","useQueryClient","showSkipSuccessAlert","setShowSkipSuccessAlert","useState","skippingPayrollId","setSkippingPayrollId","currentPage","itemsPerPage","getPaginationProps","resetPage","usePagination","showDeleteSuccessAlert","setShowDeleteSuccessAlert","deletingPayrollId","setDeletingPayrollId","dateRangeFilter","useDateRangeFilter","useCallback","dateFilterParams","payrollsData","usePayrollsListSuspense","ProcessingStatuses","QueryParamPayrollTypes","payrollList","paginationProps","paySchedulesData","usePaySchedulesGetAllSuspense","paySchedulesList","blockersData","usePayrollsGetBlockersSuspense","blockers","blocker","wireInRequestsData","useWireInRequestsListSuspense","wireInRequests","skipPayroll","usePayrollsSkipMutation","deletePayrollMutation","usePayrollsDeleteMutation","PayrollListPresentation","payrollUuid","payPeriod","componentEvents","payroll","payrollType","PayrollType","invalidateAllPayrollsList"],"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 } from '@tanstack/react-query'\nimport {\n  usePayrollsListSuspense,\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/payroll'\nimport type { ApiPayrollBlocker } from '../PayrollBlocker/payrollHelpers'\nimport { PayrollListPresentation } from './PayrollListPresentation'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { BaseComponent, useBase } from '@/components/Base'\nimport { componentEvents } from '@/shared/constants'\nimport { usePagination } from '@/hooks/usePagination/usePagination'\nimport { useDateRangeFilter } from '@/hooks/useDateRangeFilter/useDateRangeFilter'\n\ninterface PayrollListBlockProps extends BaseComponentInterface {\n  companyId: string\n}\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 getFutureEndDate = (): string => {\n  const endDate = new Date()\n  endDate.setMonth(endDate.getMonth() + FUTURE_LOOKAHEAD_MONTHS)\n  return endDate.toISOString().split('T')[0]!\n}\n\nconst Root = ({ companyId, onEvent }: 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    onFilterChange: useCallback(() => {\n      resetPage()\n    }, [resetPage]),\n  })\n  const dateFilterParams = dateRangeFilter.getApiDateParams()\n\n  const { data: payrollsData } = usePayrollsListSuspense({\n    companyId,\n    processingStatuses: [ProcessingStatuses.Unprocessed],\n    startDate: dateFilterParams.startDate,\n    endDate: dateFilterParams.endDate ?? getFutureEndDate(),\n    payrollTypes: [\n      QueryParamPayrollTypes.Regular,\n      QueryParamPayrollTypes.OffCycle,\n      QueryParamPayrollTypes.External,\n    ],\n    includeOffCycle: true,\n    page: currentPage,\n    per: itemsPerPage,\n  })\n  const payrollList = payrollsData.payrollList!\n  const paginationProps = getPaginationProps(payrollsData.httpMeta.response.headers)\n  const { data: paySchedulesData } = usePaySchedulesGetAllSuspense({\n    companyId,\n  })\n  const paySchedulesList = paySchedulesData.paySchedules!\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 { 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,\n              endDate: payroll.payPeriod?.endDate,\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  return (\n    <PayrollListPresentation\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    />\n  )\n}\n"],"names":["PayrollList","props","jsx","BaseComponent","Root","FUTURE_LOOKAHEAD_MONTHS","getFutureEndDate","endDate","companyId","onEvent","baseSubmitHandler","useBase","queryClient","useQueryClient","showSkipSuccessAlert","setShowSkipSuccessAlert","useState","skippingPayrollId","setSkippingPayrollId","currentPage","itemsPerPage","getPaginationProps","resetPage","usePagination","showDeleteSuccessAlert","setShowDeleteSuccessAlert","deletingPayrollId","setDeletingPayrollId","dateRangeFilter","useDateRangeFilter","useCallback","dateFilterParams","payrollsData","usePayrollsListSuspense","ProcessingStatuses","QueryParamPayrollTypes","payrollList","paginationProps","paySchedulesData","usePaySchedulesGetAllSuspense","paySchedulesList","blockersData","usePayrollsGetBlockersSuspense","blockers","blocker","wireInRequestsData","useWireInRequestsListSuspense","wireInRequests","skipPayroll","usePayrollsSkipMutation","deletePayrollMutation","usePayrollsDeleteMutation","PayrollListPresentation","payrollUuid","payPeriod","componentEvents","payroll","payrollType","PayrollType","invalidateAllPayrollsList"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 import { Payroll } from '@gusto/embedded-api/models/components/payroll';
-import { PayScheduleList } from '@gusto/embedded-api/models/components/payschedulelist';
+import { PaySchedule } from '@gusto/embedded-api/models/components/payschedule';
 import { WireInRequest } from '@gusto/embedded-api/models/components/wireinrequest';
 import { ApiPayrollBlocker } from '../PayrollBlocker/payrollHelpers';
 import { PaginationControlProps } from '../../Common/PaginationControl/PaginationControlTypes';
@@ -12,7 +12,7 @@ interface PayrollListPresentationProps {
     onRunOffCyclePayroll: () => void;
     payrolls: Payroll[];
     pagination?: PaginationControlProps;
-    paySchedules: PayScheduleList[];
+    paySchedules: PaySchedule[];
     showSkipSuccessAlert: boolean;
     onDismissSkipSuccessAlert: () => void;
     showDeleteSuccessAlert: boolean;

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

@@ -1,305 +1,328 @@
-import { jsx as l, jsxs as s } from "react/jsx-runtime";
-import { OffCycleReasonType as D } from "@gusto/embedded-api/models/components/payroll";
-import { useRef as ne, useState as T } from "react";
-import { useTranslation as ie } from "react-i18next";
-import { getPayrollTypeLabel as se } from "../helpers.js";
-import i from "./PayrollListPresentation.module.scss.js";
-import { Flex as u } from "../../Common/Flex/Flex.js";
-import "classnames";
-import "../../../shared/constants.js";
-import { DateRangeFilter as ce } from "../../Common/DateRangeFilter/DateRangeFilter.js";
-import { useComponentContext as de } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as me } from "../../../i18n/I18n.js";
-import { formatDateToStringDate as ue } from "../../../helpers/dateFormatting.js";
-import { useDateFormatter as pe } from "../../../hooks/useDateFormatter.js";
-import ye from "../../../assets/icons/feature-icon-check.svg.js";
-import fe from "../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
-import { HamburgerMenu as B } from "../../Common/HamburgerMenu/HamburgerMenu.js";
-import { PayrollStatusBadges as De } from "../PayrollStatusBadges/PayrollStatusBadges.js";
-import { DataView as Ce } from "../../Common/DataView/DataView.js";
-const he = /* @__PURE__ */ new Set([
-  D.Bonus,
-  D.Correction,
-  D.DismissedEmployee
-]), je = ({
-  onRunPayroll: U,
-  onSubmitPayroll: H,
-  onSkipPayroll: W,
-  onDeletePayroll: j,
-  onRunOffCyclePayroll: Y,
-  payrolls: R,
-  pagination: _,
-  paySchedules: h,
-  showSkipSuccessAlert: z,
-  onDismissSkipSuccessAlert: q,
-  showDeleteSuccessAlert: V,
-  onDismissDeleteSuccessAlert: G,
-  skippingPayrollId: P,
-  deletingPayrollId: J,
-  blockers: K,
-  wireInRequests: Q,
-  dateRangeFilter: n
+import { jsx as a, jsxs as c } from "react/jsx-runtime";
+import { OffCycleReasonType as f } from "@gusto/embedded-api/models/components/payroll";
+import { useRef as de, useMemo as K, useState as q } from "react";
+import { useTranslation as ue } from "react-i18next";
+import { getPayrollTypeLabel as me } from "../helpers.js";
+import o from "./PayrollListPresentation.module.scss.js";
+import { Flex as d } from "../../Common/Flex/Flex.js";
+import { DateRangeFilter as fe } from "../../Common/DateRangeFilter/DateRangeFilter.js";
+import { useComponentContext as ye } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as pe } from "../../../i18n/I18n.js";
+import { formatDateToStringDate as De } from "../../../helpers/dateFormatting.js";
+import { useDateFormatter as Pe } from "../../../hooks/useDateFormatter.js";
+import he from "../../../assets/icons/feature-icon-check.svg.js";
+import Ce from "../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
+import { HamburgerMenu as be } from "../../Common/HamburgerMenu/HamburgerMenu.js";
+import { PayrollStatusBadges as ge } from "../PayrollStatusBadges/PayrollStatusBadges.js";
+import { DataView as Se } from "../../Common/DataView/DataView.js";
+const V = /* @__PURE__ */ new Set([
+  f.Bonus,
+  f.Correction,
+  f.DismissedEmployee
+]);
+function ke(r, S, y) {
+  if (r.processed) return !1;
+  const p = r.payPeriod?.startDate ? new Date(r.payPeriod.startDate) : null, k = !r.offCycle || r.offCycleReason === f.TransitionFromOldPaySchedule, u = S.length === 0 && k && y && p && y >= p, L = r.offCycle && !!r.offCycleReason && V.has(r.offCycleReason);
+  return !!(u || L);
+}
+const Ye = ({
+  onRunPayroll: r,
+  onSubmitPayroll: S,
+  onSkipPayroll: y,
+  onDeletePayroll: p,
+  onRunOffCyclePayroll: k,
+  payrolls: u,
+  pagination: L,
+  paySchedules: v,
+  showSkipSuccessAlert: G,
+  onDismissSkipSuccessAlert: J,
+  showDeleteSuccessAlert: Q,
+  onDismissDeleteSuccessAlert: X,
+  skippingPayrollId: O,
+  deletingPayrollId: Z,
+  blockers: A,
+  wireInRequests: $,
+  dateRangeFilter: s
 }) => {
-  const { Box: X, Button: C, Dialog: g, Heading: Z, Text: c, Alert: b } = de();
-  me("Payroll.PayrollList");
-  const { t: e } = ie("Payroll.PayrollList"), d = pe(), S = ne(null), k = fe({ ref: S }).includes("large"), [p, L] = T({
+  const { Box: ee, Button: I, ButtonIcon: x, Dialog: N, Heading: te, Text: D, Alert: F } = ye();
+  pe("Payroll.PayrollList");
+  const { t } = ue("Payroll.PayrollList"), m = Pe(), w = de(null), E = Ce({ ref: w }).includes("large"), P = K(() => {
+    const e = De(/* @__PURE__ */ new Date());
+    return e ? new Date(e) : null;
+  }, []), B = K(
+    () => u.some((e) => ke(e, A, P)),
+    [u, A, P]
+  ), [h, T] = q({
     isOpen: !1,
     payrollId: null,
     payPeriod: null
-  }), $ = (t, a) => {
-    L({
+  }), ae = (e, l) => {
+    T({
       isOpen: !0,
-      payrollId: t,
-      payPeriod: a
+      payrollId: e,
+      payPeriod: l
     });
-  }, A = () => {
-    L({
+  }, H = () => {
+    T({
       isOpen: !1,
       payrollId: null,
       payPeriod: null
     });
-  }, ee = () => {
-    p.payrollId && (W({ payrollUuid: p.payrollId }), A());
-  }, [y, v] = T({
+  }, le = () => {
+    h.payrollId && (y({ payrollUuid: h.payrollId }), H());
+  }, [C, M] = q({
     isOpen: !1,
     payrollId: null,
     payPeriod: null
-  }), te = (t, a) => {
-    v({
+  }), ne = (e, l) => {
+    M({
       isOpen: !0,
-      payrollId: t,
-      payPeriod: a
+      payrollId: e,
+      payPeriod: l
     });
-  }, O = () => {
-    v({
+  }, U = () => {
+    M({
       isOpen: !1,
       payrollId: null,
       payPeriod: null
     });
-  }, le = () => {
-    y.payrollId && (j({ payrollUuid: y.payrollId }), O());
-  }, x = (t, a) => {
-    const o = d.formatShort(t), r = d.formatShortWithYear(a);
+  }, re = () => {
+    C.payrollId && (p({ payrollUuid: C.payrollId }), U());
+  }, R = (e, l) => {
+    const i = m.formatShort(e), n = m.formatShortWithYear(l);
     return {
-      startDate: o,
-      endDate: r,
-      fullPeriod: d.formatPayPeriodRange(t, a, { useShortMonth: !0 })
+      startDate: i,
+      endDate: n,
+      fullPeriod: m.formatPayPeriodRange(e, l, { useShortMonth: !0 })
     };
-  }, I = (t) => {
-    const { payrollUuid: a, calculatedAt: o, processed: r, payPeriod: f } = t;
-    if (r)
+  }, W = (e) => {
+    const { payrollUuid: l, calculatedAt: i, processed: n, payPeriod: b } = e;
+    if (n)
       return null;
-    const m = P === a;
-    return o ? /* @__PURE__ */ l(
-      C,
+    const g = O === l;
+    return i ? /* @__PURE__ */ a(
+      I,
       {
-        isLoading: m,
+        isLoading: g,
         onClick: () => {
-          H({ payrollUuid: a, payPeriod: f });
+          S({ payrollUuid: l, payPeriod: b });
         },
-        title: e("submitPayrollCta"),
+        title: t("submitPayrollCta"),
         variant: "secondary",
-        children: e("submitPayrollCta")
+        children: t("submitPayrollCta")
       }
-    ) : /* @__PURE__ */ l(
-      C,
+    ) : /* @__PURE__ */ a(
+      I,
       {
-        isLoading: m,
+        isLoading: g,
         onClick: () => {
-          U({ payrollUuid: a, payPeriod: f });
+          r({ payrollUuid: l, payPeriod: b });
         },
-        title: e("runPayrollTitle"),
+        title: t("runPayrollTitle"),
         variant: "secondary",
-        children: e("runPayrollTitle")
+        children: t("runPayrollTitle")
       }
     );
   };
-  return /* @__PURE__ */ l("div", { ref: S, className: i.container, children: /* @__PURE__ */ s(u, { flexDirection: "column", gap: 16, children: [
-    z && /* @__PURE__ */ l("div", { className: i.alertContainer, children: /* @__PURE__ */ l(
-      b,
+  return /* @__PURE__ */ a("div", { ref: w, className: o.container, children: /* @__PURE__ */ c(d, { flexDirection: "column", gap: 16, children: [
+    G && /* @__PURE__ */ a("div", { className: o.alertContainer, children: /* @__PURE__ */ a(
+      F,
       {
         status: "info",
-        label: e("skipSuccessAlert"),
-        onDismiss: q
+        label: t("skipSuccessAlert"),
+        onDismiss: J
       }
     ) }),
-    V && /* @__PURE__ */ l("div", { className: i.alertContainer, children: /* @__PURE__ */ l(
-      b,
+    Q && /* @__PURE__ */ a("div", { className: o.alertContainer, children: /* @__PURE__ */ a(
+      F,
       {
         status: "info",
-        label: e("deleteSuccessAlert"),
-        onDismiss: G
+        label: t("deleteSuccessAlert"),
+        onDismiss: X
       }
     ) }),
-    /* @__PURE__ */ s(u, { justifyContent: "space-between", alignItems: "center", children: [
-      /* @__PURE__ */ l(Z, { as: "h2", children: e("title") }),
-      /* @__PURE__ */ l(
-        ce,
+    /* @__PURE__ */ c(d, { justifyContent: "space-between", alignItems: "center", children: [
+      /* @__PURE__ */ a(te, { as: "h2", children: t("title") }),
+      /* @__PURE__ */ a(
+        fe,
         {
-          startDate: n.filterStartDate,
-          endDate: n.filterEndDate,
-          onStartDateChange: n.handleStartDateChange,
-          onEndDateChange: n.handleEndDateChange,
-          onClear: n.handleClearFilter,
-          startDateLabel: e("dateFilter.startDate"),
-          endDateLabel: e("dateFilter.endDate"),
-          applyLabel: e("dateFilter.apply"),
-          resetLabel: e("dateFilter.reset"),
-          triggerLabel: e("dateFilter.trigger"),
-          isFilterActive: n.isFilterActive,
-          maxEndDate: n.getMaxEndDate(),
-          minStartDate: n.getMinStartDate()
+          startDate: s.filterStartDate,
+          endDate: s.filterEndDate,
+          onStartDateChange: s.handleStartDateChange,
+          onEndDateChange: s.handleEndDateChange,
+          onClear: s.handleClearFilter,
+          startDateLabel: t("dateFilter.startDate"),
+          endDateLabel: t("dateFilter.endDate"),
+          applyLabel: t("dateFilter.apply"),
+          cancelLabel: t("dateFilter.cancel"),
+          resetLabel: t("dateFilter.reset"),
+          selectDatesLabel: t("dateFilter.selectDates"),
+          triggerLabel: t("dateFilter.trigger"),
+          isFilterActive: s.isFilterActive,
+          maxEndDate: s.getMaxEndDate(),
+          minStartDate: s.getMinStartDate()
         }
       )
     ] }),
-    /* @__PURE__ */ l(
-      Ce,
+    /* @__PURE__ */ a(
+      Se,
       {
         breakAt: "large",
-        pagination: _,
-        emptyState: () => /* @__PURE__ */ s(u, { flexDirection: "column", alignItems: "center", gap: 24, children: [
-          /* @__PURE__ */ l(ye, {}),
-          /* @__PURE__ */ l(c, { children: e("emptyState") })
+        pagination: L,
+        emptyState: () => /* @__PURE__ */ c(d, { flexDirection: "column", alignItems: "center", gap: 24, children: [
+          /* @__PURE__ */ a(he, {}),
+          /* @__PURE__ */ a(D, { children: t("emptyState") })
         ] }),
-        data: R,
+        data: u,
         columns: [
           {
-            render: ({ payPeriod: t }) => {
-              const { startDate: a, endDate: o } = x(
-                t?.startDate,
-                t?.endDate
+            render: ({ payPeriod: e }) => {
+              const { startDate: l, endDate: i } = R(
+                e?.startDate,
+                e?.endDate
               );
-              return /* @__PURE__ */ s("div", { className: i.payPeriodCell, children: [
-                a,
+              return /* @__PURE__ */ c("div", { className: o.payPeriodCell, children: [
+                l,
                 " - ",
-                o,
-                /* @__PURE__ */ l(c, { variant: "supporting", size: "sm", children: h.find((r) => r.uuid === t?.payScheduleUuid)?.name || h.find((r) => r.uuid === t?.payScheduleUuid)?.customName })
+                i,
+                /* @__PURE__ */ a(D, { variant: "supporting", size: "sm", children: v.find((n) => n.uuid === e?.payScheduleUuid)?.name || v.find((n) => n.uuid === e?.payScheduleUuid)?.customName })
               ] });
             },
-            title: e("tableHeaders.0")
+            title: t("tableHeaders.0")
           },
           {
-            render: (t) => /* @__PURE__ */ l(c, { children: se(t) }),
-            title: e("tableHeaders.1")
+            render: (e) => me(e),
+            title: t("tableHeaders.1")
           },
           {
-            render: ({ checkDate: t }) => d.formatShortWithWeekdayAndYear(t),
-            title: e("tableHeaders.2")
+            render: ({ checkDate: e }) => m.formatShortWithWeekdayAndYear(e),
+            title: t("tableHeaders.2")
           },
           {
-            title: e("tableHeaders.3"),
-            render: ({ payrollDeadline: t }) => d.formatShortWithWeekdayAndYear(t)
+            title: t("tableHeaders.3"),
+            render: ({ payrollDeadline: e }) => m.formatShortWithWeekdayAndYear(e)
           },
           {
-            title: e("tableHeaders.4"),
-            render: (t) => {
-              const a = Q.find(
-                (o) => o.paymentUuid === t.payrollUuid
+            title: t("tableHeaders.4"),
+            render: (e) => {
+              const l = $.find(
+                (i) => i.paymentUuid === e.payrollUuid
               );
-              return /* @__PURE__ */ l(De, { payroll: t, wireInRequest: a });
+              return /* @__PURE__ */ a(ge, { payroll: e, wireInRequest: l });
             }
           },
-          ...k ? [] : [
+          ...E ? [] : [
             {
               title: "",
-              render: (t) => {
-                const a = I(t);
-                return a ? /* @__PURE__ */ l(u, { flexDirection: "column", alignItems: "stretch", gap: 12, children: a }) : null;
+              render: (e) => {
+                const l = W(e);
+                return l ? /* @__PURE__ */ a(d, { flexDirection: "column", alignItems: "stretch", gap: 12, children: l }) : null;
               }
             }
           ]
         ],
-        label: e("payrollsListLabel"),
-        itemMenu: (t) => {
-          const { payrollUuid: a, processed: o, payPeriod: r } = t;
-          if (o)
-            return null;
-          const f = P === a, { fullPeriod: m } = x(
-            r?.startDate,
-            r?.endDate
-          ), E = ue(/* @__PURE__ */ new Date()), N = E ? new Date(E) : null, w = r?.startDate ? new Date(r.startDate) : null, ae = !t.offCycle || t.offCycleReason === D.TransitionFromOldPaySchedule, re = K.length === 0 && ae && N && w && N >= w, oe = t.offCycle && !!t.offCycleReason && he.has(t.offCycleReason), F = k ? I(t) : null, M = re ? /* @__PURE__ */ l(
-            B,
+        label: t("payrollsListLabel"),
+        itemMenu: (e) => {
+          const { payrollUuid: l, processed: i, payPeriod: n } = e, b = O === l, g = Z === l, oe = E ? W(e) : null;
+          if (i)
+            return /* @__PURE__ */ a("div", { className: o.actionsContainer, children: B && /* @__PURE__ */ a(
+              x,
+              {
+                "aria-label": "",
+                "aria-hidden": !0,
+                tabIndex: -1,
+                isDisabled: !0,
+                className: o.menuPlaceholder
+              }
+            ) });
+          const { fullPeriod: j } = R(
+            n?.startDate,
+            n?.endDate
+          ), Y = n?.startDate ? new Date(n.startDate) : null, ie = !e.offCycle || e.offCycleReason === f.TransitionFromOldPaySchedule, _ = A.length === 0 && ie && P && Y && P >= Y, se = e.offCycle && !!e.offCycleReason && V.has(e.offCycleReason), z = _ ? [
             {
-              isLoading: f,
-              menuLabel: e("payrollMenuLabel"),
-              items: [
-                {
-                  label: e("skipPayrollCta"),
-                  onClick: () => {
-                    $(a, m);
-                  }
-                }
-              ]
+              label: t("skipPayrollCta"),
+              onClick: () => {
+                ae(l, j);
+              }
             }
-          ) : oe ? /* @__PURE__ */ l(
-            B,
+          ] : se ? [
             {
-              isLoading: J === a,
-              menuLabel: e("payrollMenuLabel"),
-              items: [
-                {
-                  label: e("deletePayrollCta"),
-                  onClick: () => {
-                    te(a, m);
-                  }
-                }
-              ]
+              label: t("deletePayrollCta"),
+              onClick: () => {
+                ne(l, j);
+              }
             }
-          ) : null;
-          return !F && !M ? null : /* @__PURE__ */ s("div", { className: i.actionsContainer, children: [
-            F,
-            M
+          ] : null, ce = z !== null;
+          return /* @__PURE__ */ c("div", { className: o.actionsContainer, children: [
+            oe,
+            ce ? /* @__PURE__ */ a(
+              be,
+              {
+                isLoading: _ ? b : g,
+                menuLabel: t("payrollMenuLabel"),
+                items: z
+              }
+            ) : B && /* @__PURE__ */ a(
+              x,
+              {
+                "aria-label": "",
+                "aria-hidden": !0,
+                tabIndex: -1,
+                isDisabled: !0,
+                className: o.menuPlaceholder
+              }
+            )
           ] });
         }
       }
     ),
-    /* @__PURE__ */ l(
-      g,
+    /* @__PURE__ */ a(
+      N,
       {
-        isOpen: p.isOpen,
-        onClose: A,
-        onPrimaryActionClick: ee,
+        isOpen: h.isOpen,
+        onClose: H,
+        onPrimaryActionClick: le,
         isDestructive: !0,
-        title: e("skipPayrollDialog.title", { payPeriod: p.payPeriod }),
-        primaryActionLabel: e("skipPayrollDialog.confirmCta"),
-        closeActionLabel: e("skipPayrollDialog.cancelCta"),
-        children: e("skipPayrollDialog.body")
+        title: t("skipPayrollDialog.title", { payPeriod: h.payPeriod }),
+        primaryActionLabel: t("skipPayrollDialog.confirmCta"),
+        closeActionLabel: t("skipPayrollDialog.cancelCta"),
+        children: t("skipPayrollDialog.body")
       }
     ),
-    /* @__PURE__ */ l(
-      g,
+    /* @__PURE__ */ a(
+      N,
       {
-        isOpen: y.isOpen,
-        onClose: O,
-        onPrimaryActionClick: le,
+        isOpen: C.isOpen,
+        onClose: U,
+        onPrimaryActionClick: re,
         isDestructive: !0,
-        title: e("deletePayrollDialog.title", {
-          payPeriod: y.payPeriod
+        title: t("deletePayrollDialog.title", {
+          payPeriod: C.payPeriod
         }),
-        primaryActionLabel: e("deletePayrollDialog.confirmCta"),
-        closeActionLabel: e("deletePayrollDialog.cancelCta"),
-        children: e("deletePayrollDialog.body")
+        primaryActionLabel: t("deletePayrollDialog.confirmCta"),
+        closeActionLabel: t("deletePayrollDialog.cancelCta"),
+        children: t("deletePayrollDialog.body")
       }
     ),
-    /* @__PURE__ */ l(X, { className: i.offCycleCta, children: /* @__PURE__ */ s(
-      u,
+    /* @__PURE__ */ a(ee, { className: o.offCycleCta, children: /* @__PURE__ */ c(
+      d,
       {
         flexDirection: { base: "column", medium: "row" },
         justifyContent: "space-between",
         alignItems: { base: "stretch", medium: "center" },
         gap: 16,
         children: [
-          /* @__PURE__ */ s("div", { className: i.offCycleCtaText, children: [
-            /* @__PURE__ */ l(c, { weight: "bold", children: e("offCycleCta.title") }),
-            /* @__PURE__ */ l(c, { variant: "supporting", size: "sm", children: e("offCycleCta.description") })
+          /* @__PURE__ */ c(d, { flexDirection: "column", gap: 4, children: [
+            /* @__PURE__ */ a(D, { weight: "bold", children: t("offCycleCta.title") }),
+            /* @__PURE__ */ a(D, { variant: "supporting", size: "sm", children: t("offCycleCta.description") })
           ] }),
-          /* @__PURE__ */ l("div", { className: i.offCycleCtaButton, children: /* @__PURE__ */ l(C, { variant: "secondary", onClick: Y, children: e("offCycleCta.button") }) })
+          /* @__PURE__ */ a("div", { className: o.offCycleCtaButton, children: /* @__PURE__ */ a(I, { variant: "secondary", onClick: k, children: t("offCycleCta.button") }) })
         ]
       }
     ) })
   ] }) });
 };
 export {
-  je as PayrollListPresentation
+  Ye as PayrollListPresentation
 };
 //# sourceMappingURL=PayrollListPresentation.js.map