@whereby.com/core 0.30.3 → 0.31.0

package/dist/index.cjs

@@ -76,7 +76,7 @@ const createReactor = (selectors, callback) => {
     });
 };
 
-const coreVersion = "0.30.3";
+const coreVersion = "0.31.0";
 
 const initialState$g = {
     isNodeSdk: false,
@@ -515,59 +515,22 @@ const selectCloudRecordingStartedAt = (state) => state.cloudRecording.startedAt;
 const selectCloudRecordingError = (state) => state.cloudRecording.error;
 const selectIsCloudRecording = (state) => state.cloudRecording.isRecording;
 
-const initialState$b = {
-    data: null,
-    isFetching: false,
-    error: null,
+const 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 toolkit.createAction(`rtcConnection/event/${name}`);
+}
+const rtcEvents = {
+    rtcManagerCreated: createRtcEventAction("rtcManagerCreated"),
+    rtcManagerDestroyed: createRtcEventAction("rtcManagerDestroyed"),
+    streamAdded: createRtcEventAction("streamAdded"),
 };
-const organizationSlice = toolkit.createSlice({
-    initialState: initialState$b,
-    name: "organization",
-    reducers: {},
-    extraReducers: (builder) => {
-        builder.addCase(doOrganizationFetch.pending, (state) => {
-            return Object.assign(Object.assign({}, state), { isFetching: true });
-        });
-        builder.addCase(doOrganizationFetch.fulfilled, (state, action) => {
-            if (!action.payload)
-                return Object.assign(Object.assign({}, state), { isFetching: true });
-            return Object.assign(Object.assign({}, state), { isFetching: false, data: action.payload });
-        });
-        builder.addCase(doOrganizationFetch.rejected, (state) => {
-            return Object.assign(Object.assign({}, state), { isFetching: false, error: true });
-        });
-    },
-});
-const doOrganizationFetch = createAppAsyncThunk("organization/doOrganizationFetch", (_, { extra, getState }) => __awaiter(void 0, void 0, void 0, function* () {
-    try {
-        const roomUrl = selectAppRoomUrl(getState());
-        const organization = yield extra.services.fetchOrganizationFromRoomUrl(roomUrl || "");
-        if (!organization) {
-            throw new Error("Invalid room url");
-        }
-        return organization;
-    }
-    catch (error) {
-        console.error(error);
-    }
-}));
-const selectOrganizationRaw = (state) => state.organization;
-const selectOrganizationId = (state) => { var _a; return (_a = state.organization.data) === null || _a === void 0 ? void 0 : _a.organizationId; };
-const selectShouldFetchOrganization = 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 NON_PERSON_ROLES = ["recorder", "streamer"];
 
 function fakeAudioStream() {
     const audioCtx = new AudioContext();
@@ -1139,9 +1102,7 @@ startAppListening({
     },
 });
 
-const NON_PERSON_ROLES = ["recorder", "streamer"];
-
-const initialState$a = {
+const initialState$b = {
     displayName: "",
     id: "",
     breakoutGroup: null,
@@ -1157,7 +1118,7 @@ const initialState$a = {
 };
 const localParticipantSlice = toolkit.createSlice({
     name: "localParticipant",
-    initialState: initialState$a,
+    initialState: initialState$b,
     reducers: {
         setDisplayName: (state, action) => {
             return Object.assign(Object.assign({}, state), { displayName: action.payload.displayName });
@@ -1265,6 +1226,10 @@ startAppListening({
     effect: ({ payload }, { dispatch, getState }) => {
         const { enabled } = payload;
         const { isVideoEnabled } = selectLocalParticipantRaw(getState());
+        const roomConnectionStatus = selectRoomConnectionStatus(getState());
+        if (roomConnectionStatus !== "connected") {
+            return;
+        }
         dispatch(doEnableVideo({ enabled: enabled || !isVideoEnabled }));
     },
 });
@@ -1273,196 +1238,19 @@ startAppListening({
     effect: ({ payload }, { dispatch, getState }) => {
         const { enabled } = payload;
         const { isAudioEnabled } = selectLocalParticipantRaw(getState());
-        dispatch(doEnableAudio({ enabled: enabled || !isAudioEnabled }));
-    },
-});
-createReactor([selectLocalParticipantDisplayName, selectLocalParticipantStickyReaction], ({ dispatch }) => {
-    dispatch(doSendClientMetadata());
-});
-
-const initialState$9 = {
-    session: null,
-    status: "ready",
-    error: null,
-};
-const roomConnectionSlice = toolkit.createSlice({
-    initialState: initialState$9,
-    name: "roomConnection",
-    reducers: {
-        connectionStatusChanged: (state, action) => {
-            return Object.assign(Object.assign({}, state), { status: action.payload });
-        },
-    },
-    extraReducers: (builder) => {
-        builder.addCase(signalEvents.roomJoined, (state, action) => {
-            var _a, _b;
-            const { error, isLocked } = action.payload;
-            if (error === "room_locked" && isLocked) {
-                return Object.assign(Object.assign({}, state), { status: "room_locked" });
-            }
-            if (error) {
-                return Object.assign(Object.assign({}, state), { status: "disconnected", error });
-            }
-            return Object.assign(Object.assign({}, state), { status: "connected", session: (_b = (_a = action.payload.room) === null || _a === void 0 ? void 0 : _a.session) !== null && _b !== void 0 ? _b : null });
-        });
-        builder.addCase(signalEvents.disconnect, (state) => {
-            if (["kicked", "left"].includes(state.status)) {
-                return Object.assign({}, state);
-            }
-            return Object.assign(Object.assign({}, state), { status: "disconnected" });
-        });
-        builder.addCase(signalEvents.newClient, (state, action) => {
-            var _a, _b;
-            return Object.assign(Object.assign({}, state), { session: (_b = (_a = action.payload.room) === null || _a === void 0 ? void 0 : _a.session) !== null && _b !== void 0 ? _b : null });
-        });
-        builder.addCase(signalEvents.roomSessionEnded, (state, action) => {
-            var _a;
-            if (((_a = state.session) === null || _a === void 0 ? void 0 : _a.id) !== action.payload.roomSessionId) {
-                return state;
-            }
-            return Object.assign(Object.assign({}, state), { session: null });
-        });
-        builder.addCase(signalEvents.clientKicked, (state) => {
-            return Object.assign(Object.assign({}, state), { status: "kicked" });
-        });
-        builder.addCase(signalEvents.roomLeft, (state) => {
-            return Object.assign(Object.assign({}, state), { status: "left" });
-        });
-        builder.addCase(socketReconnecting, (state) => {
-            return Object.assign(Object.assign({}, state), { status: "reconnecting" });
-        });
-    },
-});
-const { connectionStatusChanged } = roomConnectionSlice.actions;
-const doKnockRoom = createAppThunk(() => (dispatch, getState) => {
-    const state = getState();
-    const socket = selectSignalConnectionRaw(state).socket;
-    const roomName = selectAppRoomName(state);
-    const roomKey = selectRoomKey(state);
-    const displayName = selectAppDisplayName(state);
-    const isDialIn = selectAppIsDialIn(state);
-    const userAgent = selectAppUserAgent(state);
-    const externalId = selectAppExternalId(state);
-    const organizationId = selectOrganizationId(state);
-    const connectionStatus = selectRoomConnectionStatus(state);
-    if (connectionStatus !== "room_locked") {
-        console.warn("Room is not locked, knock aborted");
-        return;
-    }
-    socket === null || socket === void 0 ? void 0 : socket.emit("knock_room", {
-        avatarUrl: null,
-        config: {
-            isAudioEnabled: true,
-            isVideoEnabled: true,
-        },
-        deviceCapabilities: { canScreenshare: true },
-        displayName,
-        isCoLocated: false,
-        isDialIn,
-        isDevicePermissionDenied: false,
-        kickFromOtherRooms: false,
-        organizationId,
-        roomKey,
-        roomName,
-        userAgent,
-        externalId,
-    });
-    dispatch(connectionStatusChanged("knocking"));
-});
-const doConnectRoom = createAppThunk(() => (dispatch, getState) => {
-    const state = getState();
-    const socket = selectSignalConnectionRaw(state).socket;
-    const roomName = selectAppRoomName(state);
-    const roomKey = selectRoomKey(state);
-    const displayName = selectAppDisplayName(state);
-    const userAgent = selectAppUserAgent(state);
-    const externalId = selectAppExternalId(state);
-    const isDialIn = selectAppIsDialIn(state);
-    const organizationId = selectOrganizationId(state);
-    const isCameraEnabled = selectIsCameraEnabled(getState());
-    const isMicrophoneEnabled = selectIsMicrophoneEnabled(getState());
-    const clientClaim = selectLocalParticipantClientClaim(getState());
-    socket === null || socket === void 0 ? void 0 : socket.emit("join_room", Object.assign({ avatarUrl: null, config: {
-            isAudioEnabled: isMicrophoneEnabled,
-            isVideoEnabled: isCameraEnabled,
-        }, deviceCapabilities: { canScreenshare: true }, displayName, isCoLocated: false, isDialIn, isDevicePermissionDenied: false, kickFromOtherRooms: false, organizationId,
-        roomKey,
-        roomName,
-        userAgent,
-        externalId }, (clientClaim && { clientClaim })));
-    dispatch(connectionStatusChanged("connecting"));
-});
-const selectRoomConnectionRaw = (state) => state.roomConnection;
-const selectRoomConnectionSession = (state) => state.roomConnection.session;
-const selectRoomConnectionSessionId = (state) => { var _a; return (_a = state.roomConnection.session) === null || _a === void 0 ? void 0 : _a.id; };
-const selectRoomConnectionStatus = (state) => state.roomConnection.status;
-const selectRoomConnectionError = (state) => state.roomConnection.error;
-const selectShouldConnectRoom = toolkit.createSelector([
-    selectAppIsActive,
-    selectOrganizationId,
-    selectRoomConnectionStatus,
-    selectSignalConnectionDeviceIdentified,
-    selectLocalMediaStatus,
-    selectRoomConnectionError,
-], (appIsActive, hasOrganizationIdFetched, roomConnectionStatus, signalConnectionDeviceIdentified, localMediaStatus, roomConnectionError) => {
-    if (appIsActive &&
-        localMediaStatus === "started" &&
-        signalConnectionDeviceIdentified &&
-        !!hasOrganizationIdFetched &&
-        ["ready", "reconnecting", "disconnected"].includes(roomConnectionStatus) &&
-        !roomConnectionError) {
-        return true;
-    }
-    return false;
-});
-createReactor([selectShouldConnectRoom], ({ dispatch }, shouldConnectRoom) => {
-    if (shouldConnectRoom) {
-        dispatch(doConnectRoom());
-    }
-});
-startAppListening({
-    actionCreator: signalEvents.knockHandled,
-    effect: ({ payload }, { dispatch, getState }) => {
-        const { clientId, resolution } = payload;
-        const state = getState();
-        const selfId = selectSelfId(state);
-        if (clientId !== selfId) {
+        const roomConnectionStatus = selectRoomConnectionStatus(getState());
+        if (roomConnectionStatus !== "connected") {
             return;
         }
-        if (resolution === "accepted") {
-            dispatch(setRoomKey(payload.metadata.roomKey));
-            dispatch(doConnectRoom());
-        }
-        else if (resolution === "rejected") {
-            dispatch(connectionStatusChanged("knock_rejected"));
-        }
+        dispatch(doEnableAudio({ enabled: enabled || !isAudioEnabled }));
     },
 });
-startAppListening({
-    actionCreator: doAppStop,
-    effect: (_, { dispatch, getState }) => {
-        const state = getState();
-        const roomConnectionStatus = selectRoomConnectionStatus(state);
-        if (roomConnectionStatus === "connected") {
-            const socket = selectSignalConnectionRaw(state).socket;
-            socket === null || socket === void 0 ? void 0 : socket.emit("leave_room");
-            dispatch(connectionStatusChanged("leaving"));
-        }
-        else {
-            doSignalDisconnect();
-        }
-    },
+createReactor([selectLocalParticipantDisplayName, selectLocalParticipantStickyReaction, selectRoomConnectionStatus], ({ dispatch }, diplayName, stickyReaction, roomConnectionStatus) => {
+    if (roomConnectionStatus === "connected") {
+        dispatch(doSendClientMetadata());
+    }
 });
 
-function createRtcEventAction(name) {
-    return toolkit.createAction(`rtcConnection/event/${name}`);
-}
-const rtcEvents = {
-    rtcManagerCreated: createRtcEventAction("rtcManagerCreated"),
-    rtcManagerDestroyed: createRtcEventAction("rtcManagerDestroyed"),
-    streamAdded: createRtcEventAction("streamAdded"),
-};
-
 function createRemoteParticipant(client, newJoiner = false) {
     const { streams, role, breakoutGroup } = client, rest = __rest(client, ["streams", "role", "breakoutGroup"]);
     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, breakoutGroup: breakoutGroup || null, newJoiner });
@@ -1554,12 +1342,12 @@ function addStream(state, payload) {
         presentationStream: stream,
     });
 }
-const initialState$8 = {
+const initialState$a = {
     remoteParticipants: [],
 };
 const remoteParticipantsSlice = toolkit.createSlice({
     name: "remoteParticipants",
-    initialState: initialState$8,
+    initialState: initialState$a,
     reducers: {
         streamStatusUpdated: (state, action) => {
             let newState = state;
@@ -1666,14 +1454,14 @@ const selectNumParticipants = toolkit.createSelector(selectRemoteParticipants, s
     return clients.length + 1;
 });
 
-const initialState$7 = {
+const initialState$9 = {
     status: "inactive",
     stream: null,
     error: null,
 };
 const localScreenshareSlice = toolkit.createSlice({
     name: "localScreenshare",
-    initialState: initialState$7,
+    initialState: initialState$9,
     reducers: {
         stopScreenshare(state, action) {
             return Object.assign(Object.assign({}, state), { status: "inactive", stream: null });
@@ -1758,7 +1546,7 @@ const createWebRtcEmitter = (dispatch) => {
         },
     };
 };
-const initialState$6 = {
+const initialState$8 = {
     dispatcherCreated: false,
     error: null,
     isCreatingDispatcher: false,
@@ -1771,7 +1559,7 @@ const initialState$6 = {
 };
 const rtcConnectionSlice = toolkit.createSlice({
     name: "rtcConnection",
-    initialState: initialState$6,
+    initialState: initialState$8,
     reducers: {
         isAcceptingStreams: (state, action) => {
             return Object.assign(Object.assign({}, state), { isAcceptingStreams: action.payload });
@@ -1781,7 +1569,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$6);
+            return Object.assign({}, initialState$8);
         },
         rtcDispatcherCreated: (state, action) => {
             return Object.assign(Object.assign({}, state), { dispatcherCreated: true, rtcManagerDispatcher: action.payload });
@@ -2055,12 +1843,12 @@ function isStreamerClient(client) {
 function isRecorderClient(client) {
     return client.roleName === "recorder";
 }
-const initialState$5 = {
+const initialState$7 = {
     isLocked: false,
 };
 const roomSlice = toolkit.createSlice({
     name: "room",
-    initialState: initialState$5,
+    initialState: initialState$7,
     reducers: {},
     extraReducers: (builder) => {
         builder.addCase(signalEvents.roomJoined, (state, action) => {
@@ -2160,18 +1948,18 @@ const selectAllClientViews = toolkit.createSelector(selectLocalParticipantView,
     return [...(localParticipant ? [localParticipant] : []), ...remoteParticipants];
 });
 
-const initialState$4 = {
+const initialState$6 = {
     running: false,
 };
 const connectionMonitorSlice = toolkit.createSlice({
     name: "connectionMonitor",
-    initialState: initialState$4,
+    initialState: initialState$6,
     reducers: {
         connectionMonitorStarted: (state, action) => {
             return Object.assign(Object.assign({}, state), { running: true, stopCallbackFunction: action.payload.stopIssueSubscription });
         },
         connectionMonitorStopped: () => {
-            return Object.assign({}, initialState$4);
+            return Object.assign({}, initialState$6);
         },
     },
 });
@@ -2434,6 +2222,229 @@ startAppListening({
     },
 });
 
+const initialState$5 = {
+    data: null,
+    isFetching: false,
+    error: null,
+};
+const organizationSlice = toolkit.createSlice({
+    initialState: initialState$5,
+    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());
+    }
+});
+
+const initialState$4 = {
+    session: null,
+    status: "ready",
+    error: null,
+};
+const roomConnectionSlice = toolkit.createSlice({
+    initialState: initialState$4,
+    name: "roomConnection",
+    reducers: {
+        connectionStatusChanged: (state, action) => {
+            return Object.assign(Object.assign({}, state), { status: action.payload });
+        },
+    },
+    extraReducers: (builder) => {
+        builder.addCase(signalEvents.roomJoined, (state, action) => {
+            var _a, _b;
+            const { error, isLocked } = action.payload;
+            if (error === "room_locked" && isLocked) {
+                return Object.assign(Object.assign({}, state), { status: "room_locked" });
+            }
+            if (error) {
+                return Object.assign(Object.assign({}, state), { status: "disconnected", error });
+            }
+            return Object.assign(Object.assign({}, state), { status: "connected", session: (_b = (_a = action.payload.room) === null || _a === void 0 ? void 0 : _a.session) !== null && _b !== void 0 ? _b : null });
+        });
+        builder.addCase(signalEvents.disconnect, (state) => {
+            if (["kicked", "left"].includes(state.status)) {
+                return Object.assign({}, state);
+            }
+            return Object.assign(Object.assign({}, state), { status: "disconnected" });
+        });
+        builder.addCase(signalEvents.newClient, (state, action) => {
+            var _a, _b;
+            return Object.assign(Object.assign({}, state), { session: (_b = (_a = action.payload.room) === null || _a === void 0 ? void 0 : _a.session) !== null && _b !== void 0 ? _b : null });
+        });
+        builder.addCase(signalEvents.roomSessionEnded, (state, action) => {
+            var _a;
+            if (((_a = state.session) === null || _a === void 0 ? void 0 : _a.id) !== action.payload.roomSessionId) {
+                return state;
+            }
+            return Object.assign(Object.assign({}, state), { session: null });
+        });
+        builder.addCase(signalEvents.clientKicked, (state) => {
+            return Object.assign(Object.assign({}, state), { status: "kicked" });
+        });
+        builder.addCase(signalEvents.roomLeft, (state) => {
+            return Object.assign(Object.assign({}, state), { status: "left" });
+        });
+        builder.addCase(socketReconnecting, (state) => {
+            return Object.assign(Object.assign({}, state), { status: "reconnecting" });
+        });
+    },
+});
+const { connectionStatusChanged } = roomConnectionSlice.actions;
+const doKnockRoom = createAppThunk(() => (dispatch, getState) => {
+    const state = getState();
+    const socket = selectSignalConnectionRaw(state).socket;
+    const roomName = selectAppRoomName(state);
+    const roomKey = selectRoomKey(state);
+    const displayName = selectAppDisplayName(state);
+    const isDialIn = selectAppIsDialIn(state);
+    const userAgent = selectAppUserAgent(state);
+    const externalId = selectAppExternalId(state);
+    const organizationId = selectOrganizationId(state);
+    const connectionStatus = selectRoomConnectionStatus(state);
+    if (connectionStatus !== "room_locked") {
+        console.warn("Room is not locked, knock aborted");
+        return;
+    }
+    socket === null || socket === void 0 ? void 0 : socket.emit("knock_room", {
+        avatarUrl: null,
+        config: {
+            isAudioEnabled: true,
+            isVideoEnabled: true,
+        },
+        deviceCapabilities: { canScreenshare: true },
+        displayName,
+        isCoLocated: false,
+        isDialIn,
+        isDevicePermissionDenied: false,
+        kickFromOtherRooms: false,
+        organizationId,
+        roomKey,
+        roomName,
+        userAgent,
+        externalId,
+    });
+    dispatch(connectionStatusChanged("knocking"));
+});
+const doConnectRoom = createAppThunk(() => (dispatch, getState) => {
+    const state = getState();
+    const socket = selectSignalConnectionRaw(state).socket;
+    const roomName = selectAppRoomName(state);
+    const roomKey = selectRoomKey(state);
+    const displayName = selectAppDisplayName(state);
+    const userAgent = selectAppUserAgent(state);
+    const externalId = selectAppExternalId(state);
+    const isDialIn = selectAppIsDialIn(state);
+    const organizationId = selectOrganizationId(state);
+    const isCameraEnabled = selectIsCameraEnabled(getState());
+    const isMicrophoneEnabled = selectIsMicrophoneEnabled(getState());
+    const clientClaim = selectLocalParticipantClientClaim(getState());
+    socket === null || socket === void 0 ? void 0 : socket.emit("join_room", Object.assign({ avatarUrl: null, config: {
+            isAudioEnabled: isMicrophoneEnabled,
+            isVideoEnabled: isCameraEnabled,
+        }, deviceCapabilities: { canScreenshare: true }, displayName, isCoLocated: false, isDialIn, isDevicePermissionDenied: false, kickFromOtherRooms: false, organizationId,
+        roomKey,
+        roomName,
+        userAgent,
+        externalId }, (clientClaim && { clientClaim })));
+    dispatch(connectionStatusChanged("connecting"));
+});
+const selectShouldConnectRoom = toolkit.createSelector([
+    selectAppIsActive,
+    selectOrganizationId,
+    selectRoomConnectionStatus,
+    selectSignalConnectionDeviceIdentified,
+    selectLocalMediaStatus,
+    selectRoomConnectionError,
+], (appIsActive, hasOrganizationIdFetched, roomConnectionStatus, signalConnectionDeviceIdentified, localMediaStatus, roomConnectionError) => {
+    if (appIsActive &&
+        localMediaStatus === "started" &&
+        signalConnectionDeviceIdentified &&
+        !!hasOrganizationIdFetched &&
+        ["ready", "reconnecting", "disconnected"].includes(roomConnectionStatus) &&
+        !roomConnectionError) {
+        return true;
+    }
+    return false;
+});
+createReactor([selectShouldConnectRoom], ({ dispatch }, shouldConnectRoom) => {
+    if (shouldConnectRoom) {
+        dispatch(doConnectRoom());
+    }
+});
+startAppListening({
+    actionCreator: signalEvents.knockHandled,
+    effect: ({ payload }, { dispatch, getState }) => {
+        const { clientId, resolution } = payload;
+        const state = getState();
+        const selfId = selectSelfId(state);
+        if (clientId !== selfId) {
+            return;
+        }
+        if (resolution === "accepted") {
+            dispatch(setRoomKey(payload.metadata.roomKey));
+            dispatch(doConnectRoom());
+        }
+        else if (resolution === "rejected") {
+            dispatch(connectionStatusChanged("knock_rejected"));
+        }
+    },
+});
+startAppListening({
+    actionCreator: doAppStop,
+    effect: (_, { dispatch, getState }) => {
+        const state = getState();
+        const roomConnectionStatus = selectRoomConnectionStatus(state);
+        if (roomConnectionStatus === "connected") {
+            const socket = selectSignalConnectionRaw(state).socket;
+            socket === null || socket === void 0 ? void 0 : socket.emit("leave_room");
+            dispatch(connectionStatusChanged("leaving"));
+        }
+        else {
+            doSignalDisconnect();
+        }
+    },
+});
+
 const rtcAnalyticsCustomEvents = {
     audioEnabled: {
         actions: [doEnableAudio.fulfilled],