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

package/dist/index.mjs

@@ -5,6 +5,7 @@ import { combine, persist, subscribeWithSelector } from "zustand/middleware";
 import { shallow } from "zustand/shallow";
 import React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import JitsiMeetJS from "lib-jitsi-meet";
+import AsyncStorage from "@react-native-async-storage/async-storage";
 import { ActivityIndicator, Animated, AppState, DeviceEventEmitter, Dimensions, FlatList, Image, Modal, NativeEventEmitter, NativeModules, PanResponder, Platform, Pressable, ScrollView, StyleSheet, Text, TextInput, TouchableOpacity, TouchableWithoutFeedback, View } from "react-native";
 import { RTCView, permissions } from "react-native-webrtc";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -44,17 +45,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();
@@ -104,10 +112,12 @@ const VIDEO_QUALITY_LEVELS = {
 	LOW: 180,
 	NONE: 0
 };
-const PLATFORM = {
+const SDK_PLATFORM = {
 	WEB: "web",
 	ANDROID: "android",
-	IOS: "ios"
+	IOS: "ios",
+	REACT_NATIVE_ANDROID: "react-native-android",
+	REACT_NATIVE_IOS: "react-native-ios"
 };
 const EVENT_LISTENER_METHODS = {
 	SessionStatusListener: {
@@ -222,7 +232,7 @@ function calculateTileLayout(containerWidth, containerHeight, numberOfTiles) {
 	const tileArea = totalArea / numberOfTiles;
 	const minArea = MIN_TILE_WIDTH * MIN_TILE_WIDTH * MIN_ASPECT_RATIO;
 	if (tileArea < minArea) {
-		const columnCount$1 = Math.floor(containerWidth / MIN_TILE_WIDTH);
+		const columnCount$1 = Math.max(2, Math.floor(containerWidth / MIN_TILE_WIDTH));
 		const rowCount$1 = Math.ceil(numberOfTiles / columnCount$1);
 		const totalHorizontalGap$1 = columnCount$1 * GRID_GAP;
 		const tileWidth$1 = (containerWidth - totalHorizontalGap$1) / columnCount$1;
@@ -405,12 +415,37 @@ function isDeviceEqual(device1, device2) {
 function getDefaultDevice(devices) {
 	return devices.find((device) => device.deviceId === "default") || devices[0];
 }
+/**
+* Returns a promise that resolves when the given Zustand store
+* satisfies the provided predicate. Resolves immediately if the
+* condition is already met. Includes a timeout to avoid hanging
+* forever (defaults to 5 000 ms).
+*/
+function waitForStoreState(store, predicate, timeoutMs = 5e3) {
+	return new Promise((resolve, reject) => {
+		if (predicate(store.getState())) {
+			resolve();
+			return;
+		}
+		const timer = setTimeout(() => {
+			unsubscribe();
+			reject(new Error("waitForStoreState timed out"));
+		}, timeoutMs);
+		const unsubscribe = store.subscribe((state) => {
+			if (predicate(state)) {
+				clearTimeout(timer);
+				unsubscribe();
+				resolve();
+			}
+		});
+	});
+}
 
 //#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
@@ -467,6 +502,13 @@ var SessionMethodsCore = class {
 		unMuteAudioTrack();
 	}
 	/**
+	* Toggles the local user's audio mute state.
+	* If audio is muted, it will be unmuted, and vice versa.
+	*/
+	static toggleAudio() {
+		toggleAudioTrack();
+	}
+	/**
 	* Pauses the local user's video stream.
 	*/
 	static pauseVideo() {
@@ -479,22 +521,17 @@ var SessionMethodsCore = class {
 		resumeVideoTrack();
 	}
 	/**
-	* Local user leaves the current session.
-	*/
-	static leaveSession() {
-		leaveSession();
-	}
-	/**
-	* Starts sharing the user's screen with other participants.
+	* Toggles the local user's video stream.
+	* If video is paused, it will be resumed, and vice versa.
 	*/
-	static startScreenSharing() {
-		startScreenSharing();
+	static toggleVideo() {
+		toggleVideoTrack();
 	}
 	/**
-	* Stops the ongoing screen sharing session.
+	* Local user leaves the current session.
 	*/
-	static stopScreenSharing() {
-		stopScreenSharing();
+	static leaveSession() {
+		leaveSession();
 	}
 	/**
 	* Raises the user's virtual hand in the call.
@@ -509,6 +546,13 @@ var SessionMethodsCore = class {
 		lowerHandLocal();
 	}
 	/**
+	* Toggles the user's virtual hand state.
+	* If the hand is raised, it will be lowered, and vice versa.
+	*/
+	static toggleHand() {
+		toggleRaiseHand();
+	}
+	/**
 	* Switches between the front and rear camera.
 	*/
 	static switchCamera() {
@@ -524,22 +568,21 @@ var SessionMethodsCore = class {
 	/**
 	* Starts recording the call.
 	*/
-	static startRecording() {}
+	static startRecording() {
+		startRecording();
+	}
 	/**
 	* Stops the ongoing call recording.
 	*/
-	static stopRecording() {}
-	/**
-	* Enables Picture-in-Picture (PIP) layout during the call.
-	*/
-	static enablePictureInPictureLayout() {
-		enablePictureInPictureLayout();
+	static stopRecording() {
+		stopRecording();
 	}
 	/**
-	* Disables Picture-in-Picture (PIP) layout.
+	* Toggles the call recording state.
+	* If recording is active, it will be stopped, and vice versa.
 	*/
-	static disablePictureInPictureLayout() {
-		disablePictureInPictureLayout();
+	static toggleRecording() {
+		toggleRecording();
 	}
 	/**
 	* Pins a participant's video to focus on them.
@@ -577,16 +620,22 @@ var SessionMethodsCore = class {
 		setChatButtonUnreadCount(count);
 	}
 	/**
-	* @deprecated use startScreenSharing() instead
+	* Toggles the visibility of the participant list panel.
+	*/
+	static toggleParticipantList() {
+		toggleParticipantList();
+	}
+	/**
+	* Shows the participant list panel.
 	*/
-	static startScreenShare() {
-		this.startScreenSharing();
+	static showParticipantList() {
+		showParticipantList();
 	}
 	/**
-	* @deprecated use stopScreenSharing() instead
+	* Hides the participant list panel.
 	*/
-	static stopScreenShare() {
-		this.stopScreenSharing();
+	static hideParticipantList() {
+		hideParticipantList();
 	}
 	/**
 	* @deprecated switchToVideoCall is deprecated and not supported.
@@ -679,6 +728,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 +948,6 @@ const initialState$7 = {
 	hideLeaveSessionButton: false,
 	hideToggleAudioButton: false,
 	hideParticipantListButton: false,
-	hideSwitchLayoutButton: false,
 	hideChatButton: true,
 	hideToggleVideoButton: false,
 	hideScreenSharingButton: false,
@@ -895,7 +964,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) => {
@@ -923,10 +994,16 @@ const initialState$6 = {
 };
 const useParticipantStore = create()(subscribeWithSelector(combine(initialState$6, (set, get$1) => ({
 	addParticipant: (participant) => {
-		set((state) => ({ participants: [...state.participants, participant] }));
+		set((state) => ({ participants: state.participants.some((p) => p.pid === participant.pid) ? state.participants.map((p) => p.pid === participant.pid ? {
+			...p,
+			...participant
+		} : p) : [...state.participants, participant] }));
 	},
 	addVirtualParticipant: (participant) => {
-		set((state) => ({ virtualParticipants: [...state.virtualParticipants, participant] }));
+		set((state) => ({ virtualParticipants: state.virtualParticipants.some((p) => p.pid === participant.pid && p.type === participant.type) ? state.virtualParticipants.map((p) => p.pid === participant.pid && p.type === participant.type ? {
+			...p,
+			...participant
+		} : p) : [...state.virtualParticipants, participant] }));
 	},
 	clearParticipants: () => set({
 		participants: [],
@@ -1163,6 +1240,8 @@ const useConferenceStore = create()(subscribeWithSelector(combine(initialState$5
 		sendParticipantEvent(EVENT_LISTENER_METHODS.ParticipantEventsListner.onParticipantHandRaised, participantId);
 	},
 	lowerHand: (participantId) => {
+		const hasRaisedHand = useConferenceStore.getState().raiseHandMap.has(participantId);
+		if (!hasRaisedHand) return;
 		set((state) => {
 			const raiseHandMap = new Map(state.raiseHandMap);
 			raiseHandMap.delete(participantId);
@@ -1173,13 +1252,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) {
@@ -1351,6 +1439,12 @@ const useTracksStore = create()(subscribeWithSelector(combine(initialState$4, (s
 			muted: originalTrack.isMuted() ? 1 : 0,
 			originalTrack
 		};
+		const existingIdx = state.tracks.findIndex((t) => t.pid === participantId && t.mediaType === track.mediaType && t.local === isLocal);
+		if (existingIdx !== -1) {
+			const tracks = [...state.tracks];
+			tracks[existingIdx] = track;
+			return { tracks };
+		}
 		return { tracks: [...state.tracks, track] };
 	}),
 	removeTrack: (originalTrack) => set((state) => ({ tracks: state.tracks.filter((track) => track.originalTrack !== originalTrack) })),
@@ -1552,8 +1646,13 @@ useTracksStore.subscribe((state) => state.tracks.find((t) => t.mediaType === MED
 	}
 	if (track) {
 		const deviceId = track.getDeviceId();
-		const device = useBaseStore.getState().audioInputDevices.find((d) => d.deviceId === deviceId);
-		updateAudioInputDeviceState(device, true);
+		waitForStoreState(useBaseStore, (state) => state.audioInputDevices.length > 0).then(() => {
+			const audioInputDevices = useBaseStore.getState().audioInputDevices;
+			const device = audioInputDevices.find((d) => d.deviceId === deviceId);
+			updateAudioInputDeviceState(device, true);
+		}).catch(() => {
+			updateAudioInputDeviceState(undefined, true);
+		});
 	}
 });
 useTracksStore.subscribe((state) => state.tracks.find((t) => t.mediaType === MEDIA_TYPE.VIDEO && t.local)?.originalTrack, (track, prevTrack) => {
@@ -1735,7 +1834,7 @@ const initialState$3 = {
 	desktopSharingFrameRate: 5,
 	chatButtonUnreadCount: 0,
 	enableNoiseReduction: true,
-	sdkPlatform: PLATFORM.WEB,
+	sdkPlatform: SDK_PLATFORM.WEB,
 	webOSName: "unknown",
 	isMobileBrowser: false,
 	visibleParticipants: {
@@ -1759,11 +1858,11 @@ const useBaseStore = create()(subscribeWithSelector(persist(combine(initialState
 	toggleParticipantListVisible: () => set((state) => ({ participantListVisible: !state.participantListVisible })),
 	incrementConnectionRetryCount: () => set((state) => ({ connectionRetryCount: state.connectionRetryCount + 1 })),
 	isMobileSDK: () => {
-		const isMobileSDK = get$1().sdkPlatform === "android" || get$1().sdkPlatform === "ios";
+		const isMobileSDK = get$1().sdkPlatform !== "web";
 		return isMobileSDK;
 	},
 	isMobile: () => {
-		const isMobileSDK = get$1().sdkPlatform === "android" || get$1().sdkPlatform === "ios";
+		const isMobileSDK = get$1().sdkPlatform !== "web";
 		const isMobileBrowser = get$1().isMobileBrowser;
 		return isMobileSDK || isMobileBrowser;
 	},
@@ -1809,6 +1908,7 @@ const useBaseStore = create()(subscribeWithSelector(persist(combine(initialState
 const toggleParticipantListVisible = useBaseStore.getState().toggleParticipantListVisible;
 const hideParticipantList = () => useBaseStore.setState({ participantListVisible: false });
 const showParticipantList = () => useBaseStore.setState({ participantListVisible: true });
+const toggleParticipantList = () => useBaseStore.setState((state) => ({ participantListVisible: !state.participantListVisible }));
 const toggleMoreMenuVisible = useBaseStore.getState().toggleMoreMenuVisible;
 const toggleAudioModeMenuVisible = () => {
 	useBaseStore.setState((state) => ({ audioModeMenuVisible: !state.audioModeMenuVisible }));
@@ -1857,6 +1957,9 @@ const toggleEnableNoiseReduction = () => {
 const setChatButtonUnreadCount = (count) => {
 	useBaseStore.setState({ chatButtonUnreadCount: count });
 };
+const setAudioMode = (mode) => {
+	useBaseStore.setState({ selectedAudioModeType: mode });
+};
 const getLayout = () => {
 	return useBaseStore.getState().layout;
 };
@@ -2023,12 +2126,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);
@@ -2095,8 +2220,21 @@ const getMainParticipant = () => {
 const useIsReconnecting = () => {
 	const connectionStatus = useConnectionStore((state) => state.connectionStatus);
 	const conferenceStatus = useConferenceStore((state) => state.conferenceStatus);
-	const reconnecting = connectionStatus === "connected" && conferenceStatus === "interrupted";
-	return reconnecting;
+	const isP2P = useConferenceStore((state) => state.p2p);
+	const [isOnline, setIsOnline] = useState(true);
+	useEffect(() => {
+		if (typeof window === "undefined") return;
+		const controller = new AbortController();
+		const { signal } = controller;
+		window.addEventListener("online", () => setIsOnline(true), { signal });
+		window.addEventListener("offline", () => setIsOnline(false), { signal });
+		return () => controller.abort();
+	}, []);
+	const interrupted = connectionStatus === "connected" && conferenceStatus === "interrupted";
+	if (isP2P && interrupted && isOnline) {
+		return false;
+	}
+	return interrupted;
 };
 const useHideRecordingButton = () => {
 	const hideRecordingButton = useConfigStore((state) => state.hideRecordingButton);
@@ -2174,6 +2312,11 @@ const useIsVideoInputSelectionSupported = () => {
 	const isVideoInputSelectionSupported = hasVideoPermission && videoInputDevices.length > 0;
 	return isVideoInputSelectionSupported;
 };
+const useShouldMirrorLocalVideo = () => {
+	const mirrorLocalVideo = useBaseStore((state) => state.mirrorLocalVideo);
+	const cameraFacing = useBaseStore((state) => state.cameraFacing);
+	return cameraFacing === "user" && mirrorLocalVideo;
+};
 
 //#endregion
 //#region calls-sdk-core/store/utils/switch-camera.ts
@@ -2346,8 +2489,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,
@@ -2393,17 +2541,19 @@ var ConferenceListener = class {
 		useConferenceStore.setState({ p2p });
 	}
 	onTrackMuteChanged(track, participantThatMutedUs) {
-		if (participantThatMutedUs) {
-			useTracksStore.getState().updateTrack(track, { muted: track.isMuted() ? 1 : 0 });
-			const displayName = participantThatMutedUs.getDisplayName();
-			if (displayName) {
-				eventBus.publish({
-					type: INTERNAL_EVENTS.notification,
-					payload: {
-						type: "info",
-						message: `${displayName} has muted you.`
-					}
-				});
+		if (track.isLocal()) {
+			useTracksStore.getState().updateLocalTrack(track.getType(), { muted: track.isMuted() ? 1 : 0 });
+			if (participantThatMutedUs) {
+				const displayName = participantThatMutedUs.getDisplayName();
+				if (displayName) {
+					eventBus.publish({
+						type: INTERNAL_EVENTS.notification,
+						payload: {
+							type: "info",
+							message: `${displayName} has muted you.`
+						}
+					});
+				}
 			}
 		}
 	}
@@ -2458,6 +2608,24 @@ var ConferenceListener = class {
 			useParticipantStore.getState().updateParticipant(participantId, { role: newRole });
 		}
 	}
+	onTrackUnmuteRejected(track) {
+		if (!track.isLocal()) {
+			return;
+		}
+		const mediaType = track.getType();
+		track.dispose().catch(() => {});
+		useTracksStore.getState().updateLocalTrack(mediaType, {
+			originalTrack: undefined,
+			muted: 1
+		});
+		eventBus.publish({
+			type: INTERNAL_EVENTS.notification,
+			payload: {
+				type: "info",
+				message: `Your ${mediaType} unmute was rejected.`
+			}
+		});
+	}
 	onTalkWhileMuted() {}
 	onConferenceError(error) {
 		console.error("Conference error:", error);
@@ -2536,6 +2704,7 @@ function addConferenceListeners(conference) {
 	conference.on(JitsiMeetJS.events.conference.PARTICIPANT_PROPERTY_CHANGED, conferenceListener.onParticipantPropertyChanged);
 	conference.on(JitsiMeetJS.events.conference.USER_ROLE_CHANGED, conferenceListener.onUserRoleChanged);
 	conference.on(JitsiMeetJS.events.conference.TALK_WHILE_MUTED, conferenceListener.onTalkWhileMuted);
+	conference.on(JitsiMeetJS.events.conference.TRACK_UNMUTE_REJECTED, conferenceListener.onTrackUnmuteRejected);
 	conference.on(JitsiMeetJS.events.conference.TRACK_AUDIO_LEVEL_CHANGED, conferenceListener.onTrackAudioLevelChanged);
 	conference.addCommandListener(CONFERENCE_COMMANDS.userInfo, (data, id) => {
 		const vData = v.safeParse(UserInfoCommandSchema, safeParseJson(data.value));
@@ -2547,17 +2716,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 +2747,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 +2772,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 +2793,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();
@@ -2805,6 +2992,7 @@ var Mutex = class {
 //#region calls-sdk-core/handlers/init.ts
 function initializeLib() {
 	JitsiMeetJS.init();
+	JitsiMeetJS.setLogLevel(JitsiMeetJS.logLevels.ERROR);
 	console.log("JitsiMeetJS initialized successfully.");
 }
 
@@ -2813,6 +3001,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 +3014,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 +3037,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,10 +4141,16 @@ 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,
 			onPress: onClose,
+			testID: "cometchat-popup-menu-backdrop",
 			children: /* @__PURE__ */ jsx(Animated.View, {
 				style: [styles$27.menu, {
 					[isBelowMiddle ? "bottom" : "top"]: isBelowMiddle ? callContainerDimension.height - (y - 4) : y + height + 4,
@@ -3986,6 +4171,7 @@ const PopupMenu = ({ visible, onClose, options, anchorLayout }) => {
 					},
 					activeOpacity: option.selected ? DISABLED_OPTION_OPACITY : .2,
 					style: [styles$27.menuItem, option.selected ? styles$27.menuItemSelected : {}],
+					testID: `cometchat-popup-menu-option-${index}`,
 					children: [option.iconName && /* @__PURE__ */ jsx(Icon_native_default, {
 						name: option.iconName,
 						size: 24,
@@ -4147,6 +4333,7 @@ const MoreOptionButton = ({ ruid }) => {
 		ref: buttonRef,
 		style: styles$4.moreButton,
 		onPress: showMenu,
+		testID: "cometchat-participant-more-options-button",
 		children: /* @__PURE__ */ jsx(Icon_native_default, {
 			name: "more",
 			size: 20,
@@ -4316,6 +4503,7 @@ const Tile = ({ participant, style, zOrder, showLabel = true, disablePress = fal
 	const videoTrack = useTrackByParticipantId(pid, type === "screen-share" ? MEDIA_TYPE.SCREENSHARE : MEDIA_TYPE.VIDEO)?.originalTrack;
 	const videoMuted = useTrackMuted(type === "screen-share" ? MEDIA_TYPE.SCREENSHARE : MEDIA_TYPE.VIDEO, pid);
 	const enableParticipantContextMenu = useEnableParticipantContextMenu();
+	const shouldMirror = useShouldMirrorLocalVideo();
 	const [size, fontSize] = React.useMemo(() => {
 		const flatStyle = StyleSheet.flatten(style);
 		const width$1 = flatStyle?.width;
@@ -4333,6 +4521,7 @@ const Tile = ({ participant, style, zOrder, showLabel = true, disablePress = fal
 		activeOpacity: 1,
 		disabled: disablePress,
 		style: [styles$24.callScreen, style],
+		testID: `cometchat-tile-${pid}`,
 		children: [
 			/* @__PURE__ */ jsx(View, {
 				style: styles$24.tileAvatar,
@@ -4348,7 +4537,7 @@ const Tile = ({ participant, style, zOrder, showLabel = true, disablePress = fal
 				objectFit: type === "screen-share" ? "contain" : "cover",
 				muted: videoMuted,
 				zOrder,
-				mirror: isLocal
+				mirror: isLocal && type !== "screen-share" && shouldMirror
 			}),
 			showLabel && /* @__PURE__ */ jsx(Label_native_default, { participant }),
 			enableParticipantContextMenu && /* @__PURE__ */ jsx(View, {
@@ -4407,6 +4596,7 @@ const GroupAvatarTile = ({ startIndex = 4, style }) => {
 	const overflowCount = Math.max(0, participantCount - startIndex - 3);
 	const visible = participants.slice(startIndex, startIndex + (overflowCount === 1 ? 4 : 3));
 	return /* @__PURE__ */ jsxs(TouchableOpacity, {
+		testID: "cometchat-group-avatar-tile",
 		style: [styles$23.container, style],
 		onPress: toggleParticipantListVisible,
 		children: [/* @__PURE__ */ jsx(View, {
@@ -4514,6 +4704,7 @@ function SidebarLayout() {
 	const mainParticipant = useMainParticipant();
 	const participants = allParticipants.length > 1 ? [mainParticipant].concat(allParticipants) : [mainParticipant];
 	return /* @__PURE__ */ jsxs(View, {
+		testID: "cometchat-sidebar-layout",
 		style: styles$22.container,
 		children: [
 			/* @__PURE__ */ jsx(Tile_native_default, {
@@ -4650,23 +4841,26 @@ const Spotlight = () => {
 	if (otherParticipant) {
 		spotlightParticipants.push(otherParticipant);
 	}
-	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Tile_native_default, {
-		participant: spotlightParticipants[0],
-		disablePress: true
-	}, spotlightParticipants[0].ruid), spotlightParticipants[1] && /* @__PURE__ */ jsx(Pan, {
-		disableDrag: !enableSpotlightDrag,
-		layout: {
-			width: mainAreaDimension.width,
-			height: mainAreaDimension.height
-		},
-		children: /* @__PURE__ */ jsx(Tile_native_default, {
-			showLabel: false,
-			disablePress: !enableSpotlightSwap,
-			participant: spotlightParticipants[1],
-			style: styles$20.panTile,
-			zOrder: 1
-		}, spotlightParticipants[1].ruid)
-	})] });
+	return /* @__PURE__ */ jsxs(View, {
+		testID: "cometchat-spotlight-layout",
+		children: [/* @__PURE__ */ jsx(Tile_native_default, {
+			participant: spotlightParticipants[0],
+			disablePress: true
+		}, spotlightParticipants[0].ruid), spotlightParticipants[1] && /* @__PURE__ */ jsx(Pan, {
+			disableDrag: !enableSpotlightDrag,
+			layout: {
+				width: mainAreaDimension.width,
+				height: mainAreaDimension.height
+			},
+			children: /* @__PURE__ */ jsx(Tile_native_default, {
+				showLabel: false,
+				disablePress: !enableSpotlightSwap,
+				participant: spotlightParticipants[1],
+				style: styles$20.panTile,
+				zOrder: 1
+			}, spotlightParticipants[1].ruid)
+		})]
+	});
 };
 const styles$20 = StyleSheet.create({ panTile: {
 	borderColor: "#1A1A1A",
@@ -4699,6 +4893,7 @@ function TileLayout() {
 		participantCount: isPIPLayoutEnabled ? 1 : participants.length
 	});
 	return /* @__PURE__ */ jsx(FlatList, {
+		testID: "cometchat-tile-layout",
 		data: isPIPLayoutEnabled ? [mainParticipant] : participants,
 		renderItem: ({ item }) => /* @__PURE__ */ jsx(Tile_native_default, {
 			participant: item,
@@ -5048,10 +5243,16 @@ function ConfirmationDialog() {
 		visible,
 		transparent: true,
 		animationType: "fade",
+		supportedOrientations: [
+			"portrait",
+			"landscape-left",
+			"landscape-right"
+		],
 		onRequestClose: handleBackdropPress,
 		children: /* @__PURE__ */ jsx(Pressable, {
 			style: styles$15.backdrop,
 			onPress: handleBackdropPress,
+			testID: "cometchat-confirmation-dialog-backdrop",
 			children: /* @__PURE__ */ jsx(View, {
 				style: styles$15.dialog,
 				children: /* @__PURE__ */ jsxs(View, {
@@ -5094,7 +5295,7 @@ function ConfirmationDialog() {
 //#endregion
 //#region src/ui/bottom-sheet/BottomSheet.native.tsx
 const SCREEN_HEIGHT = Dimensions.get("window").height;
-const BottomSheet = ({ children, isVisible, onClose, maxHeight = SCREEN_HEIGHT * .4 }) => {
+const BottomSheet = ({ children, isVisible, onClose, maxHeight = SCREEN_HEIGHT * .4, testID }) => {
 	const visibleTranslateY = SCREEN_HEIGHT - maxHeight;
 	const hiddenTranslateY = useRef(SCREEN_HEIGHT).current;
 	const animatedValue = useRef(new Animated.Value(hiddenTranslateY)).current;
@@ -5120,8 +5321,10 @@ const BottomSheet = ({ children, isVisible, onClose, maxHeight = SCREEN_HEIGHT *
 	const bottomSheetAnimation = { transform: [{ translateY: animatedValue }] };
 	return /* @__PURE__ */ jsxs(Fragment, { children: [isVisible && /* @__PURE__ */ jsx(TouchableWithoutFeedback, {
 		onPress: onClose,
+		testID: "cometchat-bottom-sheet-backdrop",
 		children: /* @__PURE__ */ jsx(View, { style: styles$14.backdrop })
 	}), /* @__PURE__ */ jsxs(Animated.View, {
+		testID,
 		style: [
 			styles$14.bottomSheet,
 			bottomSheetAnimation,
@@ -5179,8 +5382,9 @@ var BottomSheet_native_default = BottomSheet;
 
 //#endregion
 //#region src/ui/control-pane/MenuItem.native.tsx
-const MenuItem = ({ iconName, label, onPress, selected = false }) => {
+const MenuItem = ({ iconName, label, onPress, selected = false, testID }) => {
 	return /* @__PURE__ */ jsxs(TouchableOpacity, {
+		testID,
 		onPress: () => {
 			hideAllBottomSheets();
 			onPress();
@@ -5233,6 +5437,7 @@ const AudioModesMenu = ({ isVisible, onClose }) => {
 			style: [commonStyles.bodyRegular, styles$12.noItemsText],
 			children: "No audio modes available"
 		}), audioModes.map((mode, index) => /* @__PURE__ */ jsx(MenuItem_native_default, {
+			testID: `cometchat-menu-item-audio-${mode.type.toLowerCase()}`,
 			iconName: AUDIO_MODE_TYPE_ICON_MAP[mode.type],
 			label: mode.type,
 			selected: mode.selected,
@@ -5284,6 +5489,7 @@ const AudioModeButton = () => {
 		style: controlPaneStyles.controlButton,
 		onPress: toggleAudioModeMenuVisible,
 		activeOpacity: .7,
+		testID: "cometchat-audio-mode-button",
 		children: /* @__PURE__ */ jsx(Icon_native_default, {
 			name: "speaker-fill",
 			fill: "#FFF",
@@ -5309,6 +5515,7 @@ const AudioControl = () => {
 		style: [controlPaneStyles.controlButton, muted && controlPaneStyles.toggledButton],
 		onPress,
 		activeOpacity: .7,
+		testID: "cometchat-audio-toggle-button",
 		children: /* @__PURE__ */ jsx(Icon_native_default, {
 			name: muted ? "mic-off-fill" : "mic-fill",
 			fill: muted ? "#9F3032" : "#FFF",
@@ -5334,6 +5541,7 @@ const VideoControl = () => {
 		style: [controlPaneStyles.controlButton, videoMuted && controlPaneStyles.toggledButton],
 		onPress,
 		activeOpacity: .7,
+		testID: "cometchat-video-toggle-button",
 		children: /* @__PURE__ */ jsx(Icon_native_default, {
 			name: videoMuted ? "video-off-fill" : "video-fill",
 			fill: videoMuted ? "#9F3032" : "#FFF",
@@ -5358,6 +5566,7 @@ const LeaveSessionButton = () => {
 		style: [controlPaneStyles.controlButton, controlPaneStyles.leaveSessionButton],
 		onPress,
 		activeOpacity: .7,
+		testID: "cometchat-leave-session-button",
 		children: /* @__PURE__ */ jsx(Icon_native_default, {
 			name: "call-end",
 			fill: "#FFF",
@@ -5374,6 +5583,7 @@ const MoreMenuButton = () => {
 		style: controlPaneStyles.controlButton,
 		onPress: toggleMoreMenuVisible,
 		activeOpacity: .7,
+		testID: "cometchat-more-menu-button",
 		children: /* @__PURE__ */ jsx(Icon_native_default, {
 			name: "more",
 			fill: "#FFF",
@@ -5449,22 +5659,26 @@ const MoreMenu = ({ isVisible, onClose }) => {
 		toggleParticipantListVisible();
 	}, []);
 	return /* @__PURE__ */ jsx(BottomSheet_native_default, {
+		testID: "cometchat-more-menu-bottom-sheet",
 		maxHeight: bottomSheetMaxHeight,
 		isVisible,
 		onClose,
 		children: /* @__PURE__ */ jsxs(ScrollView, { children: [
 			numberOfVisibleItems === 0 && /* @__PURE__ */ jsx(Text, {
+				testID: "cometchat-more-menu-empty-state",
 				style: [commonStyles.bodyRegular, styles$11.noItemsText],
 				children: "No options available"
 			}),
 			!hideScreenSharingButton && /* @__PURE__ */ jsx(ScreenShareButton_default, {}),
 			!hideRaiseHandButton && /* @__PURE__ */ jsx(MenuItem_native_default, {
+				testID: "cometchat-menu-item-raise-hand",
 				iconName: "raise-hand-fill",
 				label: raiseHandTimestamp ? "Lower Hand" : "Raise Hand",
 				onPress: onRaiseHandPress,
 				selected: Boolean(raiseHandTimestamp)
 			}),
 			!hideRecordingButton && /* @__PURE__ */ jsx(MenuItem_native_default, {
+				testID: isRecording ? "cometchat-menu-item-stop-recording" : "cometchat-menu-item-start-recording",
 				iconName: isRecording ? "record-stop-fill" : "record-fill",
 				label: isRecording ? "Stop Recording" : "Start Recording",
 				onPress: () => {
@@ -5475,6 +5689,7 @@ const MoreMenu = ({ isVisible, onClose }) => {
 				}
 			}),
 			!hideParticipantListButton && /* @__PURE__ */ jsx(MenuItem_native_default, {
+				testID: "cometchat-menu-item-participants",
 				iconName: "participants",
 				label: "Participants",
 				onPress: onParticipantListPress
@@ -5601,6 +5816,7 @@ const ChangeLayout = () => {
 			eventBus.publish({ type: EVENT_LISTENER_METHODS.ButtonClickListener.onChangeLayoutButtonClicked });
 			showMenu();
 		},
+		testID: "cometchat-change-layout-button",
 		children: /* @__PURE__ */ jsx(Icon_native_default, {
 			name: "tile-fill",
 			fill: "#FFFFFF"
@@ -5653,6 +5869,7 @@ const ChatButton = () => {
 	return /* @__PURE__ */ jsxs(TouchableOpacity, {
 		style: [styles$9.iconButton],
 		onPress,
+		testID: "cometchat-chat-button",
 		children: [/* @__PURE__ */ jsx(Icon_native_default, {
 			name: "chat",
 			fill: "#FFFFFF"
@@ -5709,6 +5926,7 @@ const SwitchCamera = () => {
 		return null;
 	}
 	return /* @__PURE__ */ jsx(TouchableOpacity, {
+		testID: "cometchat-switch-camera-button",
 		disabled,
 		style: [styles$8.iconButton, disabled && styles$8.iconButtonDisabled],
 		onPress,
@@ -5741,6 +5959,7 @@ const SessionTimer = () => {
 		return null;
 	}
 	return /* @__PURE__ */ jsx(Text, {
+		testID: "cometchat-session-timer",
 		style: [commonStyles.caption1Regular, styles$7.meetingTime],
 		children: miliSecondsToMMSS(conferenceElapsedTime)
 	});
@@ -5852,69 +6071,80 @@ const IdealTimeoutModal = ({ style = {} }) => {
 		transparent: true,
 		visible: idleTimeoutModalVisible,
 		animationType: "none",
+		supportedOrientations: [
+			"portrait",
+			"landscape-left",
+			"landscape-right"
+		],
 		statusBarTranslucent: true,
 		children: /* @__PURE__ */ jsx(TouchableWithoutFeedback, {
 			onPress: handleOverlayPress,
+			testID: "cometchat-idle-timeout-overlay",
 			children: /* @__PURE__ */ jsx(Animated.View, {
 				style: [styles$6.overlay, { opacity: fadeAnim }],
-				children: /* @__PURE__ */ jsx(TouchableWithoutFeedback, { children: /* @__PURE__ */ jsx(Animated.View, {
-					style: [
-						styles$6.modal,
-						style,
-						{
-							opacity: fadeAnim,
-							transform: [{ scale: scaleAnim }]
-						}
-					],
-					children: /* @__PURE__ */ jsxs(View, {
-						style: styles$6.content,
-						children: [
-							/* @__PURE__ */ jsx(View, {
-								style: styles$6.timerIcon,
-								children: /* @__PURE__ */ jsx(Text, {
-									style: [commonStyles.heading3Bold, styles$6.timerText],
-									children: formattedTime
-								})
-							}),
-							/* @__PURE__ */ jsxs(View, {
-								style: styles$6.textContent,
-								children: [/* @__PURE__ */ jsx(Text, {
-									style: [commonStyles.heading2Medium, styles$6.title],
-									children: "Are you still there?"
-								}), /* @__PURE__ */ jsxs(Text, {
-									style: [commonStyles.bodyRegular, styles$6.subtitle],
-									children: [
-										"You are the only one here, so this call will end in less than ",
-										ceilMinutes,
-										" minute",
-										ceilMinutes > 1 ? "s" : "",
-										". Do you want to stay in this call?"
-									]
-								})]
-							}),
-							/* @__PURE__ */ jsxs(View, {
-								style: styles$6.actions,
-								children: [/* @__PURE__ */ jsx(TouchableOpacity, {
-									style: [styles$6.button, styles$6.buttonSecondary],
-									onPress: onStayInCall,
-									activeOpacity: .8,
+				children: /* @__PURE__ */ jsx(TouchableWithoutFeedback, {
+					testID: "cometchat-idle-timeout-modal",
+					children: /* @__PURE__ */ jsx(Animated.View, {
+						style: [
+							styles$6.modal,
+							style,
+							{
+								opacity: fadeAnim,
+								transform: [{ scale: scaleAnim }]
+							}
+						],
+						children: /* @__PURE__ */ jsxs(View, {
+							style: styles$6.content,
+							children: [
+								/* @__PURE__ */ jsx(View, {
+									style: styles$6.timerIcon,
 									children: /* @__PURE__ */ jsx(Text, {
-										style: [commonStyles.bodyMedium, styles$6.buttonSecondaryText],
-										children: "Stay on the call"
+										style: [commonStyles.heading3Bold, styles$6.timerText],
+										children: formattedTime
 									})
-								}), /* @__PURE__ */ jsx(TouchableOpacity, {
-									style: [styles$6.button, styles$6.buttonPrimary],
-									onPress: leaveSession,
-									activeOpacity: .8,
-									children: /* @__PURE__ */ jsx(Text, {
-										style: [commonStyles.bodyMedium, styles$6.buttonPrimaryText],
-										children: "Leave now"
-									})
-								})]
-							})
-						]
+								}),
+								/* @__PURE__ */ jsxs(View, {
+									style: styles$6.textContent,
+									children: [/* @__PURE__ */ jsx(Text, {
+										style: [commonStyles.heading2Medium, styles$6.title],
+										children: "Are you still there?"
+									}), /* @__PURE__ */ jsxs(Text, {
+										style: [commonStyles.bodyRegular, styles$6.subtitle],
+										children: [
+											"You are the only one here, so this call will end in less than ",
+											ceilMinutes,
+											" minute",
+											ceilMinutes > 1 ? "s" : "",
+											". Do you want to stay in this call?"
+										]
+									})]
+								}),
+								/* @__PURE__ */ jsxs(View, {
+									style: styles$6.actions,
+									children: [/* @__PURE__ */ jsx(TouchableOpacity, {
+										style: [styles$6.button, styles$6.buttonSecondary],
+										onPress: onStayInCall,
+										activeOpacity: .8,
+										testID: "cometchat-idle-timeout-stay-button",
+										children: /* @__PURE__ */ jsx(Text, {
+											style: [commonStyles.bodyMedium, styles$6.buttonSecondaryText],
+											children: "Stay on the call"
+										})
+									}), /* @__PURE__ */ jsx(TouchableOpacity, {
+										style: [styles$6.button, styles$6.buttonPrimary],
+										onPress: () => leaveSession(),
+										activeOpacity: .8,
+										testID: "cometchat-idle-timeout-leave-button",
+										children: /* @__PURE__ */ jsx(Text, {
+											style: [commonStyles.bodyMedium, styles$6.buttonPrimaryText],
+											children: "Leave now"
+										})
+									})]
+								})
+							]
+						})
 					})
-				}) })
+				})
 			})
 		})
 	});
@@ -5933,6 +6163,7 @@ const styles$6 = StyleSheet.create({
 		borderWidth: 1,
 		borderColor: "#383838",
 		width: "100%",
+		maxWidth: 372,
 		paddingTop: 32,
 		paddingHorizontal: 20,
 		paddingBottom: 20,
@@ -6011,6 +6242,7 @@ const ShareInviteButton = () => {
 		style: styles$5.shareButtonContainer,
 		children: /* @__PURE__ */ jsxs(TouchableOpacity, {
 			style: styles$5.shareButton,
+			testID: "cometchat-share-invite-button",
 			onPress: () => {
 				eventBus.publish({ type: "onShareInviteButtonClicked" });
 			},
@@ -6147,6 +6379,7 @@ const ParticipantList = () => {
 				}), /* @__PURE__ */ jsx(TouchableOpacity, {
 					onPress: toggleParticipantListVisible,
 					accessibilityLabel: "Close participants list",
+					testID: "cometchat-participant-list-close-button",
 					children: /* @__PURE__ */ jsx(Icon_native_default, {
 						name: "close",
 						size: 24,
@@ -6168,7 +6401,8 @@ const ParticipantList = () => {
 						style: styles$3.searchInput,
 						value: searchTerm,
 						onChangeText: setSearchTerm,
-						placeholderTextColor: "#858585"
+						placeholderTextColor: "#858585",
+						testID: "cometchat-participant-search-input"
 					})]
 				})
 			}),
@@ -6422,6 +6656,7 @@ function ToastItemView({ toast, onDismiss }) {
 		}), toast.action && /* @__PURE__ */ jsx(Pressable, {
 			style: styles$2.actionButton,
 			onPress: handleActionPress,
+			testID: "cometchat-toast-action-button",
 			children: /* @__PURE__ */ jsx(Text, {
 				style: styles$2.actionText,
 				children: toast.action.label
@@ -6474,13 +6709,17 @@ 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 });
+		if (props.sessionSettings.sdkPlatform) {
+			useBaseStore.setState({ sdkPlatform: props.sessionSettings.sdkPlatform });
+		} else {
+			useBaseStore.setState({ sdkPlatform: Platform.OS === "ios" ? "react-native-ios" : "react-native-android" });
+		}
 		startSession();
 	}, []);
 	useEffect(() => {
@@ -6495,13 +6734,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, {});
 	}
@@ -6630,10 +6869,10 @@ const convertLegacyCallSettingsToV5Props = (callSettings) => {
 	if (cs.defaultAudioMode === "BLUETOOTH" || cs.defaultAudioMode === "EARPIECE" || cs.defaultAudioMode === "HEADPHONES" || cs.defaultAudioMode === "SPEAKER") {
 		v5Props.audioMode = cs.defaultAudioMode;
 	}
-	if (cs.mode === "SPOTLIGHT") {
-		v5Props.layout = "SPOTLIGHT";
-	} else {
-		v5Props.layout = "SIDEBAR";
+	if (typeof cs.layout === "string") {
+		v5Props.layout = cs.layout;
+	} else if (cs.mode === "SPOTLIGHT" || cs.mode === "SIDEBAR") {
+		v5Props.layout = cs.mode;
 	}
 	if (cs.idleTimeoutPeriod) {
 		v5Props.idleTimeoutPeriodAfterPrompt = 6e4;
@@ -6793,8 +7032,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 +7045,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 +7083,7 @@ function App(props) {
 				listener();
 			});
 		};
-	}, [props.callSettings]);
+	}, [props.sessionSettings]);
 	useEffect(() => {
 		callVerifyTokenAPI({
 			appId: CometChatCalls.appSettings?.appId || "",
@@ -6873,14 +7112,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 +10850,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.
@@ -10635,7 +10872,7 @@ var CometChatCalls = class extends SessionMethodsCore {
 		}
 		this.appSettings = parsedAppSettings.output;
 		this.isInitialized = true;
-		const savedUser = this.getSavedUser();
+		const savedUser = await this.getSavedUser();
 		if (savedUser) {
 			let parsedUser;
 			if (typeof savedUser === "string") {
@@ -10704,12 +10941,11 @@ 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;
 			this.loggedInUser = user;
-			this.saveUser(user);
+			await this.saveUser(user);
 			this.notifyLoginSuccess(user);
 			return user;
 		} catch (error) {
@@ -10757,7 +10993,7 @@ var CometChatCalls = class extends SessionMethodsCore {
 			const user = await this.authenticateWithToken(authToken);
 			this.loginInProgress = false;
 			this.loggedInUser = user;
-			this.saveUser(user);
+			await this.saveUser(user);
 			this.notifyLoginSuccess(user);
 			return user;
 		} catch (error) {
@@ -10890,7 +11126,7 @@ var CometChatCalls = class extends SessionMethodsCore {
 				appId
 			},
 			body: {
-				platform: "web",
+				platform: "react-native",
 				deviceId: this.generateDeviceId()
 			}
 		});
@@ -10911,7 +11147,7 @@ var CometChatCalls = class extends SessionMethodsCore {
 				appId
 			},
 			body: {
-				platform: "web",
+				platform: "react-native",
 				deviceId: this.generateDeviceId()
 			}
 		});
@@ -10951,7 +11187,7 @@ var CometChatCalls = class extends SessionMethodsCore {
 			}
 		}
 		this.loggedInUser = null;
-		this.clearSavedUser();
+		await this.clearSavedUser();
 	}
 	static async callGenerateTokenAPI(sessionId, authToken) {
 		const appId = this.appSettings?.appId || "";
@@ -10979,9 +11215,11 @@ var CometChatCalls = class extends SessionMethodsCore {
 			baseURL: this.getBaseURL()
 		});
 	}
-	static saveUser(user) {
+	static getStorageKey() {
+		return `${this.appSettings?.appId}:common_store/user`;
+	}
+	static async saveUser(user) {
 		try {
-			const key = `${this.appSettings?.appId}:common_store/user`;
 			const userWithDefaults = {
 				hasBlockedMe: false,
 				blockedByMe: false,
@@ -10990,31 +11228,28 @@ var CometChatCalls = class extends SessionMethodsCore {
 				role: user.role || "default",
 				wsChannel: user.wsChannel || { identity: `[${this.appSettings?.appId}]${user.uid}` }
 			};
-			localStorage.setItem(key, JSON.stringify(userWithDefaults));
+			await AsyncStorage.setItem(this.getStorageKey(), JSON.stringify(userWithDefaults));
 		} catch (error) {
-			console.warn("Failed to save user to localStorage:", error);
+			console.warn("Failed to save user to AsyncStorage:", error);
 		}
 	}
-	static getSavedUser() {
+	static async getSavedUser() {
 		try {
-			const key = `${this.appSettings?.appId}:common_store/user`;
-			const savedUser = localStorage.getItem(key);
-			return savedUser ? savedUser : null;
+			return await AsyncStorage.getItem(this.getStorageKey());
 		} catch (error) {
-			console.warn("Failed to get saved user from localStorage:", error);
+			console.warn("Failed to get saved user from AsyncStorage:", error);
 			return null;
 		}
 	}
-	static clearSavedUser() {
+	static async clearSavedUser() {
 		try {
-			const key = `${this.appSettings?.appId}:common_store/user`;
-			localStorage.removeItem(key);
+			await AsyncStorage.removeItem(this.getStorageKey());
 		} catch (error) {
-			console.warn("Failed to clear saved user from localStorage:", error);
+			console.warn("Failed to clear saved user from AsyncStorage:", error);
 		}
 	}
 	static generateDeviceId() {
-		return "web_" + Math.random().toString(36).substr(2, 9);
+		return "rn_" + Math.random().toString(36).substring(2, 11);
 	}
 	static createError(error) {
 		if (error.errorCode && error.errorDescription) {
@@ -11073,13 +11308,32 @@ 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);
+	}
+	/**
+	* Sets the audio output mode (mobile only).
+	* @param mode - The audio mode to set (e.g., 'SPEAKER', 'EARPIECE', 'BLUETOOTH', 'HEADPHONES').
+	*/
+	static setAudioMode(mode) {
+		setAudioMode(mode);
+	}
+	/**
+	* Enables Picture-in-Picture (PIP) layout during the call.
+	*/
+	static enablePictureInPictureLayout() {
+		enablePictureInPictureLayout();
+	}
+	/**
+	* Disables Picture-in-Picture (PIP) layout.
+	*/
+	static disablePictureInPictureLayout() {
+		disablePictureInPictureLayout();
 	}
 };
 
 //#endregion
-export { CometChatCalls };
-//# sourceMappingURL=index.mjs.map
+export { CometChatCalls };