@stream-io/video-react-native-sdk 1.31.1 → 1.32.0

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [1.32.0](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-1.31.1...@stream-io/video-react-native-sdk-1.32.0) (2026-04-09)
+
+### Dependency Updates
+
+- `@stream-io/noise-cancellation-react-native` updated to version `0.7.0`
+- `@stream-io/react-native-callingx` updated to version `0.1.0`
+- `@stream-io/video-filters-react-native` updated to version `0.12.0`
+- `@stream-io/video-client` updated to version `1.46.0`
+- `@stream-io/video-react-bindings` updated to version `1.14.0`
+
+### Features
+
+- callkit/telecom integration ([#2028](https://github.com/GetStream/stream-video-js/issues/2028)) ([d579acd](https://github.com/GetStream/stream-video-js/commit/d579acd1975fb4945e40452b27e372694c737628))
+
 ## [1.31.1](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-1.31.0...@stream-io/video-react-native-sdk-1.31.1) (2026-04-02)
 
 ### Dependency Updates

package/android/src/main/AndroidManifest.xml

@@ -2,6 +2,13 @@
         package="com.streamvideo.reactnative">
 
     <uses-permission android:name="android.permission.INTERNET" />
-    <uses-permission android:name="android.permission.DEVICE_POWER" />
     <uses-permission android:name="android.permission.WAKE_LOCK" />
+
+    <application>
+        <service
+            android:name="com.streamvideo.reactnative.keepalive.StreamCallKeepAliveHeadlessService"
+            android:exported="false"
+            android:stopWithTask="true"
+            android:foregroundServiceType="mediaPlayback|camera|microphone" />
+    </application>
 </manifest>

package/android/src/main/AndroidManifestNew.xml

@@ -1,2 +1,13 @@
 <manifest xmlns:android="http://schemas.android.com/apk/res/android">
+
+    <uses-permission android:name="android.permission.INTERNET" />
+    <uses-permission android:name="android.permission.WAKE_LOCK" />
+
+    <application>
+        <service
+            android:name="com.streamvideo.reactnative.keepalive.StreamCallKeepAliveHeadlessService"
+            android:exported="false"
+            android:stopWithTask="true"
+            android:foregroundServiceType="mediaPlayback|camera|microphone" />
+    </application>
 </manifest>

package/android/src/main/java/com/streamvideo/reactnative/StreamVideoReactNativeModule.kt

@@ -17,6 +17,7 @@ import android.os.Build
 import android.os.PowerManager
 import android.util.Base64
 import android.util.Log
+import androidx.core.content.ContextCompat
 import com.facebook.react.bridge.Arguments
 import com.facebook.react.bridge.Promise
 import com.facebook.react.bridge.ReactApplicationContext
@@ -27,8 +28,8 @@ import com.facebook.react.modules.core.DeviceEventManagerModule.RCTDeviceEventEm
 import com.oney.WebRTCModule.WebRTCModule
 import com.oney.WebRTCModule.WebRTCModuleOptions
 import com.streamvideo.reactnative.screenshare.ScreenAudioCapture
+import com.streamvideo.reactnative.keepalive.StreamCallKeepAliveHeadlessService
 import com.streamvideo.reactnative.util.CallAlivePermissionsHelper
-import com.streamvideo.reactnative.util.CallAliveServiceChecker
 import com.streamvideo.reactnative.util.PiPHelper
 import com.streamvideo.reactnative.util.RingtoneUtil
 import com.streamvideo.reactnative.util.YuvFrame
@@ -122,11 +123,47 @@ class StreamVideoReactNativeModule(reactContext: ReactApplicationContext) :
             promise.resolve(false)
             return
         }
-        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.UPSIDE_DOWN_CAKE) {
-            val isForegroundServiceDeclared = CallAliveServiceChecker.isForegroundServiceDeclared(reactApplicationContext)
-            promise.resolve(isForegroundServiceDeclared)
-        } else {
+        // Service is declared in the SDK's own AndroidManifest and merged by default.
+        // Permissions are expected to be provided by the app (or via Expo config plugin).
+        promise.resolve(true)
+    }
+
+
+    @ReactMethod
+    fun startKeepCallAliveService(
+        callCid: String,
+        channelId: String,
+        channelName: String,
+        title: String,
+        body: String,
+        smallIconName: String?,
+        promise: Promise
+    ) {
+        try {
+            val intent = StreamCallKeepAliveHeadlessService.buildStartIntent(
+                reactApplicationContext,
+                callCid,
+                channelId,
+                channelName,
+                title,
+                body,
+                smallIconName
+            )
+            ContextCompat.startForegroundService(reactApplicationContext, intent)
             promise.resolve(true)
+        } catch (e: Exception) {
+            promise.reject(NAME, "Failed to start keep call alive foreground service", e)
+        }
+    }
+
+    @ReactMethod
+    fun stopKeepCallAliveService(promise: Promise) {
+        try {
+            val intent = StreamCallKeepAliveHeadlessService.buildStopIntent(reactApplicationContext)
+            val stopped = reactApplicationContext.stopService(intent)
+            promise.resolve(stopped)
+        } catch (e: Exception) {
+            promise.reject(NAME, "Failed to stop keep call alive foreground service", e)
         }
     }
 

package/android/src/main/java/com/streamvideo/reactnative/audio/utils/WebRtcAudioUtils.kt

@@ -55,14 +55,78 @@ object WebRtcAudioUtils {
      * what might be the root cause.
      */
     fun logAudioState(tag: String, reactContext: ReactContext) {
+        Log.d(tag, getAudioStateLog(reactContext))
+    }
+
+    /**
+     * Returns a string containing information about the current audio state.
+     * Similar to logAudioState but returns the information instead of logging it.
+     */
+    fun getAudioStateLog(reactContext: ReactContext): String {
+        val audioManager = reactContext.getSystemService(Context.AUDIO_SERVICE) as AudioManager
+        val sb = StringBuilder()
+
+        // Volume control stream
         reactContext.currentActivity?.let {
-            Log.d(tag, "volumeControlStream: " + streamTypeToString(it.volumeControlStream))
+            sb.appendLine("volumeControlStream: ${streamTypeToString(it.volumeControlStream)}")
         }
-        val audioManager = reactContext.getSystemService(Context.AUDIO_SERVICE) as AudioManager
-        logDeviceInfo(tag)
-        logAudioStateBasic(tag, reactContext, audioManager)
-        logAudioStateVolume(tag, audioManager)
-        logAudioDeviceInfo(tag, audioManager)
+
+        // Device info
+        sb.appendLine("Android SDK: ${Build.VERSION.SDK_INT}, Release: ${Build.VERSION.RELEASE}, Brand: ${Build.BRAND}, Device: ${Build.DEVICE}, Id: ${Build.ID}, Hardware: ${Build.HARDWARE}, Manufacturer: ${Build.MANUFACTURER}, Model: ${Build.MODEL}, Product: ${Build.PRODUCT}")
+
+        // Basic audio state
+        sb.appendLine("Audio State: audio mode: ${modeToString(audioManager.mode)}, has mic: ${hasMicrophone(reactContext)}, mic muted: ${audioManager.isMicrophoneMute}, music active: ${audioManager.isMusicActive}, speakerphone: ${audioManager.isSpeakerphoneOn}, BT SCO: ${audioManager.isBluetoothScoOn}")
+
+        // Volume info
+        val fixedVolume = audioManager.isVolumeFixed
+        sb.appendLine("  fixed volume=$fixedVolume")
+        if (!fixedVolume) {
+            val streams = intArrayOf(
+                AudioManager.STREAM_VOICE_CALL,
+                AudioManager.STREAM_MUSIC,
+                AudioManager.STREAM_RING,
+                AudioManager.STREAM_ALARM,
+                AudioManager.STREAM_NOTIFICATION,
+                AudioManager.STREAM_SYSTEM
+            )
+            for (stream in streams) {
+                val info = StringBuilder()
+                info.append("  ${streamTypeToString(stream)}: ")
+                info.append("volume=${audioManager.getStreamVolume(stream)}")
+                if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.P) {
+                    info.append(", min=${audioManager.getStreamMinVolume(stream)}")
+                }
+                info.append(", max=${audioManager.getStreamMaxVolume(stream)}")
+                info.append(", muted=${audioManager.isStreamMute(stream)}")
+                sb.appendLine(info.toString())
+            }
+        }
+
+        // Audio devices
+        val inputDevices = audioManager.getDevices(AudioManager.GET_DEVICES_INPUTS)
+        val outputDevices = audioManager.getDevices(AudioManager.GET_DEVICES_OUTPUTS)
+        val devices = inputDevices + outputDevices
+        if (devices.isNotEmpty()) {
+            sb.appendLine("Audio Devices:")
+            for (device in devices) {
+                val info = StringBuilder()
+                info.append("  ${deviceTypeToString(device.type)}")
+                info.append(if (device.isSource) "(in): " else "(out): ")
+                if (device.channelCounts.isNotEmpty()) {
+                    info.append("channels=${device.channelCounts.contentToString()}, ")
+                }
+                if (device.encodings.isNotEmpty()) {
+                    info.append("encodings=${device.encodings.contentToString()}, ")
+                }
+                if (device.sampleRates.isNotEmpty()) {
+                    info.append("sample rates=${device.sampleRates.contentToString()}, ")
+                }
+                info.append("id=${device.id}")
+                sb.appendLine(info.toString())
+            }
+        }
+
+        return sb.toString()
     }
 
     /** Converts AudioDeviceInfo types to local string representation.  */

package/android/src/main/java/com/streamvideo/reactnative/callmanager/StreamInCallManagerModule.kt

@@ -168,10 +168,12 @@ class StreamInCallManagerModule(reactContext: ReactApplicationContext) :
 
     @ReactMethod
     fun logAudioState() {
-        WebRtcAudioUtils.logAudioState(
-            TAG,
-            reactApplicationContext,
-        )
+        Log.d(TAG, getAudioStateLog())
+    }
+
+    @ReactMethod(isBlockingSynchronousMethod = true)
+    fun getAudioStateLog(): String {
+        return WebRtcAudioUtils.getAudioStateLog(reactApplicationContext)
     }
 
     @Suppress("unused")

package/android/src/main/java/com/streamvideo/reactnative/keepalive/KeepAliveNotification.kt

@@ -0,0 +1,83 @@
+package com.streamvideo.reactnative.keepalive
+
+import android.app.Notification
+import android.app.NotificationChannel
+import android.app.NotificationManager
+import android.app.PendingIntent
+import android.content.Context
+import android.content.Intent
+import android.content.pm.PackageManager
+import android.os.Build
+import androidx.core.app.NotificationCompat
+
+internal object KeepAliveNotification {
+    private const val DEFAULT_CHANNEL_DESCRIPTION = "Stream call keep-alive"
+
+    fun ensureChannel(
+        context: Context,
+        channelId: String,
+        channelName: String
+    ) {
+        if (Build.VERSION.SDK_INT < Build.VERSION_CODES.O) return
+        val manager = context.getSystemService(Context.NOTIFICATION_SERVICE) as NotificationManager
+        val existing = manager.getNotificationChannel(channelId)
+        if (existing != null) return
+
+        val channel = NotificationChannel(
+            channelId,
+            channelName,
+            NotificationManager.IMPORTANCE_LOW
+        ).apply {
+            description = DEFAULT_CHANNEL_DESCRIPTION
+            setShowBadge(false)
+        }
+        manager.createNotificationChannel(channel)
+    }
+
+    fun buildOngoingNotification(
+        context: Context,
+        channelId: String,
+        title: String,
+        body: String,
+        smallIconName: String?
+    ): Notification {
+        val launchIntent = context.packageManager.getLaunchIntentForPackage(context.packageName)
+        val pendingIntentFlags =
+            PendingIntent.FLAG_UPDATE_CURRENT or
+               PendingIntent.FLAG_IMMUTABLE
+        val contentIntent = if (launchIntent != null) {
+            PendingIntent.getActivity(context, 0, launchIntent, pendingIntentFlags)
+        } else {
+            // Fallback: empty intent to avoid crash if launch activity is missing for some reason
+            PendingIntent.getActivity(context, 0, Intent(), pendingIntentFlags)
+        }
+
+        val iconResId = resolveSmallIconResId(context, smallIconName)
+        return NotificationCompat.Builder(context, channelId)
+            .setContentTitle(title)
+            .setContentText(body)
+            .setOngoing(true)
+            .setOnlyAlertOnce(true)
+            .setCategory(NotificationCompat.CATEGORY_CALL)
+            .setContentIntent(contentIntent)
+            .setSmallIcon(iconResId)
+            .build()
+    }
+
+    private fun resolveSmallIconResId(context: Context, smallIconName: String?): Int {
+        val resources = context.resources
+        val packageName = context.packageName
+        if (!smallIconName.isNullOrBlank()) {
+            val id = resources.getIdentifier(smallIconName, "drawable", packageName)
+            if (id != 0) return id
+        }
+        // Default to the app icon
+        return try {
+            val appInfo = context.packageManager.getApplicationInfo(packageName, 0)
+            appInfo.icon
+        } catch (_: PackageManager.NameNotFoundException) {
+            android.R.drawable.ic_dialog_info
+        }
+    }
+}
+

package/android/src/main/java/com/streamvideo/reactnative/keepalive/StreamCallKeepAliveHeadlessService.kt

@@ -0,0 +1,149 @@
+package com.streamvideo.reactnative.keepalive
+
+import android.Manifest
+import android.content.Intent
+import android.content.pm.PackageManager
+import android.content.pm.ServiceInfo
+import android.os.Build
+import android.util.Log
+import androidx.annotation.RequiresApi
+import androidx.core.app.ServiceCompat
+import androidx.core.content.ContextCompat
+import com.facebook.react.HeadlessJsTaskService
+import com.facebook.react.bridge.Arguments
+import com.facebook.react.jstasks.HeadlessJsTaskConfig
+
+/**
+ * Foreground service that runs a React Native HeadlessJS task to keep a call alive.
+ *
+ */
+class StreamCallKeepAliveHeadlessService : HeadlessJsTaskService() {
+
+    override fun onStartCommand(intent: Intent?, flags: Int, startId: Int): Int {
+        val safeIntent = intent ?: Intent()
+        val channelId = safeIntent.getStringExtra(EXTRA_CHANNEL_ID) ?: DEFAULT_CHANNEL_ID
+        val channelName = safeIntent.getStringExtra(EXTRA_CHANNEL_NAME) ?: DEFAULT_CHANNEL_NAME
+        val title = safeIntent.getStringExtra(EXTRA_TITLE) ?: DEFAULT_TITLE
+        val body = safeIntent.getStringExtra(EXTRA_BODY) ?: DEFAULT_BODY
+        val smallIconName = safeIntent.getStringExtra(EXTRA_SMALL_ICON_NAME)
+
+        KeepAliveNotification.ensureChannel(this, channelId, channelName)
+        val notification = KeepAliveNotification.buildOngoingNotification(
+            context = this,
+            channelId = channelId,
+            title = title,
+            body = body,
+            smallIconName = smallIconName
+        )
+
+        startForegroundCompat(notification)
+
+        // Ensure HeadlessJS task is started
+        return super.onStartCommand(safeIntent, flags, startId)
+    }
+
+    override fun getTaskConfig(intent: Intent?): HeadlessJsTaskConfig? {
+        val callCid = intent?.getStringExtra(EXTRA_CALL_CID) ?: return null
+        val data = Arguments.createMap().apply {
+            putString("callCid", callCid)
+        }
+        // We intentionally allow long-running work (the JS task can return a never-resolving Promise).
+        return HeadlessJsTaskConfig(
+            TASK_NAME,
+            data,
+            0, // timeout (0 = no timeout)
+            true // allowedInForeground
+        )
+    }
+
+    override fun onDestroy() {
+        super.onDestroy()
+        stopForeground(STOP_FOREGROUND_REMOVE)
+    }
+
+    @RequiresApi(Build.VERSION_CODES.R)
+    private fun computeForegroundServiceTypes(): Int {
+        var types = ServiceInfo.FOREGROUND_SERVICE_TYPE_MEDIA_PLAYBACK
+
+        val hasCameraPermission =
+            ContextCompat.checkSelfPermission(this, Manifest.permission.CAMERA) == PackageManager.PERMISSION_GRANTED
+        if (hasCameraPermission) {
+            types = types or ServiceInfo.FOREGROUND_SERVICE_TYPE_CAMERA
+        }
+
+        val hasMicrophonePermission =
+            ContextCompat.checkSelfPermission(this, Manifest.permission.RECORD_AUDIO) == PackageManager.PERMISSION_GRANTED
+        if (hasMicrophonePermission) {
+            types = types or ServiceInfo.FOREGROUND_SERVICE_TYPE_MICROPHONE
+        }
+
+        return types
+    }
+
+    private fun startForegroundCompat(notification: android.app.Notification) {
+        try {
+            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.Q) {
+                val types =
+                    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.R) computeForegroundServiceTypes()
+                    else ServiceInfo.FOREGROUND_SERVICE_TYPE_MEDIA_PLAYBACK
+                startForeground(NOTIFICATION_ID, notification, types)
+            } else {
+                startForeground(NOTIFICATION_ID, notification)
+            }
+        } catch (e: Exception) {
+            // Avoid crashing the app if the system rejects starting a foreground service (e.g.
+            // background start restrictions, invalid notification/channel, or permission issues).
+            Log.e(
+                TAG,
+                "startForegroundCompat: Failed to start foreground service: ${e.message}",
+                e
+            )
+        }
+    }
+
+    companion object {
+        private const val TAG = "StreamCallKeepAliveHeadlessService"
+
+        const val TASK_NAME = "StreamVideoKeepCallAlive"
+
+        const val EXTRA_CALL_CID = "callCid"
+        const val EXTRA_CHANNEL_ID = "channelId"
+        const val EXTRA_CHANNEL_NAME = "channelName"
+        const val EXTRA_TITLE = "title"
+        const val EXTRA_BODY = "body"
+        const val EXTRA_SMALL_ICON_NAME = "smallIconName"
+
+        private const val NOTIFICATION_ID = 6061
+
+        private const val DEFAULT_CHANNEL_ID = "stream_call_foreground_service"
+        private const val DEFAULT_CHANNEL_NAME = "Call in progress"
+        private const val DEFAULT_TITLE = "Call in progress"
+        private const val DEFAULT_BODY = "Tap to return to the call"
+
+        fun buildStartIntent(
+            context: android.content.Context,
+            callCid: String,
+            channelId: String,
+            channelName: String,
+            title: String,
+            body: String,
+            smallIconName: String?
+        ): Intent {
+            return Intent(context, StreamCallKeepAliveHeadlessService::class.java).apply {
+                putExtra(EXTRA_CALL_CID, callCid)
+                putExtra(EXTRA_CHANNEL_ID, channelId)
+                putExtra(EXTRA_CHANNEL_NAME, channelName)
+                putExtra(EXTRA_TITLE, title)
+                putExtra(EXTRA_BODY, body)
+                if (!smallIconName.isNullOrBlank()) {
+                    putExtra(EXTRA_SMALL_ICON_NAME, smallIconName)
+                }
+            }
+        }
+
+        fun buildStopIntent(context: android.content.Context): Intent {
+            return Intent(context, StreamCallKeepAliveHeadlessService::class.java)
+        }
+    }
+}
+

package/dist/commonjs/hooks/push/index.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.usePushRegisterEffect = void 0;
 var _useIosVoipPushEventsSetupEffect = require("./useIosVoipPushEventsSetupEffect");
-var _useProcessPushCallEffect = require("./useProcessPushCallEffect");
 var _useInitAndroidTokenAndRest = require("./useInitAndroidTokenAndRest");
 var _useIosInitRemoteNotifications = require("./useIosInitRemoteNotifications");
 var _useProcessPushNonRingingCallEffect = require("./useProcessPushNonRingingCallEffect");
@@ -17,7 +16,6 @@ const usePushRegisterEffect = () => {
   (0, _useIosInitRemoteNotifications.useIosInitRemoteNotifications)();
   (0, _useIosVoipPushEventsSetupEffect.useIosVoipPushEventsSetupEffect)();
   (0, _useProcessPushNonRingingCallEffect.useProcessPushNonRingingCallEffect)();
-  (0, _useProcessPushCallEffect.useProcessPushCallEffect)();
   (0, _useInitAndroidTokenAndRest.useInitAndroidTokenAndRest)();
 };
 exports.usePushRegisterEffect = usePushRegisterEffect;

package/dist/commonjs/hooks/push/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_useIosVoipPushEventsSetupEffect","require","_useProcessPushCallEffect","_useInitAndroidTokenAndRest","_useIosInitRemoteNotifications","_useProcessPushNonRingingCallEffect","usePushRegisterEffect","useIosInitRemoteNotifications","useIosVoipPushEventsSetupEffect","useProcessPushNonRingingCallEffect","useProcessPushCallEffect","useInitAndroidTokenAndRest","exports"],"sourceRoot":"../../../../src","sources":["hooks/push/index.ts"],"mappings":";;;;;;AAAA,IAAAA,gCAAA,GAAAC,OAAA;AACA,IAAAC,yBAAA,GAAAD,OAAA;AACA,IAAAE,2BAAA,GAAAF,OAAA;AACA,IAAAG,8BAAA,GAAAH,OAAA;AACA,IAAAI,mCAAA,GAAAJ,OAAA;AAEA;AACA;AACA;AACA;AACO,MAAMK,qBAAqB,GAAGA,CAAA,KAAM;EACzC,IAAAC,4DAA6B,EAAC,CAAC;EAC/B,IAAAC,gEAA+B,EAAC,CAAC;EACjC,IAAAC,sEAAkC,EAAC,CAAC;EACpC,IAAAC,kDAAwB,EAAC,CAAC;EAC1B,IAAAC,sDAA0B,EAAC,CAAC;AAC9B,CAAC;AAACC,OAAA,CAAAN,qBAAA,GAAAA,qBAAA","ignoreList":[]}
+{"version":3,"names":["_useIosVoipPushEventsSetupEffect","require","_useInitAndroidTokenAndRest","_useIosInitRemoteNotifications","_useProcessPushNonRingingCallEffect","usePushRegisterEffect","useIosInitRemoteNotifications","useIosVoipPushEventsSetupEffect","useProcessPushNonRingingCallEffect","useInitAndroidTokenAndRest","exports"],"sourceRoot":"../../../../src","sources":["hooks/push/index.ts"],"mappings":";;;;;;AAAA,IAAAA,gCAAA,GAAAC,OAAA;AACA,IAAAC,2BAAA,GAAAD,OAAA;AACA,IAAAE,8BAAA,GAAAF,OAAA;AACA,IAAAG,mCAAA,GAAAH,OAAA;AAEA;AACA;AACA;AACA;AACO,MAAMI,qBAAqB,GAAGA,CAAA,KAAM;EACzC,IAAAC,4DAA6B,EAAC,CAAC;EAC/B,IAAAC,gEAA+B,EAAC,CAAC;EACjC,IAAAC,sEAAkC,EAAC,CAAC;EACpC,IAAAC,sDAA0B,EAAC,CAAC;AAC9B,CAAC;AAACC,OAAA,CAAAL,qBAAA,GAAAA,qBAAA","ignoreList":[]}

package/dist/commonjs/hooks/push/useCallingExpWithCallingStateEffect.js

@@ -0,0 +1,146 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useCallingExpWithCallingStateEffect = void 0;
+var _videoClient = require("@stream-io/video-client");
+var _videoReactBindings = require("@stream-io/video-react-bindings");
+var _react = require("react");
+var _operators = require("rxjs/operators");
+var _callingx = require("../../utils/internal/callingx/callingx");
+var _callingx2 = require("../../utils/push/libs/callingx");
+const logger = _videoClient.videoLoggerSystem.getLogger('callingx');
+
+/**
+ * This hook is used to inform sync call state with CallKit/Telecom (i.e. start call, end call, mute/unmute call).
+ */
+const useCallingExpWithCallingStateEffect = () => {
+  const {
+    useMicrophoneState,
+    useParticipants,
+    useCallMembers
+  } = (0, _videoReactBindings.useCallStateHooks)();
+  const activeCall = (0, _videoReactBindings.useCall)();
+  const {
+    isMute,
+    microphone
+  } = useMicrophoneState();
+  const callMembers = useCallMembers();
+  const participants = useParticipants();
+  const activeCallCid = activeCall?.cid;
+  const createdByUserId = activeCall?.state.createdBy?.id;
+  const callCustomDisplayName = activeCall?.state.custom?.display_name;
+  const currentUserId = activeCall?.currentUserId;
+  const isIncoming = activeCall?.ringing && !activeCall?.isCreatedByMe || false;
+  const callDisplayName = (0, _react.useMemo)(() => callCustomDisplayName ?? (0, _callingx.getCallDisplayName)(callMembers, participants, currentUserId), [callMembers, participants, currentUserId, callCustomDisplayName]);
+  (0, _react.useEffect)(() => {
+    const callingx = (0, _callingx2.getCallingxLibIfAvailable)();
+    if (!callingx?.isSetup || !activeCall) {
+      return;
+    }
+    // need to capture RINGING -> Joining -> Joined state change for the first time
+    // and inform callingx that the call is active
+    const shouldMakeCallActive = call => {
+      // only for outgoing calls or non-ringing ongoing calls in callingx
+      // Note: incoming calls are handled by callingx pending states instead
+      return call.ringing && call.isCreatedByMe || !call.ringing && callingx.isOngoingCallsEnabled;
+    };
+    const subscription = activeCall.state.callingState$.pipe((0, _operators.filter)(callingState => shouldMakeCallActive(activeCall) && callingState === _videoClient.CallingState.JOINED && callingx.isCallTracked(activeCall.cid)), (0, _operators.take)(1) // only need to capture the first joined state for outgoing calls
+    // then subscription completes and is automatically unsubscribed
+    ).subscribe(() => {
+      callingx.setCurrentCallActive(activeCall.cid);
+    });
+    return () => {
+      subscription.unsubscribe();
+    };
+  }, [activeCall]);
+  (0, _react.useEffect)(() => {
+    return () => {
+      const callingx = (0, _callingx2.getCallingxLibIfAvailable)();
+      if (!callingx?.isSetup || !activeCallCid) {
+        return;
+      }
+      const isCallTracked = callingx.isCallTracked(activeCallCid);
+      if (!isCallTracked) {
+        logger.debug(`useCallingExpWithCallingStateEffect:No active call cid to end in calling exp: ${activeCallCid} isCallTracked: ${isCallTracked}`);
+        return;
+      }
+      //if incoming stream call was unmounted, we need to end the call in CallKit/Telecom
+      logger.debug(`useCallingExpWithCallingStateEffect: Ending call in callingx: ${activeCallCid}`);
+      callingx.endCallWithReason(activeCallCid, 'local').catch(error => {
+        logger.error(`useCallingExpWithCallingStateEffect: Error ending call in callingx: ${activeCallCid}`, error);
+      });
+    };
+  }, [activeCallCid]);
+  (0, _react.useEffect)(() => {
+    const callingx = (0, _callingx2.getCallingxLibIfAvailable)();
+    if (!callingx?.isSetup || !activeCallCid) {
+      return;
+    }
+    const isCallTracked = callingx.isCallTracked(activeCallCid);
+    if (!isCallTracked) {
+      logger.debug(`useCallingExpWithCallingStateEffect:No active call cid to update callingx: ${activeCallCid} isCallTracked: ${isCallTracked}`);
+      return;
+    }
+    callingx.updateDisplay(activeCallCid, createdByUserId ?? callDisplayName, callDisplayName, isIncoming);
+  }, [activeCallCid, createdByUserId, callDisplayName, isIncoming]);
+
+  // Sync microphone mute state from app → CallKit
+  (0, _react.useEffect)(() => {
+    const callingx = (0, _callingx2.getCallingxLibIfAvailable)();
+    if (!callingx?.isSetup || !activeCallCid) {
+      return;
+    }
+    const isCallTracked = callingx.isCallTracked(activeCallCid);
+    if (!isCallTracked) {
+      logger.debug(`useCallingExpWithCallingStateEffect: No active call cid to set muted in calling exp: ${activeCallCid} isCallTracked: ${isCallTracked}`);
+      return;
+    }
+    callingx.setMutedCall(activeCallCid, isMute);
+  }, [activeCallCid, isMute]);
+
+  // Sync mute state from CallKit → app (only for system-initiated mute actions)
+  (0, _react.useEffect)(() => {
+    const callingx = (0, _callingx2.getCallingxLibIfAvailable)();
+    if (!callingx?.isSetup || !activeCallCid) {
+      logger.debug(`useCallingExpWithCallingStateEffect: No active call cid to set muted in calling exp: ${activeCallCid} callingx isSetup: ${callingx?.isSetup}`);
+      return;
+    }
+
+    // Listen to mic toggle events from CallKit/Telecom and update stream call microphone state.
+    // Only system-initiated mute actions (e.g. user tapped mute on the native CallKit UI)
+    // are sent here — app-initiated actions are filtered out on the native side to prevent
+    // the feedback loop: app mutes mic → setMutedCall → CallKit delegate → event to JS → loop.
+    const subscription = callingx.addEventListener('didPerformSetMutedCallAction', async event => {
+      const {
+        callId,
+        muted
+      } = event;
+      const isCallTracked = callingx.isCallTracked(activeCallCid);
+      if (!isCallTracked || callId !== activeCallCid) {
+        logger.debug(`useCallingExpWithCallingStateEffect: No active call cid to set muted in calling exp: ${activeCallCid} isCallTracked: ${isCallTracked} callId: ${callId}`);
+        return;
+      }
+      const isCurrentlyMuted = microphone.state.status === 'disabled';
+      if (isCurrentlyMuted === muted) {
+        logger.debug(`useCallingExpWithCallingStateEffect: Mic toggle is already in the desired state: ${muted} for call: ${activeCallCid}`);
+        return;
+      }
+      try {
+        if (muted) {
+          await microphone.disable();
+        } else {
+          await microphone.enable();
+        }
+      } catch (error) {
+        logger.error(`useCallingExpWithCallingStateEffect: Error toggling mic in calling exp: ${activeCallCid}`, error);
+      }
+    });
+    return () => {
+      subscription.remove();
+    };
+  }, [activeCallCid, microphone]);
+};
+exports.useCallingExpWithCallingStateEffect = useCallingExpWithCallingStateEffect;
+//# sourceMappingURL=useCallingExpWithCallingStateEffect.js.map

package/dist/commonjs/hooks/push/useCallingExpWithCallingStateEffect.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_videoClient","require","_videoReactBindings","_react","_operators","_callingx","_callingx2","logger","videoLoggerSystem","getLogger","useCallingExpWithCallingStateEffect","useMicrophoneState","useParticipants","useCallMembers","useCallStateHooks","activeCall","useCall","isMute","microphone","callMembers","participants","activeCallCid","cid","createdByUserId","state","createdBy","id","callCustomDisplayName","custom","display_name","currentUserId","isIncoming","ringing","isCreatedByMe","callDisplayName","useMemo","getCallDisplayName","useEffect","callingx","getCallingxLibIfAvailable","isSetup","shouldMakeCallActive","call","isOngoingCallsEnabled","subscription","callingState$","pipe","filter","callingState","CallingState","JOINED","isCallTracked","take","subscribe","setCurrentCallActive","unsubscribe","debug","endCallWithReason","catch","error","updateDisplay","setMutedCall","addEventListener","event","callId","muted","isCurrentlyMuted","status","disable","enable","remove","exports"],"sourceRoot":"../../../../src","sources":["hooks/push/useCallingExpWithCallingStateEffect.ts"],"mappings":"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","ignoreList":[]}