Returns Flow
Return request in four steps: pick items with drawn thumbnails, a reason per item, a refund method, then a QR code and return code for drop-off, followed by a status timeline. Exports ReturnLabel and ReturnStatus.
Preview
Return items · Reason
Order #40817- Items (done)
- Reason (current)
- Refund
- Label
Label and status
Return codeRT-208411
Show this code at the counter. No printer needed — they print the label and pack it for you.
Parcel point, 14 Harbour St · by Nov 17
- Return requested (done)Nov 3
- Dropped off (done)Nov 4 · Harbour St
- Received and checked (current)Nov 7
- Refund issued (upcoming)
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| orderNumber | string | — | Shown in the header and mixed into the return code. |
| items | { id; name; detail?; price; thumb?; blocked? }[] | — | Order lines; `blocked` explains why one cannot be returned. |
| reasons | string[] | defaultReasons | Reason choices offered per item. |
| refundMethods | { id; label; description; bonus? }[] | defaultRefundMethods | Refund choices; `bonus` adds a share (0.1 = +10%). |
| dropoff | { place: string; by: string } | — | Drop-off place and deadline on the label step. |
| stages | { label; at?; detail? }[] | 4 stages | Status timeline shown after confirming. |
| currency / locale | string | "USD" / — | Money formatting. |
| defaultSelection / defaultStep | Record<string, string | null> / number | {} / 0 | Preselected items (with reasons) and starting step. |
| onSubmit | (request: { items; refund; amount; code }) => void | — | Called on Confirm return. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.