fix: added more error handling scenarios

ExampleApp/src/App.tsx

@@ -196,24 +196,27 @@ const Example = () => {
         setStatus("connected");
     };
 
-    const _onRoomDidDisconnect = () => {
+    const _onRoomDidDisconnect = (event: any) => {
+        if (event.error) {
+            setErrorMessage(_formatErrorMessage(event));
+        }
         resetStates();
     };
 
     const _onRoomDidFailToConnect = (event: any) => {
         setStatus("disconnected");
+        setErrorMessage(_formatErrorMessage(event));
+    };
 
-        let errorMsg = event?.error || "Failed to connect to room";
-
+    const _formatErrorMessage = (event: any) => {
+        let errorMsg = event?.error || "Something went wrong";
         if (event?.code) {
             errorMsg += `\n\nError Code: ${event.code}`;
         }
-
         if (event?.errorExplanation) {
             errorMsg += `\n\nDetails: ${event.errorExplanation}`;
         }
-
-        setErrorMessage(errorMsg);
+        return errorMsg;
     };
 
     const _onParticipantAddedVideoTrack = ({ participant, track }: any) => {
@@ -233,6 +236,16 @@ const Example = () => {
         });
     };
 
+    const _onRoomIsReconnecting = (event: any) => {
+        setStatus("reconnecting");
+        _log(`Room Is Reconnecting ${event.roomName} ${event.error}`);
+    };
+
+    const _onRoomDidReconnect = (event: any) => {
+        setStatus("connected");
+        _log(`Room Did Reconnect ${event.roomName}`);
+    };
+
     return (
         <SafeAreaView style={styles.container}>
             {status === "disconnected" && (
@@ -252,7 +265,7 @@ const Example = () => {
                 </ScrollView>
             )}
 
-            {(status === "connected" || status === "connecting") && (
+            {(status === "connected" || status === "connecting" || status === "reconnecting") && (
                 <View style={styles.connectedWrapper}>
                     <View style={styles.headerContainer}>
                         <Text style={{ fontSize: 12 }}>Room Name: {roomDetails.roomName}</Text>
@@ -304,9 +317,9 @@ const Example = () => {
                 onNetworkQualityLevelsChanged={e => _log(`Network Quality ${e.participant.identity || 'local'} -> ${e.quality}`)}
                 onDominantSpeakerDidChange={e => _log(`Dominant Speaker -> ${e.participant?.identity || 'none'}`)}
                 onDataTrackMessageReceived={e => _log(`Data Track Message ${e.message}`)}
+                onRoomIsReconnecting={_onRoomIsReconnecting}
+                onRoomDidReconnect={_onRoomDidReconnect}
                 onDataChanged={_onDataChanged}
-                onRoomIsReconnecting={e => _log(`Room Is Reconnecting ${e.roomName} ${e.error}`)}
-                onRoomDidReconnect={e => _log(`Room Did Reconnect ${e.roomName}`)}
             />
 
             <Modal

android/src/main/java/com/twiliorn/library/CustomTwilioVideoView.java

@@ -29,6 +29,8 @@
 import static com.twiliorn.library.CustomTwilioVideoView.Events.ON_PARTICIPANT_REMOVED_AUDIO_TRACK;
 import static com.twiliorn.library.CustomTwilioVideoView.Events.ON_PARTICIPANT_REMOVED_DATA_TRACK;
 import static com.twiliorn.library.CustomTwilioVideoView.Events.ON_PARTICIPANT_REMOVED_VIDEO_TRACK;
+import static com.twiliorn.library.CustomTwilioVideoView.Events.ON_RECONNECTED;
+import static com.twiliorn.library.CustomTwilioVideoView.Events.ON_RECONNECTING;
 import static com.twiliorn.library.CustomTwilioVideoView.Events.ON_SCREEN_SHARE_CHANGED;
 import static com.twiliorn.library.CustomTwilioVideoView.Events.ON_STATS_RECEIVED;
 import static com.twiliorn.library.CustomTwilioVideoView.Events.ON_VIDEO_CHANGED;
@@ -569,6 +571,14 @@ public void connectToRoom() {
         /*
          * Create a VideoClient allowing you to connect to a Room
          */
+
+        if (this.accessToken == null || this.accessToken.isEmpty()) {
+            WritableMap event = new WritableNativeMap();
+            event.putString("error", "Access token is required");
+            pushEvent(CustomTwilioVideoView.this, ON_CONNECT_FAILURE, event);
+            return;
+        }
+
         ConnectOptions.Builder connectOptionsBuilder = new ConnectOptions.Builder(this.accessToken);
 
         if (this.roomName != null) {

ios/RCTTWVideoModule.m

@@ -461,7 +461,7 @@ - (void)_toggleDataTrack:(bool)enabled {
         }
         // If track doesn't exist, do nothing
     }
-    
+
     // Emit data changed event
     [self sendEventCheckingListenerWithName:dataChanged
                                        body:@{@"dataEnabled": @(enabled)}];
@@ -721,6 +721,13 @@ - (NSMutableDictionary *)convertLocalVideoTrackStats:
                                 enableNetworkQualityReporting dominantSpeakerEnabled : (BOOL)
                                         dominantSpeakerEnabled cameraType : (NSString *)
                                                 cameraType enableDataTrack : (BOOL) enableDataTrack) {
+
+    if (accessToken == nil || [accessToken length] == 0) {
+        NSMutableDictionary *body = [@{@"error": @"Access token is required"} mutableCopy];
+        [self sendEventCheckingListenerWithName:roomDidFailToConnect body:body];
+        return;
+    }
+
     // Only create video track if enabled during connect
     if (enableVideo) {
         [self _createVideoTrack:cameraType];
@@ -965,7 +972,7 @@ - (void)room:(TVIRoom *)room didDisconnectWithError:(nullable NSError *)error {
 
 - (void)room:(TVIRoom *)room
         didFailToConnectWithError:(nonnull NSError *)error {
-    // Ensure any lingering local media is cleaned up 
+    // Ensure any lingering local media is cleaned up
     [self clearAudioInstance];
     [self clearCameraInstance];
     [self clearDataInstance];
@@ -981,7 +988,8 @@ - (void)room:(TVIRoom *)room
         [body addEntriesFromDictionary:@{
             @"error": error.localizedDescription ?: @"",
             @"code": @(error.code),
-            @"errorExplanation": error.localizedFailureReason ?: error.localizedDescription ?: @""
+            @"errorExplanation": error.localizedFailureReason ?: error.localizedDescription ?
+                                                                                            : @""
         }];
     }