WP-FIGMA-FN-WALLET-01 — Ví: methods · add card · stats · topup result

Domain: D-WALLET · Surface: CON · Status: IMP · Date: 2026-08-15

Design

JPG 6183f04777baf6e4afab37.jpg (Ví · lịch sử · thêm thẻ · phương thức · support N/A)
JPG 1eabc56a4297c3c99a8621.jpg (thống kê / 4 CTA nạp-rút-quét-thẻ)
Figma — Wave B JPG-only (không pack list-sync)

Checklist board

CTA trên hình	Kết quả
Ví · mắt ẩn số dư · Nạp / Rút	Eye toggle · `WalletAction` topup/withdraw
Quét mã · Thêm thẻ (1eabc)	`QrHome` (MapTab) · `WalletAddCard`
Phương thức thanh toán	Title khớp · Ví WELIFE mặc định · Thêm thẻ mới nét đứt
Tiền mặt	Hàng tĩnh (không persist API)
Thêm thẻ ngân hàng · preview · Lưu thẻ	Preview + Số thẻ / Tên / MM/YY / CVV — chỉ POST last4+label
Lịch sử Tất cả / Thành công / Thất bại	Chip status + badge màu (heuristic note/type; ledger không có cột status)
Thống kê 7 ngày / Tháng này / Năm nay	`WalletExpenseStats` range chips + từng tháng
Nạp thành công	`PaySuccessState` + phương thức + Xem lịch sử / Về ví

Files

mobile/src/features/wallet/screens/WalletHomeScreen.tsx
mobile/src/features/wallet/screens/WalletPaymentMethodsScreen.tsx
mobile/src/features/wallet/screens/WalletAddCardScreen.tsx
mobile/src/features/wallet/screens/WalletTxHistoryScreen.tsx
mobile/src/features/wallet/screens/WalletExpenseStatsScreen.tsx
mobile/src/features/wallet/screens/WalletActionScreen.tsx
mobile/src/features/wallet/screens/WalletTxDetailScreen.tsx
mobile/src/features/wallet/utils/txCategory.ts
mobile/src/features/wallet/walletNav.ts
mobile/src/shared/ui/StateBlocks.tsx

N/A

PAN/CVV tokenization — BE CreatePaymentMethodDto chỉ last4/label; CVV không gửi
PATCH set-default method — không có endpoint; Ví WELIFE luôn mặc định UI
Support FAQ/ticket trên cùng board 6183… — D-SUPPORT (đã IMP WP-FE-SUP-02)
Profile / Discovery / Settings trên 1eabc… — WP-FIGMA-FN-AUTH-01 / SOC-01
OWNER Pay live / MoMo merchant — không đụng secret