PaymentLifecycleTracker
stableSWIFT / ACH / SEPA payment lifecycle stepper with per-step timestamps, actor labels, and reference IDs
import { PaymentLifecycleTracker } from "@nodus/design-system/finance"Loading demo…
Props
| Prop | Type | Default | Description |
|---|---|---|---|
railreq | PaymentRail | — | Payment network (SWIFT, ACH, SEPA, etc.) |
referencereq | string | — | Payment reference ID |
currentStepreq | PaymentLifecycleStep | — | Current active lifecycle step |
stepData | Partial<Record<PaymentLifecycleStep, StepData>> | — | Per-step timestamps, actors, and notes |
networkRef | string | — | UETR or network message ID |
compact | boolean | — | Single-row compact layout |
railrequiredType
PaymentRailDefault —Payment network (SWIFT, ACH, SEPA, etc.)
referencerequiredType
stringDefault —Payment reference ID
currentSteprequiredType
PaymentLifecycleStepDefault —Current active lifecycle step
stepDataType
Partial<Record<PaymentLifecycleStep, StepData>>Default —Per-step timestamps, actors, and notes
networkRefType
stringDefault —UETR or network message ID
compactType
booleanDefault —Single-row compact layout
Design Rationale
This component was designed to express:
Explore Related
PaymentTracker→
End-to-end payment lifecycle tracker with step progression and SLA deadline
PaymentStatusTracker→
Payment lifecycle tracker with maker/checker pipeline and rejection handling
SettlementNetCard→
Net settlement position card: gross debit, gross credit, net amount, counterparty, value date, netting method
Was this helpful?