feat: added support for enableSessionReplayOniOS26AndLater (#42)

Author: ketanmixpanel

android/src/main/java/com/mixpanelreactnativesessionreplay/MixpanelReactNativeSessionReplayModule.kt

@@ -307,7 +307,7 @@ class MixpanelReactNativeSessionReplayModule(reactContext: ReactApplicationConte
 
   companion object {
     const val NAME = "MixpanelReactNativeSessionReplay"
-    const val LIB_VERSION = "1.0.0"
+    const val LIB_VERSION = "1.0.1"
     const val MP_LIB = "react-native-sr"
   }
 }

ios/MixpanelSwiftSessionReplay.swift

@@ -3,7 +3,7 @@ import MixpanelSessionReplay
 import UIKit
 
 @objc public class MixpanelSwiftSessionReplay: NSObject {
-  static let libVersion = "0.2.1"
+  static let libVersion = "1.0.1"
   static let mpLib = "react-native-sr"
 
   @objc public static func startRecording(recordingSessionsPercent: Double = 100.0) {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mixpanel/react-native-session-replay",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Official React Native turbo module for Mixpanel Session Replay",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",

src/__tests__/index.test.tsx

@@ -219,4 +219,60 @@ describe('MPSessionReplayConfig', () => {
     expect(parsed).toHaveProperty('flushInterval');
     expect(parsed).toHaveProperty('enableLogging');
   });
+
+  describe('platform-specific config', () => {
+    beforeEach(() => {
+      jest.resetModules();
+    });
+
+    it('should include enableSessionReplayOniOS26AndLater for iOS', () => {
+      jest.doMock('react-native', () => ({
+        Platform: {
+          OS: 'ios',
+          select: (obj: any) => obj.ios ?? obj.default,
+        },
+        requireNativeComponent: jest.fn(() => 'MockedNativeComponent'),
+      }));
+
+      const { MPSessionReplayConfig: IOSConfig } = require('../index');
+      const config = new IOSConfig();
+      const json = config.toJSON();
+      const parsed = JSON.parse(json);
+
+      expect(parsed).toHaveProperty('enableSessionReplayOniOS26AndLater', true);
+    });
+
+    it('should NOT include enableSessionReplayOniOS26AndLater for Android', () => {
+      jest.doMock('react-native', () => ({
+        Platform: {
+          OS: 'android',
+          select: (obj: any) => obj.android ?? obj.default,
+        },
+        requireNativeComponent: jest.fn(() => 'MockedNativeComponent'),
+      }));
+
+      const { MPSessionReplayConfig: AndroidConfig } = require('../index');
+      const config = new AndroidConfig();
+      const json = config.toJSON();
+      const parsed = JSON.parse(json);
+
+      expect(parsed).not.toHaveProperty('enableSessionReplayOniOS26AndLater');
+    });
+
+    it('should return empty string for unsupported platforms', () => {
+      jest.doMock('react-native', () => ({
+        Platform: {
+          OS: 'web',
+          select: (obj: any) => obj.default,
+        },
+        requireNativeComponent: jest.fn(() => 'MockedNativeComponent'),
+      }));
+
+      const { MPSessionReplayConfig: WebConfig } = require('../index');
+      const config = new WebConfig();
+      const json = config.toJSON();
+
+      expect(json).toBe('');
+    });
+  });
 });

src/index.tsx

@@ -118,6 +118,11 @@ export class MPSessionReplayConfig {
       autoStartRecording: this.autoStartRecording,
       flushInterval: this.flushInterval,
       enableLogging: this.enableLogging,
+      // iOS-specific config to enable session replay on iOS 26 and later
+      ...Platform.select({
+        ios: { enableSessionReplayOniOS26AndLater: true },
+        default: {},
+      }),
     };
 
     if (Platform.OS === 'ios' || Platform.OS === 'android') {