@cometchat/calls-sdk-react-native 5.0.0-beta.3 → 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";
@@ -111,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: {
@@ -229,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;
@@ -412,6 +415,31 @@ 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
@@ -474,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() {
@@ -486,6 +521,13 @@ var SessionMethodsCore = class {
 		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() {
@@ -504,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() {
@@ -519,11 +568,22 @@ var SessionMethodsCore = class {
 	/**
 	* Starts recording the call.
 	*/
-	static startRecording() {}
+	static startRecording() {
+		startRecording();
+	}
 	/**
 	* Stops the ongoing call recording.
 	*/
-	static stopRecording() {}
+	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.
@@ -560,6 +620,24 @@ var SessionMethodsCore = class {
 		setChatButtonUnreadCount(count);
 	}
 	/**
+	* Toggles the visibility of the participant list panel.
+	*/
+	static toggleParticipantList() {
+		toggleParticipantList();
+	}
+	/**
+	* Shows the participant list panel.
+	*/
+	static showParticipantList() {
+		showParticipantList();
+	}
+	/**
+	* Hides the participant list panel.
+	*/
+	static hideParticipantList() {
+		hideParticipantList();
+	}
+	/**
 	* @deprecated switchToVideoCall is deprecated and not supported.
 	*/
 	static switchToVideoCall() {
@@ -916,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: [],
@@ -1156,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);
@@ -1353,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) })),
@@ -1554,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) => {
@@ -1737,7 +1834,7 @@ const initialState$3 = {
 	desktopSharingFrameRate: 5,
 	chatButtonUnreadCount: 0,
 	enableNoiseReduction: true,
-	sdkPlatform: PLATFORM.WEB,
+	sdkPlatform: SDK_PLATFORM.WEB,
 	webOSName: "unknown",
 	isMobileBrowser: false,
 	visibleParticipants: {
@@ -1761,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;
 	},
@@ -1811,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 }));
@@ -1859,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;
 };
@@ -2119,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);
@@ -2198,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
@@ -2422,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.`
+						}
+					});
+				}
 			}
 		}
 	}
@@ -2487,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);
@@ -2565,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));
@@ -2852,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.");
 }
 
@@ -4009,6 +4150,7 @@ const PopupMenu = ({ visible, onClose, options, anchorLayout }) => {
 		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,
@@ -4029,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,
@@ -4190,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,
@@ -4359,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;
@@ -4376,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,
@@ -4391,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, {
@@ -4450,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, {
@@ -4557,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, {
@@ -4693,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",
@@ -4742,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,
@@ -5100,6 +5252,7 @@ function ConfirmationDialog() {
 		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, {
@@ -5142,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;
@@ -5168,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,
@@ -5227,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();
@@ -5281,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,
@@ -5332,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",
@@ -5357,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",
@@ -5382,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",
@@ -5406,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",
@@ -5422,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",
@@ -5497,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: () => {
@@ -5523,6 +5689,7 @@ const MoreMenu = ({ isVisible, onClose }) => {
 				}
 			}),
 			!hideParticipantListButton && /* @__PURE__ */ jsx(MenuItem_native_default, {
+				testID: "cometchat-menu-item-participants",
 				iconName: "participants",
 				label: "Participants",
 				onPress: onParticipantListPress
@@ -5649,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"
@@ -5701,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"
@@ -5757,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,
@@ -5789,6 +5959,7 @@ const SessionTimer = () => {
 		return null;
 	}
 	return /* @__PURE__ */ jsx(Text, {
+		testID: "cometchat-session-timer",
 		style: [commonStyles.caption1Regular, styles$7.meetingTime],
 		children: miliSecondsToMMSS(conferenceElapsedTime)
 	});
@@ -5908,66 +6079,72 @@ const IdealTimeoutModal = ({ style = {} }) => {
 		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(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,
+				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.buttonPrimaryText],
-										children: "Leave now"
+										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,
+										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"
+										})
+									})]
+								})
+							]
+						})
 					})
-				}) })
+				})
 			})
 		})
 	});
@@ -6065,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" });
 			},
@@ -6201,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,
@@ -6222,7 +6401,8 @@ const ParticipantList = () => {
 						style: styles$3.searchInput,
 						value: searchTerm,
 						onChangeText: setSearchTerm,
-						placeholderTextColor: "#858585"
+						placeholderTextColor: "#858585",
+						testID: "cometchat-participant-search-input"
 					})]
 				})
 			}),
@@ -6476,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
@@ -6534,7 +6715,11 @@ function CallUI(props) {
 		};
 	}, [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(() => {
@@ -6684,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;
@@ -10687,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") {
@@ -10760,7 +10945,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) {
@@ -10808,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) {
@@ -10941,7 +11126,7 @@ var CometChatCalls = class extends SessionMethodsCore {
 				appId
 			},
 			body: {
-				platform: "web",
+				platform: "react-native",
 				deviceId: this.generateDeviceId()
 			}
 		});
@@ -10962,7 +11147,7 @@ var CometChatCalls = class extends SessionMethodsCore {
 				appId
 			},
 			body: {
-				platform: "web",
+				platform: "react-native",
 				deviceId: this.generateDeviceId()
 			}
 		});
@@ -11002,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 || "";
@@ -11030,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,
@@ -11041,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) {
@@ -11131,6 +11315,13 @@ var CometChatCalls = class extends SessionMethodsCore {
 		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() {
@@ -11145,5 +11336,4 @@ var CometChatCalls = class extends SessionMethodsCore {
 };
 
 //#endregion
-export { CometChatCalls };
-//# sourceMappingURL=index.mjs.map
+export { CometChatCalls };