@stream-io/video-react-native-sdk 1.33.0 → 1.35.0

package/expo-config-plugin/dist/withCallResources/withIosCallkitIcon.js

@@ -0,0 +1,97 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.deriveImageSetName = deriveImageSetName;
+const config_plugins_1 = require("@expo/config-plugins");
+const fs = __importStar(require("fs"));
+const path = __importStar(require("path"));
+/**
+ * Derive an xcassets image set name from a filename.
+ * e.g. "callkit_icon.png" -> "CallkitIcon"
+ * e.g. "my-app-icon.png" -> "MyAppIcon"
+ */
+function deriveImageSetName(fileName) {
+    const baseName = path.basename(fileName, path.extname(fileName));
+    return baseName
+        .split(/[^a-zA-Z0-9]+/)
+        .filter(Boolean)
+        .map((part) => part.charAt(0).toUpperCase() + part.slice(1).toLowerCase())
+        .join('');
+}
+const withIosCallkitIcon = (config, props) => {
+    if (!props?.iosCallKitIcon) {
+        return config;
+    }
+    return (0, config_plugins_1.withDangerousMod)(config, [
+        'ios',
+        (dangerousConfig) => {
+            const projectRoot = dangerousConfig.modRequest.projectRoot;
+            const sourcePath = path.resolve(projectRoot, props.iosCallKitIcon);
+            if (!fs.existsSync(sourcePath)) {
+                throw new Error(`[StreamVideo] iOS CallKit icon file not found: ${sourcePath}. ` +
+                    `Check that the "iosCallKitIcon" path in your plugin config is correct.`);
+            }
+            const ext = path.extname(sourcePath).toLowerCase();
+            if (ext !== '.png') {
+                throw new Error(`[StreamVideo] iOS CallKit icon must be a PNG file, got "${ext}".`);
+            }
+            const imageSetName = deriveImageSetName(path.basename(sourcePath));
+            const appName = dangerousConfig.modRequest.projectName;
+            const imageSetDir = path.join(dangerousConfig.modRequest.platformProjectRoot, appName, 'Images.xcassets', `${imageSetName}.imageset`);
+            fs.mkdirSync(imageSetDir, { recursive: true });
+            const destFileName = path.basename(sourcePath);
+            fs.copyFileSync(sourcePath, path.join(imageSetDir, destFileName));
+            const contentsJson = {
+                images: [
+                    {
+                        filename: destFileName,
+                        idiom: 'universal',
+                        scale: '2x',
+                    },
+                ],
+                info: {
+                    author: 'expo',
+                    version: 1,
+                },
+                properties: {
+                    'template-rendering-intent': 'template',
+                },
+            };
+            fs.writeFileSync(path.join(imageSetDir, 'Contents.json'), JSON.stringify(contentsJson, null, 2));
+            return dangerousConfig;
+        },
+    ]);
+};
+exports.default = withIosCallkitIcon;

package/expo-config-plugin/dist/withCallResources/withIosRingtone.js

@@ -0,0 +1,81 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+const config_plugins_1 = require("@expo/config-plugins");
+const fs = __importStar(require("fs"));
+const path = __importStar(require("path"));
+const SUPPORTED_EXTENSIONS = ['.caf', '.aiff', '.m4a', '.wav'];
+const withIosRingtone = (config, props) => {
+    if (!props?.iosRingtone) {
+        return config;
+    }
+    return (0, config_plugins_1.withXcodeProject)(config, (xCodeConfig) => {
+        const projectRoot = xCodeConfig.modRequest.projectRoot;
+        const sourcePath = path.resolve(projectRoot, props.iosRingtone);
+        if (!fs.existsSync(sourcePath)) {
+            throw new Error(`[StreamVideo] iOS ringtone file not found: ${sourcePath}. ` +
+                `Check that the "iosRingtone" path in your plugin config is correct.`);
+        }
+        const ext = path.extname(sourcePath).toLowerCase();
+        if (!SUPPORTED_EXTENSIONS.includes(ext)) {
+            throw new Error(`[StreamVideo] Invalid iOS ringtone format "${ext}". ` +
+                `Supported formats: ${SUPPORTED_EXTENSIONS.join(', ')}`);
+        }
+        const fileName = path.basename(sourcePath);
+        const appName = xCodeConfig.modRequest.projectName;
+        const destDir = path.join(xCodeConfig.modRequest.platformProjectRoot, appName);
+        const destPath = path.join(destDir, fileName);
+        // Path relative to the ios/ directory — Xcode needs this to locate the file
+        const projectFilePath = path.join(appName, fileName);
+        fs.mkdirSync(destDir, { recursive: true });
+        fs.copyFileSync(sourcePath, destPath);
+        const proj = xCodeConfig.modResults;
+        if (!proj.hasFile(fileName)) {
+            // Find the main app group by name (Expo projects don't have a "Resources" group,
+            // so we can't use addResourceFile which crashes on correctForResourcesPath)
+            const appGroupKey = proj.findPBXGroupKey({ name: appName });
+            const file = proj.addFile(projectFilePath, appGroupKey, {
+                target: proj.getFirstTarget().uuid,
+            });
+            if (file) {
+                file.uuid = proj.generateUuid();
+                proj.addToPbxBuildFileSection(file);
+                proj.addToPbxResourcesBuildPhase(file);
+            }
+        }
+        return xCodeConfig;
+    });
+};
+exports.default = withIosRingtone;

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

@@ -12,8 +12,10 @@ const withStreamVideoReactNativeSDKiOSInfoPList = (configuration, props) => {
             }
         }
         addBackgroundMode('audio');
-        if (props?.ringing) {
+        if (props?.ringing || props?.iosKeepCallAlive) {
             addBackgroundMode('voip');
+        }
+        if (props?.ringing) {
             addBackgroundMode('fetch');
             addBackgroundMode('processing');
             config.modResults['BGTaskSchedulerPermittedIdentifiers'] = [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stream-io/video-react-native-sdk",
-  "version": "1.33.0",
+  "version": "1.35.0",
   "description": "Stream Video SDK for React Native",
   "author": "https://getstream.io",
   "homepage": "https://getstream.io/video/docs/react-native/",
@@ -50,8 +50,8 @@
     "!**/.*"
   ],
   "dependencies": {
-    "@stream-io/video-client": "1.48.0",
-    "@stream-io/video-react-bindings": "1.15.0",
+    "@stream-io/video-client": "1.50.0",
+    "@stream-io/video-react-bindings": "1.16.0",
     "intl-pluralrules": "2.0.1",
     "react-native-url-polyfill": "^3.0.0",
     "rxjs": "~7.8.2",
@@ -126,9 +126,9 @@
     "@react-native-firebase/messaging": "^23.4.0",
     "@react-native/babel-preset": "^0.81.5",
     "@stream-io/noise-cancellation-react-native": "^0.7.0",
-    "@stream-io/react-native-callingx": "^0.1.1",
+    "@stream-io/react-native-callingx": "^0.2.0",
     "@stream-io/react-native-webrtc": "137.2.0",
-    "@stream-io/video-filters-react-native": "^0.12.1",
+    "@stream-io/video-filters-react-native": "^0.12.2",
     "@testing-library/jest-native": "^5.4.3",
     "@testing-library/react-native": "13.3.3",
     "@tsconfig/node18": "^18.2.4",

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

@@ -63,7 +63,7 @@ const TrackSubscriber = forwardRef<TrackSubscriberHandle, TrackSubscriberProps>(
         call.state.updateParticipantTracks(trackType, {
           [participantSessionId]: { dimension },
         });
-        call.dynascaleManager.applyTrackSubscriptions(debounceType);
+        call.trackSubscriptionManager.apply(debounceType);
       };
       const isPublishingTrack$ = call.state.participants$.pipe(
         map((ps) => ps.find((p) => p.sessionId === participantSessionId)),

package/src/hooks/push/useIosVoipPushEventsSetupEffect.ts

@@ -88,7 +88,7 @@ export const useIosVoipPushEventsSetupEffect = () => {
 
   useEffect(() => {
     const pushConfig = StreamVideoRN.getConfig().push;
-    const pushProviderName = pushConfig?.ios.pushProviderName;
+    const pushProviderName = pushConfig?.ios?.pushProviderName;
     const callingx = getCallingxLibIfAvailable();
 
     if (Platform.OS !== 'ios' || !client || !pushProviderName || !callingx) {

package/src/hooks/useAndroidKeepCallAliveEffect.ts

@@ -53,7 +53,7 @@ async function startForegroundService(call_cid: string) {
   const foregroundServiceConfig = videoConfig.foregroundService;
   const notificationTexts = foregroundServiceConfig.android.notificationTexts;
   const channel = foregroundServiceConfig.android.channel;
-  const smallIconName = videoConfig.push?.android.smallIcon;
+  const smallIconName = videoConfig.push?.android?.smallIcon;
 
   // NOTE: we use requestAnimationFrame to ensure that the foreground service is started after all the current UI operations are done
   // this is a workaround for the crash - android.app.RemoteServiceException$ForegroundServiceDidNotStartInTimeException: Context.startForegroundService() did not then call Service.startForeground()
@@ -89,13 +89,11 @@ export const useAndroidKeepCallAliveEffect = () => {
   const { useCallCallingState } = useCallStateHooks();
   const callingState = useCallCallingState();
 
-  const isOutgoingCall =
-    callingState === CallingState.RINGING && call?.isCreatedByMe;
   const isCallJoined = callingState === CallingState.JOINED;
   const isRingingCall = call?.ringing;
 
   const shouldStartForegroundService =
-    !foregroundServiceStartedRef.current && (isOutgoingCall || isCallJoined);
+    !foregroundServiceStartedRef.current && isCallJoined;
 
   useEffect((): (() => void) | undefined => {
     if (Platform.OS === 'ios' || !activeCallCid) {

package/src/utils/StreamVideoRN/types.ts

@@ -37,7 +37,7 @@ export type StreamVideoConfig = {
      */
     publishOptions?: ClientPublishOptions;
 
-    ios: {
+    ios?: {
       /**
        * The name for the alias of push provider used for iOS
        * Pass undefined if you will not be using stream's push notifications but still want to use the functionality of the SDK
@@ -65,8 +65,13 @@ export type StreamVideoConfig = {
        * @default 60000 (1 minute)
        */
       displayCallTimeout?: number;
+      /**
+       * Whether to enable ongoing calls.
+       * @default false
+       */
+      enableOngoingCalls?: boolean;
     };
-    android: {
+    android?: {
       /**
        * The small icon to be used for push notifications for Android
        * Reference the name created (Optional, defaults to 'ic_launcher')
@@ -145,12 +150,12 @@ export type StreamVideoConfig = {
         ) => string;
         getBody: (type: NonRingingPushEvent, createdUserName: string) => string;
       };
+      /**
+       * Whether to enable ongoing calls.
+       * @default false
+       */
+      enableOngoingCalls?: boolean;
     };
-    /**
-     * Whether to enable ongoing calls.
-     * @default false
-     */
-    enableOngoingCalls?: boolean;
     /**
      * Whether to reject calls when the user is busy.
      * @default false

package/src/utils/push/android.ts

@@ -40,7 +40,7 @@ export async function initAndroidPushToken(
   pushConfig: PushConfig,
   setUnsubscribeListener: (unsubscribe: () => void) => void,
 ) {
-  if (Platform.OS !== 'android' || !pushConfig.android.pushProviderName) {
+  if (Platform.OS !== 'android' || !pushConfig.android?.pushProviderName) {
     return;
   }
   const logger = videoLoggerSystem.getLogger('initAndroidPushToken');
@@ -69,7 +69,7 @@ export async function initAndroidPushToken(
         logger.warn('Failed to remove firebase token from stream', err);
       }
     });
-    const push_provider_name = pushConfig.android.pushProviderName;
+    const push_provider_name = pushConfig.android?.pushProviderName;
     logger.debug(`sending firebase token: ${token} for userId: ${userId}`);
     await client.addDevice(token, 'firebase', push_provider_name);
   };
@@ -193,6 +193,11 @@ export const firebaseDataHandler = async (
                   'debug',
                 );
                 callingx.endCallWithReason(call_cid, endCallReason);
+                callFromPush.leave({ reject: false }).catch((error) => {
+                  logger.error(
+                    `Failed to leave already-ended ringing call ${call_cid}: ${error}`,
+                  );
+                });
                 resolve(undefined);
                 return;
               }
@@ -323,6 +328,11 @@ export const firebaseDataHandler = async (
         `Removing incoming call notification immediately with callCid: ${call_cid} as it should be closed`,
       );
       callingx.endCallWithReason(call_cid, endCallReason);
+      callFromPush.leave({ reject: false }).catch((error) => {
+        logger.error(
+          `Failed to leave already-ended ringing call ${call_cid}: ${error}`,
+        );
+      });
     }
   } else {
     const notifeeLib = getNotifeeLibThrowIfNotInstalledForPush();
@@ -336,9 +346,9 @@ export const firebaseDataHandler = async (
     }
 
     // the other types are call.live_started and call.notification
-    const callChannel = pushConfig.android.callChannel;
+    const callChannel = pushConfig.android?.callChannel;
     const callNotificationTextGetters =
-      pushConfig.android.callNotificationTextGetters;
+      pushConfig.android?.callNotificationTextGetters;
     if (!callChannel || !callNotificationTextGetters) {
       logger.debug(
         "Can't show call notification as either or both callChannel and callNotificationTextGetters is not provided",
@@ -364,7 +374,7 @@ export const firebaseDataHandler = async (
       data,
       android: {
         sound: callChannel.sound,
-        smallIcon: pushConfig.android.smallIcon,
+        smallIcon: pushConfig.android?.smallIcon,
         vibrationPattern: callChannel.vibrationPattern,
         channelId,
         importance: 4, // high importance

package/src/utils/push/internal/ios.ts

@@ -1,9 +1,9 @@
+import { videoLoggerSystem } from '@stream-io/video-client';
 import { Platform } from 'react-native';
-import { pushUnsubscriptionCallbacks } from './constants';
-import { canListenToWS, shouldCallBeClosed } from './utils';
 import { StreamVideoConfig } from '../../StreamVideoRN/types';
-import { videoLoggerSystem } from '@stream-io/video-client';
 import { getCallingxLib } from '../libs/callingx';
+import { pushUnsubscriptionCallbacks } from './constants';
+import { canListenToWS, shouldCallBeClosed } from './utils';
 
 export const onVoipNotificationReceived = async (
   notification: any,
@@ -43,7 +43,7 @@ export const onVoipNotificationReceived = async (
   }
 
   const call_cid = notification?.stream?.call_cid;
-  if (!call_cid || Platform.OS !== 'ios' || !pushConfig.ios.pushProviderName) {
+  if (!call_cid || Platform.OS !== 'ios' || !pushConfig.ios?.pushProviderName) {
     return;
   }
 

package/src/utils/push/ios.ts

@@ -127,7 +127,7 @@ export async function initIosNonVoipToken(
 ) {
   if (
     Platform.OS !== 'ios' ||
-    !pushConfig.ios.pushProviderName ||
+    !pushConfig.ios?.pushProviderName ||
     !pushConfig.onTapNonRingingCallNotification
   ) {
     return;
@@ -155,7 +155,7 @@ export async function initIosNonVoipToken(
         );
       }
     });
-    const push_provider_name = pushConfig.ios.pushProviderName;
+    const push_provider_name = pushConfig.ios?.pushProviderName;
     logger.debug('Add device token to stream', token);
     await client
       .addDevice(token, 'apn', push_provider_name)

package/src/utils/push/libs/callingx.ts

@@ -49,6 +49,9 @@ export function extractCallingExpOptions(
     if (pushConfig.ios.displayCallTimeout !== undefined) {
       iosOptions.displayCallTimeout = pushConfig.ios.displayCallTimeout;
     }
+    if (pushConfig.ios.enableOngoingCalls !== undefined) {
+      iosOptions.enableOngoingCalls = pushConfig.ios.enableOngoingCalls;
+    }
 
     if (Object.keys(iosOptions).length > 0) {
       callingExpOptions.ios = iosOptions;
@@ -66,6 +69,9 @@ export function extractCallingExpOptions(
     if (pushConfig.android.notificationTexts) {
       androidOptions.notificationTexts = pushConfig.android.notificationTexts;
     }
+    if (pushConfig.android.enableOngoingCalls !== undefined) {
+      androidOptions.enableOngoingCalls = pushConfig.android.enableOngoingCalls;
+    }
   }
 
   if (foregroundServiceConfig.android.channel) {
@@ -81,9 +87,5 @@ export function extractCallingExpOptions(
       pushConfig.shouldRejectCallWhenBusy;
   }
 
-  if (pushConfig?.enableOngoingCalls !== undefined) {
-    callingExpOptions.enableOngoingCalls = pushConfig?.enableOngoingCalls;
-  }
-
   return callingExpOptions;
 }

package/src/utils/push/setupCallingExpEvents.ts

@@ -23,8 +23,11 @@ export function setupCallingExpEvents(pushConfig: NonNullable<PushConfig>) {
   const hasPushProvider =
     (Platform.OS === 'android' && pushConfig.android?.pushProviderName) ||
     (Platform.OS === 'ios' && pushConfig.ios?.pushProviderName);
+  const hasOngoingCalls =
+    (Platform.OS === 'android' && pushConfig.android?.enableOngoingCalls) ||
+    (Platform.OS === 'ios' && pushConfig.ios?.enableOngoingCalls);
 
-  if (!hasPushProvider) {
+  if (!hasPushProvider && !hasOngoingCalls) {
     return;
   }
 

package/src/version.ts

@@ -1 +1 @@
-export const version = '1.33.0';
+export const version = '1.35.0';