@cometchat/calls-sdk-react-native 5.0.0-beta.2 → 5.0.0-beta.3

package/dist/index.mjs

@@ -44,17 +44,24 @@ var EventBus = class {
 			}
 		}
 	}
-	subscribe(actionType, listener) {
+	subscribe(actionType, listener, options) {
+		if (options?.signal?.aborted) {
+			return () => {};
+		}
 		if (!this.actionListenersMap.get(actionType)) {
 			this.actionListenersMap.set(actionType, []);
 		}
 		this.actionListenersMap.get(actionType)?.push(listener);
-		return () => {
+		const unsubscribe = () => {
 			const listenersList = this.actionListenersMap.get(actionType);
 			if (listenersList) {
 				this.actionListenersMap.set(actionType, listenersList.filter((l) => l !== listener));
 			}
 		};
+		if (options?.signal) {
+			options.signal.addEventListener("abort", unsubscribe, { once: true });
+		}
+		return unsubscribe;
 	}
 };
 const eventBus = new EventBus();
@@ -408,9 +415,9 @@ function getDefaultDevice(devices) {
 
 //#endregion
 //#region calls-sdk-core/utils/try-catch.ts
-async function tryCatch(promise) {
+async function tryCatch(promise, timeoutMs) {
 	try {
-		const data = await promise;
+		const data = timeoutMs != null ? await Promise.race([promise, new Promise((_, reject) => setTimeout(() => reject(new Error("timeout")), timeoutMs))]) : await promise;
 		return {
 			data,
 			error: null
@@ -485,18 +492,6 @@ var SessionMethodsCore = class {
 		leaveSession();
 	}
 	/**
-	* Starts sharing the user's screen with other participants.
-	*/
-	static startScreenSharing() {
-		startScreenSharing();
-	}
-	/**
-	* Stops the ongoing screen sharing session.
-	*/
-	static stopScreenSharing() {
-		stopScreenSharing();
-	}
-	/**
 	* Raises the user's virtual hand in the call.
 	*/
 	static raiseHand() {
@@ -530,18 +525,6 @@ var SessionMethodsCore = class {
 	*/
 	static stopRecording() {}
 	/**
-	* Enables Picture-in-Picture (PIP) layout during the call.
-	*/
-	static enablePictureInPictureLayout() {
-		enablePictureInPictureLayout();
-	}
-	/**
-	* Disables Picture-in-Picture (PIP) layout.
-	*/
-	static disablePictureInPictureLayout() {
-		disablePictureInPictureLayout();
-	}
-	/**
 	* Pins a participant's video to focus on them.
 	* @param participantId - The ID of the participant to pin.
 	* @param type - The type of the participant.
@@ -577,18 +560,6 @@ var SessionMethodsCore = class {
 		setChatButtonUnreadCount(count);
 	}
 	/**
-	* @deprecated use startScreenSharing() instead
-	*/
-	static startScreenShare() {
-		this.startScreenSharing();
-	}
-	/**
-	* @deprecated use stopScreenSharing() instead
-	*/
-	static stopScreenShare() {
-		this.stopScreenSharing();
-	}
-	/**
 	* @deprecated switchToVideoCall is deprecated and not supported.
 	*/
 	static switchToVideoCall() {
@@ -679,6 +650,27 @@ async function createLocalTrack(type, deviceId = null, cameraFacing = CAMERA_FAC
 		}
 	}
 }
+function createLocalTracks() {
+	const enableCompanionMode = useConfigStore.getState().enableCompanionMode;
+	if (!enableCompanionMode) {
+		const audioInputDeviceId = useConfigStore.getState().audioInputDeviceId ?? useBaseStore.getState().audioInputDevice?.deviceId;
+		createLocalTrack("audio", audioInputDeviceId);
+	}
+	const sessionType = useConfigStore.getState().sessionType;
+	if (sessionType === SESSION_TYPE.VIDEO) {
+		const videoInputDeviceIdP1 = useConfigStore.getState().videoInputDeviceId;
+		const videoInputDeviceIdP2 = useBaseStore.getState().videoInputDevice?.deviceId;
+		const initialCameraFacingP1 = useConfigStore.getState().initialCameraFacing;
+		const initialCameraFacingP2 = useBaseStore.getState().cameraFacing;
+		if (videoInputDeviceIdP1) {
+			createLocalTrack("video", videoInputDeviceIdP1);
+		} else if (initialCameraFacingP1) {
+			createLocalTrack("video", null, initialCameraFacingP2);
+		} else {
+			createLocalTrack("video", videoInputDeviceIdP2, initialCameraFacingP2);
+		}
+	}
+}
 function updateAudioInputDevice(deviceId) {
 	const audioInputDevices = useBaseStore.getState().audioInputDevices.filter((device) => device.deviceId !== "");
 	if (audioInputDevices.length > 0) {
@@ -878,7 +870,6 @@ const initialState$7 = {
 	hideLeaveSessionButton: false,
 	hideToggleAudioButton: false,
 	hideParticipantListButton: false,
-	hideSwitchLayoutButton: false,
 	hideChatButton: true,
 	hideToggleVideoButton: false,
 	hideScreenSharingButton: false,
@@ -895,7 +886,9 @@ const initialState$7 = {
 	idleTimeoutPeriodAfterPrompt: 18e4,
 	enableSpotlightDrag: true,
 	enableSpotlightSwap: true,
-	showFrameRate: false
+	showFrameRate: false,
+	enableCompanionMode: false,
+	isPeerCall: false
 };
 const useConfigStore = create()(subscribeWithSelector(combine(initialState$7, (set) => ({ reset: () => set(initialState$7) }))));
 const setConfig = (config) => {
@@ -1173,13 +1166,22 @@ const useConferenceStore = create()(subscribeWithSelector(combine(initialState$5
 	leaveConference: async () => {
 		const conference = useConferenceStore.getState().conference;
 		if (conference) {
-			const { error } = await tryCatch(conference.leave());
+			const { error } = await tryCatch(conference.leave(), 500);
 			if (error) {
 				console.warn("Error leaving conference:", error);
 				eventBus.publish({ type: EVENT_LISTENER_METHODS.SessionStatusListener.onSessionLeft });
 			}
 		}
 	},
+	endConference: async () => {
+		const conference = useConferenceStore.getState().conference;
+		if (conference) {
+			const { error } = await tryCatch(conference.end());
+			if (error) {
+				console.warn("Error ending conference:", error);
+			}
+		}
+	},
 	stopRecording: async () => {
 		const conference = useConferenceStore.getState().conference;
 		if (conference) {
@@ -2023,12 +2025,34 @@ const useConnectionStore = create()(subscribeWithSelector(combine(initialState$2
 	},
 	reset: () => set(initialState$2)
 }))));
+function waitForConnection() {
+	const { connectionStatus } = useConnectionStore.getState();
+	if (connectionStatus === "connected") return Promise.resolve();
+	return new Promise((resolve, reject) => {
+		const timeout = setTimeout(() => {
+			unsub();
+			reject(new Error("Connection timed out after 3 seconds"));
+		}, 3e3);
+		const unsub = useConnectionStore.subscribe((s) => s.connectionStatus, (status) => {
+			if (status === "connected") {
+				clearTimeout(timeout);
+				unsub();
+				resolve();
+			} else if (status === "error") {
+				clearTimeout(timeout);
+				unsub();
+				reject(useConnectionStore.getState().error);
+			}
+		});
+	});
+}
 
 //#endregion
 //#region calls-sdk-core/store/utils/hooks.ts
 const useHideMuteAudioButton = () => {
 	const hideMuteAudioButton = useConfigStore((state) => state.hideToggleAudioButton);
-	return hideMuteAudioButton;
+	const enableCompanionMode = useConfigStore((state) => state.enableCompanionMode);
+	return hideMuteAudioButton || enableCompanionMode;
 };
 const useHideToggleVideoButton = () => {
 	const hideToggleVideoButton = useConfigStore((state) => state.hideToggleVideoButton);
@@ -2346,8 +2370,13 @@ var ConferenceListener = class {
 		track.removeAllListeners(JitsiMeetJS.events.track.NO_DATA_FROM_SOURCE);
 	}
 	onConferenceJoinInProgress() {}
-	onConferenceFailed(_conference, error, message) {
-		console.error("Conference failed:", error, message);
+	onConferenceFailed(errorName, error, message) {
+		console.log();
+		if (errorName === JitsiMeetJS.errors.conference.CONFERENCE_DESTROYED) {
+			leaveSession({ forceLeave: true });
+			return;
+		}
+		console.error("Conference failed:", errorName, error, message);
 		useConferenceStore.setState({
 			conferenceStatus: "error",
 			conferenceJoined: false,
@@ -2547,17 +2576,23 @@ function addConferenceListeners(conference) {
 		}
 	});
 }
-async function createConference(connection, roomName) {
+async function _createConference() {
+	const sessionId = useConfigStore.getState().sessionId;
+	const connection = useConnectionStore.getState().connection;
 	if (!connection) {
 		throw new Error("No connection available");
 	}
+	const connectionStatus = useConnectionStore.getState().connectionStatus;
+	if (connectionStatus !== "connected") {
+		await waitForConnection();
+	}
 	const existingConference = useConferenceStore.getState().conference;
 	if (existingConference) {
 		console.log("Conference already exists, skipping creation");
 		return;
 	}
 	const connectionConfig = useConnectionStore.getState().connectionConfig;
-	const conference = connection.initJitsiConference(roomName, connectionConfig);
+	const conference = connection.initJitsiConference(sessionId, connectionConfig);
 	const localAudioTrack = getLocalTrack(MEDIA_TYPE.AUDIO)?.originalTrack;
 	const localVideoTrack = getLocalTrack(MEDIA_TYPE.VIDEO)?.originalTrack;
 	if (localAudioTrack) {
@@ -2572,6 +2607,20 @@ async function createConference(connection, roomName) {
 	conference.setDisplayName(useParticipantStore.getState().localParticipant.name);
 	conference.join();
 }
+async function createConference() {
+	const conference = useConferenceStore.getState().conference;
+	if (!conference) {
+		const result = await tryCatch(_createConference());
+		if (result.error) {
+			console.error("Error creating conference", result.error);
+			useConferenceStore.setState({
+				conferenceStatus: "error",
+				conferenceJoined: false,
+				conferenceError: result.error.message
+			});
+		}
+	}
+}
 function muteParticipant(participantId) {
 	const conference = useConferenceStore.getState().conference;
 	conference?.muteParticipant(participantId, "audio");
@@ -2583,7 +2632,12 @@ function pauseParticipantVideo(participantId) {
 
 //#endregion
 //#region calls-sdk-core/handlers/connection.ts
-function connect(roomName) {
+async function connect(autoJoinConference = true) {
+	const existingConnection = useConnectionStore.getState().connection;
+	if (existingConnection) {
+		createConference();
+		return;
+	}
 	const options = useConnectionStore.getState().connectionConfig;
 	const jwt = useConnectionStore.getState().jwt;
 	const iAmRecorder = useConfigStore.getState().iAmRecorder;
@@ -2599,15 +2653,8 @@ function connect(roomName) {
 	async function onConnectionEstablished() {
 		useConnectionStore.getState().connectionEstablished(connection);
 		eventBus.publish({ type: INTERNAL_EVENTS.onConnectionEstablished });
-		const result = await tryCatch(createConference(connection, roomName));
-		if (result.error) {
-			console.error("Error creating conference", result.error);
-			useConferenceStore.setState({
-				conferenceStatus: "error",
-				conferenceJoined: false,
-				conferenceError: result.error.message
-			});
-		}
+		if (!autoJoinConference) return;
+		createConference();
 	}
 	function onConnectionFailed(err, message, ...args) {
 		unsubscribe();
@@ -2813,6 +2860,7 @@ function initializeLib() {
 let isSessionStarted = false;
 let reconnectTimeoutId = null;
 const RECONNECT_DEBOUNCE_DELAY = 3e3;
+initializeLib();
 function startSession() {
 	const sessionId = useConfigStore.getState().sessionId;
 	if (!sessionId) {
@@ -2825,29 +2873,13 @@ function startSession() {
 	}
 	isSessionStarted = true;
 	console.log(`Session started in room: ${sessionId}`);
-	initializeLib();
-	const audioInputDeviceId = useConfigStore.getState().audioInputDeviceId ?? useBaseStore.getState().audioInputDevice?.deviceId;
-	createLocalTrack("audio", audioInputDeviceId);
-	const sessionType = useConfigStore.getState().sessionType;
-	if (sessionType === SESSION_TYPE.VIDEO) {
-		const videoInputDeviceIdP1 = useConfigStore.getState().videoInputDeviceId;
-		const videoInputDeviceIdP2 = useBaseStore.getState().videoInputDevice?.deviceId;
-		const initialCameraFacingP1 = useConfigStore.getState().initialCameraFacing;
-		const initialCameraFacingP2 = useBaseStore.getState().cameraFacing;
-		if (videoInputDeviceIdP1) {
-			createLocalTrack("video", videoInputDeviceIdP1);
-		} else if (initialCameraFacingP1) {
-			createLocalTrack("video", null, initialCameraFacingP2);
-		} else {
-			createLocalTrack("video", videoInputDeviceIdP2, initialCameraFacingP2);
-		}
-	}
+	createLocalTracks();
 	const audioOutputDeviceId = useConfigStore.getState().audioOutputDeviceId ?? useBaseStore.getState().audioOutputDevice?.deviceId;
 	if (audioOutputDeviceId) {
 		updateAudioOutputDevice(audioOutputDeviceId);
 	}
 	eventBus.startEmitting();
-	const test = tryCatchSync(() => connect(sessionId));
+	const test = tryCatchSync(() => connect());
 	if (test.error) {
 		console.error("Error connecting to session:", test.error);
 		useConnectionStore.getState().connectionFailed(test.error.message);
@@ -2864,8 +2896,14 @@ async function _leaveSession() {
 	await useConnectionStore.getState().disconnect();
 }
 const sessionMutex = new Mutex();
-function leaveSession() {
+function leaveSession(options = {}) {
 	return sessionMutex.run(async () => {
+		const isPeerCall = useConfigStore.getState().isPeerCall;
+		const shouldEnd = isPeerCall && !options.forceLeave;
+		if (shouldEnd) {
+			useConferenceStore.getState().endConference();
+			return;
+		}
 		useBaseStore.getState().clearIdealTimeoutTimer();
 		cancelPendingReconnect();
 		await _leaveSession();
@@ -3962,6 +4000,11 @@ const PopupMenu = ({ visible, onClose, options, anchorLayout }) => {
 	return /* @__PURE__ */ jsx(Modal, {
 		transparent: true,
 		animationType: "none",
+		supportedOrientations: [
+			"portrait",
+			"landscape-left",
+			"landscape-right"
+		],
 		onRequestClose: onClose,
 		children: /* @__PURE__ */ jsx(Pressable, {
 			style: styles$27.backdrop,
@@ -5048,6 +5091,11 @@ function ConfirmationDialog() {
 		visible,
 		transparent: true,
 		animationType: "fade",
+		supportedOrientations: [
+			"portrait",
+			"landscape-left",
+			"landscape-right"
+		],
 		onRequestClose: handleBackdropPress,
 		children: /* @__PURE__ */ jsx(Pressable, {
 			style: styles$15.backdrop,
@@ -5852,6 +5900,11 @@ const IdealTimeoutModal = ({ style = {} }) => {
 		transparent: true,
 		visible: idleTimeoutModalVisible,
 		animationType: "none",
+		supportedOrientations: [
+			"portrait",
+			"landscape-left",
+			"landscape-right"
+		],
 		statusBarTranslucent: true,
 		children: /* @__PURE__ */ jsx(TouchableWithoutFeedback, {
 			onPress: handleOverlayPress,
@@ -5904,7 +5957,7 @@ const IdealTimeoutModal = ({ style = {} }) => {
 									})
 								}), /* @__PURE__ */ jsx(TouchableOpacity, {
 									style: [styles$6.button, styles$6.buttonPrimary],
-									onPress: leaveSession,
+									onPress: () => leaveSession(),
 									activeOpacity: .8,
 									children: /* @__PURE__ */ jsx(Text, {
 										style: [commonStyles.bodyMedium, styles$6.buttonPrimaryText],
@@ -5933,6 +5986,7 @@ const styles$6 = StyleSheet.create({
 		borderWidth: 1,
 		borderColor: "#383838",
 		width: "100%",
+		maxWidth: 372,
 		paddingTop: 32,
 		paddingHorizontal: 20,
 		paddingBottom: 20,
@@ -6474,11 +6528,11 @@ function CallUI(props) {
 	const isConferenceJoined = useIsConferenceJoined();
 	useLayoutEffect(() => {
 		eventBus.publish({ type: INTERNAL_EVENTS.lifecycle.componentDidMount });
-		updateConfig(props.callSettings);
+		updateConfig(props.sessionSettings);
 		return () => {
 			eventBus.publish({ type: INTERNAL_EVENTS.lifecycle.componentWillUnmount }, true);
 		};
-	}, [props.callSettings]);
+	}, [props.sessionSettings]);
 	useEffect(() => {
 		useBaseStore.setState({ sdkPlatform: Platform.OS });
 		startSession();
@@ -6495,13 +6549,13 @@ function CallUI(props) {
 	useEffect(() => {
 		if (Platform.OS === "android") {
 			AudioModeModule_default.setMode(type === SESSION_TYPE.VOICE ? AudioModeModule_default.AUDIO_CALL : AudioModeModule_default.VIDEO_CALL);
-			if (props.callSettings.audioMode) {
-				AudioModeModule_default.setAudioDevice(props.callSettings.audioMode);
+			if (props.sessionSettings.audioMode) {
+				AudioModeModule_default.setAudioDevice(props.sessionSettings.audioMode);
 			}
 		} else if (Platform.OS === "ios") {
 			AudioModeModule_default.updateDeviceList();
 		}
-	}, [props.callSettings.audioMode, type]);
+	}, [props.sessionSettings.audioMode, type]);
 	if (isPIPLayoutEnabled) {
 		return /* @__PURE__ */ jsx(PiPTile_default, {});
 	}
@@ -6793,8 +6847,8 @@ async function callVerifyTokenAPI({ appId, region, calltoken, baseURL }) {
 }
 
 //#endregion
-//#region src/AppRN.tsx
-function App(props) {
+//#region src/AppReactNativeSDK.tsx
+function AppReactNativeSDK(props) {
 	const [internalSettings, setInternalSettings] = React.useState(null);
 	const [infoMessage, setInfoMessage] = React.useState(null);
 	useEffect(() => {
@@ -6806,7 +6860,7 @@ function App(props) {
 	}, []);
 	useEffect(() => {
 		const listeners = [];
-		const cs = props.callSettings ?? {};
+		const cs = props.sessionSettings ?? {};
 		if (cs.listener?.onUserJoined) {
 			listeners.push(CometChatCalls.addEventListener("onParticipantJoined", cs.listener.onUserJoined));
 		}
@@ -6844,7 +6898,7 @@ function App(props) {
 				listener();
 			});
 		};
-	}, [props.callSettings]);
+	}, [props.sessionSettings]);
 	useEffect(() => {
 		callVerifyTokenAPI({
 			appId: CometChatCalls.appSettings?.appId || "",
@@ -6873,14 +6927,12 @@ function App(props) {
 			visible: true
 		});
 	}
-	return /* @__PURE__ */ jsx(index_native_default, { callSettings: {
-		...props.callSettings,
-		...convertLegacyCallSettingsToV5Props(props?.callSettings ?? {}),
+	return /* @__PURE__ */ jsx(index_native_default, { sessionSettings: {
+		...props.sessionSettings,
+		...convertLegacyCallSettingsToV5Props(props?.sessionSettings ?? {}),
 		internalSettings
 	} });
 }
-var AppRN_default = App;
-const AppComponent = App;
 
 //#endregion
 //#region src/v4/Constants.ts
@@ -10613,7 +10665,7 @@ var CometChatCalls = class extends SessionMethodsCore {
 	static OngoingCallListener = OngoingCallListener;
 	static CallSettingsBuilder = CallSettingsBuilder;
 	static CallAppSettingsBuilder = CallAppSettingsBuilder;
-	static Component = AppComponent;
+	static Component = AppReactNativeSDK;
 	/**
 	* Initializes the CometChat Calls SDK with the provided app settings.
 	* Must be called before any other SDK methods.
@@ -10704,7 +10756,6 @@ var CometChatCalls = class extends SessionMethodsCore {
 			if (this.loggedInUser && this.loggedInUser.uid !== uid) {
 				await this.logoutInternal();
 			}
-			console.log("Logging in user with UID:", uid);
 			const authToken = await this.loginWithUID(uid, resolvedAuthKey);
 			const user = await this.authenticateWithToken(authToken);
 			this.loginInProgress = false;
@@ -11073,10 +11124,23 @@ var CometChatCalls = class extends SessionMethodsCore {
 	* Adds an event listener for SDK events.
 	* @param eventType - The type of event to listen for.
 	* @param listener - The callback function to invoke when the event fires.
+	* @param options - Optional configuration including an AbortSignal for automatic cleanup.
 	* @returns An unsubscribe function to remove the listener.
 	*/
-	static addEventListener(eventType, listener) {
-		return eventBus.subscribe(eventType, listener);
+	static addEventListener(eventType, listener, options) {
+		return eventBus.subscribe(eventType, listener, options);
+	}
+	/**
+	* Enables Picture-in-Picture (PIP) layout during the call.
+	*/
+	static enablePictureInPictureLayout() {
+		enablePictureInPictureLayout();
+	}
+	/**
+	* Disables Picture-in-Picture (PIP) layout.
+	*/
+	static disablePictureInPictureLayout() {
+		disablePictureInPictureLayout();
 	}
 };