Lewati ke konten utama

Wizard Pengundangan Peserta Event, Pembayaran Tiket DOKU-Only, & Kode Unik Transfer Bank

Pembaruan ini merangkum sejumlah perubahan pada alur pendaftaran peserta event, pembayaran tiket, dan penagihan (invoice), disertai beberapa perbaikan pendukung pada autentikasi dan konsistensi tampilan loading.

Status: Sudah Dirilis ke Production

Seluruh perubahan pada laporan ini telah dirilis ke production pada Senin, 31 Agustus 2026.

ℹ️ Informasi Rilis​

InformasiDetail
Tanggal KompilasiRabu, 26 Agustus 2026
Tanggal RilisSenin, 31 Agustus 2026
StatusDeployed (Production)
Tipe UpdateFeature Enhancement, UX Improvement & Bug Fix

1. Pengundangan Peserta: Alur Bertahap (Wizard)​

Halaman pengundangan peserta (digunakan admin/panitia untuk mendaftarkan peserta ke sebuah event) kini dipecah menjadi wizard enam langkah, menggantikan form panjang satu halaman:

  1. Cari Event — memilih event tujuan pendaftaran.

Event akan muncul berurutan dengan tanggal event dimulai. Jika hanya terdapat 1 event, step ini akan otomatis dilewati (auto fill).

Langkah 1: Cari Event

  1. Konfigurasi Peserta — menentukan kategori slot peserta.

Langkah 2: Konfigurasi Peserta

  1. Data Peserta — mengisi detail masing-masing peserta.

Import CSV kini dapat mencakup tipe tiket juga, dan terdapat tombol baru: "Bantuan" dan "Download Template".

Langkah 3: Formulir Data Peserta

Contoh hasil mengisi data peserta:

Langkah 3: Contoh Hasil Data Peserta

  1. Metode Pembayaran — memilih cara pembayaran untuk pendaftaran ini.

Jika gratis, step ini akan otomatis dilewati (auto fill).

Langkah 4: Metode Pembayaran

  1. Ringkasan — meninjau seluruh data sebelum dikirim.

Tinjauan akhir untuk email invoice dan tiket peserta yang akan dikirim.

Langkah 5: Ringkasan

  1. Selesai — konfirmasi pendaftaran berhasil.

Setelah selesai, user dapat memilih 3 opsi navigasi.

Setiap langkah ditandai dengan indikator progres (komponen Stepper baru yang dapat dipakai ulang di bagian lain sistem).

Langkah 6: Selesai

catatan

Hanya event berstatus aktif yang bisa dipilih. Jika belum ada event yang dipublikasikan, langkah pertama akan menampilkan status kosong dengan tombol pintasan langsung ke halaman kelola event — menggantikan dropdown kosong yang sebelumnya membingungkan.

2. Pembayaran Tiket oleh Peserta: DOKU Saja (Transfer Manual Dihapus)​

Untuk pembelian tiket oleh peserta (halaman transaksi guest maupun member), alur transfer bank manual dan unggah bukti transfer telah dihapus. Peserta kini hanya dapat membayar melalui DOKU (Virtual Account, QRIS, atau kartu), yang terverifikasi otomatis tanpa menunggu tinjauan admin.

SebelumSesudah
Peserta memilih transfer bank manual atau DOKU, lalu mengunggah bukti transfer untuk diverifikasi admin (hingga 1×24 jam).Peserta langsung membayar via DOKU (VA/QRIS/kartu) — status pembayaran terverifikasi otomatis.

Perubahan ini hanya berlaku untuk transaksi tiket langsung oleh peserta. Namun dari sisi admin tetap mendukung transfer bank manual.

Tampilan jika user melihat transaksi setelah login:

Transaksi Member saat Login

Tampilan jika user diundang dan mendapatkan tagihan melalui email:

Transaksi Email Undangan

Transaksi Email Detail

Tampilan setelah user mengklik tombol Pay Now pada email atau laman transaksi:

Transaksi Pay Now

3. Kode Unik Transfer Bank untuk Pembayaran Manual dan Peningkatan UX Pembayaran di Dashboard Admin​

Untuk pembayaran manual, setiap transaksi kini memiliki kode unik 3 digit yang ditambahkan ke nominal tagihan, sehingga jumlah transfer yang harus dibayar adalah total_tagihan + kode_unik. Tujuannya agar tim keuangan dapat mencocokkan mutasi rekening dengan transaksi secara presisi tanpa perlu konfirmasi manual ke pengirim.

Demo: Kode Unik Transfer

  • Alur konfirmasi pembayaran manual oleh admin menampilkan nominal yang sama, termasuk kode unik, agar admin memverifikasi jumlah yang benar-benar diterima.
  • Email undangan dengan invoice (leaderInvitationWithInvoice) kini menyertakan tautan pembayaran DOKU sebagai teks cadangan yang bisa disalin, untuk berjaga-jaga jika tombol pada email tidak berfungsi di klien email penerima.

Tabel Kelola Pembayaran di dashboard admin diperbarui:

  • Tautan DOKU langsung di tabel — setiap baris pembayaran dengan tautan checkout DOKU kini menampilkan tombol Buka dan Salin langsung di kolom tabel, tanpa perlu membuka detail baris terlebih dahulu.
  • Dialog konfirmasi manual dirombak — tampilan peringatan (warning) yang lebih jelas, menyertakan ringkasan nominal yang harus diterima (termasuk kode unik) sebelum admin mengonfirmasi.

Admin: Kelola Pembayaran

4. Perbaikan Lainnya​

  • Link undangan admin — perbaikan pada verifikasi tautan undangan yang dibuat oleh admin (misalnya saat mengundang anggota atau panitia baru); tautan kini diverifikasi melalui metode yang konsisten dengan alur reset password, mengatasi potensi kegagalan verifikasi pada tautan yang dibuat dari sisi admin.
  • Konsistensi layar loading — layar loading di halaman guest, member, event registration, serta dashboard committee, finance, dan leader kini menggunakan satu komponen GlobalLoadingScreen yang seragam, menggantikan beberapa versi loading screen yang berbeda-beda tampilannya.
  • Jumlah peserta aktif pada tabel event — tabel daftar event di dashboard kini menampilkan jumlah peserta dengan status aktif, memudahkan panitia memantau okupansi tanpa membuka detail event.