Lanjutan

Detail Settings

Pelajari fitur-fitur lanjutan pada halaman settings, termasuk validasi form, password strength indicator, dan proses delete account dengan OTP

Settings Detail

Screenshot: Detail Settings

Tentang Settings Detail

Halaman Settings memiliki 3 section utama dengan berbagai fitur validasi dan keamanan. Setiap section memiliki proses dan validasi yang berbeda.

1

Detail Profile Section

Name Field (Editable)

  • Validation: Required, minimum 2 karakter
  • Real-time: Validasi saat blur (onblur event)
  • Error Display: Error message ditampilkan di bawah field
  • API Endpoint: PUT /user/profile
  • Update Store: User store di-update setelah berhasil

Email Field (Read-only)

  • Display: Ditampilkan dengan icon envelope dan background abu-abu
  • Locked: Tidak bisa diubah untuk keamanan akun
  • Hint: Menampilkan pesan "Email tidak dapat diubah untuk keamanan akun"

Save Button

  • State: Disabled saat sedang update (isUpdatingProfile)
  • Loading: Menampilkan spinner dan teks "Saving..." saat proses
  • Success: Toast success message setelah berhasil update
2

Detail Security Section

Current Password Field

  • Validation: Required, validasi saat blur
  • Purpose: Verifikasi bahwa user adalah pemilik akun
  • Strength Indicator: Tidak ditampilkan (showStrength=false)

New Password Field

  • Validation: Required, minimum 8 karakter, validasi saat blur
  • Strength Indicator: Ditampilkan saat mengetik (showStrength=true)
  • Real-time: Strength indicator update secara real-time

Confirm Password Field

  • Validation: Required, harus match dengan new password, validasi saat blur
  • Error Message: Menampilkan "password_mismatch" jika tidak match
  • Strength Indicator: Tidak ditampilkan

Update Process

  1. Validasi semua field (current, new, confirm)
  2. Kirim request ke API: PUT /user/password dengan current_password dan new_password
  3. Clear semua field setelah berhasil
  4. Tampilkan toast success message
3

Cara Menghapus Akun

Untuk keamanan Anda, proses penghapusan akun membutuhkan 2 langkah verifikasi:

Langkah 1: Konfirmasi Password

  • • Klik tombol "Delete Account" pada bagian Danger Zone
  • • Masukkan password akun Anda untuk verifikasi
  • • Password tidak boleh kosong
  • • Klik "Kirim OTP" untuk melanjutkan
  • • Sistem akan mengirim kode OTP ke email Anda

Langkah 2: Verifikasi OTP

  • • Cek email Anda dan salin kode OTP 6 digit
  • • Kode OTP hanya berlaku selama 5 menit
  • • Masukkan kode OTP di form yang tersedia
  • • Tombol "Hapus Akun" akan aktif setelah Anda memasukkan 6 digit
  • • Anda memiliki maksimal 3 kali percobaan untuk memasukkan OTP yang benar

Setelah Akun Terhapus

  • • Anda akan melihat notifikasi sukses
  • • Sistem otomatis logout dan mengarahkan Anda ke halaman utama
  • • Semua data Anda akan dihapus secara permanen, termasuk:
  • • Semua agents yang Anda buat
  • • Semua knowledge base dan actions
  • • Semua riwayat percakapan
  • • Informasi profil dan pengaturan

Peringatan Penting: Proses penghapusan akun TIDAK DAPAT DIBATALKAN. Pastikan Anda sudah backup semua data penting sebelum menghapus akun.

4

Detail Validasi Form

Validasi Profile Name:

  • Required: Tidak boleh kosong
  • Min Length: Minimum 2 karakter setelah trim
  • Trim: Whitespace di-trim sebelum validasi dan save
  • Error Key: validation.required atau validation.min_length

Validasi Password:

  • Current Password: Required, tidak ada validasi panjang
  • New Password: Required, minimum 8 karakter
  • Confirm Password: Required, harus match dengan new password
  • Error Keys: validation.required, validation.password_min, validation.password_mismatch
5

Password Strength Indicator

Password strength indicator hanya ditampilkan pada field New Password untuk membantu user membuat password yang kuat:

Fitur Strength Indicator:

  • Real-time: Update saat user mengetik
  • Visual Feedback: Menampilkan strength level dengan warna (weak/medium/strong)
  • Location: Hanya di New Password field, tidak di Current atau Confirm

Tips & Best Practices

Password Security

Gunakan password yang kuat dengan kombinasi huruf besar, kecil, angka, dan simbol. Perhatikan password strength indicator saat membuat password baru.

Regular Updates

Ganti password secara berkala (setiap 3-6 bulan) untuk menjaga keamanan akun. Jangan gunakan password yang sama dengan layanan lain.

Delete Account Warning

Sebelum delete account, pastikan Anda sudah backup semua data penting. Pastikan email Anda aktif untuk menerima OTP.