feat(transcriptions): Adds a notification if transcriber leaves abrup…

…tly.

conference.js

@@ -1687,11 +1687,11 @@ export default {
 
         room.on(
             JitsiConferenceEvents.TRANSCRIPTION_STATUS_CHANGED,
-            (status, id) => {
+            (status, id, abruptly) => {
                 if (status === JitsiMeetJS.constants.transcriptionStatus.ON) {
                     APP.store.dispatch(transcriberJoined(id));
                 } else if (status === JitsiMeetJS.constants.transcriptionStatus.OFF) {
-                    APP.store.dispatch(transcriberLeft(id));
+                    APP.store.dispatch(transcriberLeft(id, abruptly));
                 }
             });
 

config.js

@@ -1721,7 +1721,7 @@ var config = {
     //     'toolbar.noAudioSignalTitle', // shown when a broken mic is detected
     //     'toolbar.noisyAudioInputTitle', // shown when noise is detected for the current microphone
     //     'toolbar.talkWhileMutedPopup', // shown when user tries to speak while muted
-    //     'transcribing.failedToStart', // shown when transcribing fails to start
+    //     'transcribing.failed', // shown when transcribing fails
     // ],
 
     // List of notifications to be disabled. Works in tandem with the above setting.

lang/main.json

@@ -1390,7 +1390,7 @@
     "transcribing": {
         "ccButtonTooltip": "Start / Stop subtitles",
         "expandedLabel": "Transcribing is currently on",
-        "failedToStart": "Transcribing failed to start",
+        "failed": "Transcribing failed",
         "labelToolTip": "The meeting is being transcribed",
         "sourceLanguageDesc": "Currently the meeting language is set to <b>{{sourceLanguage}}</b>. <br/> You can change it from ",
         "sourceLanguageHere": "here",

react/features/app/middlewares.any.ts

@@ -48,6 +48,7 @@ import '../room-lock/middleware';
 import '../rtcstats/middleware';
 import '../speaker-stats/middleware';
 import '../subtitles/middleware';
+import '../transcribing/middleware';
 import '../video-layout/middleware';
 import '../video-quality/middleware';
 import '../videosipgw/middleware';

react/features/base/conference/actions.any.ts

@@ -279,11 +279,11 @@ function _addConferenceListeners(conference: IJitsiConference, dispatch: IStore[
 
     conference.on(
         JitsiConferenceEvents.TRANSCRIPTION_STATUS_CHANGED,
-        (status: string, id: string) => {
+        (status: string, id: string, abruptly: boolean) => {
             if (status === JitsiMeetJS.constants.transcriptionStatus.ON) {
                 dispatch(transcriberJoined(id));
             } else if (status === JitsiMeetJS.constants.transcriptionStatus.OFF) {
-                dispatch(transcriberLeft(id));
+                dispatch(transcriberLeft(id, abruptly));
             }
         });
 

react/features/transcribing/actions.ts

@@ -23,14 +23,18 @@ export function transcriberJoined(participantId: string) {
  * Notify that the transcriber, with a unique ID, has left.
  *
  * @param {string} participantId - The participant id of the transcriber.
+ * @param {boolean} abruptly - The transcriber did not exit the conference gracefully with switching off first.
+ * It maybe there was some backend problem, like network.
  * @returns {{
  *     type: TRANSCRIBER_LEFT,
- *     participantId: string
+ *     participantId: string,
+ *     abruptly: boolean
  * }}
  */
-export function transcriberLeft(participantId: string) {
+export function transcriberLeft(participantId: string, abruptly: boolean) {
     return {
         type: TRANSCRIBER_LEFT,
-        transcriberJID: participantId
+        transcriberJID: participantId,
+        abruptly
     };
 }

react/features/transcribing/middleware.ts

@@ -0,0 +1,25 @@
+import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
+import { showErrorNotification } from '../notifications/actions';
+import { NOTIFICATION_TIMEOUT_TYPE } from '../notifications/constants';
+
+import { TRANSCRIBER_LEFT } from './actionTypes';
+
+/**
+ * Implements the middleware of the feature transcribing.
+ *
+ * @param {Store} store - The redux store.
+ * @returns {Function}
+ */
+MiddlewareRegistry.register(({ dispatch }) => next => action => {
+    switch (action.type) {
+    case TRANSCRIBER_LEFT:
+        if (action.abruptly) {
+            dispatch(showErrorNotification({
+                titleKey: 'transcribing.failed'
+            }, NOTIFICATION_TIMEOUT_TYPE.LONG));
+        }
+        break;
+    }
+
+    return next(action);
+});