Merge branch 'PBE-5855-feat/react-native-video-design-v2' into color-consolidation-and-other-fixes

Author: kristian-mkd

packages/client/docusaurus/docs/javascript/02-guides/03-call-and-participant-state.mdx

@@ -151,6 +151,8 @@ const subscription = call.state.participants$.subscribe((participants) => {
 subscription.unsubscribe();
 ```
 
+In a call with many participants, the value of the `participants$` call state observable is truncated to 250 participants. The participants who are publishing video, audio, or screen sharing have priority over the other participants in the list. This means, for example, that in a livestream with one host and many viewers, the host is guaranteed to be in the list.
+
 ## Client state
 
 The client state can be accessed by `client.state`.

packages/react-native-sdk/docusaurus/docs/reactnative/03-core/03-call-and-participant-state.mdx

@@ -205,10 +205,12 @@ const hosts = participants.filter((p) => p.roles.includes('host'));
 
 // participants that publish video and audio
 const videoParticipants = participants.filter(
-  (p) => hasVideo(p) && hasAudio(p),
+  (p) => hasVideo(p) && hasAudio(p)
 );
 ```
 
+In a call with many participants, the list returned by the `useParticipants` call state hook is truncated to 250 participants. The participants who are publishing video, audio, or screen sharing have priority over the other participants in the list. This means, for example, that in a livestream with one host and many viewers, the host is guaranteed to be in the list.
+
 ## Client state
 
 To observe client state you need to provide a `StreamVideoClient` instance to the `StreamVideo` context provider.

packages/react-sdk/docusaurus/docs/React/02-guides/03-call-and-participant-state.mdx

@@ -207,6 +207,8 @@ const videoParticipants = participants.filter(
 );
 ```
 
+In a call with many participants, the list returned by the `useParticipants` call state hook is truncated to 250 participants. The participants who are publishing video, audio, or screen sharing have priority over the other participants in the list. This means, for example, that in a livestream with one host and many viewers, the host is guaranteed to be in the list.
+
 ## Client state
 
 To observe client state you need to provide a `StreamVideoClient` instance to the `StreamVideo` context provider.

sample-apps/react-native/dogfood/ios/StreamReactNativeVideoSDKSample/AppDelegate.mm

@@ -13,6 +13,7 @@
 // @react-native-community/push-notification-ios
 #import <UserNotifications/UserNotifications.h>
 #import <RNCPushNotificationIOS.h>
+#import <WebRTCModuleOptions.h>
 
 #import "StreamVideoReactNative.h"
 
@@ -123,6 +124,10 @@ - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(
   UNUserNotificationCenter *center = [UNUserNotificationCenter currentNotificationCenter];
   center.delegate = self;
 
+  WebRTCModuleOptions *options = [WebRTCModuleOptions sharedInstance];
+//  uncomment below to see native webrtc logs
+//  options.loggingSeverity = RTCLoggingSeverityInfo;
+  
   return [super application:application didFinishLaunchingWithOptions:launchOptions];
 }
 

sample-apps/react-native/dogfood/package.json

@@ -85,4 +85,4 @@
   "installConfig": {
     "hoistingLimits": "workspaces"
   }
-}
+}