@stream-io/video-react-native-sdk 1.12.0 → 1.13.1

package/expo-config-plugin/dist/withAppDelegate.js

@@ -5,12 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const config_plugins_1 = require("@expo/config-plugins");
 const codeMod_1 = require("@expo/config-plugins/build/ios/codeMod");
-const addNewLinesToAppDelegate_1 = __importDefault(require("./common/addNewLinesToAppDelegate"));
-const DID_FINISH_LAUNCHING_WITH_OPTIONS = 'application:didFinishLaunchingWithOptions:';
-const DID_UPDATE_PUSH_CREDENTIALS = 'pushRegistry:didUpdatePushCredentials:forType:';
-const DID_RECEIVE_INCOMING_PUSH = 'pushRegistry:didReceiveIncomingPushWithPayload:forType:withCompletionHandler:';
-const DID_ACTIVATE_AUDIO_SESSION = 'provider:didActivateAudioSession:audioSession';
-const DID_DEACTIVATE_AUDIO_SESSION = 'provider:didDeactivateAudioSession:audioSession';
+const addNewLinesToAppDelegateObjc_1 = __importDefault(require("./common/addNewLinesToAppDelegateObjc"));
+const addToSwiftBridgingHeaderFile_1 = require("./common/addToSwiftBridgingHeaderFile");
 const withAppDelegate = (configuration, props) => {
     return (0, config_plugins_1.withAppDelegate)(configuration, (config) => {
         if (!props?.ringingPushNotifications &&
@@ -20,7 +16,7 @@ const withAppDelegate = (configuration, props) => {
         }
         if (['objc', 'objcpp'].includes(config.modResults.language)) {
             try {
-                // all the imports that are needed
+                config.modResults.contents = addDidFinishLaunchingWithOptionsObjc(config.modResults.contents, props.iOSEnableMultitaskingCameraAccess);
                 if (props?.ringingPushNotifications) {
                     config.modResults.contents = (0, codeMod_1.addObjcImports)(config.modResults.contents, [
                         '"RNCallKeep.h"',
@@ -29,35 +25,114 @@ const withAppDelegate = (configuration, props) => {
                         '"StreamVideoReactNative.h"',
                         '<WebRTC/RTCAudioSession.h>',
                     ]);
-                    config.modResults.contents = addDidFinishLaunchingWithOptionsRinging(config.modResults.contents, props.ringingPushNotifications);
-                    config.modResults.contents = addDidUpdatePushCredentials(config.modResults.contents);
-                    config.modResults.contents = addDidReceiveIncomingPushCallback(config.modResults.contents);
-                    config.modResults.contents = addAudioSessionMethods(config.modResults.contents);
+                    config.modResults.contents =
+                        addDidFinishLaunchingWithOptionsRingingObjc(config.modResults.contents, props.ringingPushNotifications);
+                    config.modResults.contents = addDidUpdatePushCredentialsObjc(config.modResults.contents);
+                    config.modResults.contents = addDidReceiveIncomingPushCallbackObjc(config.modResults.contents);
+                    config.modResults.contents = addAudioSessionMethodsObjc(config.modResults.contents);
                 }
-                config.modResults.contents = addDidFinishLaunchingWithOptions(config.modResults.contents, props.iOSEnableMultitaskingCameraAccess);
                 return config;
             }
             catch (error) {
-                throw new Error(`Cannot setup StreamVideoReactNativeSDK because the AppDelegate is malformed ${error}`);
+                throw new Error(`Cannot setup StreamVideoReactNativeSDK because the AppDelegate(objc) is malformed ${error}`);
             }
         }
         else {
-            throw new Error('Cannot setup StreamVideoReactNativeSDK because the language is not supported');
+            try {
+                if (props?.ringingPushNotifications) {
+                    // make it public class AppDelegate: ExpoAppDelegate, PKPushRegistryDelegate {
+                    const regex = /(class\s+AppDelegate[^{]*)(\s*\{)/;
+                    config.modResults.contents = config.modResults.contents.replace(regex, (match, declarationPart, openBrace) => {
+                        // Check if PKPushRegistryDelegate is already in the declaration part
+                        if (declarationPart.includes('PKPushRegistryDelegate')) {
+                            return match; // Already present, no change needed
+                        }
+                        const trimmedDecl = declarationPart.trimRight();
+                        // If the declaration already has a colon (superclass or other protocols)
+                        if (trimmedDecl.includes(':')) {
+                            return `${trimmedDecl}, PKPushRegistryDelegate${openBrace}`;
+                        }
+                        else {
+                            // No colon, so AppDelegate is the first thing to be listed after :
+                            // This means the class declaration was like "class AppDelegate {"
+                            return `${trimmedDecl}: PKPushRegistryDelegate${openBrace}`;
+                        }
+                    });
+                }
+                config.modResults.contents = (0, codeMod_1.addSwiftImports)(config.modResults.contents, ['WebRTC']);
+                (0, addToSwiftBridgingHeaderFile_1.addToSwiftBridgingHeaderFile)(config.modRequest.projectRoot, (headerFileContents) => {
+                    headerFileContents = (0, codeMod_1.addObjcImports)(headerFileContents, [
+                        '"ProcessorProvider.h"',
+                        '"StreamVideoReactNative.h"',
+                        '<WebRTCModuleOptions.h>',
+                    ]);
+                    return headerFileContents;
+                });
+                config.modResults.contents = addDidFinishLaunchingWithOptionsSwift(config.modResults.contents, props.iOSEnableMultitaskingCameraAccess);
+                if (props?.ringingPushNotifications) {
+                    config.modResults.contents = (0, codeMod_1.addSwiftImports)(config.modResults.contents, ['RNCallKeep', 'PushKit', 'RNVoipPushNotification']);
+                    config.modResults.contents =
+                        addDidFinishLaunchingWithOptionsRingingSwift(config.modResults.contents, props.ringingPushNotifications);
+                    config.modResults.contents = addDidUpdatePushCredentialsSwift(config.modResults.contents);
+                    config.modResults.contents = addDidReceiveIncomingPushCallbackSwift(config.modResults.contents);
+                    config.modResults.contents = addAudioSessionMethodsSwift(config.modResults.contents);
+                }
+                return config;
+            }
+            catch (error) {
+                throw new Error(`Cannot setup StreamVideoReactNativeSDK because the AppDelegate(swift) is malformed ${error}`);
+            }
         }
     });
 };
-function addDidFinishLaunchingWithOptions(contents, iOSEnableMultitaskingCameraAccess) {
+function addDidFinishLaunchingWithOptionsSwift(contents, iOSEnableMultitaskingCameraAccess) {
     if (iOSEnableMultitaskingCameraAccess) {
+        const functionSelector = 'application(_:didFinishLaunchingWithOptions:)';
+        const setupMethod = `let options = WebRTCModuleOptions.sharedInstance()
+    options.enableMultitaskingCameraAccess = true`;
+        if (!contents.includes('options.enableMultitaskingCameraAccess = true')) {
+            contents = (0, codeMod_1.insertContentsInsideSwiftFunctionBlock)(contents, functionSelector, setupMethod, { position: 'head' });
+        }
+    }
+    return contents;
+}
+function addDidFinishLaunchingWithOptionsObjc(contents, iOSEnableMultitaskingCameraAccess) {
+    if (iOSEnableMultitaskingCameraAccess) {
+        const functionSelector = 'application:didFinishLaunchingWithOptions:';
         contents = (0, codeMod_1.addObjcImports)(contents, ['<WebRTCModuleOptions.h>']);
         const setupMethod = `WebRTCModuleOptions *options = [WebRTCModuleOptions sharedInstance];
   options.enableMultitaskingCameraAccess = YES;`;
         if (!contents.includes('options.enableMultitaskingCameraAccess = YES')) {
-            contents = (0, codeMod_1.insertContentsInsideObjcFunctionBlock)(contents, DID_FINISH_LAUNCHING_WITH_OPTIONS, setupMethod, { position: 'tailBeforeLastReturn' });
+            contents = (0, codeMod_1.insertContentsInsideObjcFunctionBlock)(contents, functionSelector, setupMethod, { position: 'head' });
         }
     }
     return contents;
 }
-function addDidFinishLaunchingWithOptionsRinging(contents, ringingPushNotifications) {
+function addDidFinishLaunchingWithOptionsRingingSwift(contents, ringingPushNotifications) {
+    const functionSelector = 'application(_:didFinishLaunchingWithOptions:)';
+    const supportsVideoString = ringingPushNotifications.disableVideoIos
+        ? 'false'
+        : 'true';
+    const includesCallsInRecents = ringingPushNotifications.includesCallsInRecentsIos ? 'false' : 'true';
+    const setupCallKeep = `  let localizedAppName = Bundle.main.localizedInfoDictionary?["CFBundleDisplayName"] as? String
+    let appName = Bundle.main.infoDictionary?["CFBundleDisplayName"] as? String
+    RNCallKeep.setup([
+      "appName": localizedAppName != nil ? localizedAppName! : appName as Any,
+      "supportsVideo": ${supportsVideoString},
+      "includesCallsInRecents": ${includesCallsInRecents},
+    ])`;
+    if (!contents.includes('RNCallKeep.setup')) {
+        contents = (0, codeMod_1.insertContentsInsideSwiftFunctionBlock)(contents, functionSelector, setupCallKeep, { position: 'head' });
+    }
+    // call the setup of voip push notification
+    const voipSetupMethod = 'RNVoipPushNotificationManager.voipRegistration()';
+    if (!contents.includes(voipSetupMethod)) {
+        contents = (0, codeMod_1.insertContentsInsideSwiftFunctionBlock)(contents, functionSelector, '  ' /* indentation */ + voipSetupMethod, { position: 'head' });
+    }
+    return contents;
+}
+function addDidFinishLaunchingWithOptionsRingingObjc(contents, ringingPushNotifications) {
+    const functionSelector = 'application:didFinishLaunchingWithOptions:';
     // call the setup RNCallKeep
     const supportsVideoString = ringingPushNotifications.disableVideoIos
         ? '@NO'
@@ -71,64 +146,170 @@ function addDidFinishLaunchingWithOptionsRinging(contents, ringingPushNotificati
     @"includesCallsInRecents": ${includesCallsInRecents},
   }];`;
     if (!contents.includes('[RNCallKeep setup:@')) {
-        contents = (0, codeMod_1.insertContentsInsideObjcFunctionBlock)(contents, DID_FINISH_LAUNCHING_WITH_OPTIONS, setupCallKeep, { position: 'head' });
+        contents = (0, codeMod_1.insertContentsInsideObjcFunctionBlock)(contents, functionSelector, setupCallKeep, { position: 'head' });
     }
     // call the setup of voip push notification
     const voipSetupMethod = '[RNVoipPushNotificationManager voipRegistration];';
     if (!contents.includes(voipSetupMethod)) {
-        contents = (0, codeMod_1.insertContentsInsideObjcFunctionBlock)(contents, DID_FINISH_LAUNCHING_WITH_OPTIONS, voipSetupMethod, { position: 'head' });
+        contents = (0, codeMod_1.insertContentsInsideObjcFunctionBlock)(contents, functionSelector, voipSetupMethod, { position: 'head' });
     }
     return contents;
 }
-function addDidUpdatePushCredentials(contents) {
+function addDidUpdatePushCredentialsSwift(contents) {
+    const updatedPushCredentialsMethod = 'RNVoipPushNotificationManager.didUpdate(credentials, forType: type.rawValue)';
+    if (!contents.includes(updatedPushCredentialsMethod)) {
+        const functionSelector = 'pushRegistry(_:didUpdate:for:)';
+        const codeblock = (0, codeMod_1.findSwiftFunctionCodeBlock)(contents, functionSelector);
+        if (!codeblock) {
+            return (0, codeMod_1.insertContentsInsideSwiftClassBlock)(contents, 'class AppDelegate', `
+    public func pushRegistry(
+      _ registry: PKPushRegistry,
+      didUpdate credentials: PKPushCredentials,
+      for type: PKPushType
+    ) {
+      ${updatedPushCredentialsMethod}
+    }
+            `, { position: 'tail' });
+        }
+        else {
+            return (0, codeMod_1.insertContentsInsideSwiftFunctionBlock)(contents, functionSelector, updatedPushCredentialsMethod, { position: 'tail' });
+        }
+    }
+    return contents;
+}
+function addDidUpdatePushCredentialsObjc(contents) {
     const updatedPushCredentialsMethod = '[RNVoipPushNotificationManager didUpdatePushCredentials:credentials forType:(NSString *)type];';
     if (!contents.includes(updatedPushCredentialsMethod)) {
-        const codeblock = (0, codeMod_1.findObjcFunctionCodeBlock)(contents, DID_UPDATE_PUSH_CREDENTIALS);
+        const functionSelector = 'pushRegistry:didUpdatePushCredentials:forType:';
+        const codeblock = (0, codeMod_1.findObjcFunctionCodeBlock)(contents, functionSelector);
         if (!codeblock) {
-            return (0, addNewLinesToAppDelegate_1.default)(contents, [
+            return (0, addNewLinesToAppDelegateObjc_1.default)(contents, [
                 '- (void)pushRegistry:(PKPushRegistry *)registry didUpdatePushCredentials:(PKPushCredentials *)credentials forType:(PKPushType)type {',
                 '  ' /* indentation */ + updatedPushCredentialsMethod,
                 '}',
             ]);
         }
         else {
-            return (0, codeMod_1.insertContentsInsideObjcFunctionBlock)(contents, DID_UPDATE_PUSH_CREDENTIALS, updatedPushCredentialsMethod, { position: 'tail' });
+            return (0, codeMod_1.insertContentsInsideObjcFunctionBlock)(contents, functionSelector, updatedPushCredentialsMethod, { position: 'tail' });
+        }
+    }
+    return contents;
+}
+function addAudioSessionMethodsSwift(contents) {
+    const audioSessionDidActivateMethod = 'RTCAudioSession.sharedInstance().audioSessionDidActivate(AVAudioSession.sharedInstance())';
+    if (!contents.includes(audioSessionDidActivateMethod)) {
+        const functionSelector = 'provider(_:didActivate:)';
+        if (!contents.includes('didActivateAudioSession')) {
+            contents = (0, codeMod_1.insertContentsInsideSwiftClassBlock)(contents, 'class AppDelegate', `
+  func provider(_ provider: CXProvider, didActivateAudioSession audioSession: AVAudioSession) {
+    ${audioSessionDidActivateMethod}
+  }
+    `, { position: 'tail' });
+        }
+        else {
+            contents = (0, codeMod_1.insertContentsInsideSwiftFunctionBlock)(contents, functionSelector, audioSessionDidActivateMethod, { position: 'tail' });
+        }
+    }
+    const audioSessionDidDeactivateMethod = 'RTCAudioSession.sharedInstance().audioSessionDidDeactivate(AVAudioSession.sharedInstance())';
+    if (!contents.includes(audioSessionDidDeactivateMethod)) {
+        const functionSelector = 'provider(_:didDeactivate:)';
+        if (!contents.includes('didDeactivateAudioSession')) {
+            contents = (0, codeMod_1.insertContentsInsideSwiftClassBlock)(contents, 'class AppDelegate', `
+  func provider(_ provider: CXProvider, didDeactivateAudioSession audioSession: AVAudioSession) {
+    ${audioSessionDidDeactivateMethod}
+  }
+    `, { position: 'tail' });
+        }
+        else {
+            contents = (0, codeMod_1.insertContentsInsideSwiftFunctionBlock)(contents, functionSelector, audioSessionDidDeactivateMethod, { position: 'tail' });
         }
     }
     return contents;
 }
-function addAudioSessionMethods(contents) {
+function addAudioSessionMethodsObjc(contents) {
     const audioSessionDidActivateMethod = '[[RTCAudioSession sharedInstance] audioSessionDidActivate:[AVAudioSession sharedInstance]];';
     if (!contents.includes(audioSessionDidActivateMethod)) {
-        const codeblock = (0, codeMod_1.findObjcFunctionCodeBlock)(contents, DID_ACTIVATE_AUDIO_SESSION);
+        const functionSelector = 'provider:didActivateAudioSession:audioSession:';
+        const codeblock = (0, codeMod_1.findObjcFunctionCodeBlock)(contents, functionSelector);
         if (!codeblock) {
-            contents = (0, addNewLinesToAppDelegate_1.default)(contents, [
+            contents = (0, addNewLinesToAppDelegateObjc_1.default)(contents, [
                 '- (void) provider:(CXProvider *) provider didActivateAudioSession:(AVAudioSession *) audioSession {',
                 '  ' /* indentation */ + audioSessionDidActivateMethod,
                 '}',
             ]);
         }
         else {
-            contents = (0, codeMod_1.insertContentsInsideObjcFunctionBlock)(contents, DID_ACTIVATE_AUDIO_SESSION, audioSessionDidActivateMethod, { position: 'tail' });
+            contents = (0, codeMod_1.insertContentsInsideObjcFunctionBlock)(contents, functionSelector, audioSessionDidActivateMethod, { position: 'tail' });
         }
     }
     const audioSessionDidDeactivateMethod = '[[RTCAudioSession sharedInstance] audioSessionDidDeactivate:[AVAudioSession sharedInstance]];';
     if (!contents.includes(audioSessionDidDeactivateMethod)) {
-        const codeblock = (0, codeMod_1.findObjcFunctionCodeBlock)(contents, DID_DEACTIVATE_AUDIO_SESSION);
+        const functionSelector = 'provider:didDeactivateAudioSession:audioSession:';
+        const codeblock = (0, codeMod_1.findObjcFunctionCodeBlock)(contents, functionSelector);
         if (!codeblock) {
-            contents = (0, addNewLinesToAppDelegate_1.default)(contents, [
+            contents = (0, addNewLinesToAppDelegateObjc_1.default)(contents, [
                 '- (void) provider:(CXProvider *) provider didDeactivateAudioSession:(AVAudioSession *) audioSession {',
                 '  ' /* indentation */ + audioSessionDidDeactivateMethod,
                 '}',
             ]);
         }
         else {
-            contents = (0, codeMod_1.insertContentsInsideObjcFunctionBlock)(contents, DID_DEACTIVATE_AUDIO_SESSION, audioSessionDidDeactivateMethod, { position: 'tail' });
+            contents = (0, codeMod_1.insertContentsInsideObjcFunctionBlock)(contents, functionSelector, audioSessionDidDeactivateMethod, { position: 'tail' });
+        }
+    }
+    return contents;
+}
+function addDidReceiveIncomingPushCallbackSwift(contents) {
+    const onIncomingPush = `
+    guard let stream = payload.dictionaryPayload["stream"] as? [String: Any],
+          let createdCallerName = stream["created_by_display_name"] as? String,
+          let cid = stream["call_cid"] as? String else {
+      completion()
+      return
+    }
+    
+    let uuid = UUID().uuidString
+    
+    StreamVideoReactNative.registerIncomingCall(cid, uuid: uuid)
+    
+    RNVoipPushNotificationManager.addCompletionHandler(uuid, completionHandler: completion)
+    
+    RNVoipPushNotificationManager.didReceiveIncomingPush(with: payload, forType: type.rawValue)
+    
+    RNCallKeep.reportNewIncomingCall(uuid,
+                                     handle: createdCallerName,
+                                     handleType: "generic",
+                                     hasVideo: true,
+                                     localizedCallerName: createdCallerName,
+                                     supportsHolding: true,
+                                     supportsDTMF: true,
+                                     supportsGrouping: true,
+                                     supportsUngrouping: true,
+                                     fromPushKit: true,
+                                     payload: stream,
+                                     withCompletionHandler: nil)`;
+    if (!contents.includes('RNVoipPushNotificationManager.didReceiveIncomingPush')) {
+        const functionSelector = 'pushRegistry(_:didReceiveIncomingPushWith:for:completion:)';
+        const codeblock = (0, codeMod_1.findSwiftFunctionCodeBlock)(contents, functionSelector);
+        if (!codeblock) {
+            return (0, codeMod_1.insertContentsInsideSwiftClassBlock)(contents, 'class AppDelegate', `
+  public func pushRegistry(
+    _ registry: PKPushRegistry,
+    didReceiveIncomingPushWith payload: PKPushPayload,
+    for type: PKPushType,
+    completion: @escaping () -> Void
+  ) {
+    ${onIncomingPush}
+  }
+        `, { position: 'tail' });
+        }
+        else {
+            return (0, codeMod_1.insertContentsInsideSwiftFunctionBlock)(contents, functionSelector, onIncomingPush, { position: 'tail' });
         }
     }
     return contents;
 }
-function addDidReceiveIncomingPushCallback(contents) {
+function addDidReceiveIncomingPushCallbackObjc(contents) {
     const onIncomingPush = `
   // process the payload and store it in the native module's cache
   NSDictionary *stream = payload.dictionaryPayload[@"stream"];
@@ -160,16 +341,17 @@ function addDidReceiveIncomingPushCallback(contents) {
               withCompletionHandler: nil];
 `;
     if (!contents.includes('[RNVoipPushNotificationManager didReceiveIncomingPushWithPayload')) {
-        const codeblock = (0, codeMod_1.findObjcFunctionCodeBlock)(contents, DID_RECEIVE_INCOMING_PUSH);
+        const functionSelector = 'pushRegistry:didReceiveIncomingPushWithPayload:forType:withCompletionHandler:';
+        const codeblock = (0, codeMod_1.findObjcFunctionCodeBlock)(contents, functionSelector);
         if (!codeblock) {
-            return (0, addNewLinesToAppDelegate_1.default)(contents, [
+            return (0, addNewLinesToAppDelegateObjc_1.default)(contents, [
                 '- (void)pushRegistry:(PKPushRegistry *)registry didReceiveIncomingPushWithPayload:(PKPushPayload *)payload forType:(PKPushType)type withCompletionHandler:(void (^)(void))completion {',
                 ...onIncomingPush.trim().split('\n'),
                 '}',
             ]);
         }
         else {
-            return (0, codeMod_1.insertContentsInsideObjcFunctionBlock)(contents, DID_RECEIVE_INCOMING_PUSH, onIncomingPush, { position: 'tail' });
+            return (0, codeMod_1.insertContentsInsideObjcFunctionBlock)(contents, functionSelector, onIncomingPush, { position: 'tail' });
         }
     }
     return contents;

package/ios/StreamVideoReactNative.m

@@ -1,5 +1,7 @@
 #import <React/RCTBridgeModule.h>
 #import <React/RCTEventEmitter.h>
+#import <React/RCTUIManager.h> 
+#import <UIKit/UIKit.h>
 #import "StreamVideoReactNative.h"
 #import "WebRTCModule.h"
 #import "WebRTCModuleOptions.h"
@@ -29,6 +31,12 @@ void broadcastNotificationCallback(CFNotificationCenterRef center,
 }
 RCT_EXPORT_MODULE();
 
+// the viewRegistry approach is taken from https://github.com/facebook/react-native/issues/50800#issuecomment-2823327307
+#ifdef RCT_NEW_ARCH_ENABLED
+@synthesize viewRegistry_DEPRECATED = _viewRegistry_DEPRECATED;
+#endif // RCT_NEW_ARCH_ENABLED
+@synthesize bridge = _bridge;
+
 +(BOOL)requiresMainQueueSetup {
     return NO;
 }
@@ -225,6 +233,94 @@ RCT_EXPORT_METHOD(removeIncomingCall:(NSString *)cid
     });
 }
 
+RCT_EXPORT_METHOD(captureRef:(nonnull NSNumber *)reactTag
+                  options:(NSDictionary *)options
+                  resolver:(RCTPromiseResolveBlock)resolve
+                  rejecter:(RCTPromiseRejectBlock)reject)
+{
+#ifdef RCT_NEW_ARCH_ENABLED
+    [self.viewRegistry_DEPRECATED addUIBlock:^(RCTViewRegistry *viewRegistry) {
+        UIView *view = [self.viewRegistry_DEPRECATED viewForReactTag:reactTag];
+        
+#else
+    [self.bridge.uiManager
+     addUIBlock:^(RCTUIManager *uiManager, NSDictionary<NSNumber *, UIView *> *viewRegistry) {
+        UIView *view = [uiManager viewForReactTag:reactTag];
+#endif
+
+        if (!view) {
+          reject(RCTErrorUnspecified, [NSString stringWithFormat:@"No view found with reactTag: %@", reactTag], nil);
+          return;
+        }
+        
+        // Get capture options
+        NSString *format = options[@"format"] ? [options[@"format"] lowercaseString] : @"png";
+        CGFloat quality = options[@"quality"] ? [options[@"quality"] floatValue] : 1.0;
+        NSNumber *width = options[@"width"];
+        NSNumber *height = options[@"height"];
+        
+        // Determine the size to render
+        CGSize size;
+        CGRect bounds = view.bounds;
+        if (width && height) {
+            size = CGSizeMake([width floatValue], [height floatValue]);
+        } else {
+            size = bounds.size;
+        }
+        
+        // Abort if size is invalid
+        if (size.width <= 0 || size.height <= 0) {
+            reject(@"INVALID_SIZE", @"View has invalid size", nil);
+            return;
+        }
+        
+        // Begin image context with appropriate scale
+        UIGraphicsBeginImageContextWithOptions(size, NO, 0);
+        
+        // Calculate scaling if needed
+        CGRect drawRect = bounds;
+        if (width && height) {
+            CGFloat scaleX = size.width / bounds.size.width;
+            CGFloat scaleY = size.height / bounds.size.height;
+            
+            // Apply transform to context for scaling if dimensions differ
+            CGContextRef context = UIGraphicsGetCurrentContext();
+            if (context) {
+                CGContextTranslateCTM(context, 0, size.height);
+                CGContextScaleCTM(context, scaleX, -scaleY);
+                drawRect = CGRectMake(0, 0, bounds.size.width, bounds.size.height);
+            }
+        }
+        
+        BOOL success = [view drawViewHierarchyInRect:drawRect afterScreenUpdates:YES];
+        
+        UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
+        UIGraphicsEndImageContext();
+        
+        if (!success || !image) {
+            reject(@"CAPTURE_FAILED", @"Failed to capture view as image", nil);
+            return;
+        }
+        
+        // Convert to base64 string based on format
+        NSString *base64;
+        if ([format isEqualToString:@"jpg"] || [format isEqualToString:@"jpeg"]) {
+            NSData *imageData = UIImageJPEGRepresentation(image, quality);
+            base64 = [imageData base64EncodedStringWithOptions:NSDataBase64EncodingEndLineWithCarriageReturn];
+        } else {
+            // Default to PNG
+            NSData *imageData = UIImagePNGRepresentation(image);
+            base64 = [imageData base64EncodedStringWithOptions:NSDataBase64EncodingEndLineWithCarriageReturn];
+        }
+        
+        if (base64) {
+            resolve(base64);
+        } else {
+            reject(@"ENCODING_FAILED", @"Failed to encode image to base64", nil);
+        }
+    }];
+}
+
 -(NSArray<NSString *> *)supportedEvents {
     return @[@"StreamVideoReactNative_Ios_Screenshare_Event", @"isLowPowerModeEnabled", @"thermalStateDidChange"];
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stream-io/video-react-native-sdk",
-  "version": "1.12.0",
+  "version": "1.13.1",
   "description": "Stream Video SDK for React Native",
   "author": "https://getstream.io",
   "homepage": "https://getstream.io/video/docs/react-native/",
@@ -45,8 +45,8 @@
     "!**/.*"
   ],
   "dependencies": {
-    "@stream-io/video-client": "1.21.0",
-    "@stream-io/video-react-bindings": "1.5.19",
+    "@stream-io/video-client": "1.22.0",
+    "@stream-io/video-react-bindings": "1.6.0",
     "intl-pluralrules": "2.0.1",
     "lodash.merge": "^4.6.2",
     "react-native-url-polyfill": "1.3.0",
@@ -59,7 +59,7 @@
     "@react-native-community/push-notification-ios": ">=1.11.0",
     "@react-native-firebase/app": ">=17.5.0",
     "@react-native-firebase/messaging": ">=17.5.0",
-    "@stream-io/react-native-webrtc": ">=125.0.7",
+    "@stream-io/react-native-webrtc": ">=125.2.1",
     "@stream-io/video-filters-react-native": ">=0.1.0",
     "expo": ">=47.0.0",
     "expo-build-properties": "*",
@@ -112,45 +112,43 @@
     }
   },
   "devDependencies": {
-    "@expo/config-plugins": "~9.0.17",
-    "@expo/config-types": "^52.0.5",
-    "@expo/plist": "^0.2.2",
+    "@expo/config-plugins": "10.0.2",
+    "@expo/config-types": "^53.0.4",
+    "@expo/plist": "^0.3.4",
     "@notifee/react-native": "9.1.8",
     "@react-native-community/netinfo": "11.4.1",
     "@react-native-community/push-notification-ios": "1.11.0",
-    "@react-native-firebase/app": "^21.13.0",
-    "@react-native-firebase/messaging": "^21.13.0",
-    "@react-native/babel-preset": "^0.76.9",
-    "@stream-io/react-native-webrtc": "^125.2.0",
-    "@stream-io/video-filters-react-native": "^0.2.8",
+    "@react-native-firebase/app": "^22.1.0",
+    "@react-native-firebase/messaging": "^22.1.0",
+    "@react-native/babel-preset": "^0.79.2",
+    "@stream-io/react-native-webrtc": "^125.2.1",
+    "@stream-io/video-filters-react-native": "^0.3.0",
     "@testing-library/jest-native": "^5.4.3",
-    "@testing-library/react-native": "^12.9.0",
+    "@testing-library/react-native": "13.2.0",
     "@tsconfig/node14": "14.1.3",
     "@types/jest": "^29.5.14",
     "@types/lodash.merge": "^4.6.9",
-    "@types/react": "^18.2.44",
+    "@types/react": "^19.1.3",
     "@types/react-native-incall-manager": "^4.0.3",
-    "@types/react-test-renderer": "^18.3.1",
-    "expo": "~52.0.44",
+    "@types/react-test-renderer": "^19.1.0",
+    "expo": "~53.0.8",
     "expo-build-properties": "^0.13.2",
     "expo-module-scripts": "^4.0.5",
     "expo-modules-core": "2.2.3",
     "expo-notifications": "~0.29.14",
     "jest": "^29.7.0",
-    "react-native": "^0.76.9",
+    "react": "19.0.0",
+    "react-native": "0.79.2",
     "react-native-builder-bob": "~0.23",
     "react-native-callkeep": "^4.3.16",
     "react-native-gesture-handler": "^2.25.0",
-    "react-native-incall-manager": "^4.2.0",
-    "react-native-reanimated": "~3.16.7",
+    "react-native-incall-manager": "^4.2.1",
+    "react-native-reanimated": "~3.17.5",
     "react-native-svg": "15.11.2",
-    "react-native-voip-push-notification": "3.3.2",
-    "react-test-renderer": "^18.3.1",
+    "react-native-voip-push-notification": "3.3.3",
+    "react-test-renderer": "19.0.0",
     "rimraf": "^6.0.1",
-    "typescript": "^5.8.2"
-  },
-  "resolutions": {
-    "@types/react": "^18.2.44"
+    "typescript": "^5.8.3"
   },
   "react-native-builder-bob": {
     "source": "src",

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

@@ -1,5 +1,5 @@
 import React, { useEffect, useRef } from 'react';
-import { StyleSheet, View } from 'react-native';
+import { Platform, StyleSheet, View } from 'react-native';
 import type { MediaStream } from '@stream-io/react-native-webrtc';
 import { RTCView } from '@stream-io/react-native-webrtc';
 import type { ParticipantViewProps } from './ParticipantView';
@@ -15,6 +15,7 @@ import { useCall, useCallStateHooks } from '@stream-io/video-react-bindings';
 import { ParticipantVideoFallback as DefaultParticipantVideoFallback } from './ParticipantVideoFallback';
 import { useTheme } from '../../../contexts/ThemeContext';
 import { useTrackDimensions } from '../../../hooks/useTrackDimensions';
+import { useScreenshotIosContext } from '../../../contexts/internal/ScreenshotIosContext';
 
 const DEFAULT_VIEWPORT_VISIBILITY_STATE: Record<
   VideoTrackType,
@@ -58,9 +59,19 @@ export const VideoRenderer = ({
     useCallStateHooks();
   const { isParticipantVideoEnabled } = useIncomingVideoSettings();
   const callingState = useCallCallingState();
-  const pendingVideoLayoutRef = useRef<SfuModels.VideoDimension>();
-  const subscribedVideoLayoutRef = useRef<SfuModels.VideoDimension>();
+  const pendingVideoLayoutRef = useRef<SfuModels.VideoDimension | undefined>(
+    undefined,
+  );
+  const subscribedVideoLayoutRef = useRef<SfuModels.VideoDimension | undefined>(
+    undefined,
+  );
   const { direction } = useCameraState();
+  const viewRef = useRef(null);
+  const {
+    register: registerIosScreenshot,
+    deregister: deregisterIosScreenshot,
+  } = useScreenshotIosContext();
+
   const videoDimensions = useTrackDimensions(participant, trackType);
   const {
     isLocalParticipant,
@@ -86,6 +97,26 @@ export const VideoRenderer = ({
     isPublishingVideoTrack &&
     isParticipantVideoEnabled(participant.sessionId);
 
+  React.useEffect(() => {
+    if (
+      Platform.OS === 'ios' &&
+      registerIosScreenshot &&
+      viewRef.current &&
+      canShowVideo
+    ) {
+      registerIosScreenshot(participant, trackType, viewRef);
+      return () => {
+        deregisterIosScreenshot(participant, trackType);
+      };
+    }
+  }, [
+    participant,
+    trackType,
+    registerIosScreenshot,
+    canShowVideo,
+    deregisterIosScreenshot,
+  ]);
+
   const mirror =
     isLocalParticipant && !isScreenSharing && direction === 'front';
 
@@ -262,6 +293,7 @@ export const VideoRenderer = ({
           style={[styles.videoStream, videoRenderer.videoStream]}
           streamURL={videoStreamToRender.toURL()}
           mirror={mirror}
+          ref={viewRef}
           objectFit={
             objectFit ??
             (videoDimensions.width > videoDimensions.height