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

package/dist/index.d.mts

@@ -1,5 +1,5 @@
 import * as v from "valibot";
-import * as zustand1 from "zustand";
+import * as zustand7 from "zustand";
 import * as zustand_middleware0 from "zustand/middleware";
 import React from "react";
 import JitsiMeetJS from "lib-jitsi-meet";
@@ -357,6 +357,10 @@ type BaseState = {
     startIndex: number;
     endIndex: number;
   };
+  sidebarVisibleParticipants: {
+    startIndex: number;
+    endIndex: number;
+  };
 };
 type Actions$5 = {
   toggleParticipantListVisible: () => void;
@@ -369,7 +373,7 @@ type Actions$5 = {
   isMobileSDK: () => boolean;
   isMobile: () => boolean;
 };
-declare const useBaseStore: zustand1.UseBoundStore<Omit<Omit<zustand1.StoreApi<BaseState & Actions$5>, "subscribe"> & {
+declare const useBaseStore: zustand7.UseBoundStore<Omit<Omit<zustand7.StoreApi<BaseState & Actions$5>, "subscribe"> & {
   subscribe: {
     (listener: (selectedState: BaseState & Actions$5, previousSelectedState: BaseState & Actions$5) => void): () => void;
     <U>(selector: (state: BaseState & Actions$5) => U, listener: (selectedState: U, previousSelectedState: U) => void, options?: {
@@ -449,7 +453,7 @@ type Actions$4 = {
   endConference: () => Promise<void>;
   stopRecording: () => Promise<void>;
 };
-declare const useConferenceStore: zustand1.UseBoundStore<Omit<zustand1.StoreApi<ConferenceState & Actions$4>, "subscribe"> & {
+declare const useConferenceStore: zustand7.UseBoundStore<Omit<zustand7.StoreApi<ConferenceState & Actions$4>, "subscribe"> & {
   subscribe: {
     (listener: (selectedState: ConferenceState & Actions$4, previousSelectedState: ConferenceState & Actions$4) => void): () => void;
     <U>(selector: (state: ConferenceState & Actions$4) => U, listener: (selectedState: U, previousSelectedState: U) => void, options?: {
@@ -525,7 +529,7 @@ type ConfigState = ConfigStateInternal & ConfigStateMobile & ConfigStateWeb & Co
 type Actions$3 = {
   reset: () => void;
 };
-declare const useConfigStore: zustand1.UseBoundStore<Omit<zustand1.StoreApi<ConfigStateInternal & ConfigStateMobile & ConfigStateWeb & ConfigStateBoth & Actions$3>, "subscribe"> & {
+declare const useConfigStore: zustand7.UseBoundStore<Omit<zustand7.StoreApi<ConfigStateInternal & ConfigStateMobile & ConfigStateWeb & ConfigStateBoth & Actions$3>, "subscribe"> & {
   subscribe: {
     (listener: (selectedState: ConfigStateInternal & ConfigStateMobile & ConfigStateWeb & ConfigStateBoth & Actions$3, previousSelectedState: ConfigStateInternal & ConfigStateMobile & ConfigStateWeb & ConfigStateBoth & Actions$3) => void): () => void;
     <U>(selector: (state: ConfigStateInternal & ConfigStateMobile & ConfigStateWeb & ConfigStateBoth & Actions$3) => U, listener: (selectedState: U, previousSelectedState: U) => void, options?: {
@@ -677,7 +681,7 @@ type Actions$2 = {
   disconnect: () => Promise<void>;
   reset: () => void;
 };
-declare const useConnectionStore: zustand1.UseBoundStore<Omit<zustand1.StoreApi<ConnectionState & Actions$2>, "subscribe"> & {
+declare const useConnectionStore: zustand7.UseBoundStore<Omit<zustand7.StoreApi<ConnectionState & Actions$2>, "subscribe"> & {
   subscribe: {
     (listener: (selectedState: ConnectionState & Actions$2, previousSelectedState: ConnectionState & Actions$2) => void): () => void;
     <U>(selector: (state: ConnectionState & Actions$2) => U, listener: (selectedState: U, previousSelectedState: U) => void, options?: {
@@ -728,7 +732,7 @@ type Actions$1 = {
   getParticipantById: (pid: string) => HumanParticipant | undefined;
   reset: () => void;
 };
-declare const useParticipantStore: zustand1.UseBoundStore<Omit<zustand1.StoreApi<ParticipantsState & Actions$1>, "subscribe"> & {
+declare const useParticipantStore: zustand7.UseBoundStore<Omit<zustand7.StoreApi<ParticipantsState & Actions$1>, "subscribe"> & {
   subscribe: {
     (listener: (selectedState: ParticipantsState & Actions$1, previousSelectedState: ParticipantsState & Actions$1) => void): () => void;
     <U>(selector: (state: ParticipantsState & Actions$1) => U, listener: (selectedState: U, previousSelectedState: U) => void, options?: {
@@ -774,7 +778,7 @@ type Actions = {
   updateTrack: (originalTrack: any, updatedTrack: Partial<Track>) => void;
   updateLocalTrack: (mediaType: MediaType, updatedTrack: Partial<Track>) => void;
 };
-declare const useTracksStore: zustand1.UseBoundStore<Omit<zustand1.StoreApi<TracksState & Actions>, "subscribe"> & {
+declare const useTracksStore: zustand7.UseBoundStore<Omit<zustand7.StoreApi<TracksState & Actions>, "subscribe"> & {
   subscribe: {
     (listener: (selectedState: TracksState & Actions, previousSelectedState: TracksState & Actions) => void): () => void;
     <U>(selector: (state: TracksState & Actions) => U, listener: (selectedState: U, previousSelectedState: U) => void, options?: {
@@ -856,6 +860,11 @@ declare class SessionMethodsCore {
    * Local user leaves the current session.
    */
   static leaveSession(): void;
+  /**
+   * Ends the current session for all participants.
+   * This will terminate the conference and disconnect everyone.
+   */
+  static endSessionForAll(): void;
   /**
    * Raises the user's virtual hand in the call.
    */
@@ -1112,6 +1121,7 @@ declare function removeScreenShareParticipant(participantId: string): void;
 declare function startSession(): void;
 declare function leaveSession(options?: {
   forceLeave?: boolean;
+  shouldEndSession?: boolean;
 }): Promise<void>;
 declare function leaveSessionDueToIdleTimeout(): Promise<void>;
 declare function reconnectSession(): Promise<void>;
@@ -1260,7 +1270,7 @@ interface TranslationState {
   translations: Record<string, typeof __json_default_export>;
   currentLocale: CometChatSupportedLocale | Omit<string, CometChatSupportedLocale>;
 }
-declare const useTranslationStore: zustand1.UseBoundStore<Omit<zustand1.StoreApi<Omit<TranslationState, "reset" | "setLocale"> & {
+declare const useTranslationStore: zustand7.UseBoundStore<Omit<zustand7.StoreApi<Omit<TranslationState, "reset" | "setLocale"> & {
   reset: () => void;
   setLocale: (locale: CometChatSupportedLocale) => void;
 }>, "subscribe"> & {
@@ -2647,6 +2657,10 @@ declare class MainVideoContainerSetting {
 //#region src/AppReactNativeSDK.d.ts
 interface AppProps extends Partial<ConfigStateMobile & ConfigStateBoth> {
   callToken: string;
+  /**
+   * @deprecated Use `sessionSettings` instead.
+   */
+  callSettings: CallSettings | Partial<ConfigStateMobile & ConfigStateBoth>;
   sessionSettings?: CallSettings | Partial<ConfigStateMobile & ConfigStateBoth>;
 }
 declare function AppReactNativeSDK(props: AppProps): React.JSX.Element;

package/dist/index.d.ts

@@ -357,6 +357,10 @@ type BaseState = {
     startIndex: number;
     endIndex: number;
   };
+  sidebarVisibleParticipants: {
+    startIndex: number;
+    endIndex: number;
+  };
 };
 type Actions$5 = {
   toggleParticipantListVisible: () => void;
@@ -856,6 +860,11 @@ declare class SessionMethodsCore {
    * Local user leaves the current session.
    */
   static leaveSession(): void;
+  /**
+   * Ends the current session for all participants.
+   * This will terminate the conference and disconnect everyone.
+   */
+  static endSessionForAll(): void;
   /**
    * Raises the user's virtual hand in the call.
    */
@@ -1112,6 +1121,7 @@ declare function removeScreenShareParticipant(participantId: string): void;
 declare function startSession(): void;
 declare function leaveSession(options?: {
   forceLeave?: boolean;
+  shouldEndSession?: boolean;
 }): Promise<void>;
 declare function leaveSessionDueToIdleTimeout(): Promise<void>;
 declare function reconnectSession(): Promise<void>;
@@ -2647,6 +2657,10 @@ declare class MainVideoContainerSetting {
 //#region src/AppReactNativeSDK.d.ts
 interface AppProps extends Partial<ConfigStateMobile & ConfigStateBoth> {
   callToken: string;
+  /**
+   * @deprecated Use `sessionSettings` instead.
+   */
+  callSettings: CallSettings | Partial<ConfigStateMobile & ConfigStateBoth>;
   sessionSettings?: CallSettings | Partial<ConfigStateMobile & ConfigStateBoth>;
 }
 declare function AppReactNativeSDK(props: AppProps): React.JSX.Element;

package/dist/index.js

@@ -566,6 +566,13 @@ var SessionMethodsCore = class {
 		leaveSession();
 	}
 	/**
+	* 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() {
@@ -1872,6 +1879,10 @@ const initialState$3 = {
 	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) => ({
@@ -2397,8 +2408,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) => {
@@ -2424,6 +2437,9 @@ const setReceiverConstraints = debounce(setReceiverConstraintsInternal, 200);
 useBaseStore.subscribe((state) => state.visibleParticipants, () => {
 	setReceiverConstraints();
 });
+useBaseStore.subscribe((state) => state.sidebarVisibleParticipants, () => {
+	setReceiverConstraints();
+});
 useBaseStore.subscribe((state) => state.layout, () => {
 	setReceiverConstraints();
 });
@@ -2522,7 +2538,6 @@ var ConferenceListener = class {
 	}
 	onConferenceJoinInProgress() {}
 	onConferenceFailed(errorName, error, message) {
-		console.log();
 		if (errorName === lib_jitsi_meet.default.errors.conference.CONFERENCE_DESTROYED) {
 			leaveSession({ forceLeave: true });
 			return;
@@ -2562,6 +2577,7 @@ var ConferenceListener = class {
 	}
 	onConnectionEstablished() {
 		useConferenceStore.setState({ conferenceStatus: "joined" });
+		setTimeout(setReceiverConstraints, 500);
 	}
 	onConnectionInterrupted() {
 		useConferenceStore.setState({ conferenceStatus: "interrupted" });
@@ -3072,7 +3088,7 @@ const sessionMutex = new Mutex();
 function leaveSession(options = {}) {
 	return sessionMutex.run(async () => {
 		const isPeerCall = useConfigStore.getState().isPeerCall;
-		const shouldEnd = isPeerCall && !options.forceLeave;
+		const shouldEnd = options.shouldEndSession || isPeerCall && !options.forceLeave;
 		if (shouldEnd) {
 			useConferenceStore.getState().endConference();
 			return;
@@ -7068,6 +7084,7 @@ async function callVerifyTokenAPI({ appId, region, calltoken, baseURL }) {
 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(() => {
@@ -7077,7 +7094,7 @@ function AppReactNativeSDK(props) {
 	}, []);
 	(0, react.useEffect)(() => {
 		const listeners = [];
-		const cs = props.sessionSettings ?? {};
+		const cs = sessionSettings ?? {};
 		if (cs.listener?.onUserJoined) {
 			listeners.push(CometChatCalls.addEventListener("onParticipantJoined", cs.listener.onUserJoined));
 		}
@@ -7115,7 +7132,7 @@ function AppReactNativeSDK(props) {
 				listener();
 			});
 		};
-	}, [props.sessionSettings]);
+	}, [sessionSettings]);
 	(0, react.useEffect)(() => {
 		callVerifyTokenAPI({
 			appId: CometChatCalls.appSettings?.appId || "",
@@ -7145,8 +7162,8 @@ function AppReactNativeSDK(props) {
 		});
 	}
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(index_native_default, { sessionSettings: {
-		...props.sessionSettings,
-		...convertLegacyCallSettingsToV5Props(props?.sessionSettings ?? {}),
+		...sessionSettings,
+		...convertLegacyCallSettingsToV5Props(sessionSettings ?? {}),
 		internalSettings
 	} });
 }

package/dist/index.mjs

@@ -534,6 +534,13 @@ var SessionMethodsCore = class {
 		leaveSession();
 	}
 	/**
+	* 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() {
@@ -1840,6 +1847,10 @@ const initialState$3 = {
 	visibleParticipants: {
 		startIndex: 0,
 		endIndex: 0
+	},
+	sidebarVisibleParticipants: {
+		startIndex: 0,
+		endIndex: 0
 	}
 };
 const useBaseStore = create()(subscribeWithSelector(persist(combine(initialState$3, (set, get$1) => ({
@@ -2365,8 +2376,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) => {
@@ -2392,6 +2405,9 @@ const setReceiverConstraints = debounce(setReceiverConstraintsInternal, 200);
 useBaseStore.subscribe((state) => state.visibleParticipants, () => {
 	setReceiverConstraints();
 });
+useBaseStore.subscribe((state) => state.sidebarVisibleParticipants, () => {
+	setReceiverConstraints();
+});
 useBaseStore.subscribe((state) => state.layout, () => {
 	setReceiverConstraints();
 });
@@ -2490,7 +2506,6 @@ var ConferenceListener = class {
 	}
 	onConferenceJoinInProgress() {}
 	onConferenceFailed(errorName, error, message) {
-		console.log();
 		if (errorName === JitsiMeetJS.errors.conference.CONFERENCE_DESTROYED) {
 			leaveSession({ forceLeave: true });
 			return;
@@ -2530,6 +2545,7 @@ var ConferenceListener = class {
 	}
 	onConnectionEstablished() {
 		useConferenceStore.setState({ conferenceStatus: "joined" });
+		setTimeout(setReceiverConstraints, 500);
 	}
 	onConnectionInterrupted() {
 		useConferenceStore.setState({ conferenceStatus: "interrupted" });
@@ -3040,7 +3056,7 @@ const sessionMutex = new Mutex();
 function leaveSession(options = {}) {
 	return sessionMutex.run(async () => {
 		const isPeerCall = useConfigStore.getState().isPeerCall;
-		const shouldEnd = isPeerCall && !options.forceLeave;
+		const shouldEnd = options.shouldEndSession || isPeerCall && !options.forceLeave;
 		if (shouldEnd) {
 			useConferenceStore.getState().endConference();
 			return;
@@ -7036,6 +7052,7 @@ async function callVerifyTokenAPI({ appId, region, calltoken, baseURL }) {
 function AppReactNativeSDK(props) {
 	const [internalSettings, setInternalSettings] = React.useState(null);
 	const [infoMessage, setInfoMessage] = React.useState(null);
+	const sessionSettings = props.sessionSettings ?? props.callSettings ?? {};
 	useEffect(() => {
 		return eventBus.subscribe("onConnectionClosed", () => {
 			setTimeout(() => {
@@ -7045,7 +7062,7 @@ function AppReactNativeSDK(props) {
 	}, []);
 	useEffect(() => {
 		const listeners = [];
-		const cs = props.sessionSettings ?? {};
+		const cs = sessionSettings ?? {};
 		if (cs.listener?.onUserJoined) {
 			listeners.push(CometChatCalls.addEventListener("onParticipantJoined", cs.listener.onUserJoined));
 		}
@@ -7083,7 +7100,7 @@ function AppReactNativeSDK(props) {
 				listener();
 			});
 		};
-	}, [props.sessionSettings]);
+	}, [sessionSettings]);
 	useEffect(() => {
 		callVerifyTokenAPI({
 			appId: CometChatCalls.appSettings?.appId || "",
@@ -7113,8 +7130,8 @@ function AppReactNativeSDK(props) {
 		});
 	}
 	return /* @__PURE__ */ jsx(index_native_default, { sessionSettings: {
-		...props.sessionSettings,
-		...convertLegacyCallSettingsToV5Props(props?.sessionSettings ?? {}),
+		...sessionSettings,
+		...convertLegacyCallSettingsToV5Props(sessionSettings ?? {}),
 		internalSettings
 	} });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cometchat/calls-sdk-react-native",
-  "version": "5.0.0-beta.5",
+  "version": "5.0.0-beta.7",
   "description": "CometChat Calls SDK for React Native provides voice and video calling capabilities for React Native applications.",
   "private": false,
   "main": "dist/index.js",
@@ -13,17 +13,17 @@
     "cometchat-calls-sdk-react-native.podspec"
   ],
   "scripts": {},
-  "dependencies": {
+  "dependencies": {},
+  "devDependencies": {},
+  "peerDependencies": {
     "@xmldom/xmldom": "^0.8.11",
     "abab": "^2.0.6",
-    "clsx": "^2.1.1",
     "promise.allsettled": "^1.0.7",
     "text-encoding": "^0.7.0",
     "valibot": "^1.2.0",
-    "lib-jitsi-meet": "https://github.com/jitsi/lib-jitsi-meet/releases/download/v1790.0.0+311766e3/lib-jitsi-meet.tgz"
+    "lib-jitsi-meet": "https://github.com/jitsi/lib-jitsi-meet/releases/download/v1790.0.0+311766e3/lib-jitsi-meet.tgz",
+    "zustand": "^5.0.4"
   },
-  "devDependencies": {},
-  "peerDependencies": {},
   "engines": {
     "node": ">=18"
   },