@stream-io/video-react-native-sdk 1.28.3 → 1.29.0-beta.1

package/ios/StreamVideoReactNative.m

@@ -4,6 +4,7 @@
 #import <React/RCTUIManagerUtils.h>
 #import <UIKit/UIKit.h>
 #import <CallKit/CallKit.h>
+#import <PushKit/PushKit.h>
 #import "StreamVideoReactNative.h"
 #import "WebRTCModule.h"
 #import "WebRTCModuleOptions.h"
@@ -14,12 +15,8 @@
 NSNotificationName const kBroadcastStartedNotification = @"iOS_BroadcastStarted";
 NSNotificationName const kBroadcastStoppedNotification = @"iOS_BroadcastStopped";
 
-static NSMutableDictionary *_incomingCallUUIDsByCallID = nil;
-static NSMutableDictionary *_incomingCallCidsByUUID = nil;
 static dispatch_queue_t _dictionaryQueue = nil;
 
-static BOOL _shouldRejectCallWhenBusy = NO;
-
 void broadcastNotificationCallback(CFNotificationCenterRef center,
                                    void *observer,
                                    CFStringRef name,
@@ -60,11 +57,198 @@ RCT_EXPORT_MODULE();
     static dispatch_once_t onceToken;
     dispatch_once(&onceToken, ^{
         _dictionaryQueue = dispatch_queue_create("com.stream.video.dictionary", DISPATCH_QUEUE_SERIAL);
-        _incomingCallUUIDsByCallID = [NSMutableDictionary dictionary];
-        _incomingCallCidsByUUID = [NSMutableDictionary dictionary];
     });
 }
 
++(BOOL)canRegisterCall {
+    Class callingxClass = NSClassFromString(@"Callingx");
+    if (!callingxClass) {
+        #if DEBUG
+        NSLog(@"[StreamVideoReactNative][canRegisterCall] Callingx not available");
+        #endif
+        return YES;
+    }
+    
+    SEL selector = @selector(canRegisterCall);
+    if (![callingxClass respondsToSelector:selector]) {
+        #if DEBUG
+        NSLog(@"[StreamVideoReactNative][canRegisterCall] Callingx does not respond to canRegisterCall selector");
+        #endif
+        return YES;
+    }
+    
+    NSMethodSignature *signature = [callingxClass methodSignatureForSelector:selector];
+    NSInvocation *invocation = [NSInvocation invocationWithMethodSignature:signature];
+    [invocation setTarget:callingxClass];
+    [invocation setSelector:selector];
+    [invocation invoke];
+    
+    BOOL canRegister = NO;
+    [invocation getReturnValue:&canRegister];
+    
+    #if DEBUG
+    NSLog(@"[StreamVideoReactNative][canRegisterCall] canRegisterCall = %@", canRegister ? @"YES" : @"NO");
+    #endif
+    
+    return canRegister;
+}
+
++(void)voipRegistration {
+    Class voipManagerClass = NSClassFromString(@"Callingx.VoipNotificationsManager");
+    if (!voipManagerClass) {
+        // Fallback: Try the unmangled name (might work depending on Swift version)
+        voipManagerClass = NSClassFromString(@"VoipNotificationsManager");
+    }
+    
+    if (!voipManagerClass) {
+        #if DEBUG
+        NSLog(@"[StreamVideoReactNative][voipRegistration] VoipNotificationsManager not available");
+        #endif
+        return;
+    }
+    
+    SEL selector = @selector(voipRegistration);
+    if (![voipManagerClass respondsToSelector:selector]) {
+        #if DEBUG
+        NSLog(@"[StreamVideoReactNative][voipRegistration] VoipNotificationsManager does not respond to voipRegistration");
+        #endif
+        return;
+    }
+    
+    [voipManagerClass voipRegistration];
+}
+
++(void)didUpdatePushCredentials:(PKPushCredentials *)credentials forType:(NSString *)type {
+    Class voipManagerClass = NSClassFromString(@"Callingx.VoipNotificationsManager");
+    if (!voipManagerClass) {
+        // Fallback: Try the unmangled name (might work depending on Swift version)
+        voipManagerClass = NSClassFromString(@"VoipNotificationsManager");
+    }
+    
+    if (!voipManagerClass) {
+        #if DEBUG
+        NSLog(@"[StreamVideoReactNative][didUpdatePushCredentials] VoipNotificationsManager not available");
+        #endif
+        return;
+    }
+    
+    SEL selector = @selector(didUpdatePushCredentials:forType:);
+    if (![voipManagerClass respondsToSelector:selector]) {
+        #if DEBUG
+        NSLog(@"[StreamVideoReactNative][didUpdatePushCredentials] VoipNotificationsManager does not respond to didUpdatePushCredentials:forType:");
+        #endif
+        return;
+    }
+    
+    [voipManagerClass didUpdatePushCredentials:credentials forType:type];
+}
+
++(void)didReceiveIncomingPush:(PKPushPayload *)payload forType:(NSString *)type completionHandler: (void (^_Nullable)(void)) completion {
+    NSDictionary *streamPayload = payload.dictionaryPayload[@"stream"];
+    if (!streamPayload) {
+        #if DEBUG
+        NSLog(@"[StreamVideoReactNative][didReceiveIncomingPush] Stream payload not found");
+        #endif
+        if (completion) {
+            completion();
+        }
+        return;
+    }
+    
+    NSString *createdCallerName = streamPayload[@"created_by_display_name"];
+    NSString *callCid = streamPayload[@"call_cid"];
+    if (!createdCallerName || !callCid) {
+        #if DEBUG
+        NSLog(@"[StreamVideoReactNative][didReceiveIncomingPush] Missing required fields: created_by_display_name or call_cid");
+        #endif
+        if (completion) {
+            completion();
+        }
+        return;
+    }
+    
+    if (![StreamVideoReactNative canRegisterCall]) {
+        if (completion) {
+            completion();
+        }
+        return;
+    }
+
+    [StreamVideoReactNative reportNewIncomingCall:streamPayload forType:type completionHandler:completion];
+    [StreamVideoReactNative didReceiveIncomingPushWithPayload:payload forType:type];
+}
+
++(void)reportNewIncomingCall:(NSDictionary *)streamPayload forType:(NSString *)type completionHandler: (void (^_Nullable)(void)) completion {
+    Class callingxClass = NSClassFromString(@"Callingx");
+    if (!callingxClass) {
+        NSLog(@"[StreamVideoReactNative][didReceiveIncomingPush] Callingx not available");
+        return;
+    }
+    
+    SEL selector = @selector(reportNewIncomingCall:handle:handleType:hasVideo:localizedCallerName:supportsHolding:supportsDTMF:supportsGrouping:supportsUngrouping:fromPushKit:payload:withCompletionHandler:);
+    if (![callingxClass respondsToSelector:selector]) {
+        #if DEBUG
+        NSLog(@"[StreamVideoReactNative][didReceiveIncomingPush] Callingx does not respond to selector");
+        #endif
+        return;
+    }
+    
+    NSString *callCid = streamPayload[@"call_cid"];
+    NSString *createdCallerName = streamPayload[@"created_by_display_name"];
+    NSString *videoIncluded = streamPayload[@"video"];
+    BOOL hasVideo = [videoIncluded isEqualToString:@"false"] ? NO : YES;
+    NSString *handleType = @"generic";
+    BOOL supportsHolding = NO;
+    BOOL supportsDTMF = NO;
+    BOOL supportsGrouping = NO;
+    BOOL supportsUngrouping = NO;
+    BOOL fromPushKit = YES;
+    void (^completionHandler)(void) = completion;
+    
+    NSMethodSignature *signature = [callingxClass methodSignatureForSelector:selector];
+    NSInvocation *invocation = [NSInvocation invocationWithMethodSignature:signature];
+    [invocation setTarget:callingxClass];
+    [invocation setSelector:selector];
+    [invocation setArgument:&callCid atIndex:2];
+    [invocation setArgument:&createdCallerName atIndex:3];
+    [invocation setArgument:&handleType atIndex:4];
+    [invocation setArgument:&hasVideo atIndex:5];
+    [invocation setArgument:&createdCallerName atIndex:6];
+    [invocation setArgument:&supportsHolding atIndex:7];
+    [invocation setArgument:&supportsDTMF atIndex:8];
+    [invocation setArgument:&supportsGrouping atIndex:9];
+    [invocation setArgument:&supportsUngrouping atIndex:10];
+    [invocation setArgument:&fromPushKit atIndex:11];
+    [invocation setArgument:&streamPayload atIndex:12];
+    [invocation setArgument:&completionHandler atIndex:13];
+    [invocation invoke];
+}
+
++(void)didReceiveIncomingPushWithPayload:(PKPushPayload *)payload forType:(NSString *)type {
+    Class voipManagerClass = NSClassFromString(@"Callingx.VoipNotificationsManager");
+    if (!voipManagerClass) {
+        // Fallback: Try the unmangled name (might work depending on Swift version)
+        voipManagerClass = NSClassFromString(@"VoipNotificationsManager");
+    }
+    
+    if (!voipManagerClass) {
+        #if DEBUG
+        NSLog(@"[StreamVideoReactNative][didReceiveIncomingPushWithPayload] VoipNotificationsManager not available");
+        #endif
+        return;
+    }
+    
+    SEL selector = @selector(didReceiveIncomingPushWithPayload:forType:);
+    if (![voipManagerClass respondsToSelector:selector]) {
+        #if DEBUG
+        NSLog(@"[StreamVideoReactNative][didReceiveIncomingPushWithPayload] VoipNotificationsManager does not respond to didReceiveIncomingPushWithPayload:forType:");
+        #endif
+        return;
+    }
+    
+    [voipManagerClass didReceiveIncomingPushWithPayload:payload forType:type];
+}
+
 -(instancetype)init {
     if ((self = [super init])) {
         _notificationCenter = CFNotificationCenterGetDarwinNotifyCenter();
@@ -191,71 +375,6 @@ RCT_EXPORT_METHOD(currentThermalState:(RCTPromiseResolveBlock)resolve rejecter:(
     }
 }
 
-+(void)registerIncomingCall:(NSString *)cid uuid:(NSString *)uuid {
-    [StreamVideoReactNative initializeSharedDictionaries];
-    dispatch_sync(_dictionaryQueue, ^{
-        
-#ifdef DEBUG
-        NSLog(@"registerIncomingCall cid:%@ -> uuid:%@",cid,uuid);
-#endif
-        NSString *lowercaseUUID = [uuid lowercaseString];
-        _incomingCallUUIDsByCallID[cid] = lowercaseUUID;
-        _incomingCallCidsByUUID[lowercaseUUID] = cid;
-    });
-}
-
-RCT_EXPORT_METHOD(getIncomingCallUUid:(NSString *)cid
-                  resolver:(RCTPromiseResolveBlock)resolve
-                  rejecter:(RCTPromiseRejectBlock)reject)
-{
-    dispatch_sync(_dictionaryQueue, ^{
-        NSString *uuid = _incomingCallUUIDsByCallID[cid];
-        if (uuid) {
-            resolve(uuid);
-        } else {
-            NSString *errorString = [NSString stringWithFormat:@"requested incoming call not found for cid: %@", cid];
-            reject(@"access_failure", errorString, nil);
-        }
-    });
-}
-
-RCT_EXPORT_METHOD(getIncomingCallCid:(NSString *)uuid
-                  resolver:(RCTPromiseResolveBlock)resolve
-                  rejecter:(RCTPromiseRejectBlock)reject)
-{
-    dispatch_sync(_dictionaryQueue, ^{
-        NSString *lowercaseUUID = [uuid lowercaseString];
-        NSString *foundCid = _incomingCallCidsByUUID[lowercaseUUID];
-        
-        if (foundCid) {
-            resolve(foundCid);
-        } else {
-            NSString *errorString = [NSString stringWithFormat:@"requested incoming call not found for uuid: %@", uuid];
-            reject(@"access_failure", errorString, nil);
-        }
-    });
-}
-
-RCT_EXPORT_METHOD(removeIncomingCall:(NSString *)cid
-                  resolver:(RCTPromiseResolveBlock)resolve
-                  rejecter:(RCTPromiseRejectBlock)reject)
-{
-    dispatch_sync(_dictionaryQueue, ^{
-        NSString *uuid = _incomingCallUUIDsByCallID[cid];
-        if (uuid) {
-#ifdef DEBUG
-            NSLog(@"removeIncomingCall cid:%@ -> uuid:%@",cid,uuid);
-#endif
-            
-            [_incomingCallUUIDsByCallID removeObjectForKey:cid];
-            [_incomingCallCidsByUUID removeObjectForKey:uuid];
-            resolve(@YES);
-        } else {
-            resolve(@NO);
-        }
-    });
-}
-
 RCT_EXPORT_METHOD(captureRef:(nonnull NSNumber *)reactTag
                   options:(NSDictionary *)options
                   resolver:(RCTPromiseResolveBlock)resolve
@@ -373,17 +492,7 @@ RCT_EXPORT_METHOD(getBatteryState:(RCTPromiseResolveBlock)resolve
     ];
 }
 
-+(BOOL)shouldRejectCallWhenBusy {
-    return _shouldRejectCallWhenBusy;
-}
-
-RCT_EXPORT_METHOD(setShouldRejectCallWhenBusy:(BOOL)shouldReject) {
-    _shouldRejectCallWhenBusy = shouldReject;
-#ifdef DEBUG
-    NSLog(@"setShouldRejectCallWhenBusy: %@", shouldReject ? @"YES" : @"NO");
-#endif
-}
-
+//current implementation will return any registered calls not only stream calls
 + (BOOL)hasAnyActiveCall
 {
     CXCallObserver *callObserver = [[CXCallObserver alloc] init];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stream-io/video-react-native-sdk",
-  "version": "1.28.3",
+  "version": "1.29.0-beta.1",
   "description": "Stream Video SDK for React Native",
   "author": "https://getstream.io",
   "homepage": "https://getstream.io/video/docs/react-native/",
@@ -65,6 +65,7 @@
     "@react-native-firebase/app": ">=17.5.0",
     "@react-native-firebase/messaging": ">=17.5.0",
     "@stream-io/noise-cancellation-react-native": ">=0.1.0",
+    "@stream-io/react-native-callingx": ">=0.1.0",
     "@stream-io/react-native-webrtc": ">=137.1.0",
     "@stream-io/video-filters-react-native": ">=0.1.0",
     "expo": ">=47.0.0",
@@ -72,11 +73,9 @@
     "expo-notifications": "*",
     "react": ">=17.0.0",
     "react-native": ">=0.73.0",
-    "react-native-callkeep": ">=4.3.11",
     "react-native-gesture-handler": ">=2.8.0",
     "react-native-reanimated": ">=2.7.0",
-    "react-native-svg": ">=13.6.0",
-    "react-native-voip-push-notification": ">=3.3.1"
+    "react-native-svg": ">=13.6.0"
   },
   "peerDependenciesMeta": {
     "@notifee/react-native": {
@@ -94,6 +93,9 @@
     "@stream-io/noise-cancellation-react-native": {
       "optional": true
     },
+    "@stream-io/react-native-callingx": {
+      "optional": true
+    },
     "@stream-io/video-filters-react-native": {
       "optional": true
     },
@@ -106,17 +108,11 @@
     "expo-notifications": {
       "optional": true
     },
-    "react-native-callkeep": {
-      "optional": true
-    },
     "react-native-gesture-handler": {
       "optional": true
     },
     "react-native-reanimated": {
       "optional": true
-    },
-    "react-native-voip-push-notification": {
-      "optional": true
     }
   },
   "devDependencies": {
@@ -130,9 +126,10 @@
     "@react-native-firebase/app": "^23.4.0",
     "@react-native-firebase/messaging": "^23.4.0",
     "@react-native/babel-preset": "^0.81.5",
-    "@stream-io/noise-cancellation-react-native": "^0.5.0",
+    "@stream-io/noise-cancellation-react-native": "0.5.0",
+    "@stream-io/react-native-callingx": "0.1.0-beta.1",
     "@stream-io/react-native-webrtc": "137.1.0",
-    "@stream-io/video-filters-react-native": "^0.10.0",
+    "@stream-io/video-filters-react-native": "0.10.0",
     "@testing-library/jest-native": "^5.4.3",
     "@testing-library/react-native": "13.3.3",
     "@tsconfig/node18": "^18.2.4",
@@ -148,11 +145,9 @@
     "react": "19.1.0",
     "react-native": "^0.81.5",
     "react-native-builder-bob": "~0.23",
-    "react-native-callkeep": "^4.3.16",
     "react-native-gesture-handler": "^2.28.0",
     "react-native-reanimated": "~4.1.2",
     "react-native-svg": "^15.14.0",
-    "react-native-voip-push-notification": "3.3.3",
     "react-native-worklets": "^0.5.0",
     "react-test-renderer": "19.1.0",
     "rimraf": "^6.0.1",
@@ -167,4 +162,4 @@
       "typescript"
     ]
   }
-}
+}

package/src/components/Call/CallLayout/CallParticipantsGrid.tsx

@@ -18,7 +18,7 @@ import { StreamVideoParticipant } from '@stream-io/video-client';
  */
 export type CallParticipantsGridProps = ParticipantViewComponentProps &
   Pick<CallContentProps, 'supportedReactions' | 'CallParticipantsList'> &
-  Pick<CallParticipantsListComponentProps, 'ParticipantView'> & {
+  Pick<CallParticipantsListComponentProps, 'ParticipantView' | 'mirror'> & {
     /**
      * Boolean to decide if local participant will be visible in the grid when there is 1:1 call.
      */
@@ -41,6 +41,7 @@ export const CallParticipantsGrid = ({
   ParticipantVideoFallback,
   ParticipantView,
   VideoRenderer,
+  mirror,
   showLocalParticipant = false,
   supportedReactions,
   landscape,
@@ -103,6 +104,7 @@ export const CallParticipantsGrid = ({
     ParticipantReaction,
     ParticipantVideoFallback,
     VideoRenderer,
+    mirror,
   };
 
   return (

package/src/components/Call/CallLayout/CallParticipantsSpotlight.tsx

@@ -27,7 +27,7 @@ export type CallParticipantsSpotlightProps = ParticipantViewComponentProps &
     CallContentProps,
     'supportedReactions' | 'CallParticipantsList' | 'ScreenShareOverlay'
   > &
-  Pick<CallParticipantsListComponentProps, 'ParticipantView'> & {
+  Pick<CallParticipantsListComponentProps, 'ParticipantView' | 'mirror'> & {
     /**
      * Check if device is in landscape mode.
      * This will apply the landscape mode styles to the component.
@@ -49,6 +49,7 @@ export const CallParticipantsSpotlight = ({
   ScreenShareOverlay,
   VideoRenderer,
   supportedReactions,
+  mirror,
   landscape,
 }: CallParticipantsSpotlightProps) => {
   const {
@@ -78,6 +79,7 @@ export const CallParticipantsSpotlight = ({
   const callParticipantsListProps: CallParticipantsListComponentProps = {
     ...participantViewProps,
     ParticipantView,
+    mirror,
   };
 
   const landscapeStyles: ViewStyle = {
@@ -126,6 +128,7 @@ export const CallParticipantsSpotlight = ({
               isScreenShareOnSpotlight ? 'screenShareTrack' : 'videoTrack'
             }
             supportedReactions={supportedReactions}
+            mirror={mirror}
             {...participantViewProps}
           />
         ))}

package/src/components/Call/CallParticipantsList/CallParticipantsList.tsx

@@ -43,6 +43,11 @@ export type CallParticipantsListComponentProps =
      * Component to customize the participant view.
      */
     ParticipantView?: React.ComponentType<ParticipantViewProps> | null;
+    /**
+     * Forces a participant's video to be mirrored or unmirrored. By default, the video track
+     * from the local participant is mirrored, and all other videos are not mirrored.
+     */
+    mirror?: boolean;
   };
 
 /**
@@ -88,6 +93,7 @@ export const CallParticipantsList = ({
   VideoRenderer,
   supportedReactions,
   landscape,
+  mirror,
 }: CallParticipantsListProps) => {
   const styles = useStyles();
   const [containerLayout, setContainerLayout] = useState({
@@ -210,6 +216,7 @@ export const CallParticipantsList = ({
               trackType="videoTrack"
               isVisible={isVisible}
               supportedReactions={supportedReactions}
+              mirror={mirror}
               {...participantProps}
             />
           )}
@@ -236,6 +243,7 @@ export const CallParticipantsList = ({
                 trackType="videoTrack"
                 key={keyExtractor(participant, index)}
                 supportedReactions={supportedReactions}
+                mirror={mirror}
                 {...participantProps}
               />
             )

package/src/components/Participant/FloatingParticipantView/index.tsx

@@ -36,7 +36,7 @@ export type FloatingParticipantViewAlignment =
 export type FloatingParticipantViewProps = ParticipantViewComponentProps &
   Pick<CallParticipantsListComponentProps, 'ParticipantView'> &
   Pick<CallContentProps, 'supportedReactions'> &
-  Pick<ParticipantViewProps, 'objectFit' | 'videoZOrder'> & {
+  Pick<ParticipantViewProps, 'objectFit' | 'videoZOrder' | 'mirror'> & {
     /**
      * Determines where the floating participant video will be placed.
      */
@@ -103,6 +103,7 @@ export const FloatingParticipantView = ({
   supportedReactions,
   videoZOrder = 1,
   objectFit,
+  mirror,
 }: FloatingParticipantViewProps) => {
   const {
     theme: {
@@ -195,6 +196,7 @@ export const FloatingParticipantView = ({
                 // (which uses the default: 0)
                 videoZOrder={videoZOrder}
                 objectFit={objectFit}
+                mirror={mirror}
                 supportedReactions={supportedReactions}
                 {...participantViewProps}
               />

package/src/components/Participant/ParticipantView/ParticipantView.tsx

@@ -88,6 +88,11 @@ export type ParticipantViewProps = ParticipantViewComponentProps &
      * In the fashion of https://www.w3.org/TR/html5/embedded-content-0.html#dom-video-videowidth and https://www.w3.org/TR/html5/rendering.html#video-object-fit, resembles the CSS style object-fit.
      */
     objectFit?: 'contain' | 'cover';
+    /**
+     * Forces a participant's video to be mirrored or unmirrored. By default, the video track
+     * from the local participant is mirrored, and all other videos are not mirrored.
+     */
+    mirror?: boolean;
   };
 
 /**
@@ -107,6 +112,7 @@ export const ParticipantView = ({
   ParticipantVideoFallback = DefaultParticipantVideoFallback,
   objectFit,
   videoZOrder = 0,
+  mirror,
   supportedReactions,
 }: ParticipantViewProps) => {
   const {
@@ -144,6 +150,7 @@ export const ParticipantView = ({
           ParticipantVideoFallback={ParticipantVideoFallback}
           objectFit={objectFit}
           videoZOrder={videoZOrder}
+          mirror={mirror}
         />
       )}
       <View

package/src/components/Participant/ParticipantView/VideoRenderer/index.tsx

@@ -36,6 +36,7 @@ export type VideoRendererProps = Pick<
   | 'isVisible'
   | 'objectFit'
   | 'videoZOrder'
+  | 'mirror'
 >;
 
 /**
@@ -50,6 +51,7 @@ export const VideoRenderer = ({
   ParticipantVideoFallback = DefaultParticipantVideoFallback,
   objectFit,
   videoZOrder = 0,
+  mirror: mirrorOverride,
 }: VideoRendererProps) => {
   const {
     theme: { videoRenderer },
@@ -109,8 +111,11 @@ export const VideoRenderer = ({
     deregisterIosScreenshot,
   ]);
 
-  const mirror =
-    isLocalParticipant && !isScreenSharing && direction === 'front';
+  const mirror = isScreenSharing
+    ? false
+    : mirrorOverride !== undefined
+      ? mirrorOverride
+      : isLocalParticipant && direction === 'front';
 
   /**
    * This effect updates the participant's viewportVisibilityState