@snapcall/stream-ui 1.37.5 → 1.38.0-beta.2

package/dist/types.d.ts

@@ -14,15 +14,10 @@ interface Step {
     token: string;
     title: string;
     config?: {
-        geolocation?: boolean;
-        description: string;
-        image_url: string;
-        source?: string;
+        description?: string;
+        image_url?: string;
         button_text?: string;
-        video_bot?: boolean;
-        upload?: boolean;
-        allow_video?: boolean;
-        allow_screensharing?: boolean;
+        use_workspace_logo?: boolean;
     };
     translation: {
         title?: string;
@@ -38,25 +33,77 @@ interface Flow {
     token: string;
     name: string;
     is_default: number;
+    config?: {
+        description?: string;
+        image_url?: string;
+        output_language?: string;
+        stock_detection?: boolean;
+        source?: string;
+        geolocation?: boolean;
+        external_links?: Array<{
+            title: string;
+            url: string;
+        }>;
+        call?: {
+            waiting_room?: boolean;
+            waiting_room_title?: string;
+            waiting_room_description?: string;
+            waiting_room_image_url?: string;
+            video?: boolean;
+            screensharing?: boolean;
+            recording?: boolean;
+            snapshot?: boolean;
+            pointer?: boolean;
+        };
+        acknowledgment?: {
+            enabled: boolean;
+            isPublic: boolean;
+            hideAi: boolean;
+        };
+        docupass?: boolean;
+    };
     steps: Array<Step>;
 }
-interface FlowV0 {
-    logo_url?: string;
-    image_url?: string;
-    title?: string;
-    text?: string;
+interface StreamInfo {
+    type: 'assist' | 'instant' | 'schedule';
+    defaultPublicPage?: {
+        token: string;
+    };
+    streamer_instance?: 'recorder';
+    plan: {
+        id: number;
+        name: string;
+        users_limit: number;
+        interactions_limit: number;
+        calls_interactions_limit: number;
+        clips_interactions_limit: number;
+        is_addon: 0;
+        permissions: Permissions;
+        quantity: number;
+        status: string;
+    };
+    recordings?: {
+        enabled: true;
+        video: true;
+    };
+    company_id: number;
+    flow: Flow;
+    defaultVideoBackground?: string;
+    videoBackgrounds?: Array<string>;
+    company: {
+        name: string;
+        company_name: string;
+        avatar_url?: string;
+        terminate_enabled?: boolean;
+        ai_blocked?: boolean;
+        hide_stream_invite?: boolean;
+    };
 }
 interface InitResult {
-    type: 'instant' | 'assist';
-    flow?: Flow;
-    flowV0?: FlowV0;
-    hideStreamInvite?: boolean;
-    videoBackgrounds?: Array<string>;
-    defaultVideoBackground?: string;
+    peerId: string;
 }
 interface JoinOptions {
     languageCode?: string;
-    flowToken?: string;
     recorder?: boolean;
     apiKey?: string;
     email?: string;
@@ -105,11 +152,13 @@ interface StreamerState extends PeerState {
     peers: Array<PeerState>;
     joinOptions: JoinOptions;
     clientId: string;
+    drawerEnabled: boolean;
 }
 interface ProducerData {
     producerId: string;
     deviceType: DeviceType;
     paused: boolean;
+    appData: Record<string, any>;
 }
 interface PeerInfo {
     id?: PeerId;
@@ -124,6 +173,9 @@ type ProducerId = string;
 interface ConsumerData {
     mediaSoupConsumer: types.Consumer;
     deviceType?: DeviceType;
+    producerId: ProducerId;
+    peerId: PeerId;
+    appData?: Record<string, any>;
 }
 interface DevicesState {
     microphone: {
@@ -301,6 +353,25 @@ type EventAnswer = {
     };
     created_at?: string;
 };
+declare class VideoDrawer {
+    consumerId: string;
+    peerId: string;
+    producerId: string;
+    deviceType: DeviceType;
+    constructor({ deviceType, canvas, video, consumerId, peerId, producerId, }: {
+        deviceType: DeviceType;
+        canvas: HTMLCanvasElement;
+        video: HTMLVideoElement;
+        consumerId: string;
+        peerId: string;
+        producerId: string;
+    });
+    onFrame(): void;
+    onFrameScreen(): void;
+    setVideoDrawerDisplay(video: HTMLVideoElement): void;
+    createStream(): Promise<MediaStream>;
+    clean(): Promise<void>;
+}
 interface DeviceRequest {
     requestId: string;
     deviceType: DeviceType;
@@ -338,6 +409,10 @@ declare global {
             displayName?: string;
             profile: Profile;
         }>;
+        export type CustomVideoEnabledEvent = SnapcallEvent<{
+            deviceType: DeviceType;
+            appData: Record<string, any>;
+        }>;
         export type RequestAccessEvent = SnapcallEvent<{
             success: boolean;
             message?: string;
@@ -374,6 +449,7 @@ declare global {
             mediaId?: string;
             deviceType: DeviceType;
             paused: boolean;
+            appData?: Record<string, any>;
         }>;
         export type NetworkStateEvent = SnapcallEvent<{
             isOk: boolean;
@@ -411,6 +487,14 @@ declare global {
             sizeInBytes?: number;
             success: boolean;
         }>;
+        export type DrawerStoppedEvent = SnapcallEvent<{
+            peerId: string;
+            mediaId: string;
+        }>;
+        export type DrawerStartedEvent = SnapcallEvent<{
+            peerId: string;
+            mediaId: string;
+        }>;
         export type AudioLevelEvent = SnapcallEvent<{
             audioLevel: number;
         }>;
@@ -455,6 +539,8 @@ interface StreamerEventMap {
     profileUpdate: SnapCall.ProfileUpdateEvent['detail'];
     webcamsUpdate: SnapCall.WebcamUpdateEvent['detail'];
     customMessage: SnapCall.CustomMessageEvent['detail'];
+    drawerStopped: SnapCall.BaseEvent['detail'];
+    drawerStarted: SnapCall.BaseEvent['detail'];
     mediaStart: SnapCall.MediaEvent['detail'];
     mediaStop: SnapCall.MediaEvent['detail'];
     mediaPause: SnapCall.MediaEvent['detail'];
@@ -464,6 +550,8 @@ interface StreamerEventMap {
     defaultAudioDeviceChange: SnapCall.AudioDeviceEvent['detail'];
     screenshareEnabled: SnapCall.BaseEvent['detail'];
     screenshareDisabled: SnapCall.BaseEvent['detail'];
+    customVideoEnabled: SnapCall.CustomVideoEnabledEvent['detail'];
+    customVideoDisabled: SnapCall.CustomVideoEnabledEvent['detail'];
     localVideoRotate: SnapCall.BaseEvent['detail'];
     enterRoom: SnapCall.PeersInfoEvent['detail'];
     displayName: SnapCall.PeerInfoEvent['detail'];
@@ -526,6 +614,7 @@ declare class StreamerClient extends StreamerEventTargetType implements AudioLev
     webcamProducer: mediasoupClient.types.Producer | null;
     screenshareVideoProducer?: mediasoupClient.types.Producer;
     screenshareAudioProducer?: mediasoupClient.types.Producer;
+    customVideoProducer?: mediasoupClient.types.Producer;
     pendingDeviceRequest: Record<string, DeviceRequest>;
     joinOptions: JoinOptions;
     audioInputDefaultDevice?: MediaDeviceInfo;
@@ -541,7 +630,7 @@ declare class StreamerClient extends StreamerEventTargetType implements AudioLev
     onStartSpeak(): void;
     onStopSpeak(): void;
     generateToken(bid: string): Promise<string>;
-    init(room?: string, options?: JoinOptions): Promise<InitResult>;
+    init(room: string, streamInfo: StreamInfo, options?: JoinOptions): Promise<InitResult>;
     onTransportManyDisconnections(transport: mediasoupClient.types.Transport): void;
     onTransportStateChangeNetwork(transport: mediasoupClient.types.Transport, isOk: boolean): void;
     onNetworkLog(transport: mediasoupClient.types.Transport, log: NetworkLog): void;
@@ -572,6 +661,15 @@ declare class StreamerClient extends StreamerEventTargetType implements AudioLev
     endCall(): void;
     terminateRoom(): void;
     isVideoZoomAvailable(): boolean;
+    drawer?: VideoDrawer | undefined;
+    stopDrawer(): Promise<void>;
+    drawInVideo({ peerId, mediaId, deviceType, videoElement, canvasElement, }: {
+        peerId: string;
+        mediaId?: string;
+        deviceType: DeviceType;
+        videoElement: HTMLVideoElement;
+        canvasElement: HTMLCanvasElement;
+    }): Promise<void>;
     processMediaPermissionsAndResolveRequests(constraints: MediaStreamConstraints): Promise<void>;
     handleGetUserMediaError(deviceType: DeviceType, getUserMediaPromise: Promise<MediaStream>): Promise<MediaStream>;
     restartIce(transport: mediasoupClient.types.Transport): Promise<void>;
@@ -594,6 +692,12 @@ declare class StreamerClient extends StreamerEventTargetType implements AudioLev
     zoomVideo(): Promise<void>;
     unzoomVideo(): Promise<void>;
     disableVideo(): Promise<void>;
+    enableCustomVideo(options: {
+        mediaStream?: MediaStream;
+        deviceType: DeviceType;
+        appData: Record<string, any>;
+    }): Promise<void>;
+    disableCustomVideo(): Promise<void>;
     enableScreenshare(options?: {
         mediaStream?: MediaStream;
         audioTransportOption: 'mix' | 'none' | 'classic';
@@ -631,11 +735,12 @@ declare class StreamerClient extends StreamerEventTargetType implements AudioLev
         peerId: PeerId;
         producersData: Array<ProducerData>;
     }): void;
-    consumeProducer({ peerId, producerId, deviceType, paused, }: {
+    consumeProducer({ peerId, producerId, deviceType, paused, appData, }: {
         peerId: PeerId;
         producerId: ProducerId;
         deviceType: DeviceType;
         paused: boolean;
+        appData: Record<string, any>;
     }): Promise<void>;
     setDisplayName(displayName: string): Promise<void>;
     setProfile(profile: Profile): Promise<void>;
@@ -733,13 +838,8 @@ interface StreamUIBaseOptions {
     email?: string;
     headless?: boolean;
     greeting?: boolean;
-    recorder?: {
-        geolocation?: boolean;
-        enabledModes: Array<'video' | 'screen' | 'photo' | 'audio' | 'upload'>;
-        enabled: boolean;
-        defaultMode?: 'photo' | 'video' | 'audio' | 'screen' | 'upload';
-        skipOnboarding?: boolean;
-    };
+    flow?: Flow;
+    isRecorder?: boolean;
     sharedURL?: string;
     audioTiles?: boolean;
     controls?: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@snapcall/stream-ui",
-  "version": "1.37.5",
+  "version": "1.38.0-beta.2",
   "description": "",
   "source": "src/index.tsx",
   "main": "dist/stream-ui.js",
@@ -57,14 +57,14 @@
   "license": "ISC",
   "peerDependencies": {
     "bowser": "^2.11.0",
-    "i18next": "^23.11.5",
+    "i18next": "^25.5.2",
     "inobounce": "^0.2.1",
     "mediasoup-client": "^3.15.6",
     "protoo-client": "^4.0.6",
     "qrcode": "^1.5.4",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "react-i18next": "^14.1.1"
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1",
+    "react-i18next": "^15.7.3"
   },
   "devDependencies": {
     "@localazy/cli": "^2.0.8",
@@ -94,7 +94,7 @@
   },
   "dependencies": {
     "@mediapipe/selfie_segmentation": "^0.1.1675465747",
-    "@snapcall/design-system": "^1.23.1",
+    "@snapcall/design-system": "^1.23.3",
     "@tanstack/react-query": "^5.81.5",
     "bowser": "^2.11.0",
     "classnames": "^2.5.1",