DDovel Team
Figma Dovel iQ v0.3 MVP (Active) · 2026-10-10
Flows / Home & Wallet / Make a payment

Make a payment

Send a payment to a vendor or contractor from a connected account.

Starting from the Pay action, the user enters an amount (with empty and insufficient-funds states), then fills in recipient, project, and cost category. They review and confirm the payment, which can fail via wrong PIN, decline, or timeout, or succeed with a 'Payment sent' confirmation offering receipt scanning.

8
screens
0
built
6
endpoints

Screen sequence · 8 steps · 💸 Home & Wallet

1. make-payment/no-entry
2 states3 ep
2. make-payment/insufficient-funds
1 ep
3. make-payment
4 states3 ep
4. confirm-payment
4 states2 ep
5. make-payment/wrong-pin
1 ep
6. make-payment/decline
1 ep
7. make-payment/timeout
1 ep
8. close-project/success
3 states1 ep

Endpoints across this flow

Flow endpoints · 6 endpoints, 0 confirmed in code · the Backend agent owns these

GET /wallet/payment-methodsGET /wallet/pinGET /wallet/balanceGET /contractors/contactsGET /contractors/contacts/{contact_id}/bank-accountsPOST /payments/pay-vendor
P
Product agent
supports Design & PM
×