@whereby.com/core 0.26.0 → 0.27.1

package/dist/index.cjs

@@ -23,6 +23,37 @@ function createAppAuthorizedThunk(authorizationSelector, thunk) {
         return thunk(payload)(dispatch, getState, extra);
     });
 }
+function createRoomConnectedThunk(thunk) {
+    return createAppThunk((payload) => (dispatch, getState, extra) => {
+        const connectionStatus = getState().roomConnection.status;
+        if (connectionStatus !== "connected") {
+            console.warn("Action cannot be performed outside of a connected room");
+            return false;
+        }
+        return thunk(payload)(dispatch, getState, extra);
+    });
+}
+function createAsyncRoomConnectedThunk(typePrefix, payloadCreator) {
+    return createAppAsyncThunk(typePrefix, (arg, thunkApi) => {
+        const { getState } = thunkApi;
+        const connectionStatus = getState().roomConnection.status;
+        if (connectionStatus !== "connected") {
+            console.warn("Action cannot be performed outside of a connected room");
+            return Promise.reject("Action cannot be performed outside of a connected room");
+        }
+        return payloadCreator(arg, thunkApi);
+    });
+}
+function createAuthorizedRoomConnectedThunk(authorizationSelector, thunk) {
+    return createAppThunk((payload) => (dispatch, getState, extra) => {
+        const connectionStatus = getState().roomConnection.status;
+        if (connectionStatus !== "connected") {
+            console.warn("Action cannot be performed outside of a connected room");
+            return false;
+        }
+        return createAppAuthorizedThunk(authorizationSelector, thunk)(payload)(dispatch, getState, extra);
+    });
+}
 
 const listenerMiddleware = toolkit.createListenerMiddleware();
 const startAppListening = listenerMiddleware.startListening;
@@ -45,7 +76,7 @@ const createReactor = (selectors, callback) => {
     });
 };
 
-const coreVersion = "0.26.0";
+const coreVersion = "0.27.1";
 
 const initialState$g = {
     isNodeSdk: false,
@@ -110,6 +141,7 @@ const signalEvents = {
     spotlightRemoved: createSignalEventAction("spotlightRemoved"),
     streamingStopped: createSignalEventAction("streamingStopped"),
     videoEnabled: createSignalEventAction("videoEnabled"),
+    videoEnableRequested: createSignalEventAction("videoEnableRequested"),
     liveTranscriptionStarted: createSignalEventAction("liveTranscriptionStarted"),
     liveTranscriptionStopped: createSignalEventAction("liveTranscriptionStopped"),
 };
@@ -117,6 +149,7 @@ const signalEvents = {
 const ROOM_ACTION_PERMISSIONS_BY_ROLE = {
     canLockRoom: ["host"],
     canRequestAudioEnable: ["host"],
+    canRequestVideoEnable: ["host"],
     canKickClient: ["host"],
     canEndMeeting: ["host"],
     canAskToSpeak: ["host"],
@@ -150,6 +183,7 @@ const selectRoomKey = (state) => state.authorization.roomKey;
 const selectAuthorizationRoleName = (state) => state.authorization.roleName;
 const selectIsAuthorizedToLockRoom = toolkit.createSelector(selectAuthorizationRoleName, (localParticipantRole) => ROOM_ACTION_PERMISSIONS_BY_ROLE.canLockRoom.includes(localParticipantRole));
 const selectIsAuthorizedToRequestAudioEnable = toolkit.createSelector(selectAuthorizationRoleName, (localParticipantRole) => ROOM_ACTION_PERMISSIONS_BY_ROLE.canRequestAudioEnable.includes(localParticipantRole));
+const selectIsAuthorizedToRequestVideoEnable = toolkit.createSelector(selectAuthorizationRoleName, (localParticipantRole) => ROOM_ACTION_PERMISSIONS_BY_ROLE.canRequestVideoEnable.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));
@@ -270,6 +304,7 @@ function forwardSocketEvents(socket, dispatch) {
     socket.on("spotlight_removed", (payload) => dispatch(signalEvents.spotlightRemoved(payload)));
     socket.on("live_transcription_started", (payload) => dispatch(signalEvents.liveTranscriptionStarted(payload)));
     socket.on("live_transcription_stopped", (payload) => dispatch(signalEvents.liveTranscriptionStopped(payload)));
+    socket.on("video_enable_requested", (payload) => dispatch(signalEvents.videoEnableRequested(payload)));
 }
 const SIGNAL_BASE_URL = "wss://signal.appearin.net" ;
 function createSocket() {
@@ -410,7 +445,7 @@ const chatSlice = toolkit.createSlice({
         });
     },
 });
-const doSendChatMessage = createAppThunk((payload) => (_, getState) => {
+const doSendChatMessage = createRoomConnectedThunk((payload) => (_, getState) => {
     const state = getState();
     const socket = selectSignalConnectionRaw(state).socket;
     socket === null || socket === void 0 ? void 0 : socket.emit("chat_message", { text: payload.text });
@@ -455,7 +490,7 @@ const cloudRecordingSlice = toolkit.createSlice({
     },
 });
 const { recordingRequestStarted } = cloudRecordingSlice.actions;
-const doStartCloudRecording = createAppThunk(() => (dispatch, getState) => {
+const doStartCloudRecording = createRoomConnectedThunk(() => (dispatch, getState) => {
     const state = getState();
     const socket = selectSignalConnectionRaw(state).socket;
     const status = selectCloudRecordingStatus(state);
@@ -467,7 +502,7 @@ const doStartCloudRecording = createAppThunk(() => (dispatch, getState) => {
     });
     dispatch(recordingRequestStarted());
 });
-const doStopCloudRecording = createAppThunk(() => (dispatch, getState) => {
+const doStopCloudRecording = createRoomConnectedThunk(() => (dispatch, getState) => {
     const state = getState();
     const socket = selectSignalConnectionRaw(state).socket;
     socket === null || socket === void 0 ? void 0 : socket.emit("stop_recording");
@@ -1111,6 +1146,15 @@ startAppListening({
         }
     },
 });
+startAppListening({
+    actionCreator: signalEvents.videoEnableRequested,
+    effect: ({ payload }, { dispatch }) => {
+        const { enable } = payload;
+        if (!enable) {
+            dispatch(toggleCameraEnabled({ enabled: false }));
+        }
+    },
+});
 
 const NON_PERSON_ROLES = ["recorder", "streamer"];
 
@@ -1131,7 +1175,7 @@ const localParticipantSlice = toolkit.createSlice({
     name: "localParticipant",
     initialState: initialState$a,
     reducers: {
-        doSetDisplayName: (state, action) => {
+        setDisplayName: (state, action) => {
             return Object.assign(Object.assign({}, state), { displayName: action.payload.displayName });
         },
     },
@@ -1155,8 +1199,17 @@ const localParticipantSlice = toolkit.createSlice({
         });
     },
 });
-const { doSetDisplayName } = localParticipantSlice.actions;
-const doEnableAudio = createAppAsyncThunk("localParticipant/doEnableAudio", (payload, { dispatch, getState }) => __awaiter(void 0, void 0, void 0, function* () {
+const { setDisplayName } = localParticipantSlice.actions;
+const doSetDisplayName = createRoomConnectedThunk((payload) => (dispatch, getState) => {
+    const state = getState();
+    const socket = selectSignalConnectionRaw(state).socket;
+    socket === null || socket === void 0 ? void 0 : socket.emit("send_client_metadata", {
+        type: "UserData",
+        payload: { displayName: payload.displayName },
+    });
+    dispatch(setDisplayName({ displayName: payload.displayName }));
+});
+const doEnableAudio = createAsyncRoomConnectedThunk("localParticipant/doEnableAudio", (payload, { dispatch, getState }) => __awaiter(void 0, void 0, void 0, function* () {
     const state = getState();
     const socket = selectSignalConnectionRaw(state).socket;
     socket === null || socket === void 0 ? void 0 : socket.emit("enable_audio", { enabled: payload.enabled });
@@ -1165,13 +1218,13 @@ const doEnableAudio = createAppAsyncThunk("localParticipant/doEnableAudio", (pay
     }
     return payload.enabled;
 }));
-const doEnableVideo = createAppAsyncThunk("localParticipant/doEnableVideo", (payload, { getState }) => __awaiter(void 0, void 0, void 0, function* () {
+const doEnableVideo = createAsyncRoomConnectedThunk("localParticipant/doEnableVideo", (payload, { getState }) => __awaiter(void 0, void 0, void 0, function* () {
     const state = getState();
     const socket = selectSignalConnectionRaw(state).socket;
     socket === null || socket === void 0 ? void 0 : socket.emit("enable_video", { enabled: payload.enabled });
     return payload.enabled;
 }));
-const doSetLocalStickyReaction = createAppAsyncThunk("localParticipant/doSetLocalStickyReaction", (payload, { getState, rejectWithValue }) => __awaiter(void 0, void 0, void 0, function* () {
+const doSetLocalStickyReaction = createAsyncRoomConnectedThunk("localParticipant/doSetLocalStickyReaction", (payload, { getState, rejectWithValue }) => __awaiter(void 0, void 0, void 0, function* () {
     var _a;
     const state = getState();
     const currentStickyReaction = selectLocalParticipantStickyReaction(state);
@@ -1183,7 +1236,7 @@ const doSetLocalStickyReaction = createAppAsyncThunk("localParticipant/doSetLoca
     const stickyReaction = enabled ? { reaction: "✋", timestamp: new Date().toISOString() } : null;
     return stickyReaction;
 }));
-const doSendClientMetadata = createAppThunk(() => (_, getState) => {
+const doSendClientMetadata = createRoomConnectedThunk(() => (_, getState) => {
     const state = getState();
     const socket = selectSignalConnectionRaw(state).socket;
     const payload = {
@@ -1585,7 +1638,7 @@ const remoteParticipantsSlice = toolkit.createSlice({
     },
 });
 const { participantStreamAdded, participantStreamIdAdded, streamStatusUpdated } = remoteParticipantsSlice.actions;
-const doRequestAudioEnable = createAppAuthorizedThunk((state) => selectIsAuthorizedToRequestAudioEnable(state), (payload) => (_, getState) => {
+const doRequestAudioEnable = createAuthorizedRoomConnectedThunk((state) => selectIsAuthorizedToRequestAudioEnable(state), (payload) => (_, getState) => {
     const state = getState();
     const canEnableRemoteAudio = selectIsAuthorizedToAskToSpeak(state);
     if (payload.enable && !canEnableRemoteAudio) {
@@ -1595,6 +1648,11 @@ const doRequestAudioEnable = createAppAuthorizedThunk((state) => selectIsAuthori
     const socket = selectSignalConnectionRaw(state).socket;
     socket === null || socket === void 0 ? void 0 : socket.emit("request_audio_enable", payload);
 });
+const doRequestVideoEnable = createAuthorizedRoomConnectedThunk((state) => selectIsAuthorizedToRequestVideoEnable(state), (payload) => (_, getState) => {
+    const state = getState();
+    const socket = selectSignalConnectionRaw(state).socket;
+    socket === null || socket === void 0 ? void 0 : socket.emit("request_video_enable", payload);
+});
 const selectRemoteParticipantsRaw = (state) => state.remoteParticipants;
 const selectRemoteClients = (state) => state.remoteParticipants.remoteParticipants;
 const selectRemoteParticipants = toolkit.createSelector(selectRemoteClients, (clients) => clients.filter((c) => !NON_PERSON_ROLES.includes(c.roleName)));
@@ -1632,7 +1690,7 @@ const localScreenshareSlice = toolkit.createSlice({
     },
 });
 const { stopScreenshare } = localScreenshareSlice.actions;
-const doStartScreenshare = createAppAsyncThunk("localScreenshare/doStartScreenshare", (_, { dispatch, getState, rejectWithValue }) => __awaiter(void 0, void 0, void 0, function* () {
+const doStartScreenshare = createAsyncRoomConnectedThunk("localScreenshare/doStartScreenshare", (_, { dispatch, getState, rejectWithValue }) => __awaiter(void 0, void 0, void 0, function* () {
     var _a;
     try {
         const state = getState();
@@ -1656,7 +1714,7 @@ const doStartScreenshare = createAppAsyncThunk("localScreenshare/doStartScreensh
         return rejectWithValue(error);
     }
 }));
-const doStopScreenshare = createAppThunk(() => (dispatch, getState) => {
+const doStopScreenshare = createRoomConnectedThunk(() => (dispatch, getState) => {
     const state = getState();
     const screenshareStream = selectLocalScreenshareStream(state);
     if (!screenshareStream) {
@@ -2282,6 +2340,28 @@ startAppListening({
         })));
     },
 });
+startAppListening({
+    actionCreator: signalEvents.videoEnableRequested,
+    effect: ({ payload }, { dispatch, getState }) => {
+        const { enable, requestedByClientId } = payload;
+        const state = getState();
+        const client = selectRemoteParticipants(state).find(({ id }) => id === requestedByClientId);
+        if (!client) {
+            console.warn("Could not find remote client that requested a local video change");
+            return;
+        }
+        dispatch(doSetNotification(createNotificationEvent({
+            type: enable ? "requestVideoEnable" : "requestVideoDisable",
+            message: enable
+                ? `${client.displayName} has requested for you to start video`
+                : `${client.displayName} has stopped your video`,
+            props: {
+                client,
+                enable,
+            },
+        })));
+    },
+});
 startAppListening({
     actionCreator: signalEvents.clientMetadataReceived,
     effect: (action, { dispatch, getOriginalState, getState }) => {
@@ -2390,7 +2470,7 @@ const rtcAnalyticsCustomEvents = {
         getOutput: () => ({}),
     },
     displayName: {
-        actions: [doSetDisplayName],
+        actions: [setDisplayName],
         rtcEventName: "displayName",
         getValue: (state) => selectAppDisplayName(state),
         getOutput: (value) => ({ displayName: value }),
@@ -2691,7 +2771,7 @@ const waitingParticipantsSlice = toolkit.createSlice({
         });
     },
 });
-const doAcceptWaitingParticipant = createAppThunk((payload) => (dispatch, getState) => {
+const doAcceptWaitingParticipant = createRoomConnectedThunk((payload) => (dispatch, getState) => {
     const { participantId } = payload;
     const state = getState();
     const socket = selectSignalConnectionSocket(state);
@@ -2701,7 +2781,7 @@ const doAcceptWaitingParticipant = createAppThunk((payload) => (dispatch, getSta
         response: {},
     });
 });
-const doRejectWaitingParticipant = createAppThunk((payload) => (dispatch, getState) => {
+const doRejectWaitingParticipant = createRoomConnectedThunk((payload) => (dispatch, getState) => {
     const { participantId } = payload;
     const state = getState();
     const socket = selectSignalConnectionSocket(state);
@@ -3805,7 +3885,10 @@ exports.connectionMonitorStopped = connectionMonitorStopped;
 exports.createAppAsyncThunk = createAppAsyncThunk;
 exports.createAppAuthorizedThunk = createAppAuthorizedThunk;
 exports.createAppThunk = createAppThunk;
+exports.createAsyncRoomConnectedThunk = createAsyncRoomConnectedThunk;
+exports.createAuthorizedRoomConnectedThunk = createAuthorizedRoomConnectedThunk;
 exports.createReactor = createReactor;
+exports.createRoomConnectedThunk = createRoomConnectedThunk;
 exports.createServices = createServices;
 exports.createStore = createStore;
 exports.createWebRtcEmitter = createWebRtcEmitter;
@@ -3835,6 +3918,7 @@ exports.doOrganizationFetch = doOrganizationFetch;
 exports.doRejectWaitingParticipant = doRejectWaitingParticipant;
 exports.doRemoveSpotlight = doRemoveSpotlight;
 exports.doRequestAudioEnable = doRequestAudioEnable;
+exports.doRequestVideoEnable = doRequestVideoEnable;
 exports.doRtcAnalyticsCustomEventsInitialize = doRtcAnalyticsCustomEventsInitialize;
 exports.doRtcManagerCreated = doRtcManagerCreated;
 exports.doRtcManagerInitialize = doRtcManagerInitialize;
@@ -3933,6 +4017,7 @@ exports.selectIsAuthorizedToEndMeeting = selectIsAuthorizedToEndMeeting;
 exports.selectIsAuthorizedToKickClient = selectIsAuthorizedToKickClient;
 exports.selectIsAuthorizedToLockRoom = selectIsAuthorizedToLockRoom;
 exports.selectIsAuthorizedToRequestAudioEnable = selectIsAuthorizedToRequestAudioEnable;
+exports.selectIsAuthorizedToRequestVideoEnable = selectIsAuthorizedToRequestVideoEnable;
 exports.selectIsAuthorizedToSpotlight = selectIsAuthorizedToSpotlight;
 exports.selectIsCameraEnabled = selectIsCameraEnabled;
 exports.selectIsCloudRecording = selectIsCloudRecording;
@@ -4018,6 +4103,7 @@ exports.selectWaitingParticipantsRaw = selectWaitingParticipantsRaw;
 exports.setCurrentCameraDeviceId = setCurrentCameraDeviceId;
 exports.setCurrentMicrophoneDeviceId = setCurrentMicrophoneDeviceId;
 exports.setCurrentSpeakerDeviceId = setCurrentSpeakerDeviceId;
+exports.setDisplayName = setDisplayName;
 exports.setLocalMediaOptions = setLocalMediaOptions;
 exports.setLocalMediaStream = setLocalMediaStream;
 exports.setRoomKey = setRoomKey;