@gusto/embedded-react-sdk 0.55.6 → 0.55.8

package/dist/src/components/Contractor/ContractorListFlow/ContractorListFlowComponents.d.ts

@@ -0,0 +1,17 @@
+import { OnboardingFlowContextInterface } from '../OnboardingFlow/OnboardingFlowComponents';
+import { BaseComponentInterface } from '../../Base';
+/**
+ * Props for {@link ContractorListFlow}.
+ *
+ * @public
+ */
+export interface ContractorListFlowProps extends BaseComponentInterface<never> {
+    /** The associated company identifier. */
+    companyId: string;
+}
+/** @internal */
+export type ContractorListFlowContextInterface = OnboardingFlowContextInterface;
+/** @internal */
+export declare function ContractorListContextual(): import("react").JSX.Element;
+/** @internal */
+export declare function DashboardFlowContextual(): import("react").JSX.Element;

package/dist/{components/Contractor/OnboardingFlow/onboardingStateMachine.d.ts → src/components/Contractor/ContractorListFlow/contractorListStateMachine.d.ts}

@@ -1,10 +1,10 @@
 /** @internal */
-export declare const onboardingMachine: {
-    list: import('robot3').MachineState<any>;
+export declare const contractorListStateMachine: {
     profile: import('robot3').MachineState<any>;
     address: import('robot3').MachineState<any>;
     paymentMethod: import('robot3').MachineState<any>;
     newHireReport: import('robot3').MachineState<any>;
     submit: import('robot3').MachineState<any>;
-    final: import('robot3').MachineState<any>;
+    list: import('robot3').MachineState<any>;
+    dashboard: import('robot3').MachineState<any>;
 };

package/dist/src/components/Contractor/ContractorListFlow/index.d.ts

@@ -0,0 +1,2 @@
+export { ContractorListFlow } from './ContractorListFlow';
+export type { ContractorListFlowProps } from './ContractorListFlowComponents';

package/dist/src/components/Contractor/OnboardingFlow/onboardingStateMachine.d.ts

@@ -0,0 +1,60 @@
+/**
+ * Transitions a host machine's `list` state into the Profile step to onboard a brand-new
+ * contractor. Reused as-is by both {@link onboardingMachine} and `ContractorListFlow`'s own
+ * machine so "Add contractor" behaves identically in both places.
+ *
+ * @internal
+ */
+export declare const contractorCreateTransition: import('robot3').Transition<"contractor/create">;
+/**
+ * Transitions a host machine's `list` state into the Profile step to continue an existing
+ * contractor's onboarding. Reused as-is by both {@link onboardingMachine} and
+ * `ContractorListFlow`'s own machine so "Continue"/"Review" behaves identically in both places.
+ *
+ * @internal
+ */
+export declare const contractorUpdateTransition: import('robot3').Transition<"contractor/update">;
+/**
+ * The Profile → Address → Payment Method → New Hire Report → Submit step sequence, with all
+ * of its self-onboarding and new-hire-report skip logic. Extracted so a host machine with its
+ * own `list` state (e.g. `ContractorListFlow`) can spread these states in directly rather than
+ * mounting {@link OnboardingFlow} as a nested component — nesting would render a second,
+ * independent `<Flow>` with its own header, and its `CANCEL`/submit-done transitions would
+ * resolve against *its own* internal list rather than the host's. Spreading these states into
+ * the host's own machine means every `'list'`-targeting transition below resolves against
+ * whichever machine they're mixed into, so `returnToListComponent` is the only piece that
+ * varies per host.
+ *
+ * `ContractorSubmit`'s admin (non-self-onboarding) submit button fires `contractor/submit/done`
+ * twice in quick succession for the same completion: once immediately after the mutation
+ * succeeds (`{ message }`, no `onboardingStatus`), and again if the admin then clicks the
+ * "Done" CTA on the `SubmitDone` confirmation screen it renders once the onboarding-status
+ * query refetches as completed (`{ onboardingStatus, message }`). The self-onboarding invite
+ * path has no such confirmation screen and only ever fires once, immediately. By default (used
+ * by {@link OnboardingFlow}, which shows a success banner on its own list on return) both fires
+ * transition straight to `list` — matching its long-standing behavior. Pass
+ * `waitForExplicitSubmitDone: true` (used by `ContractorListFlow`, whose list has no such
+ * banner) to hold on the first, bare-message fire so the admin actually sees `SubmitDone` and
+ * must click its "Done" CTA before returning to `list`.
+ *
+ * @internal
+ */
+export declare const createContractorOnboardingSteps: (returnToListComponent: React.ComponentType, { waitForExplicitSubmitDone }?: {
+    waitForExplicitSubmitDone?: boolean;
+}) => {
+    profile: import('robot3').MachineState<any>;
+    address: import('robot3').MachineState<any>;
+    paymentMethod: import('robot3').MachineState<any>;
+    newHireReport: import('robot3').MachineState<any>;
+    submit: import('robot3').MachineState<any>;
+};
+/** @internal */
+export declare const onboardingMachine: {
+    final: import('robot3').MachineState<any>;
+    profile: import('robot3').MachineState<any>;
+    address: import('robot3').MachineState<any>;
+    paymentMethod: import('robot3').MachineState<any>;
+    newHireReport: import('robot3').MachineState<any>;
+    submit: import('robot3').MachineState<any>;
+    list: import('robot3').MachineState<any>;
+};

package/dist/{components → src/components}/Contractor/Payments/CreatePayment/CreatePaymentPresentation.d.ts

@@ -5,6 +5,8 @@ import { SetPaymentAmountsDictionary } from '../shared/SetPaymentAmounts';
 import { UsePaymentAmountsEditorReturn } from '../shared/usePaymentAmountsEditor';
 import { ApiPayrollBlocker } from '../../../Payroll/PayrollBlocker/payrollHelpers';
 interface ContractorPaymentCreatePaymentPresentationProps {
+    /** CSS class name applied to the root element. */
+    className?: string;
     contractors: Contractor[];
     contractorPayments: (ContractorPayments & {
         isTouched?: boolean;
@@ -28,5 +30,5 @@ interface ContractorPaymentCreatePaymentPresentationProps {
     paymentSpeedDays: number;
 }
 /** @internal */
-export declare const CreatePaymentPresentation: ({ contractors, paymentDate, contractorPayments, onPaymentDateChange, onSaveAndContinue, editModal, allowedPaymentMethods, paymentAmountsDictionary, totals, alerts, payrollBlockers, onViewBlockers, isLoading, paymentSpeedDays, }: ContractorPaymentCreatePaymentPresentationProps) => import("react").JSX.Element;
+export declare const CreatePaymentPresentation: ({ className, contractors, paymentDate, contractorPayments, onPaymentDateChange, onSaveAndContinue, editModal, allowedPaymentMethods, paymentAmountsDictionary, totals, alerts, payrollBlockers, onViewBlockers, isLoading, paymentSpeedDays, }: ContractorPaymentCreatePaymentPresentationProps) => import("react").JSX.Element;
 export {};

package/dist/{components → src/components}/Contractor/Payments/CreatePayment/PreviewPresentation.d.ts

@@ -3,6 +3,8 @@ import { Contractor } from '@gusto/embedded-api/models/components/contractor';
 import { CompanyBankAccount } from '@gusto/embedded-api/models/components/companybankaccount';
 import { PaymentSpeed } from '@gusto/embedded-api/models/components/paymentconfigs';
 interface PreviewPresentationProps {
+    /** CSS class name applied to the root element. */
+    className?: string;
     contractorPaymentGroup: ContractorPaymentGroupPreview;
     contractors: Contractor[];
     onBackToEdit: () => void;
@@ -14,5 +16,5 @@ interface PreviewPresentationProps {
     paymentSpeed?: PaymentSpeed;
 }
 /** @internal */
-export declare const PreviewPresentation: ({ contractorPaymentGroup, contractors, onBackToEdit, onSubmit, isLoading, bankAccount, selectedUnblockOptions, onUnblockOptionChange, paymentSpeed, }: PreviewPresentationProps) => import("react").JSX.Element;
+export declare const PreviewPresentation: ({ className, contractorPaymentGroup, contractors, onBackToEdit, onSubmit, isLoading, bankAccount, selectedUnblockOptions, onUnblockOptionChange, paymentSpeed, }: PreviewPresentationProps) => import("react").JSX.Element;
 export {};

package/dist/{components → src/components}/Contractor/Payments/PaymentHistory/PaymentHistoryPresentation.d.ts

@@ -1,6 +1,8 @@
 import { ContractorPaymentGroup } from '@gusto/embedded-api/models/components/contractorpaymentgroup';
 import { Contractor } from '@gusto/embedded-api/models/components/contractor';
 interface PaymentHistoryPresentationProps {
+    /** CSS class name applied to the root element. */
+    className?: string;
     paymentGroup: ContractorPaymentGroup;
     contractors: Contractor[];
     onViewPayment: (paymentId: string) => void;
@@ -8,5 +10,5 @@ interface PaymentHistoryPresentationProps {
     isCancelling: boolean;
 }
 /** @internal */
-export declare const PaymentHistoryPresentation: ({ paymentGroup, contractors, onViewPayment, onCancelPayment, isCancelling, }: PaymentHistoryPresentationProps) => import("react").JSX.Element;
+export declare const PaymentHistoryPresentation: ({ className, paymentGroup, contractors, onViewPayment, onCancelPayment, isCancelling, }: PaymentHistoryPresentationProps) => import("react").JSX.Element;
 export {};

package/dist/{components → src/components}/Contractor/Payments/PaymentStatement/PaymentStatementPresentation.d.ts

@@ -2,11 +2,13 @@ import { ContractorPaymentForGroup } from '@gusto/embedded-api/models/components
 import { Contractor } from '@gusto/embedded-api/models/components/contractor';
 import { ContractorPaymentReceipt } from '@gusto/embedded-api/models/components/contractorpaymentreceipt';
 interface PaymentStatementPresentationProps {
+    /** CSS class name applied to the root element. */
+    className?: string;
     payment: ContractorPaymentForGroup;
     contractor: Contractor;
     paymentReceipt?: ContractorPaymentReceipt;
     checkDate: string;
 }
 /** @internal */
-export declare const PaymentStatementPresentation: ({ payment, contractor, checkDate, paymentReceipt, }: PaymentStatementPresentationProps) => import("react").JSX.Element;
+export declare const PaymentStatementPresentation: ({ className, payment, contractor, checkDate, paymentReceipt, }: PaymentStatementPresentationProps) => import("react").JSX.Element;
 export {};

package/dist/{components → src/components}/Contractor/Payments/PaymentsList/PaymentsListPresentation.d.ts

@@ -3,6 +3,8 @@ import { InternalAlert } from '../types';
 import { EventType } from '../../../../shared/constants';
 import { PaginationControlProps } from '../../../Common/PaginationControl/PaginationControlTypes';
 interface ContractorPaymentPaymentsListPresentationProps {
+    /** CSS class name applied to the root element. */
+    className?: string;
     numberOfMonths: number;
     contractorPayments: ContractorPaymentGroupWithBlockers[];
     onCreatePayment: () => void;
@@ -16,5 +18,5 @@ interface ContractorPaymentPaymentsListPresentationProps {
     paginationProps?: PaginationControlProps;
 }
 /** @internal */
-export declare const PaymentsListPresentation: ({ contractorPayments, numberOfMonths, onCreatePayment, onCreateHistoricalPayment, onDateRangeChange, onViewPayment, alerts, companyId, hasUnresolvedWireInRequests, onEvent, paginationProps, }: ContractorPaymentPaymentsListPresentationProps) => import("react").JSX.Element;
+export declare const PaymentsListPresentation: ({ className, contractorPayments, numberOfMonths, onCreatePayment, onCreateHistoricalPayment, onDateRangeChange, onViewPayment, alerts, companyId, hasUnresolvedWireInRequests, onEvent, paginationProps, }: ContractorPaymentPaymentsListPresentationProps) => import("react").JSX.Element;
 export {};

package/dist/src/components/Contractor/Submit/SubmitDone.d.ts

@@ -0,0 +1,8 @@
+interface SubmitDoneProps {
+    onDone: () => void;
+    /** CSS class name applied to the root element. */
+    className?: string;
+}
+/** @internal */
+export declare const SubmitDone: ({ onDone, className }: SubmitDoneProps) => import("react").JSX.Element;
+export {};

package/dist/{components → src/components}/Contractor/exports/contractorManagement.d.ts

@@ -1,4 +1,5 @@
 export { ManagementContractorList as ContractorList, type ManagementContractorListProps, type ContractorTab, } from '../ContractorList/management/ManagementContractorList';
+export { ContractorListFlow, type ContractorListFlowProps } from '../ContractorListFlow';
 export { DashboardFlow, Dashboard } from '../Dashboard';
 export type { DashboardFlowProps, DashboardProps, DashboardTab } from '../Dashboard';
 export { Profile, ProfileCard, ProfileEditForm } from '../Profile/management';

package/dist/{components → src/components}/Employee/Compensation/management/CompensationEditForm/CompensationEditForm.d.ts

@@ -38,4 +38,4 @@ export interface CompensationEditFormProps extends CommonComponentInterface<'Emp
  * @public
  * @group Block components
  */
-export declare function CompensationEditForm({ employeeId, jobId, onEvent, dictionary, LoaderComponent, }: CompensationEditFormProps): import("react").JSX.Element;
+export declare function CompensationEditForm({ employeeId, jobId, onEvent, dictionary, LoaderComponent, className, }: CompensationEditFormProps): import("react").JSX.Element;

package/dist/{components → src/components}/Employee/Documents/onboarding/DocumentSigner/EmploymentEligibility/EmploymentEligibilityPresentation.d.ts

@@ -1,11 +1,13 @@
 import { SubmitHandler } from 'react-hook-form';
 import { EmploymentEligibilityInputs, EmploymentEligibilityPayload } from './EmploymentEligibilitySchema';
 interface EmploymentEligibilityPresentationProps {
+    /** CSS class name applied to the root element. */
+    className?: string;
     onSubmit: SubmitHandler<EmploymentEligibilityPayload>;
     defaultValues?: Partial<EmploymentEligibilityInputs>;
     hasDocumentNumber?: boolean | null;
     isPending?: boolean;
 }
 /** @internal */
-export declare const EmploymentEligibilityPresentation: ({ onSubmit, defaultValues, hasDocumentNumber, isPending, }: EmploymentEligibilityPresentationProps) => import("react").JSX.Element;
+export declare const EmploymentEligibilityPresentation: ({ className, onSubmit, defaultValues, hasDocumentNumber, isPending, }: EmploymentEligibilityPresentationProps) => import("react").JSX.Element;
 export {};

package/dist/{components → src/components}/Employee/Documents/onboarding/EmployeeDocuments/EmployeeDocumentsPresentation.d.ts

@@ -3,6 +3,8 @@ import { z } from 'zod';
 export type EmployeeDocumentsFormValues = { includeI9: boolean; };
 /** @internal */
 export interface EmployeeDocumentsPresentationProps {
+    /** CSS class name applied to the root element. */
+    className?: string;
     isEmployeeSelfOnboarding: boolean;
     currentI9Status: boolean;
     onSubmit: (formData: EmployeeDocumentsFormValues) => Promise<void>;
@@ -10,5 +12,5 @@ export interface EmployeeDocumentsPresentationProps {
     isPending: boolean;
 }
 /** @internal */
-export declare const EmployeeDocumentsPresentation: ({ isEmployeeSelfOnboarding, currentI9Status, onSubmit, onDone, isPending, }: EmployeeDocumentsPresentationProps) => import("react").JSX.Element;
+export declare const EmployeeDocumentsPresentation: ({ className, isEmployeeSelfOnboarding, currentI9Status, onSubmit, onDone, isPending, }: EmployeeDocumentsPresentationProps) => import("react").JSX.Element;
 export {};

package/dist/{components → src/components}/Employee/EmployeeList/management/ManagementEmployeeListView.d.ts

@@ -12,7 +12,9 @@ export interface ManagementEmployeeListViewProps extends Pick<Extract<UseEmploye
     onDismiss: (employeeId: string) => void;
     onDelete: (employeeId: string) => Promise<void>;
     onAddEmployee: () => void;
+    /** CSS class name applied to the root element. */
+    className?: string;
 }
 /** @internal */
-export declare function ManagementEmployeeListView({ selectedTab, onTabChange, employees, isFetching, status, onEdit, onDismiss, onDelete, onAddEmployee, pagination, }: ManagementEmployeeListViewProps): import("react").JSX.Element;
+export declare function ManagementEmployeeListView({ selectedTab, onTabChange, employees, isFetching, status, onEdit, onDismiss, onDelete, onAddEmployee, pagination, className, }: ManagementEmployeeListViewProps): import("react").JSX.Element;
 export {};

package/dist/{components → src/components}/Employee/EmployeeList/onboarding/EmployeeListView.d.ts

@@ -13,6 +13,8 @@ export interface EmployeeListViewProps extends Pick<Extract<UseEmployeeListResul
     onAddEmployee: () => void;
     onSkip: () => void;
     showContinueButton: boolean;
+    /** CSS class name applied to the root element. */
+    className?: string;
 }
 /** @internal */
-export declare function EmployeeListView({ employees, isFetching, pagination, status, onEdit, onDelete, onCancelSelfOnboarding, onReview, onAddEmployee, onSkip, showContinueButton, }: EmployeeListViewProps): import("react").JSX.Element;
+export declare function EmployeeListView({ employees, isFetching, pagination, status, onEdit, onDelete, onCancelSelfOnboarding, onReview, onAddEmployee, onSkip, showContinueButton, className, }: EmployeeListViewProps): import("react").JSX.Element;

package/dist/{components → src/components}/Employee/EmployeeList/shared/useEmployeeList.d.ts

@@ -76,6 +76,10 @@ export type UseEmployeeListResult = HookLoadingResult | UseEmployeeListReady;
  * `'active'` adds `dismiss`, `'terminated'` adds `rehire`, `'onboarding'` adds none. Omit it
  * to list every employee.
  *
+ * `'onboarding'` includes employees who haven't completed onboarding as well as employees who
+ * have completed onboarding but whose primary job's hire date hasn't arrived yet, so `onboarded`
+ * may be `true` for rows in this filter.
+ *
  * Page changes use placeholder data: the previous page stays rendered while the next one loads,
  * and `status.isFetching` flips to `true` during the request.
  *

package/dist/{components → src/components}/Employee/HomeAddress/management/HomeAddressView.d.ts

@@ -16,6 +16,8 @@ export interface HomeAddressViewProps {
     onConfirmDelete: (homeAddressUuid: string) => Promise<boolean>;
     onBack: () => void;
     isDeletePending?: boolean;
+    /** CSS class name applied to the root element. */
+    className?: string;
 }
 /** @internal */
-export declare function HomeAddressView({ editHomeAddressForm, createHomeAddressForm, employeeHomeAddresses, employeeDisplayName, editingHomeAddressUuid, onEditAddressTargetChange, onSaved, onConfirmDelete, onBack, isDeletePending, }: HomeAddressViewProps): import("react").JSX.Element;
+export declare function HomeAddressView({ editHomeAddressForm, createHomeAddressForm, employeeHomeAddresses, employeeDisplayName, editingHomeAddressUuid, onEditAddressTargetChange, onSaved, onConfirmDelete, onBack, isDeletePending, className, }: HomeAddressViewProps): import("react").JSX.Element;

package/dist/{components → src/components}/Employee/Terminations/TerminateEmployee/TerminateEmployeePresentation.d.ts

@@ -6,7 +6,9 @@ interface TerminateEmployeePresentationProps {
     onSubmit: (data: TerminateEmployeeFormData) => void;
     onCancel: () => void;
     isLoading: boolean;
+    /** CSS class name applied to the root element. */
+    className?: string;
 }
 /** @internal */
-export declare function TerminateEmployeePresentation({ employeeName, existingTermination, onSubmit, onCancel, isLoading, }: TerminateEmployeePresentationProps): import("react").JSX.Element;
+export declare function TerminateEmployeePresentation({ employeeName, existingTermination, onSubmit, onCancel, isLoading, className, }: TerminateEmployeePresentationProps): import("react").JSX.Element;
 export {};

package/dist/{components → src/components}/Employee/Terminations/TerminationSummary/TerminationSummaryPresentation.d.ts

@@ -15,7 +15,9 @@ interface TerminationSummaryPresentationProps {
     onDialogClose: () => void;
     onDialogConfirm: () => void;
     isCancelling: boolean;
+    /** CSS class name applied to the root element. */
+    className?: string;
 }
 /** @internal */
-export declare function TerminationSummaryPresentation({ employeeName, effectiveDate, canCancel, canEdit, showRunPayroll, showRunOffCyclePayroll, showSuccessAlert, onCancelClick, onEditDismissal, onRunDismissalPayroll, onRunOffCyclePayroll, isLoading, isCancelDialogOpen, onDialogClose, onDialogConfirm, isCancelling, }: TerminationSummaryPresentationProps): import("react").JSX.Element;
+export declare function TerminationSummaryPresentation({ employeeName, effectiveDate, canCancel, canEdit, showRunPayroll, showRunOffCyclePayroll, showSuccessAlert, onCancelClick, onEditDismissal, onRunDismissalPayroll, onRunOffCyclePayroll, isLoading, isCancelDialogOpen, onDialogClose, onDialogConfirm, isCancelling, className, }: TerminationSummaryPresentationProps): import("react").JSX.Element;
 export {};

package/dist/{components → src/components}/Employee/WorkAddress/management/WorkAddressView.d.ts

@@ -14,6 +14,8 @@ export interface WorkAddressViewProps {
     onWorkAddressSaved: (result: HookSubmitResult<EmployeeWorkAddress>) => void;
     onBack: () => void;
     isDeletePending?: boolean;
+    /** CSS class name applied to the root element. */
+    className?: string;
 }
 /** @internal */
-export declare function WorkAddressView({ editWorkAddressForm, changeWorkAddressForm, workAddresses, editTargetUuid, onEditTargetUuidChange, employeeDisplayName, onConfirmDelete, onWorkAddressSaved, onBack, isDeletePending, }: WorkAddressViewProps): import("react").JSX.Element;
+export declare function WorkAddressView({ editWorkAddressForm, changeWorkAddressForm, workAddresses, editTargetUuid, onEditTargetUuidChange, employeeDisplayName, onConfirmDelete, onWorkAddressSaved, onBack, isDeletePending, className, }: WorkAddressViewProps): import("react").JSX.Element;

package/dist/{components → src/components}/Payroll/Dismissal/DismissalPayPeriodSelection/DismissalPayPeriodSelectionPresentation.d.ts

@@ -11,6 +11,8 @@ export interface DismissalPayPeriodSelectionPresentationProps {
     onSubmit: () => void;
     /** Whether the submit action is in flight. */
     isPending: boolean;
+    /** CSS class name applied to the root element. */
+    className?: string;
 }
 /** @internal */
-export declare function DismissalPayPeriodSelectionPresentation({ payPeriodOptions, selectedPeriodKey, onSelectPeriod, onSubmit, isPending, }: DismissalPayPeriodSelectionPresentationProps): import("react").JSX.Element;
+export declare function DismissalPayPeriodSelectionPresentation({ payPeriodOptions, selectedPeriodKey, onSelectPeriod, onSubmit, isPending, className, }: DismissalPayPeriodSelectionPresentationProps): import("react").JSX.Element;

package/dist/src/components/Payroll/OffCycleCreation/OffCycleCreationPresentation.d.ts

@@ -0,0 +1,3 @@
+import { OffCycleCreationPresentationProps } from './OffCycleCreationTypes';
+/** @internal */
+export declare function OffCycleCreationPresentation({ employees, isPending, minCheckDate, minCheckOnlyDate, maxDate, minPayPeriodDate, taxWithholdingConfig, isTaxWithholdingModalOpen, onTaxWithholdingEditClick, onTaxWithholdingModalDone, onTaxWithholdingModalCancel, className, }: OffCycleCreationPresentationProps): import("react").JSX.Element;

package/dist/{components → src/components}/Payroll/OffCycleCreation/OffCycleCreationTypes.d.ts

@@ -39,6 +39,10 @@ export interface OffCycleCreationPresentationProps {
     minCheckDate: Date;
     /** Earliest selectable payment date when the payroll is check-only (today). */
     minCheckOnlyDate: Date;
+    /** Latest selectable date for start date, end date, and payment date (1 year from today). */
+    maxDate: Date;
+    /** Earliest selectable start/end date for the pay period (1 year before today). */
+    minPayPeriodDate: Date;
     /** Current tax withholding configuration shown in the table. */
     taxWithholdingConfig: OffCycleTaxWithholdingConfig;
     /** Whether the tax withholding edit modal is open. */
@@ -49,4 +53,6 @@ export interface OffCycleCreationPresentationProps {
     onTaxWithholdingModalDone: (config: OffCycleTaxWithholdingConfig) => void;
     /** Fires when the user dismisses the tax withholding modal without saving. */
     onTaxWithholdingModalCancel: () => void;
+    /** CSS class name applied to the root element. */
+    className?: string;
 }

package/dist/{components → src/components}/Payroll/OffCyclePayPeriodDateForm/OffCyclePayPeriodDateFormPresentation.d.ts

@@ -4,6 +4,10 @@ export interface OffCyclePayPeriodDateFormPresentationProps {
     minCheckDate: Date;
     /** Earliest selectable payment date when the payroll is check-only (today). */
     minCheckOnlyDate: Date;
+    /** Latest selectable date for start date, end date, and payment date (1 year from today). */
+    maxDate: Date;
+    /** Earliest selectable start/end date for the pay period (1 year before today). */
+    minPayPeriodDate: Date;
 }
 /** @internal */
-export declare function OffCyclePayPeriodDateFormPresentation({ minCheckDate, minCheckOnlyDate, }: OffCyclePayPeriodDateFormPresentationProps): import("react").JSX.Element;
+export declare function OffCyclePayPeriodDateFormPresentation({ minCheckDate, minCheckOnlyDate, maxDate, minPayPeriodDate, }: OffCyclePayPeriodDateFormPresentationProps): import("react").JSX.Element;

package/dist/{components → src/components}/Payroll/OffCyclePayPeriodDateForm/OffCyclePayPeriodDateFormTypes.d.ts

@@ -1,9 +1,11 @@
 import { z } from 'zod';
 /**
- * Off-cycle payroll reason that drives pay-period date validation rules.
+ * Off-cycle payroll reason, used to pick default withholding/deduction settings.
  *
  * @remarks
- * `'bonus'` is used for paying a bonus, gift, or commission. `'correction'` is used for running a correction payment and constrains the start date to today or earlier.
+ * `'bonus'` is used for paying a bonus, gift, or commission. `'correction'` is used for running a
+ * correction payment. Legacy gws-flows treats both identically for pay-period date validation --
+ * see `createOffCyclePayPeriodDateFormSchema`, which no longer branches on this type.
  *
  * @public
  */
@@ -16,7 +18,7 @@ export type OffCyclePayrollDateType = 'bonus' | 'correction';
 export interface OffCyclePayPeriodDateFormData {
     /** When true, all employees are paid by check rather than direct deposit; start and end dates become optional and the check date may be today or any future date. */
     isCheckOnly: boolean;
-    /** Beginning of the pay period; required unless `isCheckOnly` is true, and cannot be in the future when the payroll type is `'correction'`. */
+    /** Beginning of the pay period; required unless `isCheckOnly` is true, and must be on or before `endDate`. */
     startDate: Date | null;
     /** End of the pay period; required unless `isCheckOnly` is true, and must be on or after `startDate`. */
     endDate: Date | null;
@@ -24,7 +26,7 @@ export interface OffCyclePayPeriodDateFormData {
     checkDate: Date | null;
 }
 /** @internal */
-export declare const createOffCyclePayPeriodDateFormSchema: (t: (key: string, options?: Record<string, unknown>) => string, payrollType: OffCyclePayrollDateType, minCheckDate: Date, paymentSpeedDays?: number) => z.ZodObject<{
+export declare const createOffCyclePayPeriodDateFormSchema: (t: (key: string, options?: Record<string, unknown>) => string, minCheckDate: Date, paymentSpeedDays?: number) => z.ZodObject<{
     isCheckOnly: z.ZodBoolean;
     startDate: z.ZodNullable<z.ZodDate>;
     endDate: z.ZodNullable<z.ZodDate>;

package/dist/{components → src/components}/Payroll/OffCyclePayPeriodDateForm/useOffCyclePayPeriodDateValidation.d.ts

@@ -2,5 +2,7 @@
 export declare function useOffCyclePayPeriodDateValidation(paymentSpeedDays?: number): {
     today: Date;
     minCheckDate: Date;
+    maxDate: Date;
+    minPayPeriodDate: Date;
     paymentSpeedDays: number;
 };

package/dist/{components → src/components}/Payroll/OffCycleReasonSelection/OffCycleReasonSelectionPresentation.d.ts

@@ -2,7 +2,9 @@ import { OffCycleReason } from './types';
 interface OffCycleReasonSelectionPresentationProps {
     name: string;
     onChange?: (value: OffCycleReason) => void;
+    /** CSS class name applied to the root element. */
+    className?: string;
 }
 /** @internal */
-export declare function OffCycleReasonSelectionPresentation({ name, onChange, }: OffCycleReasonSelectionPresentationProps): import("react").JSX.Element;
+export declare function OffCycleReasonSelectionPresentation({ name, onChange, className, }: OffCycleReasonSelectionPresentationProps): import("react").JSX.Element;
 export {};

package/dist/{components → src/components}/Payroll/PayrollConfiguration/PayrollConfigurationPresentation.d.ts

@@ -7,6 +7,8 @@ import { PayrollCategory } from '../payrollTypes';
 import { ApiPayrollBlocker } from '../PayrollBlocker/payrollHelpers';
 import { PaginationControlProps } from '../../Common/PaginationControl/PaginationControlTypes';
 interface PayrollConfigurationPresentationProps {
+    /** CSS class name applied to the root element. */
+    className?: string;
     employeeCompensations: PayrollEmployeeCompensationsType[];
     employeeDetails: Employee[];
     payPeriod?: PayrollPayPeriodType;
@@ -32,5 +34,5 @@ interface PayrollConfigurationPresentationProps {
     onGrossUpSelect?: (employeeUuid: string) => void;
 }
 /** @internal */
-export declare const PayrollConfigurationPresentation: ({ employeeCompensations, employeeDetails, payPeriod, paySchedule, onEdit, onToggleExclude, onCalculatePayroll, onViewBlockers, payrollCategory, alerts, payrollAlert, isPending, isCalculating, payrollBlockers, pagination, withReimbursements, isCalculateDisabled, grossUpEnabled, onGrossUpSelect, }: PayrollConfigurationPresentationProps) => import("react").JSX.Element;
+export declare const PayrollConfigurationPresentation: ({ className, employeeCompensations, employeeDetails, payPeriod, paySchedule, onEdit, onToggleExclude, onCalculatePayroll, onViewBlockers, payrollCategory, alerts, payrollAlert, isPending, isCalculating, payrollBlockers, pagination, withReimbursements, isCalculateDisabled, grossUpEnabled, onGrossUpSelect, }: PayrollConfigurationPresentationProps) => import("react").JSX.Element;
 export {};