@whereby.com/browser-sdk 2.0.0-alpha6 → 2.0.0-alpha7

package/dist/lib.cjs.js

@@ -130,7 +130,7 @@ heresy.define("WherebyEmbed", {
         if (!subdomain)
             return this.html `Whereby: Missing subdomain attr.`;
         const url = new URL(room, `https://${subdomain}.whereby.com`);
-        Object.entries(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ jsApi: true, we: "2.0.0-alpha6", iframeSource: subdomain }, (displayName && { displayName })), (lang && { lang })), (metadata && { metadata })), (groups && { groups })), (virtualBackgroundUrl && { virtualBackgroundUrl })), (avatarUrl && { avatarUrl })), (minimal != null && { embed: minimal })), boolAttrs.reduce(
+        Object.entries(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ jsApi: true, we: "2.0.0-alpha7", iframeSource: subdomain }, (displayName && { displayName })), (lang && { lang })), (metadata && { metadata })), (groups && { groups })), (virtualBackgroundUrl && { virtualBackgroundUrl })), (avatarUrl && { avatarUrl })), (minimal != null && { embed: minimal })), boolAttrs.reduce(
         // add to URL if set in any way
         (o, v) => (this[v.toLowerCase()] != null ? Object.assign(Object.assign({}, o), { [v]: this[v.toLowerCase()] }) : o), {}))).forEach(([k, v]) => {
             if (!url.searchParams.has(k) && typeof v === "string") {
@@ -293,7 +293,7 @@ class LocalMedia extends TypedLocalMediaEventTarget {
     }
 }
 
-const initialState = {
+const initialState$1 = {
     cameraDeviceError: null,
     cameraDevices: [],
     isSettingCameraDevice: false,
@@ -334,7 +334,7 @@ function reducer$1(state, action) {
 }
 function useLocalMedia(constraints = { audio: true, video: true }) {
     const [localMedia] = React.useState(() => new LocalMedia(constraints));
-    const [state, dispatch] = React.useReducer(reducer$1, initialState);
+    const [state, dispatch] = React.useReducer(reducer$1, initialState$1);
     React.useEffect(() => {
         localMedia.addEventListener("device_list_updated", (e) => {
             const { cameraDevices, microphoneDevices, speakerDevices } = e.detail;
@@ -531,10 +531,10 @@ class ServerSocket {
         }
 
         this._socket = io__default["default"](hostName, options);
-        this._socket.on("reconnect", () => {
+        this._socket.io.on("reconnect", () => {
             this._socket.sendBuffer = [];
         });
-        this._socket.on("reconnect_attempt", () => {
+        this._socket.io.on("reconnect_attempt", () => {
             if (this._wasConnectedUsingWebsocket) {
                 this._socket.io.opts.transports = ["websocket"];
                 // only fallback to polling if not safari
@@ -592,6 +592,10 @@ class ServerSocket {
         );
     }
 
+    getManager() {
+        return this._socket.io;
+    }
+
     isConnecting() {
         return this._socket && this._socket.connecting;
     }
@@ -2225,10 +2229,11 @@ class VegaParser {
 }
 
 class VegaConnection extends EventEmitter.EventEmitter {
-    constructor(wsUrl, logger) {
+    constructor(wsUrl, logger, protocol = "whereby-sfu#v4") {
         super();
 
         this.wsUrl = wsUrl;
+        this.protocol = protocol;
         this.logger = logger;
 
         // This is the map of sent requests that are waiting for a response
@@ -2237,7 +2242,7 @@ class VegaConnection extends EventEmitter.EventEmitter {
     }
 
     _setupSocket() {
-        this.socket = new WebSocket(this.wsUrl, "whereby-sfu#v4");
+        this.socket = new WebSocket(this.wsUrl, this.protocol);
         this.socket.onopen = this._onOpen.bind(this);
         this.socket.onmessage = this._onMessage.bind(this);
         this.socket.onclose = this._onClose.bind(this);
@@ -2257,7 +2262,9 @@ class VegaConnection extends EventEmitter.EventEmitter {
     }
 
     close() {
-        this.socket?.close();
+        if (!this.socket) return;
+
+        this.socket.close();
     }
 
     _onOpen() {
@@ -2269,11 +2276,15 @@ class VegaConnection extends EventEmitter.EventEmitter {
     _onMessage(event) {
         const socketMessage = VegaParser.parse(event.data);
 
+        if (!socketMessage) {
+            return this.logger.log("VegaConnectionManager: Received invalid message", event.data);
+        }
+
         this.logger.log("VegaConnectionManager: Received message", socketMessage);
 
-        if (socketMessage?.response) {
+        if (socketMessage.response) {
             this._handleResponse(socketMessage);
-        } else if (socketMessage?.message) {
+        } else if (socketMessage.message) {
             this.emit("message", socketMessage);
         }
     }
@@ -2380,7 +2391,7 @@ const VIDEO_SETTINGS_VP9 = {
     codecOptions: {
         videoGoogleStartBitrate: 500,
     },
-    encodings: [{ scalabilityMode: "S3T3_KEY", networkPriority: "high" }],
+    encodings: [{ scalabilityMode: "L3T2_KEY", networkPriority: "high" }],
 };
 
 const SCREEN_SHARE_SETTINGS = {
@@ -2389,13 +2400,13 @@ const SCREEN_SHARE_SETTINGS = {
 
 const SCREEN_SHARE_SIMULCAST_SETTINGS = {
     encodings: [
-        { dtx: true, maxBitrate: 500000 },
-        { dtx: true, maxBitrate: 1500000 },
+        { scaleResolutionDownBy: 2, dtx: true, maxBitrate: 500000 },
+        { scaleResolutionDownBy: 1, dtx: true, maxBitrate: 1500000 },
     ],
 };
 
 const SCREEN_SHARE_SETTINGS_VP9 = {
-    encodings: [{ scalabilityMode: "S3T3", dtx: true, networkPriority: "high" }],
+    encodings: [{ scalabilityMode: "L1T1", dtx: true, networkPriority: "high" }],
 };
 
 const getMediaSettings = (kind, isScreenShare, features) => {
@@ -2411,8 +2422,8 @@ const getMediaSettings = (kind, isScreenShare, features) => {
 
         return SCREEN_SHARE_SETTINGS;
     } else {
-        if (lowDataModeEnabled) return VIDEO_SETTINGS_SD;
         if (vp9On) return VIDEO_SETTINGS_VP9;
+        if (lowDataModeEnabled) return VIDEO_SETTINGS_SD;
 
         return VIDEO_SETTINGS_HD;
     }
@@ -5271,7 +5282,7 @@ const SIGNAL_BASE_URL = "wss://signal.appearin.net";
 const NON_PERSON_ROLES = ["recorder", "streamer"];
 function createSocket() {
     const parsedUrl = new URL(SIGNAL_BASE_URL);
-    const path = `${parsedUrl.pathname.replace(/^\/$/, "")}/protocol/socket.io/v1`;
+    const path = `${parsedUrl.pathname.replace(/^\/$/, "")}/protocol/socket.io/v4`;
     const SOCKET_HOST = parsedUrl.origin;
     const socketConf = {
         host: SOCKET_HOST,
@@ -5479,8 +5490,6 @@ class RoomConnection extends TypedEventTarget {
             if (this._ownsLocalMedia) {
                 yield this.localMedia.start();
             }
-            // TODO: Get room permissions
-            // TODO: Get room features
             const webrtcProvider = {
                 getMediaConstraints: () => ({
                     audio: this.localMedia.isMicrophoneEnabled(),
@@ -5512,11 +5521,12 @@ class RoomConnection extends TypedEventTarget {
             }
             // Identify device on signal connection
             const deviceCredentials = yield this.credentialsService.getCredentials();
+            this.signalSocket.connect();
             // TODO: Handle connection and failed connection properly
-            setTimeout(() => {
+            this.signalSocket.on("connect", () => {
                 this.logger.log("Connected to signal socket");
                 this.signalSocket.emit("identify_device", { deviceCredentials });
-            }, 2000);
+            });
             this.signalSocket.once("device_identified", () => {
                 this.signalSocket.emit("join_room", {
                     avatarUrl: null,
@@ -5593,6 +5603,11 @@ class RoomConnection extends TypedEventTarget {
     }
 }
 
+const initialState = {
+    isJoining: false,
+    joinError: null,
+    remoteParticipants: [],
+};
 function updateParticipant(remoteParticipants, participantId, updates) {
     const existingParticipant = remoteParticipants.find((p) => p.id === participantId);
     if (!existingParticipant) {
@@ -5636,19 +5651,14 @@ function reducer(state, action) {
         default:
             throw state;
     }
-}
-
+}
 function useRoomConnection(roomUrl, roomConnectionOptions) {
-    const [roomConnection, setRoomConnection] = React.useState(null);
-    const [state, dispatch] = React.useReducer(reducer, { remoteParticipants: [] });
-    React.useEffect(() => {
+    const [roomConnection] = React.useState(() => {
         var _a;
-        setRoomConnection(new RoomConnection(roomUrl, Object.assign(Object.assign({}, roomConnectionOptions), { localMedia: ((_a = roomConnectionOptions === null || roomConnectionOptions === void 0 ? void 0 : roomConnectionOptions.localMedia) === null || _a === void 0 ? void 0 : _a._ref) || undefined })));
-    }, [roomUrl]);
+        return new RoomConnection(roomUrl, Object.assign(Object.assign({}, roomConnectionOptions), { localMedia: ((_a = roomConnectionOptions === null || roomConnectionOptions === void 0 ? void 0 : roomConnectionOptions.localMedia) === null || _a === void 0 ? void 0 : _a._ref) || undefined }));
+    });
+    const [state, dispatch] = React.useReducer(reducer, initialState);
     React.useEffect(() => {
-        if (!roomConnection) {
-            return;
-        }
         roomConnection.addEventListener("participant_audio_enabled", (e) => {
             const { participantId, isAudioEnabled } = e.detail;
             dispatch({ type: "PARTICIPANT_AUDIO_ENABLED", payload: { participantId, isAudioEnabled } });
@@ -5681,10 +5691,10 @@ function useRoomConnection(roomUrl, roomConnectionOptions) {
         return () => {
             roomConnection.leave();
         };
-    }, [roomConnection]);
-    return [
+    }, []);
+    return {
         state,
-        {
+        actions: {
             toggleCamera: (enabled) => {
                 roomConnection === null || roomConnection === void 0 ? void 0 : roomConnection.localMedia.toggleCameraEnabled(enabled);
             },
@@ -5696,13 +5706,14 @@ function useRoomConnection(roomUrl, roomConnectionOptions) {
                 dispatch({ type: "LOCAL_CLIENT_DISPLAY_NAME_CHANGED", payload: { displayName } });
             },
         },
-        {
+        components: {
             VideoView,
         },
-    ];
+        _ref: roomConnection,
+    };
 }
 
-const sdkVersion = "2.0.0-alpha6";
+const sdkVersion = "2.0.0-alpha7";
 
 exports.VideoView = VideoView;
 exports.sdkVersion = sdkVersion;

package/dist/lib.esm.js

@@ -115,7 +115,7 @@ define("WherebyEmbed", {
         if (!subdomain)
             return this.html `Whereby: Missing subdomain attr.`;
         const url = new URL(room, `https://${subdomain}.whereby.com`);
-        Object.entries(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ jsApi: true, we: "2.0.0-alpha6", iframeSource: subdomain }, (displayName && { displayName })), (lang && { lang })), (metadata && { metadata })), (groups && { groups })), (virtualBackgroundUrl && { virtualBackgroundUrl })), (avatarUrl && { avatarUrl })), (minimal != null && { embed: minimal })), boolAttrs.reduce(
+        Object.entries(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ jsApi: true, we: "2.0.0-alpha7", iframeSource: subdomain }, (displayName && { displayName })), (lang && { lang })), (metadata && { metadata })), (groups && { groups })), (virtualBackgroundUrl && { virtualBackgroundUrl })), (avatarUrl && { avatarUrl })), (minimal != null && { embed: minimal })), boolAttrs.reduce(
         // add to URL if set in any way
         (o, v) => (this[v.toLowerCase()] != null ? Object.assign(Object.assign({}, o), { [v]: this[v.toLowerCase()] }) : o), {}))).forEach(([k, v]) => {
             if (!url.searchParams.has(k) && typeof v === "string") {
@@ -278,7 +278,7 @@ class LocalMedia extends TypedLocalMediaEventTarget {
     }
 }
 
-const initialState = {
+const initialState$1 = {
     cameraDeviceError: null,
     cameraDevices: [],
     isSettingCameraDevice: false,
@@ -319,7 +319,7 @@ function reducer$1(state, action) {
 }
 function useLocalMedia(constraints = { audio: true, video: true }) {
     const [localMedia] = useState(() => new LocalMedia(constraints));
-    const [state, dispatch] = useReducer(reducer$1, initialState);
+    const [state, dispatch] = useReducer(reducer$1, initialState$1);
     useEffect(() => {
         localMedia.addEventListener("device_list_updated", (e) => {
             const { cameraDevices, microphoneDevices, speakerDevices } = e.detail;
@@ -516,10 +516,10 @@ class ServerSocket {
         }
 
         this._socket = io(hostName, options);
-        this._socket.on("reconnect", () => {
+        this._socket.io.on("reconnect", () => {
             this._socket.sendBuffer = [];
         });
-        this._socket.on("reconnect_attempt", () => {
+        this._socket.io.on("reconnect_attempt", () => {
             if (this._wasConnectedUsingWebsocket) {
                 this._socket.io.opts.transports = ["websocket"];
                 // only fallback to polling if not safari
@@ -577,6 +577,10 @@ class ServerSocket {
         );
     }
 
+    getManager() {
+        return this._socket.io;
+    }
+
     isConnecting() {
         return this._socket && this._socket.connecting;
     }
@@ -2210,10 +2214,11 @@ class VegaParser {
 }
 
 class VegaConnection extends EventEmitter {
-    constructor(wsUrl, logger) {
+    constructor(wsUrl, logger, protocol = "whereby-sfu#v4") {
         super();
 
         this.wsUrl = wsUrl;
+        this.protocol = protocol;
         this.logger = logger;
 
         // This is the map of sent requests that are waiting for a response
@@ -2222,7 +2227,7 @@ class VegaConnection extends EventEmitter {
     }
 
     _setupSocket() {
-        this.socket = new WebSocket(this.wsUrl, "whereby-sfu#v4");
+        this.socket = new WebSocket(this.wsUrl, this.protocol);
         this.socket.onopen = this._onOpen.bind(this);
         this.socket.onmessage = this._onMessage.bind(this);
         this.socket.onclose = this._onClose.bind(this);
@@ -2242,7 +2247,9 @@ class VegaConnection extends EventEmitter {
     }
 
     close() {
-        this.socket?.close();
+        if (!this.socket) return;
+
+        this.socket.close();
     }
 
     _onOpen() {
@@ -2254,11 +2261,15 @@ class VegaConnection extends EventEmitter {
     _onMessage(event) {
         const socketMessage = VegaParser.parse(event.data);
 
+        if (!socketMessage) {
+            return this.logger.log("VegaConnectionManager: Received invalid message", event.data);
+        }
+
         this.logger.log("VegaConnectionManager: Received message", socketMessage);
 
-        if (socketMessage?.response) {
+        if (socketMessage.response) {
             this._handleResponse(socketMessage);
-        } else if (socketMessage?.message) {
+        } else if (socketMessage.message) {
             this.emit("message", socketMessage);
         }
     }
@@ -2365,7 +2376,7 @@ const VIDEO_SETTINGS_VP9 = {
     codecOptions: {
         videoGoogleStartBitrate: 500,
     },
-    encodings: [{ scalabilityMode: "S3T3_KEY", networkPriority: "high" }],
+    encodings: [{ scalabilityMode: "L3T2_KEY", networkPriority: "high" }],
 };
 
 const SCREEN_SHARE_SETTINGS = {
@@ -2374,13 +2385,13 @@ const SCREEN_SHARE_SETTINGS = {
 
 const SCREEN_SHARE_SIMULCAST_SETTINGS = {
     encodings: [
-        { dtx: true, maxBitrate: 500000 },
-        { dtx: true, maxBitrate: 1500000 },
+        { scaleResolutionDownBy: 2, dtx: true, maxBitrate: 500000 },
+        { scaleResolutionDownBy: 1, dtx: true, maxBitrate: 1500000 },
     ],
 };
 
 const SCREEN_SHARE_SETTINGS_VP9 = {
-    encodings: [{ scalabilityMode: "S3T3", dtx: true, networkPriority: "high" }],
+    encodings: [{ scalabilityMode: "L1T1", dtx: true, networkPriority: "high" }],
 };
 
 const getMediaSettings = (kind, isScreenShare, features) => {
@@ -2396,8 +2407,8 @@ const getMediaSettings = (kind, isScreenShare, features) => {
 
         return SCREEN_SHARE_SETTINGS;
     } else {
-        if (lowDataModeEnabled) return VIDEO_SETTINGS_SD;
         if (vp9On) return VIDEO_SETTINGS_VP9;
+        if (lowDataModeEnabled) return VIDEO_SETTINGS_SD;
 
         return VIDEO_SETTINGS_HD;
     }
@@ -5256,7 +5267,7 @@ const SIGNAL_BASE_URL = "wss://signal.appearin.net";
 const NON_PERSON_ROLES = ["recorder", "streamer"];
 function createSocket() {
     const parsedUrl = new URL(SIGNAL_BASE_URL);
-    const path = `${parsedUrl.pathname.replace(/^\/$/, "")}/protocol/socket.io/v1`;
+    const path = `${parsedUrl.pathname.replace(/^\/$/, "")}/protocol/socket.io/v4`;
     const SOCKET_HOST = parsedUrl.origin;
     const socketConf = {
         host: SOCKET_HOST,
@@ -5464,8 +5475,6 @@ class RoomConnection extends TypedEventTarget {
             if (this._ownsLocalMedia) {
                 yield this.localMedia.start();
             }
-            // TODO: Get room permissions
-            // TODO: Get room features
             const webrtcProvider = {
                 getMediaConstraints: () => ({
                     audio: this.localMedia.isMicrophoneEnabled(),
@@ -5497,11 +5506,12 @@ class RoomConnection extends TypedEventTarget {
             }
             // Identify device on signal connection
             const deviceCredentials = yield this.credentialsService.getCredentials();
+            this.signalSocket.connect();
             // TODO: Handle connection and failed connection properly
-            setTimeout(() => {
+            this.signalSocket.on("connect", () => {
                 this.logger.log("Connected to signal socket");
                 this.signalSocket.emit("identify_device", { deviceCredentials });
-            }, 2000);
+            });
             this.signalSocket.once("device_identified", () => {
                 this.signalSocket.emit("join_room", {
                     avatarUrl: null,
@@ -5578,6 +5588,11 @@ class RoomConnection extends TypedEventTarget {
     }
 }
 
+const initialState = {
+    isJoining: false,
+    joinError: null,
+    remoteParticipants: [],
+};
 function updateParticipant(remoteParticipants, participantId, updates) {
     const existingParticipant = remoteParticipants.find((p) => p.id === participantId);
     if (!existingParticipant) {
@@ -5621,19 +5636,14 @@ function reducer(state, action) {
         default:
             throw state;
     }
-}
-
+}
 function useRoomConnection(roomUrl, roomConnectionOptions) {
-    const [roomConnection, setRoomConnection] = useState(null);
-    const [state, dispatch] = useReducer(reducer, { remoteParticipants: [] });
-    useEffect(() => {
+    const [roomConnection] = useState(() => {
         var _a;
-        setRoomConnection(new RoomConnection(roomUrl, Object.assign(Object.assign({}, roomConnectionOptions), { localMedia: ((_a = roomConnectionOptions === null || roomConnectionOptions === void 0 ? void 0 : roomConnectionOptions.localMedia) === null || _a === void 0 ? void 0 : _a._ref) || undefined })));
-    }, [roomUrl]);
+        return new RoomConnection(roomUrl, Object.assign(Object.assign({}, roomConnectionOptions), { localMedia: ((_a = roomConnectionOptions === null || roomConnectionOptions === void 0 ? void 0 : roomConnectionOptions.localMedia) === null || _a === void 0 ? void 0 : _a._ref) || undefined }));
+    });
+    const [state, dispatch] = useReducer(reducer, initialState);
     useEffect(() => {
-        if (!roomConnection) {
-            return;
-        }
         roomConnection.addEventListener("participant_audio_enabled", (e) => {
             const { participantId, isAudioEnabled } = e.detail;
             dispatch({ type: "PARTICIPANT_AUDIO_ENABLED", payload: { participantId, isAudioEnabled } });
@@ -5666,10 +5676,10 @@ function useRoomConnection(roomUrl, roomConnectionOptions) {
         return () => {
             roomConnection.leave();
         };
-    }, [roomConnection]);
-    return [
+    }, []);
+    return {
         state,
-        {
+        actions: {
             toggleCamera: (enabled) => {
                 roomConnection === null || roomConnection === void 0 ? void 0 : roomConnection.localMedia.toggleCameraEnabled(enabled);
             },
@@ -5681,12 +5691,13 @@ function useRoomConnection(roomUrl, roomConnectionOptions) {
                 dispatch({ type: "LOCAL_CLIENT_DISPLAY_NAME_CHANGED", payload: { displayName } });
             },
         },
-        {
+        components: {
             VideoView,
         },
-    ];
+        _ref: roomConnection,
+    };
 }
 
-const sdkVersion = "2.0.0-alpha6";
+const sdkVersion = "2.0.0-alpha7";
 
 export { VideoView, sdkVersion, useLocalMedia, useRoomConnection };

package/dist/types.d.ts

@@ -158,15 +158,92 @@ interface RoomConnectionOptions {
     roomKey?: string;
     logger?: Logger;
     localMedia?: LocalMedia;
+}
+type RoomJoinedEvent = {
+    localParticipant: LocalParticipant;
+    remoteParticipants: RemoteParticipant[];
+};
+type ParticipantJoinedEvent = {
+    remoteParticipant: RemoteParticipant;
+};
+type ParticipantLeftEvent = {
+    participantId: string;
+};
+type ParticipantStreamAddedEvent = {
+    participantId: string;
+    stream: MediaStream;
+};
+type ParticipantAudioEnabledEvent = {
+    participantId: string;
+    isAudioEnabled: boolean;
+};
+type ParticipantVideoEnabledEvent = {
+    participantId: string;
+    isVideoEnabled: boolean;
+};
+type ParticipantMetadataChangedEvent = {
+    participantId: string;
+    displayName: string;
+};
+interface RoomEventsMap {
+    participant_audio_enabled: CustomEvent<ParticipantAudioEnabledEvent>;
+    participant_joined: CustomEvent<ParticipantJoinedEvent>;
+    participant_left: CustomEvent<ParticipantLeftEvent>;
+    participant_metadata_changed: CustomEvent<ParticipantMetadataChangedEvent>;
+    participant_stream_added: CustomEvent<ParticipantStreamAddedEvent>;
+    participant_video_enabled: CustomEvent<ParticipantVideoEnabledEvent>;
+    room_joined: CustomEvent<RoomJoinedEvent>;
+}
+interface RoomEventTarget extends EventTarget {
+    addEventListener<K extends keyof RoomEventsMap>(type: K, listener: (ev: RoomEventsMap[K]) => void, options?: boolean | AddEventListenerOptions): void;
+    addEventListener(type: string, callback: EventListenerOrEventListenerObject | null, options?: EventListenerOptions | boolean): void;
+}
+declare const TypedEventTarget: new () => RoomEventTarget;
+declare class RoomConnection extends TypedEventTarget {
+    localMedia: LocalMedia;
+    localParticipant: LocalParticipant | null;
+    roomUrl: URL;
+    remoteParticipants: RemoteParticipant[];
+    readonly localMediaConstraints?: MediaStreamConstraints;
+    private credentialsService;
+    private apiClient;
+    private organizationService;
+    private organizationServiceCache;
+    private organizationApiClient;
+    private roomService;
+    private signalSocket;
+    private rtcManagerDispatcher?;
+    private rtcManager?;
+    private roomConnectionState;
+    private logger;
+    private _ownsLocalMedia;
+    private displayName?;
+    constructor(roomUrl: string, { displayName, localMediaConstraints, logger, localMedia }: RoomConnectionOptions);
+    private _handleNewClient;
+    private _handleClientLeft;
+    private _handleClientAudioEnabled;
+    private _handleClientVideoEnabled;
+    private _handleClientMetadataReceived;
+    private _handleRtcEvent;
+    private _handleRtcManagerCreated;
+    private _handleAcceptStreams;
+    private _handleStreamAdded;
+    join(): Promise<void>;
+    leave(): Promise<void>;
+    setDisplayName(displayName: string): void;
 }
 
 type RemoteParticipantState = Omit<RemoteParticipant, "updateStreamState">;
-interface RoomState {
+interface RoomConnectionState {
+    isJoining: boolean;
+    joinError: unknown;
     localParticipant?: LocalParticipant;
     roomConnectionStatus?: "connecting" | "connected" | "disconnected";
     remoteParticipants: RemoteParticipantState[];
-}
-
+}
+interface UseRoomConnectionOptions extends Omit<RoomConnectionOptions, "localMedia"> {
+    localMedia?: LocalMediaRef;
+}
 interface RoomConnectionActions {
     toggleCamera(enabled?: boolean): void;
     toggleMicrophone(enabled?: boolean): void;
@@ -175,11 +252,14 @@ interface RoomConnectionActions {
 interface RoomConnectionComponents {
     VideoView: typeof _default;
 }
-interface UseRoomConnectionOptions extends Omit<RoomConnectionOptions, "localMedia"> {
-    localMedia?: LocalMediaRef;
-}
-declare function useRoomConnection(roomUrl: string, roomConnectionOptions: UseRoomConnectionOptions): [state: RoomState, actions: RoomConnectionActions, components: RoomConnectionComponents];
+type RoomConnectionRef = {
+    state: RoomConnectionState;
+    actions: RoomConnectionActions;
+    components: RoomConnectionComponents;
+    _ref: RoomConnection;
+};
+declare function useRoomConnection(roomUrl: string, roomConnectionOptions: UseRoomConnectionOptions): RoomConnectionRef;
 
-declare const sdkVersion = "2.0.0-alpha6";
+declare const sdkVersion = "2.0.0-alpha7";
 
 export { _default as VideoView, sdkVersion, useLocalMedia, useRoomConnection };