@gusto/embedded-react-sdk 0.48.1 → 0.48.3

package/dist/components/Payroll/PayrollLanding/PayrollLandingFlowComponents.js.map

@@ -1 +1 @@
-{"version":3,"file":"PayrollLandingFlowComponents.js","sources":["../../../../src/components/Payroll/PayrollLanding/PayrollLandingFlowComponents.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useWireInRequestsListSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/wireInRequestsList'\nimport { usePayrollsGetBlockersSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/payrollsGetBlockers'\nimport { PayrollHistory } from '../PayrollHistory/PayrollHistory'\nimport { PayrollList } from '../PayrollList/PayrollList'\nimport { PayrollOverview } from '../PayrollOverview/PayrollOverview'\nimport { PayrollReceipts } from '../PayrollReceipts/PayrollReceipts'\nimport {\n  ConfirmWireDetails,\n  type ConfirmWireDetailsComponentType,\n} from '../ConfirmWireDetails/ConfirmWireDetails'\nimport type { ApiPayrollBlocker } from '../PayrollBlocker/payrollHelpers'\nimport { PayrollBlockerAlerts } from '../PayrollBlocker/components/PayrollBlockerAlerts'\nimport { TransitionPayrollAlert } from '../TransitionPayrollAlert'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { useI18n } from '@/i18n'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport type { FlowContextInterface } from '@/components/Flow/useFlow'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { componentEvents } from '@/shared/constants'\n\nexport interface PayrollLandingFlowProps extends BaseComponentInterface<'Payroll.PayrollLanding'> {\n  companyId: string\n  withReimbursements?: boolean\n  ConfirmWireDetailsComponent?: ConfirmWireDetailsComponentType\n  showPayrollCancelledAlert?: boolean\n}\n\nexport interface PayrollLandingFlowContextInterface extends FlowContextInterface {\n  component: (() => React.JSX.Element) | null\n  companyId: string\n  payrollUuid?: string\n  previousState?: 'tabs' | 'overview'\n  selectedTab?: string\n  withReimbursements: boolean\n  ConfirmWireDetailsComponent?: ConfirmWireDetailsComponentType\n  startDate?: string\n  endDate?: string\n  showPayrollCancelledAlert?: boolean\n}\n\nexport function PayrollLandingTabsContextual() {\n  const {\n    companyId,\n    onEvent,\n    selectedTab = 'run-payroll',\n    ConfirmWireDetailsComponent = ConfirmWireDetails,\n    showPayrollCancelledAlert,\n  } = useFlow<PayrollLandingFlowContextInterface>()\n  const [currentTab, setCurrentTab] = useState(selectedTab)\n  const { Tabs, Alert } = useComponentContext()\n\n  useI18n('Payroll.PayrollLanding')\n  const { t } = useTranslation('Payroll.PayrollLanding')\n\n  const { data: wireInRequestsData } = useWireInRequestsListSuspense({\n    companyUuid: ensureRequired(companyId),\n  })\n\n  const hasActiveWireInRequests = (wireInRequestsData.wireInRequestList || []).some(\n    r => r.status === 'awaiting_funds',\n  )\n\n  const handleDismissPayrollCancelledAlert = () => {\n    onEvent(componentEvents.RUN_PAYROLL_CANCELLED_ALERT_DISMISSED)\n  }\n\n  const { data: blockersData } = usePayrollsGetBlockersSuspense({\n    companyUuid: ensureRequired(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 onViewBlockers = () => {\n    onEvent(componentEvents.RUN_PAYROLL_BLOCKERS_VIEW_ALL)\n  }\n\n  const tabs = [\n    {\n      id: 'run-payroll',\n      label: t('tabs.runPayroll'),\n      content: <PayrollList companyId={ensureRequired(companyId)} onEvent={onEvent} />,\n    },\n    {\n      id: 'payroll-history',\n      label: t('tabs.payrollHistory'),\n      content: <PayrollHistory companyId={ensureRequired(companyId)} onEvent={onEvent} />,\n    },\n  ]\n\n  return (\n    <Flex flexDirection=\"column\" gap={32}>\n      {showPayrollCancelledAlert && (\n        <Alert\n          status=\"success\"\n          label={t('alerts.payrollCancelled')}\n          onDismiss={handleDismissPayrollCancelledAlert}\n        />\n      )}\n      {hasActiveWireInRequests && (\n        <ConfirmWireDetailsComponent companyId={ensureRequired(companyId)} onEvent={onEvent} />\n      )}\n      <TransitionPayrollAlert companyId={ensureRequired(companyId)} onEvent={onEvent} />\n      <PayrollBlockerAlerts blockers={blockers} onViewBlockersClick={onViewBlockers} />\n      <Tabs\n        tabs={tabs}\n        selectedId={currentTab}\n        onSelectionChange={setCurrentTab}\n        aria-label={t('aria.tabNavigation')}\n      />\n    </Flex>\n  )\n}\n\nexport function PayrollLandingReceiptsContextual() {\n  const { payrollUuid, onEvent, withReimbursements } = useFlow<PayrollLandingFlowContextInterface>()\n\n  return (\n    <PayrollReceipts\n      onEvent={onEvent}\n      payrollId={ensureRequired(payrollUuid)}\n      withReimbursements={withReimbursements}\n    />\n  )\n}\n\nexport function PayrollLandingOverviewContextual() {\n  const { companyId, payrollUuid, onEvent, withReimbursements, ConfirmWireDetailsComponent } =\n    useFlow<PayrollLandingFlowContextInterface>()\n\n  return (\n    <PayrollOverview\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      payrollId={ensureRequired(payrollUuid)}\n      withReimbursements={withReimbursements}\n      ConfirmWireDetailsComponent={ConfirmWireDetailsComponent}\n    />\n  )\n}\n"],"names":["PayrollLandingTabsContextual","companyId","onEvent","selectedTab","ConfirmWireDetailsComponent","ConfirmWireDetails","showPayrollCancelledAlert","useFlow","currentTab","setCurrentTab","useState","Tabs","Alert","useComponentContext","useI18n","t","useTranslation","wireInRequestsData","useWireInRequestsListSuspense","ensureRequired","hasActiveWireInRequests","r","handleDismissPayrollCancelledAlert","componentEvents","blockersData","usePayrollsGetBlockersSuspense","blockers","blocker","onViewBlockers","tabs","jsx","PayrollList","PayrollHistory","jsxs","Flex","TransitionPayrollAlert","PayrollBlockerAlerts","PayrollLandingReceiptsContextual","payrollUuid","withReimbursements","PayrollReceipts","PayrollLandingOverviewContextual","PayrollOverview"],"mappings":"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"}
+{"version":3,"file":"PayrollLandingFlowComponents.js","sources":["../../../../src/components/Payroll/PayrollLanding/PayrollLandingFlowComponents.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useWireInRequestsListSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/wireInRequestsList'\nimport { usePayrollsGetBlockersSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/payrollsGetBlockers'\nimport { PayrollHistory } from '../PayrollHistory/PayrollHistory'\nimport { PayrollList } from '../PayrollList/PayrollList'\nimport { PayrollOverview } from '../PayrollOverview/PayrollOverview'\nimport { PayrollReceipts } from '../PayrollReceipts/PayrollReceipts'\nimport {\n  ConfirmWireDetails,\n  type ConfirmWireDetailsComponentType,\n} from '../ConfirmWireDetails/ConfirmWireDetails'\nimport type { ApiPayrollBlocker } from '../PayrollBlocker/payrollHelpers'\nimport { PayrollBlockerAlerts } from '../PayrollBlocker/components/PayrollBlockerAlerts'\nimport { TransitionPayrollAlert } from '../TransitionPayrollAlert'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { useI18n } from '@/i18n'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport type { FlowContextInterface } from '@/components/Flow/useFlow'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { componentEvents } from '@/shared/constants'\n\n/** @internal */\nexport interface PayrollLandingFlowProps extends BaseComponentInterface<'Payroll.PayrollLanding'> {\n  /** @internal */\n  companyId: string\n  /** @internal */\n  withReimbursements?: boolean\n  /** @internal */\n  ConfirmWireDetailsComponent?: ConfirmWireDetailsComponentType\n  /** @internal */\n  showPayrollCancelledAlert?: boolean\n}\n\n/** @internal */\nexport interface PayrollLandingFlowContextInterface extends FlowContextInterface {\n  /** @internal */\n  component: (() => React.JSX.Element) | null\n  /** @internal */\n  companyId: string\n  /** @internal */\n  payrollUuid?: string\n  /** @internal */\n  previousState?: 'tabs' | 'overview'\n  /** @internal */\n  selectedTab?: string\n  /** @internal */\n  withReimbursements: boolean\n  /** @internal */\n  ConfirmWireDetailsComponent?: ConfirmWireDetailsComponentType\n  /** @internal */\n  startDate?: string\n  /** @internal */\n  endDate?: string\n  /** @internal */\n  showPayrollCancelledAlert?: boolean\n}\n\n/** @internal */\nexport function PayrollLandingTabsContextual() {\n  const {\n    companyId,\n    onEvent,\n    selectedTab = 'run-payroll',\n    ConfirmWireDetailsComponent = ConfirmWireDetails,\n    showPayrollCancelledAlert,\n  } = useFlow<PayrollLandingFlowContextInterface>()\n  const [currentTab, setCurrentTab] = useState(selectedTab)\n  const { Tabs, Alert } = useComponentContext()\n\n  useI18n('Payroll.PayrollLanding')\n  const { t } = useTranslation('Payroll.PayrollLanding')\n\n  const { data: wireInRequestsData } = useWireInRequestsListSuspense({\n    companyUuid: ensureRequired(companyId),\n  })\n\n  const hasActiveWireInRequests = (wireInRequestsData.wireInRequestList || []).some(\n    r => r.status === 'awaiting_funds',\n  )\n\n  const handleDismissPayrollCancelledAlert = () => {\n    onEvent(componentEvents.RUN_PAYROLL_CANCELLED_ALERT_DISMISSED)\n  }\n\n  const { data: blockersData } = usePayrollsGetBlockersSuspense({\n    companyUuid: ensureRequired(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 onViewBlockers = () => {\n    onEvent(componentEvents.RUN_PAYROLL_BLOCKERS_VIEW_ALL)\n  }\n\n  const tabs = [\n    {\n      id: 'run-payroll',\n      label: t('tabs.runPayroll'),\n      content: <PayrollList companyId={ensureRequired(companyId)} onEvent={onEvent} />,\n    },\n    {\n      id: 'payroll-history',\n      label: t('tabs.payrollHistory'),\n      content: <PayrollHistory companyId={ensureRequired(companyId)} onEvent={onEvent} />,\n    },\n  ]\n\n  return (\n    <Flex flexDirection=\"column\" gap={32}>\n      {showPayrollCancelledAlert && (\n        <Alert\n          status=\"success\"\n          label={t('alerts.payrollCancelled')}\n          onDismiss={handleDismissPayrollCancelledAlert}\n        />\n      )}\n      {hasActiveWireInRequests && (\n        <ConfirmWireDetailsComponent companyId={ensureRequired(companyId)} onEvent={onEvent} />\n      )}\n      <TransitionPayrollAlert companyId={ensureRequired(companyId)} onEvent={onEvent} />\n      <PayrollBlockerAlerts blockers={blockers} onViewBlockersClick={onViewBlockers} />\n      <Tabs\n        tabs={tabs}\n        selectedId={currentTab}\n        onSelectionChange={setCurrentTab}\n        aria-label={t('aria.tabNavigation')}\n      />\n    </Flex>\n  )\n}\n\n/** @internal */\nexport function PayrollLandingReceiptsContextual() {\n  const { payrollUuid, onEvent, withReimbursements } = useFlow<PayrollLandingFlowContextInterface>()\n\n  return (\n    <PayrollReceipts\n      onEvent={onEvent}\n      payrollId={ensureRequired(payrollUuid)}\n      withReimbursements={withReimbursements}\n    />\n  )\n}\n\n/** @internal */\nexport function PayrollLandingOverviewContextual() {\n  const { companyId, payrollUuid, onEvent, withReimbursements, ConfirmWireDetailsComponent } =\n    useFlow<PayrollLandingFlowContextInterface>()\n\n  return (\n    <PayrollOverview\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      payrollId={ensureRequired(payrollUuid)}\n      withReimbursements={withReimbursements}\n      ConfirmWireDetailsComponent={ConfirmWireDetailsComponent}\n    />\n  )\n}\n"],"names":["PayrollLandingTabsContextual","companyId","onEvent","selectedTab","ConfirmWireDetailsComponent","ConfirmWireDetails","showPayrollCancelledAlert","useFlow","currentTab","setCurrentTab","useState","Tabs","Alert","useComponentContext","useI18n","t","useTranslation","wireInRequestsData","useWireInRequestsListSuspense","ensureRequired","hasActiveWireInRequests","r","handleDismissPayrollCancelledAlert","componentEvents","blockersData","usePayrollsGetBlockersSuspense","blockers","blocker","onViewBlockers","tabs","jsx","PayrollList","PayrollHistory","jsxs","Flex","TransitionPayrollAlert","PayrollBlockerAlerts","PayrollLandingReceiptsContextual","payrollUuid","withReimbursements","PayrollReceipts","PayrollLandingOverviewContextual","PayrollOverview"],"mappings":"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"}

package/dist/components/Payroll/PayrollLanding/payrollLandingStateMachine.d.ts

@@ -1,5 +1,7 @@
 import { BreadcrumbNodes } from '../../Common/FlowBreadcrumbs/FlowBreadcrumbsTypes';
+/** @internal */
 export declare const payrollLandingBreadcrumbNodes: BreadcrumbNodes;
+/** @internal */
 export declare const payrollLandingMachine: {
     tabs: import('robot3').MachineState<any>;
     overview: import('robot3').MachineState<any>;

package/dist/components/Payroll/PayrollLanding/payrollLandingStateMachine.js.map

@@ -1 +1 @@
-{"version":3,"file":"payrollLandingStateMachine.js","sources":["../../../../src/components/Payroll/PayrollLanding/payrollLandingStateMachine.ts"],"sourcesContent":["import { transition, reduce, state, guard } from 'robot3'\nimport {\n  PayrollLandingTabsContextual,\n  PayrollLandingReceiptsContextual,\n  PayrollLandingOverviewContextual,\n  type PayrollLandingFlowContextInterface,\n} from './PayrollLandingFlowComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\nimport type { BreadcrumbNodes } from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\nimport { updateBreadcrumbs } from '@/helpers/breadcrumbHelpers'\nimport { createBreadcrumbNavigateTransition } from '@/components/Common/FlowBreadcrumbs/breadcrumbTransitionHelpers'\n\ntype EventPayloads = {\n  [componentEvents.RUN_PAYROLL_RECEIPT_VIEWED]: {\n    payrollId: string\n    startDate?: string\n    endDate?: string\n  }\n  [componentEvents.RUN_PAYROLL_SUMMARY_VIEWED]: {\n    payrollId: string\n    startDate?: string\n    endDate?: string\n  }\n  [componentEvents.RUN_PAYROLL_RECEIPT_GET]: {\n    payrollId: string\n  }\n  [componentEvents.RUN_PAYROLL_CANCELLED]: undefined\n  [componentEvents.RUN_PAYROLL_CANCELLED_ALERT_DISMISSED]: undefined\n}\n\nexport const payrollLandingBreadcrumbNodes: BreadcrumbNodes = {\n  tabs: {\n    parent: null,\n    item: {\n      id: 'tabs',\n      label: 'breadcrumbs.landing',\n      namespace: 'Payroll.PayrollLanding',\n      onNavigate: ((ctx: PayrollLandingFlowContextInterface) => ({\n        ...ctx,\n        component: PayrollLandingTabsContextual,\n        header:\n          ctx.header?.type === 'breadcrumbs'\n            ? { ...ctx.header, currentBreadcrumbId: undefined }\n            : null,\n        payrollUuid: undefined,\n        previousState: undefined,\n        startDate: undefined,\n        endDate: undefined,\n      })) as (context: unknown) => unknown,\n    },\n  },\n  overview: {\n    parent: 'tabs',\n    item: {\n      id: 'overview',\n      label: 'breadcrumbs.overview',\n      namespace: 'Payroll.PayrollLanding',\n    },\n  },\n  receipt: {\n    parent: 'tabs',\n    item: {\n      id: 'receipt',\n      label: 'breadcrumbs.receipt',\n      namespace: 'Payroll.PayrollLanding',\n    },\n  },\n} as const\n\nconst createReducer = (props: Partial<PayrollLandingFlowContextInterface>) => {\n  return (ctx: PayrollLandingFlowContextInterface): PayrollLandingFlowContextInterface => ({\n    ...ctx,\n    ...props,\n  })\n}\n\n/**\n * Reducer that returns the flow to the landing tabs view while preserving\n * the existing breadcrumbs trail data so that re-entering a sub-state can\n * pick it up without rebuilding.\n */\nconst returnToTabs = (\n  extra: Partial<PayrollLandingFlowContextInterface> = {},\n): ((ctx: PayrollLandingFlowContextInterface) => PayrollLandingFlowContextInterface) => {\n  return (ctx: PayrollLandingFlowContextInterface) => ({\n    ...ctx,\n    component: PayrollLandingTabsContextual,\n    payrollUuid: undefined,\n    previousState: undefined,\n    startDate: undefined,\n    endDate: undefined,\n    header:\n      ctx.header?.type === 'breadcrumbs' ? { ...ctx.header, currentBreadcrumbId: undefined } : null,\n    ...extra,\n  })\n}\n\nconst breadcrumbNavigateTransition =\n  createBreadcrumbNavigateTransition<PayrollLandingFlowContextInterface>()\n\nexport const payrollLandingMachine = {\n  tabs: state<MachineTransition>(\n    transition(\n      componentEvents.RUN_PAYROLL_RECEIPT_VIEWED,\n      'receipt',\n      reduce(\n        (\n          ctx: PayrollLandingFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.RUN_PAYROLL_RECEIPT_VIEWED>,\n        ): PayrollLandingFlowContextInterface => ({\n          ...updateBreadcrumbs('receipt', ctx, {\n            startDate: ev.payload.startDate ?? '',\n            endDate: ev.payload.endDate ?? '',\n          }),\n          component: PayrollLandingReceiptsContextual,\n          payrollUuid: ev.payload.payrollId,\n          previousState: 'tabs',\n          selectedTab: 'payroll-history',\n          startDate: ev.payload.startDate,\n          endDate: ev.payload.endDate,\n          showPayrollCancelledAlert: false,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_SUMMARY_VIEWED,\n      'overview',\n      reduce(\n        (\n          ctx: PayrollLandingFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.RUN_PAYROLL_SUMMARY_VIEWED>,\n        ): PayrollLandingFlowContextInterface => ({\n          ...updateBreadcrumbs('overview', ctx, {\n            startDate: ev.payload.startDate ?? '',\n            endDate: ev.payload.endDate ?? '',\n          }),\n          component: PayrollLandingOverviewContextual,\n          payrollUuid: ev.payload.payrollId,\n          previousState: 'tabs',\n          selectedTab: 'payroll-history',\n          startDate: ev.payload.startDate,\n          endDate: ev.payload.endDate,\n          showPayrollCancelledAlert: false,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_CANCELLED,\n      'tabs',\n      reduce(\n        createReducer({\n          showPayrollCancelledAlert: true,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_CANCELLED_ALERT_DISMISSED,\n      'tabs',\n      reduce(\n        createReducer({\n          showPayrollCancelledAlert: false,\n        }),\n      ),\n    ),\n  ),\n  overview: state<MachineTransition>(\n    breadcrumbNavigateTransition('tabs'),\n    transition(componentEvents.RUN_PAYROLL_BACK, 'tabs', reduce(returnToTabs())),\n    transition(\n      componentEvents.RUN_PAYROLL_RECEIPT_GET,\n      'receipt',\n      reduce(\n        (\n          ctx: PayrollLandingFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.RUN_PAYROLL_RECEIPT_GET>,\n        ): PayrollLandingFlowContextInterface => ({\n          ...updateBreadcrumbs('receipt', ctx, {\n            startDate: ctx.startDate ?? '',\n            endDate: ctx.endDate ?? '',\n          }),\n          component: PayrollLandingReceiptsContextual,\n          payrollUuid: ev.payload.payrollId,\n          previousState: 'overview',\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_CANCELLED,\n      'tabs',\n      reduce(returnToTabs({ showPayrollCancelledAlert: true })),\n    ),\n  ),\n  receipt: state<MachineTransition>(\n    breadcrumbNavigateTransition('tabs'),\n    transition(\n      componentEvents.RUN_PAYROLL_BACK,\n      'overview',\n      reduce(\n        (ctx: PayrollLandingFlowContextInterface): PayrollLandingFlowContextInterface => ({\n          ...updateBreadcrumbs('overview', ctx, {\n            startDate: ctx.startDate ?? '',\n            endDate: ctx.endDate ?? '',\n          }),\n          component: PayrollLandingOverviewContextual,\n          previousState: 'tabs',\n        }),\n      ),\n      guard((ctx: PayrollLandingFlowContextInterface) => {\n        return ctx.previousState === 'overview'\n      }),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_BACK,\n      'tabs',\n      reduce(returnToTabs()),\n      guard((ctx: PayrollLandingFlowContextInterface) => {\n        return ctx.previousState === 'tabs'\n      }),\n    ),\n  ),\n}\n"],"names":["payrollLandingBreadcrumbNodes","ctx","PayrollLandingTabsContextual","createReducer","props","returnToTabs","extra","breadcrumbNavigateTransition","createBreadcrumbNavigateTransition","payrollLandingMachine","state","transition","componentEvents","reduce","ev","updateBreadcrumbs","PayrollLandingReceiptsContextual","PayrollLandingOverviewContextual","guard"],"mappings":"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"}
+{"version":3,"file":"payrollLandingStateMachine.js","sources":["../../../../src/components/Payroll/PayrollLanding/payrollLandingStateMachine.ts"],"sourcesContent":["import { transition, reduce, state, guard } from 'robot3'\nimport {\n  PayrollLandingTabsContextual,\n  PayrollLandingReceiptsContextual,\n  PayrollLandingOverviewContextual,\n  type PayrollLandingFlowContextInterface,\n} from './PayrollLandingFlowComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\nimport type { BreadcrumbNodes } from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\nimport { updateBreadcrumbs } from '@/helpers/breadcrumbHelpers'\nimport { createBreadcrumbNavigateTransition } from '@/components/Common/FlowBreadcrumbs/breadcrumbTransitionHelpers'\n\ntype EventPayloads = {\n  [componentEvents.RUN_PAYROLL_RECEIPT_VIEWED]: {\n    payrollId: string\n    startDate?: string\n    endDate?: string\n  }\n  [componentEvents.RUN_PAYROLL_SUMMARY_VIEWED]: {\n    payrollId: string\n    startDate?: string\n    endDate?: string\n  }\n  [componentEvents.RUN_PAYROLL_RECEIPT_GET]: {\n    payrollId: string\n  }\n  [componentEvents.RUN_PAYROLL_CANCELLED]: undefined\n  [componentEvents.RUN_PAYROLL_CANCELLED_ALERT_DISMISSED]: undefined\n}\n\n/** @internal */\nexport const payrollLandingBreadcrumbNodes: BreadcrumbNodes = {\n  tabs: {\n    parent: null,\n    item: {\n      id: 'tabs',\n      label: 'breadcrumbs.landing',\n      namespace: 'Payroll.PayrollLanding',\n      onNavigate: ((ctx: PayrollLandingFlowContextInterface) => ({\n        ...ctx,\n        component: PayrollLandingTabsContextual,\n        header:\n          ctx.header?.type === 'breadcrumbs'\n            ? { ...ctx.header, currentBreadcrumbId: undefined }\n            : null,\n        payrollUuid: undefined,\n        previousState: undefined,\n        startDate: undefined,\n        endDate: undefined,\n      })) as (context: unknown) => unknown,\n    },\n  },\n  overview: {\n    parent: 'tabs',\n    item: {\n      id: 'overview',\n      label: 'breadcrumbs.overview',\n      namespace: 'Payroll.PayrollLanding',\n    },\n  },\n  receipt: {\n    parent: 'tabs',\n    item: {\n      id: 'receipt',\n      label: 'breadcrumbs.receipt',\n      namespace: 'Payroll.PayrollLanding',\n    },\n  },\n} as const\n\nconst createReducer = (props: Partial<PayrollLandingFlowContextInterface>) => {\n  return (ctx: PayrollLandingFlowContextInterface): PayrollLandingFlowContextInterface => ({\n    ...ctx,\n    ...props,\n  })\n}\n\n/**\n * Reducer that returns the flow to the landing tabs view while preserving\n * the existing breadcrumbs trail data so that re-entering a sub-state can\n * pick it up without rebuilding.\n */\nconst returnToTabs = (\n  extra: Partial<PayrollLandingFlowContextInterface> = {},\n): ((ctx: PayrollLandingFlowContextInterface) => PayrollLandingFlowContextInterface) => {\n  return (ctx: PayrollLandingFlowContextInterface) => ({\n    ...ctx,\n    component: PayrollLandingTabsContextual,\n    payrollUuid: undefined,\n    previousState: undefined,\n    startDate: undefined,\n    endDate: undefined,\n    header:\n      ctx.header?.type === 'breadcrumbs' ? { ...ctx.header, currentBreadcrumbId: undefined } : null,\n    ...extra,\n  })\n}\n\nconst breadcrumbNavigateTransition =\n  createBreadcrumbNavigateTransition<PayrollLandingFlowContextInterface>()\n\n/** @internal */\nexport const payrollLandingMachine = {\n  tabs: state<MachineTransition>(\n    transition(\n      componentEvents.RUN_PAYROLL_RECEIPT_VIEWED,\n      'receipt',\n      reduce(\n        (\n          ctx: PayrollLandingFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.RUN_PAYROLL_RECEIPT_VIEWED>,\n        ): PayrollLandingFlowContextInterface => ({\n          ...updateBreadcrumbs('receipt', ctx, {\n            startDate: ev.payload.startDate ?? '',\n            endDate: ev.payload.endDate ?? '',\n          }),\n          component: PayrollLandingReceiptsContextual,\n          payrollUuid: ev.payload.payrollId,\n          previousState: 'tabs',\n          selectedTab: 'payroll-history',\n          startDate: ev.payload.startDate,\n          endDate: ev.payload.endDate,\n          showPayrollCancelledAlert: false,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_SUMMARY_VIEWED,\n      'overview',\n      reduce(\n        (\n          ctx: PayrollLandingFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.RUN_PAYROLL_SUMMARY_VIEWED>,\n        ): PayrollLandingFlowContextInterface => ({\n          ...updateBreadcrumbs('overview', ctx, {\n            startDate: ev.payload.startDate ?? '',\n            endDate: ev.payload.endDate ?? '',\n          }),\n          component: PayrollLandingOverviewContextual,\n          payrollUuid: ev.payload.payrollId,\n          previousState: 'tabs',\n          selectedTab: 'payroll-history',\n          startDate: ev.payload.startDate,\n          endDate: ev.payload.endDate,\n          showPayrollCancelledAlert: false,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_CANCELLED,\n      'tabs',\n      reduce(\n        createReducer({\n          showPayrollCancelledAlert: true,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_CANCELLED_ALERT_DISMISSED,\n      'tabs',\n      reduce(\n        createReducer({\n          showPayrollCancelledAlert: false,\n        }),\n      ),\n    ),\n  ),\n  overview: state<MachineTransition>(\n    breadcrumbNavigateTransition('tabs'),\n    transition(componentEvents.RUN_PAYROLL_BACK, 'tabs', reduce(returnToTabs())),\n    transition(\n      componentEvents.RUN_PAYROLL_RECEIPT_GET,\n      'receipt',\n      reduce(\n        (\n          ctx: PayrollLandingFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.RUN_PAYROLL_RECEIPT_GET>,\n        ): PayrollLandingFlowContextInterface => ({\n          ...updateBreadcrumbs('receipt', ctx, {\n            startDate: ctx.startDate ?? '',\n            endDate: ctx.endDate ?? '',\n          }),\n          component: PayrollLandingReceiptsContextual,\n          payrollUuid: ev.payload.payrollId,\n          previousState: 'overview',\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_CANCELLED,\n      'tabs',\n      reduce(returnToTabs({ showPayrollCancelledAlert: true })),\n    ),\n  ),\n  receipt: state<MachineTransition>(\n    breadcrumbNavigateTransition('tabs'),\n    transition(\n      componentEvents.RUN_PAYROLL_BACK,\n      'overview',\n      reduce(\n        (ctx: PayrollLandingFlowContextInterface): PayrollLandingFlowContextInterface => ({\n          ...updateBreadcrumbs('overview', ctx, {\n            startDate: ctx.startDate ?? '',\n            endDate: ctx.endDate ?? '',\n          }),\n          component: PayrollLandingOverviewContextual,\n          previousState: 'tabs',\n        }),\n      ),\n      guard((ctx: PayrollLandingFlowContextInterface) => {\n        return ctx.previousState === 'overview'\n      }),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_BACK,\n      'tabs',\n      reduce(returnToTabs()),\n      guard((ctx: PayrollLandingFlowContextInterface) => {\n        return ctx.previousState === 'tabs'\n      }),\n    ),\n  ),\n}\n"],"names":["payrollLandingBreadcrumbNodes","ctx","PayrollLandingTabsContextual","createReducer","props","returnToTabs","extra","breadcrumbNavigateTransition","createBreadcrumbNavigateTransition","payrollLandingMachine","state","transition","componentEvents","reduce","ev","updateBreadcrumbs","PayrollLandingReceiptsContextual","PayrollLandingOverviewContextual","guard"],"mappings":";;;;;AAgCO,MAAMA,IAAiD;AAAA,EAC5D,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,WAAW;AAAA,MACX,aAAa,CAACC,OAA6C;AAAA,QACzD,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,QACED,EAAI,QAAQ,SAAS,gBACjB,EAAE,GAAGA,EAAI,QAAQ,qBAAqB,OAAA,IACtC;AAAA,QACN,aAAa;AAAA,QACb,eAAe;AAAA,QACf,WAAW;AAAA,QACX,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,EACF;AAAA,EAEF,UAAU;AAAA,IACR,QAAQ;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,WAAW;AAAA,IAAA;AAAA,EACb;AAAA,EAEF,SAAS;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,WAAW;AAAA,IAAA;AAAA,EACb;AAEJ,GAEME,IAAgB,CAACC,MACd,CAACH,OAAiF;AAAA,EACvF,GAAGA;AAAA,EACH,GAAGG;AAAA,IASDC,IAAe,CACnBC,IAAqD,OAE9C,CAACL,OAA6C;AAAA,EACnD,GAAGA;AAAA,EACH,WAAWC;AAAA,EACX,aAAa;AAAA,EACb,eAAe;AAAA,EACf,WAAW;AAAA,EACX,SAAS;AAAA,EACT,QACED,EAAI,QAAQ,SAAS,gBAAgB,EAAE,GAAGA,EAAI,QAAQ,qBAAqB,OAAA,IAAc;AAAA,EAC3F,GAAGK;AAAA,IAIDC,IACJC,EAAA,GAGWC,IAAwB;AAAA,EACnC,MAAMC;AAAA,IACJC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEZ,GACAa,OACwC;AAAA,UACxC,GAAGC,EAAkB,WAAWd,GAAK;AAAA,YACnC,WAAWa,EAAG,QAAQ,aAAa;AAAA,YACnC,SAASA,EAAG,QAAQ,WAAW;AAAA,UAAA,CAChC;AAAA,UACD,WAAWE;AAAA,UACX,aAAaF,EAAG,QAAQ;AAAA,UACxB,eAAe;AAAA,UACf,aAAa;AAAA,UACb,WAAWA,EAAG,QAAQ;AAAA,UACtB,SAASA,EAAG,QAAQ;AAAA,UACpB,2BAA2B;AAAA,QAAA;AAAA,MAC7B;AAAA,IACF;AAAA,IAEFH;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEZ,GACAa,OACwC;AAAA,UACxC,GAAGC,EAAkB,YAAYd,GAAK;AAAA,YACpC,WAAWa,EAAG,QAAQ,aAAa;AAAA,YACnC,SAASA,EAAG,QAAQ,WAAW;AAAA,UAAA,CAChC;AAAA,UACD,WAAWG;AAAA,UACX,aAAaH,EAAG,QAAQ;AAAA,UACxB,eAAe;AAAA,UACf,aAAa;AAAA,UACb,WAAWA,EAAG,QAAQ;AAAA,UACtB,SAASA,EAAG,QAAQ;AAAA,UACpB,2BAA2B;AAAA,QAAA;AAAA,MAC7B;AAAA,IACF;AAAA,IAEFH;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACEV,EAAc;AAAA,UACZ,2BAA2B;AAAA,QAAA,CAC5B;AAAA,MAAA;AAAA,IACH;AAAA,IAEFQ;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACEV,EAAc;AAAA,UACZ,2BAA2B;AAAA,QAAA,CAC5B;AAAA,MAAA;AAAA,IACH;AAAA,EACF;AAAA,EAEF,UAAUO;AAAA,IACRH,EAA6B,MAAM;AAAA,IACnCI,EAAWC,EAAgB,kBAAkB,QAAQC,EAAOR,EAAA,CAAc,CAAC;AAAA,IAC3EM;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEZ,GACAa,OACwC;AAAA,UACxC,GAAGC,EAAkB,WAAWd,GAAK;AAAA,YACnC,WAAWA,EAAI,aAAa;AAAA,YAC5B,SAASA,EAAI,WAAW;AAAA,UAAA,CACzB;AAAA,UACD,WAAWe;AAAA,UACX,aAAaF,EAAG,QAAQ;AAAA,UACxB,eAAe;AAAA,QAAA;AAAA,MACjB;AAAA,IACF;AAAA,IAEFH;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOR,EAAa,EAAE,2BAA2B,GAAA,CAAM,CAAC;AAAA,IAAA;AAAA,EAC1D;AAAA,EAEF,SAASK;AAAA,IACPH,EAA6B,MAAM;AAAA,IACnCI;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CAACZ,OAAiF;AAAA,UAChF,GAAGc,EAAkB,YAAYd,GAAK;AAAA,YACpC,WAAWA,EAAI,aAAa;AAAA,YAC5B,SAASA,EAAI,WAAW;AAAA,UAAA,CACzB;AAAA,UACD,WAAWgB;AAAA,UACX,eAAe;AAAA,QAAA;AAAA,MACjB;AAAA,MAEFC,EAAM,CAACjB,MACEA,EAAI,kBAAkB,UAC9B;AAAA,IAAA;AAAA,IAEHU;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOR,GAAc;AAAA,MACrBa,EAAM,CAACjB,MACEA,EAAI,kBAAkB,MAC9B;AAAA,IAAA;AAAA,EACH;AAEJ;"}

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

@@ -1,22 +1,41 @@
 import { BaseComponentInterface } from '../../Base';
-interface PayrollListBlockProps extends BaseComponentInterface {
+/**
+ * Props for {@link PayrollList}.
+ *
+ * @public
+ */
+export interface PayrollListBlockProps extends BaseComponentInterface {
+    /** The associated company identifier. */
     companyId: string;
 }
 /**
  * Lists upcoming payrolls and lets users start running them.
  *
- * Disables the Run Payroll action on Regular rows when the company has any
- * unprocessed transition pay periods within the next 90 days — running a
- * regular payroll before resolving a transition causes the transition to be
- * dropped on the backend, so this gate matches the behavior shipped in
- * Gusto-hosted flows. Off-cycle rows and the Run off-cycle CTA are
- * intentionally left enabled, since off-cycle is the path used to actually
- * run a transition payroll.
+ * Displays available payrolls with pay period dates, payroll type, check date,
+ * deadline, and status. Each row offers actions to run, submit a calculated
+ * payroll, skip, or delete (for cancellable off-cycle payrolls). A separate
+ * call-to-action starts an off-cycle payroll.
+ *
+ * @remarks
+ * When the company has unprocessed transition pay periods within the next
+ * 90 days, the Run Payroll action on Regular rows is disabled to prevent a
+ * regular payroll from being run before the transition is resolved. Off-cycle
+ * rows and the Run off-cycle action remain enabled, since off-cycle is the
+ * path used to run a transition payroll. {@link PayrollLanding} pairs this
+ * list with an alert that lets users run or skip the pending transition; when
+ * using `PayrollList` directly, render an equivalent resolution surface
+ * alongside it.
+ *
+ * | Event | Description | Data |
+ * | ----- | ----------- | ---- |
+ * | `runPayroll/selected` | User selected a payroll to run | `{ payrollUuid, payPeriod }` |
+ * | `payroll/review` | User selected a calculated payroll to review and submit | `{ payrollUuid, payPeriod }` |
+ * | `payroll/skipped` | A payroll was successfully skipped | `{ payrollId }` |
+ * | `payroll/deleted` | A cancellable off-cycle payroll was successfully deleted | `{ payrollId }` |
+ * | `runPayroll/offCycle/start` | User clicked the Run off-cycle call-to-action | — |
  *
- * When composed via `Payroll.PayrollLanding`, the alert that explains the
- * block (and lets the user resolve it via Run / Skip) is rendered
- * automatically. When using `PayrollList` directly, render an equivalent
- * resolution surface alongside it.
+ * @param props - See {@link PayrollListBlockProps}.
+ * @returns The rendered payroll list.
+ * @public
  */
 export declare function PayrollList(props: PayrollListBlockProps): import("react").JSX.Element;
-export {};

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-v-2025-11-15/react-query/payrollsList'\nimport { usePaySchedulesGetAllSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/paySchedulesGetAll'\nimport { usePayrollsSkipMutation } from '@gusto/embedded-api-v-2025-11-15/react-query/payrollsSkip'\nimport { usePayrollsDeleteMutation } from '@gusto/embedded-api-v-2025-11-15/react-query/payrollsDelete'\nimport { usePayrollsGetBlockersSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/payrollsGetBlockers'\nimport { useWireInRequestsListSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/wireInRequestsList'\nimport { PayrollType } from '@gusto/embedded-api-v-2025-11-15/models/operations/postcompaniespayrollskipcompanyuuid'\nimport {\n  ProcessingStatuses,\n  QueryParamPayrollTypes,\n} from '@gusto/embedded-api-v-2025-11-15/models/operations/getv1companiescompanyidpayrolls'\nimport type { Payroll } from '@gusto/embedded-api-v-2025-11-15/models/components/payroll'\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\ninterface PayrollListBlockProps extends BaseComponentInterface {\n  companyId: string\n}\n\n/**\n * Lists upcoming payrolls and lets users start running them.\n *\n * Disables the Run Payroll action on Regular rows when the company has any\n * unprocessed transition pay periods within the next 90 days — running a\n * regular payroll before resolving a transition causes the transition to be\n * dropped on the backend, so this gate matches the behavior shipped in\n * Gusto-hosted flows. Off-cycle rows and the Run off-cycle CTA are\n * intentionally left enabled, since off-cycle is the path used to actually\n * run a transition payroll.\n *\n * When composed via `Payroll.PayrollLanding`, the alert that explains the\n * block (and lets the user resolve it via Run / Skip) is rendered\n * automatically. When using `PayrollList` directly, render an equivalent\n * resolution surface alongside it.\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-v-2025-11-15/react-query/payrollsList'\nimport { usePaySchedulesGetAllSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/paySchedulesGetAll'\nimport { usePayrollsSkipMutation } from '@gusto/embedded-api-v-2025-11-15/react-query/payrollsSkip'\nimport { usePayrollsDeleteMutation } from '@gusto/embedded-api-v-2025-11-15/react-query/payrollsDelete'\nimport { usePayrollsGetBlockersSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/payrollsGetBlockers'\nimport { useWireInRequestsListSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/wireInRequestsList'\nimport { PayrollType } from '@gusto/embedded-api-v-2025-11-15/models/operations/postcompaniespayrollskipcompanyuuid'\nimport {\n  ProcessingStatuses,\n  QueryParamPayrollTypes,\n} from '@gusto/embedded-api-v-2025-11-15/models/operations/getv1companiescompanyidpayrolls'\nimport type { Payroll } from '@gusto/embedded-api-v-2025-11-15/models/components/payroll'\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 {\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 * | 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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"}

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

@@ -24,5 +24,6 @@ interface PayrollListPresentationProps {
     dateRangeFilter: UseDateRangeFilterResult;
     hasUnprocessedTransitions?: boolean;
 }
+/** @internal */
 export declare const PayrollListPresentation: ({ onRunPayroll, onSubmitPayroll, onSkipPayroll, onDeletePayroll, onRunOffCyclePayroll, payrolls, pagination, paySchedules, showSkipSuccessAlert, onDismissSkipSuccessAlert, showDeleteSuccessAlert, onDismissDeleteSuccessAlert, skippingPayrollId, deletingPayrollId, blockers, wireInRequests, dateRangeFilter, hasUnprocessedTransitions, }: PayrollListPresentationProps) => import("react").JSX.Element;
 export {};

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

@@ -4,14 +4,14 @@ 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 d } from "../../Common/Flex/Flex.js";
-import { HamburgerMenu as ye } from "../../Common/HamburgerMenu/HamburgerMenu.js";
-import { DateRangeFilter as pe } from "../../Common/DateRangeFilter/DateRangeFilter.js";
-import { useComponentContext as De } from "../../../contexts/ComponentAdapter/useComponentContext.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 Pe } from "../../../helpers/dateFormatting.js";
-import { useDateFormatter as he } from "../../../hooks/useDateFormatter.js";
-import be from "../../../assets/icons/feature-icon-check.svg.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";
@@ -20,40 +20,40 @@ const G = /* @__PURE__ */ new Set([
   y.Correction,
   y.DismissedEmployee
 ]);
-function Le(r, k, p) {
+function Le(r, S, p) {
   if (r.processed) return !1;
-  const D = r.payPeriod?.startDate ? new Date(r.payPeriod.startDate) : null, L = !r.offCycle || r.offCycleReason === y.TransitionFromOldPaySchedule, u = k.length === 0 && L && p && D && p >= D, A = r.offCycle && !!r.offCycleReason && G.has(r.offCycleReason);
-  return !!(u || A);
+  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 _e = ({
   onRunPayroll: r,
-  onSubmitPayroll: k,
+  onSubmitPayroll: S,
   onSkipPayroll: p,
   onDeletePayroll: D,
-  onRunOffCyclePayroll: L,
-  payrolls: u,
-  pagination: A,
-  paySchedules: O,
+  onRunOffCyclePayroll: k,
+  payrolls: d,
+  pagination: L,
+  paySchedules: I,
   showSkipSuccessAlert: J,
   onDismissSkipSuccessAlert: Q,
   showDeleteSuccessAlert: X,
   onDismissDeleteSuccessAlert: Z,
   skippingPayrollId: x,
   deletingPayrollId: $,
-  blockers: I,
+  blockers: A,
   wireInRequests: ee,
   dateRangeFilter: s,
   hasUnprocessedTransitions: te = !1
 }) => {
-  const { Box: ae, Button: v, ButtonIcon: N, Dialog: F, Heading: le, Text: C, Alert: w } = De();
+  const { Box: ae, Button: O, ButtonIcon: N, Dialog: E, Heading: le, Text: v, Alert: w } = Pe();
   Ce("Payroll.PayrollList");
-  const { t } = me("Payroll.PayrollList"), m = he(), E = ue(null), B = ge({ ref: E }).includes("large"), P = q(() => {
-    const e = Pe(/* @__PURE__ */ new Date());
+  const { t } = me("Payroll.PayrollList"), u = be(), F = ue(null), B = ge({ ref: F }).includes("large"), P = q(() => {
+    const e = he(/* @__PURE__ */ new Date());
     return e ? new Date(e) : null;
   }, []), T = q(
-    () => u.some((e) => Le(e, I, P)),
-    [u, I, P]
-  ), [h, H] = V({
+    () => d.some((e) => Le(e, A, P)),
+    [d, A, P]
+  ), [C, H] = V({
     isOpen: !1,
     payrollId: null,
     payPeriod: null
@@ -70,8 +70,8 @@ const _e = ({
       payPeriod: null
     });
   }, re = () => {
-    h.payrollId && (p({ payrollUuid: h.payrollId }), M());
-  }, [b, R] = V({
+    C.payrollId && (p({ payrollUuid: C.payrollId }), M());
+  }, [h, R] = V({
     isOpen: !1,
     payrollId: null,
     payPeriod: null
@@ -88,38 +88,38 @@ const _e = ({
       payPeriod: null
     });
   }, ie = () => {
-    b.payrollId && (D({ payrollUuid: b.payrollId }), U());
+    h.payrollId && (D({ payrollUuid: h.payrollId }), U());
   }, W = (e, l) => {
-    const i = m.formatShort(e), n = m.formatShortWithYear(l);
+    const i = u.formatShort(e), n = u.formatShortWithYear(l);
     return {
       startDate: i,
       endDate: n,
-      fullPeriod: m.formatPayPeriodRange(e, l, { useShortMonth: !0 })
+      fullPeriod: u.formatPayPeriodRange(e, l, { useShortMonth: !0 })
     };
   }, j = (e) => {
-    const { payrollUuid: l, calculatedAt: i, processed: n, payPeriod: g } = e;
+    const { payrollUuid: l, calculatedAt: i, processed: n, payPeriod: b } = e;
     if (n)
       return null;
-    const S = x === l, f = !e.offCycle && te;
+    const g = x === l, m = !e.offCycle && te;
     return i ? /* @__PURE__ */ a(
-      v,
+      O,
       {
-        isLoading: S,
-        isDisabled: f,
+        isLoading: g,
+        isDisabled: m,
         onClick: () => {
-          k({ payrollUuid: l, payPeriod: g });
+          S({ payrollUuid: l, payPeriod: b });
         },
         title: t("submitPayrollCta"),
         variant: "secondary",
         children: t("submitPayrollCta")
       }
     ) : /* @__PURE__ */ a(
-      v,
+      O,
       {
-        isLoading: S,
-        isDisabled: f,
+        isLoading: g,
+        isDisabled: m,
         onClick: () => {
-          r({ payrollUuid: l, payPeriod: g });
+          r({ payrollUuid: l, payPeriod: b });
         },
         title: t("runPayrollTitle"),
         variant: "secondary",
@@ -127,7 +127,7 @@ const _e = ({
       }
     );
   };
-  return /* @__PURE__ */ a("div", { ref: E, className: o.container, children: /* @__PURE__ */ c(d, { flexDirection: "column", gap: 16, children: [
+  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,
       {
@@ -144,10 +144,10 @@ const _e = ({
         onDismiss: Z
       }
     ) }),
-    /* @__PURE__ */ c(d, { justifyContent: "space-between", alignItems: "center", children: [
+    /* @__PURE__ */ c(f, { justifyContent: "space-between", alignItems: "center", children: [
       /* @__PURE__ */ a(le, { as: "h2", children: t("title") }),
       /* @__PURE__ */ a(
-        pe,
+        De,
         {
           startDate: s.filterStartDate,
           endDate: s.filterEndDate,
@@ -171,12 +171,9 @@ const _e = ({
       ke,
       {
         breakAt: "large",
-        pagination: A,
-        emptyState: () => /* @__PURE__ */ c(d, { flexDirection: "column", alignItems: "center", gap: 24, children: [
-          /* @__PURE__ */ a(be, {}),
-          /* @__PURE__ */ a(C, { children: t("emptyState") })
-        ] }),
-        data: u,
+        pagination: L,
+        emptyState: () => /* @__PURE__ */ a(ye, { title: t("emptyState") }),
+        data: d,
         columns: [
           {
             render: ({ payPeriod: e }) => {
@@ -188,7 +185,7 @@ const _e = ({
                 l,
                 " - ",
                 i,
-                /* @__PURE__ */ a(C, { variant: "supporting", size: "sm", children: O.find((n) => n.uuid === e?.payScheduleUuid)?.name || O.find((n) => n.uuid === e?.payScheduleUuid)?.customName })
+                /* @__PURE__ */ a(v, { variant: "supporting", size: "sm", children: I.find((n) => n.uuid === e?.payScheduleUuid)?.name || I.find((n) => n.uuid === e?.payScheduleUuid)?.customName })
               ] });
             },
             title: t("tableHeaders.0")
@@ -198,12 +195,12 @@ const _e = ({
             title: t("tableHeaders.1")
           },
           {
-            render: ({ checkDate: e }) => m.formatShortWithWeekdayAndYear(e),
+            render: ({ checkDate: e }) => u.formatShortWithWeekdayAndYear(e),
             title: t("tableHeaders.2")
           },
           {
             title: t("tableHeaders.3"),
-            render: ({ payrollDeadline: e }) => m.formatShortWithWeekdayAndYear(e)
+            render: ({ payrollDeadline: e }) => u.formatShortWithWeekdayAndYear(e)
           },
           {
             title: t("tableHeaders.4"),
@@ -219,14 +216,14 @@ const _e = ({
               title: "",
               render: (e) => {
                 const l = j(e);
-                return l ? /* @__PURE__ */ a(d, { flexDirection: "column", alignItems: "stretch", gap: 12, children: l }) : null;
+                return l ? /* @__PURE__ */ a(f, { flexDirection: "column", alignItems: "stretch", gap: 12, children: l }) : null;
               }
             }
           ]
         ],
         label: t("payrollsListLabel"),
         itemMenu: (e) => {
-          const { payrollUuid: l, processed: i, payPeriod: n } = e, g = x === l, S = $ === l, Y = B ? j(e) : null;
+          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,
@@ -238,30 +235,30 @@ const _e = ({
                 className: o.menuPlaceholder
               }
             ) });
-          const { fullPeriod: f } = W(
+          const { fullPeriod: m } = W(
             n?.startDate,
             n?.endDate
-          ), _ = n?.startDate ? new Date(n.startDate) : null, se = !e.offCycle || e.offCycleReason === y.TransitionFromOldPaySchedule, z = I.length === 0 && se && P && _ && P >= _, ce = e.offCycle && !!e.offCycleReason && G.has(e.offCycleReason), K = z ? [
+          ), _ = 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 ? [
             {
               label: t("skipPayrollCta"),
               onClick: () => {
-                ne(l, f);
+                ne(l, m);
               }
             }
           ] : ce ? [
             {
               label: t("deletePayrollCta"),
               onClick: () => {
-                oe(l, f);
+                oe(l, m);
               }
             }
           ] : null, de = K !== null;
           return /* @__PURE__ */ c("div", { className: o.actionsContainer, children: [
             Y,
             de ? /* @__PURE__ */ a(
-              ye,
+              pe,
               {
-                isLoading: z ? g : S,
+                isLoading: z ? b : g,
                 menuLabel: t("payrollMenuLabel"),
                 items: K
               }
@@ -280,27 +277,27 @@ const _e = ({
       }
     ),
     /* @__PURE__ */ a(
-      F,
+      E,
       {
-        isOpen: h.isOpen,
+        isOpen: C.isOpen,
         onClose: M,
         onPrimaryActionClick: re,
         isDestructive: !0,
-        title: t("skipPayrollDialog.title", { payPeriod: h.payPeriod }),
+        title: t("skipPayrollDialog.title", { payPeriod: C.payPeriod }),
         primaryActionLabel: t("skipPayrollDialog.confirmCta"),
         closeActionLabel: t("skipPayrollDialog.cancelCta"),
         children: t("skipPayrollDialog.body")
       }
     ),
     /* @__PURE__ */ a(
-      F,
+      E,
       {
-        isOpen: b.isOpen,
+        isOpen: h.isOpen,
         onClose: U,
         onPrimaryActionClick: ie,
         isDestructive: !0,
         title: t("deletePayrollDialog.title", {
-          payPeriod: b.payPeriod
+          payPeriod: h.payPeriod
         }),
         primaryActionLabel: t("deletePayrollDialog.confirmCta"),
         closeActionLabel: t("deletePayrollDialog.cancelCta"),
@@ -308,18 +305,18 @@ const _e = ({
       }
     ),
     /* @__PURE__ */ a(ae, { className: o.offCycleCta, children: /* @__PURE__ */ c(
-      d,
+      f,
       {
         flexDirection: { base: "column", medium: "row" },
         justifyContent: "space-between",
         alignItems: { base: "stretch", medium: "center" },
         gap: 16,
         children: [
-          /* @__PURE__ */ c(d, { flexDirection: "column", gap: 4, children: [
-            /* @__PURE__ */ a(C, { weight: "bold", children: t("offCycleCta.title") }),
-            /* @__PURE__ */ a(C, { variant: "supporting", size: "sm", children: t("offCycleCta.description") })
+          /* @__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(v, { variant: "secondary", onClick: L, children: t("offCycleCta.button") }) })
+          /* @__PURE__ */ a("div", { className: o.offCycleCtaButton, children: /* @__PURE__ */ a(O, { variant: "secondary", onClick: k, children: t("offCycleCta.button") }) })
         ]
       }
     ) })