fixed empty roles list in call participant state (#757)

Author: Brazol

dogfooding/lib/screens/call_participants_list.dart

@@ -74,9 +74,19 @@ class CallParticipantsList extends StatelessWidget {
                               child: Padding(
                                 padding:
                                     const EdgeInsets.symmetric(horizontal: 16),
-                                child: Text(
-                                  participant.name,
-                                  overflow: TextOverflow.ellipsis,
+                                child: Column(
+                                  crossAxisAlignment: CrossAxisAlignment.start,
+                                  children: [
+                                    Text(
+                                      participant.name,
+                                      overflow: TextOverflow.ellipsis,
+                                    ),
+                                    Text(
+                                      participant.roles.join(', '),
+                                      style: textTheme.footnoteItalic,
+                                      overflow: TextOverflow.ellipsis,
+                                    ),
+                                  ],
                                 ),
                               ),
                             ),

packages/stream_video/lib/src/sfu/sfu_extensions.dart

@@ -7,7 +7,7 @@ extension SfuParticipantX on SfuParticipant {
   CallParticipantState toParticipantState(CallState state) {
     final isLocal = userId == state.currentUserId;
     final existing = state.callParticipants.firstWhereOrNull(
-      (it) => it.userId == userId && it.sessionId == sessionId,
+      (it) => it.userId == userId,
     );
 
     final existingName = existing?.name ?? '';
@@ -16,7 +16,7 @@ extension SfuParticipantX on SfuParticipant {
 
     return CallParticipantState(
       userId: userId,
-      roles: existingRoles,
+      roles: roles.isNotEmpty ? roles : existingRoles,
       name: userName.ifEmpty(() => existingName),
       custom: custom,
       image: userImage.ifEmpty(() => existingImage),