User Profile

Overview

The Profile page provides a centralised interface for managing personal information, notification preferences, account activity, and security settings. It is accessible to all authenticated users from the sidebar.

Accessing Profile

Navigate to Profile from the sidebar, or click the settings icon.

---

Profile Sidebar

The profile page has a left sidebar showing:

• User avatar with initials
• Full name and email address
• Account ID (unique ABBPay identifier)
• ABBPay Wallet Account balance (ABC tokens)
• Navigation tabs for profile sections

---

Profile Sections

Personal Information

View and edit your basic profile details.

Displayed Fields

Updating Personal Information

1. Click on any editable field row to open the Update Profile slide panel.
2. Modify your first name, last name, or phone number.
3. Click Update to save changes.

Update Profile Form Fields

---

Notification Settings

Configure which email notifications you receive.

Security Alerts

News & Updates

All notification toggles save automatically when changed.

---

Account Activity

View your recent login activity log.

Displays the last 20 login activities including:

---

Security Settings

Manage password, email, and two-factor authentication.

Change Password

1. Click Change Password to open the slide panel.
2. Enter your current password.
3. Enter and confirm your new password.
4. Click Update to save.

Password Requirements

Change Email

Changing your email requires a one-time code for security.

Email Change Process

1. Click Change Email to open the slide panel.
2. Enter your new email address.
3. Enter your current password to confirm identity.
4. Click Send Verification Code -- a one-time code is sent to your current email.
5. Enter the 6-digit code.
6. Click Verify Code.
7. Once verified, click Change Email to complete the process.

The code is six digits and expires after a short time. If it expires or you enter it incorrectly too many times, request a new one.

After changing email:

• Email verification is reset (you must verify your new email)
• A security notification is sent to the old email address

Two-Factor Authentication (2FA)

Enable or disable two-factor authentication using an authenticator app (Google Authenticator, Authy, etc.).

Enabling 2FA

1. In Security Settings, click Enable 2FA.
2. If password confirmation is required, enter your password first.
3. A modal appears with a QR code.
4. Scan the QR code with your authenticator app (or manually enter the setup key).
5. Click Continue.
6. Enter the 6-digit code from your authenticator app.
7. Click Confirm to activate 2FA.

2FA Status Badges

Recovery Codes

After enabling 2FA, recovery codes are generated. These are one-time-use codes that can be used to access your account if you lose access to your authenticator app. Store them securely.

Disabling 2FA

1. Click Disable 2FA (shown when 2FA is enabled).
2. 2FA is immediately disabled.

---

ABBPay Wallet

The profile sidebar displays your ABBPay Wallet balance:

---

Workflow Summary

Navigate to Profile
        |
  +--> Personal Information
  |       +--> Update name and phone
  |
  +--> Notification Settings
  |       +--> Toggle security alerts
  |       +--> Toggle news & updates
  |
  +--> Account Activity
  |       +--> View login history
  |
  +--> Security Settings
          +--> Change Password
          +--> Change Email (with a one-time code)
          +--> Enable/Disable 2FA
          +--> View Recovery Codes