Overview
Technical documentation for the Profile page and all related components. Covers personal information, password management, notifications, team management (My Teams section with complex role management), member details modal, brand associations, MFA setup, and admin-only tickets management.
Personal Information
Technical documentation for PersonalInformation and TeamSection components. Covers displaying user profile data (read-only), form validation, responsive grid layout, role mapping, and team members table view with subscription/catalogue counts.
Change Password
Technical documentation for ChangePassword component. Covers Firebase password change with re-authentication workflow, form validation, password confirmation, and secure password update process.
My Teams
Technical documentation for My Teams component and related modal workflows. Covers complex team management with RBAC, hierarchical role mapping, member operations (add/remove/invite), state management with local staging, notification orchestration, and detailed member view with catalogue/subscription assignment.
Brand Identity
Technical documentation for Brand Identity Management system. Covers team brand asset management, image upload with drag-drop, metadata editing (name, description, alt text), brand color palette (primary, secondary, alternative colors), Firebase Storage integration, role-based access control, and image dependency checking.
Notifications
Technical documentation for NotificationsSection component. Covers role-based notification preferences, 9 notification groups (Admin, Catalogue, Orders, Subscription, Support, Teams, Weekly 3D Assets, Weekly 3D Modelling, Tickets), group toggling, API synchronization, and user preference management.
Tickets
Technical documentation for Tickets Management (admin-only). Covers TicketsManagementSection with inline Spaarkler assignment/status editing, and SingleTicketModal with real-time messaging (onSnapshot), file attachments (PDF), notification orchestration, and Firebase Functions integration.
Additional Components & Reference
Technical reference for AssociatedBrands and MFASetup components. Also includes component hierarchy diagram, integration points with API services and Firebase, dependency imports, and architectural patterns used in Profile section.