@gusto/embedded-react-sdk 0.52.1 → 0.53.0

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/payrollshow'\nimport type { ApiPayrollBlocker } from '../PayrollBlocker/payrollHelpers'\nimport { useUnprocessedTransitionPayPeriods } from '../useUnprocessedTransitionPayPeriods'\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\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}\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 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.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,\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      hasUnprocessedTransitions={hasUnprocessedTransitions}\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","hasUnprocessedTransitions","useUnprocessedTransitionPayPeriods","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/payrollshow'\nimport type { ApiPayrollBlocker } from '../PayrollBlocker/payrollHelpers'\nimport { useUnprocessedTransitionPayPeriods } from '../useUnprocessedTransitionPayPeriods'\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\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}\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 = ({ 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    initialStartDate: getDefaultStartDate(),\n    initialEndDate: getDefaultEndDate(),\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,\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.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,\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      hasUnprocessedTransitions={hasUnprocessedTransitions}\n    />\n  )\n}\n"],"names":["PayrollList","props","jsx","BaseComponent","Root","FUTURE_LOOKAHEAD_MONTHS","getDefaultStartDate","getDefaultEndDate","date","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","hasUnprocessedTransitions","useUnprocessedTransitionPayPeriods","skipPayroll","usePayrollsSkipMutation","deletePayrollMutation","usePayrollsDeleteMutation","PayrollListPresentation","payrollUuid","payPeriod","componentEvents","payroll","payrollType","PayrollType","invalidateAllPayrollsList"],"mappings":"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"}

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

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