@whereby.com/core 0.31.3 → 0.32.0

package/dist/legacy-esm.js

@@ -73,9 +73,9 @@ const createReactor = (selectors, callback) => {
     });
 };
 
-const coreVersion = "0.31.3";
+const coreVersion = "0.32.0";
 
-const initialState$g = {
+const initialState$h = {
     isNodeSdk: false,
     isActive: false,
     isDialIn: false,
@@ -87,7 +87,7 @@ const initialState$g = {
 };
 const appSlice = createSlice({
     name: "app",
-    initialState: initialState$g,
+    initialState: initialState$h,
     reducers: {
         doAppStart: (state, action) => {
             const url = new URL(action.payload.roomUrl);
@@ -117,6 +117,9 @@ const signalEvents = {
     audioEnabled: createSignalEventAction("audioEnabled"),
     audioEnableRequested: createSignalEventAction("audioEnableRequested"),
     breakoutGroupJoined: createSignalEventAction("breakoutGroupJoined"),
+    breakoutMoveToGroup: createSignalEventAction("breakoutMoveToGroup"),
+    breakoutMoveToMain: createSignalEventAction("breakoutMoveToMain"),
+    breakoutSessionUpdated: createSignalEventAction("breakoutSessionUpdated"),
     chatMessage: createSignalEventAction("chatMessage"),
     clientLeft: createSignalEventAction("clientLeft"),
     clientKicked: createSignalEventAction("clientKicked"),
@@ -153,13 +156,13 @@ const ROOM_ACTION_PERMISSIONS_BY_ROLE = {
     canAskToSpeak: ["host"],
     canSpotlight: ["host"],
 };
-const initialState$f = {
+const initialState$g = {
     roomKey: null,
     roleName: "none",
 };
 const authorizationSlice = createSlice({
     name: "authorization",
-    initialState: initialState$f,
+    initialState: initialState$g,
     reducers: {
         setRoomKey: (state, action) => {
             return Object.assign(Object.assign({}, state), { roomKey: action.payload });
@@ -231,13 +234,13 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-const initialState$e = {
+const initialState$f = {
     isFetching: false,
     data: null,
 };
 const deviceCredentialsSlice = createSlice({
     name: "deviceCredentials",
-    initialState: initialState$e,
+    initialState: initialState$f,
     reducers: {},
     extraReducers: (builder) => {
         builder.addCase(doGetDeviceCredentials.pending, (state) => {
@@ -304,6 +307,9 @@ function forwardSocketEvents(socket, dispatch) {
     socket.on("live_transcription_stopped", (payload) => dispatch(signalEvents.liveTranscriptionStopped(payload)));
     socket.on("video_enable_requested", (payload) => dispatch(signalEvents.videoEnableRequested(payload)));
     socket.on("breakout_group_joined", (payload) => dispatch(signalEvents.breakoutGroupJoined(payload)));
+    socket.on("breakout_session_updated", (payload) => dispatch(signalEvents.breakoutSessionUpdated(payload)));
+    socket.on("breakout_move_to_group", () => dispatch(signalEvents.breakoutMoveToGroup()));
+    socket.on("breakout_move_to_main", () => dispatch(signalEvents.breakoutMoveToMain()));
 }
 const SIGNAL_BASE_URL = "wss://signal.appearin.net" ;
 function createSocket() {
@@ -314,7 +320,7 @@ function createSocket() {
     };
     return new ServerSocket(socketHost, socketOverrides);
 }
-const initialState$d = {
+const initialState$e = {
     deviceIdentified: false,
     isIdentifyingDevice: false,
     status: "ready",
@@ -322,7 +328,7 @@ const initialState$d = {
 };
 const signalConnectionSlice = createSlice({
     name: "signalConnection",
-    initialState: initialState$d,
+    initialState: initialState$e,
     reducers: {
         socketConnecting: (state) => {
             return Object.assign(Object.assign({}, state), { status: "connecting" });
@@ -426,109 +432,6 @@ startAppListening({
     },
 });
 
-const initialState$c = {
-    chatMessages: [],
-};
-const chatSlice = createSlice({
-    name: "chat",
-    initialState: initialState$c,
-    reducers: {},
-    extraReducers(builder) {
-        builder.addCase(signalEvents.chatMessage, (state, action) => {
-            const message = {
-                senderId: action.payload.senderId,
-                timestamp: action.payload.timestamp,
-                text: action.payload.text,
-            };
-            return Object.assign(Object.assign({}, state), { chatMessages: [...state.chatMessages, message] });
-        });
-    },
-});
-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 });
-});
-const selectChatRaw = (state) => state.chat;
-const selectChatMessages = (state) => state.chat.chatMessages;
-
-const initialCloudRecordingState = {
-    isRecording: false,
-    error: null,
-    startedAt: undefined,
-};
-const cloudRecordingSlice = createSlice({
-    name: "cloudRecording",
-    initialState: initialCloudRecordingState,
-    reducers: {
-        recordingRequestStarted: (state) => {
-            return Object.assign(Object.assign({}, state), { status: "requested" });
-        },
-    },
-    extraReducers: (builder) => {
-        builder.addCase(signalEvents.cloudRecordingStopped, (state) => {
-            return Object.assign(Object.assign({}, state), { isRecording: false, status: undefined });
-        });
-        builder.addCase(signalEvents.cloudRecordingStarted, (state, action) => {
-            const { payload } = action;
-            if (!payload.error) {
-                return state;
-            }
-            return Object.assign(Object.assign({}, state), { isRecording: false, status: "error", error: payload.error });
-        });
-        builder.addCase(signalEvents.newClient, (state, { payload }) => {
-            var _a;
-            const { client } = payload;
-            if (((_a = client.role) === null || _a === void 0 ? void 0 : _a.roleName) === "recorder") {
-                return Object.assign(Object.assign({}, state), { isRecording: true, status: "recording", startedAt: client.startedCloudRecordingAt
-                        ? new Date(client.startedCloudRecordingAt).getTime()
-                        : new Date().getTime() });
-            }
-            return state;
-        });
-    },
-});
-const { recordingRequestStarted } = cloudRecordingSlice.actions;
-const doStartCloudRecording = createRoomConnectedThunk(() => (dispatch, getState) => {
-    const state = getState();
-    const socket = selectSignalConnectionRaw(state).socket;
-    const status = selectCloudRecordingStatus(state);
-    if (status && ["recording", "requested"].includes(status)) {
-        return;
-    }
-    socket === null || socket === void 0 ? void 0 : socket.emit("start_recording", {
-        recording: "cloud",
-    });
-    dispatch(recordingRequestStarted());
-});
-const doStopCloudRecording = createRoomConnectedThunk(() => (dispatch, getState) => {
-    const state = getState();
-    const socket = selectSignalConnectionRaw(state).socket;
-    socket === null || socket === void 0 ? void 0 : socket.emit("stop_recording");
-});
-const selectCloudRecordingRaw = (state) => state.cloudRecording;
-const selectCloudRecordingStatus = (state) => state.cloudRecording.status;
-const selectCloudRecordingStartedAt = (state) => state.cloudRecording.startedAt;
-const selectCloudRecordingError = (state) => state.cloudRecording.error;
-const selectIsCloudRecording = (state) => state.cloudRecording.isRecording;
-
-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;
-
-function createRtcEventAction(name) {
-    return createAction(`rtcConnection/event/${name}`);
-}
-const rtcEvents = {
-    rtcManagerCreated: createRtcEventAction("rtcManagerCreated"),
-    rtcManagerDestroyed: createRtcEventAction("rtcManagerDestroyed"),
-    streamAdded: createRtcEventAction("streamAdded"),
-};
-
-const NON_PERSON_ROLES = ["recorder", "streamer"];
-
 function fakeAudioStream() {
     const audioCtx = new AudioContext();
     const oscillator = audioCtx.createOscillator();
@@ -1098,115 +1001,31 @@ startAppListening({
         }
     },
 });
-
-const initialState$b = {
-    displayName: "",
-    id: "",
-    breakoutGroup: null,
-    isAudioEnabled: true,
-    isVideoEnabled: true,
-    isLocalParticipant: true,
-    stream: undefined,
-    isScreenSharing: false,
-    roleName: "none",
-    clientClaim: undefined,
-    stickyReaction: undefined,
-    isDialIn: false,
-};
-const localParticipantSlice = createSlice({
-    name: "localParticipant",
-    initialState: initialState$b,
-    reducers: {
-        setDisplayName: (state, action) => {
-            return Object.assign(Object.assign({}, state), { displayName: action.payload.displayName });
-        },
-    },
-    extraReducers: (builder) => {
-        builder.addCase(doAppStart, (state, action) => {
-            return Object.assign(Object.assign({}, state), { displayName: action.payload.displayName });
-        });
-        builder.addCase(doEnableAudio.fulfilled, (state, action) => {
-            return Object.assign(Object.assign({}, state), { isAudioEnabled: action.payload });
-        });
-        builder.addCase(doEnableVideo.fulfilled, (state, action) => {
-            return Object.assign(Object.assign({}, state), { isVideoEnabled: action.payload });
-        });
-        builder.addCase(doSetLocalStickyReaction.fulfilled, (state, action) => {
-            return Object.assign(Object.assign({}, state), { stickyReaction: action.payload });
-        });
-        builder.addCase(signalEvents.roomJoined, (state, action) => {
-            var _a, _b;
-            const client = (_b = (_a = action.payload) === null || _a === void 0 ? void 0 : _a.room) === null || _b === void 0 ? void 0 : _b.clients.find((c) => { var _a; return c.id === ((_a = action.payload) === null || _a === void 0 ? void 0 : _a.selfId); });
-            return Object.assign(Object.assign({}, state), { id: action.payload.selfId, roleName: (client === null || client === void 0 ? void 0 : client.role.roleName) || "none", clientClaim: action.payload.clientClaim, breakoutGroup: (client === null || client === void 0 ? void 0 : client.breakoutGroup) || null });
-        });
-        builder.addCase(signalEvents.breakoutGroupJoined, (state, action) => {
-            var _a, _b;
-            if (((_a = action.payload) === null || _a === void 0 ? void 0 : _a.clientId) !== state.id) {
-                return state;
-            }
-            return Object.assign(Object.assign({}, state), { breakoutGroup: (_b = action.payload) === null || _b === void 0 ? void 0 : _b.group });
-        });
+startAppListening({
+    actionCreator: signalEvents.breakoutSessionUpdated,
+    effect: ({ payload }, { dispatch }) => {
+        var _a;
+        if (((_a = payload.initiatedBy) === null || _a === void 0 ? void 0 : _a.active) === false) {
+            dispatch(toggleMicrophoneEnabled({ enabled: false }));
+        }
     },
 });
-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 });
-    if (payload.enabled) {
-        dispatch(doSetLocalStickyReaction({ enabled: false }));
-    }
-    return payload.enabled;
-}));
-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 = createAsyncRoomConnectedThunk("localParticipant/doSetLocalStickyReaction", (payload, { getState, rejectWithValue }) => __awaiter(void 0, void 0, void 0, function* () {
-    var _a;
-    const state = getState();
-    const currentStickyReaction = selectLocalParticipantStickyReaction(state);
-    const stickyReactionCurrentlyEnabled = Boolean(currentStickyReaction);
-    const enabled = (_a = payload.enabled) !== null && _a !== void 0 ? _a : !stickyReactionCurrentlyEnabled;
-    if (enabled === stickyReactionCurrentlyEnabled) {
-        return rejectWithValue(currentStickyReaction);
-    }
-    const stickyReaction = enabled ? { reaction: "✋", timestamp: new Date().toISOString() } : null;
-    return stickyReaction;
-}));
-const doSendClientMetadata = createRoomConnectedThunk(() => (_, getState) => {
-    const state = getState();
-    const socket = selectSignalConnectionRaw(state).socket;
-    const payload = {
-        displayName: selectLocalParticipantDisplayName(state),
-        stickyReaction: selectLocalParticipantStickyReaction(state),
-    };
-    socket === null || socket === void 0 ? void 0 : socket.emit("send_client_metadata", {
-        type: "UserData",
-        payload,
-    });
-});
+
+const NON_PERSON_ROLES = ["recorder", "streamer"];
+
 const selectLocalParticipantRaw = (state) => state.localParticipant;
 const selectSelfId = (state) => state.localParticipant.id;
 const selectLocalParticipantDisplayName = (state) => state.localParticipant.displayName;
 const selectLocalParticipantClientClaim = (state) => state.localParticipant.clientClaim;
 const selectLocalParticipantIsScreenSharing = (state) => state.localParticipant.isScreenSharing;
 const selectLocalParticipantStickyReaction = (state) => state.localParticipant.stickyReaction;
+const selectLocalParticipantBreakoutGroup = (state) => state.localParticipant.breakoutGroup;
+const selectLocalParticipantBreakoutAssigned = (state) => state.localParticipant.breakoutGroupAssigned;
 const selectLocalParticipantView = createSelector(selectLocalParticipantRaw, selectLocalMediaStream, (participant, localStream) => {
     const clientView = {
         id: participant.id,
         clientId: participant.id,
+        breakoutGroup: participant.breakoutGroup,
         displayName: participant.displayName,
         stream: localStream,
         isLocalClient: true,
@@ -1218,35 +1037,202 @@ const selectLocalParticipantView = createSelector(selectLocalParticipantRaw, sel
     }
     return clientView;
 });
+
+function createBreakout({ assignments, groups, startedAt, initiatedBy, breakoutStartedAt, breakoutEndedAt, breakoutNotification, breakoutTimerDuration, autoMoveToGroup, moveToGroupGracePeriod, autoMoveToMain, moveToMainGracePeriod, enforceAssignment, breakoutTimerSetting, } = {}) {
+    return {
+        assignments: assignments || null,
+        groups: groups || null,
+        startedAt: startedAt ? new Date(startedAt) : null,
+        initiatedBy,
+        breakoutStartedAt: breakoutStartedAt || null,
+        breakoutEndedAt: breakoutEndedAt || null,
+        breakoutNotification: breakoutNotification || null,
+        breakoutTimerDuration: breakoutTimerDuration || 1800,
+        autoMoveToGroup: autoMoveToGroup || false,
+        moveToGroupGracePeriod: moveToGroupGracePeriod || 10,
+        autoMoveToMain: autoMoveToMain || false,
+        moveToMainGracePeriod: moveToMainGracePeriod || 30,
+        enforceAssignment: enforceAssignment || false,
+        breakoutTimerSetting: breakoutTimerSetting || false,
+    };
+}
+const initialState$d = Object.assign(Object.assign({}, createBreakout()), { groupId: null });
+const breakoutSlice = createSlice({
+    name: "breakout",
+    initialState: initialState$d,
+    reducers: {},
+    extraReducers: (builder) => {
+        builder.addCase(signalEvents.roomJoined, (state, action) => {
+            if (action.payload.breakout) {
+                return Object.assign(Object.assign({}, state), createBreakout(action.payload.breakout));
+            }
+            return state;
+        });
+        builder.addCase(signalEvents.breakoutSessionUpdated, (state, action) => {
+            return Object.assign(Object.assign({}, state), createBreakout(action.payload));
+        });
+        builder.addCase(signalEvents.breakoutGroupJoined, (state, action) => {
+            var _a;
+            if (((_a = action.meta) === null || _a === void 0 ? void 0 : _a.localParticipantId) !== action.payload.clientId) {
+                return state;
+            }
+            return Object.assign(Object.assign({}, state), { groupId: action.payload.group });
+        });
+    },
+});
+const doBreakoutJoin = createAppThunk((payload) => (_, getState) => {
+    const state = getState();
+    const { socket } = selectSignalConnectionRaw(state);
+    socket === null || socket === void 0 ? void 0 : socket.emit("join_breakout_group", { group: payload.group });
+});
+const selectBreakoutRaw = (state) => state.breakout;
+const selectBreakoutInitiatedBy = (state) => state.breakout.initiatedBy;
+const selectBreakoutActive = (state) => !!state.breakout.startedAt;
+const selectBreakoutAssignments = (state) => state.breakout.assignments;
+const selectBreakoutGroups = (state) => state.breakout.groups;
+const selectBreakoutCurrentId = createSelector(selectBreakoutRaw, selectLocalParticipantBreakoutGroup, (raw, localParticipantBreakoutGroup) => {
+    return raw.groupId || localParticipantBreakoutGroup || "";
+});
+const selectBreakoutCurrentGroup = createSelector(selectBreakoutRaw, selectBreakoutCurrentId, (raw, breakoutCurrentId) => {
+    var _a;
+    const name = (_a = raw.groups) === null || _a === void 0 ? void 0 : _a[breakoutCurrentId];
+    if (!name)
+        return null;
+    return { id: breakoutCurrentId, name };
+});
 startAppListening({
-    actionCreator: toggleCameraEnabled,
-    effect: ({ payload }, { dispatch, getState }) => {
-        const { enabled } = payload;
-        const { isVideoEnabled } = selectLocalParticipantRaw(getState());
-        const roomConnectionStatus = selectRoomConnectionStatus(getState());
-        if (roomConnectionStatus !== "connected") {
-            return;
+    actionCreator: signalEvents.breakoutMoveToGroup,
+    effect: (_, { dispatch, getState }) => {
+        const state = getState();
+        const localParticipant = selectLocalParticipantRaw(state);
+        const breakoutGroupAssigned = localParticipant.breakoutGroupAssigned;
+        if (breakoutGroupAssigned) {
+            dispatch(doBreakoutJoin({ group: breakoutGroupAssigned }));
         }
-        dispatch(doEnableVideo({ enabled: enabled || !isVideoEnabled }));
     },
 });
 startAppListening({
-    actionCreator: toggleMicrophoneEnabled,
+    actionCreator: signalEvents.breakoutMoveToMain,
+    effect: (_, { dispatch }) => {
+        dispatch(doBreakoutJoin({ group: "" }));
+    },
+});
+startAppListening({
+    actionCreator: signalEvents.breakoutSessionUpdated,
     effect: ({ payload }, { dispatch, getState }) => {
-        const { enabled } = payload;
-        const { isAudioEnabled } = selectLocalParticipantRaw(getState());
-        const roomConnectionStatus = selectRoomConnectionStatus(getState());
-        if (roomConnectionStatus !== "connected") {
-            return;
+        var _a;
+        const state = getState();
+        const autoMoveToMain = selectBreakoutRaw(state).autoMoveToMain;
+        if (((_a = payload.initiatedBy) === null || _a === void 0 ? void 0 : _a.active) === false) {
+            if (!autoMoveToMain) {
+                dispatch(doBreakoutJoin({ group: "" }));
+            }
         }
-        dispatch(doEnableAudio({ enabled: enabled || !isAudioEnabled }));
     },
 });
-createReactor([selectLocalParticipantDisplayName, selectLocalParticipantStickyReaction, selectRoomConnectionStatus], ({ dispatch }, diplayName, stickyReaction, roomConnectionStatus) => {
-    if (roomConnectionStatus === "connected") {
-        dispatch(doSendClientMetadata());
+
+const initialState$c = {
+    chatMessages: [],
+};
+const chatSlice = createSlice({
+    name: "chat",
+    initialState: initialState$c,
+    reducers: {},
+    extraReducers(builder) {
+        builder.addCase(signalEvents.chatMessage, (state, action) => {
+            const message = {
+                senderId: action.payload.senderId,
+                timestamp: action.payload.timestamp,
+                text: action.payload.text,
+            };
+            return Object.assign(Object.assign({}, state), { chatMessages: [...state.chatMessages, message] });
+        });
+    },
+});
+const doSendChatMessage = createRoomConnectedThunk((payload) => (_, getState) => {
+    const state = getState();
+    const socket = selectSignalConnectionRaw(state).socket;
+    const breakoutCurrentId = selectBreakoutCurrentId(state);
+    socket === null || socket === void 0 ? void 0 : socket.emit("chat_message", Object.assign(Object.assign({ text: payload.text }, (breakoutCurrentId && { breakoutGroup: breakoutCurrentId })), (payload.isBroadcast && { broadcast: true })));
+});
+const selectChatRaw = (state) => state.chat;
+const selectChatMessages = (state) => state.chat.chatMessages;
+
+const initialCloudRecordingState = {
+    isRecording: false,
+    error: null,
+    startedAt: undefined,
+};
+const cloudRecordingSlice = createSlice({
+    name: "cloudRecording",
+    initialState: initialCloudRecordingState,
+    reducers: {
+        recordingRequestStarted: (state) => {
+            return Object.assign(Object.assign({}, state), { status: "requested" });
+        },
+    },
+    extraReducers: (builder) => {
+        builder.addCase(signalEvents.cloudRecordingStopped, (state) => {
+            return Object.assign(Object.assign({}, state), { isRecording: false, status: undefined });
+        });
+        builder.addCase(signalEvents.cloudRecordingStarted, (state, action) => {
+            const { payload } = action;
+            if (!payload.error) {
+                return state;
+            }
+            return Object.assign(Object.assign({}, state), { isRecording: false, status: "error", error: payload.error });
+        });
+        builder.addCase(signalEvents.newClient, (state, { payload }) => {
+            var _a;
+            const { client } = payload;
+            if (((_a = client.role) === null || _a === void 0 ? void 0 : _a.roleName) === "recorder") {
+                return Object.assign(Object.assign({}, state), { isRecording: true, status: "recording", startedAt: client.startedCloudRecordingAt
+                        ? new Date(client.startedCloudRecordingAt).getTime()
+                        : new Date().getTime() });
+            }
+            return state;
+        });
+    },
+});
+const { recordingRequestStarted } = cloudRecordingSlice.actions;
+const doStartCloudRecording = createRoomConnectedThunk(() => (dispatch, getState) => {
+    const state = getState();
+    const socket = selectSignalConnectionRaw(state).socket;
+    const status = selectCloudRecordingStatus(state);
+    if (status && ["recording", "requested"].includes(status)) {
+        return;
     }
+    socket === null || socket === void 0 ? void 0 : socket.emit("start_recording", {
+        recording: "cloud",
+    });
+    dispatch(recordingRequestStarted());
 });
+const doStopCloudRecording = createRoomConnectedThunk(() => (dispatch, getState) => {
+    const state = getState();
+    const socket = selectSignalConnectionRaw(state).socket;
+    socket === null || socket === void 0 ? void 0 : socket.emit("stop_recording");
+});
+const selectCloudRecordingRaw = (state) => state.cloudRecording;
+const selectCloudRecordingStatus = (state) => state.cloudRecording.status;
+const selectCloudRecordingStartedAt = (state) => state.cloudRecording.startedAt;
+const selectCloudRecordingError = (state) => state.cloudRecording.error;
+const selectIsCloudRecording = (state) => state.cloudRecording.isRecording;
+
+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;
+
+function createRtcEventAction(name) {
+    return createAction(`rtcConnection/event/${name}`);
+}
+const rtcEvents = {
+    rtcManagerCreated: createRtcEventAction("rtcManagerCreated"),
+    rtcManagerDestroyed: createRtcEventAction("rtcManagerDestroyed"),
+    streamAdded: createRtcEventAction("streamAdded"),
+    clientConnectionStatusChanged: createRtcEventAction("clientConnectionStatusChanged"),
+};
 
 function createRemoteParticipant(client, newJoiner = false) {
     const { streams, role, breakoutGroup } = client, rest = __rest(client, ["streams", "role", "breakoutGroup"]);
@@ -1339,12 +1325,12 @@ function addStream(state, payload) {
         presentationStream: stream,
     });
 }
-const initialState$a = {
+const initialState$b = {
     remoteParticipants: [],
 };
 const remoteParticipantsSlice = createSlice({
     name: "remoteParticipants",
-    initialState: initialState$a,
+    initialState: initialState$b,
     reducers: {
         streamStatusUpdated: (state, action) => {
             let newState = state;
@@ -1451,14 +1437,14 @@ const selectNumParticipants = createSelector(selectRemoteParticipants, selectLoc
     return clients.length + 1;
 });
 
-const initialState$9 = {
+const initialState$a = {
     status: "inactive",
     stream: null,
     error: null,
 };
 const localScreenshareSlice = createSlice({
     name: "localScreenshare",
-    initialState: initialState$9,
+    initialState: initialState$a,
     reducers: {
         stopScreenshare(state, action) {
             return Object.assign(Object.assign({}, state), { status: "inactive", stream: null });
@@ -1500,33 +1486,296 @@ const doStartScreenshare = createAsyncRoomConnectedThunk("localScreenshare/doSta
     catch (error) {
         return rejectWithValue(error);
     }
-}));
-const doStopScreenshare = createRoomConnectedThunk(() => (dispatch, getState) => {
+}));
+const doStopScreenshare = createRoomConnectedThunk(() => (dispatch, getState) => {
+    const state = getState();
+    const screenshareStream = selectLocalScreenshareStream(state);
+    if (!screenshareStream) {
+        return;
+    }
+    screenshareStream.getTracks().forEach((track) => track.stop());
+    dispatch(stopScreenshare({ stream: screenshareStream }));
+});
+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();
+        });
+    },
+});
+
+function isStreamerClient(client) {
+    return client.roleName === "streamer";
+}
+function isRecorderClient(client) {
+    return client.roleName === "recorder";
+}
+const initialState$9 = {
+    isLocked: false,
+};
+const roomSlice = createSlice({
+    name: "room",
+    initialState: initialState$9,
+    reducers: {},
+    extraReducers: (builder) => {
+        builder.addCase(signalEvents.roomJoined, (state, action) => {
+            const { error, isLocked } = action.payload;
+            if (error) {
+                return state;
+            }
+            return Object.assign(Object.assign({}, state), { isLocked: Boolean(isLocked) });
+        });
+        builder.addCase(signalEvents.roomLocked, (state, action) => {
+            const { isLocked } = action.payload;
+            return Object.assign(Object.assign({}, state), { isLocked: Boolean(isLocked) });
+        });
+    },
+});
+const doLockRoom = createAppAuthorizedThunk((state) => selectIsAuthorizedToLockRoom(state), (payload) => (_, getState) => {
+    const state = getState();
+    const { socket } = selectSignalConnectionRaw(state);
+    socket === null || socket === void 0 ? void 0 : socket.emit("set_lock", { locked: payload.locked });
+});
+const doKickParticipant = createAppAuthorizedThunk((state) => selectIsAuthorizedToKickClient(state), (payload) => (_, getState) => {
+    const state = getState();
+    const { socket } = selectSignalConnectionRaw(state);
+    socket === null || socket === void 0 ? void 0 : socket.emit("kick_client", { clientId: payload.clientId, reasonId: "kick" });
+});
+const doEndMeeting = createAppAuthorizedThunk((state) => selectIsAuthorizedToEndMeeting(state), (payload) => (dispatch, getState) => {
+    const state = getState();
+    const clientsToKick = selectRemoteClients(state).map((c) => c.id);
+    if (clientsToKick.length) {
+        const { socket } = selectSignalConnectionRaw(state);
+        socket === null || socket === void 0 ? void 0 : socket.emit("kick_client", { clientIds: clientsToKick, reasonId: "end-meeting" });
+    }
+    if (!payload.stayBehind) {
+        dispatch(doAppStop());
+    }
+});
+const selectRoomIsLocked = (state) => state.room.isLocked;
+const selectScreenshares = createSelector(selectLocalScreenshareStream, selectLocalParticipantRaw, selectRemoteParticipants, (localScreenshareStream, localParticipant, remoteParticipants) => {
+    const screenshares = [];
+    if (localScreenshareStream) {
+        screenshares.push({
+            id: localScreenshareStream.id || "local-screenshare",
+            participantId: "local",
+            hasAudioTrack: localScreenshareStream.getTracks().some((track) => track.kind === "audio"),
+            breakoutGroup: localParticipant.breakoutGroup,
+            stream: localScreenshareStream,
+            isLocal: true,
+        });
+    }
+    for (const participant of remoteParticipants) {
+        if (participant.presentationStream) {
+            screenshares.push({
+                id: participant.presentationStream.id || `pres-${participant.id}`,
+                participantId: participant.id,
+                hasAudioTrack: participant.presentationStream.getTracks().some((track) => track.kind === "audio"),
+                breakoutGroup: participant.breakoutGroup,
+                stream: participant.presentationStream,
+                isLocal: false,
+            });
+        }
+    }
+    return screenshares;
+});
+const selectRemoteClientViews = createSelector(selectLocalScreenshareStream, selectLocalParticipantRaw, selectRemoteParticipants, selectBreakoutCurrentId, selectBreakoutAssignments, (localScreenshareStream, localParticipant, remoteParticipants, breakoutCurrentId, breakoutAssignments) => {
+    const views = [];
+    if (localScreenshareStream) {
+        const isScreenshareAudioEnabled = !!localScreenshareStream.getAudioTracks().length;
+        views.push({
+            clientId: localParticipant.id,
+            displayName: "Your screenshare",
+            id: "local-screenshare",
+            isAudioEnabled: isScreenshareAudioEnabled,
+            isLocalClient: true,
+            isPresentation: true,
+            isVideoEnabled: true,
+            stream: localScreenshareStream,
+            breakoutGroup: breakoutCurrentId || "",
+        });
+    }
+    for (const c of remoteParticipants) {
+        if (isStreamerClient(c) || isRecorderClient(c)) {
+            continue;
+        }
+        const { presentationStream } = c, clientView = __rest(c, ["presentationStream"]);
+        const displayName = c.displayName || "Guest";
+        const isPresentationActive = presentationStream && presentationStream.active;
+        const presentationId = "pres-" + c.id;
+        const isStreamActive = c.stream && c.stream.active;
+        const isVideoEnabled = c.isVideoEnabled;
+        views.push(Object.assign(Object.assign(Object.assign({}, clientView), { breakoutGroupAssigned: (breakoutAssignments === null || breakoutAssignments === void 0 ? void 0 : breakoutAssignments[c.deviceId]) || "", clientId: c.id, displayName, hasActivePresentation: !!isPresentationActive }), (c.isVideoEnabled ? { isVideoEnabled } : {})));
+        if (isPresentationActive) {
+            views.push(Object.assign(Object.assign(Object.assign({}, clientView), { clientId: c.id, stream: c.presentationStream, displayName: `Screenshare (${displayName})`, id: presentationId, isPresentation: true, isVideoEnabled: true }), (isStreamActive && { isRecording: null })));
+        }
+    }
+    return views;
+});
+const selectAllClientViews = createSelector(selectLocalParticipantView, selectRemoteClientViews, (localParticipant, remoteParticipants) => {
+    return [...(localParticipant ? [localParticipant] : []), ...remoteParticipants];
+});
+const selectAllClientViewsInCurrentGroup = createSelector(selectAllClientViews, selectBreakoutActive, selectBreakoutCurrentId, (allClientViews, breakoutActive, breakoutCurrentId) => {
+    if (!breakoutActive || !breakoutCurrentId) {
+        return allClientViews;
+    }
+    return allClientViews.filter((client) => client.isLocalClient ||
+        client.breakoutGroup === (breakoutCurrentId || "") ||
+        (client.breakoutGroupAssigned && client.breakoutGroupAssigned === breakoutCurrentId));
+});
+const selectBreakoutGroupedParticipants = createSelector(selectAllClientViews, selectBreakoutActive, selectBreakoutGroups, (clientViews, breakoutActive, breakoutGroups) => {
+    if (!breakoutActive || !breakoutGroups)
+        return [];
+    const clientsInMainRoom = clientViews.filter((client) => !client.breakoutGroup || client.breakoutGroup === "");
+    const mainRoom = {
+        clients: clientsInMainRoom,
+        group: { id: "", name: "" },
+    };
+    const groups = Object.entries(breakoutGroups).map(([id, name]) => ({
+        clients: clientViews.filter((client) => !client.isPresentation && client.breakoutGroup === id),
+        group: { id, name },
+    }));
+    return [mainRoom, ...groups];
+});
+
+function streamIdForClient({ isPresentation, stream }) {
+    var _a, _b;
+    return isPresentation ? (_b = (_a = stream === null || stream === void 0 ? void 0 : stream.outboundId) !== null && _a !== void 0 ? _a : stream === null || stream === void 0 ? void 0 : stream.inboundId) !== null && _b !== void 0 ? _b : stream === null || stream === void 0 ? void 0 : stream.id : "0";
+}
+function isClientSpotlighted({ spotlights, isPresentation, clientId, stream, }) {
+    return !!spotlights.find((s) => {
+        const streamId = streamIdForClient({ isPresentation, stream });
+        return s.clientId === clientId && s.streamId === streamId;
+    });
+}
+function mergeSpotlight(spotlights, spotlight) {
+    const found = spotlights.find((s) => s.clientId === spotlight.clientId && s.streamId === spotlight.streamId);
+    if (found) {
+        return spotlights;
+    }
+    return spotlights.concat(spotlight);
+}
+function mapSpotlightsToClientViews(spotlights, clientViews) {
+    return spotlights.reduce((acc, s) => {
+        const clientView = clientViews.find((c) => s.clientId === c.clientId && s.streamId === streamIdForClient(c));
+        if (clientView && !acc.includes(clientView)) {
+            acc.push(clientView);
+        }
+        return acc;
+    }, []);
+}
+const initialState$8 = {
+    sorted: [],
+};
+const spotlightsSlice = createSlice({
+    name: "spotlights",
+    initialState: initialState$8,
+    reducers: {
+        addSpotlight(state, action) {
+            const { clientId, streamId } = action.payload;
+            return Object.assign(Object.assign({}, state), { sorted: mergeSpotlight(state.sorted, { clientId, streamId }) });
+        },
+        removeSpotlight(state, action) {
+            const { clientId, streamId } = action.payload;
+            return Object.assign(Object.assign({}, state), { sorted: state.sorted.filter((s) => !(s.clientId === clientId && s.streamId === streamId)) });
+        },
+    },
+    extraReducers: (builder) => {
+        builder.addCase(signalEvents.roomJoined, (state, action) => {
+            if (!action.payload.room) {
+                return state;
+            }
+            const { spotlights } = action.payload.room;
+            return Object.assign(Object.assign({}, state), { sorted: spotlights });
+        });
+        builder.addCase(signalEvents.spotlightAdded, (state, action) => {
+            const { clientId, streamId } = action.payload;
+            return Object.assign(Object.assign({}, state), { sorted: mergeSpotlight(state.sorted, { clientId, streamId }) });
+        });
+        builder.addCase(signalEvents.spotlightRemoved, (state, action) => {
+            const { clientId, streamId } = action.payload;
+            return Object.assign(Object.assign({}, state), { sorted: state.sorted.filter((s) => !(s.clientId === clientId && s.streamId === streamId)) });
+        });
+        builder.addMatcher(isAnyOf(signalEvents.clientKicked, signalEvents.clientLeft), (state, action) => {
+            const { clientId } = action.payload;
+            return Object.assign(Object.assign({}, state), { sorted: state.sorted.filter((s) => s.clientId !== clientId) });
+        });
+    },
+});
+const { addSpotlight, removeSpotlight } = spotlightsSlice.actions;
+const doSpotlightParticipant = createAppAuthorizedThunk((state) => selectIsAuthorizedToSpotlight(state), ({ id }) => (_, getState) => {
+    const state = getState();
+    const clientView = selectAllClientViews(state).find((c) => c.clientId === id);
+    if (!clientView) {
+        return;
+    }
+    const { socket } = selectSignalConnectionRaw(state);
+    const streamId = streamIdForClient(clientView);
+    const payload = { clientId: clientView.id, streamId: streamId !== null && streamId !== void 0 ? streamId : "0" };
+    socket === null || socket === void 0 ? void 0 : socket.emit("add_spotlight", payload);
+});
+const doRemoveSpotlight = createAppAuthorizedThunk((state) => selectIsAuthorizedToSpotlight(state), ({ id }) => (_, getState) => {
     const state = getState();
-    const screenshareStream = selectLocalScreenshareStream(state);
-    if (!screenshareStream) {
+    const clientView = selectAllClientViews(state).find((c) => c.clientId === id);
+    if (!clientView) {
         return;
     }
-    screenshareStream.getTracks().forEach((track) => track.stop());
-    dispatch(stopScreenshare({ stream: screenshareStream }));
+    const { socket } = selectSignalConnectionRaw(state);
+    const streamId = streamIdForClient(clientView);
+    const payload = { clientId: clientView.id, streamId: streamId !== null && streamId !== void 0 ? streamId : "0" };
+    socket === null || socket === void 0 ? void 0 : socket.emit("remove_spotlight", payload);
+});
+const selectSpotlightsRaw = (state) => state.spotlights;
+const selectSpotlights = (state) => state.spotlights.sorted;
+const selectIsLocalParticipantSpotlighted = createSelector(selectLocalParticipantRaw, selectSpotlights, (localParticipant, spotlights) => {
+    return isClientSpotlighted({ clientId: localParticipant.id, stream: localParticipant.stream, spotlights });
+});
+const selectSpotlightedClientViews = createSelector(selectAllClientViews, selectSpotlights, (clientViews, spotlights) => {
+    return mapSpotlightsToClientViews(spotlights, clientViews);
 });
-const selectLocalScreenshareRaw = (state) => state.localScreenshare;
-const selectLocalScreenshareStatus = (state) => state.localScreenshare.status;
-const selectLocalScreenshareStream = (state) => state.localScreenshare.stream;
 startAppListening({
-    actionCreator: localMediaStopped,
-    effect: (_, { getState }) => {
+    actionCreator: doStartScreenshare.fulfilled,
+    effect: ({ payload }, { getState, dispatch }) => {
+        const { stream } = payload;
         const state = getState();
-        const screenshareStream = selectLocalScreenshareStream(state);
-        if (!screenshareStream) {
+        const localParticipant = selectLocalParticipantRaw(state);
+        if (!localParticipant) {
             return;
         }
-        screenshareStream === null || screenshareStream === void 0 ? void 0 : screenshareStream.getTracks().forEach((track) => {
-            track.stop();
-        });
+        dispatch(addSpotlight({ clientId: localParticipant.id, streamId: stream.id }));
+    },
+});
+startAppListening({
+    actionCreator: stopScreenshare,
+    effect: ({ payload }, { getState, dispatch }) => {
+        const { stream } = payload;
+        const state = getState();
+        const localParticipant = selectLocalParticipantRaw(state);
+        if (!localParticipant) {
+            return;
+        }
+        dispatch(removeSpotlight({ clientId: localParticipant.id, streamId: stream.id }));
     },
 });
 
+function isDeferrable({ client, breakoutCurrentId }) {
+    if (!client)
+        return false;
+    if (!breakoutCurrentId && client.breakoutGroup)
+        return true;
+    if (!client.isAudioEnabled && !client.isVideoEnabled)
+        return true;
+    return false;
+}
 const createWebRtcEmitter = (dispatch) => {
     return {
         emit: (eventName, data) => {
@@ -1539,11 +1788,14 @@ const createWebRtcEmitter = (dispatch) => {
             else if (eventName === "rtc_manager_destroyed") {
                 dispatch(rtcManagerDestroyed());
             }
+            else if (eventName === "client_connection_status_changed") {
+                dispatch(rtcEvents.clientConnectionStatusChanged(data));
+            }
             else ;
         },
     };
 };
-const initialState$8 = {
+const initialState$7 = {
     dispatcherCreated: false,
     error: null,
     isCreatingDispatcher: false,
@@ -1556,7 +1808,7 @@ const initialState$8 = {
 };
 const rtcConnectionSlice = createSlice({
     name: "rtcConnection",
-    initialState: initialState$8,
+    initialState: initialState$7,
     reducers: {
         isAcceptingStreams: (state, action) => {
             return Object.assign(Object.assign({}, state), { isAcceptingStreams: action.payload });
@@ -1566,7 +1818,7 @@ const rtcConnectionSlice = createSlice({
             return Object.assign(Object.assign({}, state), { reportedStreamResolutions: Object.assign(Object.assign({}, state.reportedStreamResolutions), { [streamId]: { width, height } }) });
         },
         rtcDisconnected: () => {
-            return Object.assign({}, initialState$8);
+            return Object.assign({}, initialState$7);
         },
         rtcDispatcherCreated: (state, action) => {
             return Object.assign(Object.assign({}, state), { dispatcherCreated: true, rtcManagerDispatcher: action.payload });
@@ -1580,6 +1832,19 @@ const rtcConnectionSlice = createSlice({
         rtcManagerInitialized: (state) => {
             return Object.assign(Object.assign({}, state), { rtcManagerInitialized: true });
         },
+        rtcClientConnectionStatusChanged: {
+            reducer: (state) => {
+                return state;
+            },
+            prepare: (payload) => {
+                return {
+                    payload: {},
+                    meta: {
+                        localParticipantId: payload.localParticipantId,
+                    },
+                };
+            },
+        },
     },
     extraReducers: (builder) => {
         builder.addCase(socketReconnecting, (state) => {
@@ -1590,7 +1855,7 @@ const rtcConnectionSlice = createSlice({
         });
     },
 });
-const { resolutionReported, rtcDispatcherCreated, rtcDisconnected, rtcManagerCreated, rtcManagerDestroyed, rtcManagerInitialized, isAcceptingStreams, } = rtcConnectionSlice.actions;
+const { resolutionReported, rtcDispatcherCreated, rtcDisconnected, rtcManagerCreated, rtcManagerDestroyed, rtcManagerInitialized, isAcceptingStreams, rtcClientConnectionStatusChanged, } = rtcConnectionSlice.actions;
 const doConnectRtc = createAppThunk(() => (dispatch, getState) => {
     const state = getState();
     const socket = selectSignalConnectionRaw(state).socket;
@@ -1607,7 +1872,9 @@ const doConnectRtc = createAppThunk(() => (dispatch, getState) => {
             video: isCameraEnabled,
         }),
         deferrable(clientId) {
-            return !clientId;
+            const client = selectRemoteParticipants(getState()).find((p) => p.id === clientId);
+            const breakoutCurrentId = selectBreakoutCurrentId(getState()) || "";
+            return isDeferrable({ client, breakoutCurrentId });
         },
     };
     const rtcManagerDispatcher = new RtcManagerDispatcher({
@@ -1643,7 +1910,7 @@ const doHandleAcceptStreams = createAppThunk((payload) => (dispatch, getState) =
     if (!rtcManager) {
         throw new Error("No rtc manager");
     }
-    const activeBreakout = false;
+    const activeBreakout = selectBreakoutActive(state);
     const shouldAcceptNewClients = (_a = rtcManager.shouldAcceptStreamsFromBothSides) === null || _a === void 0 ? void 0 : _a.call(rtcManager);
     const updates = [];
     for (const { clientId, streamId, state } of payload) {
@@ -1761,6 +2028,13 @@ startAppListening({
         }
     },
 });
+startAppListening({
+    actionCreator: rtcEvents.clientConnectionStatusChanged,
+    effect: (_, { dispatch, getState }) => {
+        const localParticipant = selectLocalParticipantRaw(getState());
+        dispatch(rtcClientConnectionStatusChanged({ localParticipantId: localParticipant.id }));
+    },
+});
 const selectShouldConnectRtc = createSelector(selectRtcStatus, selectAppIsActive, selectRtcDispatcherCreated, selectRtcIsCreatingDispatcher, selectSignalConnectionSocket, (rtcStatus, appIsActive, dispatcherCreated, isCreatingDispatcher, signalSocket) => {
     if (appIsActive && rtcStatus === "inactive" && !dispatcherCreated && !isCreatingDispatcher && signalSocket) {
         return true;
@@ -1794,13 +2068,14 @@ createReactor([selectShouldDisconnectRtc], ({ dispatch }, shouldDisconnectRtc) =
         dispatch(doDisconnectRtc());
     }
 });
-const selectStreamsToAccept = createSelector(selectRtcStatus, selectRemoteClients, (rtcStatus, remoteParticipants) => {
+const selectStreamsToAccept = createSelector(selectRtcStatus, selectRemoteClients, selectBreakoutCurrentId, selectSpotlights, (rtcStatus, remoteParticipants, breakoutCurrentId, spotlights) => {
     if (rtcStatus !== "ready") {
         return [];
     }
     const upd = [];
     for (const client of remoteParticipants) {
         const { streams, id: clientId, newJoiner } = client;
+        const clientSpotlight = spotlights.find((s) => s.clientId === client.id && s.streamId === "0");
         for (let i = 0; i < streams.length; i++) {
             let streamId = streams[i].id;
             let state = streams[i].state;
@@ -1814,7 +2089,9 @@ const selectStreamsToAccept = createSelector(selectRtcStatus, selectRemoteClient
                     state = streams[0].state;
                 }
             }
-            {
+            if ((!client.breakoutGroup && !breakoutCurrentId) ||
+                client.breakoutGroup === breakoutCurrentId ||
+                ("" === client.breakoutGroup && clientSpotlight)) {
                 if (state === "done_accept")
                     continue;
                 upd.push({
@@ -1823,6 +2100,11 @@ const selectStreamsToAccept = createSelector(selectRtcStatus, selectRemoteClient
                     state: `${newJoiner && streamId === "0" ? "new" : "to"}_accept`,
                 });
             }
+            else {
+                if (state === "done_unaccept")
+                    continue;
+                upd.push({ clientId, streamId, state: "to_unaccept" });
+            }
         }
     }
     return upd;
@@ -1833,117 +2115,6 @@ createReactor([selectStreamsToAccept, selectIsAcceptingStreams], ({ dispatch },
     }
 });
 
-function isStreamerClient(client) {
-    return client.roleName === "streamer";
-}
-function isRecorderClient(client) {
-    return client.roleName === "recorder";
-}
-const initialState$7 = {
-    isLocked: false,
-};
-const roomSlice = createSlice({
-    name: "room",
-    initialState: initialState$7,
-    reducers: {},
-    extraReducers: (builder) => {
-        builder.addCase(signalEvents.roomJoined, (state, action) => {
-            const { error, isLocked } = action.payload;
-            if (error) {
-                return state;
-            }
-            return Object.assign(Object.assign({}, state), { isLocked: Boolean(isLocked) });
-        });
-        builder.addCase(signalEvents.roomLocked, (state, action) => {
-            const { isLocked } = action.payload;
-            return Object.assign(Object.assign({}, state), { isLocked: Boolean(isLocked) });
-        });
-    },
-});
-const doLockRoom = createAppAuthorizedThunk((state) => selectIsAuthorizedToLockRoom(state), (payload) => (_, getState) => {
-    const state = getState();
-    const { socket } = selectSignalConnectionRaw(state);
-    socket === null || socket === void 0 ? void 0 : socket.emit("set_lock", { locked: payload.locked });
-});
-const doKickParticipant = createAppAuthorizedThunk((state) => selectIsAuthorizedToKickClient(state), (payload) => (_, getState) => {
-    const state = getState();
-    const { socket } = selectSignalConnectionRaw(state);
-    socket === null || socket === void 0 ? void 0 : socket.emit("kick_client", { clientId: payload.clientId, reasonId: "kick" });
-});
-const doEndMeeting = createAppAuthorizedThunk((state) => selectIsAuthorizedToEndMeeting(state), (payload) => (dispatch, getState) => {
-    const state = getState();
-    const clientsToKick = selectRemoteClients(state).map((c) => c.id);
-    if (clientsToKick.length) {
-        const { socket } = selectSignalConnectionRaw(state);
-        socket === null || socket === void 0 ? void 0 : socket.emit("kick_client", { clientIds: clientsToKick, reasonId: "end-meeting" });
-    }
-    if (!payload.stayBehind) {
-        dispatch(doAppStop());
-    }
-});
-const selectRoomIsLocked = (state) => state.room.isLocked;
-const selectScreenshares = createSelector(selectLocalScreenshareStream, selectLocalParticipantRaw, selectRemoteParticipants, (localScreenshareStream, localParticipant, remoteParticipants) => {
-    const screenshares = [];
-    if (localScreenshareStream) {
-        screenshares.push({
-            id: localScreenshareStream.id || "local-screenshare",
-            participantId: "local",
-            hasAudioTrack: localScreenshareStream.getTracks().some((track) => track.kind === "audio"),
-            breakoutGroup: localParticipant.breakoutGroup,
-            stream: localScreenshareStream,
-            isLocal: true,
-        });
-    }
-    for (const participant of remoteParticipants) {
-        if (participant.presentationStream) {
-            screenshares.push({
-                id: participant.presentationStream.id || `pres-${participant.id}`,
-                participantId: participant.id,
-                hasAudioTrack: participant.presentationStream.getTracks().some((track) => track.kind === "audio"),
-                breakoutGroup: participant.breakoutGroup,
-                stream: participant.presentationStream,
-                isLocal: false,
-            });
-        }
-    }
-    return screenshares;
-});
-const selectRemoteClientViews = createSelector(selectLocalScreenshareStream, selectLocalParticipantRaw, selectRemoteParticipants, (localScreenshareStream, localParticipant, remoteParticipants) => {
-    const views = [];
-    if (localScreenshareStream) {
-        const isScreenshareAudioEnabled = !!localScreenshareStream.getAudioTracks().length;
-        views.push({
-            clientId: localParticipant.id,
-            displayName: "Your screenshare",
-            id: "local-screenshare",
-            isAudioEnabled: isScreenshareAudioEnabled,
-            isLocalClient: true,
-            isPresentation: true,
-            isVideoEnabled: true,
-            stream: localScreenshareStream,
-        });
-    }
-    for (const c of remoteParticipants) {
-        if (isStreamerClient(c) || isRecorderClient(c)) {
-            continue;
-        }
-        const { presentationStream } = c, clientView = __rest(c, ["presentationStream"]);
-        const displayName = c.displayName || "Guest";
-        const isPresentationActive = presentationStream && presentationStream.active;
-        const presentationId = "pres-" + c.id;
-        const isStreamActive = c.stream && c.stream.active;
-        const isVideoEnabled = c.isVideoEnabled;
-        views.push(Object.assign(Object.assign(Object.assign({}, clientView), { clientId: c.id, displayName, hasActivePresentation: !!isPresentationActive }), (c.isVideoEnabled ? { isVideoEnabled } : {})));
-        if (isPresentationActive) {
-            views.push(Object.assign(Object.assign(Object.assign({}, clientView), { clientId: c.id, stream: c.presentationStream, displayName: `Screenshare (${displayName})`, id: presentationId, isPresentation: true, isVideoEnabled: true }), (isStreamActive && { isRecording: null })));
-        }
-    }
-    return views;
-});
-const selectAllClientViews = createSelector(selectLocalParticipantView, selectRemoteClientViews, (localParticipant, remoteParticipants) => {
-    return [...(localParticipant ? [localParticipant] : []), ...remoteParticipants];
-});
-
 const initialState$6 = {
     running: false,
 };
@@ -2014,39 +2185,178 @@ const doStartConnectionMonitor = createAppThunk(() => (dispatch, getState) => {
             });
         },
     });
-    dispatch(connectionMonitorStarted({ stopIssueSubscription: issueMonitorSubscription.stop }));
+    dispatch(connectionMonitorStarted({ stopIssueSubscription: issueMonitorSubscription.stop }));
+});
+const doStopConnectionMonitor = createAppThunk(() => (dispatch, getState) => {
+    const state = getState();
+    const stopCallbackFn = selectStopCallbackFunction(state);
+    if (stopCallbackFn) {
+        stopCallbackFn();
+    }
+    dispatch(connectionMonitorStopped());
+});
+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;
+    }
+    return false;
+});
+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());
+    }
+});
+createReactor([selectShouldStopConnectionMonitor], ({ dispatch }, shouldStartConnectionMonitor) => {
+    if (shouldStartConnectionMonitor) {
+        dispatch(doStopConnectionMonitor());
+    }
+});
+
+const initialState$5 = {
+    displayName: "",
+    id: "",
+    breakoutGroup: null,
+    breakoutGroupAssigned: "",
+    isAudioEnabled: true,
+    isVideoEnabled: true,
+    isLocalParticipant: true,
+    stream: undefined,
+    isScreenSharing: false,
+    roleName: "none",
+    clientClaim: undefined,
+    stickyReaction: undefined,
+    isDialIn: false,
+};
+const localParticipantSlice = createSlice({
+    name: "localParticipant",
+    initialState: initialState$5,
+    reducers: {
+        setDisplayName: (state, action) => {
+            return Object.assign(Object.assign({}, state), { displayName: action.payload.displayName });
+        },
+        setBreakoutGroupAssigned: (state, action) => {
+            return Object.assign(Object.assign({}, state), { breakoutGroupAssigned: action.payload.breakoutGroupAssigned });
+        },
+    },
+    extraReducers: (builder) => {
+        builder.addCase(doAppStart, (state, action) => {
+            return Object.assign(Object.assign({}, state), { displayName: action.payload.displayName });
+        });
+        builder.addCase(doEnableAudio.fulfilled, (state, action) => {
+            return Object.assign(Object.assign({}, state), { isAudioEnabled: action.payload });
+        });
+        builder.addCase(doEnableVideo.fulfilled, (state, action) => {
+            return Object.assign(Object.assign({}, state), { isVideoEnabled: action.payload });
+        });
+        builder.addCase(doSetLocalStickyReaction.fulfilled, (state, action) => {
+            return Object.assign(Object.assign({}, state), { stickyReaction: action.payload });
+        });
+        builder.addCase(signalEvents.roomJoined, (state, action) => {
+            var _a, _b;
+            const client = (_b = (_a = action.payload) === null || _a === void 0 ? void 0 : _a.room) === null || _b === void 0 ? void 0 : _b.clients.find((c) => { var _a; return c.id === ((_a = action.payload) === null || _a === void 0 ? void 0 : _a.selfId); });
+            return Object.assign(Object.assign({}, state), { id: action.payload.selfId, roleName: (client === null || client === void 0 ? void 0 : client.role.roleName) || "none", clientClaim: action.payload.clientClaim, breakoutGroup: (client === null || client === void 0 ? void 0 : client.breakoutGroup) || null });
+        });
+        builder.addCase(signalEvents.breakoutGroupJoined, (state, action) => {
+            var _a, _b;
+            if (((_a = action.payload) === null || _a === void 0 ? void 0 : _a.clientId) !== state.id) {
+                return state;
+            }
+            return Object.assign(Object.assign({}, state), { breakoutGroup: (_b = action.payload) === null || _b === void 0 ? void 0 : _b.group });
+        });
+    },
+});
+const { setDisplayName, setBreakoutGroupAssigned } = 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 doStopConnectionMonitor = createAppThunk(() => (dispatch, getState) => {
+const doEnableAudio = createAsyncRoomConnectedThunk("localParticipant/doEnableAudio", (payload, { dispatch, getState }) => __awaiter(void 0, void 0, void 0, function* () {
     const state = getState();
-    const stopCallbackFn = selectStopCallbackFunction(state);
-    if (stopCallbackFn) {
-        stopCallbackFn();
+    const socket = selectSignalConnectionRaw(state).socket;
+    socket === null || socket === void 0 ? void 0 : socket.emit("enable_audio", { enabled: payload.enabled });
+    if (payload.enabled) {
+        dispatch(doSetLocalStickyReaction({ enabled: false }));
     }
-    dispatch(connectionMonitorStopped());
-});
-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;
+    return payload.enabled;
+}));
+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 = createAsyncRoomConnectedThunk("localParticipant/doSetLocalStickyReaction", (payload, { getState, rejectWithValue }) => __awaiter(void 0, void 0, void 0, function* () {
+    var _a;
+    const state = getState();
+    const currentStickyReaction = selectLocalParticipantStickyReaction(state);
+    const stickyReactionCurrentlyEnabled = Boolean(currentStickyReaction);
+    const enabled = (_a = payload.enabled) !== null && _a !== void 0 ? _a : !stickyReactionCurrentlyEnabled;
+    if (enabled === stickyReactionCurrentlyEnabled) {
+        return rejectWithValue(currentStickyReaction);
     }
-    return false;
+    const stickyReaction = enabled ? { reaction: "✋", timestamp: new Date().toISOString() } : null;
+    return stickyReaction;
+}));
+const doSendClientMetadata = createRoomConnectedThunk(() => (_, getState) => {
+    const state = getState();
+    const socket = selectSignalConnectionRaw(state).socket;
+    const payload = {
+        displayName: selectLocalParticipantDisplayName(state),
+        stickyReaction: selectLocalParticipantStickyReaction(state),
+    };
+    socket === null || socket === void 0 ? void 0 : socket.emit("send_client_metadata", {
+        type: "UserData",
+        payload,
+    });
 });
-const selectShouldStopConnectionMonitor = createSelector(selectRoomConnectionStatus, selectConnectionMonitorIsRunning, (roomConnectionStatus, isRunning) => {
-    if (isRunning && ["kicked", "left"].includes(roomConnectionStatus)) {
-        return true;
-    }
-    return false;
+startAppListening({
+    actionCreator: toggleCameraEnabled,
+    effect: ({ payload }, { dispatch, getState }) => {
+        const { enabled } = payload;
+        const { isVideoEnabled } = selectLocalParticipantRaw(getState());
+        const roomConnectionStatus = selectRoomConnectionStatus(getState());
+        if (roomConnectionStatus !== "connected") {
+            return;
+        }
+        dispatch(doEnableVideo({ enabled: enabled || !isVideoEnabled }));
+    },
 });
-createReactor([selectShouldStartConnectionMonitor], ({ dispatch }, shouldStartConnectionMonitor) => {
-    if (shouldStartConnectionMonitor) {
-        dispatch(doStartConnectionMonitor());
+startAppListening({
+    actionCreator: toggleMicrophoneEnabled,
+    effect: ({ payload }, { dispatch, getState }) => {
+        const { enabled } = payload;
+        const { isAudioEnabled } = selectLocalParticipantRaw(getState());
+        const roomConnectionStatus = selectRoomConnectionStatus(getState());
+        if (roomConnectionStatus !== "connected") {
+            return;
+        }
+        dispatch(doEnableAudio({ enabled: enabled || !isAudioEnabled }));
+    },
+});
+createReactor([selectLocalParticipantDisplayName, selectLocalParticipantStickyReaction, selectRoomConnectionStatus], ({ dispatch }, diplayName, stickyReaction, roomConnectionStatus) => {
+    if (roomConnectionStatus === "connected") {
+        dispatch(doSendClientMetadata());
     }
 });
-createReactor([selectShouldStopConnectionMonitor], ({ dispatch }, shouldStartConnectionMonitor) => {
-    if (shouldStartConnectionMonitor) {
-        dispatch(doStopConnectionMonitor());
+createReactor([selectBreakoutAssignments, selectDeviceId, selectLocalParticipantRaw], ({ dispatch }, breakoutAssignments, deviceId, localParticipant) => {
+    const breakoutGroupAssigned = (breakoutAssignments === null || breakoutAssignments === void 0 ? void 0 : breakoutAssignments[deviceId || ""]) || "";
+    if (localParticipant.breakoutGroupAssigned === breakoutGroupAssigned) {
+        return;
     }
+    dispatch(setBreakoutGroupAssigned({ breakoutGroupAssigned }));
 });
 
 const emitter = new EventEmitter();
@@ -2218,13 +2528,13 @@ startAppListening({
     },
 });
 
-const initialState$5 = {
+const initialState$4 = {
     data: null,
     isFetching: false,
     error: null,
 };
 const organizationSlice = createSlice({
-    initialState: initialState$5,
+    initialState: initialState$4,
     name: "organization",
     reducers: {},
     extraReducers: (builder) => {
@@ -2272,13 +2582,13 @@ createReactor([selectShouldFetchOrganization], ({ dispatch }, shouldFetchOrganiz
     }
 });
 
-const initialState$4 = {
+const initialState$3 = {
     session: null,
     status: "ready",
     error: null,
 };
 const roomConnectionSlice = createSlice({
-    initialState: initialState$4,
+    initialState: initialState$3,
     name: "roomConnection",
     reducers: {
         connectionStatusChanged: (state, action) => {
@@ -2546,11 +2856,11 @@ const makeComparable = (value) => {
         return JSON.stringify(value);
     return value;
 };
-const initialState$3 = {
+const initialState$2 = {
     reportedValues: {},
 };
 const rtcAnalyticsSlice = createSlice({
-    initialState: initialState$3,
+    initialState: initialState$2,
     name: "rtcAnalytics",
     reducers: {
         updateReportedValues(state, action) {
@@ -2610,126 +2920,6 @@ createReactor([selectRtcManagerInitialized], ({ dispatch }, selectRtcManagerInit
     }
 });
 
-function streamIdForClient({ isPresentation, stream }) {
-    var _a, _b;
-    return isPresentation ? (_b = (_a = stream === null || stream === void 0 ? void 0 : stream.outboundId) !== null && _a !== void 0 ? _a : stream === null || stream === void 0 ? void 0 : stream.inboundId) !== null && _b !== void 0 ? _b : stream === null || stream === void 0 ? void 0 : stream.id : "0";
-}
-function isClientSpotlighted({ spotlights, isPresentation, clientId, stream, }) {
-    return !!spotlights.find((s) => {
-        const streamId = streamIdForClient({ isPresentation, stream });
-        return s.clientId === clientId && s.streamId === streamId;
-    });
-}
-function mergeSpotlight(spotlights, spotlight) {
-    const found = spotlights.find((s) => s.clientId === spotlight.clientId && s.streamId === spotlight.streamId);
-    if (found) {
-        return spotlights;
-    }
-    return spotlights.concat(spotlight);
-}
-function mapSpotlightsToClientViews(spotlights, clientViews) {
-    return spotlights.reduce((acc, s) => {
-        const clientView = clientViews.find((c) => s.clientId === c.clientId && s.streamId === streamIdForClient(c));
-        if (clientView && !acc.includes(clientView)) {
-            acc.push(clientView);
-        }
-        return acc;
-    }, []);
-}
-const initialState$2 = {
-    sorted: [],
-};
-const spotlightsSlice = createSlice({
-    name: "spotlights",
-    initialState: initialState$2,
-    reducers: {
-        addSpotlight(state, action) {
-            const { clientId, streamId } = action.payload;
-            return Object.assign(Object.assign({}, state), { sorted: mergeSpotlight(state.sorted, { clientId, streamId }) });
-        },
-        removeSpotlight(state, action) {
-            const { clientId, streamId } = action.payload;
-            return Object.assign(Object.assign({}, state), { sorted: state.sorted.filter((s) => !(s.clientId === clientId && s.streamId === streamId)) });
-        },
-    },
-    extraReducers: (builder) => {
-        builder.addCase(signalEvents.roomJoined, (state, action) => {
-            if (!action.payload.room) {
-                return state;
-            }
-            const { spotlights } = action.payload.room;
-            return Object.assign(Object.assign({}, state), { sorted: spotlights });
-        });
-        builder.addCase(signalEvents.spotlightAdded, (state, action) => {
-            const { clientId, streamId } = action.payload;
-            return Object.assign(Object.assign({}, state), { sorted: mergeSpotlight(state.sorted, { clientId, streamId }) });
-        });
-        builder.addCase(signalEvents.spotlightRemoved, (state, action) => {
-            const { clientId, streamId } = action.payload;
-            return Object.assign(Object.assign({}, state), { sorted: state.sorted.filter((s) => !(s.clientId === clientId && s.streamId === streamId)) });
-        });
-        builder.addMatcher(isAnyOf(signalEvents.clientKicked, signalEvents.clientLeft), (state, action) => {
-            const { clientId } = action.payload;
-            return Object.assign(Object.assign({}, state), { sorted: state.sorted.filter((s) => s.clientId !== clientId) });
-        });
-    },
-});
-const { addSpotlight, removeSpotlight } = spotlightsSlice.actions;
-const doSpotlightParticipant = createAppAuthorizedThunk((state) => selectIsAuthorizedToSpotlight(state), ({ id }) => (_, getState) => {
-    const state = getState();
-    const clientView = selectAllClientViews(state).find((c) => c.clientId === id);
-    if (!clientView) {
-        return;
-    }
-    const { socket } = selectSignalConnectionRaw(state);
-    const streamId = streamIdForClient(clientView);
-    const payload = { clientId: clientView.id, streamId: streamId !== null && streamId !== void 0 ? streamId : "0" };
-    socket === null || socket === void 0 ? void 0 : socket.emit("add_spotlight", payload);
-});
-const doRemoveSpotlight = createAppAuthorizedThunk((state) => selectIsAuthorizedToSpotlight(state), ({ id }) => (_, getState) => {
-    const state = getState();
-    const clientView = selectAllClientViews(state).find((c) => c.clientId === id);
-    if (!clientView) {
-        return;
-    }
-    const { socket } = selectSignalConnectionRaw(state);
-    const streamId = streamIdForClient(clientView);
-    const payload = { clientId: clientView.id, streamId: streamId !== null && streamId !== void 0 ? streamId : "0" };
-    socket === null || socket === void 0 ? void 0 : socket.emit("remove_spotlight", payload);
-});
-const selectSpotlightsRaw = (state) => state.spotlights;
-const selectSpotlights = (state) => state.spotlights.sorted;
-const selectIsLocalParticipantSpotlighted = createSelector(selectLocalParticipantRaw, selectSpotlights, (localParticipant, spotlights) => {
-    return isClientSpotlighted({ clientId: localParticipant.id, stream: localParticipant.stream, spotlights });
-});
-const selectSpotlightedClientViews = createSelector(selectAllClientViews, selectSpotlights, (clientViews, spotlights) => {
-    return mapSpotlightsToClientViews(spotlights, clientViews);
-});
-startAppListening({
-    actionCreator: doStartScreenshare.fulfilled,
-    effect: ({ payload }, { getState, dispatch }) => {
-        const { stream } = payload;
-        const state = getState();
-        const localParticipant = selectLocalParticipantRaw(state);
-        if (!localParticipant) {
-            return;
-        }
-        dispatch(addSpotlight({ clientId: localParticipant.id, streamId: stream.id }));
-    },
-});
-startAppListening({
-    actionCreator: stopScreenshare,
-    effect: ({ payload }, { getState, dispatch }) => {
-        const { stream } = payload;
-        const state = getState();
-        const localParticipant = selectLocalParticipantRaw(state);
-        if (!localParticipant) {
-            return;
-        }
-        dispatch(removeSpotlight({ clientId: localParticipant.id, streamId: stream.id }));
-    },
-});
-
 const initialState$1 = {
     isStreaming: false,
     error: null,
@@ -2808,6 +2998,7 @@ const IS_DEV = (_a = undefined === "true") !== null && _a !== void 0 ? _a : fals
 const appReducer = combineReducers({
     app: appSlice.reducer,
     authorization: authorizationSlice.reducer,
+    breakout: breakoutSlice.reducer,
     chat: chatSlice.reducer,
     cloudRecording: cloudRecordingSlice.reducer,
     connectionMonitor: connectionMonitorSlice.reducer,
@@ -3875,4 +4066,4 @@ function createServices() {
     };
 }
 
-export { ApiClient, Credentials, CredentialsService, LocalParticipant, OrganizationApiClient, OrganizationService, OrganizationServiceCache, RoomService, addAppListener, addSpotlight, appSlice, authorizationSlice, chatSlice, cloudRecordingSlice, connectionMonitorSlice, connectionMonitorStarted, connectionMonitorStopped, createAppAsyncThunk, createAppAuthorizedThunk, createAppThunk, createAsyncRoomConnectedThunk, createAuthorizedRoomConnectedThunk, createReactor, createRemoteParticipant, 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, 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 };
+export { ApiClient, Credentials, CredentialsService, LocalParticipant, OrganizationApiClient, OrganizationService, OrganizationServiceCache, RoomService, addAppListener, addSpotlight, appSlice, authorizationSlice, breakoutSlice, chatSlice, cloudRecordingSlice, connectionMonitorSlice, connectionMonitorStarted, connectionMonitorStopped, createAppAsyncThunk, createAppAuthorizedThunk, createAppThunk, createAsyncRoomConnectedThunk, createAuthorizedRoomConnectedThunk, createReactor, createRemoteParticipant, createRoomConnectedThunk, createServices, createStore, createWebRtcEmitter, debounce, deviceBusy, deviceCredentialsSlice, deviceIdentified, deviceIdentifying, doAcceptWaitingParticipant, doAppStart, doAppStop, doBreakoutJoin, 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$h as initialState, isAcceptingStreams, isClientSpotlighted, listenerMiddleware, localMediaSlice, localMediaStopped, localParticipantSlice, localScreenshareSlice, localStreamMetadataUpdated, notificationsSlice, observeStore, organizationSlice, parseUnverifiedRoomKeyData, participantStreamAdded, participantStreamIdAdded, recordingRequestStarted, remoteParticipantsSlice, removeSpotlight, resolutionReported, roomConnectionSlice, roomSlice, rootReducer, rtcAnalyticsCustomEvents, rtcAnalyticsSlice, rtcClientConnectionStatusChanged, rtcConnectionSlice, rtcDisconnected, rtcDispatcherCreated, rtcManagerCreated, rtcManagerDestroyed, rtcManagerInitialized, selectAllClientViews, selectAllClientViewsInCurrentGroup, selectAppDisplayName, selectAppExternalId, selectAppInitialConfig, selectAppIsActive, selectAppIsDialIn, selectAppIsNodeSdk, selectAppRaw, selectAppRoomName, selectAppRoomUrl, selectAppUserAgent, selectAuthorizationRoleName, selectBreakoutActive, selectBreakoutAssignments, selectBreakoutCurrentGroup, selectBreakoutCurrentId, selectBreakoutGroupedParticipants, selectBreakoutGroups, selectBreakoutInitiatedBy, selectBreakoutRaw, 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, selectLocalParticipantBreakoutAssigned, selectLocalParticipantBreakoutGroup, 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, setBreakoutGroupAssigned, setCurrentCameraDeviceId, setCurrentMicrophoneDeviceId, setCurrentSpeakerDeviceId, setDisplayName, setLocalMediaOptions, setLocalMediaStream, setRoomKey, signalConnectionSlice, signalEvents, socketConnected, socketConnecting, socketDisconnected, socketReconnecting, spotlightsSlice, startAppListening, stopScreenshare, streamIdForClient, streamStatusUpdated, streamingSlice, toggleCameraEnabled, toggleLowDataModeEnabled, toggleMicrophoneEnabled, updateReportedValues, waitingParticipantsSlice };