Checkout & Payment Failure Flow

1uxdl: "0.1"
2app: E-Commerce Store
3title: Payment Failure Recovery
4
5screens:
6  checkout:
7    name: Order Checkout
8    type: page
9    states:
10      default: Order summary and payment form ready
11      payment_failed: Card declined by payment gateway
12    actions:
13      submit_order:
14        name: Complete Order Payment
15        relations:
16          success:
17            to: order_confirmation
18          declined:
19            to: checkout
20            state: payment_failed
21            when: Gateway returns card declined
22      retry_payment:
23        name: Retry Payment with Updated Card
24        relations:
25          success:
26            to: order_confirmation
27            when: Second payment attempt succeeds
28
29  order_confirmation:
30    name: Order Confirmed
31    type: page
32    states:
33      confirmed: Order receipt shown