User Flow

User Flows

A) Real-Time Reception 🔔

1. An Event Occurs (e.g., 'Balance updated').
2. Header Alert: The bell animates ✨ and shows a numeric badge.
3. Pop-up Card: A toast card appears for 8 seconds ⏳.
4. Affiliate Actions: The affiliate can click the card to go to the section or open the sidesheet (side panel) from the bell.

B) Viewing and Managing from the Sidesheet 📖

1. Access: Open the sidesheet from the bell.
2. Filter: Use chips 🏷️ to filter by section (General, Reports, Wallet, Settings).
3. Individual Management: Mark a card as read ✔️ or delete 🗑️ it (with hover on Desktop or swipe on Mobile).
4. Global Actions: Use the top buttons to: Mark all as read / Delete all / Go to settings ⚙️.

C) Preferences (Customization) 🔧

1. Navigate: Go to Settings → Notifications.
2. General: Enable/disable sound 🔊 and pop-up cards.
3. By Event: Choose the channel per event (Web and/or Email) 📧.
4. Finish: Save changes ✅.

---

💾 States

• Visual Indicator: Badge to mark read/unread status.
• Synchronization: Status syncs in real time across all devices 🔄.
• Retention: Read notifications are automatically cleared after 1 month 🗓️.

❤️ Benefits

• Immediate Visibility: Clear feedback with bell + toast 📲.
• Control: Customization by section and channel.
• Centralized History: Sidesheet with quick actions.
• Essential Coverage: Delivery via both channels (Web and Email).
• Automatic Cleanup: Read history is cleared monthly 🗑️.