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

package/dist/index.d.mts

@@ -1,5 +1,5 @@
 import * as v from "valibot";
-import * as zustand1 from "zustand";
+import * as zustand0 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: zustand0.UseBoundStore<Omit<Omit<zustand0.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: zustand0.UseBoundStore<Omit<zustand0.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: zustand0.UseBoundStore<Omit<zustand0.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: zustand0.UseBoundStore<Omit<zustand0.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: zustand0.UseBoundStore<Omit<zustand0.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: zustand0.UseBoundStore<Omit<zustand0.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?: {
@@ -1260,7 +1264,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: zustand0.UseBoundStore<Omit<zustand0.StoreApi<Omit<TranslationState, "reset" | "setLocale"> & {
   reset: () => void;
   setLocale: (locale: CometChatSupportedLocale) => void;
 }>, "subscribe"> & {

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;

package/dist/index.js

@@ -1872,6 +1872,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 +2401,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 +2430,9 @@ const setReceiverConstraints = debounce(setReceiverConstraintsInternal, 200);
 useBaseStore.subscribe((state) => state.visibleParticipants, () => {
 	setReceiverConstraints();
 });
+useBaseStore.subscribe((state) => state.sidebarVisibleParticipants, () => {
+	setReceiverConstraints();
+});
 useBaseStore.subscribe((state) => state.layout, () => {
 	setReceiverConstraints();
 });
@@ -2562,6 +2571,7 @@ var ConferenceListener = class {
 	}
 	onConnectionEstablished() {
 		useConferenceStore.setState({ conferenceStatus: "joined" });
+		setTimeout(setReceiverConstraints, 500);
 	}
 	onConnectionInterrupted() {
 		useConferenceStore.setState({ conferenceStatus: "interrupted" });

package/dist/index.mjs

@@ -1840,6 +1840,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 +2369,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 +2398,9 @@ const setReceiverConstraints = debounce(setReceiverConstraintsInternal, 200);
 useBaseStore.subscribe((state) => state.visibleParticipants, () => {
 	setReceiverConstraints();
 });
+useBaseStore.subscribe((state) => state.sidebarVisibleParticipants, () => {
+	setReceiverConstraints();
+});
 useBaseStore.subscribe((state) => state.layout, () => {
 	setReceiverConstraints();
 });
@@ -2530,6 +2539,7 @@ var ConferenceListener = class {
 	}
 	onConnectionEstablished() {
 		useConferenceStore.setState({ conferenceStatus: "joined" });
+		setTimeout(setReceiverConstraints, 500);
 	}
 	onConnectionInterrupted() {
 		useConferenceStore.setState({ conferenceStatus: "interrupted" });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cometchat/calls-sdk-react-native",
-  "version": "5.0.0-beta.5",
+  "version": "5.0.0-beta.6",
   "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"
   },