fix(ui): initials creation fix (#1091)

* initials creation fix

* fix

* tweaks to camera fliping to avoid small mirroring issue

Author: Brazol

packages/stream_video/lib/src/call/call.dart

@@ -8,7 +8,6 @@ import 'package:async/async.dart' show CancelableOperation;
 import 'package:collection/collection.dart';
 import 'package:internet_connection_checker_plus/internet_connection_checker_plus.dart';
 import 'package:meta/meta.dart';
-import 'package:rxdart/transformers.dart';
 import 'package:stream_webrtc_flutter/stream_webrtc_flutter.dart' as rtc;
 import 'package:stream_webrtc_flutter/stream_webrtc_flutter.dart';
 import 'package:synchronized/synchronized.dart';
@@ -2691,11 +2690,14 @@ class Call {
             .firstOrNull;
 
         _connectOptions = connectOptions.copyWith(
-          cameraFacingMode: connectOptions.cameraFacingMode.flip(),
+          cameraFacingMode: success.data.mediaConstraints.facingMode,
           videoInputDevice: currentInput,
         );
 
-        _stateManager.participantFlipCamera(currentInput);
+        _stateManager.participantFlipCamera(
+          currentInput,
+          track: success.data,
+        );
       },
       failure: (failure) {},
     );
@@ -2790,10 +2792,16 @@ class Call {
         Result.error('Session is null');
 
     if (result.isSuccess) {
-      _connectOptions = connectOptions.copyWith(videoInputDevice: device);
+      final track = result.getDataOrNull()!;
+
+      _connectOptions = connectOptions.copyWith(
+        videoInputDevice: device,
+        cameraFacingMode: track.mediaConstraints.facingMode,
+      );
+
       _stateManager.participantSetVideoInputDevice(
         device: device,
-        track: result.getDataOrNull()!,
+        track: track,
       );
     }
 

packages/stream_video/lib/src/call/state/mixins/state_participant_mixin.dart

@@ -219,7 +219,15 @@ mixin StateParticipantMixin on StateNotifier<CallState> {
     );
   }
 
-  void participantFlipCamera(RtcMediaDevice? videoDevice) {
+  void participantFlipCamera(
+    RtcMediaDevice? videoDevice, {
+    required RtcLocalTrack<CameraConstraints> track,
+  }) {
+    final facingMode = track.mediaConstraints.facingMode;
+    final cameraPosition = facingMode == FacingMode.user
+        ? CameraPosition.front
+        : CameraPosition.back;
+
     state = state.copyWith(
       videoInputDevice: videoDevice,
       callParticipants: state.callParticipants.map((participant) {
@@ -230,7 +238,7 @@ mixin StateParticipantMixin on StateNotifier<CallState> {
             // CopyWith doesn't support null values.
             final newTrackState = TrackState.local(
               muted: trackState.muted,
-              cameraPosition: trackState.cameraPosition?.flip(),
+              cameraPosition: cameraPosition,
             );
 
             return participant.copyWith(

packages/stream_video/lib/src/webrtc/rtc_manager.dart

@@ -1,6 +1,5 @@
 import 'dart:async';
 
-import 'package:async/async.dart' show CancelableOperation;
 import 'package:collection/collection.dart';
 import 'package:flutter/widgets.dart';
 import 'package:rxdart/transformers.dart';
@@ -19,7 +18,6 @@ import '../sfu/data/models/sfu_publish_options.dart';
 import '../sfu/data/models/sfu_track_type.dart';
 import '../sfu/data/models/sfu_video_sender.dart';
 import '../utils/extensions.dart';
-import '../utils/future.dart';
 import '../utils/none.dart';
 import '../utils/result.dart';
 import 'codecs_helper.dart' as codecs;
@@ -1043,10 +1041,17 @@ extension RtcManagerTrackHelper on RtcManager {
       return Result.error('Track is not camera');
     }
 
-    final updatedTrack = await track.flipCamera();
-    tracks[updatedTrack.trackId] = updatedTrack;
+    track.disable();
 
-    return Result.success(updatedTrack);
+    try {
+      final updatedTrack = await track.flipCamera();
+      tracks[updatedTrack.trackId] = updatedTrack;
+      return Result.success(updatedTrack);
+    } finally {
+      // small delay avoids camera being mirrored wrongly for a brief moment
+      await Future<void>.delayed(const Duration(milliseconds: 50));
+      track.enable();
+    }
   }
 
   Future<Result<RtcLocalCameraTrack>> setVideoInputDevice({

packages/stream_video_flutter/CHANGELOG.md

@@ -7,6 +7,7 @@
 - [iOS] Improved broadcast extension handling — the app now waits for the broadcast picker selection before actually starting screen sharing.
 - Resolved an issue where the camera wouldn’t flip correctly if the back camera was selected initially.
 - Fixed an issue where `callMembers` collection wasn't reflecting the actual members list after starting the call session.
+- Fixed an issue with initials creation when multicharacter symbols were used in a user name.
 
 ✅ Added
 - [Web] Added `checkIfAudioOutputChangeSupported()` to the `Call` class to check whether the browser supports changing the audio output device.

packages/stream_video_flutter/lib/src/utils/extensions.dart

@@ -1,5 +1,7 @@
 import 'dart:math';
 
+import 'package:characters/characters.dart';
+
 /// Extensions on [String].
 extension StringExtension on String {
   /// Returns initials for a string
@@ -13,7 +15,7 @@ extension StringExtension on String {
     final resultBuffer = StringBuffer();
 
     for (var i = 0; i < parts.length; i++) {
-      resultBuffer.write(parts[i][0].toUpperCase());
+      resultBuffer.write(parts[i].characters.first.toUpperCase());
     }
 
     return resultBuffer.toString();

packages/stream_video_flutter/pubspec.yaml

@@ -12,6 +12,7 @@ environment:
 
 dependencies:
   cached_network_image: ^3.4.1
+  characters: ^1.4.0
   collection: ^1.19.1
   equatable: ^2.0.7
   flutter: