RefundStatusTracker

molecules

Refund request status tracker — shows current stage, estimated timeline, and next steps. Used in order history. Preserves legacy refund flow.

ARIA Role: status

Demo

Demo for RefundStatusTracker (molecules)

Refund request status tracker — shows current stage, estimated timeline, and next steps. Used in order history. Preserves legacy refund flow.

Props

Prop	Type	Required	Default
`refundId`	`string`	Yes	`—`
`status`	`'pending' \| 'reviewing' \| 'approved' \| 'processing' \| 'completed' \| 'rejected'`	Yes	`—`
`estimatedDate`	`string`	No	`—`
`reason`	`string`	No	`—`

TypeScript Interface

interface RefundStatusTrackerProps {
  refundId: string;
  status: 'pending' | 'reviewing' | 'approved' | 'processing' | 'completed' | 'rejected';
  estimatedDate?: string;
  reason?: string;
}

Assertions (NASA Rule 5)

[type]status must be valid enum value(NASA Rule 5)
[aria]Status must be announced as live region(WCAG 4.1.3)

Usage

Import

import { Refundstatustracker } from '@epasslive/design-system'

Basic

<Refundstatustracker />

With Variants

<Refundstatustracker variant="primary" size="md" />