Sequence — Checkout
End-to-end checkout sequence — frontend, API, Stripe.
Rendering…
Make it your own.
@startuml
!theme plain
skinparam backgroundColor transparent
actor User
participant "Web" as W
participant "API" as A
database "DB" as D
participant "Stripe" as S
User -> W: click Pay
W -> A: POST /checkout
A -> D: reserve inventory
A -> S: create PaymentIntent
S --> A: client_secret
A --> W: client_secret
W -> S: confirmCardPayment
S --> W: success
W -> A: POST /confirm
A -> D: mark order paid
A --> W: order_id
W --> User: receipt
@enduml