# Commerce Returns Flow

Self-service return flow for a fashion or electronics ecommerce shopper.

- id: `commerce-returns-flow`
- Page: https://agentic-ui-kit.com/components/commerce-returns-flow
- Live preview: https://agentic-ui-kit.com/live/component/commerce-returns-flow

## Install

```bash
agentic-ui add commerce-returns-flow
npx shadcn@4.17.0 add @agentic-ui/commerce-returns-flow
```

## Metadata

- **Level:** feature
- **Category:** feature
- **Installable in:** Radix UI (registry variant new-york), Base UI (registry variant base-vega)
- **Capabilities:** item-selection, quantity-stepper, final-sale-guards, reason-selection, photo-upload-dropzone, store-credit-incentive, shipping-label-generation, qr-code-dropoff, packing-instructions, status-timeline, keyboard-navigation, minor-units-math
- **Intents:** execute-flow, manage-collection, track-status
- **Suits domains:** ecommerce, logistics, support, operations
- **Interaction:** stage-navigation, item-selection, reason-selection, file-upload, label-printing, status-tracking, keyboard-navigation
- **Screen role:** flow
- **Density:** medium
- **Dark mode:** yes
- **Use it for:** self-service return flow for a fashion or electronics ecommerce shopper, RMA request with prepaid label generation and a paperless QR code, bonus store credit incentive versus a refund to the original credit card, tracking the return lifecycle from pickup to settlement
- **Avoid when:** immediate cancellation of orders before they have been packed or shipped, B2B returns with consignment contracts or complex customs inspections
- **Preserve when adapting:** return-stage-progression, minor-units-math, prepaid-label-layout, lifecycle-status-timeline
- **Replace when adapting:** carrier-branding, return-reasons-catalog, policy-window-duration, store-credit-incentive-rate
- **Adaptation effort:** low
- **Coupling:** low
- **Quality score:** 9.2/10
- **Quality breakdown:** visual 9/10, responsive 9/10, accessibility 9/10, code 9/10
- **Uses primitives:** badge, button, card, checkbox, dialog, input, label, progress, radio-group, select, separator, tooltip
- **npm dependencies:** lucide-react
- **Motion:** profile subtle, library css, reduced-motion fallback yes
- **npm dependencies (registry):** clsx@^2.1.1, lucide-react@0.577.0, tailwind-merge@3.5.0