@whereby.com/browser-sdk 3.34.2 → 3.36.0

package/dist/react/index.cjs

@@ -2,6 +2,7 @@
 
 var React = require('react');
 var core = require('@whereby.com/core');
+var adapterRaw = require('webrtc-adapter');
 var runes = require('runes');
 var PopoverPrimitive = require('@radix-ui/react-popover');
 
@@ -80,6 +81,9 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
+var _a, _b;
+const adapter = (_a = adapterRaw.default) !== null && _a !== void 0 ? _a : adapterRaw;
+const isSafari = ((_b = adapter.browserDetails) === null || _b === void 0 ? void 0 : _b.browser) === "safari";
 const useAudioElement = ({ stream, muted }) => {
     var _a, _b;
     const audioEl = React__namespace.useRef(null);
@@ -101,6 +105,11 @@ const useAudioElement = ({ stream, muted }) => {
         if (audioEl.current.srcObject !== stream) {
             audioEl.current.srcObject = stream;
         }
+        if (isSafari) {
+            audioEl.current.play().catch((err) => {
+                console.warn(`Failed to start audio playback: ${err}`);
+            });
+        }
         if (audioEl.current.setSinkId) {
             audioEl.current.setSinkId(currentSpeakerId).catch((err) => {
                 console.warn(`Failed to set audio output device: ${err}`);
@@ -172,7 +181,7 @@ const VideoView = React__namespace.forwardRef((_a, ref) => {
 });
 VideoView.displayName = "VideoView";
 
-const browserSdkVersion = "3.34.2";
+const browserSdkVersion = "3.36.0";
 
 const initialState$1 = {
     chatMessages: [],
@@ -199,6 +208,7 @@ const initialState$1 = {
         participantsInCurrentGroup: [],
         broadcastingParticipants: [],
     },
+    remoteParticipantQualityReport: {},
     isAudioOnlyModeEnabled: false,
     isCameraEnabled: false,
     isMicrophoneEnabled: false,

package/dist/react/index.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import * as _whereby_com_core from '@whereby.com/core';
 import { LocalMediaState, LocalMediaOptions, InitialMuteStates, RoomJoinedSuccess, SendFilesOptions, ChatFileShare, ToggleAudioOnlyModeOptions, RoomIntegrationProps, StartBreakoutSessionOptions, UpdateBreakoutSessionOptions, RoomConnectionState, NotificationsEventEmitter, ClientView, RoomIntegrationSessionView, RoomIntegration, RoomIntegrationPickerResult } 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, ROOM_INTEGRATION_PICKER_MESSAGES, RemoteParticipantState as RemoteParticipant, RoomConnectionState as RoomConnection, RoomIntegration, RoomIntegrationContent, RoomIntegrationError, RoomIntegrationErrorDetail, RoomIntegrationPickerResult, RoomIntegrationProps, RoomIntegrationSession, RoomIntegrationSessionView, RoomIntegrationsState as RoomIntegrations, ScreenshareState as Screenshare, SendFilesOptions, ToggleAudioOnlyModeOptions, WaitingParticipantState as WaitingParticipant, YouTubeContentMetadata, getUsableCameraEffectPresets, isAudioDenoiserSupported, roomIntegrationContent, roomIntegrationContentTagName, roomIntegrationPickerUrl } from '@whereby.com/core';
+export { ACCEPTED_FILE_TYPES, BreakoutState as Breakout, CallQualityLevel, ChatFileShare, ChatMessageState as ChatMessage, CloudRecordingState as CloudRecording, FileShareError, FileUpload, KnockResponse, LiveStreamState as LiveStreaming, LocalParticipantState as LocalParticipant, MAX_FILES_PER_UPLOAD, MAX_FILE_SIZE, ROOM_INTEGRATION_PICKER_MESSAGES, RemoteParticipantState as RemoteParticipant, RemoteParticipantQualityReport, RoomConnectionState as RoomConnection, RoomIntegration, RoomIntegrationContent, RoomIntegrationError, RoomIntegrationErrorDetail, RoomIntegrationPickerResult, RoomIntegrationProps, RoomIntegrationSession, RoomIntegrationSessionView, RoomIntegrationsState as RoomIntegrations, ScreenshareState as Screenshare, SendFilesOptions, ToggleAudioOnlyModeOptions, WaitingParticipantState as WaitingParticipant, YouTubeContentMetadata, getUsableCameraEffectPresets, isAudioDenoiserSupported, roomIntegrationContent, roomIntegrationContentTagName, roomIntegrationPickerUrl } from '@whereby.com/core';
 import * as _radix_ui_react_popover from '@radix-ui/react-popover';
 import { PopoverProps } from '@radix-ui/react-popover';
 

package/dist/react/index.esm.js

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { WherebyClient, CURRENT_SPEAKER_CHANGED, debounce, ROOM_INTEGRATION_PICKER_MESSAGES, roomIntegrationPickerUrl } from '@whereby.com/core';
 export { ACCEPTED_FILE_TYPES, MAX_FILES_PER_UPLOAD, MAX_FILE_SIZE, ROOM_INTEGRATION_PICKER_MESSAGES, getUsableCameraEffectPresets, isAudioDenoiserSupported, roomIntegrationContent, roomIntegrationContentTagName, roomIntegrationPickerUrl } from '@whereby.com/core';
+import adapterRaw from 'webrtc-adapter';
 import runes from 'runes';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 
@@ -59,6 +60,9 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
+var _a, _b;
+const adapter = (_a = adapterRaw.default) !== null && _a !== void 0 ? _a : adapterRaw;
+const isSafari = ((_b = adapter.browserDetails) === null || _b === void 0 ? void 0 : _b.browser) === "safari";
 const useAudioElement = ({ stream, muted }) => {
     var _a, _b;
     const audioEl = React.useRef(null);
@@ -80,6 +84,11 @@ const useAudioElement = ({ stream, muted }) => {
         if (audioEl.current.srcObject !== stream) {
             audioEl.current.srcObject = stream;
         }
+        if (isSafari) {
+            audioEl.current.play().catch((err) => {
+                console.warn(`Failed to start audio playback: ${err}`);
+            });
+        }
         if (audioEl.current.setSinkId) {
             audioEl.current.setSinkId(currentSpeakerId).catch((err) => {
                 console.warn(`Failed to set audio output device: ${err}`);
@@ -151,7 +160,7 @@ const VideoView = React.forwardRef((_a, ref) => {
 });
 VideoView.displayName = "VideoView";
 
-const browserSdkVersion = "3.34.2";
+const browserSdkVersion = "3.36.0";
 
 const initialState$1 = {
     chatMessages: [],
@@ -178,6 +187,7 @@ const initialState$1 = {
         participantsInCurrentGroup: [],
         broadcastingParticipants: [],
     },
+    remoteParticipantQualityReport: {},
     isAudioOnlyModeEnabled: false,
     isCameraEnabled: false,
     isMicrophoneEnabled: false,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@whereby.com/browser-sdk",
-  "version": "3.34.2",
+  "version": "3.36.0",
   "description": "Modules for integration Whereby video in web apps",
   "author": "Whereby AS",
   "license": "MIT",
@@ -73,11 +73,12 @@
   },
   "dependencies": {
     "@radix-ui/react-popover": "^1.0.7",
-    "@whereby.com/media": "11.3.0",
-    "@whereby.com/core": "1.24.0",
+    "@whereby.com/media": "11.3.1",
+    "@whereby.com/core": "1.26.0",
     "clsx": "^2.1.1",
     "heresy": "^1.0.4",
-    "runes": "^0.4.3"
+    "runes": "^0.4.3",
+    "webrtc-adapter": "9.0.4"
   },
   "peerDependencies": {
     "react": ">=18.2.0",