Skip to main content

Blocks

Individual form and UI components with SDK logic built in — use these for custom layouts, step reordering, or inserting your own content between SDK steps. See the Component types guide for a comparison of workflows, blocks, and hooks.

🧩 Blocks

ComponentDescription
CompanyOnboarding.AssignSignatoryLets a user either create a new signatory with full details or invite someone else to become the signatory.
CompanyOnboarding.BankAccountManages a company's bank account — adding, viewing, and verifying it.
CompanyOnboarding.CreateSignatoryStandalone form for creating or editing a company signatory, including name, contact details, SSN, date of birth, and home address.
CompanyOnboarding.DocumentListDisplays the list of company documents to be signed and lets the user manage signatories.
CompanyOnboarding.DocumentSignerCompany onboarding step for reading and signing required company documents.
CompanyOnboarding.FederalTaxesCollects company federal tax information including EIN, tax payer type, filing form, and legal name.
CompanyOnboarding.IndustrySelects and saves the company's industry classification (NAICS code).
CompanyOnboarding.InviteSignatoryStandalone form for inviting someone else to become the company signatory.
CompanyOnboarding.LocationFormStandalone form for creating a new company location or editing an existing one.
CompanyOnboarding.LocationsOrchestrated component for managing a company's mailing and filing addresses.
CompanyOnboarding.LocationsListDisplays the list of work locations for a company.
CompanyOnboarding.OnboardingOverviewDisplays the company's overall onboarding status, showing completed steps alongside any remaining requirements.
CompanyOnboarding.PayScheduleManages a company's pay schedules, including listing existing schedules and creating or editing one.
CompanyOnboarding.SignatureFormStandalone form for signing an individual company document.
CompanyOnboarding.StateTaxesOrchestrated flow for managing a company's state tax setup.
CompanyOnboarding.StateTaxesFormStandalone form for editing a company's state tax requirements for a single state.
CompanyOnboarding.StateTaxesListDisplays the list of state tax requirements for a company with their setup status.
CompanyOnboarding.TaxRateManagementStandalone view of a company's effective-dated state tax rate history, with the ability to schedule a new future-dated rate.
ContractorManagement.ContractorListRenders a tabbed list of a company's contractors split across Active, Onboarding, and Dismissed tabs, with per-row actions tailored to each tab (edit, delete, view details, dismiss, rehire, cancel a scheduled dismissal or rehire).
ContractorManagement.CreatePaymentForm for creating a contractor payment group, including date selection, per-contractor edits, preview, and submission blockers.
ContractorManagement.PaymentHistoryDisplays a contractor payment group, including each individual contractor payment, with actions to view details or cancel.
ContractorManagement.PaymentsListDisplays a list of contractor payment groups for a company.
ContractorManagement.PaymentStatementDisplays a single contractor's payment statement within a payment group, including wage breakdown, bonuses, reimbursements, and a receipt card for funded direct-deposit payments.
ContractorManagement.PaymentSummaryDisplays a summary of a created contractor payment group, including payment totals, debit information, contractor details, and wire transfer instructions when required.
ContractorOnboarding.AddressForm for collecting and updating a contractor's mailing address. Renders a business or home address title based on the contractor type.
ContractorOnboarding.ContractorListLists a company's contractors with controls to add, edit, delete, cancel self-onboarding, and continue onboarding.
ContractorOnboarding.ContractorProfileForm for creating or editing a contractor profile, supporting both individual and business contractor types.
ContractorOnboarding.ContractorSubmitFinalizes contractor onboarding by updating the onboarding status, and in the self-onboarding flow can trigger an invitation to the contractor.
ContractorOnboarding.DocumentSignerContractor onboarding step for reading and signing required contractor documents.
ContractorOnboarding.DocumentsListLists a contractor's documents and lets the contractor open each one for signing.
ContractorOnboarding.LandingLanding page for the contractor self-onboarding flow. Displays a welcome message and the list of onboarding steps the contractor needs to complete.
ContractorOnboarding.NewHireReportCollects new hire reporting information for a contractor and persists it to the contractor record.
ContractorOnboarding.OnboardingSummaryConfirmation screen shown at the end of the contractor self-onboarding flow. Lets the contractor know their information has been submitted and emits contractor/selfOnboarding/done when they acknowledge it.
ContractorOnboarding.PaymentMethodManages a contractor's payment method, capturing a bank account for direct deposit or recording check as the payment method.
ContractorOnboarding.SignatureFormStandalone form for signing an individual contractor document (W-9).
EmployeeManagement.CompensationSelf-contained block for viewing and managing an employee's jobs and compensation — the same experience the dashboard surfaces, but as a drop-in component that doesn't require the surrounding dashboard chrome.
EmployeeManagement.CompensationAddAnotherJobFormStandalone form for adding a secondary job and compensation to an employee from the management surface.
EmployeeManagement.CompensationAddJobFormStandalone form for adding an employee's first job and compensation from the management surface.
EmployeeManagement.CompensationCardStandalone "Compensation" management card that displays an employee's current jobs and compensation, surfaces pending future-dated changes, and exposes edit, add, and delete affordances.
EmployeeManagement.CompensationEditFormStandalone form that edits the compensation for a single job, branching automatically between editing the current compensation and an already-scheduled future-dated change.
EmployeeManagement.DashboardEmployee self-service dashboard summarizing a single employee's basic details, job and pay, taxes, and documents.
EmployeeManagement.DeductionsSelf-contained block for viewing and managing an employee's post-tax deductions — the same experience the dashboard surfaces, but as a drop-in component that doesn't require the surrounding dashboard chrome.
EmployeeManagement.DeductionsCardStandalone read-only card listing an employee's active deductions, with affordances to add, edit, or delete a deduction.
EmployeeManagement.DeductionsEditFormStandalone add/edit surface for a single employee deduction.
EmployeeManagement.DocumentManagerRead-only document viewer for the admin-facing employee dashboard. Renders the selected form's PDF — including unsigned forms, which are shown as-is. Signing is intentionally not offered here; forms are signed by the employee during onboarding, not by an admin viewing the dashboard.
EmployeeManagement.DocumentsStandalone employee documents management flow.
EmployeeManagement.DocumentsCardStandalone "Documents" (forms) card. Owns its own data fetch via useDocumentsList and renders the employee's forms in a table with a per-row "View" action. Emits employee/management/documents/card/viewRequested with { employeeId, formId } when a row's View CTA is clicked. The card is read-only — viewing or signing a form happens in the screen the parent routes to — and renders no alerts: alert rendering is the parent's responsibility.
EmployeeManagement.EmployeeListRenders a tabbed list of a company's employees split across Active, Onboarding, and Dismissed tabs, with per-row actions tailored to each tab (edit, delete, dismiss, rehire).
EmployeeManagement.FederalTaxesSelf-contained block for viewing and editing an employee's federal tax (W-4) withholdings — the same experience the dashboard surfaces, but as a drop-in component that doesn't require the surrounding dashboard chrome.
EmployeeManagement.FederalTaxesCardStandalone "Federal taxes" card. Owns its own data fetch via useFederalTaxesSummary and emits EMPLOYEE_MANAGEMENT_FEDERAL_TAXES_CARD_EDIT_REQUESTED when the Edit button is clicked. The card has no alert API — alert rendering (when introduced) is the orchestrator's responsibility.
EmployeeManagement.FederalTaxesEditFormStandalone form for editing an employee's federal tax (W-4) withholdings — filing status, multiple-jobs flag, dependents, other income, deductions, and extra withholding.
EmployeeManagement.HomeAddressStandalone employee home address management flow.
EmployeeManagement.HomeAddressCardStandalone employee home address summary card.
EmployeeManagement.HomeAddressEditFormStandalone employee home address edit form for creating, updating, and deleting addresses.
EmployeeManagement.PaymentMethodManagement flow for editing an employee's payment method.
EmployeeManagement.PaymentMethodBankFormStandalone bank-account form for the management flow.
EmployeeManagement.PaymentMethodCardStandalone "Payment" card.
EmployeeManagement.PaymentMethodSplitFormStandalone split-paycheck form for the management flow.
EmployeeManagement.PaystubsCardStandalone "Paystubs" card. Owns its own data fetch via usePaystubsList and renders the paginated paystubs table with a per-row PDF download action. Emits the management block's scoped events (EMPLOYEE_MANAGEMENT_PAYSTUBS_CARD_*) on download request and on download success. The card has no edit transitions and no alert API — paystubs is a read-only surface whose only action is a download side effect that opens the PDF in a new tab.
EmployeeManagement.ProfileManagement surface for viewing and editing an employee's basic profile details after onboarding.
EmployeeManagement.ProfileCardRead-only card showing an employee's basic profile details with an Edit action.
EmployeeManagement.ProfileEditFormStandalone edit form for an employee's basic profile details.
EmployeeManagement.StateTaxesStandalone state-tax management flow for a given employee. Renders the read-only summary card and the edit form, switching between them as the partner-emitted events from StateTaxesCard and StateTaxesEditForm drive the internal state machine.
EmployeeManagement.StateTaxesCardStandalone read-only summary card showing an employee's per-state tax withholding answers. Fetches its own data and surfaces an Edit button that emits an event for the orchestrator to swap in the edit form.
EmployeeManagement.StateTaxesEditFormStandalone edit screen for the state-tax management flow. Renders the shared state-tax form against the Employee.Management.StateTaxes namespace and emits scoped management events on submit and cancel, so partner copy overrides on the management namespace do not leak into the onboarding flow.
EmployeeManagement.TerminateEmployeeStandalone form for capturing an employee's termination details — last day of work and how to process final payroll.
EmployeeManagement.TerminationSummaryTermination summary with edit, cancel, and run-payroll actions plus an offboarding checklist.
EmployeeManagement.WorkAddressStandalone employee work address management flow.
EmployeeManagement.WorkAddressCardStandalone employee work address summary card.
EmployeeManagement.WorkAddressEditFormStandalone employee work address edit form for creating, updating, and deleting addresses.
EmployeeOnboarding.CompensationOnboarding step for collecting an employee's role and compensation details.
EmployeeOnboarding.DeductionsOnboarding step for collecting an employee's post-tax deductions and court-ordered garnishments.
EmployeeOnboarding.DocumentListLists the employee's documents pending signature.
EmployeeOnboarding.DocumentSignerOnboarding step for signing employee documents.
EmployeeOnboarding.EditCompensationRenders a form for creating or editing one of an employee's jobs together with its compensation.
EmployeeOnboarding.EmployeeDocumentsOnboarding step for selecting which documents the employee must complete.
EmployeeOnboarding.EmployeeListRenders a paginated list of a company's employees with per-row onboarding actions (edit, delete, review, cancel self-onboarding) and an "Add employee" entry point.
EmployeeOnboarding.EmploymentEligibilityCaptures the employee's I-9 employment eligibility (Section 1) before signing.
EmployeeOnboarding.FederalTaxesOnboarding step for collecting an employee's federal tax (W-4) withholdings — filing status, multiple-jobs flag, dependents, other income, deductions, and extra withholding.
EmployeeOnboarding.I9SignatureFormPresents the employee's I-9 form for review and signature.
EmployeeOnboarding.JobsListLists an employee's jobs alongside their compensation details, with controls to add, edit, or remove a job.
EmployeeOnboarding.LandingLanding page for the employee self-onboarding flow. Displays a welcome message and the list of onboarding steps the employee needs to complete.
EmployeeOnboarding.OnboardingSummaryDisplays a summary of an employee's onboarding status, listing completed and outstanding steps. Rendered as a standalone step inside OnboardingFlow.
EmployeeOnboarding.PaymentMethodOnboarding step for setting up an employee's payment method.
EmployeeOnboarding.ProfileOnboarding step for collecting an employee's basic profile and addresses.
EmployeeOnboarding.SignatureFormPresents a single employee document for review and signature.
EmployeeOnboarding.StateTaxesOnboarding step that collects an employee's per-state tax withholding answers. The set of fields is driven by the API response for each state on record.
InformationRequests.InformationRequestFormDynamic response form for a single information request.
InformationRequests.InformationRequestListDisplays the list of outstanding information requests for a company with a "Respond" CTA on each open request.
Payroll.ConfirmWireDetailsWire transfer confirmation workflow for payroll funding.
Payroll.DismissalPayPeriodSelectionPay period selection step for the dismissal payroll workflow.
Payroll.OffCycleCreationCreation form for off-cycle (bonus or correction) payrolls.
Payroll.OffCycleDeductionsSettingRadio control for choosing whether an off-cycle payroll skips regular deductions and contributions.
Payroll.OffCycleReasonSelectionPresents the reason selection UI for choosing between a bonus and correction off-cycle payment.
Payroll.PayrollBlockerListDisplays the list of blockers preventing payroll from being processed for a company.
Payroll.PayrollConfigurationHandles the configuration phase of payroll processing, allowing users to review and modify employee compensation before calculating the payroll.
Payroll.PayrollEditEmployeeEditor for an individual employee's compensation within a payroll run.
Payroll.PayrollHistoryDisplays historical payroll records with filtering and management capabilities.
Payroll.PayrollLandingMain landing surface for payroll operations, with tabs for running payroll and viewing payroll history, plus inline navigation to a payroll's overview and receipt.
Payroll.PayrollListLists upcoming payrolls and lets users start running them.
Payroll.PayrollOverviewFinal review screen for a calculated payroll before submission, with submit, cancel, and edit controls. After submission, tracks processing status and surfaces the receipt and per-employee paystub downloads once complete.
Payroll.PayrollReceiptsDisplays a detailed receipt for a completed payroll, including the debited total, per-category breakdown, tax breakdown, and a per-employee summary of payment method, garnishments, reimbursements, taxes, and net pay.
Payroll.RecoveryCasesDisplays open recovery cases for a company and provides an in-modal resubmit workflow for resolving them.
Payroll.TransitionCreationCreation form for transition payrolls covering the gap between an old and new pay schedule.
TimeOff.AddEmployeesHolidayEmployee selection screen for assigning employees to a company's holiday pay policy.
TimeOff.AddEmployeesToPolicyEmployee selection screen for assigning employees to a sick or vacation time off policy.
TimeOff.HolidaySelectionFormLets a user select which US federal holidays are observed by the company's holiday pay policy.
TimeOff.PolicyConfigurationFormForm for creating or editing the details of a sick or vacation time off policy — its name and accrual configuration.
TimeOff.PolicyListDisplays all active time off policies (sick, vacation, and holiday) for a company.
TimeOff.PolicySettingsConfigures additional policy limits and rules for a sick or vacation policy. This step is skipped for policies with unlimited accrual.
TimeOff.PolicySettingsPresentationPresentation-only form for configuring time off policy limits and rules.
TimeOff.PolicyTypeSelectorSelection screen for choosing which kind of time-off policy to create — sick, vacation, or holiday.
TimeOff.TimeOffPolicyDetailDetail view for a sick or vacation time-off policy.
TimeOff.TimeOffPolicyDetailPresentationPresentational detail view for sick and vacation time-off policies.
TimeOff.ViewHolidayEmployeesDisplays the holiday policy detail view with the employees tab selected.
TimeOff.ViewHolidayPolicyDetailsDisplays the holiday pay policy for a company with tabbed views of the included holidays and the enrolled employees.
TimeOff.ViewHolidayScheduleDisplays the holiday policy detail view with the holidays tab selected.

BaseComponentInterface

Props for SDK feature components that participate in the standard error/loading/observability surface.

Remarks

Extends CommonComponentInterface with the onEvent callback that emits component events and optional overrides for the error-boundary fallback and loading indicator. This is the prop shape mixed into every public SDK feature component.

Extends

Extended by

Type Parameters

Type ParameterDefault typeDescription
TResourceKey extends keyof Resourceskeyof ResourcesThe i18n resource namespace key whose dictionary entries can be overridden.

Properties

PropertyTypeDescription
onEventOnEventType<EventType, unknown>Callback invoked each time the component emits an event — user interactions, successful API responses, step transitions, or errors. Receives the event type constant and an optional payload whose shape varies by event. See the Event Handling guide and each component's event table for the full list of emitted events.
children?ReactNodeOptional child content rendered inside the component's layout.
className?stringCSS class name applied to the component's root element.
defaultValues?unknownInitial values pre-populated into the component's form fields before the user interacts. The exact shape depends on the specific component — refer to each component's own props type.
dictionary?ResourceDictionary<TResourceKey>Overrides for the component's i18n strings. Supply a partial object whose keys match the component's resource namespace — any omitted keys fall back to SDK defaults. See the Translation guide for details.
FallbackComponent?(props: FallbackProps) => ElementCustom React component rendered in place of the component when an unhandled error is caught by the component-level error boundary. Receives error and resetErrorBoundary as props. Defaults to the SDK's built-in InternalError fallback.
LoaderComponent?(__namedParameters: object) => ElementCustom loading indicator rendered while the component's async data is fetching. Overrides the indicator configured on GustoProvider for this component instance only.

CommonComponentInterface

Props common to all SDK feature components, including children, an optional className, default form values, and an i18n resource dictionary override.

Extended by

Type Parameters

Type ParameterDefault typeDescription
TResourceKey extends keyof Resourceskeyof ResourcesThe i18n resource namespace key whose dictionary entries can be overridden.

Properties

PropertyTypeDescription
children?ReactNodeOptional child content rendered inside the component's layout.
className?stringCSS class name applied to the component's root element.
defaultValues?unknownInitial values pre-populated into the component's form fields before the user interacts. The exact shape depends on the specific component — refer to each component's own props type.
dictionary?ResourceDictionary<TResourceKey>Overrides for the component's i18n strings. Supply a partial object whose keys match the component's resource namespace — any omitted keys fall back to SDK defaults. See the Translation guide for details.

RequireAtLeastOne

RequireAtLeastOne<T> = { [K in keyof T]-?: Required<Pick<T, K>> & Partial<Pick<T, Exclude<keyof T, K>>> }[keyof T]

Requires at least one property of T to be provided while leaving the rest optional.

Type Parameters

Type ParameterDescription
TThe object type whose properties are individually optional but collectively required.