@cometchat/calls-sdk-react-native 5.0.0-beta.1 → 5.0.0-beta.10

package/dist/index.js

@@ -35,6 +35,8 @@ let react = require("react");
 react = __toESM(react);
 let lib_jitsi_meet = require("lib-jitsi-meet");
 lib_jitsi_meet = __toESM(lib_jitsi_meet);
+let __react_native_async_storage_async_storage = require("@react-native-async-storage/async-storage");
+__react_native_async_storage_async_storage = __toESM(__react_native_async_storage_async_storage);
 let react_native = require("react-native");
 let react_native_webrtc = require("react-native-webrtc");
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -75,17 +77,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();
@@ -135,10 +144,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: {
@@ -253,7 +264,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;
@@ -436,12 +447,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
@@ -485,76 +521,163 @@ function debounce(func, delay) {
 //#endregion
 //#region calls-sdk-core/utils/session-methods-core.ts
 var SessionMethodsCore = class {
+	/**
+	* Mutes the local user's audio during the call.
+	*/
 	static muteAudio() {
 		muteAudioTrack();
 	}
+	/**
+	* Unmutes the local user's audio during the call.
+	*/
 	static unmuteAudio() {
 		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() {
 		pauseVideoTrack();
 	}
+	/**
+	* Resumes the local user's video stream.
+	*/
 	static resumeVideo() {
 		resumeVideoTrack();
 	}
+	/**
+	* Toggles the local user's video stream.
+	* If video is paused, it will be resumed, and vice versa.
+	*/
+	static toggleVideo() {
+		toggleVideoTrack();
+	}
+	/**
+	* Local user leaves the current session.
+	*/
 	static leaveSession() {
 		leaveSession();
 	}
-	static startScreenSharing() {
-		startScreenSharing();
-	}
-	static stopScreenSharing() {
-		stopScreenSharing();
+	/**
+	* Ends the current session for all participants.
+	* This will terminate the conference and disconnect everyone.
+	*/
+	static endSessionForAll() {
+		leaveSession({ shouldEndSession: true });
 	}
+	/**
+	* Raises the user's virtual hand in the call.
+	*/
 	static raiseHand() {
 		raisedHandLocal();
 	}
+	/**
+	* Lowers the user's virtual hand in the call.
+	*/
 	static lowerHand() {
 		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() {
 		switchCamera();
 	}
+	/**
+	* Sets the layout type for the call.
+	* @param layout - The type of layout to set (tile, sidebar or spotlight).
+	*/
 	static setLayout(layout$1) {
 		setLayout(layout$1);
 	}
-	static startRecording() {}
-	static stopRecording() {}
-	static enablePictureInPictureLayout() {
-		enablePictureInPictureLayout();
+	/**
+	* Starts recording the call.
+	*/
+	static startRecording() {
+		startRecording();
 	}
-	static disablePictureInPictureLayout() {
-		disablePictureInPictureLayout();
+	/**
+	* Stops the ongoing call recording.
+	*/
+	static stopRecording() {
+		stopRecording();
+	}
+	/**
+	* Toggles the call recording state.
+	* If recording is active, it will be stopped, and vice versa.
+	*/
+	static toggleRecording() {
+		toggleRecording();
 	}
+	/**
+	* 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.
+	*/
 	static pinParticipant(participantId, type) {
 		pinParticipant(participantId, type);
 	}
+	/**
+	* Unpins a participant's video.
+	*/
 	static unpinParticipant() {
 		unpinParticipant();
 	}
+	/**
+	* Mutes the audio of a specific participant.
+	* @param participantId - The ID of the participant to mute.
+	*/
 	static muteParticipant(participantId) {
 		muteParticipant(participantId);
 	}
+	/**
+	* Pauses the video stream of a specific participant.
+	* @param participantId - The ID of the participant whose video to pause.
+	*/
 	static pauseParticipantVideo(participantId) {
 		pauseParticipantVideo(participantId);
 	}
+	/**
+	* Sets the unread message count displayed on the chat button.
+	* @param count - The number of unread messages.
+	*/
 	static setChatButtonUnreadCount(count) {
 		setChatButtonUnreadCount(count);
 	}
 	/**
-	* @deprecated use startScreenSharing() instead
+	* Toggles the visibility of the participant list panel.
 	*/
-	static startScreenShare() {
-		this.startScreenSharing();
+	static toggleParticipantList() {
+		toggleParticipantList();
 	}
 	/**
-	* @deprecated use stopScreenSharing() instead
+	* Shows the participant list panel.
 	*/
-	static stopScreenShare() {
-		this.stopScreenSharing();
+	static showParticipantList() {
+		showParticipantList();
 	}
 	/**
-	* @deprecated switchToVideoCall is deprecated and not supported
+	* Hides the participant list panel.
+	*/
+	static hideParticipantList() {
+		hideParticipantList();
+	}
+	/**
+	* @deprecated switchToVideoCall is deprecated and not supported.
 	*/
 	static switchToVideoCall() {
 		console.error("switchToVideoCall method deprecated and not supported.");
@@ -644,6 +767,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) {
@@ -825,7 +969,7 @@ function sendParticipantListChangedEvent() {
 
 //#endregion
 //#region calls-sdk-core/store/config.ts
-const initialState$7 = {
+const initialState$8 = {
 	sessionType: "VIDEO",
 	autoStartRecording: false,
 	layout: LAYOUT.TILE,
@@ -843,7 +987,6 @@ const initialState$7 = {
 	hideLeaveSessionButton: false,
 	hideToggleAudioButton: false,
 	hideParticipantListButton: false,
-	hideSwitchLayoutButton: false,
 	hideChatButton: true,
 	hideToggleVideoButton: false,
 	hideScreenSharingButton: false,
@@ -856,13 +999,17 @@ const initialState$7 = {
 	startVideoPaused: false,
 	title: "",
 	enableNoiseReduction: false,
+	unstable_renderAudioOnly: false,
 	idleTimeoutPeriodBeforePrompt: 6e4,
 	idleTimeoutPeriodAfterPrompt: 18e4,
 	enableSpotlightDrag: true,
 	enableSpotlightSwap: true,
-	showFrameRate: false
+	showFrameRate: false,
+	enableCompanionMode: false,
+	isPeerCall: false,
+	enableNotifications: true
 };
-const useConfigStore = (0, zustand.create)()((0, zustand_middleware.subscribeWithSelector)((0, zustand_middleware.combine)(initialState$7, (set) => ({ reset: () => set(initialState$7) }))));
+const useConfigStore = (0, zustand.create)()((0, zustand_middleware.subscribeWithSelector)((0, zustand_middleware.combine)(initialState$8, (set) => ({ reset: () => set(initialState$8) }))));
 const setConfig = (config) => {
 	useConfigStore.setState(config);
 };
@@ -880,18 +1027,24 @@ const initialLocalParticipant = {
 	type: "human",
 	uid: "unknown"
 };
-const initialState$6 = {
+const initialState$7 = {
 	dominantSpeakers: [],
 	localParticipant: initialLocalParticipant,
 	participants: [],
 	virtualParticipants: []
 };
-const useParticipantStore = (0, zustand.create)()((0, zustand_middleware.subscribeWithSelector)((0, zustand_middleware.combine)(initialState$6, (set, get$1) => ({
+const useParticipantStore = (0, zustand.create)()((0, zustand_middleware.subscribeWithSelector)((0, zustand_middleware.combine)(initialState$7, (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: [],
@@ -961,7 +1114,7 @@ const useParticipantStore = (0, zustand.create)()((0, zustand_middleware.subscri
 		}
 		return get$1().participants.find((p) => p.pid === pid);
 	},
-	reset: () => set(initialState$6)
+	reset: () => set(initialState$7)
 }))));
 function useAllParticipants() {
 	const localParticipant = useParticipantStore((state) => state.localParticipant);
@@ -1095,7 +1248,7 @@ useParticipantStore.subscribe((state) => state.participants.filter((p) => p.uid)
 
 //#endregion
 //#region calls-sdk-core/store/conference.ts
-const initialState$5 = {
+const initialState$6 = {
 	conference: null,
 	conferenceJoined: false,
 	conferenceJoinedAt: null,
@@ -1110,7 +1263,7 @@ const initialState$5 = {
 	},
 	isRecording: false
 };
-const useConferenceStore = (0, zustand.create)()((0, zustand_middleware.subscribeWithSelector)((0, zustand_middleware.combine)(initialState$5, (set) => ({
+const useConferenceStore = (0, zustand.create)()((0, zustand_middleware.subscribeWithSelector)((0, zustand_middleware.combine)(initialState$6, (set) => ({
 	conferenceWillJoin: (conference) => {
 		if (typeof window?.APP !== "undefined") {
 			window.APP.conference._room = conference;
@@ -1121,13 +1274,15 @@ const useConferenceStore = (0, zustand.create)()((0, zustand_middleware.subscrib
 		});
 	},
 	reset: () => {
-		set(initialState$5);
+		set(initialState$6);
 	},
 	raiseHand: (participantId, timestamp) => {
 		set((state) => ({ raiseHandMap: new Map(state.raiseHandMap).set(participantId, timestamp) }));
 		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);
@@ -1138,13 +1293,22 @@ const useConferenceStore = (0, zustand.create)()((0, zustand_middleware.subscrib
 	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) {
@@ -1284,7 +1448,7 @@ useConferenceStore.subscribe((state) => state.conference, (conference) => {
 
 //#endregion
 //#region calls-sdk-core/store/tracks.ts
-const initialState$4 = {
+const initialState$5 = {
 	tracks: [],
 	permissions: {
 		audio: false,
@@ -1292,9 +1456,9 @@ const initialState$4 = {
 		initialized: false
 	}
 };
-const useTracksStore = (0, zustand.create)()((0, zustand_middleware.subscribeWithSelector)((0, zustand_middleware.combine)(initialState$4, (set, get$1) => ({
+const useTracksStore = (0, zustand.create)()((0, zustand_middleware.subscribeWithSelector)((0, zustand_middleware.combine)(initialState$5, (set, get$1) => ({
 	reset: () => set({
-		...initialState$4,
+		...initialState$5,
 		permissions: get$1().permissions
 	}),
 	addTrack: (originalTrack) => set((state) => {
@@ -1316,6 +1480,12 @@ const useTracksStore = (0, zustand.create)()((0, zustand_middleware.subscribeWit
 			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) })),
@@ -1517,8 +1687,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) => {
@@ -1665,7 +1840,7 @@ function updateConfig(config) {
 
 //#endregion
 //#region calls-sdk-core/store/base.ts
-const initialState$3 = {
+const initialState$4 = {
 	audioModeMenuVisible: false,
 	audioModes: [],
 	audioInputDevices: [],
@@ -1700,20 +1875,24 @@ const initialState$3 = {
 	desktopSharingFrameRate: 5,
 	chatButtonUnreadCount: 0,
 	enableNoiseReduction: true,
-	sdkPlatform: PLATFORM.WEB,
+	sdkPlatform: SDK_PLATFORM.WEB,
 	webOSName: "unknown",
 	isMobileBrowser: false,
 	visibleParticipants: {
 		startIndex: 0,
 		endIndex: 0
+	},
+	sidebarVisibleParticipants: {
+		startIndex: 0,
+		endIndex: 0
 	}
 };
-const useBaseStore = (0, zustand.create)()((0, zustand_middleware.subscribeWithSelector)((0, zustand_middleware.persist)((0, zustand_middleware.combine)(initialState$3, (set, get$1) => ({
+const useBaseStore = (0, zustand.create)()((0, zustand_middleware.subscribeWithSelector)((0, zustand_middleware.persist)((0, zustand_middleware.combine)(initialState$4, (set, get$1) => ({
 	addSubscriptions: (subscriptions) => {
 		useBaseStore.setState((state) => ({ subscriptions: [...state.subscriptions, ...subscriptions] }));
 	},
 	reset: () => set((state) => ({
-		...initialState$3,
+		...initialState$4,
 		audioInputDevice: state.audioInputDevice,
 		audioOutputDevice: state.audioOutputDevice,
 		videoInputDevice: state.videoInputDevice,
@@ -1724,11 +1903,11 @@ const useBaseStore = (0, zustand.create)()((0, zustand_middleware.subscribeWithS
 	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;
 	},
@@ -1774,6 +1953,7 @@ const useBaseStore = (0, zustand.create)()((0, zustand_middleware.subscribeWithS
 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 }));
@@ -1822,6 +2002,9 @@ const toggleEnableNoiseReduction = () => {
 const setChatButtonUnreadCount = (count) => {
 	useBaseStore.setState({ chatButtonUnreadCount: count });
 };
+const setAudioMode = (mode) => {
+	useBaseStore.setState({ selectedAudioModeType: mode });
+};
 const getLayout = () => {
 	return useBaseStore.getState().layout;
 };
@@ -1944,13 +2127,13 @@ initBaseStoreSubscriptions();
 
 //#endregion
 //#region calls-sdk-core/store/connection.ts
-const initialState$2 = {
+const initialState$3 = {
 	connection: undefined,
 	connectionStatus: "initial",
 	error: undefined,
 	timeEstablished: undefined
 };
-const useConnectionStore = (0, zustand.create)()((0, zustand_middleware.subscribeWithSelector)((0, zustand_middleware.combine)(initialState$2, (set) => ({
+const useConnectionStore = (0, zustand.create)()((0, zustand_middleware.subscribeWithSelector)((0, zustand_middleware.combine)(initialState$3, (set) => ({
 	connectionEstablished: (connection) => set({
 		connection,
 		connectionStatus: "connected",
@@ -1983,17 +2166,88 @@ const useConnectionStore = (0, zustand.create)()((0, zustand_middleware.subscrib
 			eventBus.stopEmitting();
 			await tryCatch(connection.disconnect());
 			eventBus.publish({ type: EVENT_LISTENER_METHODS.SessionStatusListener.onConnectionClosed }, true);
-			set(initialState$2);
+			set(initialState$3);
 		}
 	},
-	reset: () => set(initialState$2)
+	reset: () => set(initialState$3)
 }))));
+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/toast.ts
+const MAX_TOASTS = 3;
+const initialState$2 = { toasts: [] };
+let counter = 0;
+const useToastStore = (0, zustand.create)((set) => ({
+	...initialState$2,
+	addToast: (toast) => {
+		if (!getIsConferenceJoined()) {
+			return "";
+		}
+		if (!useConfigStore.getState().enableNotifications) {
+			return "";
+		}
+		const id = `toast-${++counter}-${Date.now()}`;
+		const newToast = {
+			...toast,
+			id,
+			createdAt: Date.now()
+		};
+		set((state) => {
+			const updated = [...state.toasts, newToast];
+			if (updated.length > MAX_TOASTS) {
+				return { toasts: updated.slice(-MAX_TOASTS) };
+			}
+			return { toasts: updated };
+		});
+		return id;
+	},
+	removeToast: (id) => {
+		set((state) => ({ toasts: state.toasts.filter((t) => t.id !== id) }));
+	},
+	clearAll: () => {
+		set(initialState$2);
+	},
+	reset: () => {
+		set(initialState$2);
+	}
+}));
+function showToast(params) {
+	return useToastStore.getState().addToast({
+		message: params.message,
+		type: params.type ?? "info",
+		duration: params.duration ?? 3e3,
+		position: params.position ?? "bottom",
+		action: params.action
+	});
+}
 
 //#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);
@@ -2015,7 +2269,7 @@ const useHideScreenSharingButton = () => {
 const useHideSwitchCameraButton = () => {
 	const videoTrack = getLocalTrack(MEDIA_TYPE.VIDEO);
 	const hideSwitchCameraButton = useConfigStore((state) => state.hideSwitchCameraButton);
-	return hideSwitchCameraButton || !videoTrack;
+	return hideSwitchCameraButton || !videoTrack?.originalTrack;
 };
 const useHideChatButton = () => {
 	const hideChatButton = useConfigStore((state) => state.hideChatButton);
@@ -2060,8 +2314,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] = (0, react.useState)(true);
+	(0, react.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);
@@ -2139,6 +2406,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
@@ -2187,8 +2459,10 @@ function setReceiverConstraintsInternal() {
 			}
 		});
 	} else if (layout$1 === "SIDEBAR") {
-		const participants = useParticipantStore.getState().participants;
-		participants.forEach((participant) => {
+		const { startIndex, endIndex } = useBaseStore.getState().sidebarVisibleParticipants;
+		const allParticipants = getAllParticipants();
+		const visibleSidebarParticipants = allParticipants.slice(startIndex, endIndex);
+		visibleSidebarParticipants.forEach((participant) => {
 			const videoSources$1 = participant.sources?.get("video");
 			if (videoSources$1) {
 				Array.from(videoSources$1.keys()).forEach((source) => {
@@ -2214,6 +2488,9 @@ const setReceiverConstraints = debounce(setReceiverConstraintsInternal, 200);
 useBaseStore.subscribe((state) => state.visibleParticipants, () => {
 	setReceiverConstraints();
 });
+useBaseStore.subscribe((state) => state.sidebarVisibleParticipants, () => {
+	setReceiverConstraints();
+});
 useBaseStore.subscribe((state) => state.layout, () => {
 	setReceiverConstraints();
 });
@@ -2311,8 +2588,12 @@ var ConferenceListener = class {
 		track.removeAllListeners(lib_jitsi_meet.default.events.track.NO_DATA_FROM_SOURCE);
 	}
 	onConferenceJoinInProgress() {}
-	onConferenceFailed(_conference, error, message) {
-		console.error("Conference failed:", error, message);
+	onConferenceFailed(errorName, error, message) {
+		if (errorName === lib_jitsi_meet.default.errors.conference.CONFERENCE_DESTROYED) {
+			leaveSession({ forceLeave: true });
+			return;
+		}
+		console.error("Conference failed:", errorName, error, message);
 		useConferenceStore.setState({
 			conferenceStatus: "error",
 			conferenceJoined: false,
@@ -2347,6 +2628,7 @@ var ConferenceListener = class {
 	}
 	onConnectionEstablished() {
 		useConferenceStore.setState({ conferenceStatus: "joined" });
+		setTimeout(setReceiverConstraints, 500);
 	}
 	onConnectionInterrupted() {
 		useConferenceStore.setState({ conferenceStatus: "interrupted" });
@@ -2358,17 +2640,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.`
+						}
+					});
+				}
 			}
 		}
 	}
@@ -2423,6 +2707,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);
@@ -2501,6 +2803,7 @@ function addConferenceListeners(conference) {
 	conference.on(lib_jitsi_meet.default.events.conference.PARTICIPANT_PROPERTY_CHANGED, conferenceListener.onParticipantPropertyChanged);
 	conference.on(lib_jitsi_meet.default.events.conference.USER_ROLE_CHANGED, conferenceListener.onUserRoleChanged);
 	conference.on(lib_jitsi_meet.default.events.conference.TALK_WHILE_MUTED, conferenceListener.onTalkWhileMuted);
+	conference.on(lib_jitsi_meet.default.events.conference.TRACK_UNMUTE_REJECTED, conferenceListener.onTrackUnmuteRejected);
 	conference.on(lib_jitsi_meet.default.events.conference.TRACK_AUDIO_LEVEL_CHANGED, conferenceListener.onTrackAudioLevelChanged);
 	conference.addCommandListener(CONFERENCE_COMMANDS.userInfo, (data, id) => {
 		const vData = valibot.safeParse(UserInfoCommandSchema, safeParseJson(data.value));
@@ -2512,17 +2815,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) {
@@ -2537,6 +2846,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");
@@ -2548,7 +2871,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;
@@ -2564,15 +2892,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();
@@ -2739,6 +3060,7 @@ function resetAllStores() {
 	useConfigStore.getState().reset();
 	useConnectionStore.getState().reset();
 	useParticipantStore.getState().reset();
+	useToastStore.getState().reset();
 	useTracksStore.getState().reset();
 }
 
@@ -2770,6 +3092,7 @@ var Mutex = class {
 //#region calls-sdk-core/handlers/init.ts
 function initializeLib() {
 	lib_jitsi_meet.default.init();
+	lib_jitsi_meet.default.setLogLevel(lib_jitsi_meet.default.logLevels.ERROR);
 	console.log("JitsiMeetJS initialized successfully.");
 }
 
@@ -2778,6 +3101,7 @@ function initializeLib() {
 let isSessionStarted = false;
 let reconnectTimeoutId = null;
 const RECONNECT_DEBOUNCE_DELAY = 3e3;
+initializeLib();
 function startSession() {
 	const sessionId = useConfigStore.getState().sessionId;
 	if (!sessionId) {
@@ -2790,29 +3114,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);
@@ -2829,8 +3137,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 = options.shouldEndSession || isPeerCall && !options.forceLeave;
+		if (shouldEnd) {
+			useConferenceStore.getState().endConference();
+			return;
+		}
 		useBaseStore.getState().clearIdealTimeoutTimer();
 		cancelPendingReconnect();
 		await _leaveSession();
@@ -3298,6 +3612,10 @@ eventBus.subscribe(INTERNAL_EVENTS.lifecycle.componentDidMount, () => {
 	});
 });
 useBaseStore.subscribe((state) => state.appState, (appState) => {
+	const sessionType = useConfigStore.getState().sessionType;
+	if (sessionType !== SESSION_TYPE.VIDEO) {
+		return;
+	}
 	if (appState === "active") {
 		resumeVideoTrack(VIDEO_PAUSE_AUTHORITY.BACKGROUND);
 	} else {
@@ -3738,6 +4056,13 @@ const commonStyles = react_native.StyleSheet.create({
 	borderDefault: { borderColor: colors.border.default },
 	borderDark: { borderColor: colors.border.dark },
 	borderHighlight: { borderColor: colors.border.highlight },
+	absoluteFill: {
+		position: "absolute",
+		top: 0,
+		bottom: 0,
+		left: 0,
+		right: 0
+	},
 	flex1: { flex: 1 },
 	flexRow: { flexDirection: "row" },
 	flexColumn: { flexDirection: "column" },
@@ -3927,10 +4252,16 @@ const PopupMenu = ({ visible, onClose, options, anchorLayout }) => {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.Modal, {
 		transparent: true,
 		animationType: "none",
+		supportedOrientations: [
+			"portrait",
+			"landscape-left",
+			"landscape-right"
+		],
 		onRequestClose: onClose,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.Pressable, {
 			style: styles$27.backdrop,
 			onPress: onClose,
+			testID: "cometchat-popup-menu-backdrop",
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.Animated.View, {
 				style: [styles$27.menu, {
 					[isBelowMiddle ? "bottom" : "top"]: isBelowMiddle ? callContainerDimension.height - (y - 4) : y + height + 4,
@@ -3951,6 +4282,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__ */ (0, react_jsx_runtime.jsx)(Icon_native_default, {
 						name: option.iconName,
 						size: 24,
@@ -4112,6 +4444,7 @@ const MoreOptionButton = ({ ruid }) => {
 		ref: buttonRef,
 		style: styles$4.moreButton,
 		onPress: showMenu,
+		testID: "cometchat-participant-more-options-button",
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon_native_default, {
 			name: "more",
 			size: 20,
@@ -4251,7 +4584,11 @@ const VideoNative = ({ videoTrack, style, objectFit = "cover", mirror = false, m
 		return null;
 	}
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.Animated.View, {
-		style: [styles$25.videoContainer, { opacity: fadeAnim }],
+		style: [
+			commonStyles.absoluteFill,
+			styles$25.videoContainer,
+			{ opacity: fadeAnim }
+		],
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native_webrtc.RTCView, {
 			streamURL: streamURL.toURL(),
 			style: [styles$25.video, style],
@@ -4264,8 +4601,7 @@ const VideoNative = ({ videoTrack, style, objectFit = "cover", mirror = false, m
 const styles$25 = react_native.StyleSheet.create({
 	videoContainer: {
 		height: "100%",
-		width: "100%",
-		...react_native.StyleSheet.absoluteFillObject
+		width: "100%"
 	},
 	video: {
 		width: "100%",
@@ -4281,6 +4617,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.default.useMemo(() => {
 		const flatStyle = react_native.StyleSheet.flatten(style);
 		const width$1 = flatStyle?.width;
@@ -4298,6 +4635,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__ */ (0, react_jsx_runtime.jsx)(react_native.View, {
 				style: styles$24.tileAvatar,
@@ -4313,7 +4651,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__ */ (0, react_jsx_runtime.jsx)(Label_native_default, { participant }),
 			enableParticipantContextMenu && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.View, {
@@ -4372,6 +4710,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__ */ (0, react_jsx_runtime.jsxs)(react_native.TouchableOpacity, {
+		testID: "cometchat-group-avatar-tile",
 		style: [styles$23.container, style],
 		onPress: toggleParticipantListVisible,
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.View, {
@@ -4479,6 +4818,7 @@ function SidebarLayout() {
 	const mainParticipant = useMainParticipant();
 	const participants = allParticipants.length > 1 ? [mainParticipant].concat(allParticipants) : [mainParticipant];
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_native.View, {
+		testID: "cometchat-sidebar-layout",
 		style: styles$22.container,
 		children: [
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Tile_native_default, {
@@ -4615,23 +4955,26 @@ const Spotlight = () => {
 	if (otherParticipant) {
 		spotlightParticipants.push(otherParticipant);
 	}
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Tile_native_default, {
-		participant: spotlightParticipants[0],
-		disablePress: true
-	}, spotlightParticipants[0].ruid), spotlightParticipants[1] && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Pan, {
-		disableDrag: !enableSpotlightDrag,
-		layout: {
-			width: mainAreaDimension.width,
-			height: mainAreaDimension.height
-		},
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Tile_native_default, {
-			showLabel: false,
-			disablePress: !enableSpotlightSwap,
-			participant: spotlightParticipants[1],
-			style: styles$20.panTile,
-			zOrder: 1
-		}, spotlightParticipants[1].ruid)
-	})] });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_native.View, {
+		testID: "cometchat-spotlight-layout",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Tile_native_default, {
+			participant: spotlightParticipants[0],
+			disablePress: true
+		}, spotlightParticipants[0].ruid), spotlightParticipants[1] && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Pan, {
+			disableDrag: !enableSpotlightDrag,
+			layout: {
+				width: mainAreaDimension.width,
+				height: mainAreaDimension.height
+			},
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Tile_native_default, {
+				showLabel: false,
+				disablePress: !enableSpotlightSwap,
+				participant: spotlightParticipants[1],
+				style: styles$20.panTile,
+				zOrder: 1
+			}, spotlightParticipants[1].ruid)
+		})]
+	});
 };
 const styles$20 = react_native.StyleSheet.create({ panTile: {
 	borderColor: "#1A1A1A",
@@ -4664,6 +5007,7 @@ function TileLayout() {
 		participantCount: isPIPLayoutEnabled ? 1 : participants.length
 	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.FlatList, {
+		testID: "cometchat-tile-layout",
 		data: isPIPLayoutEnabled ? [mainParticipant] : participants,
 		renderItem: ({ item }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Tile_native_default, {
 			participant: item,
@@ -4731,7 +5075,11 @@ function ProcessingOverlay({ message, visible = true, animated = false }) {
 		return null;
 	}
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_native.Animated.View, {
-		style: [styles$18.overlay, { opacity }],
+		style: [
+			commonStyles.absoluteFill,
+			styles$18.overlay,
+			{ opacity }
+		],
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.ActivityIndicator, {
 			size: "large",
 			color: "#fff"
@@ -4743,7 +5091,6 @@ function ProcessingOverlay({ message, visible = true, animated = false }) {
 }
 const styles$18 = react_native.StyleSheet.create({
 	overlay: {
-		...react_native.StyleSheet.absoluteFillObject,
 		justifyContent: "center",
 		alignItems: "center",
 		backgroundColor: "#1A1A1A",
@@ -4921,7 +5268,6 @@ function showConfirmationDialog(title, description, confirmText, cancelText, onC
 const { width } = react_native.Dimensions.get("window");
 const styles$15 = react_native.StyleSheet.create({
 	backdrop: {
-		...react_native.StyleSheet.absoluteFillObject,
 		backgroundColor: "rgba(0, 0, 0, 0.8)",
 		justifyContent: "center",
 		alignItems: "center",
@@ -5013,10 +5359,16 @@ function ConfirmationDialog() {
 		visible,
 		transparent: true,
 		animationType: "fade",
+		supportedOrientations: [
+			"portrait",
+			"landscape-left",
+			"landscape-right"
+		],
 		onRequestClose: handleBackdropPress,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.Pressable, {
-			style: styles$15.backdrop,
+			style: [commonStyles.absoluteFill, styles$15.backdrop],
 			onPress: handleBackdropPress,
+			testID: "cometchat-confirmation-dialog-backdrop",
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.View, {
 				style: styles$15.dialog,
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_native.View, {
@@ -5059,7 +5411,7 @@ function ConfirmationDialog() {
 //#endregion
 //#region src/ui/bottom-sheet/BottomSheet.native.tsx
 const SCREEN_HEIGHT = react_native.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 = (0, react.useRef)(SCREEN_HEIGHT).current;
 	const animatedValue = (0, react.useRef)(new react_native.Animated.Value(hiddenTranslateY)).current;
@@ -5085,8 +5437,10 @@ const BottomSheet = ({ children, isVisible, onClose, maxHeight = SCREEN_HEIGHT *
 	const bottomSheetAnimation = { transform: [{ translateY: animatedValue }] };
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [isVisible && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.TouchableWithoutFeedback, {
 		onPress: onClose,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.View, { style: styles$14.backdrop })
+		testID: "cometchat-bottom-sheet-backdrop",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.View, { style: [commonStyles.absoluteFill, styles$14.backdrop] })
 	}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_native.Animated.View, {
+		testID,
 		style: [
 			styles$14.bottomSheet,
 			bottomSheetAnimation,
@@ -5100,7 +5454,6 @@ const BottomSheet = ({ children, isVisible, onClose, maxHeight = SCREEN_HEIGHT *
 };
 const styles$14 = react_native.StyleSheet.create({
 	backdrop: {
-		...react_native.StyleSheet.absoluteFillObject,
 		backgroundColor: "rgba(0,0,0,0.5)",
 		zIndex: 1
 	},
@@ -5144,8 +5497,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__ */ (0, react_jsx_runtime.jsxs)(react_native.TouchableOpacity, {
+		testID,
 		onPress: () => {
 			hideAllBottomSheets();
 			onPress();
@@ -5198,6 +5552,7 @@ const AudioModesMenu = ({ isVisible, onClose }) => {
 			style: [commonStyles.bodyRegular, styles$12.noItemsText],
 			children: "No audio modes available"
 		}), audioModes.map((mode, index) => /* @__PURE__ */ (0, react_jsx_runtime.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,
@@ -5249,6 +5604,7 @@ const AudioModeButton = () => {
 		style: controlPaneStyles.controlButton,
 		onPress: toggleAudioModeMenuVisible,
 		activeOpacity: .7,
+		testID: "cometchat-audio-mode-button",
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon_native_default, {
 			name: "speaker-fill",
 			fill: "#FFF",
@@ -5274,6 +5630,7 @@ const AudioControl = () => {
 		style: [controlPaneStyles.controlButton, muted && controlPaneStyles.toggledButton],
 		onPress,
 		activeOpacity: .7,
+		testID: "cometchat-audio-toggle-button",
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon_native_default, {
 			name: muted ? "mic-off-fill" : "mic-fill",
 			fill: muted ? "#9F3032" : "#FFF",
@@ -5299,6 +5656,7 @@ const VideoControl = () => {
 		style: [controlPaneStyles.controlButton, videoMuted && controlPaneStyles.toggledButton],
 		onPress,
 		activeOpacity: .7,
+		testID: "cometchat-video-toggle-button",
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon_native_default, {
 			name: videoMuted ? "video-off-fill" : "video-fill",
 			fill: videoMuted ? "#9F3032" : "#FFF",
@@ -5323,6 +5681,7 @@ const LeaveSessionButton = () => {
 		style: [controlPaneStyles.controlButton, controlPaneStyles.leaveSessionButton],
 		onPress,
 		activeOpacity: .7,
+		testID: "cometchat-leave-session-button",
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon_native_default, {
 			name: "call-end",
 			fill: "#FFF",
@@ -5339,6 +5698,7 @@ const MoreMenuButton = () => {
 		style: controlPaneStyles.controlButton,
 		onPress: toggleMoreMenuVisible,
 		activeOpacity: .7,
+		testID: "cometchat-more-menu-button",
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon_native_default, {
 			name: "more",
 			fill: "#FFF",
@@ -5414,22 +5774,26 @@ const MoreMenu = ({ isVisible, onClose }) => {
 		toggleParticipantListVisible();
 	}, []);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BottomSheet_native_default, {
+		testID: "cometchat-more-menu-bottom-sheet",
 		maxHeight: bottomSheetMaxHeight,
 		isVisible,
 		onClose,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_native.ScrollView, { children: [
 			numberOfVisibleItems === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.Text, {
+				testID: "cometchat-more-menu-empty-state",
 				style: [commonStyles.bodyRegular, styles$11.noItemsText],
 				children: "No options available"
 			}),
 			!hideScreenSharingButton && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ScreenShareButton_default, {}),
 			!hideRaiseHandButton && /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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: () => {
@@ -5440,6 +5804,7 @@ const MoreMenu = ({ isVisible, onClose }) => {
 				}
 			}),
 			!hideParticipantListButton && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenuItem_native_default, {
+				testID: "cometchat-menu-item-participants",
 				iconName: "participants",
 				label: "Participants",
 				onPress: onParticipantListPress
@@ -5481,14 +5846,15 @@ const FullScreenDialog = ({ children, visible = false }) => {
 		return null;
 	}
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.Animated.View, {
-		style: [styles$10.container, { opacity: fadeAnim }],
+		style: [
+			commonStyles.absoluteFill,
+			styles$10.container,
+			{ opacity: fadeAnim }
+		],
 		children
 	});
 };
-const styles$10 = react_native.StyleSheet.create({ container: {
-	...react_native.StyleSheet.absoluteFillObject,
-	zIndex: 1e3
-} });
+const styles$10 = react_native.StyleSheet.create({ container: { zIndex: 1e3 } });
 var FullScreenDialog_native_default = FullScreenDialog;
 
 //#endregion
@@ -5566,6 +5932,7 @@ const ChangeLayout = () => {
 			eventBus.publish({ type: EVENT_LISTENER_METHODS.ButtonClickListener.onChangeLayoutButtonClicked });
 			showMenu();
 		},
+		testID: "cometchat-change-layout-button",
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon_native_default, {
 			name: "tile-fill",
 			fill: "#FFFFFF"
@@ -5618,6 +5985,7 @@ const ChatButton = () => {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_native.TouchableOpacity, {
 		style: [styles$9.iconButton],
 		onPress,
+		testID: "cometchat-chat-button",
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon_native_default, {
 			name: "chat",
 			fill: "#FFFFFF"
@@ -5674,6 +6042,7 @@ const SwitchCamera = () => {
 		return null;
 	}
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.TouchableOpacity, {
+		testID: "cometchat-switch-camera-button",
 		disabled,
 		style: [styles$8.iconButton, disabled && styles$8.iconButtonDisabled],
 		onPress,
@@ -5706,6 +6075,7 @@ const SessionTimer = () => {
 		return null;
 	}
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.Text, {
+		testID: "cometchat-session-timer",
 		style: [commonStyles.caption1Regular, styles$7.meetingTime],
 		children: miliSecondsToMMSS(conferenceElapsedTime)
 	});
@@ -5817,69 +6187,80 @@ const IdealTimeoutModal = ({ style = {} }) => {
 		transparent: true,
 		visible: idleTimeoutModalVisible,
 		animationType: "none",
+		supportedOrientations: [
+			"portrait",
+			"landscape-left",
+			"landscape-right"
+		],
 		statusBarTranslucent: true,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.TouchableWithoutFeedback, {
 			onPress: handleOverlayPress,
+			testID: "cometchat-idle-timeout-overlay",
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.Animated.View, {
 				style: [styles$6.overlay, { opacity: fadeAnim }],
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.TouchableWithoutFeedback, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.Animated.View, {
-					style: [
-						styles$6.modal,
-						style,
-						{
-							opacity: fadeAnim,
-							transform: [{ scale: scaleAnim }]
-						}
-					],
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_native.View, {
-						style: styles$6.content,
-						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.View, {
-								style: styles$6.timerIcon,
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.Text, {
-									style: [commonStyles.heading3Bold, styles$6.timerText],
-									children: formattedTime
-								})
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_native.View, {
-								style: styles$6.textContent,
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.Text, {
-									style: [commonStyles.heading2Medium, styles$6.title],
-									children: "Are you still there?"
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_native.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__ */ (0, react_jsx_runtime.jsxs)(react_native.View, {
-								style: styles$6.actions,
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.TouchableOpacity, {
-									style: [styles$6.button, styles$6.buttonSecondary],
-									onPress: onStayInCall,
-									activeOpacity: .8,
-									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.Text, {
-										style: [commonStyles.bodyMedium, styles$6.buttonSecondaryText],
-										children: "Stay on the call"
-									})
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.TouchableOpacity, {
-									style: [styles$6.button, styles$6.buttonPrimary],
-									onPress: leaveSession,
-									activeOpacity: .8,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.TouchableWithoutFeedback, {
+					testID: "cometchat-idle-timeout-modal",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.Animated.View, {
+						style: [
+							styles$6.modal,
+							style,
+							{
+								opacity: fadeAnim,
+								transform: [{ scale: scaleAnim }]
+							}
+						],
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_native.View, {
+							style: styles$6.content,
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.View, {
+									style: styles$6.timerIcon,
 									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.Text, {
-										style: [commonStyles.bodyMedium, styles$6.buttonPrimaryText],
-										children: "Leave now"
+										style: [commonStyles.heading3Bold, styles$6.timerText],
+										children: formattedTime
 									})
-								})]
-							})
-						]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_native.View, {
+									style: styles$6.textContent,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.Text, {
+										style: [commonStyles.heading2Medium, styles$6.title],
+										children: "Are you still there?"
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_native.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__ */ (0, react_jsx_runtime.jsxs)(react_native.View, {
+									style: styles$6.actions,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.TouchableOpacity, {
+										style: [styles$6.button, styles$6.buttonSecondary],
+										onPress: onStayInCall,
+										activeOpacity: .8,
+										testID: "cometchat-idle-timeout-stay-button",
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.Text, {
+											style: [commonStyles.bodyMedium, styles$6.buttonSecondaryText],
+											children: "Stay on the call"
+										})
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.TouchableOpacity, {
+										style: [styles$6.button, styles$6.buttonPrimary],
+										onPress: () => leaveSession(),
+										activeOpacity: .8,
+										testID: "cometchat-idle-timeout-leave-button",
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.Text, {
+											style: [commonStyles.bodyMedium, styles$6.buttonPrimaryText],
+											children: "Leave now"
+										})
+									})]
+								})
+							]
+						})
 					})
-				}) })
+				})
 			})
 		})
 	});
@@ -5898,6 +6279,7 @@ const styles$6 = react_native.StyleSheet.create({
 		borderWidth: 1,
 		borderColor: "#383838",
 		width: "100%",
+		maxWidth: 372,
 		paddingTop: 32,
 		paddingHorizontal: 20,
 		paddingBottom: 20,
@@ -5976,6 +6358,7 @@ const ShareInviteButton = () => {
 		style: styles$5.shareButtonContainer,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_native.TouchableOpacity, {
 			style: styles$5.shareButton,
+			testID: "cometchat-share-invite-button",
 			onPress: () => {
 				eventBus.publish({ type: "onShareInviteButtonClicked" });
 			},
@@ -6112,6 +6495,7 @@ const ParticipantList = () => {
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.TouchableOpacity, {
 					onPress: toggleParticipantListVisible,
 					accessibilityLabel: "Close participants list",
+					testID: "cometchat-participant-list-close-button",
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon_native_default, {
 						name: "close",
 						size: 24,
@@ -6133,7 +6517,8 @@ const ParticipantList = () => {
 						style: styles$3.searchInput,
 						value: searchTerm,
 						onChangeText: setSearchTerm,
-						placeholderTextColor: "#858585"
+						placeholderTextColor: "#858585",
+						testID: "cometchat-participant-search-input"
 					})]
 				})
 			}),
@@ -6274,45 +6659,6 @@ const styles$2 = react_native.StyleSheet.create({
 	}
 });
 
-//#endregion
-//#region src/ui/toast/toast-state.ts
-const MAX_TOASTS = 3;
-let counter = 0;
-const useToastStore = (0, zustand.create)((set) => ({
-	toasts: [],
-	addToast: (toast) => {
-		const id = `toast-${++counter}-${Date.now()}`;
-		const newToast = {
-			...toast,
-			id,
-			createdAt: Date.now()
-		};
-		set((state) => {
-			const updated = [...state.toasts, newToast];
-			if (updated.length > MAX_TOASTS) {
-				return { toasts: updated.slice(-MAX_TOASTS) };
-			}
-			return { toasts: updated };
-		});
-		return id;
-	},
-	removeToast: (id) => {
-		set((state) => ({ toasts: state.toasts.filter((t) => t.id !== id) }));
-	},
-	clearAll: () => {
-		set({ toasts: [] });
-	}
-}));
-function showToast(params) {
-	return useToastStore.getState().addToast({
-		message: params.message,
-		type: params.type ?? "info",
-		duration: params.duration ?? 3e3,
-		position: params.position ?? "bottom",
-		action: params.action
-	});
-}
-
 //#endregion
 //#region src/ui/toast/Toast.native.tsx
 const SLIDE_IN_DURATION = 300;
@@ -6387,6 +6733,7 @@ function ToastItemView({ toast, onDismiss }) {
 		}), toast.action && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.Pressable, {
 			style: styles$2.actionButton,
 			onPress: handleActionPress,
+			testID: "cometchat-toast-action-button",
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.Text, {
 				style: styles$2.actionText,
 				children: toast.action.label
@@ -6439,13 +6786,17 @@ function CallUI(props) {
 	const isConferenceJoined = useIsConferenceJoined();
 	(0, react.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]);
 	(0, react.useEffect)(() => {
-		useBaseStore.setState({ sdkPlatform: react_native.Platform.OS });
+		if (props.sessionSettings.sdkPlatform) {
+			useBaseStore.setState({ sdkPlatform: props.sessionSettings.sdkPlatform });
+		} else {
+			useBaseStore.setState({ sdkPlatform: react_native.Platform.OS === "ios" ? "react-native-ios" : "react-native-android" });
+		}
 		startSession();
 	}, []);
 	(0, react.useEffect)(() => {
@@ -6460,13 +6811,13 @@ function CallUI(props) {
 	(0, react.useEffect)(() => {
 		if (react_native.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 (react_native.Platform.OS === "ios") {
 			AudioModeModule_default.updateDeviceList();
 		}
-	}, [props.callSettings.audioMode, type]);
+	}, [props.sessionSettings.audioMode, type]);
 	if (isPIPLayoutEnabled) {
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PiPTile_default, {});
 	}
@@ -6513,13 +6864,6 @@ const styles$1 = react_native.StyleSheet.create({
 		alignItems: "center",
 		gap: GRID_GAP,
 		paddingHorizontal: 20
-	},
-	loadingContainer: {
-		...react_native.StyleSheet.absoluteFillObject,
-		justifyContent: "center",
-		alignItems: "center",
-		backgroundColor: "#000",
-		zIndex: 1e3
 	}
 });
 var index_native_default = CallUI;
@@ -6595,10 +6939,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;
@@ -6758,10 +7102,11 @@ 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.default.useState(null);
 	const [infoMessage, setInfoMessage] = react.default.useState(null);
+	const sessionSettings = props.sessionSettings ?? props.callSettings ?? {};
 	(0, react.useEffect)(() => {
 		return eventBus.subscribe("onConnectionClosed", () => {
 			setTimeout(() => {
@@ -6771,7 +7116,7 @@ function App(props) {
 	}, []);
 	(0, react.useEffect)(() => {
 		const listeners = [];
-		const cs = props.callSettings ?? {};
+		const cs = sessionSettings ?? {};
 		if (cs.listener?.onUserJoined) {
 			listeners.push(CometChatCalls.addEventListener("onParticipantJoined", cs.listener.onUserJoined));
 		}
@@ -6809,7 +7154,7 @@ function App(props) {
 				listener();
 			});
 		};
-	}, [props.callSettings]);
+	}, [sessionSettings]);
 	(0, react.useEffect)(() => {
 		callVerifyTokenAPI({
 			appId: CometChatCalls.appSettings?.appId || "",
@@ -6838,14 +7183,12 @@ function App(props) {
 			visible: true
 		});
 	}
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(index_native_default, { callSettings: {
-		...props.callSettings,
-		...convertLegacyCallSettingsToV5Props(props?.callSettings ?? {}),
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(index_native_default, { sessionSettings: {
+		...sessionSettings,
+		...convertLegacyCallSettingsToV5Props(sessionSettings ?? {}),
 		internalSettings
 	} });
 }
-var AppRN_default = App;
-const AppComponent = App;
 
 //#endregion
 //#region src/v4/Constants.ts
@@ -10578,7 +10921,13 @@ 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.
+	* @param appSettings - The application settings for configuring the SDK.
+	* @returns An object indicating success or failure with error details.
+	*/
 	static async init(appSettings) {
 		const parsedAppSettings = valibot.safeParse(CallAppSettingsSchema, appSettings);
 		if (!parsedAppSettings.success) {
@@ -10594,7 +10943,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") {
@@ -10613,6 +10962,14 @@ var CometChatCalls = class extends SessionMethodsCore {
 			error: null
 		};
 	}
+	/**
+	* Logs in a user with their UID and an optional auth key.
+	* If no auth key is provided, the one from app settings is used.
+	* @param uid - The unique identifier of the user.
+	* @param authKey - The authentication key. Falls back to the key provided in app settings.
+	* @returns A Promise that resolves to the logged-in User object.
+	* @throws {CometChatException} If login fails or validation errors occur.
+	*/
 	static async login(uid, authKey) {
 		try {
 			if (this.loginInProgress) {
@@ -10655,12 +11012,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) {
@@ -10670,6 +11026,12 @@ var CometChatCalls = class extends SessionMethodsCore {
 			throw cometChatError;
 		}
 	}
+	/**
+	* Logs in a user directly with an auth token.
+	* @param authToken - The authentication token for the user.
+	* @returns A Promise that resolves to the logged-in User object.
+	* @throws {CometChatException} If login fails or the token is invalid.
+	*/
 	static async loginWithAuthToken(authToken) {
 		try {
 			if (this.loginInProgress) {
@@ -10702,7 +11064,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) {
@@ -10712,6 +11074,11 @@ var CometChatCalls = class extends SessionMethodsCore {
 			throw cometChatError;
 		}
 	}
+	/**
+	* Logs out the currently logged-in user and clears local session data.
+	* @returns A Promise that resolves to a success message string.
+	* @throws {CometChatException} If no user is logged in or logout fails.
+	*/
 	static async logout() {
 		try {
 			if (!this.loggedInUser) {
@@ -10729,24 +11096,53 @@ var CometChatCalls = class extends SessionMethodsCore {
 			throw cometChatError;
 		}
 	}
+	/**
+	* Retrieves the currently logged-in user.
+	* @returns The logged-in User object, or null if no user is logged in.
+	*/
 	static getLoggedInUser() {
 		if (this.loggedInUser && typeof this.loggedInUser === "string") {
 			this.loggedInUser = JSON.parse(this.loggedInUser);
 		}
 		return this.loggedInUser;
 	}
+	/**
+	* Retrieves the auth token of the currently logged-in user.
+	* @returns The auth token string, or null if no user is logged in.
+	*/
 	static getUserAuthToken() {
 		return this.loggedInUser?.authToken || null;
 	}
+	/**
+	* Checks whether a user is currently logged in.
+	* @returns True if a user is logged in with a valid auth token, false otherwise.
+	*/
 	static isUserLoggedIn() {
 		return this.loggedInUser !== null && this.loggedInUser.authToken !== undefined;
 	}
+	/**
+	* Registers a login listener to receive login/logout lifecycle callbacks.
+	* @param listenerId - A unique identifier for the listener.
+	* @param listener - The listener object with callback methods.
+	*/
 	static addLoginListener(listenerId, listener) {
 		this.loginListeners.set(listenerId, listener);
 	}
+	/**
+	* Removes a previously registered login listener.
+	* @param listenerId - The unique identifier of the listener to remove.
+	*/
 	static removeLoginListener(listenerId) {
 		this.loginListeners.delete(listenerId);
 	}
+	/**
+	* Generates a call token for the given session.
+	* Uses the provided auth token or falls back to the logged-in user's token.
+	* @param sessionId - The session ID to generate a token for.
+	* @param authToken - Optional auth token. If omitted, the logged-in user's token is used.
+	* @returns A Promise that resolves to an object containing the generated token.
+	* @throws {CometChatException} If the session ID is missing, no auth token is available, or the SDK is not initialized.
+	*/
 	static async generateToken(sessionId, authToken) {
 		try {
 			if (!sessionId || sessionId.trim() === "") {
@@ -10801,7 +11197,7 @@ var CometChatCalls = class extends SessionMethodsCore {
 				appId
 			},
 			body: {
-				platform: "web",
+				platform: "react-native",
 				deviceId: this.generateDeviceId()
 			}
 		});
@@ -10822,7 +11218,7 @@ var CometChatCalls = class extends SessionMethodsCore {
 				appId
 			},
 			body: {
-				platform: "web",
+				platform: "react-native",
 				deviceId: this.generateDeviceId()
 			}
 		});
@@ -10862,7 +11258,7 @@ var CometChatCalls = class extends SessionMethodsCore {
 			}
 		}
 		this.loggedInUser = null;
-		this.clearSavedUser();
+		await this.clearSavedUser();
 	}
 	static async callGenerateTokenAPI(sessionId, authToken) {
 		const appId = this.appSettings?.appId || "";
@@ -10890,9 +11286,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,
@@ -10901,31 +11299,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 __react_native_async_storage_async_storage.default.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 __react_native_async_storage_async_storage.default.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 __react_native_async_storage_async_storage.default.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) {
@@ -10980,11 +11375,36 @@ var CometChatCalls = class extends SessionMethodsCore {
 			}
 		});
 	}
-	static addEventListener(eventType, listener) {
-		return eventBus.subscribe(eventType, listener);
+	/**
+	* 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, 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
-exports.CometChatCalls = CometChatCalls;
-//# sourceMappingURL=index.js.map
+exports.CometChatCalls = CometChatCalls;