TSOpus5Xh

components/ui/ts-opus-5-xh.tsx

A transaction process card that shows the payment details, a stage timeline (authorization, network transfer, confirmation) and a single send action. It owns its ready, sending, failed and sent states, announces each through a live region, and lets the caller advance stages as the request progresses.

Send a payment

Stages advance as the request progresses; toggle the checkbox to see the failure and retry path.

Payment

Ready
Recipient
Northwind Logistics Ltd.
Amount
$1,240.00

  1. Authorization

    Waiting

  2. Network transfer

    Waiting

  3. Confirmation

    Waiting

Review the details, then send the payment.