WP-FE-RIDE-PAY-GATEWAY-02 — MoMo/VNPay trên Ride Quote + Matching

Domain: D-RIDES · Surfaces: CON · Status: IMP · Date: 2026-08-14

Goal

Bọc FE cho BE WP-RIDE-PAY-GATEWAY-01: chọn MoMo/VNPay trên quote, mở payUrl, giữ Matching ở AWAITING_PAYMENT đến khi poll thấy payment xong.

AC

AC	Result
Quote chips CASH / WALLET / MoMo / VNPay	PASS
Create gateway kèm `returnUrl` · mở `payUrl` nếu có	PASS code
Matching banner AWAITING_PAYMENT · «Mở lại» cổng	PASS
Poll `paymentStatus` → hết awaiting → match UX bình thường	PASS code
Không invent secret MoMo/VNPay	PASS · OWNER env

Files

mobile/src/features/rides/ridePay.ts
mobile/src/features/rides/screens/RideQuoteScreen.tsx
mobile/src/features/rides/screens/RideMatchingScreen.tsx
mobile/src/navigation/types.ts
mobile/src/services/api.ts (paymentMethod / paymentStatus / payUrl on create)

Local

Live MoMo/VNPay: OWNER (MoMo merchant FAIL; VNPay sandbox create PASS — xem STATUS)
FE: mở URL + UI states không cần live gateway để verify layout

Next soft

OWNER Pay e2e (MoMo portal / VNPay return) · seed driver online demo