@whereby.com/browser-sdk 3.29.8 → 3.30.0

package/dist/react/index.cjs

@@ -172,7 +172,7 @@ const VideoView = React__namespace.forwardRef((_a, ref) => {
 });
 VideoView.displayName = "VideoView";
 
-const browserSdkVersion = "3.29.8";
+const browserSdkVersion = "3.30.0";
 
 const initialState$1 = {
     chatMessages: [],
@@ -231,6 +231,7 @@ function useRoomConnection(roomUrl, roomConnectionOptions = defaultRoomConnectio
         return {
             displayName: roomConnectionOptions.displayName || "Guest",
             localMediaOptions: roomConnectionOptions.localMedia ? undefined : roomConnectionOptions.localMediaOptions,
+            initialMuteStates: roomConnectionOptions.initialMuteStates,
             roomKey,
             roomUrl,
             userAgent: `browser-sdk:${browserSdkVersion}`,
@@ -378,6 +379,8 @@ function useRoomConnection(roomUrl, roomConnectionOptions = defaultRoomConnectio
 
 const initialState = {
     cameraDeviceError: null,
+    isCameraEnabled: false,
+    isMicrophoneEnabled: false,
     isStarting: false,
     isSettingCameraDevice: false,
     isSettingMicrophoneDevice: false,
@@ -1854,15 +1857,11 @@ function calculateSubgridViews({ clientViews, activeVideosSubgridTrigger, should
 }
 function useGridParticipants({ activeVideosSubgridTrigger = ACTIVE_VIDEO_SUBGRID_TRIGGER, stageParticipantLimit = STAGE_PARTICIPANT_LIMIT, forceSubgrid = true, enableSubgrid = true, maximizedParticipant, floatingParticipant, isConstrained = false, } = {}) {
     var _a;
-    const [state, setState] = React__namespace.useState({
-        allClientViews: [],
-        spotlightedParticipants: [],
-        numParticipants: 0,
-    });
     const client = (_a = React__namespace.useContext(WherebyContext)) === null || _a === void 0 ? void 0 : _a.getGrid();
     if (!client) {
         throw new Error("useGridParticipants must be used within a WherebyProvider");
     }
+    const [state, setState] = React__namespace.useState(() => client.getState());
     const handleClientViewChanged = React__namespace.useCallback((clientViews) => {
         setState((prevState) => (Object.assign(Object.assign({}, prevState), { allClientViews: clientViews })));
     }, [setState]);
@@ -1876,6 +1875,7 @@ function useGridParticipants({ activeVideosSubgridTrigger = ACTIVE_VIDEO_SUBGRID
         const unsubscribeClientViews = client.subscribeClientViews(handleClientViewChanged);
         const unsubscribeSpotlighted = client.subscribeSpotlightedParticipants(handleSpotlightedParticipantsChanged);
         const unsubscribeNumParticipants = client.subscribeNumberOfClientViews(handleNumParticipantsChanged);
+        setState(client.getState());
         return () => {
             unsubscribeClientViews();
             unsubscribeSpotlighted();

package/dist/react/index.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { LocalMediaState, LocalMediaOptions, RoomJoinedSuccess, SendFilesOptions, ChatFileShare, StartBreakoutSessionOptions, UpdateBreakoutSessionOptions, RoomConnectionState, NotificationsEventEmitter, ClientView } from '@whereby.com/core';
+import { LocalMediaState, LocalMediaOptions, InitialMuteStates, RoomJoinedSuccess, SendFilesOptions, ChatFileShare, StartBreakoutSessionOptions, UpdateBreakoutSessionOptions, RoomConnectionState, NotificationsEventEmitter, ClientView } from '@whereby.com/core';
 export { ACCEPTED_FILE_TYPES, BreakoutState as Breakout, ChatFileShare, ChatMessageState as ChatMessage, CloudRecordingState as CloudRecording, FileShareError, FileUpload, KnockResponse, LiveStreamState as LiveStreaming, LocalParticipantState as LocalParticipant, MAX_FILES_PER_UPLOAD, MAX_FILE_SIZE, RemoteParticipantState as RemoteParticipant, RoomConnectionState as RoomConnection, ScreenshareState as Screenshare, SendFilesOptions, WaitingParticipantState as WaitingParticipant, getUsableCameraEffectPresets, isAudioDenoiserSupported } from '@whereby.com/core';
 import * as _radix_ui_react_popover from '@radix-ui/react-popover';
 import { PopoverProps } from '@radix-ui/react-popover';
@@ -50,6 +50,7 @@ type UseLocalMediaOptions = LocalMediaOptions;
 interface RoomConnectionOptions {
     displayName?: string;
     localMediaOptions?: LocalMediaOptions;
+    initialMuteStates?: InitialMuteStates;
     roomKey?: string;
     localMedia?: UseLocalMediaResult;
     externalId?: string;

package/dist/react/index.esm.js

@@ -151,7 +151,7 @@ const VideoView = React.forwardRef((_a, ref) => {
 });
 VideoView.displayName = "VideoView";
 
-const browserSdkVersion = "3.29.8";
+const browserSdkVersion = "3.30.0";
 
 const initialState$1 = {
     chatMessages: [],
@@ -210,6 +210,7 @@ function useRoomConnection(roomUrl, roomConnectionOptions = defaultRoomConnectio
         return {
             displayName: roomConnectionOptions.displayName || "Guest",
             localMediaOptions: roomConnectionOptions.localMedia ? undefined : roomConnectionOptions.localMediaOptions,
+            initialMuteStates: roomConnectionOptions.initialMuteStates,
             roomKey,
             roomUrl,
             userAgent: `browser-sdk:${browserSdkVersion}`,
@@ -357,6 +358,8 @@ function useRoomConnection(roomUrl, roomConnectionOptions = defaultRoomConnectio
 
 const initialState = {
     cameraDeviceError: null,
+    isCameraEnabled: false,
+    isMicrophoneEnabled: false,
     isStarting: false,
     isSettingCameraDevice: false,
     isSettingMicrophoneDevice: false,
@@ -1833,15 +1836,11 @@ function calculateSubgridViews({ clientViews, activeVideosSubgridTrigger, should
 }
 function useGridParticipants({ activeVideosSubgridTrigger = ACTIVE_VIDEO_SUBGRID_TRIGGER, stageParticipantLimit = STAGE_PARTICIPANT_LIMIT, forceSubgrid = true, enableSubgrid = true, maximizedParticipant, floatingParticipant, isConstrained = false, } = {}) {
     var _a;
-    const [state, setState] = React.useState({
-        allClientViews: [],
-        spotlightedParticipants: [],
-        numParticipants: 0,
-    });
     const client = (_a = React.useContext(WherebyContext)) === null || _a === void 0 ? void 0 : _a.getGrid();
     if (!client) {
         throw new Error("useGridParticipants must be used within a WherebyProvider");
     }
+    const [state, setState] = React.useState(() => client.getState());
     const handleClientViewChanged = React.useCallback((clientViews) => {
         setState((prevState) => (Object.assign(Object.assign({}, prevState), { allClientViews: clientViews })));
     }, [setState]);
@@ -1855,6 +1854,7 @@ function useGridParticipants({ activeVideosSubgridTrigger = ACTIVE_VIDEO_SUBGRID
         const unsubscribeClientViews = client.subscribeClientViews(handleClientViewChanged);
         const unsubscribeSpotlighted = client.subscribeSpotlightedParticipants(handleSpotlightedParticipantsChanged);
         const unsubscribeNumParticipants = client.subscribeNumberOfClientViews(handleNumParticipantsChanged);
+        setState(client.getState());
         return () => {
             unsubscribeClientViews();
             unsubscribeSpotlighted();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@whereby.com/browser-sdk",
-  "version": "3.29.8",
+  "version": "3.30.0",
   "description": "Modules for integration Whereby video in web apps",
   "author": "Whereby AS",
   "license": "MIT",
@@ -65,16 +65,16 @@
     "typescript": "^5.8.3",
     "eslint-plugin-storybook": "9.0.16",
     "@storybook/addon-docs": "^9.0.16",
-    "@whereby.com/eslint-config": "0.1.0",
     "@whereby.com/jest-config": "0.1.0",
+    "@whereby.com/prettier-config": "0.1.0",
     "@whereby.com/rollup-config": "0.1.1",
-    "@whereby.com/tsconfig": "0.1.0",
-    "@whereby.com/prettier-config": "0.1.0"
+    "@whereby.com/eslint-config": "0.1.0",
+    "@whereby.com/tsconfig": "0.1.0"
   },
   "dependencies": {
     "@radix-ui/react-popover": "^1.0.7",
     "@whereby.com/media": "10.0.0",
-    "@whereby.com/core": "1.19.0",
+    "@whereby.com/core": "1.20.0",
     "clsx": "^2.1.1",
     "heresy": "^1.0.4",
     "runes": "^0.4.3"