@whereby.com/core 0.16.3 → 0.18.0

package/dist/index.cjs

@@ -45,7 +45,7 @@ const createReactor = (selectors, callback) => {
     });
 };
 
-const coreVersion = "0.16.3";
+const coreVersion = "0.18.0";
 
 const initialState$f = {
     isNodeSdk: false,
@@ -1050,6 +1050,8 @@ startAppListening({
     },
 });
 
+const NON_PERSON_ROLES = ["recorder", "streamer"];
+
 const initialState$a = {
     displayName: "",
     id: "",
@@ -1146,6 +1148,9 @@ const selectLocalParticipantView = toolkit.createSelector(selectLocalParticipant
         isAudioEnabled: participant.isAudioEnabled,
         isVideoEnabled: participant.isVideoEnabled,
     };
+    if (NON_PERSON_ROLES.includes(participant.roleName)) {
+        return null;
+    }
     return clientView;
 });
 startAppListening({
@@ -1253,7 +1258,6 @@ const rtcEvents = {
     streamAdded: createRtcEventAction("streamAdded"),
 };
 
-const NON_PERSON_ROLES = ["recorder", "streamer"];
 function createRemoteParticipant(client, newJoiner = false) {
     const { streams, role } = client, rest = __rest(client, ["streams", "role"]);
     return Object.assign(Object.assign({}, rest), { stream: null, streams: streams.map((streamId) => ({ id: streamId, state: newJoiner ? "new_accept" : "to_accept" })), isLocalParticipant: false, roleName: (role === null || role === void 0 ? void 0 : role.roleName) || "none", presentationStream: null, newJoiner });
@@ -1442,8 +1446,15 @@ const doRequestAudioEnable = createAppAuthorizedThunk((state) => selectIsAuthori
     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 selectNumParticipants = toolkit.createSelector(selectRemoteParticipants, (clients) => clients.filter((c) => !NON_PERSON_ROLES.includes(c.roleName)).length + 1);
+const selectRemoteClients = (state) => state.remoteParticipants.remoteParticipants;
+const selectRemoteParticipants = toolkit.createSelector(selectRemoteClients, (clients) => clients.filter((c) => !NON_PERSON_ROLES.includes(c.roleName)));
+const selectNumClients = toolkit.createSelector(selectRemoteClients, (clients) => clients.length + 1);
+const selectNumParticipants = toolkit.createSelector(selectRemoteParticipants, selectLocalParticipantRaw, (clients, localParticipant) => {
+    if (NON_PERSON_ROLES.includes(localParticipant.roleName)) {
+        return clients.length;
+    }
+    return clients.length + 1;
+});
 
 const initialState$7 = {
     data: null,
@@ -1837,7 +1848,7 @@ const doKickParticipant = createAppAuthorizedThunk((state) => selectIsAuthorized
 });
 const doEndMeeting = createAppAuthorizedThunk((state) => selectIsAuthorizedToEndMeeting(state), (payload) => (dispatch, getState) => {
     const state = getState();
-    const clientsToKick = selectRemoteParticipants(state).map((c) => c.id);
+    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" });
@@ -1904,7 +1915,7 @@ const selectRemoteClientViews = toolkit.createSelector(selectLocalScreenshareStr
     return views;
 });
 const selectAllClientViews = toolkit.createSelector(selectLocalParticipantView, selectRemoteClientViews, (localParticipant, remoteParticipants) => {
-    return [localParticipant, ...remoteParticipants];
+    return [...(localParticipant ? [localParticipant] : []), ...remoteParticipants];
 });
 
 const createWebRtcEmitter = (dispatch) => {
@@ -2019,7 +2030,7 @@ const doHandleAcceptStreams = createAppThunk((payload) => (dispatch, getState) =
     dispatch(isAcceptingStreams(true));
     const state = getState();
     const rtcManager = selectRtcConnectionRaw(state).rtcManager;
-    const remoteParticipants = selectRemoteParticipants(state);
+    const remoteClients = selectRemoteClients(state);
     if (!rtcManager) {
         throw new Error("No rtc manager");
     }
@@ -2027,7 +2038,7 @@ const doHandleAcceptStreams = createAppThunk((payload) => (dispatch, getState) =
     const shouldAcceptNewClients = (_a = rtcManager.shouldAcceptStreamsFromBothSides) === null || _a === void 0 ? void 0 : _a.call(rtcManager);
     const updates = [];
     for (const { clientId, streamId, state } of payload) {
-        const participant = remoteParticipants.find((p) => p.id === clientId);
+        const participant = remoteClients.find((p) => p.id === clientId);
         if (!participant)
             continue;
         if (state === "to_accept" ||
@@ -2167,7 +2178,7 @@ createReactor([selectShouldDisconnectRtc], ({ dispatch }, shouldDisconnectRtc) =
         dispatch(doDisconnectRtc());
     }
 });
-const selectStreamsToAccept = toolkit.createSelector(selectRtcStatus, selectRemoteParticipants, (rtcStatus, remoteParticipants) => {
+const selectStreamsToAccept = toolkit.createSelector(selectRtcStatus, selectRemoteClients, (rtcStatus, remoteParticipants) => {
     if (rtcStatus !== "ready") {
         return [];
     }
@@ -2407,7 +2418,16 @@ const initialState$2 = {
 const spotlightsSlice = toolkit.createSlice({
     name: "spotlights",
     initialState: initialState$2,
-    reducers: {},
+    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) {
@@ -2430,6 +2450,7 @@ const spotlightsSlice = toolkit.createSlice({
         });
     },
 });
+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);
@@ -2460,6 +2481,30 @@ const selectIsLocalParticipantSpotlighted = toolkit.createSelector(selectLocalPa
 const selectSpotlightedClientViews = toolkit.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,
@@ -3612,6 +3657,7 @@ exports.OrganizationService = OrganizationService;
 exports.OrganizationServiceCache = OrganizationServiceCache;
 exports.RoomService = RoomService;
 exports.addAppListener = addAppListener;
+exports.addSpotlight = addSpotlight;
 exports.appSlice = appSlice;
 exports.authorizationSlice = authorizationSlice;
 exports.chatSlice = chatSlice;
@@ -3697,6 +3743,7 @@ exports.participantStreamAdded = participantStreamAdded;
 exports.participantStreamIdAdded = participantStreamIdAdded;
 exports.recordingRequestStarted = recordingRequestStarted;
 exports.remoteParticipantsSlice = remoteParticipantsSlice;
+exports.removeSpotlight = removeSpotlight;
 exports.resolutionReported = resolutionReported;
 exports.roomConnectionSlice = roomConnectionSlice;
 exports.roomSlice = roomSlice;
@@ -3776,10 +3823,12 @@ exports.selectMicrophoneDevices = selectMicrophoneDevices;
 exports.selectNotificationsEmitter = selectNotificationsEmitter;
 exports.selectNotificationsEvents = selectNotificationsEvents;
 exports.selectNotificationsRaw = selectNotificationsRaw;
+exports.selectNumClients = selectNumClients;
 exports.selectNumParticipants = selectNumParticipants;
 exports.selectOrganizationId = selectOrganizationId;
 exports.selectOrganizationRaw = selectOrganizationRaw;
 exports.selectRemoteClientViews = selectRemoteClientViews;
+exports.selectRemoteClients = selectRemoteClients;
 exports.selectRemoteParticipants = selectRemoteParticipants;
 exports.selectRemoteParticipantsRaw = selectRemoteParticipantsRaw;
 exports.selectRoomConnectionError = selectRoomConnectionError;