@snapcall/stream-ui 1.37.3 → 1.37.4

package/dist/stream-ui.esm.js

@@ -13,7 +13,6 @@ import {Form as $3Sbms$Form, FormField as $3Sbms$FormField, FormItem as $3Sbms$F
 import {useForm as $3Sbms$useForm} from "react-hook-form";
 import {v4 as $3Sbms$v4} from "uuid";
 import {WebSocketTransport as $3Sbms$WebSocketTransport, Peer as $3Sbms$Peer} from "protoo-client";
-import {Producer as $3Sbms$Producer} from "mediasoup-client/lib/Producer";
 import {Device as $3Sbms$Device} from "mediasoup-client";
 import {Buffer as $3Sbms$Buffer} from "buffer";
 import {SelfieSegmentation as $3Sbms$SelfieSegmentation} from "@mediapipe/selfie_segmentation";
@@ -1005,7 +1004,6 @@ const $15ddac3121cc3a5d$export$4a210166cc9cb64b = async (src)=>{
 
 
 
-
 const $a2f0e3c29b11c88e$var$log = new (0, $0f65a9eaf4a1e910$export$2e2bcd8739ae039)('StreamerMediasoup');
 const $a2f0e3c29b11c88e$var$SCREEN_SHARING_SIMULCAST_ENCODINGS = [
     {
@@ -3240,7 +3238,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
             if (videoCount >= 9) scale = {
                 scaleResolutionDownBy: 4
             };
-            if (!(0, $3Sbms$Producer).prototype.setRtpEncodingParameters) return this.camera.scaleVideoMediasConstraintsParameter(scale.scaleResolutionDownBy);
+            if (!this.webcamProducer?.setRtpEncodingParameters) return this.camera.scaleVideoMediasConstraintsParameter(scale.scaleResolutionDownBy);
             if (this.webcamProducer && !this.webcamProducer.closed) {
                 $c31e3fb4360572af$var$log.log('scaleVideoEncodingsParameter', `scaling video by ${scale.scaleResolutionDownBy}`);
                 this.webcamProducer?.setRtpEncodingParameters?.(scale).catch((err)=>{
@@ -3296,6 +3294,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
     }
     async enableVideo(config) {
         await this._enableVideo(config).catch((error)=>{
+            console.error('enableVideo error', error);
             this.disableVideo();
             this.camera.webcam.error = error;
             if (error.cause !== $c31e3fb4360572af$export$75139ad9ea82cac9 && window.Sentry) window.Sentry.captureException(error);
@@ -10025,6 +10024,7 @@ const $b4057e63640314b7$export$aa00db7a33d4c484 = ({ isVideoBotEnabled: isVideoB
 
 
 
+
 const $2231be1261227854$var$audioModes = [
     'video',
     'audio',
@@ -10069,6 +10069,11 @@ const $2231be1261227854$export$ca9d588768f0d0da = ({ children: children })=>{
     });
     const hasDeniedPermissions = permissionsQuery.error?.message.includes('denied');
     const devicesState = (0, $c9e496369b59be7a$export$2f377c2162fd02b2).getDevicesState();
+    (0, $3Sbms$useEffect)(()=>{
+        if (permissionsQuery.error) console.log('permissionsQuery error', permissionsQuery.error);
+    }, [
+        permissionsQuery.error
+    ]);
     if (mode !== 'screen' && permissionsQuery.isSuccess || devicesState.screenshare.enabled) return children;
     return /*#__PURE__*/ (0, $3Sbms$jsxs)("div", {
         className: "flex flex-col items-center gap-8 text-center max-w-[500px] mx-auto p-8 bg-gray-50 border border-gray-200 rounded-2xl shadow-xs",

package/dist/stream-ui.js

@@ -13,7 +13,6 @@ var $jQDcL$snapcalldesignsystemform = require("@snapcall/design-system/form");
 var $jQDcL$reacthookform = require("react-hook-form");
 var $jQDcL$uuid = require("uuid");
 var $jQDcL$protooclient = require("protoo-client");
-var $jQDcL$mediasoupclientlibProducer = require("mediasoup-client/lib/Producer");
 var $jQDcL$mediasoupclient = require("mediasoup-client");
 var $jQDcL$buffer = require("buffer");
 var $jQDcL$mediapipeselfie_segmentation = require("@mediapipe/selfie_segmentation");
@@ -1011,7 +1010,6 @@ const $3575c8a563f2a1da$export$4a210166cc9cb64b = async (src)=>{
 
 
 
-
 const $a62e7f17be5cf3a0$var$log = new (0, $d0c6baf97675ab49$export$2e2bcd8739ae039)('StreamerMediasoup');
 const $a62e7f17be5cf3a0$var$SCREEN_SHARING_SIMULCAST_ENCODINGS = [
     {
@@ -3246,7 +3244,7 @@ class $1dedebd5ff3002eb$export$2e2bcd8739ae039 extends $1dedebd5ff3002eb$var$Str
             if (videoCount >= 9) scale = {
                 scaleResolutionDownBy: 4
             };
-            if (!(0, $jQDcL$mediasoupclientlibProducer.Producer).prototype.setRtpEncodingParameters) return this.camera.scaleVideoMediasConstraintsParameter(scale.scaleResolutionDownBy);
+            if (!this.webcamProducer?.setRtpEncodingParameters) return this.camera.scaleVideoMediasConstraintsParameter(scale.scaleResolutionDownBy);
             if (this.webcamProducer && !this.webcamProducer.closed) {
                 $1dedebd5ff3002eb$var$log.log('scaleVideoEncodingsParameter', `scaling video by ${scale.scaleResolutionDownBy}`);
                 this.webcamProducer?.setRtpEncodingParameters?.(scale).catch((err)=>{
@@ -3302,6 +3300,7 @@ class $1dedebd5ff3002eb$export$2e2bcd8739ae039 extends $1dedebd5ff3002eb$var$Str
     }
     async enableVideo(config) {
         await this._enableVideo(config).catch((error)=>{
+            console.error('enableVideo error', error);
             this.disableVideo();
             this.camera.webcam.error = error;
             if (error.cause !== $1dedebd5ff3002eb$export$75139ad9ea82cac9 && window.Sentry) window.Sentry.captureException(error);
@@ -10031,6 +10030,7 @@ const $48ac80173d63a751$export$aa00db7a33d4c484 = ({ isVideoBotEnabled: isVideoB
 
 
 
+
 const $a33432a0233f49a9$var$audioModes = [
     'video',
     'audio',
@@ -10075,6 +10075,11 @@ const $a33432a0233f49a9$export$ca9d588768f0d0da = ({ children: children })=>{
     });
     const hasDeniedPermissions = permissionsQuery.error?.message.includes('denied');
     const devicesState = (0, $c48c1ecc38fed4e9$export$2f377c2162fd02b2).getDevicesState();
+    (0, $jQDcL$react.useEffect)(()=>{
+        if (permissionsQuery.error) console.log('permissionsQuery error', permissionsQuery.error);
+    }, [
+        permissionsQuery.error
+    ]);
     if (mode !== 'screen' && permissionsQuery.isSuccess || devicesState.screenshare.enabled) return children;
     return /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)("div", {
         className: "flex flex-col items-center gap-8 text-center max-w-[500px] mx-auto p-8 bg-gray-50 border border-gray-200 rounded-2xl shadow-xs",

package/dist/types.d.ts

@@ -1,6 +1,5 @@
 import * as mediasoupClient from "mediasoup-client";
 import { types } from "mediasoup-client";
-import { Transport } from "mediasoup-client/lib/Transport";
 import * as protooClient from "protoo-client";
 type VideoResolution = 'qvga' | 'vga' | 'hd' | 'max';
 type PeerId = string;
@@ -285,9 +284,9 @@ interface NetworkLog {
     kind?: string;
 }
 interface TransportMonitorListener {
-    onTransportManyDisconnections(transport: Transport): void;
-    onTransportStateChangeNetwork(transport: Transport, isOk: boolean): void;
-    onNetworkLog(transport: Transport, log: NetworkLog): void;
+    onTransportManyDisconnections(transport: mediasoupClient.types.Transport): void;
+    onTransportStateChangeNetwork(transport: mediasoupClient.types.Transport, isOk: boolean): void;
+    onNetworkLog(transport: mediasoupClient.types.Transport, log: NetworkLog): void;
 }
 type EventAnswer = {
     status: 'processing' | 'completed' | 'error';
@@ -543,9 +542,9 @@ declare class StreamerClient extends StreamerEventTargetType implements AudioLev
     onStopSpeak(): void;
     generateToken(bid: string): Promise<string>;
     init(room?: string, options?: JoinOptions): Promise<InitResult>;
-    onTransportManyDisconnections(transport: Transport): void;
-    onTransportStateChangeNetwork(transport: Transport, isOk: boolean): void;
-    onNetworkLog(transport: Transport, log: NetworkLog): void;
+    onTransportManyDisconnections(transport: mediasoupClient.types.Transport): void;
+    onTransportStateChangeNetwork(transport: mediasoupClient.types.Transport, isOk: boolean): void;
+    onNetworkLog(transport: mediasoupClient.types.Transport, log: NetworkLog): void;
     setAgentIdentity({ apiKey, email }: {
         apiKey: string;
         email?: string;
@@ -575,7 +574,7 @@ declare class StreamerClient extends StreamerEventTargetType implements AudioLev
     isVideoZoomAvailable(): boolean;
     processMediaPermissionsAndResolveRequests(constraints: MediaStreamConstraints): Promise<void>;
     handleGetUserMediaError(deviceType: DeviceType, getUserMediaPromise: Promise<MediaStream>): Promise<MediaStream>;
-    restartIce(transport: Transport): Promise<void>;
+    restartIce(transport: mediasoupClient.types.Transport): Promise<void>;
     initVideoBackground(): Promise<void>;
     stopVideoBackground(): Promise<void>;
     switchWebcam({ device, resolution, rotate, frameRate, facingMode, }: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@snapcall/stream-ui",
-  "version": "1.37.3",
+  "version": "1.37.4",
   "description": "",
   "source": "src/index.tsx",
   "main": "dist/stream-ui.js",
@@ -59,7 +59,7 @@
     "bowser": "^2.11.0",
     "i18next": "^23.11.5",
     "inobounce": "^0.2.1",
-    "mediasoup-client": "^3.7.8",
+    "mediasoup-client": "^3.15.6",
     "protoo-client": "^4.0.6",
     "qrcode": "^1.5.4",
     "react": "^18.3.1",