@whereby.com/core 0.15.2 → 0.16.1

package/dist/index.cjs

@@ -2,10 +2,10 @@
 
 var toolkit = require('@reduxjs/toolkit');
 var media = require('@whereby.com/media');
+var events$1 = require('events');
 var Chrome111_js = require('mediasoup-client/lib/handlers/Chrome111.js');
 var nodeBtoa = require('btoa');
 var axios = require('axios');
-var EventEmitter = require('events');
 
 function createAppAsyncThunk(typePrefix, payloadCreator) {
     return toolkit.createAsyncThunk(typePrefix, payloadCreator);
@@ -45,9 +45,9 @@ const createReactor = (selectors, callback) => {
     });
 };
 
-const coreVersion = "0.15.2";
+const coreVersion = "0.16.1";
 
-const initialState$e = {
+const initialState$f = {
     isNodeSdk: false,
     isActive: false,
     roomName: null,
@@ -58,7 +58,7 @@ const initialState$e = {
 };
 const appSlice = toolkit.createSlice({
     name: "app",
-    initialState: initialState$e,
+    initialState: initialState$f,
     reducers: {
         doAppStart: (state, action) => {
             const url = new URL(action.payload.roomUrl);
@@ -103,6 +103,8 @@ const signalEvents = {
     roomSessionEnded: createSignalEventAction("roomSessionEnded"),
     screenshareStarted: createSignalEventAction("screenshareStarted"),
     screenshareStopped: createSignalEventAction("screenshareStopped"),
+    spotlightAdded: createSignalEventAction("spotlightAdded"),
+    spotlightRemoved: createSignalEventAction("spotlightRemoved"),
     streamingStopped: createSignalEventAction("streamingStopped"),
     videoEnabled: createSignalEventAction("videoEnabled"),
 };
@@ -112,14 +114,16 @@ const ROOM_ACTION_PERMISSIONS_BY_ROLE = {
     canRequestAudioEnable: ["host"],
     canKickClient: ["host"],
     canEndMeeting: ["host"],
+    canAskToSpeak: ["host"],
+    canSpotlight: ["host"],
 };
-const initialState$d = {
+const initialState$e = {
     roomKey: null,
     roleName: "none",
 };
 const authorizationSlice = toolkit.createSlice({
     name: "authorization",
-    initialState: initialState$d,
+    initialState: initialState$e,
     reducers: {
         setRoomKey: (state, action) => {
             return Object.assign(Object.assign({}, state), { roomKey: action.payload });
@@ -143,6 +147,8 @@ const selectIsAuthorizedToLockRoom = toolkit.createSelector(selectAuthorizationR
 const selectIsAuthorizedToRequestAudioEnable = toolkit.createSelector(selectAuthorizationRoleName, (localParticipantRole) => ROOM_ACTION_PERMISSIONS_BY_ROLE.canRequestAudioEnable.includes(localParticipantRole));
 const selectIsAuthorizedToKickClient = toolkit.createSelector(selectAuthorizationRoleName, (localParticipantRole) => ROOM_ACTION_PERMISSIONS_BY_ROLE.canKickClient.includes(localParticipantRole));
 const selectIsAuthorizedToEndMeeting = toolkit.createSelector(selectAuthorizationRoleName, (localParticipantRole) => ROOM_ACTION_PERMISSIONS_BY_ROLE.canEndMeeting.includes(localParticipantRole));
+const selectIsAuthorizedToAskToSpeak = toolkit.createSelector(selectAuthorizationRoleName, (localParticipantRole) => ROOM_ACTION_PERMISSIONS_BY_ROLE.canAskToSpeak.includes(localParticipantRole));
+const selectIsAuthorizedToSpotlight = toolkit.createSelector(selectAuthorizationRoleName, (localParticipantRole) => ROOM_ACTION_PERMISSIONS_BY_ROLE.canSpotlight.includes(localParticipantRole));
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -188,13 +194,13 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-const initialState$c = {
+const initialState$d = {
     isFetching: false,
     data: null,
 };
 const deviceCredentialsSlice = toolkit.createSlice({
     name: "deviceCredentials",
-    initialState: initialState$c,
+    initialState: initialState$d,
     reducers: {},
     extraReducers: (builder) => {
         builder.addCase(doGetDeviceCredentials.pending, (state) => {
@@ -254,6 +260,8 @@ function forwardSocketEvents(socket, dispatch) {
     socket.on("cloud_recording_started", (payload) => dispatch(signalEvents.cloudRecordingStarted(payload)));
     socket.on("cloud_recording_stopped", () => dispatch(signalEvents.cloudRecordingStopped()));
     socket.on("streaming_stopped", () => dispatch(signalEvents.streamingStopped()));
+    socket.on("spotlight_added", (payload) => dispatch(signalEvents.spotlightAdded(payload)));
+    socket.on("spotlight_removed", (payload) => dispatch(signalEvents.spotlightRemoved(payload)));
 }
 const SIGNAL_BASE_URL = "wss://signal.appearin.net" ;
 function createSocket() {
@@ -264,7 +272,7 @@ function createSocket() {
     };
     return new media.ServerSocket(socketHost, socketOverrides);
 }
-const initialState$b = {
+const initialState$c = {
     deviceIdentified: false,
     isIdentifyingDevice: false,
     status: "ready",
@@ -272,7 +280,7 @@ const initialState$b = {
 };
 const signalConnectionSlice = toolkit.createSlice({
     name: "signalConnection",
-    initialState: initialState$b,
+    initialState: initialState$c,
     reducers: {
         socketConnecting: (state) => {
             return Object.assign(Object.assign({}, state), { status: "connecting" });
@@ -376,12 +384,12 @@ startAppListening({
     },
 });
 
-const initialState$a = {
+const initialState$b = {
     chatMessages: [],
 };
 const chatSlice = toolkit.createSlice({
     name: "chat",
-    initialState: initialState$a,
+    initialState: initialState$b,
     reducers: {},
     extraReducers(builder) {
         builder.addCase(signalEvents.chatMessage, (state, action) => {
@@ -593,9 +601,11 @@ function parseUnverifiedRoomKeyData(roomKey) {
 const initialLocalMediaState = {
     busyDeviceIds: [],
     cameraEnabled: false,
+    currentSpeakerDeviceId: "default",
     devices: [],
     isSettingCameraDevice: false,
     isSettingMicrophoneDevice: false,
+    isSettingSpeakerDevice: false,
     isTogglingCamera: false,
     lowDataMode: false,
     microphoneEnabled: false,
@@ -627,6 +637,10 @@ const localMediaSlice = toolkit.createSlice({
         setCurrentMicrophoneDeviceId(state, action) {
             return Object.assign(Object.assign({}, state), { currentMicrophoneDeviceId: action.payload.deviceId });
         },
+        setCurrentSpeakerDeviceId(state, action) {
+            var _a;
+            return Object.assign(Object.assign({}, state), { currentSpeakerDeviceId: (_a = action.payload.deviceId) !== null && _a !== void 0 ? _a : "default" });
+        },
         toggleLowDataModeEnabled(state, action) {
             var _a;
             return Object.assign(Object.assign({}, state), { lowDataMode: (_a = action.payload.enabled) !== null && _a !== void 0 ? _a : !state.lowDataMode });
@@ -709,7 +723,7 @@ const localMediaSlice = toolkit.createSlice({
         });
     },
 });
-const { deviceBusy, setCurrentCameraDeviceId, setCurrentMicrophoneDeviceId, toggleCameraEnabled, toggleMicrophoneEnabled, toggleLowDataModeEnabled, setLocalMediaOptions, setLocalMediaStream, localMediaStopped, localStreamMetadataUpdated, } = localMediaSlice.actions;
+const { deviceBusy, setCurrentCameraDeviceId, setCurrentMicrophoneDeviceId, setCurrentSpeakerDeviceId, toggleCameraEnabled, toggleMicrophoneEnabled, toggleLowDataModeEnabled, setLocalMediaOptions, setLocalMediaStream, localMediaStopped, localStreamMetadataUpdated, } = localMediaSlice.actions;
 const doToggleCamera = createAppAsyncThunk("localMedia/doToggleCamera", (_, { getState, rejectWithValue }) => __awaiter(void 0, void 0, void 0, function* () {
     const state = getState();
     const stream = selectLocalMediaStream(state);
@@ -899,6 +913,7 @@ const selectBusyDeviceIds = (state) => state.localMedia.busyDeviceIds;
 const selectCameraDeviceError = (state) => state.localMedia.cameraDeviceError;
 const selectCurrentCameraDeviceId = (state) => state.localMedia.currentCameraDeviceId;
 const selectCurrentMicrophoneDeviceId = (state) => state.localMedia.currentMicrophoneDeviceId;
+const selectCurrentSpeakerDeviceId = (state) => state.localMedia.currentSpeakerDeviceId;
 const selectIsCameraEnabled = (state) => state.localMedia.cameraEnabled;
 const selectIsMicrophoneEnabled = (state) => state.localMedia.microphoneEnabled;
 const selectIsLowDataModeEnabled = (state) => state.localMedia.lowDataMode;
@@ -1035,7 +1050,7 @@ startAppListening({
     },
 });
 
-const initialState$9 = {
+const initialState$a = {
     displayName: "",
     id: "",
     isAudioEnabled: true,
@@ -1045,34 +1060,14 @@ const initialState$9 = {
     isScreenSharing: false,
     roleName: "none",
     clientClaim: undefined,
+    stickyReaction: undefined,
 };
-const doEnableAudio = createAppAsyncThunk("localParticipant/doEnableAudio", (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_audio", { enabled: payload.enabled });
-    return payload.enabled;
-}));
-const doEnableVideo = createAppAsyncThunk("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 doSetDisplayName = createAppAsyncThunk("localParticipant/doSetDisplayName", (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("send_client_metadata", {
-        type: "UserData",
-        payload,
-    });
-    return payload.displayName;
-}));
 const localParticipantSlice = toolkit.createSlice({
     name: "localParticipant",
-    initialState: initialState$9,
+    initialState: initialState$a,
     reducers: {
-        doSetLocalParticipant: (state, action) => {
-            return Object.assign(Object.assign({}, state), action.payload);
+        doSetDisplayName: (state, action) => {
+            return Object.assign(Object.assign({}, state), { displayName: action.payload.displayName });
         },
     },
     extraReducers: (builder) => {
@@ -1085,8 +1080,8 @@ const localParticipantSlice = toolkit.createSlice({
         builder.addCase(doEnableVideo.fulfilled, (state, action) => {
             return Object.assign(Object.assign({}, state), { isVideoEnabled: action.payload });
         });
-        builder.addCase(doSetDisplayName.fulfilled, (state, action) => {
-            return Object.assign(Object.assign({}, state), { displayName: 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;
@@ -1095,11 +1090,64 @@ const localParticipantSlice = toolkit.createSlice({
         });
     },
 });
-const { doSetLocalParticipant } = localParticipantSlice.actions;
+const { doSetDisplayName } = localParticipantSlice.actions;
+const doEnableAudio = createAppAsyncThunk("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 = createAppAsyncThunk("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* () {
+    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 = createAppThunk(() => (_, 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 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 selectLocalParticipantView = toolkit.createSelector(selectLocalParticipantRaw, selectLocalMediaStream, (participant, localStream) => {
+    const clientView = {
+        id: participant.id,
+        clientId: participant.id,
+        displayName: participant.displayName,
+        stream: localStream,
+        isLocalClient: true,
+        isAudioEnabled: participant.isAudioEnabled,
+        isVideoEnabled: participant.isVideoEnabled,
+    };
+    return clientView;
+});
 startAppListening({
     actionCreator: toggleCameraEnabled,
     effect: ({ payload }, { dispatch, getState }) => {
@@ -1116,15 +1164,18 @@ startAppListening({
         dispatch(doEnableAudio({ enabled: enabled || !isAudioEnabled }));
     },
 });
+createReactor([selectLocalParticipantDisplayName, selectLocalParticipantStickyReaction], ({ dispatch }) => {
+    dispatch(doSendClientMetadata());
+});
 
-const initialState$8 = {
+const initialState$9 = {
     status: "inactive",
     stream: null,
     error: null,
 };
 const localScreenshareSlice = toolkit.createSlice({
     name: "localScreenshare",
-    initialState: initialState$8,
+    initialState: initialState$9,
     reducers: {
         stopScreenshare(state, action) {
             return Object.assign(Object.assign({}, state), { status: "inactive", stream: null });
@@ -1193,60 +1244,6 @@ startAppListening({
     },
 });
 
-const initialState$7 = {
-    data: null,
-    isFetching: false,
-    error: null,
-};
-const organizationSlice = toolkit.createSlice({
-    initialState: initialState$7,
-    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 = toolkit.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 createRtcEventAction(name) {
     return toolkit.createAction(`rtcConnection/event/${name}`);
 }
@@ -1348,12 +1345,12 @@ function addStream(state, payload) {
         presentationStream: stream,
     });
 }
-const initialState$6 = {
+const initialState$8 = {
     remoteParticipants: [],
 };
 const remoteParticipantsSlice = toolkit.createSlice({
     name: "remoteParticipants",
-    initialState: initialState$6,
+    initialState: initialState$8,
     reducers: {
         streamStatusUpdated: (state, action) => {
             let newState = state;
@@ -1417,9 +1414,10 @@ const remoteParticipantsSlice = toolkit.createSlice({
                 console.warn(error || "Client metadata error received");
                 return state;
             }
-            const { clientId, displayName } = payload;
+            const { clientId, displayName, stickyReaction } = payload;
             return updateParticipant(state, clientId, {
                 displayName,
+                stickyReaction,
             });
         });
         builder.addCase(signalEvents.screenshareStarted, (state, action) => {
@@ -1435,87 +1433,79 @@ const remoteParticipantsSlice = toolkit.createSlice({
 const { participantStreamAdded, participantStreamIdAdded, streamStatusUpdated } = remoteParticipantsSlice.actions;
 const doRequestAudioEnable = createAppAuthorizedThunk((state) => selectIsAuthorizedToRequestAudioEnable(state), (payload) => (_, getState) => {
     const state = getState();
+    const canEnableRemoteAudio = selectIsAuthorizedToAskToSpeak(state);
+    if (payload.enable && !canEnableRemoteAudio) {
+        console.warn("Not authorized to perform this action");
+        return;
+    }
     const socket = selectSignalConnectionRaw(state).socket;
     socket === null || socket === void 0 ? void 0 : socket.emit("request_audio_enable", payload);
 });
 const selectRemoteParticipantsRaw = (state) => state.remoteParticipants;
 const selectRemoteParticipants = (state) => state.remoteParticipants.remoteParticipants;
-const selectScreenshares = toolkit.createSelector(selectLocalScreenshareStream, selectRemoteParticipants, (localScreenshareStream, remoteParticipants) => {
-    const screenshares = [];
-    if (localScreenshareStream) {
-        screenshares.push({
-            id: localScreenshareStream.id || "local-screenshare",
-            participantId: "local",
-            hasAudioTrack: localScreenshareStream.getTracks().some((track) => track.kind === "audio"),
-            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"),
-                stream: participant.presentationStream,
-                isLocal: false,
-            });
-        }
-    }
-    return screenshares;
-});
+const selectNumParticipants = toolkit.createSelector(selectRemoteParticipants, (clients) => clients.filter((c) => !NON_PERSON_ROLES.includes(c.roleName)).length + 1);
 
-const initialState$5 = {
-    isLocked: false,
+const initialState$7 = {
+    data: null,
+    isFetching: false,
+    error: null,
 };
-const roomSlice = toolkit.createSlice({
-    name: "room",
-    initialState: initialState$5,
+const organizationSlice = toolkit.createSlice({
+    initialState: initialState$7,
+    name: "organization",
     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(doOrganizationFetch.pending, (state) => {
+            return Object.assign(Object.assign({}, state), { isFetching: true });
         });
-        builder.addCase(signalEvents.roomLocked, (state, action) => {
-            const { isLocked } = action.payload;
-            return Object.assign(Object.assign({}, state), { isLocked: Boolean(isLocked) });
+        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 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 = selectRemoteParticipants(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" });
+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;
     }
-    if (!payload.stayBehind) {
-        dispatch(doAppStop());
+    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 = toolkit.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());
     }
 });
-const selectRoomIsLocked = (state) => state.room.isLocked;
 
-const initialState$4 = {
+const initialState$6 = {
     session: null,
     status: "ready",
     error: null,
 };
 const roomConnectionSlice = toolkit.createSlice({
-    initialState: initialState$4,
+    initialState: initialState$6,
     name: "roomConnection",
     reducers: {
         connectionStatusChanged: (state, action) => {
@@ -1674,6 +1664,249 @@ startAppListening({
     },
 });
 
+const emitter = new events$1.EventEmitter();
+function createNotificationEvent(payload) {
+    const notificationEvent = Object.assign(Object.assign({}, payload), { timestamp: Date.now() });
+    return notificationEvent;
+}
+const initialNotificationsState = {
+    emitter,
+    events: [],
+};
+const notificationsSlice = toolkit.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: 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: 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: signalEvents.clientMetadataReceived,
+    effect: (action, { dispatch, getOriginalState, 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;
+        }
+        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;
+    }
+    if (signalStatus === "disconnected") {
+        dispatch(doSetNotification(createNotificationEvent({
+            type: "signalTrouble",
+            message: `Network connection lost. Trying to reconnect you...`,
+            props: {},
+        })));
+    }
+    else if (signalStatus === "connected") {
+        dispatch(doSetNotification(createNotificationEvent({
+            type: "signalOk",
+            message: `Network connection available`,
+            props: {},
+        })));
+    }
+});
+
+function isStreamerClient(client) {
+    return client.roleName === "streamer";
+}
+function isRecorderClient(client) {
+    return client.roleName === "recorder";
+}
+const initialState$5 = {
+    isLocked: false,
+};
+const roomSlice = toolkit.createSlice({
+    name: "room",
+    initialState: initialState$5,
+    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 = selectRemoteParticipants(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 = toolkit.createSelector(selectLocalScreenshareStream, selectRemoteParticipants, (localScreenshareStream, remoteParticipants) => {
+    const screenshares = [];
+    if (localScreenshareStream) {
+        screenshares.push({
+            id: localScreenshareStream.id || "local-screenshare",
+            participantId: "local",
+            hasAudioTrack: localScreenshareStream.getTracks().some((track) => track.kind === "audio"),
+            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"),
+                stream: participant.presentationStream,
+                isLocal: false,
+            });
+        }
+    }
+    return screenshares;
+});
+const selectRemoteClientViews = toolkit.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 = toolkit.createSelector(selectLocalParticipantView, selectRemoteClientViews, (localParticipant, remoteParticipants) => {
+    return [localParticipant, ...remoteParticipants];
+});
+
 const createWebRtcEmitter = (dispatch) => {
     return {
         emit: (eventName, data) => {
@@ -1690,7 +1923,7 @@ const createWebRtcEmitter = (dispatch) => {
         },
     };
 };
-const initialState$3 = {
+const initialState$4 = {
     dispatcherCreated: false,
     error: null,
     isCreatingDispatcher: false,
@@ -1703,7 +1936,7 @@ const initialState$3 = {
 };
 const rtcConnectionSlice = toolkit.createSlice({
     name: "rtcConnection",
-    initialState: initialState$3,
+    initialState: initialState$4,
     reducers: {
         isAcceptingStreams: (state, action) => {
             return Object.assign(Object.assign({}, state), { isAcceptingStreams: action.payload });
@@ -1713,7 +1946,7 @@ const rtcConnectionSlice = toolkit.createSlice({
             return Object.assign(Object.assign({}, state), { reportedStreamResolutions: Object.assign(Object.assign({}, state.reportedStreamResolutions), { [streamId]: { width, height } }) });
         },
         rtcDisconnected: () => {
-            return Object.assign({}, initialState$3);
+            return Object.assign({}, initialState$4);
         },
         rtcDispatcherCreated: (state, action) => {
             return Object.assign(Object.assign({}, state), { dispatcherCreated: true, rtcManagerDispatcher: action.payload });
@@ -2011,7 +2244,7 @@ const rtcAnalyticsCustomEvents = {
         getOutput: () => ({}),
     },
     displayName: {
-        actions: [doSetDisplayName.fulfilled],
+        actions: [doSetDisplayName],
         rtcEventName: "displayName",
         getValue: (state) => selectAppDisplayName(state),
         getOutput: (value) => ({ displayName: value }),
@@ -2078,11 +2311,11 @@ const makeComparable = (value) => {
         return JSON.stringify(value);
     return value;
 };
-const initialState$2 = {
+const initialState$3 = {
     reportedValues: {},
 };
 const rtcAnalyticsSlice = toolkit.createSlice({
-    initialState: initialState$2,
+    initialState: initialState$3,
     name: "rtcAnalytics",
     reducers: {
         updateReportedValues(state, action) {
@@ -2142,6 +2375,92 @@ 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 = toolkit.createSlice({
+    name: "spotlights",
+    initialState: initialState$2,
+    reducers: {},
+    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(toolkit.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 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 = toolkit.createSelector(selectLocalParticipantRaw, selectSpotlights, (localParticipant, spotlights) => {
+    return isClientSpotlighted({ clientId: localParticipant.id, stream: localParticipant.stream, spotlights });
+});
+const selectSpotlightedClientViews = toolkit.createSelector(selectAllClientViews, selectSpotlights, (clientViews, spotlights) => {
+    return mapSpotlightsToClientViews(spotlights, clientViews);
+});
+
 const initialState$1 = {
     isStreaming: false,
     error: null,
@@ -2226,6 +2545,7 @@ const appReducer = toolkit.combineReducers({
     localMedia: localMediaSlice.reducer,
     localParticipant: localParticipantSlice.reducer,
     localScreenshare: localScreenshareSlice.reducer,
+    notifications: notificationsSlice.reducer,
     organization: organizationSlice.reducer,
     remoteParticipants: remoteParticipantsSlice.reducer,
     room: roomSlice.reducer,
@@ -2233,6 +2553,7 @@ const appReducer = toolkit.combineReducers({
     rtcAnalytics: rtcAnalyticsSlice.reducer,
     rtcConnection: rtcConnectionSlice.reducer,
     signalConnection: signalConnectionSlice.reducer,
+    spotlights: spotlightsSlice.reducer,
     streaming: streamingSlice.reducer,
     waitingParticipants: waitingParticipantsSlice.reducer,
 });
@@ -2618,7 +2939,7 @@ var localStorage$1 = localStorage;
 const events = {
     CREDENTIALS_SAVED: "credentials_saved",
 };
-class CredentialsService extends EventEmitter {
+class CredentialsService extends events$1.EventEmitter {
     constructor({ deviceService, credentialsStore, }) {
         super();
         this._deviceService = deviceService;
@@ -3240,18 +3561,19 @@ class RoomService {
 }
 
 class RoomParticipant {
-    constructor({ displayName, id, stream, isAudioEnabled, isVideoEnabled }) {
+    constructor({ displayName, id, stream, isAudioEnabled, isVideoEnabled, stickyReaction }) {
         this.isLocalParticipant = false;
         this.displayName = displayName;
         this.id = id;
         this.stream = stream;
         this.isAudioEnabled = isAudioEnabled;
         this.isVideoEnabled = isVideoEnabled;
+        this.stickyReaction = stickyReaction;
     }
 }
 class LocalParticipant extends RoomParticipant {
-    constructor({ displayName, id, stream, isAudioEnabled, isVideoEnabled }) {
-        super({ displayName, id, stream, isAudioEnabled, isVideoEnabled });
+    constructor({ displayName, id, stream, isAudioEnabled, isVideoEnabled, stickyReaction }) {
+        super({ displayName, id, stream, isAudioEnabled, isVideoEnabled, stickyReaction });
         this.isLocalParticipant = true;
     }
 }
@@ -3309,6 +3631,7 @@ exports.deviceIdentifying = deviceIdentifying;
 exports.doAcceptWaitingParticipant = doAcceptWaitingParticipant;
 exports.doAppStart = doAppStart;
 exports.doAppStop = doAppStop;
+exports.doClearNotifications = doClearNotifications;
 exports.doConnectRoom = doConnectRoom;
 exports.doConnectRtc = doConnectRtc;
 exports.doDisconnectRtc = doDisconnectRtc;
@@ -3324,18 +3647,22 @@ exports.doKnockRoom = doKnockRoom;
 exports.doLockRoom = doLockRoom;
 exports.doOrganizationFetch = doOrganizationFetch;
 exports.doRejectWaitingParticipant = doRejectWaitingParticipant;
+exports.doRemoveSpotlight = doRemoveSpotlight;
 exports.doRequestAudioEnable = doRequestAudioEnable;
 exports.doRtcAnalyticsCustomEventsInitialize = doRtcAnalyticsCustomEventsInitialize;
 exports.doRtcManagerCreated = doRtcManagerCreated;
 exports.doRtcManagerInitialize = doRtcManagerInitialize;
 exports.doRtcReportStreamResolution = doRtcReportStreamResolution;
 exports.doSendChatMessage = doSendChatMessage;
+exports.doSendClientMetadata = doSendClientMetadata;
 exports.doSetDevice = doSetDevice;
 exports.doSetDisplayName = doSetDisplayName;
-exports.doSetLocalParticipant = doSetLocalParticipant;
+exports.doSetLocalStickyReaction = doSetLocalStickyReaction;
+exports.doSetNotification = doSetNotification;
 exports.doSignalConnect = doSignalConnect;
 exports.doSignalDisconnect = doSignalDisconnect;
 exports.doSignalIdentifyDevice = doSignalIdentifyDevice;
+exports.doSpotlightParticipant = doSpotlightParticipant;
 exports.doStartCloudRecording = doStartCloudRecording;
 exports.doStartLocalMedia = doStartLocalMedia;
 exports.doStartScreenshare = doStartScreenshare;
@@ -3349,15 +3676,19 @@ exports.doUpdateDeviceList = doUpdateDeviceList;
 exports.getAudioTrack = getAudioTrack;
 exports.getFakeMediaStream = getFakeMediaStream;
 exports.getVideoTrack = getVideoTrack;
+exports.hasValue = hasValue;
 exports.initialCloudRecordingState = initialCloudRecordingState;
 exports.initialLocalMediaState = initialLocalMediaState;
+exports.initialNotificationsState = initialNotificationsState;
 exports.isAcceptingStreams = isAcceptingStreams;
+exports.isClientSpotlighted = isClientSpotlighted;
 exports.listenerMiddleware = listenerMiddleware;
 exports.localMediaSlice = localMediaSlice;
 exports.localMediaStopped = localMediaStopped;
 exports.localParticipantSlice = localParticipantSlice;
 exports.localScreenshareSlice = localScreenshareSlice;
 exports.localStreamMetadataUpdated = localStreamMetadataUpdated;
+exports.notificationsSlice = notificationsSlice;
 exports.observeStore = observeStore;
 exports.organizationSlice = organizationSlice;
 exports.parseRoomUrlAndSubdomain = parseRoomUrlAndSubdomain;
@@ -3378,6 +3709,7 @@ exports.rtcDispatcherCreated = rtcDispatcherCreated;
 exports.rtcManagerCreated = rtcManagerCreated;
 exports.rtcManagerDestroyed = rtcManagerDestroyed;
 exports.rtcManagerInitialized = rtcManagerInitialized;
+exports.selectAllClientViews = selectAllClientViews;
 exports.selectAppDisplayName = selectAppDisplayName;
 exports.selectAppExternalId = selectAppExternalId;
 exports.selectAppInitialConfig = selectAppInitialConfig;
@@ -3399,17 +3731,21 @@ exports.selectCloudRecordingStartedAt = selectCloudRecordingStartedAt;
 exports.selectCloudRecordingStatus = selectCloudRecordingStatus;
 exports.selectCurrentCameraDeviceId = selectCurrentCameraDeviceId;
 exports.selectCurrentMicrophoneDeviceId = selectCurrentMicrophoneDeviceId;
+exports.selectCurrentSpeakerDeviceId = selectCurrentSpeakerDeviceId;
 exports.selectDeviceCredentialsRaw = selectDeviceCredentialsRaw;
 exports.selectDeviceId = selectDeviceId;
 exports.selectHasFetchedDeviceCredentials = selectHasFetchedDeviceCredentials;
 exports.selectIsAcceptingStreams = selectIsAcceptingStreams;
+exports.selectIsAuthorizedToAskToSpeak = selectIsAuthorizedToAskToSpeak;
 exports.selectIsAuthorizedToEndMeeting = selectIsAuthorizedToEndMeeting;
 exports.selectIsAuthorizedToKickClient = selectIsAuthorizedToKickClient;
 exports.selectIsAuthorizedToLockRoom = selectIsAuthorizedToLockRoom;
 exports.selectIsAuthorizedToRequestAudioEnable = selectIsAuthorizedToRequestAudioEnable;
+exports.selectIsAuthorizedToSpotlight = selectIsAuthorizedToSpotlight;
 exports.selectIsCameraEnabled = selectIsCameraEnabled;
 exports.selectIsCloudRecording = selectIsCloudRecording;
 exports.selectIsLocalMediaStarting = selectIsLocalMediaStarting;
+exports.selectIsLocalParticipantSpotlighted = selectIsLocalParticipantSpotlighted;
 exports.selectIsLowDataModeEnabled = selectIsLowDataModeEnabled;
 exports.selectIsMicrophoneEnabled = selectIsMicrophoneEnabled;
 exports.selectIsSettingCameraDevice = selectIsSettingCameraDevice;
@@ -3427,15 +3763,23 @@ exports.selectLocalMediaStartError = selectLocalMediaStartError;
 exports.selectLocalMediaStatus = selectLocalMediaStatus;
 exports.selectLocalMediaStream = selectLocalMediaStream;
 exports.selectLocalParticipantClientClaim = selectLocalParticipantClientClaim;
+exports.selectLocalParticipantDisplayName = selectLocalParticipantDisplayName;
 exports.selectLocalParticipantIsScreenSharing = selectLocalParticipantIsScreenSharing;
 exports.selectLocalParticipantRaw = selectLocalParticipantRaw;
+exports.selectLocalParticipantStickyReaction = selectLocalParticipantStickyReaction;
+exports.selectLocalParticipantView = selectLocalParticipantView;
 exports.selectLocalScreenshareRaw = selectLocalScreenshareRaw;
 exports.selectLocalScreenshareStatus = selectLocalScreenshareStatus;
 exports.selectLocalScreenshareStream = selectLocalScreenshareStream;
 exports.selectMicrophoneDeviceError = selectMicrophoneDeviceError;
 exports.selectMicrophoneDevices = selectMicrophoneDevices;
+exports.selectNotificationsEmitter = selectNotificationsEmitter;
+exports.selectNotificationsEvents = selectNotificationsEvents;
+exports.selectNotificationsRaw = selectNotificationsRaw;
+exports.selectNumParticipants = selectNumParticipants;
 exports.selectOrganizationId = selectOrganizationId;
 exports.selectOrganizationRaw = selectOrganizationRaw;
+exports.selectRemoteClientViews = selectRemoteClientViews;
 exports.selectRemoteParticipants = selectRemoteParticipants;
 exports.selectRemoteParticipantsRaw = selectRemoteParticipantsRaw;
 exports.selectRoomConnectionError = selectRoomConnectionError;
@@ -3467,12 +3811,16 @@ exports.selectSignalConnectionSocket = selectSignalConnectionSocket;
 exports.selectSignalIsIdentifyingDevice = selectSignalIsIdentifyingDevice;
 exports.selectSignalStatus = selectSignalStatus;
 exports.selectSpeakerDevices = selectSpeakerDevices;
+exports.selectSpotlightedClientViews = selectSpotlightedClientViews;
+exports.selectSpotlights = selectSpotlights;
+exports.selectSpotlightsRaw = selectSpotlightsRaw;
 exports.selectStreamingRaw = selectStreamingRaw;
 exports.selectStreamsToAccept = selectStreamsToAccept;
 exports.selectWaitingParticipants = selectWaitingParticipants;
 exports.selectWaitingParticipantsRaw = selectWaitingParticipantsRaw;
 exports.setCurrentCameraDeviceId = setCurrentCameraDeviceId;
 exports.setCurrentMicrophoneDeviceId = setCurrentMicrophoneDeviceId;
+exports.setCurrentSpeakerDeviceId = setCurrentSpeakerDeviceId;
 exports.setLocalMediaOptions = setLocalMediaOptions;
 exports.setLocalMediaStream = setLocalMediaStream;
 exports.setRoomKey = setRoomKey;
@@ -3482,8 +3830,10 @@ exports.socketConnected = socketConnected;
 exports.socketConnecting = socketConnecting;
 exports.socketDisconnected = socketDisconnected;
 exports.socketReconnecting = socketReconnecting;
+exports.spotlightsSlice = spotlightsSlice;
 exports.startAppListening = startAppListening;
 exports.stopScreenshare = stopScreenshare;
+exports.streamIdForClient = streamIdForClient;
 exports.streamStatusUpdated = streamStatusUpdated;
 exports.streamingSlice = streamingSlice;
 exports.toggleCameraEnabled = toggleCameraEnabled;