@cloudflare/realtimekit-react-native 0.1.1-staging.1 → 0.1.2-staging.1

package/ios/RNInCallManager.m

@@ -620,7 +620,11 @@ RCT_EXPORT_METHOD(isBluetoothHeadsetConnected: (RCTPromiseResolveBlock) resolve
         [self audioSessionSetMode:audioMode
                        callerMemo:NSStringFromSelector(_cmd)];
 
-        [self sendEventWithName:@"onAudioDeviceChanged" body:@{@"devices": audioMode}];
+        @try {
+            [self sendEventWithName:@"onAudioDeviceChanged" body:@{@"devices": audioMode}];
+        } @catch (NSException *exception) {
+            NSLog(@"Error sending event 'onAudioDeviceChanged': %@", exception.reason);
+        }
         // NSLog(@"👨‍💻 RNInCallManager.updateAudioRoute() audio mode has changed to %@", audioMode);
       return true;
     } else {
@@ -806,7 +810,11 @@ RCT_EXPORT_METHOD(isBluetoothHeadsetConnected: (RCTPromiseResolveBlock) resolve
         if (state != self->_proximityIsNear) {
             // NSLog(@"RNInCallManager.UIDeviceProximityStateDidChangeNotification(): isNear: %@", state ? @"YES" : @"NO");
             self->_proximityIsNear = state;
-            [self sendEventWithName:@"Proximity" body:@{@"isNear": state ? @YES : @NO}];
+            @try {
+                [self sendEventWithName:@"Proximity" body:@{@"isNear": state ? @YES : @NO}];
+            } @catch (NSException *exception) {
+                NSLog(@"Error sending event 'Proximity': %@", exception.reason);
+            }
         }
     }];
 
@@ -936,62 +944,90 @@ RCT_EXPORT_METHOD(isBluetoothHeadsetConnected: (RCTPromiseResolveBlock) resolve
                     if ([self checkAudioRoute:@[AVAudioSessionPortHeadsetMic]
                                     routeType:@"input"]) {
                         _forceSpeakerOn = 0;
-                        [self sendEventWithName:@"onAudioDeviceChanged"
-                                           body:@{
-                                               @"availableAudioDeviceList": @"[speaker, earpiece, wired]",
-                                               @"selectedAudioDevice": AVAudioSessionPortHeadsetMic,
-                                           }];
+                        @try {
+                            [self sendEventWithName:@"onAudioDeviceChanged"
+                                               body:@{
+                                                   @"availableAudioDeviceList": @"[speaker, earpiece, wired]",
+                                                   @"selectedAudioDevice": AVAudioSessionPortHeadsetMic,
+                                               }];
+                        } @catch (NSException *exception) {
+                            NSLog(@"Error sending event 'onAudioDeviceChanged' (HeadsetMic): %@", exception.reason);
+                        }
                     } else if ([self checkAudioRoute:@[AVAudioSessionPortHeadphones]
                                            routeType:@"output"]) {
                         _forceSpeakerOn = 0;
-                        [self sendEventWithName:@"onAudioDeviceChanged"
-                                           body:@{
-                                               @"availableAudioDeviceList": @"[speaker, earpiece, wired]",
-                                               @"selectedAudioDevice": AVAudioSessionPortHeadphones,
-                                           }];
+                        @try {
+                            [self sendEventWithName:@"onAudioDeviceChanged"
+                                               body:@{
+                                                   @"availableAudioDeviceList": @"[speaker, earpiece, wired]",
+                                                   @"selectedAudioDevice": AVAudioSessionPortHeadphones,
+                                               }];
+                        } @catch (NSException *exception) {
+                            NSLog(@"Error sending event 'onAudioDeviceChanged' (Headphones): %@", exception.reason);
+                        }
                     } else if ([self checkAudioRoute:@[AVAudioSessionPortBluetoothHFP]
                                            routeType:@"input"]) {
                         _forceSpeakerOn = 0;
-                        [self sendEventWithName:@"onAudioDeviceChanged"
-                                           body:@{
-                                               @"availableAudioDeviceList": @"[speaker, earpiece, bluetooth]",
-                                               @"selectedAudioDevice": AVAudioSessionPortBluetoothHFP,
-                                           }];
+                        @try {
+                            [self sendEventWithName:@"onAudioDeviceChanged"
+                                               body:@{
+                                                   @"availableAudioDeviceList": @"[speaker, earpiece, bluetooth]",
+                                                   @"selectedAudioDevice": AVAudioSessionPortBluetoothHFP,
+                                               }];
+                        } @catch (NSException *exception) {
+                            NSLog(@"Error sending event 'onAudioDeviceChanged' (BluetoothHFP): %@", exception.reason);
+                        }
                     } else if ([self checkAudioRoute:@[AVAudioSessionPortBluetoothA2DP]
                                            routeType:@"input"]) {
                         _forceSpeakerOn = 0;
-                        [self sendEventWithName:@"onAudioDeviceChanged"
-                                           body:@{
-                                               @"availableAudioDeviceList": @"[speaker, earpiece, bluetooth]",
-                                               @"selectedAudioDevice": AVAudioSessionPortBluetoothA2DP,
-                                           }];
+                        @try {
+                            [self sendEventWithName:@"onAudioDeviceChanged"
+                                               body:@{
+                                                   @"availableAudioDeviceList": @"[speaker, earpiece, bluetooth]",
+                                                   @"selectedAudioDevice": AVAudioSessionPortBluetoothA2DP,
+                                               }];
+                        } @catch (NSException *exception) {
+                            NSLog(@"Error sending event 'onAudioDeviceChanged' (BluetoothA2DP): %@", exception.reason);
+                        }
                     } else if ([self checkAudioRoute:@[AVAudioSessionPortBluetoothLE]
                                            routeType:@"input"]) {
                         _forceSpeakerOn = 0;
-                        [self sendEventWithName:@"onAudioDeviceChanged"
-                                           body:@{
-                                               @"availableAudioDeviceList": @"[speaker, earpiece, bluetooth]",
-                                               @"selectedAudioDevice": AVAudioSessionPortBluetoothLE,
-                                           }];
+                        @try {
+                            [self sendEventWithName:@"onAudioDeviceChanged"
+                                               body:@{
+                                                   @"availableAudioDeviceList": @"[speaker, earpiece, bluetooth]",
+                                                   @"selectedAudioDevice": AVAudioSessionPortBluetoothLE,
+                                               }];
+                        } @catch (NSException *exception) {
+                            NSLog(@"Error sending event 'onAudioDeviceChanged' (BluetoothLE): %@", exception.reason);
+                        }
                     }
                     break;
                 case AVAudioSessionRouteChangeReasonOldDeviceUnavailable:
-                    [self sendEventWithName:@"onAudioDeviceChanged"
-                                        body:@{
+                    @try {
+                        [self sendEventWithName:@"onAudioDeviceChanged"
+                                           body:@{
                                                @"availableAudioDeviceList": @"[speaker, earpiece]",
                                                @"selectedAudioDevice": @"speaker",
-                                           }];                    
+                                           }];
+                    } @catch (NSException *exception) {
+                        NSLog(@"Error sending event 'onAudioDeviceChanged' (OldDeviceUnavailable): %@", exception.reason);
+                    }
                     break;
                 case AVAudioSessionRouteChangeReasonCategoryChange:
                     // NSLog(@"🧑‍💻 RNInCallManager.AudioRouteChange.Reason: CategoryChange. category=%@ mode=%@", self->_audioSession.category, self->_audioSession.mode);
                     break;
                 case AVAudioSessionRouteChangeReasonOverride:
-                    // NSLog(@"🧑‍💻 RNInCallManager.AudioRouteChange.Reason: Override");
-                    [self sendEventWithName:@"onAudioDeviceChanged"
-                                        body:@{
-                                               @"availableAudioDeviceList": @"[speaker, earpiece]",
-                                               @"selectedAudioDevice": @"speaker",
-                                           }];           
+                    @try {
+                        // NSLog(@"🧑‍💻 RNInCallManager.AudioRouteChange.Reason: Override");
+                        [self sendEventWithName:@"onAudioDeviceChanged"
+                                            body:@{
+                                                @"availableAudioDeviceList": @"[speaker, earpiece]",
+                                                @"selectedAudioDevice": @"speaker",
+                                            }];  
+                    } @catch (NSException *exception) {
+                        NSLog(@"Error sending event 'onAudioDeviceChanged' (Override): %@", exception.reason);
+                    }         
                     break;
                 case AVAudioSessionRouteChangeReasonWakeFromSleep:
                     // NSLog(@"RNInCallManager.AudioRouteChange.Reason: WakeFromSleep");

package/lib/LocalMediaHandler.d.ts

@@ -77,11 +77,11 @@ export default class LocalMediaHandler extends EventEmitter {
     private setVideoTrack;
     private setScreenShareTracks;
     private onScreenShareEnded;
-    disableAudio(): void;
+    disableAudio(): Promise<void>;
     enableAudio(): Promise<void>;
+    toggleAudio(): Promise<void>;
     enableVideo(): Promise<void>;
     disableVideo(): Promise<void>;
-    toggleAudio(): Promise<void>;
     toggleVideo(): Promise<void>;
     setAudioDevice(device: MediaDeviceInfo): Promise<void>;
     setVideoDevice(device: MediaDeviceInfo): Promise<void>;
@@ -102,7 +102,14 @@ export default class LocalMediaHandler extends EventEmitter {
     getDeviceById(deviceId: string, kind: 'audioinput' | 'audiooutput' | 'videoinput'): MediaDeviceInfo;
     getAudioDevices(): MediaDeviceInfo[];
     getVideoDevices(): MediaDeviceInfo[];
-    getSpeakerDevices(): MediaDeviceInfo[];
+    getSpeakerDevices(): {
+        deviceId: string;
+        label: string;
+        kind: string;
+        groupId: string;
+        facing: string;
+        toJSON(): any;
+    }[];
     onDeviceChange(changedDevices: {
         added: MediaDeviceInfo[];
         removed: MediaDeviceInfo[];

package/lib/LocalMediaHandler.js

@@ -28,6 +28,7 @@ import InCallManger from './NativeAudioManager';
 import { setupPermissions } from './PermissionHandler';
 const { DyteHelper, BroadcastEventEmitter } = NativeModules;
 const broadcastEmitter = new NativeEventEmitter(BroadcastEventEmitter);
+// eslint-disable-next-line no-shadow
 export var MediaEvents;
 (function (MediaEvents) {
     MediaEvents[MediaEvents["AUDIO_TRACK_CHANGE"] = 0] = "AUDIO_TRACK_CHANGE";
@@ -98,8 +99,7 @@ class LocalMediaHandler extends EventEmitter {
             video: undefined,
             speaker: undefined,
         };
-        // NOTE(roerohan): The arrow function is required so that the reference to "this" is proper.
-        //if (Platform.OS === 'android')
+        // LocalMediaUtils onDeviceChange with callback from native onAudioDeviceChanged events
         __classPrivateFieldGet(this, _LocalMediaHandler_localMediaUtils, "f").onDeviceChange((changedDevices) => __awaiter(this, void 0, void 0, function* () {
             yield this.onDeviceChange(changedDevices, false);
         }));
@@ -241,7 +241,13 @@ class LocalMediaHandler extends EventEmitter {
                 (_b = this.audioTrack) === null || _b === void 0 ? void 0 : _b.stop();
                 (_c = this.rawAudioTrack) === null || _c === void 0 ? void 0 : _c.stop();
             }
-            this.rawAudioTrack = yield LocalMediaUtils.getAudioTrack();
+            try {
+                this.rawAudioTrack = yield LocalMediaUtils.getAudioTrack();
+            }
+            catch (err) {
+                console.warn('Failed to acquire audio track: ', err);
+                this.rawAudioTrack = undefined;
+            }
             this.setAudioTrack(this.rawAudioTrack);
             this.addMediaStreamTrackListeners(this.audioTrack);
             this.setDevice(this.currentDevices.audio);
@@ -254,11 +260,6 @@ class LocalMediaHandler extends EventEmitter {
             if (this.audioTrack && this.permissions.audio === 'NOT_REQUESTED') {
                 yield __classPrivateFieldGet(this, _LocalMediaHandler_localMediaUtils, "f").repopulateAvailableDevices();
             }
-            this.permissions.audio = 'ACCEPTED';
-            this.emit('MEDIA_PERMISSION_UPDATE', {
-                kind: 'audio',
-                message: this.permissions.audio,
-            });
             this.emit('DEVICE_CHANGE', {
                 device: this.currentDevices.audio,
             });
@@ -294,7 +295,13 @@ class LocalMediaHandler extends EventEmitter {
                     videoDeviceId,
                 });
                 if (!this.rawVideoTrack) {
-                    this.rawVideoTrack = yield LocalMediaUtils.getVideoTrack(videoConstraints);
+                    try {
+                        this.rawVideoTrack = yield LocalMediaUtils.getVideoTrack(videoConstraints);
+                    }
+                    catch (err) {
+                        console.warn('Failed to acquire video track: ', err);
+                        this.rawVideoTrack = undefined;
+                    }
                 }
                 this.setVideoTrack(this.rawVideoTrack);
                 this.addMediaStreamTrackListeners(this.rawVideoTrack);
@@ -310,11 +317,6 @@ class LocalMediaHandler extends EventEmitter {
             if (this.videoTrack && this.permissions.video === 'NOT_REQUESTED') {
                 yield __classPrivateFieldGet(this, _LocalMediaHandler_localMediaUtils, "f").repopulateAvailableDevices();
             }
-            this.permissions.video = 'ACCEPTED';
-            this.emit('MEDIA_PERMISSION_UPDATE', {
-                kind: 'video',
-                message: this.permissions.video,
-            });
             this.emit('DEVICE_CHANGE', {
                 device: this.currentDevices.video,
             });
@@ -327,23 +329,17 @@ class LocalMediaHandler extends EventEmitter {
             if (!speakerDevices.length) {
                 return;
             }
-            const speakerDeviceId = deviceId !== null && deviceId !== void 0 ? deviceId : speakerDevices[0].deviceId;
+            const lastDeviceIndex = speakerDevices.length - 1;
+            const speakerDeviceId = deviceId !== null && deviceId !== void 0 ? deviceId : speakerDevices[lastDeviceIndex].deviceId;
             if (((_a = this.currentDevices.speaker) === null || _a === void 0 ? void 0 : _a.deviceId) !== speakerDeviceId) {
-                this.currentDevices.speaker = __classPrivateFieldGet(this, _LocalMediaHandler_localMediaUtils, "f").getDeviceById(speakerDeviceId, 'audiooutput');
+                // Audio Input devices are same as output devices in mobile
+                this.currentDevices.audio = __classPrivateFieldGet(this, _LocalMediaHandler_localMediaUtils, "f").getDeviceById(speakerDeviceId, 'audioinput');
+                this.currentDevices.speaker = this.currentDevices.audio;
             }
+            yield this.setDevice(this.currentDevices.audio);
             this.emit('DEVICE_CHANGE', {
                 device: this.currentDevices.speaker,
             });
-            /*
-            TODO
-            const speakerDeviceId = deviceId ?? speakerDevices[0].deviceId;
-            if (this.currentDevices.speaker?.deviceId !== speakerDeviceId) {
-              this.currentDevices.speaker = this.#localMediaUtils.getDeviceById(
-                speakerDeviceId,
-                'audiooutput'
-              );
-              callStats.selectedDevice('SPEAKER', this.currentDevices.speaker);
-            } */
         });
     }
     getOperationalWebcamDeviceId() {
@@ -374,10 +370,6 @@ class LocalMediaHandler extends EventEmitter {
     getOperationalMicDeviceId() {
         return __awaiter(this, void 0, void 0, function* () {
             let audioDevices = __classPrivateFieldGet(this, _LocalMediaHandler_localMediaUtils, "f").getAudioDevices();
-            // console.log(
-            //   'getOperationalMicDeviceId: ',
-            //   JSON.stringify(audioDevices, null, 2)
-            // );
             if (!audioDevices.length) {
                 return { isOperational: false, deviceId: null };
             }
@@ -387,10 +379,6 @@ class LocalMediaHandler extends EventEmitter {
                     We are giving preference to external device
                 */
             audioDevices = [...audioDevices].reverse();
-            // console.log(
-            //   'getOperationalMicDeviceId Reverse: ',
-            //   JSON.stringify(audioDevices, null, 2)
-            // );
             let operationalDeviceId = null;
             for (let deviceIndex = 0; deviceIndex < audioDevices.length; deviceIndex += 1) {
                 try {
@@ -403,7 +391,9 @@ class LocalMediaHandler extends EventEmitter {
                         break;
                     }
                 }
-                catch (err) { }
+                catch (err) {
+                    console.warn('Failed to acquire audio track: ', err);
+                }
             }
             return operationalDeviceId
                 ? { isOperational: true, deviceId: operationalDeviceId }
@@ -412,7 +402,7 @@ class LocalMediaHandler extends EventEmitter {
     }
     setupStreams(_a) {
         return __awaiter(this, arguments, void 0, function* ({ audio, video, }) {
-            var _b, _c, _d;
+            var _b, _c;
             try {
                 const permResult = yield setupPermissions(audio, video);
                 this.permissions.video = permResult.camera;
@@ -422,6 +412,14 @@ class LocalMediaHandler extends EventEmitter {
                 this.permissions.video = (_b = val.camera) !== null && _b !== void 0 ? _b : false;
                 this.permissions.audio = (_c = val.microphone) !== null && _c !== void 0 ? _c : false;
             }
+            this.emit('MEDIA_PERMISSION_UPDATE', {
+                kind: 'audio',
+                message: this.permissions.audio,
+            });
+            this.emit('MEDIA_PERMISSION_UPDATE', {
+                kind: 'video',
+                message: this.permissions.video,
+            });
             const constraints = {};
             if (!this.currentDevices) {
                 this.currentDevices = {
@@ -450,37 +448,20 @@ class LocalMediaHandler extends EventEmitter {
                     constraints.video = videoConstraints.video;
                 }
             }
-            const { audioTrack, videoTrack } = yield LocalMediaUtils.getAudioAndVideoTrack(constraints);
-            if (audio && audioTrack) {
-                this.rawAudioTrack = audioTrack;
-                this.permissions.audio = 'ACCEPTED';
-            }
-            this.emit('MEDIA_PERMISSION_UPDATE', {
-                kind: 'audio',
-                message: this.permissions.audio,
-            });
-            if (video && videoTrack) {
-                this.rawVideoTrack = videoTrack;
-                this.permissions.video = 'ACCEPTED';
-            }
-            this.emit('MEDIA_PERMISSION_UPDATE', {
-                kind: 'video',
-                message: this.permissions.video,
-            });
-            if (((_d = Object.keys(constraints)) === null || _d === void 0 ? void 0 : _d.length) === 0) {
-                this.audioEnabled = false;
-                this.videoEnabled = false;
-                return;
-            }
             if (audio)
                 yield this.setupAudioStream();
             if (video)
                 yield this.setupVideoStream();
-            if (audioTrack)
+            if (this.audioTrack)
                 this.audioEnabled = true;
-            if (videoTrack)
+            else
+                this.audioEnabled = false;
+            if (this.videoTrack)
                 this.videoEnabled = true;
+            else
+                this.videoEnabled = false;
             this.screenShareEnabled = false;
+            // Setting default audio output to speaker
             yield this.setupSpeaker();
             // Setup Foreground Service after handling permissions
             if (Platform.OS === 'android') {
@@ -570,12 +551,16 @@ class LocalMediaHandler extends EventEmitter {
         this.emit('SCREENSHARE_ENDED');
     }
     disableAudio() {
-        this.audioEnabled = false;
-        if (this.audioTrack) {
-            this.audioTrack.enabled = this.audioEnabled;
-        }
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.toggleAudio();
+        });
     }
     enableAudio() {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.toggleAudio();
+        });
+    }
+    toggleAudio() {
         return __awaiter(this, void 0, void 0, function* () {
             var _a, _b;
             if (this.permissions.audio !== 'ACCEPTED') {
@@ -591,8 +576,16 @@ class LocalMediaHandler extends EventEmitter {
                 kind: 'audio',
                 message: this.permissions.audio,
             });
-            if (this.permissions.audio === 'DENIED') {
+            if (this.permissions.audio === 'DENIED' ||
+                this.permissions.audio === 'NOT_REQUESTED') {
+                this.audioEnabled = false;
+                return;
+            }
+            if (this.audioEnabled) {
                 this.audioEnabled = false;
+                if (this.audioTrack) {
+                    this.audioTrack.enabled = this.audioEnabled;
+                }
                 return;
             }
             try {
@@ -631,20 +624,6 @@ class LocalMediaHandler extends EventEmitter {
             yield this.toggleVideo();
         });
     }
-    toggleAudio() {
-        return __awaiter(this, void 0, void 0, function* () {
-            var _a;
-            if (this.permissions.audio === 'DENIED') {
-                this.audioEnabled = false;
-                return;
-            }
-            if (!this.audioTrack) {
-                yield this.setupAudioStream((_a = this.currentDevices.audio) === null || _a === void 0 ? void 0 : _a.deviceId);
-            }
-            this.audioEnabled = !this.audioEnabled;
-            this.audioTrack.enabled = this.audioEnabled;
-        });
-    }
     toggleVideo() {
         return __awaiter(this, void 0, void 0, function* () {
             var _a, _b;
@@ -661,7 +640,8 @@ class LocalMediaHandler extends EventEmitter {
                 kind: 'video',
                 message: this.permissions.video,
             });
-            if (this.permissions.video === 'DENIED') {
+            if (this.permissions.video === 'DENIED' ||
+                this.permissions.video === 'NOT_REQUESTED') {
                 this.videoEnabled = false;
                 return;
             }
@@ -794,12 +774,16 @@ class LocalMediaHandler extends EventEmitter {
              */
             if (addedDevice) {
                 if (addedDevice.kind === 'audioinput') {
-                    yield this.setupAudioStream(addedDevice.deviceId);
-                    this.emit('DEVICE_CHANGE', this.currentDevices.audio);
+                    if (this.permissions.audio === 'DENIED' ||
+                        this.permissions.audio === 'NOT_REQUESTED') {
+                        yield this.setupSpeaker(addedDevice.deviceId);
+                    }
+                    else {
+                        yield this.setupAudioStream(addedDevice.deviceId);
+                    }
                 }
                 else if (addedDevice.kind === 'videoinput') {
                     yield this.setupVideoStream(addedDevice.deviceId);
-                    this.emit('DEVICE_CHANGE', this.currentDevices.video);
                 }
                 else if (addedDevice.kind === 'audiooutput') {
                     yield this.setupSpeaker(addedDevice.deviceId);
@@ -808,7 +792,13 @@ class LocalMediaHandler extends EventEmitter {
             }
             if (removedDevice) {
                 if (removedDevice.kind === 'audioinput') {
-                    yield this.setupAudioStream();
+                    if (this.permissions.audio === 'DENIED' ||
+                        this.permissions.audio === 'NOT_REQUESTED') {
+                        yield this.setupSpeaker();
+                    }
+                    else {
+                        yield this.setupAudioStream();
+                    }
                 }
                 else if (removedDevice.kind === 'videoinput') {
                     yield this.setupVideoStream();
@@ -818,7 +808,9 @@ class LocalMediaHandler extends EventEmitter {
                 }
                 this.emit('AUDIO_TRACK_CHANGE');
             }
-            this.emit('DEVICE_LIST_UPDATED', changedDevices);
+            if (changedDevices.added.length || changedDevices.removed.length) {
+                this.emit('DEVICE_LIST_UPDATED', changedDevices);
+            }
         });
     }
     cleanUpTracks() {
@@ -837,7 +829,6 @@ class LocalMediaHandler extends EventEmitter {
     }
     static init(_) {
         return __awaiter(this, void 0, void 0, function* () {
-            yield setupPermissions(true, true);
             const localMediaUtils = yield LocalMediaUtils.init();
             return new LocalMediaHandler(localMediaUtils);
         });

package/lib/LocalMediaInterfaces.d.ts

@@ -68,6 +68,7 @@ export interface RealtimeKitMediaTrackConstraints extends MediaTrackConstraints
 }
 export interface RealtimeKitMediaStreamConstraints extends MediaStreamConstraints {
     audio?: boolean | RealtimeKitMediaTrackConstraints;
+    timeout?: number;
 }
 export interface VideoConstraints {
     [key: string]: RealtimeKitMediaTrackConstraints;

package/lib/LocalMediaUtils.d.ts

@@ -89,5 +89,12 @@ export default class LocalMediaUtils {
     /**
      * Returns all audio output devices (speaker devices).
      */
-    getSpeakerDevices(): MediaDeviceInfo[];
+    getSpeakerDevices(): {
+        deviceId: string;
+        label: string;
+        kind: string;
+        groupId: string;
+        facing: string;
+        toJSON(): any;
+    }[];
 }

package/lib/LocalMediaUtils.js

@@ -143,7 +143,7 @@ class LocalMediaUtils {
                     return yield mediaDevices.getUserMedia(constraints);
                 }
                 // NOTE(roerohan): The await is required to catch errors (if any).
-                return yield Promise.race([
+                return Promise.race([
                     mediaDevices.getUserMedia(constraints),
                     new Promise((_resolve, reject) => {
                         setTimeout(() => reject(new LocalMediaError('Get user media timed out', 'ERR_GUM_TIMEOUT')), timeout);
@@ -159,13 +159,14 @@ class LocalMediaUtils {
         return __awaiter(this, void 0, void 0, function* () {
             const mediaStream = (yield LocalMediaUtils.getUserMediaWithTimeout({
                 audio: true,
+                timeout: 5000,
             }));
             return mediaStream.getAudioTracks()[0];
         });
     }
     static getVideoTrack(constraints) {
         return __awaiter(this, void 0, void 0, function* () {
-            const mediaStream = (yield LocalMediaUtils.getUserMediaWithTimeout(constraints));
+            const mediaStream = (yield LocalMediaUtils.getUserMediaWithTimeout(Object.assign(Object.assign({}, constraints), { timeout: 5000 })));
             return mediaStream.getVideoTracks()[0];
         });
     }
@@ -186,11 +187,16 @@ class LocalMediaUtils {
     }
     static getAudioAndVideoTrack(constraints) {
         return __awaiter(this, void 0, void 0, function* () {
-            const mediaStream = (yield LocalMediaUtils.getUserMediaWithTimeout(constraints));
-            return {
-                audioTrack: mediaStream.getAudioTracks()[0],
-                videoTrack: mediaStream.getVideoTracks()[0],
-            };
+            try {
+                const mediaStream = (yield LocalMediaUtils.getUserMediaWithTimeout(Object.assign(Object.assign({}, constraints), { timeout: 5000 })));
+                return {
+                    audioTrack: mediaStream.getAudioTracks()[0],
+                    videoTrack: mediaStream.getVideoTracks()[0],
+                };
+            }
+            catch (err) {
+                throw err;
+            }
         });
     }
     onDeviceChange(callback) {
@@ -212,7 +218,9 @@ class LocalMediaUtils {
                     removed: previouslyAvailableDevices.filter((device) => !currentlyAvailableDeviceIds.includes(device.deviceId)),
                 };
                 this.repopulateAvailableDevices().then(() => {
-                    callback(changedDevices, false);
+                    if (changedDevices.added.length || changedDevices.removed.length) {
+                        callback(changedDevices, false);
+                    }
                 });
             }
             else {
@@ -224,7 +232,9 @@ class LocalMediaUtils {
                     removed: previouslyAvailableDevices.filter((device) => !currentlyAvailableDeviceIds.includes(device.deviceId)),
                 };
                 this.repopulateAvailableDevices().then(() => {
-                    callback(changedDevices, false);
+                    if (changedDevices.added.length || changedDevices.removed.length) {
+                        callback(changedDevices, false);
+                    }
                 });
             }
         });
@@ -269,7 +279,11 @@ class LocalMediaUtils {
      * Returns all audio output devices (speaker devices).
      */
     getSpeakerDevices() {
-        return this.getAvailableDevicesByKind('audiooutput');
+        const speakerDevices = __classPrivateFieldGet(this, _LocalMediaUtils_availableDevices, "f");
+        // In Mobile, speaker devices are the same as audio input devices
+        return speakerDevices
+            .filter((device) => device.kind === 'audioinput')
+            .map((device) => (Object.assign(Object.assign({}, device), { deviceId: device.deviceId, label: device.label, kind: 'audiooutput' })));
     }
 }
 _LocalMediaUtils_availableDevices = new WeakMap(), _LocalMediaUtils_nativeEventEmitter = new WeakMap();

package/lib/ReactContext.d.ts

@@ -22,16 +22,11 @@ export declare const RealtimeKitContext: React.Context<{
  * @param renderBeforeLoad The provider will not render children by default
  * until it gets a client object, renderBeforeLoad can be used to override that
  */
-export declare function RealtimeKitProvider({ value, children, renderBeforeLoad, }: {
+export declare function RealtimeKitProvider({ value, children, fallback, }: {
     value: RealtimeKitClient | undefined;
     children: ReactChild | ReactChild[];
-    renderBeforeLoad?: boolean;
+    fallback?: ReactChild | ReactChild[];
 }): JSX.Element;
-export declare namespace RealtimeKitProvider {
-    var defaultProps: {
-        renderBeforeLoad: boolean;
-    };
-}
 /**
  * Hook which returns the reference to the DyteClient object
  * @returns meeting instance from `useDyteClient()`

package/lib/ReactContext.js

@@ -59,31 +59,25 @@ export const RealtimeKitContext = createContext({
  * @param renderBeforeLoad The provider will not render children by default
  * until it gets a client object, renderBeforeLoad can be used to override that
  */
-export function RealtimeKitProvider({ value, children, 
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-renderBeforeLoad, }) {
+export function RealtimeKitProvider({ value, children, fallback = null, }) {
     const [updates, setUpdates] = useState();
     const updatesRef = useRef();
     useEffect(() => {
         if (value) {
-            setUpdates(new RealtimeKitUpdates(value));
+            const newUpdate = new RealtimeKitUpdates(value);
+            setUpdates(newUpdate);
+            updatesRef.current = newUpdate;
         }
         return () => {
             var _a;
-            // eslint-disable-next-line react-hooks/exhaustive-deps
             (_a = updatesRef.current) === null || _a === void 0 ? void 0 : _a.clean();
         };
     }, [value]);
-    if (!value)
-        return null;
     return (React.createElement(RealtimeKitContext.Provider, { value: {
             meeting: value,
             updates,
-        } }, children));
+        } }, value ? children : fallback));
 }
-RealtimeKitProvider.defaultProps = {
-    renderBeforeLoad: false,
-};
 /**
  * Hook which returns the reference to the DyteClient object
  * @returns meeting instance from `useDyteClient()`

package/package.json

@@ -1,10 +1,10 @@
 {
     "name": "@cloudflare/realtimekit-react-native",
-    "version": "0.1.1-staging.1",
+    "version": "0.1.2-staging.1",
     "description": "Cloudflare RealtimeKit SDK for react native",
     "main": "lib/index.js",
-    "author": "Dyte <dev@dyte.io> (https://github.com/dyte-in/)",
-    "homepage": "https://github.com/dyte-in/react-native-core#readme",
+    "author": "Cloudflare",
+    "homepage": "https://realtime.cloudflare.com",
     "types": "lib/index.d.ts",
     "files": [
         "lib",
@@ -21,7 +21,7 @@
         "!**/__mocks__"
     ],
     "bugs": {
-        "url": "https://github.com/dyte-in/react-native-core/issues"
+        "url": "https://realtime.cloudflare.com/issues"
     },
     "private": false,
     "dependencies": {