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

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");
@@ -142,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: {
@@ -260,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;
@@ -443,6 +447,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
@@ -505,6 +534,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() {
@@ -517,6 +553,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() {
@@ -535,6 +578,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() {
@@ -550,11 +600,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.
@@ -591,6 +652,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() {
@@ -947,10 +1026,16 @@ const initialState$6 = {
 };
 const useParticipantStore = (0, zustand.create)()((0, zustand_middleware.subscribeWithSelector)((0, zustand_middleware.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: [],
@@ -1187,6 +1272,8 @@ const useConferenceStore = (0, zustand.create)()((0, zustand_middleware.subscrib
 		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);
@@ -1384,6 +1471,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) })),
@@ -1585,8 +1678,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) => {
@@ -1768,7 +1866,7 @@ const initialState$3 = {
 	desktopSharingFrameRate: 5,
 	chatButtonUnreadCount: 0,
 	enableNoiseReduction: true,
-	sdkPlatform: PLATFORM.WEB,
+	sdkPlatform: SDK_PLATFORM.WEB,
 	webOSName: "unknown",
 	isMobileBrowser: false,
 	visibleParticipants: {
@@ -1792,11 +1890,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;
 	},
@@ -1842,6 +1940,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 }));
@@ -1890,6 +1989,9 @@ const toggleEnableNoiseReduction = () => {
 const setChatButtonUnreadCount = (count) => {
 	useBaseStore.setState({ chatButtonUnreadCount: count });
 };
+const setAudioMode = (mode) => {
+	useBaseStore.setState({ selectedAudioModeType: mode });
+};
 const getLayout = () => {
 	return useBaseStore.getState().layout;
 };
@@ -2150,8 +2252,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);
@@ -2229,6 +2344,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
@@ -2453,17 +2573,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.`
+						}
+					});
+				}
 			}
 		}
 	}
@@ -2518,6 +2640,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);
@@ -2596,6 +2736,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));
@@ -2883,6 +3024,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.");
 }
 
@@ -4040,6 +4182,7 @@ const PopupMenu = ({ visible, onClose, options, anchorLayout }) => {
 		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,
@@ -4060,6 +4203,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,
@@ -4221,6 +4365,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,
@@ -4390,6 +4535,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;
@@ -4407,6 +4553,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,
@@ -4422,7 +4569,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, {
@@ -4481,6 +4628,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, {
@@ -4588,6 +4736,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, {
@@ -4724,23 +4873,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",
@@ -4773,6 +4925,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,
@@ -5131,6 +5284,7 @@ function ConfirmationDialog() {
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.Pressable, {
 			style: 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, {
@@ -5173,7 +5327,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;
@@ -5199,8 +5353,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,
+		testID: "cometchat-bottom-sheet-backdrop",
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.View, { style: styles$14.backdrop })
 	}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_native.Animated.View, {
+		testID,
 		style: [
 			styles$14.bottomSheet,
 			bottomSheetAnimation,
@@ -5258,8 +5414,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();
@@ -5312,6 +5469,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,
@@ -5363,6 +5521,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",
@@ -5388,6 +5547,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",
@@ -5413,6 +5573,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",
@@ -5437,6 +5598,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",
@@ -5453,6 +5615,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",
@@ -5528,22 +5691,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: () => {
@@ -5554,6 +5721,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
@@ -5680,6 +5848,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"
@@ -5732,6 +5901,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"
@@ -5788,6 +5958,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,
@@ -5820,6 +5991,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)
 	});
@@ -5939,66 +6111,72 @@ const IdealTimeoutModal = ({ style = {} }) => {
 		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"
+										})
+									})]
+								})
+							]
+						})
 					})
-				}) })
+				})
 			})
 		})
 	});
@@ -6096,6 +6274,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" });
 			},
@@ -6232,6 +6411,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,
@@ -6253,7 +6433,8 @@ const ParticipantList = () => {
 						style: styles$3.searchInput,
 						value: searchTerm,
 						onChangeText: setSearchTerm,
-						placeholderTextColor: "#858585"
+						placeholderTextColor: "#858585",
+						testID: "cometchat-participant-search-input"
 					})]
 				})
 			}),
@@ -6507,6 +6688,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
@@ -6565,7 +6747,11 @@ function CallUI(props) {
 		};
 	}, [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)(() => {
@@ -6715,10 +6901,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;
@@ -10718,7 +10904,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") {
@@ -10791,7 +10977,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) {
@@ -10839,7 +11025,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) {
@@ -10972,7 +11158,7 @@ var CometChatCalls = class extends SessionMethodsCore {
 				appId
 			},
 			body: {
-				platform: "web",
+				platform: "react-native",
 				deviceId: this.generateDeviceId()
 			}
 		});
@@ -10993,7 +11179,7 @@ var CometChatCalls = class extends SessionMethodsCore {
 				appId
 			},
 			body: {
-				platform: "web",
+				platform: "react-native",
 				deviceId: this.generateDeviceId()
 			}
 		});
@@ -11033,7 +11219,7 @@ var CometChatCalls = class extends SessionMethodsCore {
 			}
 		}
 		this.loggedInUser = null;
-		this.clearSavedUser();
+		await this.clearSavedUser();
 	}
 	static async callGenerateTokenAPI(sessionId, authToken) {
 		const appId = this.appSettings?.appId || "";
@@ -11061,9 +11247,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,
@@ -11072,31 +11260,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) {
@@ -11162,6 +11347,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() {
@@ -11176,5 +11368,4 @@ var CometChatCalls = class extends SessionMethodsCore {
 };
 
 //#endregion
-exports.CometChatCalls = CometChatCalls;
-//# sourceMappingURL=index.js.map
+exports.CometChatCalls = CometChatCalls;