init

react/features/mobile/react-native-sdk/functions.js

@@ -0,0 +1,13 @@
+import { NativeModules } from 'react-native';
+
+
+/**
+ * Determines if the ExternalAPI native module is available.
+ *
+ * @returns {boolean} If yes {@code true} otherwise {@code false}.
+ */
+export function isExternalAPIAvailable() {
+    const { ExternalAPI } = NativeModules;
+
+    return ExternalAPI !== null;
+}

react/features/mobile/react-native-sdk/middleware.js

@@ -0,0 +1,108 @@
+import { NativeModules } from 'react-native';
+
+import { getAppProp } from '../../base/app/functions';
+import {
+    CONFERENCE_BLURRED,
+    CONFERENCE_FOCUSED,
+    CONFERENCE_JOINED,
+    CONFERENCE_LEFT,
+    CONFERENCE_WILL_JOIN,
+    ENDPOINT_MESSAGE_RECEIVED
+} from '../../base/conference/actionTypes';
+import { SET_AUDIO_MUTED, SET_VIDEO_MUTED } from '../../base/media/actionTypes';
+import { PARTICIPANT_JOINED, PARTICIPANT_LEFT } from '../../base/participants/actionTypes';
+import MiddlewareRegistry from '../../base/redux/MiddlewareRegistry';
+import StateListenerRegistry from '../../base/redux/StateListenerRegistry';
+import { READY_TO_CLOSE } from '../external-api/actionTypes';
+import { participantToParticipantInfo } from '../external-api/functions';
+import { ENTER_PICTURE_IN_PICTURE } from '../picture-in-picture/actionTypes';
+
+import { isExternalAPIAvailable } from './functions';
+
+const externalAPIEnabled = isExternalAPIAvailable();
+const { JMOngoingConference } = NativeModules;
+
+
+/**
+ * Check if native modules are being used or not.
+ * If not, then the init of middleware doesn't happen.
+ */
+!externalAPIEnabled && MiddlewareRegistry.register(store => next => action => {
+    const result = next(action);
+    const { type } = action;
+    const rnSdkHandlers = getAppProp(store, 'rnSdkHandlers');
+
+    switch (type) {
+    case SET_AUDIO_MUTED:
+        rnSdkHandlers?.onAudioMutedChanged?.(action.muted);
+        break;
+    case SET_VIDEO_MUTED:
+        rnSdkHandlers?.onVideoMutedChanged?.(Boolean(action.muted));
+        break;
+    case CONFERENCE_BLURRED:
+        rnSdkHandlers?.onConferenceBlurred?.();
+        break;
+    case CONFERENCE_FOCUSED:
+        rnSdkHandlers?.onConferenceFocused?.();
+        break;
+    case CONFERENCE_JOINED:
+        rnSdkHandlers?.onConferenceJoined?.();
+        break;
+    case CONFERENCE_LEFT:
+        //  Props are torn down at this point, perhaps need to leave this one out
+        break;
+    case CONFERENCE_WILL_JOIN:
+        rnSdkHandlers?.onConferenceWillJoin?.();
+        break;
+    case ENTER_PICTURE_IN_PICTURE:
+        rnSdkHandlers?.onEnterPictureInPicture?.();
+        break;
+    case ENDPOINT_MESSAGE_RECEIVED: {
+        const { data, participant } = action;
+
+        rnSdkHandlers?.onEndpointMessageReceived?.({
+            data,
+            participant
+        });
+        break;
+    }
+    case PARTICIPANT_JOINED: {
+        const { participant } = action;
+        const participantInfo = participantToParticipantInfo(participant);
+
+        rnSdkHandlers?.onParticipantJoined?.(participantInfo);
+        break;
+    }
+    case PARTICIPANT_LEFT: {
+        const { participant } = action;
+
+        const { id } = participant ?? {};
+
+        rnSdkHandlers?.onParticipantLeft?.({ id });
+        break;
+    }
+    case READY_TO_CLOSE:
+        rnSdkHandlers?.onReadyToClose?.();
+        break;
+    }
+
+    return result;
+});
+
+/**
+ * Before enabling media projection service control on Android,
+ * we need to check if native modules are being used or not.
+ */
+JMOngoingConference && !externalAPIEnabled && StateListenerRegistry.register(
+    state => state['features/base/conference'].conference,
+    (conference, previousConference) => {
+        if (!conference) {
+            JMOngoingConference.abort();
+        } else if (conference && !previousConference) {
+            JMOngoingConference.launch();
+        } else if (conference !== previousConference) {
+            JMOngoingConference.abort();
+            JMOngoingConference.launch();
+        }
+    }
+);