Design System v0.6.0

Pola

Pola layar

Komposisi komponen untuk titik yang paling berisiko di loop booking. Pembayaran mendapat perhatian khusus karena MonetaPay masih punya isu reliabilitas: state gagal dan retry harus ada sejak awal.

Copy masih draft Teks di panel status di bawah harus dicocokkan dengan perilaku backend dan MonetaPay (durasi penahanan booking, email konfirmasi, aturan retry) sebelum dipakai.

Status pembayaran

Processing your payment

Please keep this page open while we confirm your payment.

Booking confirmed

Your stay is booked. You can find the details in your bookings.

Urutan prioritas aksi di panel gagal: retry dulu, ganti metode kedua. Jangan pernah membiarkan guest di jalan buntu: setiap state error punya minimal satu aksi.

Ringkasan booking

Villa name

Area, City

Dates

Check-in - Check-out

Guests

[N] adults

Rp X.XXX.XXX × [N] nightsRp X.XXX.XXX

TotalRp X.XXX.XXX

Satu CTA utama. Tanggal dan jumlah tamu bisa diedit dari ringkasan tanpa kembali ke awal alur.