@whereby.com/core 0.25.1 → 0.27.0

package/dist/index.mjs

@@ -1,7 +1,7 @@
 import { createAsyncThunk, createListenerMiddleware, addListener, createSlice, createAction, createSelector, isAnyOf, combineReducers, configureStore } from '@reduxjs/toolkit';
-import { ServerSocket, getDeviceData, getStream, getUpdatedDevices, RtcManagerDispatcher, assert, fromLocation } from '@whereby.com/media';
-import { EventEmitter } from 'events';
+import { ServerSocket, getDeviceData, getStream, getUpdatedDevices, RtcManagerDispatcher, setClientProvider, subscribeIssues, assert, fromLocation } from '@whereby.com/media';
 import { Chrome111 } from 'mediasoup-client/lib/handlers/Chrome111.js';
+import { EventEmitter } from 'events';
 import nodeBtoa from 'btoa';
 import axios from 'axios';
 
@@ -21,6 +21,37 @@ function createAppAuthorizedThunk(authorizationSelector, thunk) {
         return thunk(payload)(dispatch, getState, extra);
     });
 }
+function createRoomConnectedThunk(thunk) {
+    return createAppThunk((payload) => (dispatch, getState, extra) => {
+        const connectionStatus = getState().roomConnection.status;
+        if (connectionStatus !== "connected") {
+            console.warn("Action cannot be performed outside of a connected room");
+            return false;
+        }
+        return thunk(payload)(dispatch, getState, extra);
+    });
+}
+function createAsyncRoomConnectedThunk(typePrefix, payloadCreator) {
+    return createAppAsyncThunk(typePrefix, (arg, thunkApi) => {
+        const { getState } = thunkApi;
+        const connectionStatus = getState().roomConnection.status;
+        if (connectionStatus !== "connected") {
+            console.warn("Action cannot be performed outside of a connected room");
+            return Promise.reject("Action cannot be performed outside of a connected room");
+        }
+        return payloadCreator(arg, thunkApi);
+    });
+}
+function createAuthorizedRoomConnectedThunk(authorizationSelector, thunk) {
+    return createAppThunk((payload) => (dispatch, getState, extra) => {
+        const connectionStatus = getState().roomConnection.status;
+        if (connectionStatus !== "connected") {
+            console.warn("Action cannot be performed outside of a connected room");
+            return false;
+        }
+        return createAppAuthorizedThunk(authorizationSelector, thunk)(payload)(dispatch, getState, extra);
+    });
+}
 
 const listenerMiddleware = createListenerMiddleware();
 const startAppListening = listenerMiddleware.startListening;
@@ -43,9 +74,9 @@ const createReactor = (selectors, callback) => {
     });
 };
 
-const coreVersion = "0.25.1";
+const coreVersion = "0.27.0";
 
-const initialState$f = {
+const initialState$g = {
     isNodeSdk: false,
     isActive: false,
     isDialIn: false,
@@ -57,7 +88,7 @@ const initialState$f = {
 };
 const appSlice = createSlice({
     name: "app",
-    initialState: initialState$f,
+    initialState: initialState$g,
     reducers: {
         doAppStart: (state, action) => {
             const url = new URL(action.payload.roomUrl);
@@ -108,6 +139,7 @@ const signalEvents = {
     spotlightRemoved: createSignalEventAction("spotlightRemoved"),
     streamingStopped: createSignalEventAction("streamingStopped"),
     videoEnabled: createSignalEventAction("videoEnabled"),
+    videoEnableRequested: createSignalEventAction("videoEnableRequested"),
     liveTranscriptionStarted: createSignalEventAction("liveTranscriptionStarted"),
     liveTranscriptionStopped: createSignalEventAction("liveTranscriptionStopped"),
 };
@@ -115,18 +147,19 @@ const signalEvents = {
 const ROOM_ACTION_PERMISSIONS_BY_ROLE = {
     canLockRoom: ["host"],
     canRequestAudioEnable: ["host"],
+    canRequestVideoEnable: ["host"],
     canKickClient: ["host"],
     canEndMeeting: ["host"],
     canAskToSpeak: ["host"],
     canSpotlight: ["host"],
 };
-const initialState$e = {
+const initialState$f = {
     roomKey: null,
     roleName: "none",
 };
 const authorizationSlice = createSlice({
     name: "authorization",
-    initialState: initialState$e,
+    initialState: initialState$f,
     reducers: {
         setRoomKey: (state, action) => {
             return Object.assign(Object.assign({}, state), { roomKey: action.payload });
@@ -148,6 +181,7 @@ const selectRoomKey = (state) => state.authorization.roomKey;
 const selectAuthorizationRoleName = (state) => state.authorization.roleName;
 const selectIsAuthorizedToLockRoom = createSelector(selectAuthorizationRoleName, (localParticipantRole) => ROOM_ACTION_PERMISSIONS_BY_ROLE.canLockRoom.includes(localParticipantRole));
 const selectIsAuthorizedToRequestAudioEnable = createSelector(selectAuthorizationRoleName, (localParticipantRole) => ROOM_ACTION_PERMISSIONS_BY_ROLE.canRequestAudioEnable.includes(localParticipantRole));
+const selectIsAuthorizedToRequestVideoEnable = createSelector(selectAuthorizationRoleName, (localParticipantRole) => ROOM_ACTION_PERMISSIONS_BY_ROLE.canRequestVideoEnable.includes(localParticipantRole));
 const selectIsAuthorizedToKickClient = createSelector(selectAuthorizationRoleName, (localParticipantRole) => ROOM_ACTION_PERMISSIONS_BY_ROLE.canKickClient.includes(localParticipantRole));
 const selectIsAuthorizedToEndMeeting = createSelector(selectAuthorizationRoleName, (localParticipantRole) => ROOM_ACTION_PERMISSIONS_BY_ROLE.canEndMeeting.includes(localParticipantRole));
 const selectIsAuthorizedToAskToSpeak = createSelector(selectAuthorizationRoleName, (localParticipantRole) => ROOM_ACTION_PERMISSIONS_BY_ROLE.canAskToSpeak.includes(localParticipantRole));
@@ -197,13 +231,13 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-const initialState$d = {
+const initialState$e = {
     isFetching: false,
     data: null,
 };
 const deviceCredentialsSlice = createSlice({
     name: "deviceCredentials",
-    initialState: initialState$d,
+    initialState: initialState$e,
     reducers: {},
     extraReducers: (builder) => {
         builder.addCase(doGetDeviceCredentials.pending, (state) => {
@@ -268,6 +302,7 @@ function forwardSocketEvents(socket, dispatch) {
     socket.on("spotlight_removed", (payload) => dispatch(signalEvents.spotlightRemoved(payload)));
     socket.on("live_transcription_started", (payload) => dispatch(signalEvents.liveTranscriptionStarted(payload)));
     socket.on("live_transcription_stopped", (payload) => dispatch(signalEvents.liveTranscriptionStopped(payload)));
+    socket.on("video_enable_requested", (payload) => dispatch(signalEvents.videoEnableRequested(payload)));
 }
 const SIGNAL_BASE_URL = "wss://signal.appearin.net" ;
 function createSocket() {
@@ -278,7 +313,7 @@ function createSocket() {
     };
     return new ServerSocket(socketHost, socketOverrides);
 }
-const initialState$c = {
+const initialState$d = {
     deviceIdentified: false,
     isIdentifyingDevice: false,
     status: "ready",
@@ -286,7 +321,7 @@ const initialState$c = {
 };
 const signalConnectionSlice = createSlice({
     name: "signalConnection",
-    initialState: initialState$c,
+    initialState: initialState$d,
     reducers: {
         socketConnecting: (state) => {
             return Object.assign(Object.assign({}, state), { status: "connecting" });
@@ -295,7 +330,7 @@ const signalConnectionSlice = createSlice({
             return Object.assign(Object.assign({}, state), { socket: action.payload, status: "connected" });
         },
         socketDisconnected: (state) => {
-            return Object.assign(Object.assign({}, state), { deviceIdentified: false, status: "disconnected" });
+            return Object.assign(Object.assign({}, state), { socket: null, deviceIdentified: false, status: "disconnected" });
         },
         socketReconnecting: (state) => {
             return Object.assign(Object.assign({}, state), { status: "reconnecting" });
@@ -390,12 +425,12 @@ startAppListening({
     },
 });
 
-const initialState$b = {
+const initialState$c = {
     chatMessages: [],
 };
 const chatSlice = createSlice({
     name: "chat",
-    initialState: initialState$b,
+    initialState: initialState$c,
     reducers: {},
     extraReducers(builder) {
         builder.addCase(signalEvents.chatMessage, (state, action) => {
@@ -408,7 +443,7 @@ const chatSlice = createSlice({
         });
     },
 });
-const doSendChatMessage = createAppThunk((payload) => (_, getState) => {
+const doSendChatMessage = createRoomConnectedThunk((payload) => (_, getState) => {
     const state = getState();
     const socket = selectSignalConnectionRaw(state).socket;
     socket === null || socket === void 0 ? void 0 : socket.emit("chat_message", { text: payload.text });
@@ -453,7 +488,7 @@ const cloudRecordingSlice = createSlice({
     },
 });
 const { recordingRequestStarted } = cloudRecordingSlice.actions;
-const doStartCloudRecording = createAppThunk(() => (dispatch, getState) => {
+const doStartCloudRecording = createRoomConnectedThunk(() => (dispatch, getState) => {
     const state = getState();
     const socket = selectSignalConnectionRaw(state).socket;
     const status = selectCloudRecordingStatus(state);
@@ -465,7 +500,7 @@ const doStartCloudRecording = createAppThunk(() => (dispatch, getState) => {
     });
     dispatch(recordingRequestStarted());
 });
-const doStopCloudRecording = createAppThunk(() => (dispatch, getState) => {
+const doStopCloudRecording = createRoomConnectedThunk(() => (dispatch, getState) => {
     const state = getState();
     const socket = selectSignalConnectionRaw(state).socket;
     socket === null || socket === void 0 ? void 0 : socket.emit("stop_recording");
@@ -476,6 +511,60 @@ const selectCloudRecordingStartedAt = (state) => state.cloudRecording.startedAt;
 const selectCloudRecordingError = (state) => state.cloudRecording.error;
 const selectIsCloudRecording = (state) => state.cloudRecording.isRecording;
 
+const initialState$b = {
+    data: null,
+    isFetching: false,
+    error: null,
+};
+const organizationSlice = createSlice({
+    initialState: initialState$b,
+    name: "organization",
+    reducers: {},
+    extraReducers: (builder) => {
+        builder.addCase(doOrganizationFetch.pending, (state) => {
+            return Object.assign(Object.assign({}, state), { isFetching: true });
+        });
+        builder.addCase(doOrganizationFetch.fulfilled, (state, action) => {
+            if (!action.payload)
+                return Object.assign(Object.assign({}, state), { isFetching: true });
+            return Object.assign(Object.assign({}, state), { isFetching: false, data: action.payload });
+        });
+        builder.addCase(doOrganizationFetch.rejected, (state) => {
+            return Object.assign(Object.assign({}, state), { isFetching: false, error: true });
+        });
+    },
+});
+const doOrganizationFetch = createAppAsyncThunk("organization/doOrganizationFetch", (_, { extra, getState }) => __awaiter(void 0, void 0, void 0, function* () {
+    try {
+        const roomUrl = selectAppRoomUrl(getState());
+        const organization = yield extra.services.fetchOrganizationFromRoomUrl(roomUrl || "");
+        if (!organization) {
+            throw new Error("Invalid room url");
+        }
+        return organization;
+    }
+    catch (error) {
+        console.error(error);
+    }
+}));
+const selectOrganizationRaw = (state) => state.organization;
+const selectOrganizationId = (state) => { var _a; return (_a = state.organization.data) === null || _a === void 0 ? void 0 : _a.organizationId; };
+const selectShouldFetchOrganization = createSelector(selectAppIsActive, selectOrganizationRaw, selectDeviceCredentialsRaw, (appIsActive, organization, deviceCredentials) => {
+    if (appIsActive &&
+        !organization.data &&
+        !organization.isFetching &&
+        !organization.error &&
+        !deviceCredentials.isFetching) {
+        return true;
+    }
+    return false;
+});
+createReactor([selectShouldFetchOrganization], ({ dispatch }, shouldFetchOrganization) => {
+    if (shouldFetchOrganization) {
+        dispatch(doOrganizationFetch());
+    }
+});
+
 function fakeAudioStream() {
     const audioCtx = new AudioContext();
     const oscillator = audioCtx.createOscillator();
@@ -1055,6 +1144,15 @@ startAppListening({
         }
     },
 });
+startAppListening({
+    actionCreator: signalEvents.videoEnableRequested,
+    effect: ({ payload }, { dispatch }) => {
+        const { enable } = payload;
+        if (!enable) {
+            dispatch(toggleCameraEnabled({ enabled: false }));
+        }
+    },
+});
 
 const NON_PERSON_ROLES = ["recorder", "streamer"];
 
@@ -1075,7 +1173,7 @@ const localParticipantSlice = createSlice({
     name: "localParticipant",
     initialState: initialState$a,
     reducers: {
-        doSetDisplayName: (state, action) => {
+        setDisplayName: (state, action) => {
             return Object.assign(Object.assign({}, state), { displayName: action.payload.displayName });
         },
     },
@@ -1099,8 +1197,17 @@ const localParticipantSlice = createSlice({
         });
     },
 });
-const { doSetDisplayName } = localParticipantSlice.actions;
-const doEnableAudio = createAppAsyncThunk("localParticipant/doEnableAudio", (payload, { dispatch, getState }) => __awaiter(void 0, void 0, void 0, function* () {
+const { setDisplayName } = localParticipantSlice.actions;
+const doSetDisplayName = createRoomConnectedThunk((payload) => (dispatch, getState) => {
+    const state = getState();
+    const socket = selectSignalConnectionRaw(state).socket;
+    socket === null || socket === void 0 ? void 0 : socket.emit("send_client_metadata", {
+        type: "UserData",
+        payload: { displayName: payload.displayName },
+    });
+    dispatch(setDisplayName({ displayName: payload.displayName }));
+});
+const doEnableAudio = createAsyncRoomConnectedThunk("localParticipant/doEnableAudio", (payload, { dispatch, getState }) => __awaiter(void 0, void 0, void 0, function* () {
     const state = getState();
     const socket = selectSignalConnectionRaw(state).socket;
     socket === null || socket === void 0 ? void 0 : socket.emit("enable_audio", { enabled: payload.enabled });
@@ -1109,13 +1216,13 @@ const doEnableAudio = createAppAsyncThunk("localParticipant/doEnableAudio", (pay
     }
     return payload.enabled;
 }));
-const doEnableVideo = createAppAsyncThunk("localParticipant/doEnableVideo", (payload, { getState }) => __awaiter(void 0, void 0, void 0, function* () {
+const doEnableVideo = createAsyncRoomConnectedThunk("localParticipant/doEnableVideo", (payload, { getState }) => __awaiter(void 0, void 0, void 0, function* () {
     const state = getState();
     const socket = selectSignalConnectionRaw(state).socket;
     socket === null || socket === void 0 ? void 0 : socket.emit("enable_video", { enabled: payload.enabled });
     return payload.enabled;
 }));
-const doSetLocalStickyReaction = createAppAsyncThunk("localParticipant/doSetLocalStickyReaction", (payload, { getState, rejectWithValue }) => __awaiter(void 0, void 0, void 0, function* () {
+const doSetLocalStickyReaction = createAsyncRoomConnectedThunk("localParticipant/doSetLocalStickyReaction", (payload, { getState, rejectWithValue }) => __awaiter(void 0, void 0, void 0, function* () {
     var _a;
     const state = getState();
     const currentStickyReaction = selectLocalParticipantStickyReaction(state);
@@ -1127,7 +1234,7 @@ const doSetLocalStickyReaction = createAppAsyncThunk("localParticipant/doSetLoca
     const stickyReaction = enabled ? { reaction: "✋", timestamp: new Date().toISOString() } : null;
     return stickyReaction;
 }));
-const doSendClientMetadata = createAppThunk(() => (_, getState) => {
+const doSendClientMetadata = createRoomConnectedThunk(() => (_, getState) => {
     const state = getState();
     const socket = selectSignalConnectionRaw(state).socket;
     const payload = {
@@ -1181,86 +1288,179 @@ createReactor([selectLocalParticipantDisplayName, selectLocalParticipantStickyRe
 });
 
 const initialState$9 = {
-    status: "inactive",
-    stream: null,
+    session: null,
+    status: "ready",
     error: null,
 };
-const localScreenshareSlice = createSlice({
-    name: "localScreenshare",
+const roomConnectionSlice = createSlice({
     initialState: initialState$9,
+    name: "roomConnection",
     reducers: {
-        stopScreenshare(state, action) {
-            return Object.assign(Object.assign({}, state), { status: "inactive", stream: null });
+        connectionStatusChanged: (state, action) => {
+            return Object.assign(Object.assign({}, state), { status: action.payload });
         },
     },
     extraReducers: (builder) => {
-        builder.addCase(doStartScreenshare.pending, (state) => {
-            return Object.assign(Object.assign({}, state), { status: "starting" });
+        builder.addCase(signalEvents.roomJoined, (state, action) => {
+            var _a, _b;
+            const { error, isLocked } = action.payload;
+            if (error === "room_locked" && isLocked) {
+                return Object.assign(Object.assign({}, state), { status: "room_locked" });
+            }
+            if (error) {
+                return Object.assign(Object.assign({}, state), { status: "disconnected", error });
+            }
+            return Object.assign(Object.assign({}, state), { status: "connected", session: (_b = (_a = action.payload.room) === null || _a === void 0 ? void 0 : _a.session) !== null && _b !== void 0 ? _b : null });
         });
-        builder.addCase(doStartScreenshare.fulfilled, (state, { payload: { stream } }) => {
-            return Object.assign(Object.assign({}, state), { status: "active", stream });
+        builder.addCase(signalEvents.disconnect, (state) => {
+            if (["kicked", "left"].includes(state.status)) {
+                return Object.assign({}, state);
+            }
+            return Object.assign(Object.assign({}, state), { status: "disconnected" });
         });
-        builder.addCase(doStartScreenshare.rejected, (state, { payload }) => {
-            return Object.assign(Object.assign({}, state), { error: payload, status: "inactive", stream: null });
+        builder.addCase(signalEvents.newClient, (state, action) => {
+            var _a, _b;
+            return Object.assign(Object.assign({}, state), { session: (_b = (_a = action.payload.room) === null || _a === void 0 ? void 0 : _a.session) !== null && _b !== void 0 ? _b : null });
+        });
+        builder.addCase(signalEvents.roomSessionEnded, (state, action) => {
+            var _a;
+            if (((_a = state.session) === null || _a === void 0 ? void 0 : _a.id) !== action.payload.roomSessionId) {
+                return state;
+            }
+            return Object.assign(Object.assign({}, state), { session: null });
+        });
+        builder.addCase(signalEvents.clientKicked, (state) => {
+            return Object.assign(Object.assign({}, state), { status: "kicked" });
+        });
+        builder.addCase(signalEvents.roomLeft, (state) => {
+            return Object.assign(Object.assign({}, state), { status: "left" });
+        });
+        builder.addCase(socketReconnecting, (state) => {
+            return Object.assign(Object.assign({}, state), { status: "reconnecting" });
         });
     },
 });
-const { stopScreenshare } = localScreenshareSlice.actions;
-const doStartScreenshare = createAppAsyncThunk("localScreenshare/doStartScreenshare", (_, { dispatch, getState, rejectWithValue }) => __awaiter(void 0, void 0, void 0, function* () {
-    var _a;
-    try {
-        const state = getState();
-        const screenshareStream = selectLocalScreenshareStream(state);
-        if (screenshareStream) {
-            return { stream: screenshareStream };
-        }
-        const stream = yield navigator.mediaDevices.getDisplayMedia();
-        const onEnded = () => {
-            dispatch(doStopScreenshare());
-        };
-        if ("oninactive" in stream) {
-            stream.addEventListener("inactive", onEnded);
-        }
-        else {
-            (_a = stream.getVideoTracks()[0]) === null || _a === void 0 ? void 0 : _a.addEventListener("ended", onEnded);
-        }
-        return { stream };
-    }
-    catch (error) {
-        return rejectWithValue(error);
-    }
-}));
-const doStopScreenshare = createAppThunk(() => (dispatch, getState) => {
+const { connectionStatusChanged } = roomConnectionSlice.actions;
+const doKnockRoom = createAppThunk(() => (dispatch, getState) => {
     const state = getState();
-    const screenshareStream = selectLocalScreenshareStream(state);
-    if (!screenshareStream) {
-        return;
-    }
-    screenshareStream.getTracks().forEach((track) => track.stop());
-    dispatch(stopScreenshare({ stream: screenshareStream }));
+    const socket = selectSignalConnectionRaw(state).socket;
+    const roomName = selectAppRoomName(state);
+    const roomKey = selectRoomKey(state);
+    const displayName = selectAppDisplayName(state);
+    const isDialIn = selectAppIsDialIn(state);
+    const userAgent = selectAppUserAgent(state);
+    const externalId = selectAppExternalId(state);
+    const organizationId = selectOrganizationId(state);
+    socket === null || socket === void 0 ? void 0 : socket.emit("knock_room", {
+        avatarUrl: null,
+        config: {
+            isAudioEnabled: true,
+            isVideoEnabled: true,
+        },
+        deviceCapabilities: { canScreenshare: true },
+        displayName,
+        isCoLocated: false,
+        isDialIn,
+        isDevicePermissionDenied: false,
+        kickFromOtherRooms: false,
+        organizationId,
+        roomKey,
+        roomName,
+        userAgent,
+        externalId,
+    });
+    dispatch(connectionStatusChanged("knocking"));
 });
-const selectLocalScreenshareRaw = (state) => state.localScreenshare;
-const selectLocalScreenshareStatus = (state) => state.localScreenshare.status;
-const selectLocalScreenshareStream = (state) => state.localScreenshare.stream;
-startAppListening({
-    actionCreator: localMediaStopped,
-    effect: (_, { getState }) => {
-        const state = getState();
-        const screenshareStream = selectLocalScreenshareStream(state);
-        if (!screenshareStream) {
-            return;
-        }
-        screenshareStream === null || screenshareStream === void 0 ? void 0 : screenshareStream.getTracks().forEach((track) => {
-            track.stop();
-        });
-    },
+const doConnectRoom = createAppThunk(() => (dispatch, getState) => {
+    const state = getState();
+    const socket = selectSignalConnectionRaw(state).socket;
+    const roomName = selectAppRoomName(state);
+    const roomKey = selectRoomKey(state);
+    const displayName = selectAppDisplayName(state);
+    const userAgent = selectAppUserAgent(state);
+    const externalId = selectAppExternalId(state);
+    const isDialIn = selectAppIsDialIn(state);
+    const organizationId = selectOrganizationId(state);
+    const isCameraEnabled = selectIsCameraEnabled(getState());
+    const isMicrophoneEnabled = selectIsMicrophoneEnabled(getState());
+    const clientClaim = selectLocalParticipantClientClaim(getState());
+    socket === null || socket === void 0 ? void 0 : socket.emit("join_room", Object.assign({ avatarUrl: null, config: {
+            isAudioEnabled: isMicrophoneEnabled,
+            isVideoEnabled: isCameraEnabled,
+        }, deviceCapabilities: { canScreenshare: true }, displayName, isCoLocated: false, isDialIn, isDevicePermissionDenied: false, kickFromOtherRooms: false, organizationId,
+        roomKey,
+        roomName,
+        userAgent,
+        externalId }, (clientClaim && { clientClaim })));
+    dispatch(connectionStatusChanged("connecting"));
 });
-
-function createRtcEventAction(name) {
-    return createAction(`rtcConnection/event/${name}`);
-}
-const rtcEvents = {
-    rtcManagerCreated: createRtcEventAction("rtcManagerCreated"),
+const selectRoomConnectionRaw = (state) => state.roomConnection;
+const selectRoomConnectionSession = (state) => state.roomConnection.session;
+const selectRoomConnectionSessionId = (state) => { var _a; return (_a = state.roomConnection.session) === null || _a === void 0 ? void 0 : _a.id; };
+const selectRoomConnectionStatus = (state) => state.roomConnection.status;
+const selectRoomConnectionError = (state) => state.roomConnection.error;
+const selectShouldConnectRoom = createSelector([
+    selectAppIsActive,
+    selectOrganizationId,
+    selectRoomConnectionStatus,
+    selectSignalConnectionDeviceIdentified,
+    selectLocalMediaStatus,
+    selectRoomConnectionError,
+], (appIsActive, hasOrganizationIdFetched, roomConnectionStatus, signalConnectionDeviceIdentified, localMediaStatus, roomConnectionError) => {
+    if (appIsActive &&
+        localMediaStatus === "started" &&
+        signalConnectionDeviceIdentified &&
+        !!hasOrganizationIdFetched &&
+        ["ready", "reconnecting", "disconnected"].includes(roomConnectionStatus) &&
+        !roomConnectionError) {
+        return true;
+    }
+    return false;
+});
+createReactor([selectShouldConnectRoom], ({ dispatch }, shouldConnectRoom) => {
+    if (shouldConnectRoom) {
+        dispatch(doConnectRoom());
+    }
+});
+startAppListening({
+    actionCreator: signalEvents.knockHandled,
+    effect: ({ payload }, { dispatch, getState }) => {
+        const { clientId, resolution } = payload;
+        const state = getState();
+        const selfId = selectSelfId(state);
+        if (clientId !== selfId) {
+            return;
+        }
+        if (resolution === "accepted") {
+            dispatch(setRoomKey(payload.metadata.roomKey));
+            dispatch(doConnectRoom());
+        }
+        else if (resolution === "rejected") {
+            dispatch(connectionStatusChanged("knock_rejected"));
+        }
+    },
+});
+startAppListening({
+    actionCreator: doAppStop,
+    effect: (_, { dispatch, getState }) => {
+        const state = getState();
+        const roomConnectionStatus = selectRoomConnectionStatus(state);
+        if (roomConnectionStatus === "connected") {
+            const socket = selectSignalConnectionRaw(state).socket;
+            socket === null || socket === void 0 ? void 0 : socket.emit("leave_room");
+            dispatch(connectionStatusChanged("leaving"));
+        }
+        else {
+            doSignalDisconnect();
+        }
+    },
+});
+
+function createRtcEventAction(name) {
+    return createAction(`rtcConnection/event/${name}`);
+}
+const rtcEvents = {
+    rtcManagerCreated: createRtcEventAction("rtcManagerCreated"),
     rtcManagerDestroyed: createRtcEventAction("rtcManagerDestroyed"),
     streamAdded: createRtcEventAction("streamAdded"),
 };
@@ -1436,7 +1636,7 @@ const remoteParticipantsSlice = createSlice({
     },
 });
 const { participantStreamAdded, participantStreamIdAdded, streamStatusUpdated } = remoteParticipantsSlice.actions;
-const doRequestAudioEnable = createAppAuthorizedThunk((state) => selectIsAuthorizedToRequestAudioEnable(state), (payload) => (_, getState) => {
+const doRequestAudioEnable = createAuthorizedRoomConnectedThunk((state) => selectIsAuthorizedToRequestAudioEnable(state), (payload) => (_, getState) => {
     const state = getState();
     const canEnableRemoteAudio = selectIsAuthorizedToAskToSpeak(state);
     if (payload.enable && !canEnableRemoteAudio) {
@@ -1446,6 +1646,11 @@ const doRequestAudioEnable = createAppAuthorizedThunk((state) => selectIsAuthori
     const socket = selectSignalConnectionRaw(state).socket;
     socket === null || socket === void 0 ? void 0 : socket.emit("request_audio_enable", payload);
 });
+const doRequestVideoEnable = createAuthorizedRoomConnectedThunk((state) => selectIsAuthorizedToRequestVideoEnable(state), (payload) => (_, getState) => {
+    const state = getState();
+    const socket = selectSignalConnectionRaw(state).socket;
+    socket === null || socket === void 0 ? void 0 : socket.emit("request_video_enable", payload);
+});
 const selectRemoteParticipantsRaw = (state) => state.remoteParticipants;
 const selectRemoteClients = (state) => state.remoteParticipants.remoteParticipants;
 const selectRemoteParticipants = createSelector(selectRemoteClients, (clients) => clients.filter((c) => !NON_PERSON_ROLES.includes(c.roleName)));
@@ -1458,373 +1663,388 @@ const selectNumParticipants = createSelector(selectRemoteParticipants, selectLoc
 });
 
 const initialState$7 = {
-    data: null,
-    isFetching: false,
+    status: "inactive",
+    stream: null,
     error: null,
 };
-const organizationSlice = createSlice({
+const localScreenshareSlice = createSlice({
+    name: "localScreenshare",
     initialState: initialState$7,
-    name: "organization",
-    reducers: {},
+    reducers: {
+        stopScreenshare(state, action) {
+            return Object.assign(Object.assign({}, state), { status: "inactive", stream: null });
+        },
+    },
     extraReducers: (builder) => {
-        builder.addCase(doOrganizationFetch.pending, (state) => {
-            return Object.assign(Object.assign({}, state), { isFetching: true });
+        builder.addCase(doStartScreenshare.pending, (state) => {
+            return Object.assign(Object.assign({}, state), { status: "starting" });
         });
-        builder.addCase(doOrganizationFetch.fulfilled, (state, action) => {
-            if (!action.payload)
-                return Object.assign(Object.assign({}, state), { isFetching: true });
-            return Object.assign(Object.assign({}, state), { isFetching: false, data: action.payload });
+        builder.addCase(doStartScreenshare.fulfilled, (state, { payload: { stream } }) => {
+            return Object.assign(Object.assign({}, state), { status: "active", stream });
         });
-        builder.addCase(doOrganizationFetch.rejected, (state) => {
-            return Object.assign(Object.assign({}, state), { isFetching: false, error: true });
+        builder.addCase(doStartScreenshare.rejected, (state, { payload }) => {
+            return Object.assign(Object.assign({}, state), { error: payload, status: "inactive", stream: null });
         });
     },
 });
-const doOrganizationFetch = createAppAsyncThunk("organization/doOrganizationFetch", (_, { extra, getState }) => __awaiter(void 0, void 0, void 0, function* () {
+const { stopScreenshare } = localScreenshareSlice.actions;
+const doStartScreenshare = createAsyncRoomConnectedThunk("localScreenshare/doStartScreenshare", (_, { dispatch, getState, rejectWithValue }) => __awaiter(void 0, void 0, void 0, function* () {
+    var _a;
     try {
-        const roomUrl = selectAppRoomUrl(getState());
-        const organization = yield extra.services.fetchOrganizationFromRoomUrl(roomUrl || "");
-        if (!organization) {
-            throw new Error("Invalid room url");
+        const state = getState();
+        const screenshareStream = selectLocalScreenshareStream(state);
+        if (screenshareStream) {
+            return { stream: screenshareStream };
         }
-        return organization;
+        const stream = yield navigator.mediaDevices.getDisplayMedia();
+        const onEnded = () => {
+            dispatch(doStopScreenshare());
+        };
+        if ("oninactive" in stream) {
+            stream.addEventListener("inactive", onEnded);
+        }
+        else {
+            (_a = stream.getVideoTracks()[0]) === null || _a === void 0 ? void 0 : _a.addEventListener("ended", onEnded);
+        }
+        return { stream };
     }
     catch (error) {
-        console.error(error);
+        return rejectWithValue(error);
     }
 }));
-const selectOrganizationRaw = (state) => state.organization;
-const selectOrganizationId = (state) => { var _a; return (_a = state.organization.data) === null || _a === void 0 ? void 0 : _a.organizationId; };
-const selectShouldFetchOrganization = createSelector(selectAppIsActive, selectOrganizationRaw, selectDeviceCredentialsRaw, (appIsActive, organization, deviceCredentials) => {
-    if (appIsActive &&
-        !organization.data &&
-        !organization.isFetching &&
-        !organization.error &&
-        !deviceCredentials.isFetching) {
-        return true;
+const doStopScreenshare = createRoomConnectedThunk(() => (dispatch, getState) => {
+    const state = getState();
+    const screenshareStream = selectLocalScreenshareStream(state);
+    if (!screenshareStream) {
+        return;
     }
-    return false;
+    screenshareStream.getTracks().forEach((track) => track.stop());
+    dispatch(stopScreenshare({ stream: screenshareStream }));
 });
-createReactor([selectShouldFetchOrganization], ({ dispatch }, shouldFetchOrganization) => {
-    if (shouldFetchOrganization) {
-        dispatch(doOrganizationFetch());
-    }
+const selectLocalScreenshareRaw = (state) => state.localScreenshare;
+const selectLocalScreenshareStatus = (state) => state.localScreenshare.status;
+const selectLocalScreenshareStream = (state) => state.localScreenshare.stream;
+startAppListening({
+    actionCreator: localMediaStopped,
+    effect: (_, { getState }) => {
+        const state = getState();
+        const screenshareStream = selectLocalScreenshareStream(state);
+        if (!screenshareStream) {
+            return;
+        }
+        screenshareStream === null || screenshareStream === void 0 ? void 0 : screenshareStream.getTracks().forEach((track) => {
+            track.stop();
+        });
+    },
 });
 
+const createWebRtcEmitter = (dispatch) => {
+    return {
+        emit: (eventName, data) => {
+            if (eventName === "rtc_manager_created") {
+                dispatch(doRtcManagerCreated(data));
+            }
+            else if (eventName === "stream_added") {
+                dispatch(rtcEvents.streamAdded(data));
+            }
+            else if (eventName === "rtc_manager_destroyed") {
+                dispatch(rtcManagerDestroyed());
+            }
+            else ;
+        },
+    };
+};
 const initialState$6 = {
-    session: null,
-    status: "ready",
+    dispatcherCreated: false,
     error: null,
+    isCreatingDispatcher: false,
+    reportedStreamResolutions: {},
+    rtcManager: null,
+    rtcManagerDispatcher: null,
+    rtcManagerInitialized: false,
+    status: "inactive",
+    isAcceptingStreams: false,
 };
-const roomConnectionSlice = createSlice({
+const rtcConnectionSlice = createSlice({
+    name: "rtcConnection",
     initialState: initialState$6,
-    name: "roomConnection",
     reducers: {
-        connectionStatusChanged: (state, action) => {
-            return Object.assign(Object.assign({}, state), { status: action.payload });
+        isAcceptingStreams: (state, action) => {
+            return Object.assign(Object.assign({}, state), { isAcceptingStreams: action.payload });
+        },
+        resolutionReported: (state, action) => {
+            const { streamId, width, height } = action.payload;
+            return Object.assign(Object.assign({}, state), { reportedStreamResolutions: Object.assign(Object.assign({}, state.reportedStreamResolutions), { [streamId]: { width, height } }) });
+        },
+        rtcDisconnected: () => {
+            return Object.assign({}, initialState$6);
+        },
+        rtcDispatcherCreated: (state, action) => {
+            return Object.assign(Object.assign({}, state), { dispatcherCreated: true, rtcManagerDispatcher: action.payload });
+        },
+        rtcManagerCreated: (state, action) => {
+            return Object.assign(Object.assign({}, state), { rtcManager: action.payload, status: "ready" });
+        },
+        rtcManagerDestroyed: (state) => {
+            return Object.assign(Object.assign({}, state), { rtcManager: null });
+        },
+        rtcManagerInitialized: (state) => {
+            return Object.assign(Object.assign({}, state), { rtcManagerInitialized: true });
         },
     },
     extraReducers: (builder) => {
-        builder.addCase(signalEvents.roomJoined, (state, action) => {
-            var _a, _b;
-            const { error, isLocked } = action.payload;
-            if (error === "room_locked" && isLocked) {
-                return Object.assign(Object.assign({}, state), { status: "room_locked" });
-            }
-            if (error) {
-                return Object.assign(Object.assign({}, state), { status: "disconnected", error });
-            }
-            return Object.assign(Object.assign({}, state), { status: "connected", session: (_b = (_a = action.payload.room) === null || _a === void 0 ? void 0 : _a.session) !== null && _b !== void 0 ? _b : null });
-        });
-        builder.addCase(signalEvents.disconnect, (state) => {
-            if (["kicked", "left"].includes(state.status)) {
-                return Object.assign({}, state);
-            }
-            return Object.assign(Object.assign({}, state), { status: "disconnected" });
-        });
-        builder.addCase(signalEvents.newClient, (state, action) => {
-            var _a, _b;
-            return Object.assign(Object.assign({}, state), { session: (_b = (_a = action.payload.room) === null || _a === void 0 ? void 0 : _a.session) !== null && _b !== void 0 ? _b : null });
-        });
-        builder.addCase(signalEvents.roomSessionEnded, (state, action) => {
-            var _a;
-            if (((_a = state.session) === null || _a === void 0 ? void 0 : _a.id) !== action.payload.roomSessionId) {
-                return state;
-            }
-            return Object.assign(Object.assign({}, state), { session: null });
-        });
-        builder.addCase(signalEvents.clientKicked, (state) => {
-            return Object.assign(Object.assign({}, state), { status: "kicked" });
-        });
-        builder.addCase(signalEvents.roomLeft, (state) => {
-            return Object.assign(Object.assign({}, state), { status: "left" });
-        });
         builder.addCase(socketReconnecting, (state) => {
             return Object.assign(Object.assign({}, state), { status: "reconnecting" });
         });
+        builder.addCase(signalEvents.roomJoined, (state) => {
+            return Object.assign(Object.assign({}, state), { status: state.status === "reconnecting" ? "ready" : state.status });
+        });
     },
 });
-const { connectionStatusChanged } = roomConnectionSlice.actions;
-const doKnockRoom = createAppThunk(() => (dispatch, getState) => {
+const { resolutionReported, rtcDispatcherCreated, rtcDisconnected, rtcManagerCreated, rtcManagerDestroyed, rtcManagerInitialized, isAcceptingStreams, } = rtcConnectionSlice.actions;
+const doConnectRtc = createAppThunk(() => (dispatch, getState) => {
     const state = getState();
     const socket = selectSignalConnectionRaw(state).socket;
-    const roomName = selectAppRoomName(state);
-    const roomKey = selectRoomKey(state);
-    const displayName = selectAppDisplayName(state);
-    const isDialIn = selectAppIsDialIn(state);
-    const userAgent = selectAppUserAgent(state);
-    const externalId = selectAppExternalId(state);
-    const organizationId = selectOrganizationId(state);
-    socket === null || socket === void 0 ? void 0 : socket.emit("knock_room", {
-        avatarUrl: null,
-        config: {
-            isAudioEnabled: true,
-            isVideoEnabled: true,
+    const dispatcher = selectRtcConnectionRaw(state).rtcManagerDispatcher;
+    const isCameraEnabled = selectIsCameraEnabled(state);
+    const isMicrophoneEnabled = selectIsMicrophoneEnabled(state);
+    const isNodeSdk = selectAppIsNodeSdk(state);
+    if (dispatcher || !socket) {
+        return;
+    }
+    const webrtcProvider = {
+        getMediaConstraints: () => ({
+            audio: isMicrophoneEnabled,
+            video: isCameraEnabled,
+        }),
+        deferrable(clientId) {
+            return !clientId;
+        },
+    };
+    const rtcManagerDispatcher = new RtcManagerDispatcher({
+        emitter: createWebRtcEmitter(dispatch),
+        serverSocket: socket,
+        webrtcProvider,
+        features: {
+            isNodeSdk,
+            lowDataModeEnabled: false,
+            sfuServerOverrideHost: undefined,
+            turnServerOverrideHost: undefined,
+            useOnlyTURN: undefined,
+            vp9On: false,
+            h264On: false,
+            simulcastScreenshareOn: false,
+            deviceHandlerFactory: isNodeSdk ? Chrome111.createFactory() : undefined,
         },
-        deviceCapabilities: { canScreenshare: true },
-        displayName,
-        isCoLocated: false,
-        isDialIn,
-        isDevicePermissionDenied: false,
-        kickFromOtherRooms: false,
-        organizationId,
-        roomKey,
-        roomName,
-        userAgent,
-        externalId,
     });
-    dispatch(connectionStatusChanged("knocking"));
-});
-const doConnectRoom = createAppThunk(() => (dispatch, getState) => {
-    const state = getState();
-    const socket = selectSignalConnectionRaw(state).socket;
-    const roomName = selectAppRoomName(state);
-    const roomKey = selectRoomKey(state);
-    const displayName = selectAppDisplayName(state);
-    const userAgent = selectAppUserAgent(state);
-    const externalId = selectAppExternalId(state);
-    const isDialIn = selectAppIsDialIn(state);
-    const organizationId = selectOrganizationId(state);
-    const isCameraEnabled = selectIsCameraEnabled(getState());
-    const isMicrophoneEnabled = selectIsMicrophoneEnabled(getState());
-    const clientClaim = selectLocalParticipantClientClaim(getState());
-    socket === null || socket === void 0 ? void 0 : socket.emit("join_room", Object.assign({ avatarUrl: null, config: {
-            isAudioEnabled: isMicrophoneEnabled,
-            isVideoEnabled: isCameraEnabled,
-        }, deviceCapabilities: { canScreenshare: true }, displayName, isCoLocated: false, isDialIn, isDevicePermissionDenied: false, kickFromOtherRooms: false, organizationId,
-        roomKey,
-        roomName,
-        userAgent,
-        externalId }, (clientClaim && { clientClaim })));
-    dispatch(connectionStatusChanged("connecting"));
+    dispatch(rtcDispatcherCreated(rtcManagerDispatcher));
 });
-const selectRoomConnectionRaw = (state) => state.roomConnection;
-const selectRoomConnectionSession = (state) => state.roomConnection.session;
-const selectRoomConnectionSessionId = (state) => { var _a; return (_a = state.roomConnection.session) === null || _a === void 0 ? void 0 : _a.id; };
-const selectRoomConnectionStatus = (state) => state.roomConnection.status;
-const selectRoomConnectionError = (state) => state.roomConnection.error;
-const selectShouldConnectRoom = createSelector([
-    selectAppIsActive,
-    selectOrganizationId,
-    selectRoomConnectionStatus,
-    selectSignalConnectionDeviceIdentified,
-    selectLocalMediaStatus,
-    selectRoomConnectionError,
-], (appIsActive, hasOrganizationIdFetched, roomConnectionStatus, signalConnectionDeviceIdentified, localMediaStatus, roomConnectionError) => {
-    if (appIsActive &&
-        localMediaStatus === "started" &&
-        signalConnectionDeviceIdentified &&
-        !!hasOrganizationIdFetched &&
-        ["ready", "reconnecting", "disconnected"].includes(roomConnectionStatus) &&
-        !roomConnectionError) {
-        return true;
+const doDisconnectRtc = createAppThunk(() => (dispatch, getState) => {
+    const { rtcManager } = selectRtcConnectionRaw(getState());
+    if (rtcManager) {
+        rtcManager.disconnectAll();
     }
-    return false;
+    dispatch(rtcDisconnected());
 });
-createReactor([selectShouldConnectRoom], ({ dispatch }, shouldConnectRoom) => {
-    if (shouldConnectRoom) {
-        dispatch(doConnectRoom());
+const doHandleAcceptStreams = createAppThunk((payload) => (dispatch, getState) => {
+    var _a;
+    dispatch(isAcceptingStreams(true));
+    const state = getState();
+    const rtcManager = selectRtcConnectionRaw(state).rtcManager;
+    const remoteClients = selectRemoteClients(state);
+    if (!rtcManager) {
+        throw new Error("No rtc manager");
     }
-});
-startAppListening({
-    actionCreator: signalEvents.knockHandled,
-    effect: ({ payload }, { dispatch, getState }) => {
-        const { clientId, resolution } = payload;
-        const state = getState();
-        const selfId = selectSelfId(state);
-        if (clientId !== selfId) {
-            return;
+    const activeBreakout = false;
+    const shouldAcceptNewClients = (_a = rtcManager.shouldAcceptStreamsFromBothSides) === null || _a === void 0 ? void 0 : _a.call(rtcManager);
+    const updates = [];
+    for (const { clientId, streamId, state } of payload) {
+        const participant = remoteClients.find((p) => p.id === clientId);
+        if (!participant)
+            continue;
+        if (state === "to_accept" ||
+            (state === "new_accept" && shouldAcceptNewClients) ||
+            (state === "old_accept" && !shouldAcceptNewClients)) {
+            const enforceTurnProtocol = participant.isDialIn ? "onlytls" : undefined;
+            rtcManager.acceptNewStream({
+                streamId: streamId === "0" ? clientId : streamId,
+                clientId,
+                shouldAddLocalVideo: streamId === "0",
+                activeBreakout,
+                enforceTurnProtocol,
+            });
         }
-        if (resolution === "accepted") {
-            dispatch(setRoomKey(payload.metadata.roomKey));
-            dispatch(doConnectRoom());
+        else if (state === "new_accept" || state === "old_accept") ;
+        else if (state === "to_unaccept") {
+            rtcManager === null || rtcManager === void 0 ? void 0 : rtcManager.disconnect(streamId === "0" ? clientId : streamId, activeBreakout);
         }
-        else if (resolution === "rejected") {
-            dispatch(connectionStatusChanged("knock_rejected"));
+        else if (state !== "done_accept") {
+            continue;
         }
-    },
+        else ;
+        updates.push({ clientId, streamId, state: state.replace(/to_|new_|old_/, "done_") });
+    }
+    dispatch(streamStatusUpdated(updates));
+    dispatch(isAcceptingStreams(false));
 });
+const doRtcReportStreamResolution = createAppThunk(({ streamId, width, height }) => (dispatch, getState) => {
+    const { reportedStreamResolutions, rtcManager } = selectRtcConnectionRaw(getState());
+    const localStream = selectLocalMediaStream(getState());
+    if (!rtcManager || (localStream === null || localStream === void 0 ? void 0 : localStream.id) === streamId) {
+        return;
+    }
+    const old = reportedStreamResolutions[streamId];
+    if (!old || old.width !== width || old.height !== height) {
+        rtcManager.updateStreamResolution(streamId, null, { width: width || 1, height: height || 1 });
+    }
+    dispatch(resolutionReported({ streamId, width, height }));
+});
+const doRtcManagerCreated = createAppThunk((payload) => (dispatch) => {
+    const { rtcManager } = payload;
+    dispatch(rtcManagerCreated(rtcManager));
+});
+const doRtcManagerInitialize = createAppThunk(() => (dispatch, getState) => {
+    const localMediaStream = selectLocalMediaStream(getState());
+    const rtcManager = selectRtcConnectionRaw(getState()).rtcManager;
+    const isCameraEnabled = selectIsCameraEnabled(getState());
+    const isMicrophoneEnabled = selectIsMicrophoneEnabled(getState());
+    if (localMediaStream && rtcManager) {
+        rtcManager.addNewStream("0", localMediaStream, !isMicrophoneEnabled, !isCameraEnabled);
+    }
+    dispatch(rtcManagerInitialized());
+});
+const selectRtcConnectionRaw = (state) => state.rtcConnection;
+const selectRtcManagerInitialized = (state) => state.rtcConnection.rtcManagerInitialized;
+const selectRtcManager = (state) => state.rtcConnection.rtcManager;
+const selectRtcDispatcherCreated = (state) => state.rtcConnection.dispatcherCreated;
+const selectRtcIsCreatingDispatcher = (state) => state.rtcConnection.isCreatingDispatcher;
+const selectRtcStatus = (state) => state.rtcConnection.status;
+const selectIsAcceptingStreams = (state) => state.rtcConnection.isAcceptingStreams;
 startAppListening({
-    actionCreator: doAppStop,
-    effect: (_, { dispatch, getState }) => {
-        const state = getState();
-        const roomConnectionStatus = selectRoomConnectionStatus(state);
-        if (roomConnectionStatus === "connected") {
-            const socket = selectSignalConnectionRaw(state).socket;
-            socket === null || socket === void 0 ? void 0 : socket.emit("leave_room");
-            dispatch(connectionStatusChanged("leaving"));
-        }
-        else {
-            doSignalDisconnect();
-        }
+    actionCreator: doSetDevice.fulfilled,
+    effect: ({ payload }, { getState }) => {
+        const { replacedTracks } = payload;
+        const { rtcManager } = selectRtcConnectionRaw(getState());
+        const stream = selectLocalMediaStream(getState());
+        const replace = (kind, oldTrack) => {
+            const track = stream === null || stream === void 0 ? void 0 : stream.getTracks().find((t) => t.kind === kind);
+            return track && (rtcManager === null || rtcManager === void 0 ? void 0 : rtcManager.replaceTrack(oldTrack, track));
+        };
+        replacedTracks === null || replacedTracks === void 0 ? void 0 : replacedTracks.forEach((t) => {
+            replace(t.kind, t);
+        });
     },
 });
-
-const emitter = new EventEmitter();
-function createNotificationEvent(payload) {
-    const notificationEvent = Object.assign(Object.assign({}, payload), { timestamp: Date.now() });
-    return notificationEvent;
-}
-const initialNotificationsState = {
-    emitter,
-    events: [],
-};
-const notificationsSlice = createSlice({
-    name: "notifications",
-    initialState: initialNotificationsState,
-    reducers: {
-        addNotification: (state, action) => {
-            return Object.assign(Object.assign({}, state), { events: [...state.events, Object.assign({}, action.payload)] });
-        },
-        doClearNotifications: (state) => {
-            return Object.assign(Object.assign({}, state), { events: [] });
-        },
+startAppListening({
+    actionCreator: doStartScreenshare.fulfilled,
+    effect: ({ payload }, { getState }) => {
+        const { stream } = payload;
+        const { rtcManager } = selectRtcConnectionRaw(getState());
+        rtcManager === null || rtcManager === void 0 ? void 0 : rtcManager.addNewStream(stream.id, stream, false, true);
     },
 });
-const { doClearNotifications } = notificationsSlice.actions;
-const doSetNotification = createAppThunk((payload) => (dispatch, getState) => {
-    dispatch(notificationsSlice.actions.addNotification(payload));
-    const state = getState();
-    const emitter = selectNotificationsEmitter(state);
-    emitter.emit(payload.type, payload);
-    emitter.emit("*", payload);
-});
-const selectNotificationsRaw = (state) => state.notifications;
-const selectNotificationsEvents = (state) => state.notifications.events;
-const selectNotificationsEmitter = (state) => state.notifications.emitter;
 startAppListening({
-    actionCreator: signalEvents.chatMessage,
-    effect: ({ payload }, { dispatch, getState }) => {
-        const state = getState();
-        const client = selectRemoteParticipants(state).find(({ id }) => id === payload.senderId);
-        if (!client) {
-            console.warn("Could not find remote client that sent chat message");
-            return;
-        }
-        dispatch(doSetNotification(createNotificationEvent({
-            type: "chatMessageReceived",
-            message: `${client.displayName} says: ${payload.text}`,
-            props: {
-                client,
-                chatMessage: {
-                    senderId: payload.senderId,
-                    timestamp: payload.timestamp,
-                    text: payload.text,
-                },
-            },
-        })));
+    actionCreator: doAppStop,
+    effect: (_, { getState }) => {
+        const rtcManager = selectRtcManager(getState());
+        rtcManager === null || rtcManager === void 0 ? void 0 : rtcManager.rtcStatsDisconnect();
     },
 });
 startAppListening({
-    actionCreator: signalEvents.audioEnableRequested,
-    effect: ({ payload }, { dispatch, getState }) => {
-        const { enable, requestedByClientId } = payload;
-        const state = getState();
-        const client = selectRemoteParticipants(state).find(({ id }) => id === requestedByClientId);
-        if (!client) {
-            console.warn("Could not find remote client that requested a local audio change");
-            return;
-        }
-        dispatch(doSetNotification(createNotificationEvent({
-            type: enable ? "requestAudioEnable" : "requestAudioDisable",
-            message: enable
-                ? `${client.displayName} has requested for you to speak`
-                : `${client.displayName} has muted your microphone`,
-            props: {
-                client,
-                enable,
-            },
-        })));
+    actionCreator: stopScreenshare,
+    effect: ({ payload }, { getState }) => {
+        const { stream } = payload;
+        const { rtcManager } = selectRtcConnectionRaw(getState());
+        rtcManager === null || rtcManager === void 0 ? void 0 : rtcManager.removeStream(stream.id, stream, null);
     },
 });
 startAppListening({
-    actionCreator: signalEvents.clientMetadataReceived,
-    effect: (action, { dispatch, getOriginalState, getState }) => {
+    actionCreator: doSwitchLocalStream.fulfilled,
+    effect: ({ payload }, { getState }) => {
         var _a;
-        const { error, payload } = action.payload;
-        if (error || !payload) {
-            return;
-        }
-        const { clientId, stickyReaction } = payload;
-        const state = getState();
-        const canAskToSpeak = selectIsAuthorizedToAskToSpeak(state);
-        if (!canAskToSpeak) {
-            return;
-        }
-        const client = selectRemoteParticipants(state).find(({ id }) => id === clientId);
-        if (!client) {
-            console.warn("Could not find remote client that provided updated metadata");
-            return;
-        }
-        const previousState = getOriginalState();
-        const previousClient = selectRemoteParticipants(previousState).find(({ id }) => id === clientId);
-        if ((!stickyReaction && !(previousClient === null || previousClient === void 0 ? void 0 : previousClient.stickyReaction)) ||
-            (stickyReaction === null || stickyReaction === void 0 ? void 0 : stickyReaction.timestamp) === ((_a = previousClient === null || previousClient === void 0 ? void 0 : previousClient.stickyReaction) === null || _a === void 0 ? void 0 : _a.timestamp)) {
-            return;
+        const stream = selectLocalMediaStream(getState());
+        const { rtcManager } = selectRtcConnectionRaw(getState());
+        if (stream && rtcManager) {
+            const replace = (kind, oldTrack) => {
+                const track = stream.getTracks().find((t) => t.kind === kind);
+                return track && rtcManager.replaceTrack(oldTrack, track);
+            };
+            (_a = payload === null || payload === void 0 ? void 0 : payload.replacedTracks) === null || _a === void 0 ? void 0 : _a.forEach((t) => {
+                replace(t.kind, t);
+            });
         }
-        dispatch(doSetNotification(createNotificationEvent({
-            type: stickyReaction ? "remoteHandRaised" : "remoteHandLowered",
-            message: `${client.displayName} ${stickyReaction ? "raised" : "lowered"} their hand`,
-            props: {
-                client,
-                stickyReaction,
-            },
-        })));
     },
 });
-createReactor([selectSignalStatus], ({ dispatch, getState }, signalStatus) => {
-    const state = getState();
-    const roomConnectionStatus = selectRoomConnectionStatus(state);
-    if (["left", "kicked"].includes(roomConnectionStatus)) {
-        return;
+const selectShouldConnectRtc = createSelector(selectRtcStatus, selectAppIsActive, selectRtcDispatcherCreated, selectRtcIsCreatingDispatcher, selectSignalConnectionSocket, (rtcStatus, appIsActive, dispatcherCreated, isCreatingDispatcher, signalSocket) => {
+    if (appIsActive && rtcStatus === "inactive" && !dispatcherCreated && !isCreatingDispatcher && signalSocket) {
+        return true;
+    }
+    return false;
+});
+createReactor([selectShouldConnectRtc], ({ dispatch }, shouldConnectRtc) => {
+    if (shouldConnectRtc) {
+        dispatch(doConnectRtc());
+    }
+});
+const selectShouldInitializeRtc = createSelector(selectRtcManager, selectRtcManagerInitialized, selectLocalMediaStatus, (rtcManager, rtcManagerInitialized, localMediaStatus) => {
+    if (localMediaStatus === "started" && rtcManager && !rtcManagerInitialized) {
+        return true;
     }
-    if (signalStatus === "disconnected") {
-        dispatch(doSetNotification(createNotificationEvent({
-            type: "signalTrouble",
-            message: `Network connection lost. Trying to reconnect you...`,
-            props: {},
-        })));
+    return false;
+});
+createReactor([selectShouldInitializeRtc], ({ dispatch }, shouldInitializeRtc) => {
+    if (shouldInitializeRtc) {
+        dispatch(doRtcManagerInitialize());
     }
-    else if (signalStatus === "connected") {
-        dispatch(doSetNotification(createNotificationEvent({
-            type: "signalOk",
-            message: `Network connection available`,
-            props: {},
-        })));
+});
+const selectShouldDisconnectRtc = createSelector(selectRtcStatus, selectAppIsActive, (status, appIsActive) => {
+    if (!appIsActive && !["inactive", "disconnected"].includes(status)) {
+        return true;
     }
+    return false;
 });
-startAppListening({
-    actionCreator: signalEvents.clientUnableToJoin,
-    effect: (action, { dispatch }) => {
-        var _a;
-        if (((_a = action.payload) === null || _a === void 0 ? void 0 : _a.error) === "room_full") {
-            dispatch(doSetNotification(createNotificationEvent({
-                type: "clientUnableToJoinFullRoom",
-                message: "Someone tried to join but the room is full and at capacity.",
-                props: {},
-            })));
+createReactor([selectShouldDisconnectRtc], ({ dispatch }, shouldDisconnectRtc) => {
+    if (shouldDisconnectRtc) {
+        dispatch(doDisconnectRtc());
+    }
+});
+const selectStreamsToAccept = createSelector(selectRtcStatus, selectRemoteClients, (rtcStatus, remoteParticipants) => {
+    if (rtcStatus !== "ready") {
+        return [];
+    }
+    const upd = [];
+    for (const client of remoteParticipants) {
+        const { streams, id: clientId, newJoiner } = client;
+        for (let i = 0; i < streams.length; i++) {
+            let streamId = streams[i].id;
+            let state = streams[i].state;
+            if ((streams === null || streams === void 0 ? void 0 : streams.length) > 1 && streams[1].id === "0") {
+                if (i === 0) {
+                    streamId = streams[1].id;
+                    state = streams[1].state;
+                }
+                else if (i === 1) {
+                    streamId = streams[0].id;
+                    state = streams[0].state;
+                }
+            }
+            {
+                if (state === "done_accept")
+                    continue;
+                upd.push({
+                    clientId,
+                    streamId,
+                    state: `${newJoiner && streamId === "0" ? "new" : "to"}_accept`,
+                });
+            }
         }
-    },
+    }
+    return upd;
+});
+createReactor([selectStreamsToAccept, selectIsAcceptingStreams], ({ dispatch }, streamsToAccept, isAcceptingStreams) => {
+    if (0 < streamsToAccept.length && !isAcceptingStreams) {
+        dispatch(doHandleAcceptStreams(streamsToAccept));
+    }
 });
 
 function isStreamerClient(client) {
@@ -1936,313 +2156,278 @@ const selectAllClientViews = createSelector(selectLocalParticipantView, selectRe
     return [...(localParticipant ? [localParticipant] : []), ...remoteParticipants];
 });
 
-const createWebRtcEmitter = (dispatch) => {
-    return {
-        emit: (eventName, data) => {
-            if (eventName === "rtc_manager_created") {
-                dispatch(doRtcManagerCreated(data));
-            }
-            else if (eventName === "stream_added") {
-                dispatch(rtcEvents.streamAdded(data));
-            }
-            else if (eventName === "rtc_manager_destroyed") {
-                dispatch(rtcManagerDestroyed());
-            }
-            else ;
-        },
-    };
-};
 const initialState$4 = {
-    dispatcherCreated: false,
-    error: null,
-    isCreatingDispatcher: false,
-    reportedStreamResolutions: {},
-    rtcManager: null,
-    rtcManagerDispatcher: null,
-    rtcManagerInitialized: false,
-    status: "inactive",
-    isAcceptingStreams: false,
+    running: false,
 };
-const rtcConnectionSlice = createSlice({
-    name: "rtcConnection",
+const connectionMonitorSlice = createSlice({
+    name: "connectionMonitor",
     initialState: initialState$4,
     reducers: {
-        isAcceptingStreams: (state, action) => {
-            return Object.assign(Object.assign({}, state), { isAcceptingStreams: action.payload });
-        },
-        resolutionReported: (state, action) => {
-            const { streamId, width, height } = action.payload;
-            return Object.assign(Object.assign({}, state), { reportedStreamResolutions: Object.assign(Object.assign({}, state.reportedStreamResolutions), { [streamId]: { width, height } }) });
+        connectionMonitorStarted: (state, action) => {
+            return Object.assign(Object.assign({}, state), { running: true, stopCallbackFunction: action.payload.stopIssueSubscription });
         },
-        rtcDisconnected: () => {
+        connectionMonitorStopped: () => {
             return Object.assign({}, initialState$4);
         },
-        rtcDispatcherCreated: (state, action) => {
-            return Object.assign(Object.assign({}, state), { dispatcherCreated: true, rtcManagerDispatcher: action.payload });
-        },
-        rtcManagerCreated: (state, action) => {
-            return Object.assign(Object.assign({}, state), { rtcManager: action.payload, status: "ready" });
-        },
-        rtcManagerDestroyed: (state) => {
-            return Object.assign(Object.assign({}, state), { rtcManager: null });
-        },
-        rtcManagerInitialized: (state) => {
-            return Object.assign(Object.assign({}, state), { rtcManagerInitialized: true });
-        },
-    },
-    extraReducers: (builder) => {
-        builder.addCase(socketReconnecting, (state) => {
-            return Object.assign(Object.assign({}, state), { status: "reconnecting" });
-        });
-        builder.addCase(signalEvents.roomJoined, (state) => {
-            return Object.assign(Object.assign({}, state), { status: state.status === "reconnecting" ? "ready" : state.status });
-        });
     },
 });
-const { resolutionReported, rtcDispatcherCreated, rtcDisconnected, rtcManagerCreated, rtcManagerDestroyed, rtcManagerInitialized, isAcceptingStreams, } = rtcConnectionSlice.actions;
-const doConnectRtc = createAppThunk(() => (dispatch, getState) => {
-    const state = getState();
-    const socket = selectSignalConnectionRaw(state).socket;
-    const dispatcher = selectRtcConnectionRaw(state).rtcManagerDispatcher;
-    const isCameraEnabled = selectIsCameraEnabled(state);
-    const isMicrophoneEnabled = selectIsMicrophoneEnabled(state);
-    const isNodeSdk = selectAppIsNodeSdk(state);
-    if (dispatcher || !socket) {
-        return;
-    }
-    const webrtcProvider = {
-        getMediaConstraints: () => ({
-            audio: isMicrophoneEnabled,
-            video: isCameraEnabled,
-        }),
-        deferrable(clientId) {
-            return !clientId;
-        },
-    };
-    const rtcManagerDispatcher = new RtcManagerDispatcher({
-        emitter: createWebRtcEmitter(dispatch),
-        serverSocket: socket,
-        webrtcProvider,
-        features: {
-            isNodeSdk,
-            lowDataModeEnabled: false,
-            sfuServerOverrideHost: undefined,
-            turnServerOverrideHost: undefined,
-            useOnlyTURN: undefined,
-            vp9On: false,
-            h264On: false,
-            simulcastScreenshareOn: false,
-            deviceHandlerFactory: isNodeSdk ? Chrome111.createFactory() : undefined,
+const { connectionMonitorStarted, connectionMonitorStopped } = connectionMonitorSlice.actions;
+const doStartConnectionMonitor = createAppThunk(() => (dispatch, getState) => {
+    setClientProvider(() => {
+        const state = getState();
+        const clientViews = selectAllClientViews(state).map((clientView) => {
+            var _a, _b;
+            return ({
+                id: clientView.id,
+                clientId: clientView.clientId,
+                isLocalClient: clientView.isLocalClient,
+                audio: {
+                    enabled: clientView.isAudioEnabled,
+                    track: (_a = clientView.stream) === null || _a === void 0 ? void 0 : _a.getAudioTracks()[0],
+                },
+                video: {
+                    enabled: clientView.isVideoEnabled,
+                    track: (_b = clientView.stream) === null || _b === void 0 ? void 0 : _b.getVideoTracks()[0],
+                },
+                isPresentation: clientView.isPresentation,
+            });
+        });
+        return clientViews;
+    });
+    const issueMonitorSubscription = subscribeIssues({
+        onUpdatedIssues: (issuesAndMetricsByClients) => {
+            var _a;
+            const state = getState();
+            const rtcManager = selectRtcManager(state);
+            if (!rtcManager) {
+                return;
+            }
+            let lossSend = 0;
+            let lossReceive = 0;
+            let bitrateSend = 0;
+            let bitrateReceive = 0;
+            Object.entries(issuesAndMetricsByClients.aggregated.metrics).forEach(([key, value]) => {
+                if (/loc.*packetloss/.test(key))
+                    lossSend = Math.max(lossSend, value.curMax);
+                if (/rem.*packetloss/.test(key))
+                    lossReceive = Math.max(lossReceive, value.curMax);
+                if (/loc.*bitrate/.test(key))
+                    bitrateSend += value.curSum;
+                if (/rem.*bitrate/.test(key))
+                    bitrateReceive += value.curSum;
+            });
+            rtcManager.sendStatsCustomEvent("insightsStats", {
+                ls: Math.round(lossSend * 1000) / 1000,
+                lr: Math.round(lossReceive * 1000) / 1000,
+                bs: Math.round(bitrateSend),
+                br: Math.round(bitrateReceive),
+                cpu: (_a = issuesAndMetricsByClients.aggregated.metrics["global-cpu-pressure"]) === null || _a === void 0 ? void 0 : _a.curSum,
+                _time: Date.now(),
+            });
         },
     });
-    dispatch(rtcDispatcherCreated(rtcManagerDispatcher));
-});
-const doDisconnectRtc = createAppThunk(() => (dispatch, getState) => {
-    const { rtcManager } = selectRtcConnectionRaw(getState());
-    if (rtcManager) {
-        rtcManager.disconnectAll();
-    }
-    dispatch(rtcDisconnected());
+    dispatch(connectionMonitorStarted({ stopIssueSubscription: issueMonitorSubscription.stop }));
 });
-const doHandleAcceptStreams = createAppThunk((payload) => (dispatch, getState) => {
-    var _a;
-    dispatch(isAcceptingStreams(true));
+const doStopConnectionMonitor = createAppThunk(() => (dispatch, getState) => {
     const state = getState();
-    const rtcManager = selectRtcConnectionRaw(state).rtcManager;
-    const remoteClients = selectRemoteClients(state);
-    if (!rtcManager) {
-        throw new Error("No rtc manager");
-    }
-    const activeBreakout = false;
-    const shouldAcceptNewClients = (_a = rtcManager.shouldAcceptStreamsFromBothSides) === null || _a === void 0 ? void 0 : _a.call(rtcManager);
-    const updates = [];
-    for (const { clientId, streamId, state } of payload) {
-        const participant = remoteClients.find((p) => p.id === clientId);
-        if (!participant)
-            continue;
-        if (state === "to_accept" ||
-            (state === "new_accept" && shouldAcceptNewClients) ||
-            (state === "old_accept" && !shouldAcceptNewClients)) {
-            const enforceTurnProtocol = participant.isDialIn ? "onlytls" : undefined;
-            rtcManager.acceptNewStream({
-                streamId: streamId === "0" ? clientId : streamId,
-                clientId,
-                shouldAddLocalVideo: streamId === "0",
-                activeBreakout,
-                enforceTurnProtocol,
-            });
-        }
-        else if (state === "new_accept" || state === "old_accept") ;
-        else if (state === "to_unaccept") {
-            rtcManager === null || rtcManager === void 0 ? void 0 : rtcManager.disconnect(streamId === "0" ? clientId : streamId, activeBreakout);
-        }
-        else if (state !== "done_accept") {
-            continue;
-        }
-        else ;
-        updates.push({ clientId, streamId, state: state.replace(/to_|new_|old_/, "done_") });
+    const stopCallbackFn = selectStopCallbackFunction(state);
+    if (stopCallbackFn) {
+        stopCallbackFn();
     }
-    dispatch(streamStatusUpdated(updates));
-    dispatch(isAcceptingStreams(false));
+    dispatch(connectionMonitorStopped());
 });
-const doRtcReportStreamResolution = createAppThunk(({ streamId, width, height }) => (dispatch, getState) => {
-    const { reportedStreamResolutions, rtcManager } = selectRtcConnectionRaw(getState());
-    const localStream = selectLocalMediaStream(getState());
-    if (!rtcManager || (localStream === null || localStream === void 0 ? void 0 : localStream.id) === streamId) {
-        return;
-    }
-    const old = reportedStreamResolutions[streamId];
-    if (!old || old.width !== width || old.height !== height) {
-        rtcManager.updateStreamResolution(streamId, null, { width: width || 1, height: height || 1 });
+const selectConnectionMonitorIsRunning = (state) => state.connectionMonitor.running;
+const selectStopCallbackFunction = (state) => state.connectionMonitor.stopCallbackFunction;
+const selectShouldStartConnectionMonitor = createSelector(selectRoomConnectionStatus, selectConnectionMonitorIsRunning, (roomConnectionStatus, isRunning) => {
+    if (!isRunning && roomConnectionStatus === "connected") {
+        return true;
     }
-    dispatch(resolutionReported({ streamId, width, height }));
-});
-const doRtcManagerCreated = createAppThunk((payload) => (dispatch) => {
-    const { rtcManager } = payload;
-    dispatch(rtcManagerCreated(rtcManager));
+    return false;
 });
-const doRtcManagerInitialize = createAppThunk(() => (dispatch, getState) => {
-    const localMediaStream = selectLocalMediaStream(getState());
-    const rtcManager = selectRtcConnectionRaw(getState()).rtcManager;
-    const isCameraEnabled = selectIsCameraEnabled(getState());
-    const isMicrophoneEnabled = selectIsMicrophoneEnabled(getState());
-    if (localMediaStream && rtcManager) {
-        rtcManager.addNewStream("0", localMediaStream, !isMicrophoneEnabled, !isCameraEnabled);
+const selectShouldStopConnectionMonitor = createSelector(selectRoomConnectionStatus, selectConnectionMonitorIsRunning, (roomConnectionStatus, isRunning) => {
+    if (isRunning && ["kicked", "left"].includes(roomConnectionStatus)) {
+        return true;
+    }
+    return false;
+});
+createReactor([selectShouldStartConnectionMonitor], ({ dispatch }, shouldStartConnectionMonitor) => {
+    if (shouldStartConnectionMonitor) {
+        dispatch(doStartConnectionMonitor());
     }
-    dispatch(rtcManagerInitialized());
 });
-const selectRtcConnectionRaw = (state) => state.rtcConnection;
-const selectRtcManagerInitialized = (state) => state.rtcConnection.rtcManagerInitialized;
-const selectRtcManager = (state) => state.rtcConnection.rtcManager;
-const selectRtcDispatcherCreated = (state) => state.rtcConnection.dispatcherCreated;
-const selectRtcIsCreatingDispatcher = (state) => state.rtcConnection.isCreatingDispatcher;
-const selectRtcStatus = (state) => state.rtcConnection.status;
-const selectIsAcceptingStreams = (state) => state.rtcConnection.isAcceptingStreams;
-startAppListening({
-    actionCreator: doSetDevice.fulfilled,
-    effect: ({ payload }, { getState }) => {
-        const { replacedTracks } = payload;
-        const { rtcManager } = selectRtcConnectionRaw(getState());
-        const stream = selectLocalMediaStream(getState());
-        const replace = (kind, oldTrack) => {
-            const track = stream === null || stream === void 0 ? void 0 : stream.getTracks().find((t) => t.kind === kind);
-            return track && (rtcManager === null || rtcManager === void 0 ? void 0 : rtcManager.replaceTrack(oldTrack, track));
-        };
-        replacedTracks === null || replacedTracks === void 0 ? void 0 : replacedTracks.forEach((t) => {
-            replace(t.kind, t);
-        });
+createReactor([selectShouldStopConnectionMonitor], ({ dispatch }, shouldStartConnectionMonitor) => {
+    if (shouldStartConnectionMonitor) {
+        dispatch(doStopConnectionMonitor());
+    }
+});
+
+const emitter = new EventEmitter();
+function createNotificationEvent(payload) {
+    const notificationEvent = Object.assign(Object.assign({}, payload), { timestamp: Date.now() });
+    return notificationEvent;
+}
+const initialNotificationsState = {
+    emitter,
+    events: [],
+};
+const notificationsSlice = createSlice({
+    name: "notifications",
+    initialState: initialNotificationsState,
+    reducers: {
+        addNotification: (state, action) => {
+            return Object.assign(Object.assign({}, state), { events: [...state.events, Object.assign({}, action.payload)] });
+        },
+        doClearNotifications: (state) => {
+            return Object.assign(Object.assign({}, state), { events: [] });
+        },
     },
 });
+const { doClearNotifications } = notificationsSlice.actions;
+const doSetNotification = createAppThunk((payload) => (dispatch, getState) => {
+    dispatch(notificationsSlice.actions.addNotification(payload));
+    const state = getState();
+    const emitter = selectNotificationsEmitter(state);
+    emitter.emit(payload.type, payload);
+    emitter.emit("*", payload);
+});
+const selectNotificationsRaw = (state) => state.notifications;
+const selectNotificationsEvents = (state) => state.notifications.events;
+const selectNotificationsEmitter = (state) => state.notifications.emitter;
 startAppListening({
-    actionCreator: doStartScreenshare.fulfilled,
-    effect: ({ payload }, { getState }) => {
-        const { stream } = payload;
-        const { rtcManager } = selectRtcConnectionRaw(getState());
-        rtcManager === null || rtcManager === void 0 ? void 0 : rtcManager.addNewStream(stream.id, stream, false, true);
+    actionCreator: signalEvents.chatMessage,
+    effect: ({ payload }, { dispatch, getState }) => {
+        const state = getState();
+        const client = selectRemoteParticipants(state).find(({ id }) => id === payload.senderId);
+        if (!client) {
+            console.warn("Could not find remote client that sent chat message");
+            return;
+        }
+        dispatch(doSetNotification(createNotificationEvent({
+            type: "chatMessageReceived",
+            message: `${client.displayName} says: ${payload.text}`,
+            props: {
+                client,
+                chatMessage: {
+                    senderId: payload.senderId,
+                    timestamp: payload.timestamp,
+                    text: payload.text,
+                },
+            },
+        })));
     },
 });
 startAppListening({
-    actionCreator: doAppStop,
-    effect: (_, { getState }) => {
-        const rtcManager = selectRtcManager(getState());
-        rtcManager === null || rtcManager === void 0 ? void 0 : rtcManager.rtcStatsDisconnect();
+    actionCreator: signalEvents.audioEnableRequested,
+    effect: ({ payload }, { dispatch, getState }) => {
+        const { enable, requestedByClientId } = payload;
+        const state = getState();
+        const client = selectRemoteParticipants(state).find(({ id }) => id === requestedByClientId);
+        if (!client) {
+            console.warn("Could not find remote client that requested a local audio change");
+            return;
+        }
+        dispatch(doSetNotification(createNotificationEvent({
+            type: enable ? "requestAudioEnable" : "requestAudioDisable",
+            message: enable
+                ? `${client.displayName} has requested for you to speak`
+                : `${client.displayName} has muted your microphone`,
+            props: {
+                client,
+                enable,
+            },
+        })));
     },
 });
 startAppListening({
-    actionCreator: stopScreenshare,
-    effect: ({ payload }, { getState }) => {
-        const { stream } = payload;
-        const { rtcManager } = selectRtcConnectionRaw(getState());
-        rtcManager === null || rtcManager === void 0 ? void 0 : rtcManager.removeStream(stream.id, stream, null);
+    actionCreator: signalEvents.videoEnableRequested,
+    effect: ({ payload }, { dispatch, getState }) => {
+        const { enable, requestedByClientId } = payload;
+        const state = getState();
+        const client = selectRemoteParticipants(state).find(({ id }) => id === requestedByClientId);
+        if (!client) {
+            console.warn("Could not find remote client that requested a local video change");
+            return;
+        }
+        dispatch(doSetNotification(createNotificationEvent({
+            type: enable ? "requestVideoEnable" : "requestVideoDisable",
+            message: enable
+                ? `${client.displayName} has requested for you to start video`
+                : `${client.displayName} has stopped your video`,
+            props: {
+                client,
+                enable,
+            },
+        })));
     },
 });
 startAppListening({
-    actionCreator: doSwitchLocalStream.fulfilled,
-    effect: ({ payload }, { getState }) => {
+    actionCreator: signalEvents.clientMetadataReceived,
+    effect: (action, { dispatch, getOriginalState, getState }) => {
         var _a;
-        const stream = selectLocalMediaStream(getState());
-        const { rtcManager } = selectRtcConnectionRaw(getState());
-        if (stream && rtcManager) {
-            const replace = (kind, oldTrack) => {
-                const track = stream.getTracks().find((t) => t.kind === kind);
-                return track && rtcManager.replaceTrack(oldTrack, track);
-            };
-            (_a = payload === null || payload === void 0 ? void 0 : payload.replacedTracks) === null || _a === void 0 ? void 0 : _a.forEach((t) => {
-                replace(t.kind, t);
-            });
+        const { error, payload } = action.payload;
+        if (error || !payload) {
+            return;
+        }
+        const { clientId, stickyReaction } = payload;
+        const state = getState();
+        const canAskToSpeak = selectIsAuthorizedToAskToSpeak(state);
+        if (!canAskToSpeak) {
+            return;
+        }
+        const client = selectRemoteParticipants(state).find(({ id }) => id === clientId);
+        if (!client) {
+            console.warn("Could not find remote client that provided updated metadata");
+            return;
+        }
+        const previousState = getOriginalState();
+        const previousClient = selectRemoteParticipants(previousState).find(({ id }) => id === clientId);
+        if ((!stickyReaction && !(previousClient === null || previousClient === void 0 ? void 0 : previousClient.stickyReaction)) ||
+            (stickyReaction === null || stickyReaction === void 0 ? void 0 : stickyReaction.timestamp) === ((_a = previousClient === null || previousClient === void 0 ? void 0 : previousClient.stickyReaction) === null || _a === void 0 ? void 0 : _a.timestamp)) {
+            return;
         }
+        dispatch(doSetNotification(createNotificationEvent({
+            type: stickyReaction ? "remoteHandRaised" : "remoteHandLowered",
+            message: `${client.displayName} ${stickyReaction ? "raised" : "lowered"} their hand`,
+            props: {
+                client,
+                stickyReaction,
+            },
+        })));
     },
 });
-const selectShouldConnectRtc = createSelector(selectRtcDispatcherCreated, selectRtcIsCreatingDispatcher, selectSignalConnectionSocket, (dispatcherCreated, isCreatingDispatcher, signalSocket) => {
-    if (!dispatcherCreated && !isCreatingDispatcher && signalSocket) {
-        return true;
-    }
-    return false;
-});
-createReactor([selectShouldConnectRtc], ({ dispatch }, shouldConnectRtc) => {
-    if (shouldConnectRtc) {
-        dispatch(doConnectRtc());
-    }
-});
-const selectShouldInitializeRtc = createSelector(selectRtcManager, selectRtcManagerInitialized, selectLocalMediaStatus, (rtcManager, rtcManagerInitialized, localMediaStatus) => {
-    if (localMediaStatus === "started" && rtcManager && !rtcManagerInitialized) {
-        return true;
-    }
-    return false;
-});
-createReactor([selectShouldInitializeRtc], ({ dispatch }, shouldInitializeRtc) => {
-    if (shouldInitializeRtc) {
-        dispatch(doRtcManagerInitialize());
+createReactor([selectSignalStatus], ({ dispatch, getState }, signalStatus) => {
+    const state = getState();
+    const roomConnectionStatus = selectRoomConnectionStatus(state);
+    if (["left", "kicked"].includes(roomConnectionStatus)) {
+        return;
     }
-});
-const selectShouldDisconnectRtc = createSelector(selectRtcStatus, selectAppIsActive, (status, appIsActive) => {
-    if (!appIsActive && !["inactive", "disconnected"].includes(status)) {
-        return true;
+    if (signalStatus === "disconnected") {
+        dispatch(doSetNotification(createNotificationEvent({
+            type: "signalTrouble",
+            message: `Network connection lost. Trying to reconnect you...`,
+            props: {},
+        })));
     }
-    return false;
-});
-createReactor([selectShouldDisconnectRtc], ({ dispatch }, shouldDisconnectRtc) => {
-    if (shouldDisconnectRtc) {
-        dispatch(doDisconnectRtc());
+    else if (signalStatus === "connected") {
+        dispatch(doSetNotification(createNotificationEvent({
+            type: "signalOk",
+            message: `Network connection available`,
+            props: {},
+        })));
     }
 });
-const selectStreamsToAccept = createSelector(selectRtcStatus, selectRemoteClients, (rtcStatus, remoteParticipants) => {
-    if (rtcStatus !== "ready") {
-        return [];
-    }
-    const upd = [];
-    for (const client of remoteParticipants) {
-        const { streams, id: clientId, newJoiner } = client;
-        for (let i = 0; i < streams.length; i++) {
-            let streamId = streams[i].id;
-            let state = streams[i].state;
-            if ((streams === null || streams === void 0 ? void 0 : streams.length) > 1 && streams[1].id === "0") {
-                if (i === 0) {
-                    streamId = streams[1].id;
-                    state = streams[1].state;
-                }
-                else if (i === 1) {
-                    streamId = streams[0].id;
-                    state = streams[0].state;
-                }
-            }
-            {
-                if (state === "done_accept")
-                    continue;
-                upd.push({
-                    clientId,
-                    streamId,
-                    state: `${newJoiner && streamId === "0" ? "new" : "to"}_accept`,
-                });
-            }
+startAppListening({
+    actionCreator: signalEvents.clientUnableToJoin,
+    effect: (action, { dispatch }) => {
+        var _a;
+        if (((_a = action.payload) === null || _a === void 0 ? void 0 : _a.error) === "room_full") {
+            dispatch(doSetNotification(createNotificationEvent({
+                type: "clientUnableToJoinFullRoom",
+                message: "Someone tried to join but the room is full and at capacity.",
+                props: {},
+            })));
         }
-    }
-    return upd;
-});
-createReactor([selectStreamsToAccept, selectIsAcceptingStreams], ({ dispatch }, streamsToAccept, isAcceptingStreams) => {
-    if (0 < streamsToAccept.length && !isAcceptingStreams) {
-        dispatch(doHandleAcceptStreams(streamsToAccept));
-    }
+    },
 });
 
 const rtcAnalyticsCustomEvents = {
@@ -2283,7 +2468,7 @@ const rtcAnalyticsCustomEvents = {
         getOutput: () => ({}),
     },
     displayName: {
-        actions: [doSetDisplayName],
+        actions: [setDisplayName],
         rtcEventName: "displayName",
         getValue: (state) => selectAppDisplayName(state),
         getOutput: (value) => ({ displayName: value }),
@@ -2584,7 +2769,7 @@ const waitingParticipantsSlice = createSlice({
         });
     },
 });
-const doAcceptWaitingParticipant = createAppThunk((payload) => (dispatch, getState) => {
+const doAcceptWaitingParticipant = createRoomConnectedThunk((payload) => (dispatch, getState) => {
     const { participantId } = payload;
     const state = getState();
     const socket = selectSignalConnectionSocket(state);
@@ -2594,7 +2779,7 @@ const doAcceptWaitingParticipant = createAppThunk((payload) => (dispatch, getSta
         response: {},
     });
 });
-const doRejectWaitingParticipant = createAppThunk((payload) => (dispatch, getState) => {
+const doRejectWaitingParticipant = createRoomConnectedThunk((payload) => (dispatch, getState) => {
     const { participantId } = payload;
     const state = getState();
     const socket = selectSignalConnectionSocket(state);
@@ -2614,6 +2799,7 @@ const appReducer = combineReducers({
     authorization: authorizationSlice.reducer,
     chat: chatSlice.reducer,
     cloudRecording: cloudRecordingSlice.reducer,
+    connectionMonitor: connectionMonitorSlice.reducer,
     deviceCredentials: deviceCredentialsSlice.reducer,
     localMedia: localMediaSlice.reducer,
     localParticipant: localParticipantSlice.reducer,
@@ -3677,4 +3863,4 @@ function createServices() {
     };
 }
 
-export { ApiClient, Credentials, CredentialsService, LocalParticipant, OrganizationApiClient, OrganizationService, OrganizationServiceCache, RoomService, addAppListener, addSpotlight, appSlice, authorizationSlice, chatSlice, cloudRecordingSlice, createAppAsyncThunk, createAppAuthorizedThunk, createAppThunk, createReactor, createServices, createStore, createWebRtcEmitter, debounce, deviceBusy, deviceCredentialsSlice, deviceIdentified, deviceIdentifying, doAcceptWaitingParticipant, doAppStart, doAppStop, doClearNotifications, doConnectRoom, doConnectRtc, doDisconnectRtc, doEnableAudio, doEnableVideo, doEndMeeting, doGetDeviceCredentials, doHandleAcceptStreams, doHandleStreamingStarted, doHandleStreamingStopped, doKickParticipant, doKnockRoom, doLockRoom, doOrganizationFetch, doRejectWaitingParticipant, doRemoveSpotlight, doRequestAudioEnable, doRtcAnalyticsCustomEventsInitialize, doRtcManagerCreated, doRtcManagerInitialize, doRtcReportStreamResolution, doSendChatMessage, doSendClientMetadata, doSetDevice, doSetDisplayName, doSetLocalStickyReaction, doSetNotification, doSignalConnect, doSignalDisconnect, doSignalIdentifyDevice, doSpotlightParticipant, doStartCloudRecording, doStartLocalMedia, doStartScreenshare, doStopCloudRecording, doStopLocalMedia, doStopScreenshare, doSwitchLocalStream, doToggleCamera, doToggleLowDataMode, doUpdateDeviceList, getAudioTrack, getFakeMediaStream, getVideoTrack, hasValue, initialCloudRecordingState, initialLocalMediaState, initialNotificationsState, initialState$f as initialState, isAcceptingStreams, isClientSpotlighted, listenerMiddleware, localMediaSlice, localMediaStopped, localParticipantSlice, localScreenshareSlice, localStreamMetadataUpdated, notificationsSlice, observeStore, organizationSlice, parseRoomUrlAndSubdomain, parseUnverifiedRoomKeyData, participantStreamAdded, participantStreamIdAdded, recordingRequestStarted, remoteParticipantsSlice, removeSpotlight, resolutionReported, roomConnectionSlice, roomSlice, rootReducer, rtcAnalyticsCustomEvents, rtcAnalyticsSlice, rtcConnectionSlice, rtcDisconnected, rtcDispatcherCreated, rtcManagerCreated, rtcManagerDestroyed, rtcManagerInitialized, selectAllClientViews, selectAppDisplayName, selectAppExternalId, selectAppInitialConfig, selectAppIsActive, selectAppIsDialIn, selectAppIsNodeSdk, selectAppRaw, selectAppRoomName, selectAppRoomUrl, selectAppUserAgent, selectAuthorizationRoleName, selectBusyDeviceIds, selectCameraDeviceError, selectCameraDevices, selectChatMessages, selectChatRaw, selectCloudRecordingError, selectCloudRecordingRaw, selectCloudRecordingStartedAt, selectCloudRecordingStatus, selectCurrentCameraDeviceId, selectCurrentMicrophoneDeviceId, selectCurrentSpeakerDeviceId, selectDeviceCredentialsRaw, selectDeviceId, selectHasFetchedDeviceCredentials, selectIsAcceptingStreams, selectIsAuthorizedToAskToSpeak, selectIsAuthorizedToEndMeeting, selectIsAuthorizedToKickClient, selectIsAuthorizedToLockRoom, selectIsAuthorizedToRequestAudioEnable, selectIsAuthorizedToSpotlight, selectIsCameraEnabled, selectIsCloudRecording, selectIsLocalMediaStarting, selectIsLocalParticipantSpotlighted, selectIsLowDataModeEnabled, selectIsMicrophoneEnabled, selectIsSettingCameraDevice, selectIsSettingMicrophoneDevice, selectIsToggleCamera, selectLocalMediaConstraintsOptions, selectLocalMediaDevices, selectLocalMediaIsSwitchingStream, selectLocalMediaOptions, selectLocalMediaOwnsStream, selectLocalMediaRaw, selectLocalMediaShouldStartWithOptions, selectLocalMediaShouldStop, selectLocalMediaStartError, selectLocalMediaStatus, selectLocalMediaStream, selectLocalParticipantClientClaim, selectLocalParticipantDisplayName, selectLocalParticipantIsScreenSharing, selectLocalParticipantRaw, selectLocalParticipantStickyReaction, selectLocalParticipantView, selectLocalScreenshareRaw, selectLocalScreenshareStatus, selectLocalScreenshareStream, selectMicrophoneDeviceError, selectMicrophoneDevices, selectNotificationsEmitter, selectNotificationsEvents, selectNotificationsRaw, selectNumClients, selectNumParticipants, selectOrganizationId, selectOrganizationRaw, selectRemoteClientViews, selectRemoteClients, selectRemoteParticipants, selectRemoteParticipantsRaw, selectRoomConnectionError, selectRoomConnectionRaw, selectRoomConnectionSession, selectRoomConnectionSessionId, selectRoomConnectionStatus, selectRoomIsLocked, selectRoomKey, selectRtcConnectionRaw, selectRtcDispatcherCreated, selectRtcIsCreatingDispatcher, selectRtcManager, selectRtcManagerInitialized, selectRtcStatus, selectScreenshares, selectSelfId, selectShouldConnectRoom, selectShouldConnectRtc, selectShouldConnectSignal, selectShouldDisconnectRtc, selectShouldFetchDeviceCredentials, selectShouldFetchOrganization, selectShouldIdentifyDevice, selectShouldInitializeRtc, selectSignalConnectionDeviceIdentified, selectSignalConnectionRaw, selectSignalConnectionSocket, selectSignalIsIdentifyingDevice, selectSignalStatus, selectSpeakerDevices, selectSpotlightedClientViews, selectSpotlights, selectSpotlightsRaw, selectStreamingRaw, selectStreamsToAccept, selectWaitingParticipants, selectWaitingParticipantsRaw, setCurrentCameraDeviceId, setCurrentMicrophoneDeviceId, setCurrentSpeakerDeviceId, setLocalMediaOptions, setLocalMediaStream, setRoomKey, signalConnectionSlice, signalEvents, socketConnected, socketConnecting, socketDisconnected, socketReconnecting, spotlightsSlice, startAppListening, stopScreenshare, streamIdForClient, streamStatusUpdated, streamingSlice, toggleCameraEnabled, toggleLowDataModeEnabled, toggleMicrophoneEnabled, updateReportedValues, waitingParticipantsSlice };
+export { ApiClient, Credentials, CredentialsService, LocalParticipant, OrganizationApiClient, OrganizationService, OrganizationServiceCache, RoomService, addAppListener, addSpotlight, appSlice, authorizationSlice, chatSlice, cloudRecordingSlice, connectionMonitorSlice, connectionMonitorStarted, connectionMonitorStopped, createAppAsyncThunk, createAppAuthorizedThunk, createAppThunk, createAsyncRoomConnectedThunk, createAuthorizedRoomConnectedThunk, createReactor, createRoomConnectedThunk, createServices, createStore, createWebRtcEmitter, debounce, deviceBusy, deviceCredentialsSlice, deviceIdentified, deviceIdentifying, doAcceptWaitingParticipant, doAppStart, doAppStop, doClearNotifications, doConnectRoom, doConnectRtc, doDisconnectRtc, doEnableAudio, doEnableVideo, doEndMeeting, doGetDeviceCredentials, doHandleAcceptStreams, doHandleStreamingStarted, doHandleStreamingStopped, doKickParticipant, doKnockRoom, doLockRoom, doOrganizationFetch, doRejectWaitingParticipant, doRemoveSpotlight, doRequestAudioEnable, doRequestVideoEnable, doRtcAnalyticsCustomEventsInitialize, doRtcManagerCreated, doRtcManagerInitialize, doRtcReportStreamResolution, doSendChatMessage, doSendClientMetadata, doSetDevice, doSetDisplayName, doSetLocalStickyReaction, doSetNotification, doSignalConnect, doSignalDisconnect, doSignalIdentifyDevice, doSpotlightParticipant, doStartCloudRecording, doStartConnectionMonitor, doStartLocalMedia, doStartScreenshare, doStopCloudRecording, doStopConnectionMonitor, doStopLocalMedia, doStopScreenshare, doSwitchLocalStream, doToggleCamera, doToggleLowDataMode, doUpdateDeviceList, getAudioTrack, getFakeMediaStream, getVideoTrack, hasValue, initialCloudRecordingState, initialLocalMediaState, initialNotificationsState, initialState$g as initialState, isAcceptingStreams, isClientSpotlighted, listenerMiddleware, localMediaSlice, localMediaStopped, localParticipantSlice, localScreenshareSlice, localStreamMetadataUpdated, notificationsSlice, observeStore, organizationSlice, parseRoomUrlAndSubdomain, parseUnverifiedRoomKeyData, participantStreamAdded, participantStreamIdAdded, recordingRequestStarted, remoteParticipantsSlice, removeSpotlight, resolutionReported, roomConnectionSlice, roomSlice, rootReducer, rtcAnalyticsCustomEvents, rtcAnalyticsSlice, rtcConnectionSlice, rtcDisconnected, rtcDispatcherCreated, rtcManagerCreated, rtcManagerDestroyed, rtcManagerInitialized, selectAllClientViews, selectAppDisplayName, selectAppExternalId, selectAppInitialConfig, selectAppIsActive, selectAppIsDialIn, selectAppIsNodeSdk, selectAppRaw, selectAppRoomName, selectAppRoomUrl, selectAppUserAgent, selectAuthorizationRoleName, selectBusyDeviceIds, selectCameraDeviceError, selectCameraDevices, selectChatMessages, selectChatRaw, selectCloudRecordingError, selectCloudRecordingRaw, selectCloudRecordingStartedAt, selectCloudRecordingStatus, selectConnectionMonitorIsRunning, selectCurrentCameraDeviceId, selectCurrentMicrophoneDeviceId, selectCurrentSpeakerDeviceId, selectDeviceCredentialsRaw, selectDeviceId, selectHasFetchedDeviceCredentials, selectIsAcceptingStreams, selectIsAuthorizedToAskToSpeak, selectIsAuthorizedToEndMeeting, selectIsAuthorizedToKickClient, selectIsAuthorizedToLockRoom, selectIsAuthorizedToRequestAudioEnable, selectIsAuthorizedToRequestVideoEnable, selectIsAuthorizedToSpotlight, selectIsCameraEnabled, selectIsCloudRecording, selectIsLocalMediaStarting, selectIsLocalParticipantSpotlighted, selectIsLowDataModeEnabled, selectIsMicrophoneEnabled, selectIsSettingCameraDevice, selectIsSettingMicrophoneDevice, selectIsToggleCamera, selectLocalMediaConstraintsOptions, selectLocalMediaDevices, selectLocalMediaIsSwitchingStream, selectLocalMediaOptions, selectLocalMediaOwnsStream, selectLocalMediaRaw, selectLocalMediaShouldStartWithOptions, selectLocalMediaShouldStop, selectLocalMediaStartError, selectLocalMediaStatus, selectLocalMediaStream, selectLocalParticipantClientClaim, selectLocalParticipantDisplayName, selectLocalParticipantIsScreenSharing, selectLocalParticipantRaw, selectLocalParticipantStickyReaction, selectLocalParticipantView, selectLocalScreenshareRaw, selectLocalScreenshareStatus, selectLocalScreenshareStream, selectMicrophoneDeviceError, selectMicrophoneDevices, selectNotificationsEmitter, selectNotificationsEvents, selectNotificationsRaw, selectNumClients, selectNumParticipants, selectOrganizationId, selectOrganizationRaw, selectRemoteClientViews, selectRemoteClients, selectRemoteParticipants, selectRemoteParticipantsRaw, selectRoomConnectionError, selectRoomConnectionRaw, selectRoomConnectionSession, selectRoomConnectionSessionId, selectRoomConnectionStatus, selectRoomIsLocked, selectRoomKey, selectRtcConnectionRaw, selectRtcDispatcherCreated, selectRtcIsCreatingDispatcher, selectRtcManager, selectRtcManagerInitialized, selectRtcStatus, selectScreenshares, selectSelfId, selectShouldConnectRoom, selectShouldConnectRtc, selectShouldConnectSignal, selectShouldDisconnectRtc, selectShouldFetchDeviceCredentials, selectShouldFetchOrganization, selectShouldIdentifyDevice, selectShouldInitializeRtc, selectShouldStartConnectionMonitor, selectShouldStopConnectionMonitor, selectSignalConnectionDeviceIdentified, selectSignalConnectionRaw, selectSignalConnectionSocket, selectSignalIsIdentifyingDevice, selectSignalStatus, selectSpeakerDevices, selectSpotlightedClientViews, selectSpotlights, selectSpotlightsRaw, selectStopCallbackFunction, selectStreamingRaw, selectStreamsToAccept, selectWaitingParticipants, selectWaitingParticipantsRaw, setCurrentCameraDeviceId, setCurrentMicrophoneDeviceId, setCurrentSpeakerDeviceId, setDisplayName, setLocalMediaOptions, setLocalMediaStream, setRoomKey, signalConnectionSlice, signalEvents, socketConnected, socketConnecting, socketDisconnected, socketReconnecting, spotlightsSlice, startAppListening, stopScreenshare, streamIdForClient, streamStatusUpdated, streamingSlice, toggleCameraEnabled, toggleLowDataModeEnabled, toggleMicrophoneEnabled, updateReportedValues, waitingParticipantsSlice };