@whereby.com/browser-sdk 3.9.11 → 3.10.0

package/dist/react/index.cjs

@@ -27,10 +27,14 @@ function _interopNamespaceDefault(e) {
 var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 var PopoverPrimitive__namespace = /*#__PURE__*/_interopNamespaceDefault(PopoverPrimitive);
 
+const WherebyContext = React__namespace.createContext(null);
+reactRedux.createStoreHook(WherebyContext);
+const useDispatch = reactRedux.createDispatchHook(WherebyContext);
+const useSelector = reactRedux.createSelectorHook(WherebyContext);
 function Provider({ children }) {
     const services = core.createServices();
     const store = core.createStore({ injectServices: services });
-    return React__namespace.createElement(reactRedux.Provider, { store: store }, children);
+    return (React__namespace.createElement(reactRedux.Provider, { context: WherebyContext, store: store }, children));
 }
 
 /******************************************************************************
@@ -67,8 +71,8 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-const useAppDispatch = reactRedux.useDispatch.withTypes();
-const useAppSelector = reactRedux.useSelector.withTypes();
+const useAppDispatch = useDispatch.withTypes();
+const useAppSelector = useSelector.withTypes();
 
 const VideoView = React__namespace.forwardRef((_a, ref) => {
     var { muted, mirror = false, stream, onVideoResize } = _a, rest = __rest(_a, ["muted", "mirror", "stream", "onVideoResize"]);
@@ -168,7 +172,7 @@ const selectRoomConnectionState = toolkit.createSelector(core.selectChatMessages
     return state;
 });
 
-const browserSdkVersion = "3.9.11";
+const browserSdkVersion = "3.10.0";
 
 const defaultRoomConnectionOptions = {
     localMediaOptions: {
@@ -2159,9 +2163,9 @@ const GridVideoView = React__namespace.forwardRef((_a, ref) => {
     }, [clientAspectRatios, participant.id, onSetClientAspectRatio]);
     const s = stream || participant.stream;
     if (!s) {
-        return null;
+        return (React__namespace.createElement(VideoMutedIndicator, { isSmallCell: false, displayName: (participant === null || participant === void 0 ? void 0 : participant.displayName) || "Guest", withRoundedCorners: true }));
     }
-    return (React__namespace.createElement(VideoView, Object.assign({ ref: videoEl, style: Object.assign(Object.assign({ borderRadius: isConstrained ? 0 : "8px" }, (isConstrained ? { objectFit: "cover" } : {})), style) }, rest, { stream: s, onVideoResize: handleResize })));
+    return (React__namespace.createElement(VideoView, Object.assign({ ref: videoEl, style: Object.assign(Object.assign({ borderRadius: isConstrained ? 0 : "8px" }, (isConstrained ? { objectFit: "cover" } : {})), style), muted: participant.isLocalClient }, rest, { stream: s, onVideoResize: handleResize })));
 });
 GridVideoView.displayName = "GridVideoView";
 function renderCellView({ cellView, enableParticipantMenu, render }) {

package/dist/react/index.esm.js

@@ -1,14 +1,18 @@
 import * as React from 'react';
-import { Provider as Provider$1, useDispatch, useSelector } from 'react-redux';
+import { createStoreHook, createDispatchHook, createSelectorHook, Provider as Provider$1 } from 'react-redux';
 import { createServices, createStore, selectCurrentSpeakerDeviceId, debounce, doRtcReportStreamResolution, selectChatMessages, selectCloudRecordingRaw, selectLocalParticipantRaw, selectLocalMediaStream, selectRemoteParticipants, selectScreenshares, selectRoomConnectionStatus, selectStreamingRaw, selectWaitingParticipants, selectNotificationsEmitter, selectSpotlightedClientViews, doAppStop, doSendChatMessage, doKnockRoom, doSetDisplayName, toggleCameraEnabled, toggleMicrophoneEnabled, toggleLowDataModeEnabled, doSetLocalStickyReaction, doRequestAudioEnable, doRequestVideoEnable, doAcceptWaitingParticipant, doRejectWaitingParticipant, doStartCloudRecording, doStartScreenshare, doStopCloudRecording, doStopScreenshare, doAppStart, doLockRoom, doSpotlightParticipant, doRemoveSpotlight, doKickParticipant, doEndMeeting, selectCameraDeviceError, selectCameraDevices, selectCurrentCameraDeviceId, selectCurrentMicrophoneDeviceId, selectIsSettingCameraDevice, selectIsSettingMicrophoneDevice, selectIsLocalMediaStarting, selectMicrophoneDeviceError, selectMicrophoneDevices, selectSpeakerDevices, selectLocalMediaStartError, doStartLocalMedia, doStopLocalMedia, setCurrentCameraDeviceId, setCurrentMicrophoneDeviceId, setCurrentSpeakerDeviceId, selectAllClientViews, selectNumParticipants } from '@whereby.com/core';
 import { createSelector } from '@reduxjs/toolkit';
 import runes from 'runes';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 
+const WherebyContext = React.createContext(null);
+createStoreHook(WherebyContext);
+const useDispatch = createDispatchHook(WherebyContext);
+const useSelector = createSelectorHook(WherebyContext);
 function Provider({ children }) {
     const services = createServices();
     const store = createStore({ injectServices: services });
-    return React.createElement(Provider$1, { store: store }, children);
+    return (React.createElement(Provider$1, { context: WherebyContext, store: store }, children));
 }
 
 /******************************************************************************
@@ -146,7 +150,7 @@ const selectRoomConnectionState = createSelector(selectChatMessages, selectCloud
     return state;
 });
 
-const browserSdkVersion = "3.9.11";
+const browserSdkVersion = "3.10.0";
 
 const defaultRoomConnectionOptions = {
     localMediaOptions: {
@@ -2137,9 +2141,9 @@ const GridVideoView = React.forwardRef((_a, ref) => {
     }, [clientAspectRatios, participant.id, onSetClientAspectRatio]);
     const s = stream || participant.stream;
     if (!s) {
-        return null;
+        return (React.createElement(VideoMutedIndicator, { isSmallCell: false, displayName: (participant === null || participant === void 0 ? void 0 : participant.displayName) || "Guest", withRoundedCorners: true }));
     }
-    return (React.createElement(VideoView, Object.assign({ ref: videoEl, style: Object.assign(Object.assign({ borderRadius: isConstrained ? 0 : "8px" }, (isConstrained ? { objectFit: "cover" } : {})), style) }, rest, { stream: s, onVideoResize: handleResize })));
+    return (React.createElement(VideoView, Object.assign({ ref: videoEl, style: Object.assign(Object.assign({ borderRadius: isConstrained ? 0 : "8px" }, (isConstrained ? { objectFit: "cover" } : {})), style), muted: participant.isLocalClient }, rest, { stream: s, onVideoResize: handleResize })));
 });
 GridVideoView.displayName = "GridVideoView";
 function renderCellView({ cellView, enableParticipantMenu, render }) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@whereby.com/browser-sdk",
-  "version": "3.9.11",
+  "version": "3.10.0",
   "description": "Modules for integration Whereby video in web apps",
   "author": "Whereby AS",
   "license": "MIT",
@@ -80,7 +80,7 @@
   "dependencies": {
     "@radix-ui/react-popover": "^1.0.7",
     "@reduxjs/toolkit": "^2.2.3",
-    "@whereby.com/core": "0.29.0",
+    "@whereby.com/core": "0.29.1",
     "clsx": "^2.1.1",
     "heresy": "^1.0.4",
     "react-redux": "^9.1.1",