fix(visitors): gum pending on promotion.

* feat: Enable ssrc-rewriting by default.

* chore(deps): Update lib-jitsi-meet.

.github/workflows/ci.yml

@@ -73,6 +73,10 @@ jobs:
         node-version: 16
         cache: 'npm'
     - run: npm install
+    - name: setup-cocoapods
+      uses: maxim-lobanov/setup-cocoapods@v1
+      with:
+        podfile-path: ios/Podfile.lock
     - name: Install Pods
       run: |
         pod --version

android/build.gradle

@@ -19,9 +19,9 @@ buildscript {
 ext {
     kotlinVersion = "1.7.0"
     buildToolsVersion = "33.0.2"
-    compileSdkVersion = 34
+    compileSdkVersion = 33
     minSdkVersion    = 24
-    targetSdkVersion = 34
+    targetSdkVersion = 33
     supportLibVersion = "28.0.0"
 
     // We use NDK 23 which has both M1 support and is the side-by-side NDK version from AGP.

android/sdk/src/main/java/org/jitsi/meet/sdk/JitsiMeetMediaProjectionModule.java

@@ -1,5 +1,6 @@
 package org.jitsi.meet.sdk;
 
+import android.app.Activity;
 import android.content.Context;
 
 import androidx.annotation.NonNull;
@@ -23,8 +24,9 @@ class JitsiMeetMediaProjectionModule
     @ReactMethod
     public void launch() {
         Context context = getReactApplicationContext();
+        Activity currentActivity = getCurrentActivity();
 
-        JitsiMeetMediaProjectionService.launch(context);
+        JitsiMeetMediaProjectionService.launch(context, currentActivity);
     }
 
     @ReactMethod

android/sdk/src/main/java/org/jitsi/meet/sdk/JitsiMeetMediaProjectionService.java

@@ -17,6 +17,7 @@
 package org.jitsi.meet.sdk;
 
 
+import android.app.Activity;
 import android.app.Notification;
 import android.app.Service;
 import android.content.ComponentName;
@@ -28,6 +29,7 @@ import android.os.IBinder;
 
 import org.jitsi.meet.sdk.log.JitsiMeetLogger;
 
+import java.util.Random;
 
 /**
  * This class implements an Android {@link Service}, a foreground one specifically, and it's
@@ -39,8 +41,11 @@ import org.jitsi.meet.sdk.log.JitsiMeetLogger;
 public class JitsiMeetMediaProjectionService extends Service {
     private static final String TAG = JitsiMeetMediaProjectionService.class.getSimpleName();
 
-    public static void launch(Context context) {
-        OngoingNotification.createOngoingConferenceNotificationChannel();
+    static final int NOTIFICATION_ID = new Random().nextInt(99999) + 10000;
+
+    public static void launch(Context context, Activity currentActivity) {
+
+        NotificationUtils.createNotificationChannel(currentActivity);
 
         Intent intent = new Intent(context, JitsiMeetMediaProjectionService.class);
 
@@ -55,12 +60,12 @@ public class JitsiMeetMediaProjectionService extends Service {
         } catch (RuntimeException e) {
             // Avoid crashing due to ForegroundServiceStartNotAllowedException (API level 31).
             // See: https://developer.android.com/guide/components/foreground-services#background-start-restrictions
-            JitsiMeetLogger.w(TAG + " Ongoing conference service not started", e);
+            JitsiMeetLogger.w(TAG + "Media projection service not started", e);
             return;
         }
 
         if (componentName == null) {
-            JitsiMeetLogger.w(TAG + " Ongoing conference service not started");
+            JitsiMeetLogger.w(TAG + "Media projection service not started");
         }
     }
 
@@ -69,24 +74,6 @@ public class JitsiMeetMediaProjectionService extends Service {
         context.stopService(intent);
     }
 
-    @Override
-    public void onCreate() {
-        super.onCreate();
-
-        Notification notification = OngoingNotification.buildOngoingConferenceNotification(null);
-
-        if (notification == null) {
-            stopSelf();
-            JitsiMeetLogger.w(TAG + " Couldn't start service, notification is null");
-        }
-
-        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.Q) {
-            startForeground(OngoingNotification.NOTIFICATION_ID, notification, ServiceInfo.FOREGROUND_SERVICE_TYPE_MEDIA_PROJECTION);
-        } else {
-            startForeground(OngoingNotification.NOTIFICATION_ID, notification);
-        }
-    }
-
     @Override
     public IBinder onBind(Intent intent) {
         return null;
@@ -95,6 +82,21 @@ public class JitsiMeetMediaProjectionService extends Service {
     @Override
     public int onStartCommand(Intent intent, int flags, int startId) {
 
+        Notification notification = MediaProjectionNotification.buildMediaProjectionNotification(this);
+
+        if (notification == null) {
+            stopSelf();
+            JitsiMeetLogger.w(TAG + " Couldn't start service, notification is null");
+
+            return START_NOT_STICKY;
+        }
+
+        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.Q) {
+            startForeground(NOTIFICATION_ID, notification, ServiceInfo.FOREGROUND_SERVICE_TYPE_MEDIA_PROJECTION);
+        } else {
+            startForeground(NOTIFICATION_ID, notification);
+        }
+
         return START_NOT_STICKY;
     }
 }

android/sdk/src/main/java/org/jitsi/meet/sdk/JitsiMeetOngoingConferenceService.java

@@ -16,6 +16,7 @@
 
 package org.jitsi.meet.sdk;
 
+import android.app.Activity;
 import android.app.Notification;
 import android.app.NotificationManager;
 import android.app.Service;
@@ -33,6 +34,7 @@ import androidx.localbroadcastmanager.content.LocalBroadcastManager;
 import org.jitsi.meet.sdk.log.JitsiMeetLogger;
 
 import java.util.HashMap;
+import java.util.Random;
 
 /**
  * This class implements an Android {@link Service}, a foreground one specifically, and it's
@@ -52,8 +54,12 @@ public class JitsiMeetOngoingConferenceService extends Service
 
     private boolean isAudioMuted;
 
+    static final int NOTIFICATION_ID = new Random().nextInt(99999) + 10000;
+
+
     public static void launch(Context context, HashMap<String, Object> extraData) {
-        OngoingNotification.createOngoingConferenceNotificationChannel();
+        
+        NotificationUtils.createNotificationChannel((Activity) context);
 
         Intent intent = new Intent(context, JitsiMeetOngoingConferenceService.class);
 
@@ -90,15 +96,15 @@ public class JitsiMeetOngoingConferenceService extends Service
     public void onCreate() {
         super.onCreate();
 
-        Notification notification = OngoingNotification.buildOngoingConferenceNotification(isAudioMuted);
+        Notification notification = OngoingNotification.buildOngoingConferenceNotification(isAudioMuted, this);
         if (notification == null) {
             stopSelf();
             JitsiMeetLogger.w(TAG + " Couldn't start service, notification is null");
         } else {
             if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.Q) {
-                startForeground(OngoingNotification.NOTIFICATION_ID, notification, ServiceInfo.FOREGROUND_SERVICE_TYPE_MEDIA_PLAYBACK);
+                startForeground(NOTIFICATION_ID, notification, ServiceInfo.FOREGROUND_SERVICE_TYPE_MEDIA_PLAYBACK);
             } else {
-                startForeground(OngoingNotification.NOTIFICATION_ID, notification);
+                startForeground(NOTIFICATION_ID, notification);
             }
         }
 
@@ -130,13 +136,13 @@ public class JitsiMeetOngoingConferenceService extends Service
         if (isAudioMuted != null) {
             this.isAudioMuted = Boolean.parseBoolean(intent.getStringExtra("muted"));
 
-            Notification notification = OngoingNotification.buildOngoingConferenceNotification(isAudioMuted);
+            Notification notification = OngoingNotification.buildOngoingConferenceNotification(isAudioMuted, this);
             if (notification == null) {
                 stopSelf();
                 JitsiMeetLogger.w(TAG + " Couldn't start service, notification is null");
             } else {
                 NotificationManager notificationManager = (NotificationManager) getSystemService(Context.NOTIFICATION_SERVICE);
-                notificationManager.notify(OngoingNotification.NOTIFICATION_ID, notification);
+                notificationManager.notify(NOTIFICATION_ID, notification);
             }
         }
 
@@ -216,13 +222,13 @@ public class JitsiMeetOngoingConferenceService extends Service
         @Override
         public void onReceive(Context context, Intent intent) {
             isAudioMuted = Boolean.parseBoolean(intent.getStringExtra("muted"));
-            Notification notification = OngoingNotification.buildOngoingConferenceNotification(isAudioMuted);
+            Notification notification = OngoingNotification.buildOngoingConferenceNotification(isAudioMuted, context);
             if (notification == null) {
                 stopSelf();
                 JitsiMeetLogger.w(TAG + " Couldn't update service, notification is null");
             } else {
                 NotificationManager notificationManager = (NotificationManager) getSystemService(Context.NOTIFICATION_SERVICE);
-                notificationManager.notify(OngoingNotification.NOTIFICATION_ID, notification);
+                notificationManager.notify(NOTIFICATION_ID, notification);
 
                 JitsiMeetLogger.i(TAG + " audio muted changed");
             }

android/sdk/src/main/java/org/jitsi/meet/sdk/MediaProjectionNotification.java

@@ -0,0 +1,58 @@
+/*
+ * Copyright @ 2019-present 8x8, Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+package org.jitsi.meet.sdk;
+
+import static org.jitsi.meet.sdk.NotificationUtils.ONGOING_CONFERENCE_CHANNEL_ID;
+
+import android.app.Notification;
+import android.content.Context;
+
+import androidx.core.app.NotificationCompat;
+
+import org.jitsi.meet.sdk.log.JitsiMeetLogger;
+
+/**
+ * Helper class for creating the media projection notification which is used with
+ * {@link JitsiMeetMediaProjectionService}.
+ */
+class MediaProjectionNotification {
+    private static final String TAG = MediaProjectionNotification.class.getSimpleName();
+
+    static Notification buildMediaProjectionNotification(Context context) {
+
+        if (context == null) {
+            JitsiMeetLogger.d(TAG, " Cannot create notification: no current context");
+            return null;
+        }
+
+        NotificationCompat.Builder builder = new NotificationCompat.Builder(context, ONGOING_CONFERENCE_CHANNEL_ID);
+
+        builder
+            .setCategory(NotificationCompat.CATEGORY_CALL)
+            .setContentTitle(context.getString(R.string.media_projection_notification_title))
+            .setContentText(context.getString(R.string.media_projection_notification_text))
+            .setPriority(NotificationCompat.PRIORITY_LOW)
+            .setOngoing(false)
+            .setUsesChronometer(false)
+            .setAutoCancel(true)
+            .setVisibility(NotificationCompat.VISIBILITY_PUBLIC)
+            .setOnlyAlertOnce(true)
+            .setSmallIcon(context.getResources().getIdentifier("ic_notification", "drawable", context.getPackageName()));
+
+        return builder.build();
+    }
+}

android/sdk/src/main/java/org/jitsi/meet/sdk/NotificationChannels.java

@@ -1,10 +0,0 @@
-package org.jitsi.meet.sdk;
-
-import java.util.ArrayList;
-import java.util.List;
-
-public class NotificationChannels {
-    static final String ONGOING_CONFERENCE_CHANNEL_ID = "JitsiOngoingConferenceChannel";
-
-    public static List<String> allIds = new ArrayList<String>() {{ add(ONGOING_CONFERENCE_CHANNEL_ID); }};
-}

android/sdk/src/main/java/org/jitsi/meet/sdk/NotificationUtils.java

@@ -0,0 +1,50 @@
+package org.jitsi.meet.sdk;
+
+import android.app.Activity;
+import android.app.NotificationChannel;
+import android.app.NotificationManager;
+import android.content.Context;
+import android.os.Build;
+
+import org.jitsi.meet.sdk.log.JitsiMeetLogger;
+
+import java.util.ArrayList;
+import java.util.List;
+
+class NotificationUtils {
+
+    static final String ONGOING_CONFERENCE_CHANNEL_ID = "JitsiOngoingConferenceChannel";
+
+    public static List<String> allIds = new ArrayList<String>() {{ add(ONGOING_CONFERENCE_CHANNEL_ID); }};
+
+    private static final String TAG = NotificationUtils.class.getSimpleName();
+
+    static void createNotificationChannel(Activity context) {
+        if (Build.VERSION.SDK_INT < Build.VERSION_CODES.O) {
+            return;
+        }
+
+        if (context == null) {
+            JitsiMeetLogger.w(TAG + " Cannot create notification channel: no current context");
+            return;
+        }
+
+        NotificationManager notificationManager
+            = (NotificationManager) context.getSystemService(Context.NOTIFICATION_SERVICE);
+
+        NotificationChannel channel
+            = notificationManager.getNotificationChannel(ONGOING_CONFERENCE_CHANNEL_ID);
+
+        if (channel != null) {
+            // The channel was already created, no need to do it again.
+            return;
+        }
+
+        channel = new NotificationChannel(ONGOING_CONFERENCE_CHANNEL_ID, context.getString(R.string.ongoing_notification_channel_name), NotificationManager.IMPORTANCE_DEFAULT);
+        channel.enableLights(false);
+        channel.enableVibration(false);
+        channel.setShowBadge(false);
+
+        notificationManager.createNotificationChannel(channel);
+    }
+}

android/sdk/src/main/java/org/jitsi/meet/sdk/OngoingNotification.java

@@ -16,23 +16,18 @@
 
 package org.jitsi.meet.sdk;
 
-import static org.jitsi.meet.sdk.NotificationChannels.ONGOING_CONFERENCE_CHANNEL_ID;
+import static org.jitsi.meet.sdk.NotificationUtils.ONGOING_CONFERENCE_CHANNEL_ID;
 
 import android.app.Notification;
-import android.app.NotificationChannel;
-import android.app.NotificationManager;
 import android.app.PendingIntent;
 import android.content.Context;
 import android.content.Intent;
-import android.os.Build;
 
 import androidx.annotation.StringRes;
 import androidx.core.app.NotificationCompat;
 
 import org.jitsi.meet.sdk.log.JitsiMeetLogger;
 
-import java.util.Random;
-
 /**
  * Helper class for creating the ongoing notification which is used with
  * {@link JitsiMeetOngoingConferenceService}. It allows the user to easily get back to the app
@@ -41,40 +36,10 @@ import java.util.Random;
 class OngoingNotification {
     private static final String TAG = OngoingNotification.class.getSimpleName();
 
-    static final int NOTIFICATION_ID = new Random().nextInt(99999) + 10000;
     private static long startingTime = 0;
 
-    static void createOngoingConferenceNotificationChannel() {
-        if (Build.VERSION.SDK_INT < Build.VERSION_CODES.O) {
-            return;
-        }
+    static Notification buildOngoingConferenceNotification(Boolean isMuted, Context context) {
 
-        Context context = ReactInstanceManagerHolder.getCurrentActivity();
-        if (context == null) {
-            JitsiMeetLogger.w(TAG + " Cannot create notification channel: no current context");
-            return;
-        }
-
-        NotificationManager notificationManager
-            = (NotificationManager) context.getSystemService(Context.NOTIFICATION_SERVICE);
-
-        NotificationChannel channel
-            = notificationManager.getNotificationChannel(ONGOING_CONFERENCE_CHANNEL_ID);
-        if (channel != null) {
-            // The channel was already created, no need to do it again.
-            return;
-        }
-
-        channel = new NotificationChannel(ONGOING_CONFERENCE_CHANNEL_ID, context.getString(R.string.ongoing_notification_action_unmute), NotificationManager.IMPORTANCE_DEFAULT);
-        channel.enableLights(false);
-        channel.enableVibration(false);
-        channel.setShowBadge(false);
-
-        notificationManager.createNotificationChannel(channel);
-    }
-
-    static Notification buildOngoingConferenceNotification(Boolean isMuted) {
-        Context context = ReactInstanceManagerHolder.getCurrentActivity();
         if (context == null) {
             JitsiMeetLogger.w(TAG + " Cannot create notification: no current context");
             return null;
@@ -92,7 +57,7 @@ class OngoingNotification {
         builder
             .setCategory(NotificationCompat.CATEGORY_CALL)
             .setContentTitle(context.getString(R.string.ongoing_notification_title))
-            .setContentText(isMuted != null ? context.getString(R.string.ongoing_notification_text) : context.getString(R.string.ongoing_notification_action_screenshare))
+            .setContentText(context.getString(R.string.ongoing_notification_text))
             .setPriority(NotificationCompat.PRIORITY_DEFAULT)
             .setContentIntent(pendingIntent)
             .setOngoing(true)
@@ -103,10 +68,6 @@ class OngoingNotification {
             .setOnlyAlertOnce(true)
             .setSmallIcon(context.getResources().getIdentifier("ic_notification", "drawable", context.getPackageName()));
 
-        if (isMuted == null) {
-            return builder.build();
-        }
-
         NotificationCompat.Action hangupAction = createAction(context, JitsiMeetOngoingConferenceService.Action.HANGUP, R.string.ongoing_notification_action_hang_up);
 
         JitsiMeetOngoingConferenceService.Action toggleAudioAction = isMuted

android/sdk/src/main/res/values/strings.xml

@@ -1,11 +1,12 @@
 <resources>
     <string name="app_name">Jitsi Meet SDK</string>
     <string name="dropbox_app_key"></string>
+    <string name="media_projection_notification_title">Media projection</string>
+    <string name="media_projection_notification_text">You are currently sharing your screen.</string>
     <string name="ongoing_notification_title">Ongoing meeting</string>
     <string name="ongoing_notification_text">You are currently in a meeting. Tap to return to it.</string>
     <string name="ongoing_notification_action_hang_up">Hang up</string>
     <string name="ongoing_notification_action_mute">Mute</string>
-    <string name="ongoing_notification_action_screenshare">You are currently screen-sharing. Tap to return to the meeting.</string>
     <string name="ongoing_notification_action_unmute">Unmute</string>
     <string name="ongoing_notification_channel_name">Ongoing Conference Notifications</string>
 </resources>

conference.js

@@ -38,6 +38,7 @@ import {
     dataChannelClosed,
     dataChannelOpened,
     e2eRttChanged,
+    endpointMessageReceived,
     kickedOut,
     lockStateChanged,
     nonParticipantMessageReceived,
@@ -90,7 +91,7 @@ import {
     setVideoMuted,
     setVideoUnmutePermissions
 } from './react/features/base/media/actions';
-import { MEDIA_TYPE } from './react/features/base/media/constants';
+import { MEDIA_TYPE, VIDEO_TYPE } from './react/features/base/media/constants';
 import {
     getStartWithAudioMuted,
     getStartWithVideoMuted,
@@ -162,10 +163,8 @@ import { isScreenAudioShared } from './react/features/screen-share/functions';
 import { toggleScreenshotCaptureSummary } from './react/features/screenshot-capture/actions';
 import { AudioMixerEffect } from './react/features/stream-effects/audio-mixer/AudioMixerEffect';
 import { createRnnoiseProcessor } from './react/features/stream-effects/rnnoise';
-import { endpointMessageReceived } from './react/features/subtitles/actions.any';
 import { handleToggleVideoMuted } from './react/features/toolbox/actions.any';
 import { muteLocal } from './react/features/video-menu/actions.any';
-import { iAmVisitor } from './react/features/visitors/functions';
 import UIEvents from './service/UI/UIEvents';
 
 const logger = Logger.getLogger(__filename);
@@ -405,7 +404,13 @@ function disconnect() {
  * @returns {void}
  */
 function setGUMPendingStateOnFailedTracks(tracks) {
-    const tracksTypes = tracks.map(track => track.getType());
+    const tracksTypes = tracks.map(track => {
+        if (track.getVideoType() === VIDEO_TYPE.DESKTOP) {
+            return MEDIA_TYPE.SCREENSHARE;
+        }
+
+        return track.getType();
+    });
     const nonPendingTracks = [ MEDIA_TYPE.AUDIO, MEDIA_TYPE.VIDEO ].filter(type => !tracksTypes.includes(type));
 
     APP.store.dispatch(gumPending(nonPendingTracks, IGUMPendingState.NONE));
@@ -679,6 +684,8 @@ export default {
             startWithVideoMuted: getStartWithVideoMuted(state) || isUserInteractionRequiredForUnmute(state)
         };
 
+        logger.debug(`Executed conference.init with roomName: ${roomName}`);
+
         this.roomName = roomName;
 
         try {
@@ -697,10 +704,6 @@ export default {
         const handleInitialTracks = (options, tracks) => {
             let localTracks = tracks;
 
-            // No local tracks are added when user joins as a visitor.
-            if (iAmVisitor(state)) {
-                return [];
-            }
             if (options.startWithAudioMuted || room?.isStartAudioMuted()) {
                 // Always add the track on Safari because of a known issue where audio playout doesn't happen
                 // if the user joins audio and video muted, i.e., if there is no local media capture.
@@ -1253,7 +1256,24 @@ export default {
         room = APP.connection.initJitsiConference(APP.conference.roomName, this._getConferenceOptions());
 
         // Filter out the tracks that are muted (except on Safari).
-        const tracks = browser.isWebKitBased() ? localTracks : localTracks.filter(track => !track.isMuted());
+        let tracks = localTracks;
+
+        if (!browser.isWebKitBased()) {
+            const mutedTrackTypes = [];
+
+            tracks = localTracks.filter(track => {
+                if (!track.isMuted()) {
+                    return true;
+                }
+
+                if (track.getVideoType() !== VIDEO_TYPE.DESKTOP) {
+                    mutedTrackTypes.push(track.getType());
+                }
+
+                return false;
+            });
+            APP.store.dispatch(gumPending(mutedTrackTypes, IGUMPendingState.NONE));
+        }
 
         this._setLocalAudioVideoStreams(tracks);
         this._room = room; // FIXME do not use this
@@ -1824,28 +1844,24 @@ export default {
 
         room.on(
             JitsiConferenceEvents.ENDPOINT_MESSAGE_RECEIVED,
-            (...args) => {
-                APP.store.dispatch(endpointMessageReceived(...args));
-                if (args && args.length >= 2) {
-                    const [ sender, eventData ] = args;
-
-                    if (eventData.name === ENDPOINT_TEXT_MESSAGE_NAME) {
-                        APP.API.notifyEndpointTextMessageReceived({
-                            senderInfo: {
-                                jid: sender._jid,
-                                id: sender._id
-                            },
-                            eventData
-                        });
-                    }
+            (participant, data) => {
+                APP.store.dispatch(endpointMessageReceived(participant, data));
+                if (data?.name === ENDPOINT_TEXT_MESSAGE_NAME) {
+                    APP.API.notifyEndpointTextMessageReceived({
+                        senderInfo: {
+                            jid: participant.getJid(),
+                            id: participant.getId()
+                        },
+                        eventData: data
+                    });
                 }
             });
 
         room.on(
             JitsiConferenceEvents.NON_PARTICIPANT_MESSAGE_RECEIVED,
-            (...args) => {
-                APP.store.dispatch(nonParticipantMessageReceived(...args));
-                APP.API.notifyNonParticipantMessageReceived(...args);
+            (id, data) => {
+                APP.store.dispatch(nonParticipantMessageReceived(id, data));
+                APP.API.notifyNonParticipantMessageReceived(id, data);
             });
 
         room.on(

config.js

@@ -85,7 +85,7 @@ var config = {
         // disableE2EE: false,
 
         // Enables supports for AV1 codec.
-        // enableAv1: false,
+        // enableAv1Support: false,
 
         // Enables XMPP WebSocket (as opposed to BOSH) for the given amount of users.
         // mobileXmppWsThreshold: 10, // enable XMPP WebSockets on mobile for 10% of the users
@@ -103,6 +103,9 @@ var config = {
 
         // Experiment: Whether to skip interim transcriptions.
         // skipInterimTranscriptions: false,
+
+        // Dump transcripts to a <transcript> element for debugging.
+        // dumpTranscript: false,
     },
 
     // Disables moderator indicators.
@@ -324,6 +327,16 @@ var config = {
     //          'https://jitsi-meet.example.com/subfolder/static/oauth.html',
     // },
 
+    // configuration for all things recording related. Existing settings will be migrated here in the future.
+    // recordings: {
+    //    // If true, shows a notification at the start of the meeting with a call to action button
+    //    // to start recording (for users who can do so).
+    //    // suggestRecording: true,
+    //    // If true, shows a warning label in the prejoin screen to point out the possibility that
+    //    // the call you're joining might be recorded.
+    //    // showPrejoinWarning: true,
+    // },
+
     // recordingService: {
     //     // When integrations like dropbox are enabled only that will be shown,
     //     // by enabling fileRecordingsServiceEnabled, we show both the integrations
@@ -710,7 +723,7 @@ var config = {
     // Configs for prejoin page.
     // prejoinConfig: {
     //     // When 'true', it shows an intermediate page before joining, where the user can configure their devices.
-    //     // This replaces `prejoinPageEnabled`.
+    //     // This replaces `prejoinPageEnabled`. Defaults to true.
     //     enabled: true,
     //     // Hides the participant name editing field in the prejoin screen.
     //     // If requireDisplayName is also set as true, a name should still be provided through

css/_reactions-menu.scss

@@ -104,7 +104,7 @@
 	}
 }
 
-.reactions-animations-container {
+.reactions-animations-overflow-container {
 	position: absolute;
 	width: 20%;
 	bottom: 0;
@@ -117,6 +117,13 @@
 	position: relative;
 }
 
+.reactions-animations-container {
+	left: 50%;
+	bottom: 0px;
+	display: inline-block;
+	position: absolute;
+}
+
 $reactionCount: 20;
 
 @function random($min, $max) {

css/_subject.scss

@@ -41,7 +41,6 @@
     position: absolute;
     top: 0;
     height: 48px;
-    max-width: calc(100% - 24px);
 }
 
 @keyframes hideSubject {

css/main.scss

@@ -36,6 +36,7 @@ $flagsImagePath: "../images/";
 @import 'modals/invite/info';
 @import 'modals/screen-share/share-audio';
 @import 'modals/screen-share/share-screen-warning';
+@import 'modals/whiteboard';
 @import 'videolayout_default';
 @import 'subject';
 @import 'popup_menu';

css/modals/_whiteboard.scss

@@ -0,0 +1,7 @@
+.whiteboard {
+
+    .excalidraw-wrapper {
+        height: 100vh;
+        width: 100vw;
+    }
+}

doc/debian/jitsi-meet-prosody/prosody.cfg.lua-jvb.example

@@ -51,7 +51,6 @@ VirtualHost "jitmeet.example.com"
     }
     av_moderation_component = "avmoderation.jitmeet.example.com"
     speakerstats_component = "speakerstats.jitmeet.example.com"
-    conference_duration_component = "conferenceduration.jitmeet.example.com"
     end_conference_component = "endconference.jitmeet.example.com"
     -- we need bosh
     modules_enabled = {
@@ -130,9 +129,6 @@ Component "focus.jitmeet.example.com" "client_proxy"
 Component "speakerstats.jitmeet.example.com" "speakerstats_component"
     muc_component = "conference.jitmeet.example.com"
 
-Component "conferenceduration.jitmeet.example.com" "conference_duration_component"
-    muc_component = "conference.jitmeet.example.com"
-
 Component "endconference.jitmeet.example.com" "end_conference"
     muc_component = "conference.jitmeet.example.com"
 

globals.d.ts

@@ -21,6 +21,7 @@ declare global {
         JitsiMeetElectron?: any;
         PressureObserver?: any;
         PressureRecord?: any;
+        ReactNativeWebView?: any;
         // selenium tests handler
         _sharedVideoPlayer: any;
         alwaysOnTop: { api: any };

globals.native.d.ts

@@ -19,6 +19,9 @@ interface IWindow {
     location: ILocation;
     PressureObserver?: any;
     PressureRecord?: any;
+    ReactNativeWebView?: any;
+    TextDecoder?: any;
+    TextEncoder?: any;
     self: any;
     top: any;
 

lang/main-sq.json

@@ -1,5 +1,8 @@
 {
     "addPeople": {
+        "accessibilityLabel": {
+            "meetingLink": "Lidhje takimi: {{url}}"
+        },
         "add": "Ftoni",
         "addContacts": "Ftoni kontaktet tuaja",
         "contacts": "kontakte",
@@ -39,6 +42,18 @@
     "audioOnly": {
         "audioOnly": "Gjerësi e ulët bande"
     },
+    "bandwidthSettings": {
+        "assumedBandwidthBps": "p.sh. 10000000 për 10 Mbps",
+        "assumedBandwidthBpsWarning": "Vlera më të mëdha mund të shkaktojnë probleme rrjeti.",
+        "customValue": "vlerë vetjake",
+        "customValueEffect": "për të ujdisur vlerën e tanishme bps",
+        "leaveEmpty": "lëreni të zbrazët",
+        "leaveEmptyEffect": "për të lejuar kryerje vlerësimesh",
+        "possibleValues": "Vlera të mundshme",
+        "setAssumedBandwidthBps": "Gjerësi bande e supozuar (bps)",
+        "title": "Rregullime gjerësi bande",
+        "zeroEffect": "për të çaktivizuar videon"
+    },
     "breakoutRooms": {
         "actions": {
             "add": "Shtoni aneks konsultimesh",
@@ -48,15 +63,22 @@
             "leaveBreakoutRoom": "Dilni nga aneks konsultimesh",
             "more": "Më tepër",
             "remove": "Hiqe",
+            "rename": "Riemërtojeni",
+            "renameBreakoutRoom": "Riemërtoni aneks konsultimesh",
             "sendToBreakoutRoom": "Dërgoje pjesëmarrësin te:"
         },
+        "breakoutList": "Listë aneksesh",
+        "buttonLabel": "Dhoma aneks konsultimesh",
         "defaultName": "Dhomë aneks konsultimesh #{{index}}",
+        "hideParticipantList": "Fshihe listën e pjesëmarrësve",
         "mainRoom": "Dhoma kryesore",
         "notifications": {
             "joined": "Po hyhet te dhomë aneks konsultimesh \"{{name}}\"",
             "joinedMainRoom": "Po hyhet te dhoma kryesore",
             "joinedTitle": "Dhoma Aneks Konsultimesh"
-        }
+        },
+        "showParticipantList": "Shfaq listë pjesëmarrësish",
+        "title": "Dhoma Aneks Konsultimesh"
     },
     "calendarSync": {
         "addMeetingURL": "Shtoni një lidhje takimi",
@@ -68,9 +90,9 @@
         },
         "join": "Merrni pjesë",
         "joinTooltip": "Merrni pjesë në takim",
-        "nextMeeting": "takimi pasues",
+        "nextMeeting": "Takimi pasues",
         "noEvents": "S’ka veprimtari të ardhshme të vëna në plan.",
-        "ongoingMeeting": "takim në zhvillim e sipër",
+        "ongoingMeeting": "Takim në zhvillim e sipër",
         "permissionButton": "Hapni rregullimet",
         "permissionMessage": "Që të shihni në aplikacion takimet tuaja, janë të domosdoshme lejet mbi Kalendarin.",
         "refresh": "Rifresko kalendarin",
@@ -156,6 +178,7 @@
         "localport_plural": "Porta vendore:",
         "maxEnabledResolution": "maksimum dërgimi",
         "more": "Shfaq më tepër",
+        "no": "jo",
         "packetloss": "Humbje paketesh:",
         "participant_id": "ID pjesëmarrësi:",
         "quality": {
@@ -174,7 +197,8 @@
         "status": "Lidhje:",
         "transport": "Transport:",
         "transport_plural": "Transporte:",
-        "video_ssrc": "SSRC Videoje:"
+        "video_ssrc": "Video SSRC:",
+        "yes": "po"
     },
     "dateUtils": {
         "earlier": "Më herët",
@@ -195,7 +219,9 @@
         "joinInBrowser": "Hyni që nga shfletues",
         "launchMeetingLabel": "Si doni të hyhet në këtë takim?",
         "launchWebButton": "Nise në web",
+        "noDesktopApp": "S’e keni aplikacionin?",
         "noMobileApp": "S’e keni aplikacionin?",
+        "or": "OR",
         "termsAndConditions": "Duke vazhduar, pajtoheni me <a href='{{termsAndConditionsLink}}' rel='noopener noreferrer' target='_blank'>terms & conditions.</a> tona",
         "title": "Po niset takimi juaj në {{app}}…",
         "titleNew": "Po niset takimi juaj…",
@@ -220,7 +246,7 @@
         "noPermission": "S’u akordua leje",
         "previewUnavailable": "S’bëhet dot paraparje",
         "selectADevice": "Përzgjidhni një pajisje",
-        "testAudio": "Luaj një tingull, për provë"
+        "testAudio": "Testojeni"
     },
     "dialIn": {
         "screenTitle": "Përmbledhje rënieje numrash"
@@ -231,21 +257,28 @@
     "dialog": {
         "Back": "Mbrapsht",
         "Cancel": "Anuloje",
-        "IamHost": "Jam organizatori",
+        "IamHost": "Hyni",
         "Ok": "OK",
         "Remove": "Hiqe",
         "Share": "Ndaje",
         "Submit": "Parashtroje",
-        "WaitForHostMsg": "Konferenca s’ka nisur ende. Nëse jeni organizatori, ju lutemi, bëni mirëfilltësimin. Përndryshe, ju lutemi, pritni që të mbërrijë organizatori.",
-        "WaitingForHostTitle": "Po pritet për organizatorin…",
+        "WaitForHostMsg": "Konferenca s’ka nisur, ngaqë s’ka mbërritur ende ndonjë moderator. Nëse dëshironi të bëheni një moderator, ju lutemi, bëni hyrjen. Përndryshe, ju lutemi, pritni.",
+        "WaitingForHostButton": "Prit për moderator",
+        "WaitingForHostTitle": "Po pritet për një moderator…",
         "Yes": "Po",
         "accessibilityLabel": {
-            "liveStreaming": "Transmetim i Drejtpërdrejtë"
+            "Cancel": "Anuloje (dilni nga dialogu)",
+            "Ok": "OK (ruajeni dhe dilni nga dialogu)",
+            "close": "Mbylle dialogun",
+            "liveStreaming": "Transmetim i Drejtpërdrejtë",
+            "sharingTabs": "Mundësi ndarjeje me të tjerë"
         },
         "add": "Shtoni",
         "addMeetingNote": "Shtoni një shënim rreth këtij takimi",
         "addOptionalNote": "Shtoni një shënim (në daçi):",
         "allow": "Lejoje",
+        "allowToggleCameraDialog": "A e lejoni {{initiatorName}} të ndryshojë anën nga sheh kamera juaj?",
+        "allowToggleCameraTitle": "Të lejohet ndryshimi i kamerës?",
         "alreadySharedVideoMsg": "Një tjetër pjesëmarrës po ndan me të tjerët një video. Kjo konferencë lejon vetëm një ndarje videoje në herë.",
         "alreadySharedVideoTitle": "Lejohet vetëm një ndarje videoje me të tjerët në herë",
         "applicationWindow": "Dritare aplikacioni",
@@ -306,7 +339,8 @@
         "lockRoom": "Shtoni takim $t(lockRoomPasswordUppercase)",
         "lockTitle": "Kyçja dështoi",
         "login": "Hyrje",
-        "logoutQuestion": "Jeni i sigurt se doni të dilet dhe të ndalet konferenca?",
+        "loginQuestion": "Jeni i sigurt se doni të hyhet dhe të braktiset konferenca?",
+        "logoutQuestion": "Jeni i sigurt se doni të dilet dhe të braktiset konferenca?",
         "logoutTitle": "Dalje",
         "maxUsersLimitReached": "U mbërrit në kufi numri maksimum pjesëmarrësish. Konferenca është plot. Ju lutemi, lidhuni me të zotin e takimit, ose provoni më vonë!",
         "maxUsersLimitReachedTitle": "U mbërrit në kufi numri maksimum pjesëmarrësish",
@@ -334,7 +368,7 @@
         "muteEveryonesVideoTitle": "Të ndalet videoja e gjithkujt?",
         "muteParticipantBody": "S’do jeni në gjendje të hiqni heshtimin për ta, por ata munden kurdo ta heqin për veten.",
         "muteParticipantButton": "Heshtoje",
-        "muteParticipantsVideoBody": "S’do të jeni në gjendje të riaktivizoni kamerën e tyre, por ata munden kurdo ta riaktvizojnë për veten.",
+        "muteParticipantsVideoBody": "S’do të jeni në gjendje të riaktivizoni kamerën e tyre, por ata munden kurdo ta riaktivizojnë për veten.",
         "muteParticipantsVideoBodyModerationOn": "S’do të jeni në gjendje të riaktivizoni kamerën e tyre dhe as ata s’do të munden.",
         "muteParticipantsVideoButton": "Ndale videon",
         "muteParticipantsVideoDialog": "Jeni i sigurt se doni të çaktivizoni kamerën e këtij pjesëmarrësi? S’do të jeni në gjendje të riaktivizoni kamerën, por ai mund ta riaktivizojë kurdo.",
@@ -349,8 +383,6 @@
         "permissionCameraRequiredError": "Leja mbi kamerën është e domosdoshme për të marrë pjesë në konferenca me video. Ju lutemi, akordojeni që nga Rregullimet",
         "permissionErrorTitle": "Leje e domosdoshme",
         "permissionMicRequiredError": "Leja mbi mikrofonin është e domosdoshme për të marrë pjesë në konferenca me audio. Ju lutemi, akordojeni që nga Rregullimet",
-        "popupError": "Shfletuesi juaj i bllokon dritaret flluskë prej këtij sajti. Ju lutemi, aktivizoni flluskat te rregullimet e sigurisë të shfletuesit tuaj dhe riprovoni.",
-        "popupErrorTitle": "Flluska u bllokua",
         "readMore": "më tepër",
         "recentlyUsedObjects": "Së fundi përdorët objekte",
         "recording": "Regjistrim",
@@ -367,6 +399,8 @@
         "removePassword": "Hiqe $t(lockRoomPassword)",
         "removeSharedVideoMsg": "Jeni i sigurt se doni të hiqni videon që keni ndarë me të tjerë?",
         "removeSharedVideoTitle": "Hiqe videon e ndarë me të tjerë",
+        "renameBreakoutRoomLabel": "Emër dhome",
+        "renameBreakoutRoomTitle": "Riemërtoni aneks konsultimesh",
         "reservationError": "Gabim sistemi rezervimi",
         "reservationErrorMsg": "Kod gabimi: {{code}}, mesazh: {{msg}}",
         "retry": "Riprovoni",
@@ -386,8 +420,10 @@
         "sendPrivateMessageTitle": "Të dërgohet privatisht?",
         "serviceUnavailable": "Shërbim jashtë funksionimi",
         "sessTerminated": "Thirrja përfundoi",
+        "sessTerminatedReason": "Takimi u përfundua",
         "sessionRestarted": "Thirrja rinisi për shkak të një problemi lidhjeje.",
-        "shareAudio": "Vazhdo",
+        "shareAudio": "Vazhdoni",
+        "shareAudioAltText": "që të ndani me të tjerë lëndën e dëshiruar, kaloni te \"Skedë Shfletuesi\", përzgjidhni lëndën, aktivizoni shenjën për \"ndani audio me të tjerë\" dhe mandej klikoni butonin \"ndaje me të tjerë\"",
         "shareAudioTitle": "Si të ndahet audio me të tjerë",
         "shareAudioWarningD1": "lypset të ndalni tregim ekrani, para se të ndani audion tuaj me të tjerë.",
         "shareAudioWarningD2": "lypset të rinisni tregimin e ekranit tuaj dhe t’i vini shenjë mundësisë “ndani audio me të tjerë”.",
@@ -417,7 +453,25 @@
         "thankYou": "Faleminderit që përdorni {{appName}}!",
         "token": "token",
         "tokenAuthFailed": "Na ndjeni, s’keni leje të merrni pjesë në këtë thirrje.",
+        "tokenAuthFailedReason": {
+            "audInvalid": "Vlerë `aud` e pavlefshme. Duhet të jetë `jitsi`.",
+            "contextNotFound": "Prej ngarkesës mungon objekti `context`.",
+            "expInvalid": "Vlerë `exp` e pavlefshme.",
+            "featureInvalid": "Veçori e pavlefshme: {{feature}}, gjasat janë të mos jetë sendërtuar ende.",
+            "featureValueInvalid": "Vlerë e pavlefshme për veçorinë: {{feature}}.",
+            "featuresNotFound": "Prej ngarkesës mungon objekti `features`.",
+            "headerNotFound": "Mungon krye.",
+            "issInvalid": "Vlerë `iss` e pavlefshme. Duhet të jetë `chat`.",
+            "kidMismatch": "ID kyçi (kid) nuk përputhet me sub.",
+            "kidNotFound": "Mungon ID Kyçi (kid).",
+            "nbfFuture": "Vlera `nbf` gjendet në të ardhmen.",
+            "nbfInvalid": "Vlerë `nbf` e pavlefshme.",
+            "payloadNotFound": "Mungon ngarkesë.",
+            "tokenExpired": "Token-i ka skaduar."
+        },
         "tokenAuthFailedTitle": "Mirëfilltësimi dështoi",
+        "tokenAuthFailedWithReasons": "Na ndjeni, nuk keni leje të merrni pjesë në këtë thirrje. Arsye e mundshme: {{reason}}",
+        "tokenAuthUnsupported": "Nuk mbulohet URL token-i.",
         "transcribing": "Transkriptim",
         "unlockRoom": "Hiq $t(lockRoomPassword) takimi",
         "user": "Përdorues",
@@ -429,8 +483,12 @@
         "verifyParticipantTitle": "Verifikim përdoruesi",
         "videoLink": "Lidhje videoje",
         "viewUpgradeOptions": "Shihni mundësi përmirësimi",
-        "viewUpgradeOptionsContent": "Që të përfitoni përdorim të pakufizuar veçorish me pagesë, të tilla si regjistrimi, transcriptime, RTMP Streaming & etj, duhet të përmirësoni planin tuaj.",
+        "viewUpgradeOptionsContent": "Që të përfitoni përdorim të pakufizuar veçorish me pagesë, të tilla si regjistrimi, transkriptime, RTMP Streaming & etj, duhet të përmirësoni planin tuaj.",
         "viewUpgradeOptionsTitle": "Zbuluat një veçori me pagesë!",
+        "whiteboardLimitContent": "Na ndjeni, është mbërritur te kufiri i tabelave të njëkohshme.",
+        "whiteboardLimitReference": "Për më tepër hollësi, ju lutemi, vizitoni",
+        "whiteboardLimitReferenceUrl": "sajtin tonë",
+        "whiteboardLimitTitle": "Kufizim përdorimi tabele",
         "yourEntireScreen": "Krejt ekranin tuaj"
     },
     "documentSharing": {
@@ -443,6 +501,9 @@
         "title": "Trupëzojeni këtë takim"
     },
     "feedback": {
+        "accessibilityLabel": {
+            "yourChoice": "Zgjedhja juaj: {{rating}}"
+        },
         "average": "Çka",
         "bad": "I dobët",
         "detailsLabel": "Na thoni më tepër rreth tij.",
@@ -499,13 +560,16 @@
         "noNumbers": "S’ka numra për përdorim.",
         "noPassword": "Asnjë",
         "noRoom": "S’u dha dhomë për të cilën të formësohet numri.",
+        "noWhiteboard": "S’u ngarkua dot tabela.",
         "numbers": "Numra Për T’u Përdorur",
         "password": "$t(lockRoomPasswordUppercase): ",
         "reachedLimit": "Keni mbërritur në kufijtë e planit tuaj.",
         "sip": "Adresë SIP",
+        "sipAudioOnly": "Adresë SIP vetëm për audio",
         "title": "Ndani me të tjerë",
         "tooltip": "Ndani me të tjerë lidhje dhe hollësi numrash për këtë takim",
-        "upgradeOptions": "Ju lutemi, shihni mundësitë e përmirësimit, te"
+        "upgradeOptions": "Ju lutemi, shihni mundësitë e përmirësimit, te",
+        "whiteboardError": "Gabim në ngarkimin e tabelës. Ju lutemi, riprovoni më vonë."
     },
     "inlineDialogFailure": {
         "msg": "Ngecëm pak.",
@@ -607,13 +671,13 @@
         "knockingParticipantList": "Listë pjesëmarrësish që duan të hyjnë",
         "lobbyChatStartedNotification": "{{moderator}} filloi një fjalosje në holl me {{attendee}}",
         "lobbyChatStartedTitle": "{{moderator}} ka filluar një fjalosje në holl me ju.",
+        "lobbyClosed": "Dhoma holl u mbyll.",
         "nameField": "Jepni emrin tuaj",
         "notificationLobbyAccessDenied": "Hyrja e {{targetParticipantName}} është hedhur poshtë nga {{originParticipantName}}",
         "notificationLobbyAccessGranted": "{{targetParticipantName}} është lejuar të hyjë nga {{originParticipantName}}",
         "notificationLobbyDisabled": "Holli është çaktivizuar nga {{originParticipantName}}",
         "notificationLobbyEnabled": "Holli është aktivizuar nga {{originParticipantName}}",
         "notificationTitle": "Holl",
-        "passwordField": "Jepni fjalëkalim takimi",
         "passwordJoinButton": "Hyni",
         "title": "Holl",
         "toggleLabel": "Aktivizoni hollin"
@@ -646,6 +710,8 @@
         "sessionToken": "Token Sesioni",
         "start": "Nis Regjistrim",
         "stop": "Ndale Regjistrimin",
+        "stopping": "Po ndalet Regjistrimi",
+        "wait": "Ju lutemi, prisni, teksa ruajmë regjistrimin tuaj",
         "yes": "Po"
     },
     "lockRoomPassword": "fjalëkalim",
@@ -667,8 +733,11 @@
         "connectedTwoMembers": "{{first}} dhe {{second}} tjetër hynë në takim",
         "dataChannelClosed": "Rënie cilësie videoje",
         "dataChannelClosedDescription": "Kanali urë u shkëput, kështu që cilësia e videos është kufizuar te vlera më e ulët.",
+        "disabledIframe": "Trupëzimi është menduar vetëm për qëllime demonstrimi, ndaj kjo thirrje do të ndërpritet pas {{timeout}} minutash.",
+        "disabledIframeSecondary": "Trupëzimi i {{domain}} është menduar vetëm për qëllime demonstrimi, ndaj kjo thirrje do të ndërpritet pas {{timeout}} minutash. Ju lutemi, për trupëzime të njëmendta përdorni <a href='{{jaasDomain}}' rel='noopener noreferrer' target='_blank'>Jitsi as a Service</a>!",
         "disconnected": "u shkëput",
         "displayNotifications": "Shfaq njoftime për",
+        "dontRemindMe": "Mos ma kujto",
         "focus": "Fokusi te konferenca",
         "focusFail": "{{component}} jo i passhëm - riprovoni pas {{ms}} sekondash",
         "gifsMenu": "GIPHY",
@@ -677,6 +746,7 @@
         "invitedOneMember": "{{name}} u ftua",
         "invitedThreePlusMembers": "{{name}} dhe {{count}} të tjerë u ftuan",
         "invitedTwoMembers": "{{first}} dhe {{second}} u ftuan",
+        "joinMeeting": "Hyni",
         "kickParticipant": "{{kicked}} u përzu nga {{kicker}}",
         "leftOneMember": "{{name}} doli nga takimi",
         "leftThreePlusMembers": "{{name}} dhe mjaft të tjerë dolën nga takimi",
@@ -711,7 +781,6 @@
         "newDeviceCameraTitle": "U pikas kamerë e re",
         "noiseSuppressionDesktopAudioDescription": "Mbytja e zhurmave s’mund të aktivizohet teksa ndahet me të tjerët audioja e desktopit, ju lutemi, çaktivizojeni dhe riprovoni.",
         "noiseSuppressionFailedTitle": "S’u arrit të nisej mbytja e zhurmave",
-        "noiseSuppressionNoTrackDescription": "Ju lutemi, së pari, çheshtoni mikrofonin tuaj.",
         "noiseSuppressionStereoDescription": "Aktualisht nuk mbulohet mbytje zhurmash audioje stereo.",
         "oldElectronClientDescription1": "Duket se përdorni një version të vjetër të klientit Jitsi Meet, i cili ka cenueshmëri të ditura sigurie. Ju lutemi, siguroni përditësimin me ",
         "oldElectronClientDescription2": "montimin tonë më të ri",
@@ -735,13 +804,18 @@
         "startSilentTitle": "Hytë pa zë në dalje!",
         "suboptimalBrowserWarning": "Kemi frikë se funksionimi i takimit për ju s’do të jetë kushedi këtu. Po kërkojmë rrugë për ta përmirësuar këtë punë, por deri atëherë, ju lutemi, provoni të përdorni një nga <a href='{{recommendedBrowserPageLink}}' target='_blank'>shfletuesit e mbuluar plotësisht</a>.",
         "suboptimalExperienceTitle": "Sinjalizim Mbi Shfletuesin",
+        "suggestRecordingAction": "Niseni",
+        "suggestRecordingDescription": "Do të donit të nisej një regjistrim?",
+        "suggestRecordingTitle": "Regjistroje këtë takim",
         "unmute": "Çheshtoje",
         "videoMutedRemotelyDescription": "Mundeni përherë ta rihapni.",
         "videoMutedRemotelyTitle": "Videoja juaj u mbyll nga {{moderator}}",
         "videoUnmuteBlockedDescription": "Heqja e heshtimit të kamerës dhe veprimi i tregimit të desktopit janë bllokuar përkohësisht për shkak kufizimesh të sistemit.",
         "videoUnmuteBlockedTitle": "Heqja e heshtimit të kamerës dhe tregimi i desktopit janë bllokuar!",
         "viewLobby": "Shihni hollin",
-        "waitingParticipants": "{{waitingParticipants}} vetë"
+        "waitingParticipants": "{{waitingParticipants}} vetë",
+        "whiteboardLimitDescription": "Ju lutemi, ruani ç’keni bërë, ngaqë së shpejti do të mbërrihet në kufi përdoruesi dhe tabela do të mbyllet.",
+        "whiteboardLimitTitle": "Përdorim tabele"
     },
     "participantsPane": {
         "actions": {
@@ -752,6 +826,7 @@
             "askUnmute": "Kërkoni heqje heshtimi",
             "audioModeration": "Heqin heshtim të vetes",
             "blockEveryoneMicCamera": "Bllokoni mikrofonin dhe kamerën e gjithkujt",
+            "breakoutRooms": "Dhoma anekse konsultimesh",
             "invite": "Ftoni Dikë",
             "moreModerationActions": "Më tepër mundësi moderimi",
             "moreModerationControls": "Më tepër kontrolle moderimi",
@@ -769,7 +844,8 @@
         "headings": {
             "lobby": "Holli ({{count}})",
             "participantsList": "Pjesëmarrës në takim ({{count}})",
-            "visitors": "Vizitorë ({{count}})",
+            "visitorRequests": " (requests {{count}})",
+            "visitors": "Vizitorë {{count}}",
             "waitingLobby": "Duke pritur në holl ({{count}})"
         },
         "search": "Kërkoni te pjesëmarrësit",
@@ -859,12 +935,15 @@
         "joinWithoutAudio": "Merrni pjesë pa audio",
         "keyboardShortcuts": "Aktivizo shkurtore tastiere",
         "linkCopied": "Lidhja u kopjua në të papastër",
-        "lookGood": "Mikrofoni juaj po punon si duhet",
+        "lookGood": "Gjithçka po punon si duhet",
         "or": "ose",
         "premeeting": "Para takimit",
+        "proceedAnyway": "Vazhdo, sido qoftë",
+        "recordingWarning": "Këtë thirrje pjesëmarrës të tjerë mund ta regjistrojnë",
         "screenSharingError": "Gabim ndarjeje ekrani me të tjerë:",
         "showScreen": "Aktivizoni skenë para takimit",
         "startWithPhone": "Nise me audio telefoni",
+        "unsafeRoomConsent": "I kuptoj rreziqet, dëshiroj të marr pjesë te takimi",
         "videoOnlyError": "Gabim video:",
         "videoTrackError": "S’u krijua dot pistë video.",
         "viewAllNumbers": "shihni krejt numrat"
@@ -885,9 +964,9 @@
     },
     "profile": {
         "avatar": "avatar",
-        "setDisplayNameLabel": "Caktoni emrin tuaj për në ekran",
+        "setDisplayNameLabel": "Emër",
         "setEmailInput": "Jepni email",
-        "setEmailLabel": "Caktoni email të gravatarit tuaj",
+        "setEmailLabel": "Jepni email të gravatarit tuaj",
         "title": "Profil"
     },
     "raisedHand": "Do të donte të fliste",
@@ -919,17 +998,16 @@
         "failedToStart": "S’u arrit të niset regjistrimi",
         "fileSharingdescription": "Ndajeni regjistrimin me pjesëmarrësit në takim",
         "highlight": "Nxjerrje në pah",
-        "highlightMoment": "Nxirni në pah një çast",
+        "highlightMoment": "Nxirrni në pah një çast",
         "highlightMomentDisabled": "Mund të nxirrni në pah çaste kur fillon regjistrimi",
-        "highlightMomentSuccess": "Çasti u nxorr në pah",
+        "highlightMomentSuccess": "Çasti u nxor në pah",
         "highlightMomentSucessDescription": "Çasti i nxjerrë në pah nga ju do të shtohet te përmbledhja e takimit.",
         "inProgress": "Regjistrim ose transmetim drejtpërsëdrejti në ecuri e sipër",
         "limitNotificationDescriptionNative": "Për shkak kërkesash të shumta, regjistrimi juaj do të kufizohet në {{limit}} min. Për regjistrime të pakufizuara provoni <3>{{app}}</3>.",
         "limitNotificationDescriptionWeb": "Për shkak kërkesash të shumta, regjistrimi juaj do të kufizohet në {{limit}} min. Për regjistrime të pakufizuara provoni <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
         "linkGenerated": "Kemi prodhuar një lidhje për te regjistrimi juaj.",
-        "live": "DREJTPËRSËDREJTI",
         "localRecordingNoNotificationWarning": "Regjistrimi s’do t’u njoftohet pjesëmarrësve të tjerë. Do t’ju duhet t’i vini në dijeni se takimi po regjistrohet.",
-        "localRecordingNoVideo": "Videoja nuk po regjistrohet",
+        "localRecordingNoVideo": "Videoja s’po regjistrohet",
         "localRecordingStartWarning": "Ju lutemi, sigurohuni se e ndalni regjistrimin para se dilni nga takimi, që të mund ta ruani.",
         "localRecordingStartWarningTitle": "Ndaleni regjistrimin që ta ruani",
         "localRecordingVideoStop": "Ndalja e videos tuaj do të ndalë gjithashtu edhe regjistrimin vendor. Jeni i sigurt se doni të vazhdohet?",
@@ -944,13 +1022,15 @@
         "onBy": "{{name}} nisi regjistrimin",
         "onlyRecordSelf": "Regjistro vetëm rrjedhat e mia audio dhe video",
         "pending": "Po përgatitet të regjistrohet takimi…",
-        "rec": "REC",
+        "recordAudioAndVideo": "Regjistro audio dhe video",
+        "recordTranscription": "Regjistro transkriptimin",
         "saveLocalRecording": "Ruajeni lokalisht kartelën e regjistrimit (Beta)",
         "serviceDescription": "Regjistrimi juaj do të ruhet nga shërbimi i regjistrimit",
         "serviceDescriptionCloud": "Regjistrim në re",
         "serviceDescriptionCloudInfo": "Takimet e regjistruara spastrohen automatikisht 24h pas kohës së regjistrimit të tyre.",
         "serviceName": "Shërbim regjistrimi",
         "sessionAlreadyActive": "Ky sesion po regjistrohet ose transmetohet drejtpërsëdrejti tashmë.",
+        "showAdvancedOptions": "Mundësi të mëtejshme",
         "signIn": "Hyni",
         "signOut": "Dilni",
         "surfaceError": "Ju lutemi, përdorni skedën e tanishme.",
@@ -966,10 +1046,17 @@
     "security": {
         "about": "Takimit tuaj mund t’i shtoni një $t(lockRoomPassword). Pjesëmarrësve do t’u duhet të japin $t(lockRoomPassword) përpara se të lejohen të marrin pjesë në takim.",
         "aboutReadOnly": "Pjesëmarrësit moderatorë mund t’i shtojnë takimit një $t(lockRoomPassword). Pjesëmarrësve do t’u duhet të japin $t(lockRoomPassword) përpara se të lejohen të marrin pjesë në takim.",
-        "insecureRoomNameWarning": "Emri i dhomës s’është pa rrezik. Pjesëmarrës të padëshiruar munden të marrin pjesë në konferencën tuaj. Shihni mundësinë e bërjes të sigurt të takimit tuaj, duke përdorur butonin e sigurisë.",
-        "title": "Mundësi Sigurie"
+        "insecureRoomNameWarningNative": "Emri i dhomës s’është pa rrezik. Pjesëmarrës të padëshiruar munden të hyjnë në takimin tuaj. {{recommendAction}} Mësoni më tepër rreth sigurimit të takimit tuaj ",
+        "insecureRoomNameWarningWeb": "Emri i dhomës s’është pa rrezik. Pjesëmarrës të padëshiruar munden të hyjnë në takimin tuaj. {{recommendAction}} Mësoni më tepër rreth sigurimit të takimit tuaj <a href=\"{{securityUrl}}\" rel=\"security\" target=\"_blank\">këtu</a>.",
+        "title": "Mundësi Sigurie",
+        "unsafeRoomActions": {
+            "meeting": "Shihni mundësinë e sigurimit të takimit tuaj, duke përdorur butonin e sigurisë.",
+            "prejoin": "Shihni mundësinë e përdorimit për takimin të një emri më të veçantë.",
+            "welcome": "Shihni mundësinë e përdorimit për takimin të një emri më të veçantë, ose zgjidhni një nga sugjerimet."
+        }
     },
     "settings": {
+        "audio": "Audio",
         "buttonLabel": "Rregullime",
         "calendar": {
             "about": "Integrimi me kalendar {{appName}} përdoret për të hyrë me sukses te kalendari juaj, që kështu të mund të lexohen veprimtari të ardhshme.",
@@ -990,9 +1077,11 @@
         "maxStageParticipants": "Numër maksimum pjesëmarrësish që mund të fiksohen te skena kryesore (EKSPERIMENTALe)",
         "microphones": "Mikrofona",
         "moderator": "Moderator",
-        "more": "Më tepër",
+        "moderatorOptions": "Mundësi moderatori",
+        "more": "Të përgjitshme",
         "name": "Emër",
         "noDevice": "Asnjë",
+        "notifications": "Njoftime",
         "participantJoined": "Hyri Pjesëmarrës",
         "participantKnocking": "Pjesëmarrës hyri në holl",
         "participantLeft": "Doli Pjesëmarrës",
@@ -1003,13 +1092,14 @@
         "selectCamera": "Kamerë",
         "selectMic": "Mikrofon",
         "selfView": "Parje e vetes",
-        "sounds": "Tinguj",
+        "shortcuts": "Shkurtore",
         "speakers": "Altoparlantë",
         "startAudioMuted": "Gjithkush fillon i heshtuar",
         "startReactionsMuted": "Heshto tinguj reagimesh për këdo",
         "startVideoMuted": "Gjithkush fillon i fshehur",
         "talkWhileMuted": "Flisni, teksa jeni i heshtuar",
-        "title": "Rregullime"
+        "title": "Rregullime",
+        "video": "Video"
     },
     "settingsView": {
         "advanced": "Të mëtejshme",
@@ -1017,6 +1107,7 @@
         "alertOk": "OK",
         "alertTitle": "Kujdes",
         "alertURLText": "URL-ja e dhënë për shërbyesin është e pavlefshme",
+        "apply": "Aplikoji",
         "buildInfoSection": "Hollësi Montimi",
         "conferenceSection": "Konferencë",
         "disableCallIntegration": "Çaktivizo integrim thirrje me sistemin",
@@ -1027,19 +1118,21 @@
         "displayNamePlaceholderText": "P.sh.: Zamir Gjoli",
         "email": "Email",
         "emailPlaceholderText": "email@example.com",
+        "gavatarMessage": "Nëse emal-i juaj është i përshoqëruar me një llogari Gravatar, do ta përdorim për të shfaqur foton e profilit tuaj.",
         "goTo": "Kalo te",
         "header": "Rregullime",
         "help": "Ndihmë",
         "links": "Lidhje",
         "privacy": "Privatësi",
         "profileSection": "Profil",
+        "sdkVersion": "Version SDK",
         "serverURL": "URL Shërbyesi",
         "showAdvanced": "Shfaq rregullime të mëtejshme",
         "startCarModeInLowBandwidthMode": "Nën mënyrën “gjerësi e ulët bande” nis mënyrën automjet",
         "startWithAudioMuted": "Fillo me audio të mbyllur",
         "startWithVideoMuted": "Fillo me video të mbyllur",
         "terms": "Terma",
-        "version": "Version"
+        "version": "Version aplikacioni"
     },
     "share": {
         "dialInfoText": "\n\n=====\n\nThjesht doni t’i bini numrit në telefonin tuaj?\n\n{{defaultDialInNumber}}Klikoni mbi këtë lidhje, që të shihni numra telefoni për këtë takim\n{{dialInfoPageUrl}}",
@@ -1050,7 +1143,7 @@
         "angry": "I zemëruar",
         "disgusted": "I pështirosur",
         "displayEmotions": "Shfaq emocione",
-        "fearful": "I firkësuar",
+        "fearful": "I frikësuar",
         "happy": "I gëzuar",
         "hours": "{{count}}h",
         "minutes": "{{count}}m",
@@ -1058,7 +1151,7 @@
         "neutral": "Asnjanës",
         "sad": "I trishtuar",
         "search": "Kërko",
-        "searchHint": "Kërkoni pjesëmarrësit",
+        "searchHint": "Kërkoni për pjesëmarrës",
         "seconds": "{{count}}s",
         "speakerStats": "Statistika Folësi",
         "speakerTime": "Kohë Folësi",
@@ -1081,7 +1174,7 @@
     "toolbar": {
         "Settings": "Rregullime",
         "accessibilityLabel": {
-            "Settings": "Shfaq/Fshih rregullimet",
+            "Settings": "Hap rregullimet",
             "audioOnly": "Hap/Mbyll vetëm audion",
             "audioRoute": "Përzgjidhni pajisje zëri",
             "boo": "Ya",
@@ -1091,11 +1184,20 @@
             "cc": "Shfaq/Fshih titra",
             "chat": "Hapni / Mbyllni fjalosje",
             "clap": "Duartrokitje",
+            "closeChat": "Mbylle fjalosjen",
+            "closeMoreActions": "Mbyll menunë Më Tepër Veprime",
+            "closeParticipantsPane": "Mbyll kuadratin pjesëmarrës",
             "collapse": "Tkurre",
             "document": "Shfaq/Fshih dokument të ndarë",
+            "documentClose": "Mbyll dokument të ndarë",
+            "documentOpen": "Hap dokument të ndarë",
             "download": "Shkarkoni aplikacionet tona",
             "embedMeeting": "Trupëzoni takimin",
             "endConference": "Përfundoje takimin për të tërë",
+            "enterFullScreen": "Shiheni sa krejt ekrani",
+            "enterTileView": "Kaloni nën mënyrën me kuadrate",
+            "exitFullScreen": "Dil nga mënyra “Sa krejt ekrani”",
+            "exitTileView": "Dil nga mënyra me kuadrate",
             "expand": "Zgjeroje",
             "feedback": "Lini përshtypje",
             "fullScreen": "Kalo nën/Dil nga mënyra “Sa krejt ekrani”",
@@ -1104,6 +1206,7 @@
             "hangup": "Braktiseni takimin",
             "heading": "Panel",
             "help": "Ndihmë",
+            "hideWhiteboard": "Fshihe tabelën",
             "invite": "Ftoni njerëz",
             "kick": "Përzëre pjesëmarrësin",
             "laugh": "E qeshur",
@@ -1113,21 +1216,25 @@
             "lobbyButton": "Aktivizo/Çaktivizoni mënyrën holl",
             "localRecording": "Shfaq/Fshih kontrolle regjistrimi vendor",
             "lockRoom": "Aktivizo/Çaktivizo fjalëkalim takimi",
+            "lowerHand": "Ulni dorën",
             "moreActions": "Më tepër veprime",
             "moreActionsMenu": "Menu “Më tepër veprime”",
             "moreOptions": "Shfaq më tepër mundësi",
-            "mute": "Heshtoje / Çheshtoje",
+            "mute": "Heshto mikrofonin",
             "muteEveryone": "Heshto gjithkënd",
             "muteEveryoneElse": "Heshto gjithkënd tjetër",
             "muteEveryoneElsesVideoStream": "Ndal videon e gjithkujt tjetër",
             "muteEveryonesVideoStream": "Ndal videon e gjithkujt",
+            "muteGUMPending": "Po lidhet mikrofoni juaj",
             "noiseSuppression": "Mbytje zhurmash",
-            "participants": "Pjesëmarrës",
+            "openChat": "Hapni fjalosje",
+            "participants": "Hapni kuadrat pjesëmarrësish",
             "pip": "Aktivizo/Çaktivizo mënyrën “Picture-in-Picture”",
             "privateMessage": "Dërgoni mesazh privat",
             "profile": "Përpunoni profilin tuaj",
-            "raiseHand": "Ngrini / Ulni dorën tuaj",
-            "reactionsMenu": "Hap / Mbyll menu reagimesh",
+            "raiseHand": "Ngrini dorën",
+            "reactions": "Reagime",
+            "reactionsMenu": "Menu reagimesh",
             "recording": "Nis/Ndal regjistrimin",
             "remoteMute": "Heshto pjesëmarrësin",
             "remoteVideoMute": "Çaktivizo kamerën e pjesëmarrësit",
@@ -1135,20 +1242,25 @@
             "selectBackground": "Përzgjidhni Sfond",
             "selfView": "Shfaq/Fshih pamje të vetes",
             "shareRoom": "Ftoni dikë",
-            "shareYourScreen": "Nisni / Ndalni tregimin e ekranit tuaj",
+            "shareYourScreen": "Nisni tregimin e ekranit tuaj",
             "shareaudio": "Ndani audio me të tjerë",
-            "sharedvideo": "Aktivizo/Çaktivizo ndarje videoje me të tjerë",
+            "sharedvideo": "Ndani video me të tjerë",
             "shortcuts": "Shfaq/Fshih shkurtore",
             "show": "Shfaqe në skenë",
+            "showWhiteboard": "Shfaq tabelë",
             "silence": "Heshtje",
             "speakerStats": "Shfaq/Fshih statistika folësi",
+            "stopScreenSharing": "Ndalni tregimin e ekranit tuaj",
+            "stopSharedVideo": "Ndalni videon",
             "surprised": "I befasuar",
             "tileView": "Kalo në/Dil nga mënyra mozaik",
             "toggleCamera": "Hap/Mbyll kamerën",
             "toggleFilmstrip": "Shfaq/Fshih shirit filmi",
+            "unmute": "Hiqni heshtim mikrofoni",
             "videoblur": "Aktivizo/Çaktivizo turbullim videoje",
-            "videomute": "Nis / Ndal kamerën",
-            "whiteboard": "Shfaq / Fshih tabelën"
+            "videomute": "Ndal kamerën",
+            "videomuteGUMPending": "Po lidhet kamera juaj",
+            "videounmute": "Nis kamerën"
         },
         "addPeople": "Shtoni persona te thirrja juaj",
         "audioOnlyOff": "Çaktivizo mënyrën “Sasi e ulët të dhënash trafiku”",
@@ -1161,6 +1273,7 @@
         "chat": "Hap / Mbyll fjalosje",
         "clap": "Duartrokitje",
         "closeChat": "Mbyll fjalosjen",
+        "closeParticipantsPane": "Mbylle kuadratin e pjesëmarrësve",
         "closeReactionsMenu": "Mbyll menu reagimesh",
         "disableNoiseSuppression": "Çaktivizo mbytje zhurmash",
         "disableReactionSounds": "Mund të çaktivizoni tinguj reagimesh për këtë takim",
@@ -1169,6 +1282,7 @@
         "download": "Shkarkoni aplikacione tonat",
         "e2ee": "Fshehtëzim Skaj-Më-Skaj",
         "embedMeeting": "Trupëzoni takim",
+        "enableNoiseSuppression": "Aktivizoni mbytje zhurmash",
         "endConference": "Përfundoje takimin për të tërë",
         "enterFullScreen": "Shiheni sa krejt ekrani",
         "enterTileView": "Kalo te pamja me kuadrate",
@@ -1193,9 +1307,10 @@
         "lowerYourHand": "Ulni dorën",
         "moreActions": "Më tepër veprime",
         "moreOptions": "Më tepër veprime",
-        "mute": "Heshtoje / Hiqi heshtimin",
+        "mute": "Heshto mikrofonin",
         "muteEveryone": "Heshto gjithkënd",
         "muteEveryonesVideo": "Çaktivizo videon e gjithkujt",
+        "muteGUMPending": "Po lidhet mikrofoni juaj",
         "noAudioSignalDesc": "Nëse s’e keni heshtuar që nga rregullimet e sistemit, ose nga hardware-i, shihni mundësinë e ndërrimit të pajisjes.",
         "noAudioSignalDescSuggestion": "Nëse s’e keni heshtuar që nga rregullimet e sistemit, ose nga hardware-i, shihni mundësinë e kalimit te pajisja e sugjeruar.",
         "noAudioSignalDialInDesc": "Mund t’i bini numrit edhe duke përdorur:",
@@ -1210,7 +1325,7 @@
         "pip": "Kalo nën mënyrën “Picture-in-Picture”",
         "privateMessage": "Dërgo mesazh privat",
         "profile": "Përpunoni profilin tuaj",
-        "raiseHand": "Ngrini / Ulni dorën",
+        "raiseHand": "Ngrini dorën",
         "raiseYourHand": "Ngrini dorën",
         "reactionBoo": "Dërgoni reagim me ya",
         "reactionClap": "Dërgoni reagim me duartrokitje",
@@ -1218,6 +1333,7 @@
         "reactionLike": "Dërgoni reagim me “thumbs up”",
         "reactionSilence": "Dërgoni reagim me heshtje",
         "reactionSurprised": "Dërgoni reagim të befasuari",
+        "reactions": "Reagime",
         "security": "Mundësi sigurie",
         "selectBackground": "Përzgjidhni sfond",
         "shareRoom": "Ftoni dikë",
@@ -1237,17 +1353,17 @@
         "talkWhileMutedPopup": "Po provoni të flisni? Jeni i heshtuar.",
         "tileViewToggle": "Kalo në/Dil nga mënyra mozaik",
         "toggleCamera": "Hapni/Mbyllni kamerën",
-        "videoSetting": "Rregullime videoje",
-        "videomute": "Nisni / Ndalni kamerën"
+        "unmute": "Hiqni heshtimin e mikrofonit",
+        "videoSettings": "Rregullime videoje",
+        "videomute": "Ndalni kamerën",
+        "videomuteGUMPending": "Po lidhet kamera juaj",
+        "videounmute": "Nisni kamerën"
     },
     "transcribing": {
         "ccButtonTooltip": "Ndali / Nisi titrat",
-        "error": "Transkriptimi dështoi. Ju lutemi, riprovoni.",
         "expandedLabel": "Transkriptimi aktualisht është aktiv",
         "failedToStart": "S’u arrit të nisej transkriptim",
         "labelToolTip": "Takimit po i bëhet transkriptim",
-        "off": "Transkriptimi u ndal",
-        "pending": "Po përgatitet të transkriptohet takimi…",
         "sourceLanguageDesc": "Aktualisht si gjuhë takimi është caktuar <b>{{sourceLanguage}}</b>. <br/> Mund ta ndryshoni që nga ",
         "sourceLanguageHere": "këtu",
         "start": "Fillo shfaqje titrash",
@@ -1284,7 +1400,7 @@
         "audioOnly": "AUD",
         "audioOnlyExpanded": "Gjendeni nën mënyrën “gjerësi e ulët bande”. Nën këtë mënyrë, do të merrni vetëm audio dhe tregim ekrani.",
         "bestPerformance": "Punimi më i mirë",
-        "callQuality": "Cilësi videoje",
+        "callQuality": "Cilësi Videoje (0 për punimin më të mirë, 3 për cilësinë më të lartë)",
         "hd": "CL",
         "hdTooltip": "Po shihet video në cilësi të lartë",
         "highDefinition": "Cilësi e Lartë",
@@ -1326,6 +1442,10 @@
         "videomute": "Pjesëmarrësi ka ndalur kamerën"
     },
     "virtualBackground": {
+        "accessibilityLabel": {
+            "currentBackground": "Sfondi i tanishëm: {{background}}",
+            "selectBackground": "Përzgjidhni një sfond"
+        },
         "addBackground": "Shtoni sfond",
         "apply": "Zbatoje",
         "backgroundEffectError": "S’u arrit të zbatohej efekt sfondi.",
@@ -1343,13 +1463,20 @@
         "none": "Asnjë",
         "pleaseWait": "Ju lutemi, pritni…",
         "removeBackground": "Hiqe sfondin",
-        "slightBlur": "Turbullim Paksa",
+        "slightBlur": "Gjysmë-Turbullim",
         "title": "Sfonde virtualë",
         "uploadedImage": "Ngarkoi figurën {{index}}",
         "webAssemblyWarning": "Nuk mbulohet WebAssembly",
         "webAssemblyWarningDescription": "WebAssembly e çaktivizuar ose e pambuluar nga ky shfletues"
     },
-    "visitorsLabel": "Numër vizitorësh: {{count}}",
+    "visitors": {
+        "chatIndicator": "(vizitor)",
+        "labelTooltip": "Numër vizitorësh: {{count}}",
+        "notification": {
+            "description": "Që të merrni pjesë, ngrini dorën",
+            "title": "Jeni vizitor në takim"
+        }
+    },
     "volumeSlider": "Rrëshqitës volumi",
     "welcomepage": {
         "accessibilityLabel": {
@@ -1382,6 +1509,7 @@
             "microsoftLogo": "Stemë Microsoft-i",
             "policyLogo": "Stemë Rregullash"
         },
+        "meetingsAccessibilityLabel": "Takime",
         "mobileDownLoadLinkAndroid": "Shkarkoni aplikacionin për celular me Android",
         "mobileDownLoadLinkFDroid": "Shkarkoni aplikacionin për celular me F-Droid",
         "mobileDownLoadLinkIos": "Shkarkoni aplikacionin për celular me iOS",
@@ -1405,6 +1533,7 @@
     "whiteboard": {
         "accessibilityLabel": {
             "heading": "Tabelë shënimesh"
-        }
+        },
+        "screenTitle": "Tabelë shënimesh"
     }
 }

lang/main.json

@@ -560,6 +560,7 @@
         "noNumbers": "No dial-in numbers.",
         "noPassword": "None",
         "noRoom": "No room was specified to dial-in into.",
+        "noWhiteboard": "Could not load the whiteboard.",
         "numbers": "Dial-in Numbers",
         "password": "$t(lockRoomPasswordUppercase): ",
         "reachedLimit": "You have reached the limit of your plan.",
@@ -567,7 +568,8 @@
         "sipAudioOnly": "SIP audio only address",
         "title": "Share",
         "tooltip": "Share link and dial-in info for this meeting",
-        "upgradeOptions": "Please check the upgrade options on"
+        "upgradeOptions": "Please check the upgrade options on",
+        "whiteboardError": "Error loading the whiteboard. Please try again later."
     },
     "inlineDialogFailure": {
         "msg": "We stumbled a bit.",
@@ -802,6 +804,9 @@
         "startSilentTitle": "You joined with no audio output!",
         "suboptimalBrowserWarning": "We are afraid your meeting experience isn't going to be that great here. We are looking for ways to improve this, but until then please try using one of the <a href='{{recommendedBrowserPageLink}}' target='_blank'>fully supported browsers</a>.",
         "suboptimalExperienceTitle": "Browser Warning",
+        "suggestRecordingAction": "Start",
+        "suggestRecordingDescription": "Would you like to start a recording?",
+        "suggestRecordingTitle": "Record this meeting",
         "unmute": "Unmute",
         "videoMutedRemotelyDescription": "You can always turn it on again.",
         "videoMutedRemotelyTitle": "Your video has been turned off by {{participantDisplayName}}",
@@ -934,6 +939,7 @@
         "or": "or",
         "premeeting": "Pre meeting",
         "proceedAnyway": "Proceed anyway",
+        "recordingWarning": "Other participants may be recording this call",
         "screenSharingError": "Screen sharing error:",
         "showScreen": "Enable pre meeting screen",
         "startWithPhone": "Start with phone audio",
@@ -1527,6 +1533,7 @@
     "whiteboard": {
         "accessibilityLabel": {
             "heading": "Whiteboard"
-        }
+        },
+        "screenTitle": "Whiteboard"
     }
 }

modules/API/API.js

@@ -113,7 +113,7 @@ import { isAudioMuteButtonDisabled } from '../../react/features/toolbox/function
 import { setTileView, toggleTileView } from '../../react/features/video-layout/actions.any';
 import { muteAllParticipants } from '../../react/features/video-menu/actions';
 import { setVideoQuality } from '../../react/features/video-quality/actions';
-import { toggleWhiteboard } from '../../react/features/whiteboard/actions.any';
+import { toggleWhiteboard } from '../../react/features/whiteboard/actions.web';
 import { getJitsiMeetTransport } from '../transport';
 
 import {

package-lock.json

@@ -42,7 +42,8 @@
         "@vladmandic/human": "2.6.5",
         "@vladmandic/human-models": "2.5.9",
         "@xmldom/xmldom": "0.8.7",
-        "amplitude-js": "8.2.1",
+        "abab": "2.0.6",
+        "amplitude-js": "8.21.9",
         "base64-js": "1.5.1",
         "bc-css-flags": "3.0.0",
         "clipboard-copy": "4.0.1",
@@ -60,7 +61,7 @@
         "js-md5": "0.6.1",
         "js-sha512": "0.8.0",
         "jwt-decode": "2.2.0",
-        "lib-jitsi-meet": "https://github.com/jitsi/lib-jitsi-meet/releases/download/v1764.0.0+ba21a236/lib-jitsi-meet.tgz",
+        "lib-jitsi-meet": "https://github.com/jitsi/lib-jitsi-meet/releases/download/v1781.0.0+98bcd4e6/lib-jitsi-meet.tgz",
         "lodash": "4.17.21",
         "moment": "2.29.4",
         "moment-duration-format": "2.2.2",
@@ -110,6 +111,7 @@
         "redux-thunk": "2.4.1",
         "seamless-scroll-polyfill": "2.1.8",
         "semver": "7.5.4",
+        "text-encoding": "0.7.0",
         "tss-react": "4.4.4",
         "util": "0.12.1",
         "uuid": "8.3.2",
@@ -125,7 +127,7 @@
         "@babel/preset-env": "7.21.5",
         "@babel/preset-react": "7.16.0",
         "@jitsi/eslint-config": "4.1.5",
-        "@types/amplitude-js": "8.16.2",
+        "@types/amplitude-js": "8.16.5",
         "@types/audioworklet": "0.0.29",
         "@types/dom-screen-wake-lock": "1.0.1",
         "@types/js-md5": "0.4.3",
@@ -236,6 +238,11 @@
       "extraneous": true,
       "devDependencies": {}
     },
+    "node_modules/@amplitude/analytics-connector": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/@amplitude/analytics-connector/-/analytics-connector-1.5.0.tgz",
+      "integrity": "sha512-T8mOYzB9RRxckzhL0NTHwdge9xuFxXEOplC8B1Y3UX3NHa3BLh7DlBUZlCOwQgMc2nxDfnSweDL5S3bhC+W90g=="
+    },
     "node_modules/@amplitude/react-native": {
       "version": "2.7.0",
       "resolved": "https://registry.npmjs.org/@amplitude/react-native/-/react-native-2.7.0.tgz",
@@ -246,38 +253,43 @@
       }
     },
     "node_modules/@amplitude/types": {
-      "version": "1.9.2",
-      "resolved": "https://registry.npmjs.org/@amplitude/types/-/types-1.9.2.tgz",
-      "integrity": "sha512-s+Q/O8kNfocZiyGvVdtM5T4JGPwLRZ4Q26wtEF5xJhyCtJglGMe0ixe6u/6iW9s4JHIq+LlPlUu5095pVsdtNA==",
+      "version": "1.10.2",
+      "resolved": "https://registry.npmjs.org/@amplitude/types/-/types-1.10.2.tgz",
+      "integrity": "sha512-I8qenRI7uU6wKNb9LiZrAosSHVoNHziXouKY81CrqxH9xhVTEIJFXeuCV0hbtBr0Al/8ejnGjQRx+S2SvU/pPg==",
       "engines": {
         "node": ">=10"
       }
     },
     "node_modules/@amplitude/ua-parser-js": {
-      "version": "0.7.24",
-      "resolved": "https://registry.npmjs.org/@amplitude/ua-parser-js/-/ua-parser-js-0.7.24.tgz",
-      "integrity": "sha512-VbQuJymJ20WEw0HtI2np7EdC3NJGUWi8+Xdbc7uk8WfMIF308T0howpzkQ3JFMN7ejnrcSM/OyNGveeE3TP3TA==",
+      "version": "0.7.33",
+      "resolved": "https://registry.npmjs.org/@amplitude/ua-parser-js/-/ua-parser-js-0.7.33.tgz",
+      "integrity": "sha512-wKEtVR4vXuPT9cVEIJkYWnlF++Gx3BdLatPBM+SZ1ztVIvnhdGBZR/mn9x/PzyrMcRlZmyi6L56I2J3doVBnjA==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/ua-parser-js"
+        },
+        {
+          "type": "paypal",
+          "url": "https://paypal.me/faisalman"
+        }
+      ],
       "engines": {
         "node": "*"
       }
     },
     "node_modules/@amplitude/utils": {
-      "version": "1.9.2",
-      "resolved": "https://registry.npmjs.org/@amplitude/utils/-/utils-1.9.2.tgz",
-      "integrity": "sha512-hGOIoIjmZ0pq/3b2gBrr17TaEarlR+qzFGu5npm76+scd/51F0eNvjd0vgV6WbJT1cxhyH/5Z8kihGWOU3vS3Q==",
+      "version": "1.10.2",
+      "resolved": "https://registry.npmjs.org/@amplitude/utils/-/utils-1.10.2.tgz",
+      "integrity": "sha512-tVsHXu61jITEtRjB7NugQ5cVDd4QDzne8T3ifmZye7TiJeUfVRvqe44gDtf55A+7VqhDhyEIIXTA1iVcDGqlEw==",
       "dependencies": {
-        "@amplitude/types": "^1.9.2",
-        "tslib": "^1.9.3"
+        "@amplitude/types": "^1.10.2",
+        "tslib": "^2.0.0"
       },
       "engines": {
         "node": ">=10"
       }
     },
-    "node_modules/@amplitude/utils/node_modules/tslib": {
-      "version": "1.14.1",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
-      "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg=="
-    },
     "node_modules/@ampproject/remapping": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.0.tgz",
@@ -6497,9 +6509,9 @@
       }
     },
     "node_modules/@types/amplitude-js": {
-      "version": "8.16.2",
-      "resolved": "https://registry.npmjs.org/@types/amplitude-js/-/amplitude-js-8.16.2.tgz",
-      "integrity": "sha512-a+tb/CEQOlrHRvEvAuYNOcoUy1POERANnAhfKgiTmsy0eACj3eukGP0ucA9t115QOPzVUhbnUfZqtyHp99IZyA==",
+      "version": "8.16.5",
+      "resolved": "https://registry.npmjs.org/@types/amplitude-js/-/amplitude-js-8.16.5.tgz",
+      "integrity": "sha512-W73JfDpwDH4VijOGo+nVuQOqUCiqyEGGVdajU4ziWTLn27cn+QtFuFuBdlhCraIIrO52fDRO4NSOGkawtn77Jw==",
       "dev": true
     },
     "node_modules/@types/audioworklet": {
@@ -7516,7 +7528,8 @@
     "node_modules/abab": {
       "version": "2.0.6",
       "resolved": "https://registry.npmjs.org/abab/-/abab-2.0.6.tgz",
-      "integrity": "sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA=="
+      "integrity": "sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==",
+      "deprecated": "Use your platform's native atob() and btoa() methods instead"
     },
     "node_modules/abort-controller": {
       "version": "3.0.0",
@@ -7655,36 +7668,62 @@
       }
     },
     "node_modules/amplitude-js": {
-      "version": "8.2.1",
-      "resolved": "https://registry.npmjs.org/amplitude-js/-/amplitude-js-8.2.1.tgz",
-      "integrity": "sha512-jp8lm/koTNRceO16RCTlQg9+gUbxip1esod+d0oApBCJYpxuABec2bLHXv/OkVYICvnUWoiz17AZLxiaX/aK4Q==",
-      "deprecated": "Excessive logging into console at default levels",
+      "version": "8.21.9",
+      "resolved": "https://registry.npmjs.org/amplitude-js/-/amplitude-js-8.21.9.tgz",
+      "integrity": "sha512-d0jJH00wbXu7sxKtVwkdSXtVffjqdUrxuACKlnzP7jU5qt9wriXXMgHifdH5Oq+buKmyF8wKL9S02gAykysURA==",
       "dependencies": {
-        "@amplitude/ua-parser-js": "0.7.24",
-        "@amplitude/utils": "^1.0.5",
-        "blueimp-md5": "^2.10.0",
-        "query-string": "5"
+        "@amplitude/analytics-connector": "^1.4.6",
+        "@amplitude/ua-parser-js": "0.7.33",
+        "@amplitude/utils": "^1.10.2",
+        "@babel/runtime": "^7.21.0",
+        "blueimp-md5": "^2.19.0",
+        "query-string": "8.1.0"
+      }
+    },
+    "node_modules/amplitude-js/node_modules/decode-uri-component": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/decode-uri-component/-/decode-uri-component-0.4.1.tgz",
+      "integrity": "sha512-+8VxcR21HhTy8nOt6jf20w0c9CADrw1O8d+VZ/YzzCt4bJ3uBjw+D1q2osAB8RnpwwaeYBxy0HyKQxD5JBMuuQ==",
+      "engines": {
+        "node": ">=14.16"
+      }
+    },
+    "node_modules/amplitude-js/node_modules/filter-obj": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/filter-obj/-/filter-obj-5.1.0.tgz",
+      "integrity": "sha512-qWeTREPoT7I0bifpPUXtxkZJ1XJzxWtfoWWkdVGqa+eCr3SHW/Ocp89o8vLvbUuQnadybJpjOKu4V+RwO6sGng==",
+      "engines": {
+        "node": ">=14.16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/amplitude-js/node_modules/query-string": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/query-string/-/query-string-5.1.1.tgz",
-      "integrity": "sha512-gjWOsm2SoGlgLEdAGt7a6slVOk9mGiXmPFMqrEhLQ68rhQuBnpfs3+EmlvqKyxnCo9/PPlF+9MtY02S1aFg+Jw==",
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/query-string/-/query-string-8.1.0.tgz",
+      "integrity": "sha512-BFQeWxJOZxZGix7y+SByG3F36dA0AbTy9o6pSmKFcFz7DAj0re9Frkty3saBn3nHo3D0oZJ/+rx3r8H8r8Jbpw==",
       "dependencies": {
-        "decode-uri-component": "^0.2.0",
-        "object-assign": "^4.1.0",
-        "strict-uri-encode": "^1.0.0"
+        "decode-uri-component": "^0.4.1",
+        "filter-obj": "^5.1.0",
+        "split-on-first": "^3.0.0"
       },
       "engines": {
-        "node": ">=0.10.0"
+        "node": ">=14.16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/amplitude-js/node_modules/strict-uri-encode": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/strict-uri-encode/-/strict-uri-encode-1.1.0.tgz",
-      "integrity": "sha1-J5siXfHVgrH1TmWt3UNS4Y+qBxM=",
+    "node_modules/amplitude-js/node_modules/split-on-first": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/split-on-first/-/split-on-first-3.0.0.tgz",
+      "integrity": "sha512-qxQJTx2ryR0Dw0ITYyekNQWpz6f8dGd7vffGNflQQ3Iqj9NJ6qiZ7ELpZsJ/QBhIVAiDfXdag3+Gp8RvWa62AA==",
       "engines": {
-        "node": ">=0.10.0"
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/anser": {
@@ -11638,9 +11677,9 @@
       }
     },
     "node_modules/ip": {
-      "version": "1.1.5",
-      "resolved": "https://registry.npmjs.org/ip/-/ip-1.1.5.tgz",
-      "integrity": "sha1-vd7XARQpCCjAoDnnLvJfWq7ENUo="
+      "version": "1.1.9",
+      "resolved": "https://registry.npmjs.org/ip/-/ip-1.1.9.tgz",
+      "integrity": "sha512-cyRxvOEpNHNtchU3Ln9KC/auJgup87llfQpQ+t5ghoC/UhL16SWzbueiCsdTnWmqAWl7LadfuwhlqmtOaqMHdQ=="
     },
     "node_modules/ipaddr.js": {
       "version": "2.0.1",
@@ -12904,8 +12943,8 @@
     },
     "node_modules/lib-jitsi-meet": {
       "version": "0.0.0",
-      "resolved": "https://github.com/jitsi/lib-jitsi-meet/releases/download/v1764.0.0+ba21a236/lib-jitsi-meet.tgz",
-      "integrity": "sha512-k5S3TSB3LqDMxfZfzf4PKhHpVH2pxSBpU2yaomw4XjqBCxsBCIwxthRvfEg2ZF3XWjKaCgH2eUgIhMq7T+1gYg==",
+      "resolved": "https://github.com/jitsi/lib-jitsi-meet/releases/download/v1781.0.0+98bcd4e6/lib-jitsi-meet.tgz",
+      "integrity": "sha512-C9D8Bn98jQSx/GJfjN31YDQ4GxGL8GmWggWZotbVO33hcjwIw5//7XndFPKjUsPZMbgDQJqXu0KSy/WBhMGdzA==",
       "hasInstallScript": true,
       "license": "Apache-2.0",
       "dependencies": {
@@ -18625,6 +18664,12 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/text-encoding": {
+      "version": "0.7.0",
+      "resolved": "https://registry.npmjs.org/text-encoding/-/text-encoding-0.7.0.tgz",
+      "integrity": "sha512-oJQ3f1hrOnbRLOcwKz0Liq2IcrvDeZRHXhd9RgLrsT+DjWY/nty1Hi7v3dtkaEYbPYe0mUoOfzRrMwfXXwgPUA==",
+      "deprecated": "no longer maintained"
+    },
     "node_modules/text-table": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
@@ -20133,35 +20178,33 @@
     }
   },
   "dependencies": {
+    "@amplitude/analytics-connector": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/@amplitude/analytics-connector/-/analytics-connector-1.5.0.tgz",
+      "integrity": "sha512-T8mOYzB9RRxckzhL0NTHwdge9xuFxXEOplC8B1Y3UX3NHa3BLh7DlBUZlCOwQgMc2nxDfnSweDL5S3bhC+W90g=="
+    },
     "@amplitude/react-native": {
       "version": "2.7.0",
       "resolved": "https://registry.npmjs.org/@amplitude/react-native/-/react-native-2.7.0.tgz",
       "integrity": "sha512-2dMxCVgRPwReHRDm9JKbL+sZGyozJlcdr5Jokv8TQR7idNxxGmm4YSYkjhGjSWkoEyGEyy+lh9kRJQL/DcUWJQ=="
     },
     "@amplitude/types": {
-      "version": "1.9.2",
-      "resolved": "https://registry.npmjs.org/@amplitude/types/-/types-1.9.2.tgz",
-      "integrity": "sha512-s+Q/O8kNfocZiyGvVdtM5T4JGPwLRZ4Q26wtEF5xJhyCtJglGMe0ixe6u/6iW9s4JHIq+LlPlUu5095pVsdtNA=="
+      "version": "1.10.2",
+      "resolved": "https://registry.npmjs.org/@amplitude/types/-/types-1.10.2.tgz",
+      "integrity": "sha512-I8qenRI7uU6wKNb9LiZrAosSHVoNHziXouKY81CrqxH9xhVTEIJFXeuCV0hbtBr0Al/8ejnGjQRx+S2SvU/pPg=="
     },
     "@amplitude/ua-parser-js": {
-      "version": "0.7.24",
-      "resolved": "https://registry.npmjs.org/@amplitude/ua-parser-js/-/ua-parser-js-0.7.24.tgz",
-      "integrity": "sha512-VbQuJymJ20WEw0HtI2np7EdC3NJGUWi8+Xdbc7uk8WfMIF308T0howpzkQ3JFMN7ejnrcSM/OyNGveeE3TP3TA=="
+      "version": "0.7.33",
+      "resolved": "https://registry.npmjs.org/@amplitude/ua-parser-js/-/ua-parser-js-0.7.33.tgz",
+      "integrity": "sha512-wKEtVR4vXuPT9cVEIJkYWnlF++Gx3BdLatPBM+SZ1ztVIvnhdGBZR/mn9x/PzyrMcRlZmyi6L56I2J3doVBnjA=="
     },
     "@amplitude/utils": {
-      "version": "1.9.2",
-      "resolved": "https://registry.npmjs.org/@amplitude/utils/-/utils-1.9.2.tgz",
-      "integrity": "sha512-hGOIoIjmZ0pq/3b2gBrr17TaEarlR+qzFGu5npm76+scd/51F0eNvjd0vgV6WbJT1cxhyH/5Z8kihGWOU3vS3Q==",
+      "version": "1.10.2",
+      "resolved": "https://registry.npmjs.org/@amplitude/utils/-/utils-1.10.2.tgz",
+      "integrity": "sha512-tVsHXu61jITEtRjB7NugQ5cVDd4QDzne8T3ifmZye7TiJeUfVRvqe44gDtf55A+7VqhDhyEIIXTA1iVcDGqlEw==",
       "requires": {
-        "@amplitude/types": "^1.9.2",
-        "tslib": "^1.9.3"
-      },
-      "dependencies": {
-        "tslib": {
-          "version": "1.14.1",
-          "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
-          "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg=="
-        }
+        "@amplitude/types": "^1.10.2",
+        "tslib": "^2.0.0"
       }
     },
     "@ampproject/remapping": {
@@ -24602,9 +24645,9 @@
       "integrity": "sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA=="
     },
     "@types/amplitude-js": {
-      "version": "8.16.2",
-      "resolved": "https://registry.npmjs.org/@types/amplitude-js/-/amplitude-js-8.16.2.tgz",
-      "integrity": "sha512-a+tb/CEQOlrHRvEvAuYNOcoUy1POERANnAhfKgiTmsy0eACj3eukGP0ucA9t115QOPzVUhbnUfZqtyHp99IZyA==",
+      "version": "8.16.5",
+      "resolved": "https://registry.npmjs.org/@types/amplitude-js/-/amplitude-js-8.16.5.tgz",
+      "integrity": "sha512-W73JfDpwDH4VijOGo+nVuQOqUCiqyEGGVdajU4ziWTLn27cn+QtFuFuBdlhCraIIrO52fDRO4NSOGkawtn77Jw==",
       "dev": true
     },
     "@types/audioworklet": {
@@ -25551,30 +25594,42 @@
       "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ=="
     },
     "amplitude-js": {
-      "version": "8.2.1",
-      "resolved": "https://registry.npmjs.org/amplitude-js/-/amplitude-js-8.2.1.tgz",
-      "integrity": "sha512-jp8lm/koTNRceO16RCTlQg9+gUbxip1esod+d0oApBCJYpxuABec2bLHXv/OkVYICvnUWoiz17AZLxiaX/aK4Q==",
+      "version": "8.21.9",
+      "resolved": "https://registry.npmjs.org/amplitude-js/-/amplitude-js-8.21.9.tgz",
+      "integrity": "sha512-d0jJH00wbXu7sxKtVwkdSXtVffjqdUrxuACKlnzP7jU5qt9wriXXMgHifdH5Oq+buKmyF8wKL9S02gAykysURA==",
       "requires": {
-        "@amplitude/ua-parser-js": "0.7.24",
-        "@amplitude/utils": "^1.0.5",
-        "blueimp-md5": "^2.10.0",
-        "query-string": "5"
+        "@amplitude/analytics-connector": "^1.4.6",
+        "@amplitude/ua-parser-js": "0.7.33",
+        "@amplitude/utils": "^1.10.2",
+        "@babel/runtime": "^7.21.0",
+        "blueimp-md5": "^2.19.0",
+        "query-string": "8.1.0"
       },
       "dependencies": {
+        "decode-uri-component": {
+          "version": "0.4.1",
+          "resolved": "https://registry.npmjs.org/decode-uri-component/-/decode-uri-component-0.4.1.tgz",
+          "integrity": "sha512-+8VxcR21HhTy8nOt6jf20w0c9CADrw1O8d+VZ/YzzCt4bJ3uBjw+D1q2osAB8RnpwwaeYBxy0HyKQxD5JBMuuQ=="
+        },
+        "filter-obj": {
+          "version": "5.1.0",
+          "resolved": "https://registry.npmjs.org/filter-obj/-/filter-obj-5.1.0.tgz",
+          "integrity": "sha512-qWeTREPoT7I0bifpPUXtxkZJ1XJzxWtfoWWkdVGqa+eCr3SHW/Ocp89o8vLvbUuQnadybJpjOKu4V+RwO6sGng=="
+        },
         "query-string": {
-          "version": "5.1.1",
-          "resolved": "https://registry.npmjs.org/query-string/-/query-string-5.1.1.tgz",
-          "integrity": "sha512-gjWOsm2SoGlgLEdAGt7a6slVOk9mGiXmPFMqrEhLQ68rhQuBnpfs3+EmlvqKyxnCo9/PPlF+9MtY02S1aFg+Jw==",
+          "version": "8.1.0",
+          "resolved": "https://registry.npmjs.org/query-string/-/query-string-8.1.0.tgz",
+          "integrity": "sha512-BFQeWxJOZxZGix7y+SByG3F36dA0AbTy9o6pSmKFcFz7DAj0re9Frkty3saBn3nHo3D0oZJ/+rx3r8H8r8Jbpw==",
           "requires": {
-            "decode-uri-component": "^0.2.0",
-            "object-assign": "^4.1.0",
-            "strict-uri-encode": "^1.0.0"
+            "decode-uri-component": "^0.4.1",
+            "filter-obj": "^5.1.0",
+            "split-on-first": "^3.0.0"
           }
         },
-        "strict-uri-encode": {
-          "version": "1.1.0",
-          "resolved": "https://registry.npmjs.org/strict-uri-encode/-/strict-uri-encode-1.1.0.tgz",
-          "integrity": "sha1-J5siXfHVgrH1TmWt3UNS4Y+qBxM="
+        "split-on-first": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/split-on-first/-/split-on-first-3.0.0.tgz",
+          "integrity": "sha512-qxQJTx2ryR0Dw0ITYyekNQWpz6f8dGd7vffGNflQQ3Iqj9NJ6qiZ7ELpZsJ/QBhIVAiDfXdag3+Gp8RvWa62AA=="
         }
       }
     },
@@ -28556,9 +28611,9 @@
       }
     },
     "ip": {
-      "version": "1.1.5",
-      "resolved": "https://registry.npmjs.org/ip/-/ip-1.1.5.tgz",
-      "integrity": "sha1-vd7XARQpCCjAoDnnLvJfWq7ENUo="
+      "version": "1.1.9",
+      "resolved": "https://registry.npmjs.org/ip/-/ip-1.1.9.tgz",
+      "integrity": "sha512-cyRxvOEpNHNtchU3Ln9KC/auJgup87llfQpQ+t5ghoC/UhL16SWzbueiCsdTnWmqAWl7LadfuwhlqmtOaqMHdQ=="
     },
     "ipaddr.js": {
       "version": "2.0.1",
@@ -29472,8 +29527,8 @@
       }
     },
     "lib-jitsi-meet": {
-      "version": "https://github.com/jitsi/lib-jitsi-meet/releases/download/v1764.0.0+ba21a236/lib-jitsi-meet.tgz",
-      "integrity": "sha512-k5S3TSB3LqDMxfZfzf4PKhHpVH2pxSBpU2yaomw4XjqBCxsBCIwxthRvfEg2ZF3XWjKaCgH2eUgIhMq7T+1gYg==",
+      "version": "https://github.com/jitsi/lib-jitsi-meet/releases/download/v1781.0.0+98bcd4e6/lib-jitsi-meet.tgz",
+      "integrity": "sha512-C9D8Bn98jQSx/GJfjN31YDQ4GxGL8GmWggWZotbVO33hcjwIw5//7XndFPKjUsPZMbgDQJqXu0KSy/WBhMGdzA==",
       "requires": {
         "@jitsi/js-utils": "2.2.1",
         "@jitsi/logger": "2.0.2",
@@ -33629,6 +33684,11 @@
         }
       }
     },
+    "text-encoding": {
+      "version": "0.7.0",
+      "resolved": "https://registry.npmjs.org/text-encoding/-/text-encoding-0.7.0.tgz",
+      "integrity": "sha512-oJQ3f1hrOnbRLOcwKz0Liq2IcrvDeZRHXhd9RgLrsT+DjWY/nty1Hi7v3dtkaEYbPYe0mUoOfzRrMwfXXwgPUA=="
+    },
     "text-table": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",

package.json

@@ -48,7 +48,8 @@
     "@vladmandic/human": "2.6.5",
     "@vladmandic/human-models": "2.5.9",
     "@xmldom/xmldom": "0.8.7",
-    "amplitude-js": "8.2.1",
+    "abab": "2.0.6",
+    "amplitude-js": "8.21.9",
     "base64-js": "1.5.1",
     "bc-css-flags": "3.0.0",
     "clipboard-copy": "4.0.1",
@@ -66,7 +67,7 @@
     "js-md5": "0.6.1",
     "js-sha512": "0.8.0",
     "jwt-decode": "2.2.0",
-    "lib-jitsi-meet": "https://github.com/jitsi/lib-jitsi-meet/releases/download/v1764.0.0+ba21a236/lib-jitsi-meet.tgz",
+    "lib-jitsi-meet": "https://github.com/jitsi/lib-jitsi-meet/releases/download/v1781.0.0+98bcd4e6/lib-jitsi-meet.tgz",
     "lodash": "4.17.21",
     "moment": "2.29.4",
     "moment-duration-format": "2.2.2",
@@ -116,6 +117,7 @@
     "redux-thunk": "2.4.1",
     "seamless-scroll-polyfill": "2.1.8",
     "semver": "7.5.4",
+    "text-encoding": "0.7.0",
     "tss-react": "4.4.4",
     "util": "0.12.1",
     "uuid": "8.3.2",
@@ -131,7 +133,7 @@
     "@babel/preset-env": "7.21.5",
     "@babel/preset-react": "7.16.0",
     "@jitsi/eslint-config": "4.1.5",
-    "@types/amplitude-js": "8.16.2",
+    "@types/amplitude-js": "8.16.5",
     "@types/audioworklet": "0.0.29",
     "@types/dom-screen-wake-lock": "1.0.1",
     "@types/js-md5": "0.4.3",

react/features/analytics/AnalyticsEvents.ts

@@ -328,6 +328,22 @@ export function createNetworkInfoEvent({ isOnline, networkType, details }:
     };
 }
 
+/**
+ * Creates a "not allowed error" event.
+ *
+ * @param {string} reason - The reason for the error.
+ * @returns {Object} The event in a format suitable for sending via
+ * sendAnalytics.
+ */
+export function createNotAllowedErrorEvent(reason: string) {
+    return {
+        action: 'not.allowed.error',
+        attributes: {
+            reason
+        }
+    };
+}
+
 /**
  * Creates an "offer/answer failure" event.
  *

react/features/analytics/handlers/AmplitudeHandler.ts

@@ -35,6 +35,12 @@ export default class AmplitudeHandler extends AbstractHandler {
             this._enabled = false;
         };
 
+        // Forces sending all events on exit (flushing) via sendBeacon
+        const onExitPage = () => {
+            // @ts-ignore
+            amplitude.getInstance().sendEvents();
+        };
+
         if (navigator.product === 'ReactNative') {
             amplitude.getInstance().init(amplitudeAPPKey);
             fixDeviceID(amplitude.getInstance()).then(() => {
@@ -50,7 +56,8 @@ export default class AmplitudeHandler extends AbstractHandler {
                 includeReferrer: true,
                 includeUtm,
                 saveParamsReferrerOncePerSession: false,
-                onError
+                onError,
+                onExitPage
             };
 
             // @ts-ignore

react/features/app/middlewares.any.ts

@@ -3,6 +3,7 @@ import '../authentication/middleware';
 import '../av-moderation/middleware';
 import '../base/conference/middleware';
 import '../base/config/middleware';
+import '../base/i18n/middleware';
 import '../base/jwt/middleware';
 import '../base/known-domains/middleware';
 import '../base/lastn/middleware';
@@ -51,5 +52,6 @@ import '../video-layout/middleware';
 import '../video-quality/middleware';
 import '../videosipgw/middleware';
 import '../visitors/middleware';
+import '../whiteboard/middleware.any';
 
 import './middleware';

react/features/app/middlewares.native.ts

@@ -13,5 +13,6 @@ import '../mobile/react-native-sdk/middleware';
 import '../mobile/watchos/middleware';
 import '../share-room/middleware';
 import '../shared-video/middleware';
+import '../whiteboard/middleware.native';
 
 import './middlewares.any';

react/features/app/middlewares.web.ts

@@ -1,6 +1,5 @@
 import '../base/app/middleware';
 import '../base/connection/middleware';
-import '../base/i18n/middleware';
 import '../base/devices/middleware';
 import '../base/media/middleware';
 import '../dynamic-branding/middleware';
@@ -22,6 +21,6 @@ import '../talk-while-muted/middleware';
 import '../toolbox/middleware';
 import '../face-landmarks/middleware';
 import '../gifs/middleware';
-import '../whiteboard/middleware';
+import '../whiteboard/middleware.web';
 
 import './middlewares.any';

react/features/app/reducers.any.ts

@@ -55,3 +55,4 @@ import '../video-layout/reducer';
 import '../video-quality/reducer';
 import '../videosipgw/reducer';
 import '../visitors/reducer';
+import '../whiteboard/reducer';

react/features/app/reducers.web.ts

@@ -16,7 +16,6 @@ import '../noise-suppression/reducer';
 import '../screenshot-capture/reducer';
 import '../talk-while-muted/reducer';
 import '../virtual-background/reducer';
-import '../whiteboard/reducer';
 import '../web-hid/reducer';
 
 import './reducers.any';

react/features/base/conference/actionTypes.ts

@@ -178,6 +178,18 @@ export const DATA_CHANNEL_OPENED = 'DATA_CHANNEL_OPENED';
  */
 export const DATA_CHANNEL_CLOSED = 'DATA_CHANNEL_CLOSED';
 
+/**
+ * The type of (redux) action which indicates that an endpoint message
+ * sent by another participant to the data channel is received.
+ *
+ * {
+ *     type: ENDPOINT_MESSAGE_RECEIVED,
+ *     participant: Object,
+ *     data: Object
+ * }
+ */
+export const ENDPOINT_MESSAGE_RECEIVED = 'ENDPOINT_MESSAGE_RECEIVED';
+
 /**
  * The type of action which signals that the user has been kicked out from
  * the conference.
@@ -333,3 +345,13 @@ export const SET_START_MUTED_POLICY = 'SET_START_MUTED_POLICY';
  * }
  */
 export const SET_ASSUMED_BANDWIDTH_BPS = 'SET_ASSUMED_BANDWIDTH_BPS';
+
+/**
+ * The type of (redux) action which updated the conference metadata.
+ *
+ * {
+ *     type: UPDATE_CONFERENCE_METADATA,
+ *     metadata: Object
+ * }
+ */
+export const UPDATE_CONFERENCE_METADATA = 'UPDATE_CONFERENCE_METADATA';

react/features/base/conference/actions.ts

@@ -1,7 +1,6 @@
 import { createStartMutedConfigurationEvent } from '../../analytics/AnalyticsEvents';
 import { sendAnalytics } from '../../analytics/functions';
 import { IReduxState, IStore } from '../../app/types';
-import { endpointMessageReceived } from '../../subtitles/actions.any';
 import { setIAmVisitor } from '../../visitors/actions';
 import { iAmVisitor } from '../../visitors/functions';
 import { overwriteConfig } from '../config/actions';
@@ -9,8 +8,15 @@ import { getReplaceParticipant } from '../config/functions';
 import { connect, disconnect, hangup } from '../connection/actions';
 import { JITSI_CONNECTION_CONFERENCE_KEY } from '../connection/constants';
 import { JitsiConferenceEvents, JitsiE2ePingEvents } from '../lib-jitsi-meet';
-import { setAudioMuted, setAudioUnmutePermissions, setVideoMuted, setVideoUnmutePermissions } from '../media/actions';
+import {
+    gumPending,
+    setAudioMuted,
+    setAudioUnmutePermissions,
+    setVideoMuted,
+    setVideoUnmutePermissions
+} from '../media/actions';
 import { MEDIA_TYPE } from '../media/constants';
+import { IGUMPendingState } from '../media/types';
 import {
     dominantSpeakerChanged,
     participantKicked,
@@ -48,6 +54,7 @@ import {
     DATA_CHANNEL_CLOSED,
     DATA_CHANNEL_OPENED,
     E2E_RTT_CHANGED,
+    ENDPOINT_MESSAGE_RECEIVED,
     KICKED_OUT,
     LOCK_STATE_CHANGED,
     NON_PARTICIPANT_MESSAGE_RECEIVED,
@@ -61,7 +68,8 @@ import {
     SET_PENDING_SUBJECT_CHANGE,
     SET_ROOM,
     SET_START_MUTED_POLICY,
-    SET_START_REACTIONS_MUTED
+    SET_START_REACTIONS_MUTED,
+    UPDATE_CONFERENCE_METADATA
 } from './actionTypes';
 import {
     AVATAR_URL_COMMAND,
@@ -79,7 +87,7 @@ import {
     sendLocalParticipant
 } from './functions';
 import logger from './logger';
-import { IJitsiConference } from './reducer';
+import { IConferenceMetadata, IJitsiConference } from './reducer';
 
 /**
  * Adds conference (event) listeners.
@@ -275,6 +283,21 @@ function _addConferenceListeners(conference: IJitsiConference, dispatch: IStore[
         })));
 }
 
+/**
+ * Action for updating the conference metadata.
+ *
+ * @param {IConferenceMetadata} metadata - The metadata object.
+ * @returns {{
+ *    type: UPDATE_CONFERENCE_METADATA,
+ *    metadata: IConferenceMetadata
+ * }}
+ */
+export function updateConferenceMetadata(metadata: IConferenceMetadata | null) {
+    return {
+        type: UPDATE_CONFERENCE_METADATA,
+        metadata
+    };
+}
 
 /**
  * Create an action for when the end-to-end RTT against a specific remote participant has changed.
@@ -630,6 +653,25 @@ export function dataChannelClosed(code: number, reason: string) {
     };
 }
 
+/**
+ * Signals that a participant sent an endpoint message on the data channel.
+ *
+ * @param {Object} participant - The participant details sending the message.
+ * @param {Object} data - The data carried by the endpoint message.
+ * @returns {{
+*      type: ENDPOINT_MESSAGE_RECEIVED,
+*      participant: Object,
+*      data: Object
+* }}
+*/
+export function endpointMessageReceived(participant: Object, data: Object) {
+    return {
+        type: ENDPOINT_MESSAGE_RECEIVED,
+        participant,
+        data
+    };
+}
+
 /**
  * Action to end a conference for all participants.
  *
@@ -1017,6 +1059,11 @@ export function redirect(vnode: string, focusJid: string, username: string) {
             .then(() => dispatch(conferenceWillInit()))
             .then(() => dispatch(connect()))
             .then(() => {
+
+                // Clear the gum pending state in case we have set it to pending since we are starting the
+                // conference without tracks.
+                dispatch(gumPending([ MEDIA_TYPE.AUDIO, MEDIA_TYPE.VIDEO ], IGUMPendingState.NONE));
+
                 // FIXME: Workaround for the web version. To be removed once we get rid of conference.js
                 if (typeof APP !== 'undefined') {
                     APP.conference.startConference([]);

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

@@ -6,6 +6,7 @@ import { MIN_ASSUMED_BANDWIDTH_BPS } from '../../../../modules/API/constants';
 import {
     ACTION_PINNED,
     ACTION_UNPINNED,
+    createNotAllowedErrorEvent,
     createOfferAnswerFailedEvent,
     createPinnedEvent
 } from '../../analytics/AnalyticsEvents';
@@ -25,7 +26,7 @@ import { overwriteConfig } from '../config/actions';
 import { CONNECTION_ESTABLISHED, CONNECTION_FAILED } from '../connection/actionTypes';
 import { connect, connectionDisconnected, disconnect } from '../connection/actions';
 import { validateJwt } from '../jwt/functions';
-import { JitsiConferenceErrors, JitsiConnectionErrors } from '../lib-jitsi-meet';
+import { JitsiConferenceErrors, JitsiConferenceEvents, JitsiConnectionErrors } from '../lib-jitsi-meet';
 import { PARTICIPANT_UPDATED, PIN_PARTICIPANT } from '../participants/actionTypes';
 import { PARTICIPANT_ROLE } from '../participants/constants';
 import {
@@ -34,6 +35,7 @@ import {
     getPinnedParticipant
 } from '../participants/functions';
 import MiddlewareRegistry from '../redux/MiddlewareRegistry';
+import StateListenerRegistry from '../redux/StateListenerRegistry';
 import { TRACK_ADDED, TRACK_REMOVED } from '../tracks/actionTypes';
 import { getLocalTracks } from '../tracks/functions.any';
 
@@ -54,7 +56,8 @@ import {
     conferenceWillLeave,
     createConference,
     setLocalSubject,
-    setSubject
+    setSubject,
+    updateConferenceMetadata
 } from './actions';
 import { CONFERENCE_LEAVE_REASONS } from './constants';
 import {
@@ -65,6 +68,7 @@ import {
     restoreConferenceOptions
 } from './functions';
 import logger from './logger';
+import { IConferenceMetadata } from './reducer';
 
 /**
  * Handler for before unload event.
@@ -124,6 +128,24 @@ MiddlewareRegistry.register(store => next => action => {
     return next(action);
 });
 
+/**
+ * Set up state change listener to perform maintenance tasks when the conference
+ * is left or failed.
+ */
+StateListenerRegistry.register(
+    state => getCurrentConference(state),
+    (conference, { dispatch }, previousConference): void => {
+        if (conference && !previousConference) {
+            conference.on(JitsiConferenceEvents.METADATA_UPDATED, (metadata: IConferenceMetadata) => {
+                dispatch(updateConferenceMetadata(metadata));
+            });
+        }
+
+        if (conference !== previousConference) {
+            dispatch(updateConferenceMetadata(null));
+        }
+    });
+
 /**
  * Makes sure to leave a failed conference in order to release any allocated
  * resources like peer connections, emit participant left events, etc.
@@ -197,6 +219,12 @@ function _conferenceFailed({ dispatch, getState }: IStore, next: Function, actio
 
         break;
     }
+    case JitsiConferenceErrors.NOT_ALLOWED_ERROR: {
+        const [ msg ] = error.params;
+
+        sendAnalytics(createNotAllowedErrorEvent(msg));
+        break;
+    }
     case JitsiConferenceErrors.OFFER_ANSWER_FAILED:
         sendAnalytics(createOfferAnswerFailedEvent());
         break;

react/features/base/conference/reducer.ts

@@ -27,7 +27,8 @@ import {
     SET_PENDING_SUBJECT_CHANGE,
     SET_ROOM,
     SET_START_MUTED_POLICY,
-    SET_START_REACTIONS_MUTED
+    SET_START_REACTIONS_MUTED,
+    UPDATE_CONFERENCE_METADATA
 } from './actionTypes';
 import { isRoomValid } from './functions';
 
@@ -39,10 +40,23 @@ const DEFAULT_STATE = {
     leaving: undefined,
     locked: undefined,
     membersOnly: undefined,
+    metadata: undefined,
     password: undefined,
     passwordRequired: undefined
 };
 
+export interface IConferenceMetadata {
+    recording?: {
+        isTranscribingEnabled: boolean;
+    };
+    whiteboard?: {
+        collabDetails: {
+            roomId: string;
+            roomKey: string;
+        };
+    };
+}
+
 export interface IJitsiConference {
     addCommandListener: Function;
     addLobbyMessageListener: Function;
@@ -141,6 +155,7 @@ export interface IConferenceState {
     localSubject?: string;
     locked?: string;
     membersOnly?: IJitsiConference;
+    metadata?: IConferenceMetadata;
     obfuscatedRoom?: string;
     obfuscatedRoomSource?: string;
     p2p?: Object;
@@ -247,6 +262,12 @@ ReducerRegistry.register<IConferenceState>('features/base/conference',
                 startAudioMutedPolicy: action.startAudioMutedPolicy,
                 startVideoMutedPolicy: action.startVideoMutedPolicy
             };
+
+        case UPDATE_CONFERENCE_METADATA:
+            return {
+                ...state,
+                metadata: action.metadata
+            };
         }
 
         return state;

react/features/base/config/configType.ts

@@ -530,6 +530,10 @@ export interface IConfig {
         sharingEnabled?: boolean;
     };
     recordingSharingUrl?: string;
+    recordings?: {
+        showPrejoinWarning?: boolean;
+        suggestRecording?: boolean;
+    };
     remoteVideoMenu?: {
         disableGrantModerator?: boolean;
         disableKick?: boolean;
@@ -570,6 +574,7 @@ export interface IConfig {
     testing?: {
         assumeBandwidth?: boolean;
         disableE2EE?: boolean;
+        dumpTranscript?: boolean;
         mobileXmppWsThreshold?: number;
         noAutoPlayVideo?: boolean;
         p2pTestMode?: boolean;

react/features/base/config/configWhitelist.ts

@@ -201,6 +201,7 @@ export default [
     'remoteVideoMenu',
     'roomPasswordNumberOfDigits',
     'readOnlyName',
+    'recordings',
     'replaceParticipant',
     'resolution',
     'salesforceUrl',

react/features/base/config/functions.any.ts

@@ -65,7 +65,7 @@ export function getMeetingRegion(state: IReduxState) {
  * @returns {boolean}
  */
 export function getSsrcRewritingFeatureFlag(state: IReduxState) {
-    return getFeatureFlag(state, FEATURE_FLAGS.SSRC_REWRITING);
+    return getFeatureFlag(state, FEATURE_FLAGS.SSRC_REWRITING) ?? true;
 }
 
 /**

react/features/base/premeeting/components/web/PreMeetingScreen.tsx

@@ -5,6 +5,7 @@ import { makeStyles } from 'tss-react/mui';
 
 import { IReduxState } from '../../../../app/types';
 import DeviceStatus from '../../../../prejoin/components/web/preview/DeviceStatus';
+import { isRoomNameEnabled } from '../../../../prejoin/functions';
 import Toolbox from '../../../../toolbox/components/web/Toolbox';
 import { getConferenceName } from '../../../conference/functions';
 import { PREMEETING_BUTTONS, THIRD_PARTY_PREJOIN_BUTTONS } from '../../../config/constants';
@@ -13,6 +14,7 @@ import { withPixelLineHeight } from '../../../styles/functions.web';
 
 import ConnectionStatus from './ConnectionStatus';
 import Preview from './Preview';
+import RecordingWarning from './RecordingWarning';
 import UnsafeRoomWarning from './UnsafeRoomWarning';
 
 interface IProps {
@@ -57,6 +59,11 @@ interface IProps {
      */
     showDeviceStatus: boolean;
 
+    /**
+     * Indicates whether to display the recording warning.
+     */
+    showRecordingWarning?: boolean;
+
     /**
      * If should show unsafe room warning when joining.
      */
@@ -167,6 +174,7 @@ const PreMeetingScreen = ({
     children,
     className,
     showDeviceStatus,
+    showRecordingWarning,
     showUnsafeRoomWarning,
     skipPrejoinButton,
     title,
@@ -200,6 +208,7 @@ const PreMeetingScreen = ({
                         {skipPrejoinButton}
                         {showUnsafeRoomWarning && <UnsafeRoomWarning />}
                         {showDeviceStatus && <DeviceStatus />}
+                        {showRecordingWarning && <RecordingWarning />}
                     </div>
                 </div>
             </div>
@@ -219,7 +228,7 @@ const PreMeetingScreen = ({
  * @returns {Object}
  */
 function mapStateToProps(state: IReduxState, ownProps: Partial<IProps>) {
-    const { hiddenPremeetingButtons, hideConferenceSubject } = state['features/base/config'];
+    const { hiddenPremeetingButtons } = state['features/base/config'];
     const toolbarButtons = getToolbarButtons(state);
     const premeetingButtons = (ownProps.thirdParty
         ? THIRD_PARTY_PREJOIN_BUTTONS
@@ -237,7 +246,7 @@ function mapStateToProps(state: IReduxState, ownProps: Partial<IProps>) {
             ? premeetingButtons
             : premeetingButtons.filter(b => isToolbarButtonEnabled(b, toolbarButtons)),
         _premeetingBackground: premeetingBackground,
-        _roomName: (hideConferenceSubject ? undefined : getConferenceName(state)) ?? ''
+        _roomName: isRoomNameEnabled(state) ? getConferenceName(state) : ''
     };
 }
 

react/features/base/premeeting/components/web/RecordingWarning.tsx

@@ -0,0 +1,40 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { makeStyles } from 'tss-react/mui';
+
+import { withPixelLineHeight } from '../../../styles/functions.web';
+
+const useStyles = makeStyles()(theme => {
+    return {
+        warning: {
+            bottom: 0,
+            color: theme.palette.text03,
+            display: 'flex',
+            justifyContent: 'center',
+            ...withPixelLineHeight(theme.typography.bodyShortRegular),
+            marginBottom: theme.spacing(3),
+            marginTop: theme.spacing(2),
+            paddingLeft: theme.spacing(3),
+            paddingRight: theme.spacing(3),
+            position: 'absolute',
+            width: '100%',
+
+            '@media (max-width: 720px)': {
+                position: 'relative'
+            }
+        }
+    };
+});
+
+const RecordingWarning = () => {
+    const { t } = useTranslation();
+    const { classes } = useStyles();
+
+    return (
+        <div className = { classes.warning }>
+            {t('prejoin.recordingWarning')}
+        </div>
+    );
+};
+
+export default RecordingWarning;

react/features/base/tracks/actions.native.ts

@@ -33,12 +33,12 @@ export function toggleScreensharing(enabled: boolean, _ignore1?: boolean, _ignor
         if (enabled) {
             const isSharing = isLocalVideoTrackDesktop(state);
 
-            if (!isSharing) {
-                _startScreenSharing(dispatch, state);
+            if (isSharing) {
+                Platform.OS === 'android' && JitsiMeetMediaProjectionModule.abort();
+            } else {
                 Platform.OS === 'android' && JitsiMeetMediaProjectionModule.launch();
+                _startScreenSharing(dispatch, state);
             }
-
-            Platform.OS === 'android' && JitsiMeetMediaProjectionModule.abort();
         } else {
             dispatch(setScreenshareMuted(true));
             dispatch(setVideoMuted(false, VIDEO_MUTISM_AUTHORITY.SCREEN_SHARE));

react/features/base/util/httpUtils.ts

@@ -1,3 +1,5 @@
+import base64js from 'base64-js';
+
 import { timeoutPromise } from './timeoutPromise';
 
 /**
@@ -43,3 +45,37 @@ export function doGetJSON(url: string, retry?: boolean, options?: Object) {
 
     return fetchPromise;
 }
+
+/**
+ * Encodes strings to Base64URL.
+ *
+ * @param {any} data - The byte array to encode.
+ * @returns {string}
+ */
+export const encodeToBase64URL = (data: string): string => base64js
+    .fromByteArray(new window.TextEncoder().encode(data))
+    .replace(/=/g, '')
+    .replace(/\+/g, '-')
+    .replace(/\//g, '_');
+
+/**
+ * Decodes strings from Base64URL.
+ *
+ * @param {string} data - The byte array to decode.
+ * @returns {string}
+ */
+export const decodeFromBase64URL = (data: string): string => {
+    let s = data;
+
+    // Convert from Base64URL to Base64.
+    if (s.length % 4 === 2) {
+        s += '==';
+    } else if (s.length % 4 === 3) {
+        s += '=';
+    }
+
+    s = s.replace(/-/g, '+').replace(/_/g, '/');
+
+    // Convert Base64 to a byte array.
+    return new window.TextDecoder().decode(base64js.toByteArray(s));
+};

react/features/chat/components/native/ChatButton.ts

@@ -6,6 +6,7 @@ import { getFeatureFlag } from '../../../base/flags/functions';
 import { translate } from '../../../base/i18n/functions';
 import { IconChatUnread, IconMessage } from '../../../base/icons/svg';
 import AbstractButton, { IProps as AbstractButtonProps } from '../../../base/toolbox/components/AbstractButton';
+import { arePollsDisabled } from '../../../conference/functions.any';
 import { navigate } from '../../../mobile/navigation/components/conference/ConferenceNavigationContainerRef';
 import { screen } from '../../../mobile/navigation/routes';
 import { getUnreadPollCount } from '../../../polls/functions';
@@ -65,11 +66,10 @@ class ChatButton extends AbstractButton<IProps> {
  */
 function _mapStateToProps(state: IReduxState, ownProps: any) {
     const enabled = getFeatureFlag(state, CHAT_ENABLED, true);
-    const { disablePolls } = state['features/base/config'];
     const { visible = enabled } = ownProps;
 
     return {
-        _isPollsDisabled: disablePolls,
+        _isPollsDisabled: arePollsDisabled(state),
 
         // The toggled icon should also be available for new polls
         _unreadMessageCount: getUnreadCount(state) || getUnreadPollCount(state),

react/features/chat/components/native/PrivateMessageButton.tsx

@@ -8,6 +8,7 @@ import { IconMessage, IconReply } from '../../../base/icons/svg';
 import { getParticipantById } from '../../../base/participants/functions';
 import { IParticipant } from '../../../base/participants/types';
 import AbstractButton, { IProps as AbstractButtonProps } from '../../../base/toolbox/components/AbstractButton';
+import { arePollsDisabled } from '../../../conference/functions.any';
 import { navigate } from '../../../mobile/navigation/components/conference/ConferenceNavigationContainerRef';
 import { screen } from '../../../mobile/navigation/routes';
 import { handleLobbyChatInitialized, openChat } from '../../actions.native';
@@ -96,11 +97,10 @@ class PrivateMessageButton extends AbstractButton<IProps, any> {
  */
 export function _mapStateToProps(state: IReduxState, ownProps: any) {
     const enabled = getFeatureFlag(state, CHAT_ENABLED, true);
-    const { disablePolls } = state['features/base/config'];
     const { visible = enabled, isLobbyMessage, participantID } = ownProps;
 
     return {
-        _isPollsDisabled: disablePolls,
+        _isPollsDisabled: arePollsDisabled(state),
         _participant: getParticipantById(state, participantID),
         _isLobbyMessage: isLobbyMessage,
         visible

react/features/chat/components/web/Chat.tsx

@@ -7,6 +7,7 @@ import { translate } from '../../../base/i18n/functions';
 import { getLocalParticipant } from '../../../base/participants/functions';
 import { withPixelLineHeight } from '../../../base/styles/functions.web';
 import Tabs from '../../../base/ui/components/web/Tabs';
+import { arePollsDisabled } from '../../../conference/functions.any';
 import PollsPane from '../../../polls/components/web/PollsPane';
 import { sendMessage, setIsPollsTabFocused, toggleChat } from '../../actions.web';
 import { CHAT_SIZE, CHAT_TABS, SMALL_WIDTH_THRESHOLD } from '../../constants';
@@ -316,12 +317,11 @@ function _mapStateToProps(state: IReduxState, _ownProps: any) {
     const { isOpen, isPollsTabFocused, messages, nbUnreadMessages } = state['features/chat'];
     const { nbUnreadPolls } = state['features/polls'];
     const _localParticipant = getLocalParticipant(state);
-    const { disablePolls } = state['features/base/config'];
 
     return {
         _isModal: window.innerWidth <= SMALL_WIDTH_THRESHOLD,
         _isOpen: isOpen,
-        _isPollsEnabled: !disablePolls,
+        _isPollsEnabled: !arePollsDisabled(state),
         _isPollsTabFocused: isPollsTabFocused,
         _messages: messages,
         _nbUnreadMessages: nbUnreadMessages,

react/features/chat/middleware.ts

@@ -2,7 +2,7 @@ import { AnyAction } from 'redux';
 
 import { IReduxState, IStore } from '../app/types';
 import { APP_WILL_MOUNT, APP_WILL_UNMOUNT } from '../base/app/actionTypes';
-import { CONFERENCE_JOINED } from '../base/conference/actionTypes';
+import { CONFERENCE_JOINED, ENDPOINT_MESSAGE_RECEIVED } from '../base/conference/actionTypes';
 import { getCurrentConference } from '../base/conference/functions';
 import { IJitsiConference } from '../base/conference/reducer';
 import { openDialog } from '../base/dialog/actions';
@@ -29,7 +29,6 @@ import { ADD_REACTION_MESSAGE } from '../reactions/actionTypes';
 import { pushReactions } from '../reactions/actions.any';
 import { ENDPOINT_REACTION_NAME } from '../reactions/constants';
 import { getReactionMessageFromBuffer, isReactionsEnabled } from '../reactions/functions.any';
-import { endpointMessageReceived } from '../subtitles/actions.any';
 import { showToolbox } from '../toolbox/actions';
 
 
@@ -93,14 +92,6 @@ MiddlewareRegistry.register(store => next => action => {
         _addChatMsgListener(action.conference, store);
         break;
 
-    case OPEN_CHAT:
-        unreadCount = 0;
-
-        if (typeof APP !== 'undefined') {
-            APP.API.notifyChatUpdated(unreadCount, true);
-        }
-        break;
-
     case CLOSE_CHAT: {
         const isPollTabOpen = getState()['features/chat'].isPollsTabFocused;
 
@@ -116,6 +107,38 @@ MiddlewareRegistry.register(store => next => action => {
         break;
     }
 
+    case ENDPOINT_MESSAGE_RECEIVED: {
+        const state = store.getState();
+
+        if (!isReactionsEnabled(state)) {
+            return;
+        }
+
+        const { participant, data } = action;
+
+        if (data?.name === ENDPOINT_REACTION_NAME) {
+            store.dispatch(pushReactions(data.reactions));
+
+            _handleReceivedMessage(store, {
+                id: participant.getId(),
+                message: getReactionMessageFromBuffer(data.reactions),
+                privateMessage: false,
+                lobbyChat: false,
+                timestamp: data.timestamp
+            }, false, true);
+        }
+
+        break;
+    }
+
+    case OPEN_CHAT:
+        unreadCount = 0;
+
+        if (typeof APP !== 'undefined') {
+            APP.API.notifyChatUpdated(unreadCount, true);
+        }
+        break;
+
     case SET_IS_POLL_TAB_FOCUSED: {
         dispatch(resetNbUnreadPollsMessages());
         break;
@@ -253,35 +276,6 @@ function _addChatMsgListener(conference: IJitsiConference, store: IStore) {
         }
     );
 
-    conference.on(
-        JitsiConferenceEvents.ENDPOINT_MESSAGE_RECEIVED,
-        (...args: any) => {
-            const state = store.getState();
-
-            if (!isReactionsEnabled(state)) {
-                return;
-            }
-
-            // @ts-ignore
-            store.dispatch(endpointMessageReceived(...args));
-
-            if (args && args.length >= 2) {
-                const [ { _id }, eventData ] = args;
-
-                if (eventData.name === ENDPOINT_REACTION_NAME) {
-                    store.dispatch(pushReactions(eventData.reactions));
-
-                    _handleReceivedMessage(store, {
-                        id: _id,
-                        message: getReactionMessageFromBuffer(eventData.reactions),
-                        privateMessage: false,
-                        lobbyChat: false,
-                        timestamp: eventData.timestamp
-                    }, false, true);
-                }
-            }
-        });
-
     conference.on(
         JitsiConferenceEvents.CONFERENCE_ERROR, (errorType: string, error: Error) => {
             errorType === JitsiConferenceErrors.CHAT_ERROR && _handleChatError(store, error);

react/features/conference/components/native/AlwaysOnLabels.tsx

@@ -1,11 +1,13 @@
 import React, { useCallback } from 'react';
 import { TouchableOpacity } from 'react-native';
-import { useDispatch } from 'react-redux';
+import { useDispatch, useSelector } from 'react-redux';
 
+import { IReduxState } from '../../../app/types';
 import { JitsiRecordingConstants } from '../../../base/lib-jitsi-meet';
 import { openHighlightDialog } from '../../../recording/actions.native';
 import HighlightButton from '../../../recording/components/Recording/native/HighlightButton';
 import RecordingLabel from '../../../recording/components/native/RecordingLabel';
+import { getActiveSession } from '../../../recording/functions';
 import VisitorsCountLabel from '../../../visitors/components/native/VisitorsCountLabel';
 
 import RaisedHandsCountLabel from './RaisedHandsCountLabel';
@@ -28,7 +30,10 @@ interface IProps {
 
 const AlwaysOnLabels = ({ createOnPress }: IProps) => {
     const dispatch = useDispatch();
-    const openHighlightDialogCallback = useCallback(() => dispatch(openHighlightDialog()), [ dispatch ]);
+    const isStreaming = useSelector((state: IReduxState) =>
+        Boolean(getActiveSession(state, JitsiRecordingConstants.mode.STREAM)));
+    const openHighlightDialogCallback = useCallback(() =>
+        dispatch(openHighlightDialog()), [ dispatch ]);
 
     return (<>
         <TouchableOpacity
@@ -36,11 +41,14 @@ const AlwaysOnLabels = ({ createOnPress }: IProps) => {
             onPress = { createOnPress(LABEL_ID_RECORDING) } >
             <RecordingLabel mode = { JitsiRecordingConstants.mode.FILE } />
         </TouchableOpacity>
-        <TouchableOpacity
-            hitSlop = { LabelHitSlop }
-            onPress = { createOnPress(LABEL_ID_STREAMING) } >
-            <RecordingLabel mode = { JitsiRecordingConstants.mode.STREAM } />
-        </TouchableOpacity>
+        {
+            isStreaming
+            && <TouchableOpacity
+                hitSlop = { LabelHitSlop }
+                onPress = { createOnPress(LABEL_ID_STREAMING) } >
+                <RecordingLabel mode = { JitsiRecordingConstants.mode.STREAM } />
+            </TouchableOpacity>
+        }
         <TouchableOpacity
             hitSlop = { LabelHitSlop }
             onPress = { openHighlightDialogCallback }>

react/features/conference/components/native/Conference.tsx

@@ -17,7 +17,6 @@ import { IReduxState, IStore } from '../../../app/types';
 import { CONFERENCE_BLURRED, CONFERENCE_FOCUSED } from '../../../base/conference/actionTypes';
 import { FULLSCREEN_ENABLED, PIP_ENABLED } from '../../../base/flags/constants';
 import { getFeatureFlag } from '../../../base/flags/functions';
-import { getParticipantCount } from '../../../base/participants/functions';
 import Container from '../../../base/react/components/native/Container';
 import LoadingIndicator from '../../../base/react/components/native/LoadingIndicator';
 import TintedView from '../../../base/react/components/native/TintedView';
@@ -101,11 +100,6 @@ interface IProps extends AbstractProps {
      */
     _fullscreenEnabled: boolean;
 
-    /**
-     * The indicator which determines if the conference type is one to one.
-     */
-    _isOneToOneConference: boolean;
-
     /**
      * The indicator which determines if the participants pane is open.
      */
@@ -370,7 +364,6 @@ class Conference extends AbstractConference<IProps, State> {
             _aspectRatio,
             _connecting,
             _filmstripVisible,
-            _isOneToOneConference,
             _largeVideoParticipantId,
             _reducedUI,
             _shouldDisplayTileView,
@@ -426,13 +419,11 @@ class Conference extends AbstractConference<IProps, State> {
                     <Captions onPress = { this._onClick } />
 
                     {
-                        _shouldDisplayTileView || (
-                            !_isOneToOneConference
-                            && <Container style = { styles.displayNameContainer }>
-                                <DisplayNameLabel
-                                    participantId = { _largeVideoParticipantId } />
-                            </Container>
-                        )
+                        _shouldDisplayTileView
+                        || <Container style = { styles.displayNameContainer }>
+                            <DisplayNameLabel
+                                participantId = { _largeVideoParticipantId } />
+                        </Container>
                     }
 
                     { !_shouldDisplayTileView && <LonelyMeetingExperience /> }
@@ -573,7 +564,6 @@ function _mapStateToProps(state: IReduxState, _ownProps: any) {
     const { backgroundColor } = state['features/dynamic-branding'];
     const { startCarMode } = state['features/base/settings'];
     const { enabled: audioOnlyEnabled } = state['features/base/audio-only'];
-    const participantCount = getParticipantCount(state);
     const brandingStyles = backgroundColor ? {
         backgroundColor
     } : undefined;
@@ -587,7 +577,6 @@ function _mapStateToProps(state: IReduxState, _ownProps: any) {
         _connecting: isConnecting(state),
         _filmstripVisible: isFilmstripVisible(state),
         _fullscreenEnabled: getFeatureFlag(state, FULLSCREEN_ENABLED, true),
-        _isOneToOneConference: Boolean(participantCount === 2),
         _isParticipantsPaneOpen: isOpen,
         _largeVideoParticipantId: state['features/large-video'].participantId,
         _pictureInPictureEnabled: getFeatureFlag(state, PIP_ENABLED),

react/features/conference/components/native/TitleBar.tsx

@@ -4,11 +4,12 @@ import { connect } from 'react-redux';
 
 import { IReduxState } from '../../../app/types';
 import { getConferenceName, getConferenceTimestamp } from '../../../base/conference/functions';
-import { CONFERENCE_TIMER_ENABLED, MEETING_NAME_ENABLED } from '../../../base/flags/constants';
+import { CONFERENCE_TIMER_ENABLED } from '../../../base/flags/constants';
 import { getFeatureFlag } from '../../../base/flags/functions';
 import AudioDeviceToggleButton from '../../../mobile/audio-mode/components/AudioDeviceToggleButton';
 import PictureInPictureButton from '../../../mobile/picture-in-picture/components/PictureInPictureButton';
 import ParticipantsPaneButton from '../../../participants-pane/components/native/ParticipantsPaneButton';
+import { isRoomNameEnabled } from '../../../prejoin/functions';
 import ToggleCameraButton from '../../../toolbox/components/native/ToggleCameraButton';
 import { isToolboxVisible } from '../../../toolbox/functions.native';
 import ConferenceTimer from '../ConferenceTimer';
@@ -16,6 +17,7 @@ import ConferenceTimer from '../ConferenceTimer';
 import Labels from './Labels';
 import styles from './styles';
 
+
 interface IProps {
 
     /**
@@ -35,9 +37,9 @@ interface IProps {
     _meetingName: string;
 
     /**
-     * Whether displaying the current meeting name is enabled or not.
+     * Whether displaying the current room name is enabled or not.
      */
-    _meetingNameEnabled: boolean;
+    _roomNameEnabled: boolean;
 
     /**
      * True if the navigation bar should be visible.
@@ -75,7 +77,7 @@ const TitleBar = (props: IProps) => {
                     </View>
                 }
                 {
-                    props._meetingNameEnabled
+                    props._roomNameEnabled
                     && <View style = { styles.roomNameView as ViewStyle }>
                         <Text
                             numberOfLines = { 1 }
@@ -107,15 +109,14 @@ const TitleBar = (props: IProps) => {
  * @returns {IProps}
  */
 function _mapStateToProps(state: IReduxState) {
-    const { hideConferenceTimer, hideConferenceSubject } = state['features/base/config'];
+    const { hideConferenceTimer } = state['features/base/config'];
     const startTimestamp = getConferenceTimestamp(state);
 
     return {
         _conferenceTimerEnabled:
             Boolean(getFeatureFlag(state, CONFERENCE_TIMER_ENABLED, true) && !hideConferenceTimer && startTimestamp),
         _meetingName: getConferenceName(state),
-        _meetingNameEnabled:
-            getFeatureFlag(state, MEETING_NAME_ENABLED, true) && !hideConferenceSubject,
+        _roomNameEnabled: isRoomNameEnabled(state),
         _visible: isToolboxVisible(state)
     };
 }

react/features/conference/components/web/Conference.tsx

@@ -23,6 +23,7 @@ import { getOverlayToRender } from '../../../overlay/functions.web';
 import ParticipantsPane from '../../../participants-pane/components/web/ParticipantsPane';
 import Prejoin from '../../../prejoin/components/web/Prejoin';
 import { isPrejoinPageVisible } from '../../../prejoin/functions';
+import ReactionAnimations from '../../../reactions/components/web/ReactionsAnimations';
 import { toggleToolboxVisible } from '../../../toolbox/actions.any';
 import { fullScreenChanged, showToolbox } from '../../../toolbox/actions.web';
 import JitsiPortal from '../../../toolbox/components/web/JitsiPortal';
@@ -260,6 +261,7 @@ class Conference extends AbstractConference<IProps, any> {
                     { _showLobby && <LobbyScreen />}
                 </div>
                 <ParticipantsPane />
+                <ReactionAnimations />
             </div>
         );
     }

react/features/conference/functions.any.ts

@@ -1,5 +1,6 @@
 import { IStateful } from '../base/app/types';
 import { toState } from '../base/redux/functions';
+import { iAmVisitor } from '../visitors/functions';
 
 
 /**
@@ -15,3 +16,19 @@ export function shouldDisplayNotifications(stateful: IStateful) {
 
     return !calleeInfoVisible;
 }
+
+
+/**
+ *
+ * Returns true if polls feature is disabled.
+ *
+ * @param {(Function|Object)} stateful - The (whole) redux state, or redux's
+ * {@code getState} function to be used to retrieve the state
+ * features/base/config.
+ * @returns {boolean}.
+ */
+export function arePollsDisabled(stateful: IStateful) {
+    const state = toState(stateful);
+
+    return state['features/base/config']?.disablePolls || iAmVisitor(state);
+}

react/features/conference/functions.native.ts

@@ -1,21 +1 @@
-import { IStateful } from '../base/app/types';
-import { toState } from '../base/redux/functions';
-
 export * from './functions.any';
-
-
-/**
- *
- * Returns true if polls feature is disabled.
- *
- * @param {(Function|Object)} stateful - The (whole) redux state, or redux's
- * {@code getState} function to be used to retrieve the state
- * features/base/config.
- * @returns {boolean}.
- */
-export function getDisablePolls(stateful: IStateful) {
-    const state = toState(stateful)['features/base/config'];
-
-    return state.disablePolls;
-}
-

react/features/conference/middleware.any.ts

@@ -35,6 +35,7 @@ import {
     NOTIFICATION_ICON,
     NOTIFICATION_TIMEOUT_TYPE
 } from '../notifications/constants';
+import { showStartRecordingNotification } from '../recording/actions';
 import { showSalesforceNotification } from '../salesforce/actions';
 import { setToolboxEnabled } from '../toolbox/actions.any';
 
@@ -149,6 +150,8 @@ function _conferenceJoined({ dispatch, getState }: IStore) {
     }
 
     dispatch(showSalesforceNotification());
+    dispatch(showStartRecordingNotification());
+
     _checkIframe(getState(), dispatch);
 }
 

react/features/conference/middleware.web.ts

@@ -1,10 +1,7 @@
-
 import i18next from 'i18next';
 
-import { CONFERENCE_JOINED, KICKED_OUT } from '../base/conference/actionTypes';
-import { IJitsiConference } from '../base/conference/reducer';
+import { ENDPOINT_MESSAGE_RECEIVED, KICKED_OUT } from '../base/conference/actionTypes';
 import { hangup } from '../base/connection/actions.web';
-import { JitsiConferenceEvents } from '../base/lib-jitsi-meet';
 import { getParticipantDisplayName } from '../base/participants/functions';
 import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
 import { openAllowToggleCameraDialog, setCameraFacingMode } from '../base/tracks/actions.web';
@@ -14,8 +11,15 @@ import './middleware.any';
 
 MiddlewareRegistry.register(store => next => action => {
     switch (action.type) {
-    case CONFERENCE_JOINED: {
-        _addSetCameraFacingModeListener(action.conference);
+    case ENDPOINT_MESSAGE_RECEIVED: {
+        const { participant, data } = action;
+
+        if (data?.name === CAMERA_FACING_MODE_MESSAGE) {
+            APP.store.dispatch(openAllowToggleCameraDialog(
+                /* onAllow */ () => APP.store.dispatch(setCameraFacingMode(data.facingMode)),
+                /* initiatorId */ participant.getId()
+            ));
+        }
         break;
     }
 
@@ -34,28 +38,3 @@ MiddlewareRegistry.register(store => next => action => {
 
     return next(action);
 });
-
-/**
- * Registers listener for {@link JitsiConferenceEvents.ENDPOINT_MESSAGE_RECEIVED} that
- * will perform various chat related activities.
- *
- * @param {IJitsiConference} conference - The conference.
- * @returns {void}
- */
-function _addSetCameraFacingModeListener(conference: IJitsiConference) {
-    conference.on(
-        JitsiConferenceEvents.ENDPOINT_MESSAGE_RECEIVED,
-        (...args: any) => {
-            if (args && args.length >= 2) {
-                const [ sender, eventData ] = args;
-
-                if (eventData.name === CAMERA_FACING_MODE_MESSAGE) {
-                    APP.store.dispatch(openAllowToggleCameraDialog(
-                        /* onAllow */ () => APP.store.dispatch(setCameraFacingMode(eventData.facingMode)),
-                        /* initiatorId */ sender._id
-                    ));
-                }
-            }
-        }
-    );
-}

react/features/dynamic-branding/middleware.native.ts

@@ -23,7 +23,8 @@ MiddlewareRegistry.register(store => next => action => {
             backgroundImageUrl,
             brandedIcons,
             didPageUrl,
-            inviteDomain
+            inviteDomain,
+            labels
         } = action.value;
 
         action.value = {
@@ -32,7 +33,8 @@ MiddlewareRegistry.register(store => next => action => {
             backgroundImageUrl,
             brandedIcons,
             didPageUrl,
-            inviteDomain
+            inviteDomain,
+            labels
         };
 
         // The backend may send an empty string, make sure we skip that.

react/features/etherpad/components/native/SharedDocument.tsx

@@ -56,6 +56,7 @@ class SharedDocument extends PureComponent<IProps> {
                 style = { styles.sharedDocContainer }>
                 <WebView
                     hideKeyboardAccessoryView = { true }
+                    incognito = { true }
                     renderLoading = { this._renderLoading }
                     source = {{ uri: _documentUrl ?? '' }}
                     startInLoadingState = { true }

react/features/face-landmarks/middleware.ts

@@ -3,12 +3,11 @@ import { AnyAction } from 'redux';
 import { IStore } from '../app/types';
 import {
     CONFERENCE_JOINED,
-    CONFERENCE_WILL_LEAVE
+    CONFERENCE_WILL_LEAVE,
+    ENDPOINT_MESSAGE_RECEIVED
 } from '../base/conference/actionTypes';
 import { getCurrentConference } from '../base/conference/functions';
-import { JitsiConferenceEvents } from '../base/lib-jitsi-meet';
 import { getLocalParticipant, getParticipantCount } from '../base/participants/functions';
-import { IParticipant } from '../base/participants/types';
 import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
 import { TRACK_ADDED, TRACK_REMOVED, TRACK_UPDATED } from '../base/tracks/actionTypes';
 
@@ -28,27 +27,22 @@ MiddlewareRegistry.register((store: IStore) => (next: Function) => (action: AnyA
             FaceLandmarksDetector.init(store);
         }
 
-        // allow using remote face centering data when local face centering is not enabled
-        action.conference.on(
-            JitsiConferenceEvents.ENDPOINT_MESSAGE_RECEIVED,
-            (participant: IParticipant | undefined, eventData: any) => {
-                if (!participant || !eventData || !participant.getId) {
-                    return;
-                }
+        return next(action);
+    } else if (action.type === ENDPOINT_MESSAGE_RECEIVED) {
+        // Allow using remote face centering data when local face centering is not enabled.
+        const { participant, data } = action;
 
-                if (eventData.type === FACE_BOX_EVENT_TYPE) {
-                    dispatch({
-                        type: UPDATE_FACE_COORDINATES,
-                        faceBox: eventData.faceBox,
-                        id: participant.getId()
-                    });
-                }
+        if (data?.type === FACE_BOX_EVENT_TYPE) {
+            dispatch({
+                type: UPDATE_FACE_COORDINATES,
+                faceBox: data.faceBox,
+                id: participant.getId()
             });
+        }
 
         return next(action);
     }
 
-
     if (!isEnabled) {
         return next(action);
     }
@@ -57,7 +51,7 @@ MiddlewareRegistry.register((store: IStore) => (next: Function) => (action: AnyA
     case CONFERENCE_WILL_LEAVE : {
         FaceLandmarksDetector.stopDetection(store);
 
-        return next(action);
+        break;
     }
     case TRACK_ADDED: {
         const { jitsiTrack: { isLocal, videoType }, muted } = action.track;
@@ -67,18 +61,18 @@ MiddlewareRegistry.register((store: IStore) => (next: Function) => (action: AnyA
             FaceLandmarksDetector.startDetection(store, action.track);
         }
 
-        return next(action);
+        break;
     }
     case TRACK_UPDATED: {
         const { jitsiTrack: { isLocal, videoType } } = action.track;
 
         if (videoType !== 'camera' || !isLocal()) {
-            return next(action);
+            break;
         }
 
         const { muted } = action.track;
 
-        if (muted !== undefined) {
+        if (typeof muted !== 'undefined') {
             // addresses video mute state changes
             if (muted) {
                 FaceLandmarksDetector.stopDetection(store);
@@ -87,7 +81,7 @@ MiddlewareRegistry.register((store: IStore) => (next: Function) => (action: AnyA
             }
         }
 
-        return next(action);
+        break;
     }
     case TRACK_REMOVED: {
         const { jitsiTrack: { isLocal, videoType } } = action.track;
@@ -96,7 +90,7 @@ MiddlewareRegistry.register((store: IStore) => (next: Function) => (action: AnyA
             FaceLandmarksDetector.stopDetection(store);
         }
 
-        return next(action);
+        break;
     }
     case ADD_FACE_LANDMARKS: {
         const state = getState();
@@ -110,7 +104,7 @@ MiddlewareRegistry.register((store: IStore) => (next: Function) => (action: AnyA
         // Disabling for now as there is no value of having the data in speakerstats at the server
         // sendFaceExpressionToServer(conference, faceLandmarks);
 
-        return next(action);
+        break;
     }
     case NEW_FACE_COORDINATES: {
         const state = getState();
@@ -127,6 +121,8 @@ MiddlewareRegistry.register((store: IStore) => (next: Function) => (action: AnyA
             faceBox,
             id: localParticipant?.id
         });
+
+        break;
     }
     }
 

react/features/invite/components/dial-in-summary/native/DialInSummary.tsx

@@ -76,6 +76,7 @@ class DialInSummary extends PureComponent<IProps> {
             <JitsiScreen
                 style = { styles.backDrop }>
                 <WebView
+                    incognito = { true }
                     onError = { this._onError }
                     onShouldStartLoadWithRequest = { this._onNavigate }
                     renderLoading = { this._renderLoading }

react/features/keyboard-shortcuts/actions.any.ts

@@ -30,7 +30,7 @@ export const registerShortcut = (shortcut: IKeyboardShortcut): AnyAction => {
 */
 export const unregisterShortcut = (character: string, altKey = false): AnyAction => {
     return {
-        altKey,
+        alt: altKey,
         type: UNREGISTER_KEYBOARD_SHORTCUT,
         character
     };

react/features/lobby/actions.any.ts

@@ -21,7 +21,8 @@ import {
     SET_PASSWORD_JOIN_FAILED
 } from './actionTypes';
 import { LOBBY_CHAT_INITIALIZED, MODERATOR_IN_CHAT_WITH_LEFT } from './constants';
-import { getKnockingParticipants, getLobbyConfig, getLobbyEnabled } from './functions';
+import { getKnockingParticipants, getLobbyConfig, getLobbyEnabled, isEnablingLobbyAllowed } from './functions';
+import logger from './logger';
 import { IKnockingParticipant } from './types';
 
 /**
@@ -243,7 +244,11 @@ export function toggleLobbyMode(enabled: boolean) {
         const conference = getCurrentConference(getState);
 
         if (enabled) {
-            conference?.enableLobby();
+            if (isEnablingLobbyAllowed(getState())) {
+                conference?.enableLobby();
+            } else {
+                logger.info('Ignoring enable lobby request because there are visitors in the call already.');
+            }
         } else {
             conference?.disableLobby();
         }

react/features/lobby/functions.ts

@@ -1,5 +1,6 @@
 import { IReduxState } from '../app/types';
 import { getCurrentConference } from '../base/conference/functions';
+import { getVisitorsCount } from '../visitors/functions';
 
 import { IKnockingParticipant } from './types';
 
@@ -92,3 +93,13 @@ export function showLobbyChatButton(
         return false;
     };
 }
+
+/**
+ * Returns true if enabling lobby is allowed and false otherwise.
+ *
+ * @param {IReduxState} state - State object.
+ * @returns {boolean}
+ */
+export function isEnablingLobbyAllowed(state: IReduxState) {
+    return getVisitorsCount(state) <= 0;
+}

react/features/lobby/middleware.ts

@@ -6,7 +6,8 @@ import { IStore } from '../app/types';
 import { APP_WILL_MOUNT, APP_WILL_UNMOUNT } from '../base/app/actionTypes';
 import {
     CONFERENCE_FAILED,
-    CONFERENCE_JOINED
+    CONFERENCE_JOINED,
+    ENDPOINT_MESSAGE_RECEIVED
 } from '../base/conference/actionTypes';
 import { conferenceWillJoin } from '../base/conference/actions';
 import {
@@ -31,6 +32,7 @@ import {
     handleLobbyChatInitialized,
     removeLobbyChatParticipant
 } from '../chat/actions.any';
+import { arePollsDisabled } from '../conference/functions.any';
 import { hideNotification, showNotification } from '../notifications/actions';
 import {
     LOBBY_NOTIFICATION_ID,
@@ -41,7 +43,11 @@ import {
 import { INotificationProps } from '../notifications/types';
 import { open as openParticipantsPane } from '../participants-pane/actions';
 import { getParticipantsPaneOpen } from '../participants-pane/functions';
-import { isPrejoinPageVisible, shouldAutoKnock } from '../prejoin/functions';
+import {
+    isPrejoinEnabledInConfig,
+    isPrejoinPageVisible,
+    shouldAutoKnock
+} from '../prejoin/functions';
 
 import {
     KNOCKING_PARTICIPANT_ARRIVED_OR_UPDATED,
@@ -78,6 +84,13 @@ MiddlewareRegistry.register(store => next => action => {
         return _conferenceFailed(store, next, action);
     case CONFERENCE_JOINED:
         return _conferenceJoined(store, next, action);
+    case ENDPOINT_MESSAGE_RECEIVED: {
+        const { participant, data } = action;
+
+        _maybeSendLobbyNotification(participant, data, store);
+
+        break;
+    }
     case KNOCKING_PARTICIPANT_ARRIVED_OR_UPDATED: {
         // We need the full update result to be in the store already
         const result = next(action);
@@ -165,13 +178,6 @@ StateListenerRegistry.register(
                     dispatch(updateLobbyParticipantOnLeave(id));
                 });
             });
-
-            conference.on(JitsiConferenceEvents.ENDPOINT_MESSAGE_RECEIVED, (origin: any, sender: any) =>
-                _maybeSendLobbyNotification(origin, sender, {
-                    dispatch,
-                    getState
-                })
-            );
         }
     }
 );
@@ -201,7 +207,6 @@ function _handleLobbyNotification(store: IStore) {
 
     if (knockingParticipants.length === 1) {
         const firstParticipant = knockingParticipants[0];
-        const { disablePolls } = getState()['features/base/config'];
         const showChat = showLobbyChatButton(firstParticipant)(getState());
 
         descriptionKey = 'notify.participantWantsToJoin';
@@ -225,7 +230,7 @@ function _handleLobbyNotification(store: IStore) {
             customActionType.splice(1, 0, BUTTON_TYPES.SECONDARY);
             customActionHandler.splice(1, 0, () => batch(() => {
                 dispatch(handleLobbyChatInitialized(firstParticipant.id));
-                dispatch(openChat({}, disablePolls));
+                dispatch(openChat({}, arePollsDisabled(getState())));
             }));
         }
     } else {
@@ -268,7 +273,6 @@ function _conferenceFailed({ dispatch, getState }: IStore, next: Function, actio
     const { membersOnly } = state['features/base/conference'];
     const nonFirstFailure = Boolean(membersOnly);
     const { isDisplayNameRequiredError } = state['features/lobby'];
-    const { prejoinConfig } = state['features/base/config'];
 
     if (error.name === JitsiConferenceErrors.MEMBERS_ONLY_ERROR) {
         if (typeof error.recoverable === 'undefined') {
@@ -283,7 +287,9 @@ function _conferenceFailed({ dispatch, getState }: IStore, next: Function, actio
         dispatch(openLobbyScreen());
 
         // if there was an error about display name and pre-join is not enabled
-        if (shouldAutoKnock(state) || (isDisplayNameRequiredError && !prejoinConfig?.enabled) || lobbyWaitingForHost) {
+        if (shouldAutoKnock(state)
+                || (isDisplayNameRequiredError && !isPrejoinEnabledInConfig(state))
+                || lobbyWaitingForHost) {
             dispatch(startKnocking());
         }
 

react/features/mobile/external-api/middleware.ts

@@ -16,6 +16,7 @@ import {
     CONFERENCE_JOINED,
     CONFERENCE_LEFT,
     CONFERENCE_WILL_JOIN,
+    ENDPOINT_MESSAGE_RECEIVED,
     SET_ROOM
 } from '../../base/conference/actionTypes';
 import { JITSI_CONFERENCE_URL_KEY } from '../../base/conference/constants';
@@ -184,6 +185,22 @@ externalAPIEnabled && MiddlewareRegistry.register(store => next => action => {
         break;
     }
 
+    case ENDPOINT_MESSAGE_RECEIVED: {
+        const { participant, data } = action;
+
+        if (data?.name === ENDPOINT_TEXT_MESSAGE_NAME) {
+            sendEvent(
+                store,
+                ENDPOINT_TEXT_MESSAGE_RECEIVED,
+                /* data */ {
+                    message: data.text,
+                    senderId: participant.getId()
+                });
+        }
+
+        break;
+    }
+
     case ENTER_PICTURE_IN_PICTURE:
         sendEvent(store, type, /* data */ {});
         break;
@@ -419,24 +436,6 @@ function _unregisterForNativeEvents() {
 function _registerForEndpointTextMessages(store: IStore) {
     const conference = getCurrentConference(store.getState());
 
-    conference?.on(
-        JitsiConferenceEvents.ENDPOINT_MESSAGE_RECEIVED,
-        (...args: any[]) => {
-            if (args && args.length >= 2) {
-                const [ sender, eventData ] = args;
-
-                if (eventData.name === ENDPOINT_TEXT_MESSAGE_NAME) {
-                    sendEvent(
-                        store,
-                        ENDPOINT_TEXT_MESSAGE_RECEIVED,
-                        /* data */ {
-                            message: eventData.text,
-                            senderId: sender._id
-                        });
-                }
-            }
-        });
-
     conference?.on(
         JitsiConferenceEvents.MESSAGE_RECEIVED,
             (id: string, message: string, timestamp: number) => {

react/features/mobile/navigation/components/RootNavigationContainer.tsx

@@ -13,6 +13,7 @@ import { isUnsafeRoomWarningEnabled } from '../../../prejoin/functions';
 // @ts-ignore
 import WelcomePage from '../../../welcome/components/WelcomePage';
 import { isWelcomePageEnabled } from '../../../welcome/functions';
+import Whiteboard from '../../../whiteboard/components/native/Whiteboard';
 import { _ROOT_NAVIGATION_READY } from '../actionTypes';
 import { rootNavigationRef } from '../rootNavigationContainerRef';
 import { screen } from '../routes';
@@ -23,7 +24,8 @@ import {
     navigationContainerTheme,
     preJoinScreenOptions,
     unsafeMeetingScreenOptions,
-    welcomeScreenOptions
+    welcomeScreenOptions,
+    whiteboardScreenOptions
 } from '../screenOptions';
 
 import ConnectingPage from './ConnectingPage';
@@ -94,6 +96,10 @@ const RootNavigationContainer = ({ dispatch, isUnsafeRoomWarningAvailable, isWel
                     component = { ConnectingPage }
                     name = { screen.connecting }
                     options = { connectingScreenOptions } />
+                <RootStack.Screen // @ts-ignore
+                    component = { Whiteboard }
+                    name = { screen.conference.whiteboard }
+                    options = { whiteboardScreenOptions } />
                 <RootStack.Screen
                     component = { Prejoin }
                     name = { screen.preJoin }

react/features/mobile/navigation/components/conference/components/ConferenceNavigationContainer.tsx

@@ -16,7 +16,7 @@ import Conference from '../../../../../conference/components/native/Conference';
 // @ts-ignore
 import CarMode from '../../../../../conference/components/native/carmode/CarMode';
 // @ts-ignore
-import { getDisablePolls } from '../../../../../conference/functions';
+import { arePollsDisabled } from '../../../../../conference/functions';
 // @ts-ignore
 import SharedDocument from '../../../../../etherpad/components/native/SharedDocument';
 // @ts-ignore
@@ -81,7 +81,7 @@ const ConferenceStack = createStackNavigator();
 
 
 const ConferenceNavigationContainer = () => {
-    const isPollsDisabled = useSelector(getDisablePolls);
+    const isPollsDisabled = useSelector(arePollsDisabled);
     let ChatScreen;
     let chatScreenName;
     let chatTitleString;

react/features/mobile/navigation/functions.tsx

@@ -11,6 +11,7 @@ import { getFeatureFlag } from '../../base/flags/functions';
 import { IconCloseLarge } from '../../base/icons/svg';
 import { toState } from '../../base/redux/functions';
 import { cancelKnocking } from '../../lobby/actions.native';
+import { isPrejoinEnabledInConfig } from '../../prejoin/functions';
 
 import HeaderNavigationButton from './components/HeaderNavigationButton';
 
@@ -50,10 +51,8 @@ export function screenHeaderCloseButton(goBack: (e?: GestureResponderEvent | Rea
  */
 export function isPrejoinPageEnabled(stateful: IStateful) {
     const state = toState(stateful);
-    const { prejoinConfig } = state['features/base/config'];
-    const isPrejoinEnabledInConfig = prejoinConfig?.enabled;
 
-    return getFeatureFlag(state, PREJOIN_PAGE_ENABLED, isPrejoinEnabledInConfig ?? true);
+    return getFeatureFlag(state, PREJOIN_PAGE_ENABLED, isPrejoinEnabledInConfig(state));
 }
 
 /**

react/features/mobile/navigation/routes.ts

@@ -22,7 +22,8 @@ export const screen = {
         security: 'Security Options',
         sharedDocument: 'Shared document',
         speakerStats: 'Speaker Stats',
-        subtitles: 'Subtitles'
+        subtitles: 'Subtitles',
+        whiteboard: 'Whiteboard'
     },
     connecting: 'Connecting',
     dialInSummary: 'Dial-In Info',

react/features/mobile/navigation/screenOptions.ts

@@ -188,6 +188,19 @@ export const connectingScreenOptions = {
     headerShown: false
 };
 
+/**
+ * Screen options for the whiteboard screen.
+ */
+export const whiteboardScreenOptions = {
+    gestureEnabled: true,
+    headerStyle: {
+        backgroundColor: BaseTheme.palette.ui01
+    },
+    headerTitleStyle: {
+        color: BaseTheme.palette.text01
+    }
+};
+
 /**
  * Screen options for pre-join screen.
  */

react/features/mobile/polyfills/browser.js

@@ -1,6 +1,8 @@
 import { DOMParser } from '@xmldom/xmldom';
+import { atob, btoa } from 'abab';
 import { Platform } from 'react-native';
 import BackgroundTimer from 'react-native-background-timer';
+import { TextDecoder, TextEncoder } from 'text-encoding';
 
 import 'promise.allsettled/auto'; // Promise.allSettled.
 import 'react-native-url-polyfill/auto'; // Complete URL polyfill.
@@ -313,4 +315,23 @@ function _visitNode(node, callback) {
         global.sessionStorage = new Storage();
     }
 
+    global.TextDecoder = TextDecoder;
+    global.TextEncoder = TextEncoder;
+
+    // atob
+    //
+    // Required by:
+    // - Strophe
+    if (typeof global.atob === 'undefined') {
+        global.atob = atob;
+    }
+
+    // btoa
+    //
+    // Required by:
+    // - Strophe
+    if (typeof global.btoa === 'undefined') {
+        global.btoa = btoa;
+    }
+
 })(global || window || this); // eslint-disable-line no-invalid-this

react/features/notifications/constants.ts

@@ -103,6 +103,13 @@ export const RAISE_HAND_NOTIFICATION_ID = 'RAISE_HAND_NOTIFICATION';
  */
 export const SALESFORCE_LINK_NOTIFICATION_ID = 'SALESFORCE_LINK_NOTIFICATION';
 
+/**
+ * The identifier of the lobby notification.
+ *
+ * @type {string}
+ */
+export const VISITORS_PROMOTION_NOTIFICATION_ID = 'VISITORS_PROMOTION_NOTIFICATION';
+
 /**
  * Amount of participants beyond which no join notification will be emitted.
  */

react/features/polls/middleware.ts

@@ -1,11 +1,11 @@
 import { IStore } from '../app/types';
-import { CONFERENCE_JOIN_IN_PROGRESS } from '../base/conference/actionTypes';
+import { ENDPOINT_MESSAGE_RECEIVED, NON_PARTICIPANT_MESSAGE_RECEIVED } from '../base/conference/actionTypes';
 import { getCurrentConference } from '../base/conference/functions';
-import { JitsiConferenceEvents } from '../base/lib-jitsi-meet';
 import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
 import StateListenerRegistry from '../base/redux/StateListenerRegistry';
 import { playSound } from '../base/sounds/actions';
 import { INCOMING_MSG_SOUND_ID } from '../chat/constants';
+import { arePollsDisabled } from '../conference/functions.any';
 import { showNotification } from '../notifications/actions';
 import { NOTIFICATION_TIMEOUT_TYPE, NOTIFICATION_TYPE } from '../notifications/constants';
 
@@ -58,37 +58,38 @@ MiddlewareRegistry.register(({ dispatch, getState }) => next => action => {
     const result = next(action);
 
     switch (action.type) {
-    case CONFERENCE_JOIN_IN_PROGRESS: {
-        const { conference } = action;
+    case ENDPOINT_MESSAGE_RECEIVED: {
+        const { participant, data } = action;
+        const isNewPoll = data.type === COMMAND_NEW_POLL;
 
-        conference.on(JitsiConferenceEvents.ENDPOINT_MESSAGE_RECEIVED,
-            (user: any, data: any) => {
-                const isNewPoll = data.type === COMMAND_NEW_POLL;
-
-                _handleReceivePollsMessage({
-                    ...data,
-                    senderId: isNewPoll ? user._id : undefined,
-                    voterId: isNewPoll ? undefined : user._id
-                }, dispatch);
-            });
-        conference.on(JitsiConferenceEvents.NON_PARTICIPANT_MESSAGE_RECEIVED,
-            (id: any, data: any) => {
-                const isNewPoll = data.type === COMMAND_NEW_POLL;
-
-                _handleReceivePollsMessage({
-                    ...data,
-                    senderId: isNewPoll ? id : undefined,
-                    voterId: isNewPoll ? undefined : id
-                }, dispatch);
-            });
+        _handleReceivePollsMessage({
+            ...data,
+            senderId: isNewPoll ? participant.getId() : undefined,
+            voterId: isNewPoll ? undefined : participant.getId()
+        }, dispatch, getState);
 
         break;
     }
 
-    // Middleware triggered when a poll is received
-    case RECEIVE_POLL: {
+    case NON_PARTICIPANT_MESSAGE_RECEIVED: {
+        const { id, json: data } = action;
+        const isNewPoll = data.type === COMMAND_NEW_POLL;
 
+        _handleReceivePollsMessage({
+            ...data,
+            senderId: isNewPoll ? id : undefined,
+            voterId: isNewPoll ? undefined : id
+        }, dispatch, getState);
+        break;
+    }
+
+    case RECEIVE_POLL: {
         const state = getState();
+
+        if (arePollsDisabled(state)) {
+            break;
+        }
+
         const isChatOpen: boolean = state['features/chat'].isOpen;
         const isPollsTabFocused: boolean = state['features/chat'].isPollsTabFocused;
 
@@ -109,10 +110,15 @@ MiddlewareRegistry.register(({ dispatch, getState }) => next => action => {
  *
  * @param {Object} data - The json data carried by the polls message.
  * @param {Function} dispatch - The dispatch function.
+ * @param {Function} getState - The getState function.
  *
  * @returns {void}
  */
-function _handleReceivePollsMessage(data: any, dispatch: IStore['dispatch']) {
+function _handleReceivePollsMessage(data: any, dispatch: IStore['dispatch'], getState: IStore['getState']) {
+    if (arePollsDisabled(getState())) {
+        return;
+    }
+
     switch (data.type) {
     case COMMAND_NEW_POLL: {
         const { question, answers, pollId, senderId } = data;

react/features/prejoin/components/native/Prejoin.tsx

@@ -38,7 +38,7 @@ import { navigateRoot } from '../../../mobile/navigation/rootNavigationContainer
 import { screen } from '../../../mobile/navigation/routes';
 import AudioMuteButton from '../../../toolbox/components/native/AudioMuteButton';
 import VideoMuteButton from '../../../toolbox/components/native/VideoMuteButton';
-import { isDisplayNameRequired } from '../../functions';
+import { isDisplayNameRequired, isRoomNameEnabled } from '../../functions';
 import { IPrejoinProps } from '../../types';
 import { hasDisplayName } from '../../utils';
 
@@ -58,6 +58,7 @@ const Prejoin: React.FC<IPrejoinProps> = ({ navigation }: IPrejoinProps) => {
         = useSelector((state: IReduxState) => !getFeatureFlag(state, PREJOIN_PAGE_HIDE_DISPLAY_NAME, false));
     const isDisplayNameReadonly = useSelector(isNameReadOnly);
     const roomName = useSelector((state: IReduxState) => getConferenceName(state));
+    const roomNameEnabled = useSelector((state: IReduxState) => isRoomNameEnabled(state));
     const participantName = localParticipant?.name;
     const [ displayName, setDisplayName ]
         = useState(participantName || '');
@@ -168,12 +169,16 @@ const Prejoin: React.FC<IPrejoinProps> = ({ navigation }: IPrejoinProps) => {
             {
                 isFocused
                 && <View style = { largeVideoContainerStyles as StyleProp<ViewStyle> }>
-                    <View style = { styles.displayRoomNameBackdrop as StyleProp<TextStyle> }>
-                        <Text
-                            numberOfLines = { 1 }
-                            style = { styles.preJoinRoomName as StyleProp<TextStyle> }>
-                            { roomName }
-                        </Text>
+                    <View style = { styles.conferenceInfo as StyleProp<ViewStyle> }>
+                        {roomNameEnabled && (
+                            <View style = { styles.displayRoomNameBackdrop as StyleProp<TextStyle> }>
+                                <Text
+                                    numberOfLines = { 1 }
+                                    style = { styles.preJoinRoomName as StyleProp<TextStyle> }>
+                                    { roomName }
+                                </Text>
+                            </View>
+                        )}
                     </View>
                     <LargeVideo />
                 </View>
@@ -194,10 +199,15 @@ const Prejoin: React.FC<IPrejoinProps> = ({ navigation }: IPrejoinProps) => {
                         placeholder = { t('dialog.enterDisplayName') }
                         value = { displayName } />
                 }
-                {showDisplayNameError && (
-                    <View style = { styles.errorContainer as StyleProp<TextStyle> }>
-                        <Text style = { styles.error as StyleProp<TextStyle> }>{t('prejoin.errorMissingName')}</Text>
-                    </View>)}
+                {
+                    showDisplayNameError && (
+                        <View style = { styles.errorContainer as StyleProp<TextStyle> }>
+                            <Text style = { styles.error as StyleProp<TextStyle> }>
+                                { t('prejoin.errorMissingName') }
+                            </Text>
+                        </View>
+                    )
+                }
                 <Button
                     accessibilityLabel = 'prejoin.joinMeeting'
                     disabled = { showDisplayNameError }

react/features/prejoin/components/native/RecordingWarning.tsx

@@ -0,0 +1,28 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import {
+    StyleProp,
+    Text,
+    TextStyle,
+    View,
+    ViewStyle
+} from 'react-native';
+
+import { preJoinStyles as styles } from './styles';
+
+
+const RecordingWarning = (): JSX.Element => {
+    const { t } = useTranslation();
+
+    return (
+        <View style = { styles.recordingWarning as StyleProp<ViewStyle> }>
+            <Text
+                numberOfLines = { 1 }
+                style = { styles.recordingWarningText as StyleProp<TextStyle> }>
+                { t('prejoin.recordingWarning') }
+            </Text>
+        </View>
+    );
+};
+
+export default RecordingWarning;

react/features/prejoin/components/native/styles.ts

@@ -106,18 +106,33 @@ export const preJoinStyles = {
         textAlign: 'center'
     },
 
-    displayRoomNameBackdrop: {
+    conferenceInfo: {
         alignSelf: 'center',
-        backgroundColor: BaseTheme.palette.uiBackground,
-        borderRadius: BaseTheme.shape.borderRadius,
         marginTop: BaseTheme.spacing[3],
-        opacity: 0.7,
         paddingHorizontal: BaseTheme.spacing[3],
         paddingVertical: BaseTheme.spacing[1],
         position: 'absolute',
-        maxWidth: 243,
+        maxWidth: 273,
         zIndex: 1
     },
+    displayRoomNameBackdrop: {
+        backgroundColor: BaseTheme.palette.uiBackground,
+        borderRadius: BaseTheme.shape.borderRadius,
+        opacity: 0.7,
+        paddingHorizontal: BaseTheme.spacing[3],
+        paddingVertical: BaseTheme.spacing[1]
+    },
+    recordingWarning: {
+        display: 'flex',
+        justifyContent: 'center',
+        lineHeight: 22,
+        marginBottom: BaseTheme.spacing[2],
+        marginTop: BaseTheme.spacing[1],
+        width: 'auto'
+    },
+    recordingWarningText: {
+        color: BaseTheme.palette.text03
+    },
     unsafeRoomWarningContainer: {
         height: '100%',
         width: '100%',

react/features/prejoin/components/web/Prejoin.tsx

@@ -111,6 +111,11 @@ interface IProps {
      */
     showErrorOnJoin: boolean;
 
+    /**
+     * If the recording warning is visible or not.
+     */
+    showRecordingWarning: boolean;
+
     /**
      * If should show unsafe room warning when joining.
      */
@@ -219,6 +224,7 @@ const Prejoin = ({
     showCameraPreview,
     showDialog,
     showErrorOnJoin,
+    showRecordingWarning,
     showUnsafeRoomWarning,
     unsafeRoomConsent,
     updateSettings: dispatchUpdateSettings,
@@ -390,6 +396,7 @@ const Prejoin = ({
     return (
         <PreMeetingScreen
             showDeviceStatus = { deviceStatusVisible }
+            showRecordingWarning = { showRecordingWarning }
             showUnsafeRoomWarning = { showUnsafeRoomWarning }
             title = { t('prejoin.joinMeeting') }
             videoMuted = { !showCameraPreview }
@@ -483,6 +490,7 @@ function mapStateToProps(state: IReduxState) {
     const { joiningInProgress } = state['features/prejoin'];
     const { room } = state['features/base/conference'];
     const { unsafeRoomConsent } = state['features/base/premeeting'];
+    const { showPrejoinWarning: showRecordingWarning } = state['features/base/config'].recordings ?? {};
 
     return {
         deviceStatusVisible: isDeviceStatusVisible(state),
@@ -496,6 +504,7 @@ function mapStateToProps(state: IReduxState) {
         showCameraPreview: !isVideoMutedByUser(state),
         showDialog: isJoinByPhoneDialogVisible(state),
         showErrorOnJoin,
+        showRecordingWarning: Boolean(showRecordingWarning),
         showUnsafeRoomWarning: isInsecureRoomName(room) && isUnsafeRoomWarningEnabled(state),
         unsafeRoomConsent,
         videoTrack: getLocalJitsiVideoTrack(state)

react/features/prejoin/functions.ts

@@ -1,7 +1,10 @@
 import { IReduxState } from '../app/types';
 import { getRoomName } from '../base/conference/functions';
 import { getDialOutStatusUrl, getDialOutUrl } from '../base/config/functions.any';
-import { UNSAFE_ROOM_WARNING } from '../base/flags/constants';
+import {
+    MEETING_NAME_ENABLED,
+    UNSAFE_ROOM_WARNING
+} from '../base/flags/constants';
 import { getFeatureFlag } from '../base/flags/functions';
 import { isAudioMuted, isVideoMutedByUser } from '../base/media/functions';
 import { getLobbyConfig } from '../lobby/functions';
@@ -39,6 +42,16 @@ export function isDisplayNameRequired(state: IReduxState): boolean {
         || state['features/base/config']?.requireDisplayName);
 }
 
+/**
+ * Selector for determining if the prejoin page is enabled in config. Defaults to `true`.
+ *
+ * @param {IReduxState} state - The state of the app.
+ * @returns {boolean}
+ */
+export function isPrejoinEnabledInConfig(state: IReduxState): boolean {
+    return state['features/base/config'].prejoinConfig?.enabled ?? true;
+}
+
 /**
  * Selector for determining if the prejoin display name field is visible.
  *
@@ -151,7 +164,7 @@ export function isJoinByPhoneDialogVisible(state: IReduxState): boolean {
  */
 export function isPrejoinPageVisible(state: IReduxState): boolean {
     return Boolean(navigator.product !== 'ReactNative'
-        && state['features/base/config'].prejoinConfig?.enabled
+        && isPrejoinEnabledInConfig(state)
         && state['features/prejoin']?.showPrejoin
         && !(state['features/base/config'].enableForcedReload && state['features/prejoin'].skipPrejoinOnReload));
 }
@@ -163,12 +176,11 @@ export function isPrejoinPageVisible(state: IReduxState): boolean {
  * @returns {boolean}
  */
 export function shouldAutoKnock(state: IReduxState): boolean {
-    const { iAmRecorder, iAmSipGateway, prejoinConfig } = state['features/base/config'];
+    const { iAmRecorder, iAmSipGateway } = state['features/base/config'];
     const { userSelectedSkipPrejoin } = state['features/base/settings'];
     const { autoKnock } = getLobbyConfig(state);
-    const isPrejoinEnabled = prejoinConfig?.enabled;
 
-    return Boolean(((isPrejoinEnabled && !userSelectedSkipPrejoin)
+    return Boolean(((isPrejoinEnabledInConfig(state) && !userSelectedSkipPrejoin)
             || autoKnock || (iAmRecorder && iAmSipGateway))
         && !state['features/lobby'].knocking);
 }
@@ -184,3 +196,14 @@ export function isUnsafeRoomWarningEnabled(state: IReduxState): boolean {
 
     return getFeatureFlag(state, UNSAFE_ROOM_WARNING, enableInsecureRoomNameWarning);
 }
+
+/**
+ * Returns true if the room name is enabled.
+ *
+ * @param {IReduxState} state - The state of the app.
+ * @returns {boolean}
+ */
+export function isRoomNameEnabled(state: IReduxState): boolean {
+    return getFeatureFlag(state, MEETING_NAME_ENABLED, true)
+        || !state['features/base/config'].hideConferenceSubject;
+}

react/features/reactions/components/web/RaiseHandContainerButtons.tsx

@@ -4,17 +4,17 @@ import { useSelector } from 'react-redux';
 import { IReduxState } from '../../../app/types';
 import { isMobileBrowser } from '../../../base/environment/utils';
 import { IProps as AbstractButtonProps } from '../../../base/toolbox/components/AbstractButton';
-import { isReactionsButtonEnabled, isReactionsEnabled } from '../../functions.web';
+import { isReactionsButtonEnabled, shouldDisplayReactionsButtons } from '../../functions.web';
 
 import RaiseHandButton from './RaiseHandButton';
 import ReactionsMenuButton from './ReactionsMenuButton';
 
 const RaiseHandContainerButton = (props: AbstractButtonProps) => {
     const reactionsButtonEnabled = useSelector(isReactionsButtonEnabled);
-    const reactionsEnabled = useSelector(isReactionsEnabled);
+    const _shouldDisplayReactionsButtons = useSelector(shouldDisplayReactionsButtons);
     const isNarrowLayout = useSelector((state: IReduxState) => state['features/base/responsive-ui'].isNarrowLayout);
     const showReactionsAsPartOfRaiseHand
-        = !reactionsButtonEnabled && reactionsEnabled && !isNarrowLayout && !isMobileBrowser();
+        = _shouldDisplayReactionsButtons && !reactionsButtonEnabled && !isNarrowLayout && !isMobileBrowser();
 
     return showReactionsAsPartOfRaiseHand
         ? <ReactionsMenuButton

react/features/reactions/components/web/ReactionsAnimations.tsx

@@ -0,0 +1,29 @@
+import React from 'react';
+import { useSelector } from 'react-redux';
+
+import { getReactionsQueue, isReactionsEnabled, shouldDisplayReactionsButtons } from '../../functions.any';
+
+import ReactionEmoji from './ReactionEmoji';
+
+/**
+ * Renders the reactions animations in the case when there is no buttons displayed.
+ *
+ * @returns {ReactNode}
+ */
+export default function ReactionAnimations() {
+    const reactionsQueue = useSelector(getReactionsQueue);
+    const _shouldDisplayReactionsButtons = useSelector(shouldDisplayReactionsButtons);
+    const reactionsEnabled = useSelector(isReactionsEnabled);
+
+    if (reactionsEnabled && !_shouldDisplayReactionsButtons) {
+        return (<div className = 'reactions-animations-container'>
+            {reactionsQueue.map(({ reaction, uid }, index) => (<ReactionEmoji
+                index = { index }
+                key = { uid }
+                reaction = { reaction }
+                uid = { uid } />))}
+        </div>);
+    }
+
+    return null;
+}

react/features/reactions/components/web/ReactionsMenuButton.tsx

@@ -10,7 +10,7 @@ import AbstractButton, { type IProps as AbstractButtonProps } from '../../../bas
 import ToolboxButtonWithPopup from '../../../base/toolbox/components/web/ToolboxButtonWithPopup';
 import { toggleReactionsMenuVisibility } from '../../actions.web';
 import { IReactionEmojiProps } from '../../constants';
-import { getReactionsQueue, isReactionsEnabled } from '../../functions.any';
+import { getReactionsQueue } from '../../functions.any';
 import { getReactionsMenuVisibility, isReactionsButtonEnabled } from '../../functions.web';
 import { IReactionsMenuParent } from '../../types';
 
@@ -30,11 +30,6 @@ interface IProps extends WithTranslation {
      */
     _reactionsButtonEnabled: boolean;
 
-    /**
-     * Whether or not the reactions are enabled.
-     */
-    _reactionsEnabled: boolean;
-
     /**
      * The button's key.
      */
@@ -93,7 +88,6 @@ const ReactionsButton = translate(connect()(ReactionsButtonImpl));
  */
 function ReactionsMenuButton({
     _reactionsButtonEnabled,
-    _reactionsEnabled,
     _isMobile,
     buttonKey,
     dispatch,
@@ -116,7 +110,7 @@ function ReactionsMenuButton({
         isOpen && toggleReactionsMenu();
     }, [ isOpen, toggleReactionsMenu ]);
 
-    if (!showRaiseHand && (!_reactionsButtonEnabled || !_reactionsEnabled)) {
+    if (!showRaiseHand && !_reactionsButtonEnabled) {
         return null;
     }
 
@@ -184,7 +178,6 @@ function mapStateToProps(state: IReduxState) {
 
     return {
         _reactionsButtonEnabled: isReactionsButtonEnabled(state),
-        _reactionsEnabled: isReactionsEnabled(state),
         _isMobile: isMobileBrowser(),
         isOpen: getReactionsMenuVisibility(state),
         isNarrow: isNarrowLayout,

react/features/reactions/functions.any.ts

@@ -5,6 +5,7 @@ import { REACTIONS_ENABLED } from '../base/flags/constants';
 import { getFeatureFlag } from '../base/flags/functions';
 import { getLocalParticipant } from '../base/participants/functions';
 import { extractFqnFromPath } from '../dynamic-branding/functions.any';
+import { iAmVisitor } from '../visitors/functions';
 
 import { IReactionEmojiProps, REACTIONS, ReactionThreshold, SOUNDS_THRESHOLDS } from './constants';
 import logger from './logger';
@@ -161,3 +162,13 @@ export function isReactionsEnabled(state: IReduxState): boolean {
 
     return !disableReactions;
 }
+
+/**
+ * Returns true if the reactions buttons should be displayed anywhere on the page and false otherwise.
+ *
+ * @param {IReduxState} state - The redux state.
+ * @returns {boolean}
+ */
+export function shouldDisplayReactionsButtons(state: IReduxState): boolean {
+    return isReactionsEnabled(state) && !iAmVisitor(state);
+}

react/features/reactions/functions.web.ts

@@ -1,7 +1,7 @@
 import { IReduxState } from '../app/types';
 import { getToolbarButtons } from '../base/config/functions.web';
 
-import { isReactionsEnabled } from './functions.any';
+import { shouldDisplayReactionsButtons } from './functions.any';
 
 export * from './functions.any';
 
@@ -22,5 +22,5 @@ export function getReactionsMenuVisibility(state: IReduxState): boolean {
  * @returns {boolean}
  */
 export function isReactionsButtonEnabled(state: IReduxState) {
-    return Boolean(getToolbarButtons(state).includes('reactions')) && isReactionsEnabled(state);
+    return Boolean(getToolbarButtons(state).includes('reactions')) && shouldDisplayReactionsButtons(state);
 }

react/features/recording/actionTypes.ts

@@ -83,3 +83,12 @@ export const START_LOCAL_RECORDING = 'START_LOCAL_RECORDING';
  * }
  */
 export const STOP_LOCAL_RECORDING = 'STOP_LOCAL_RECORDING';
+
+/**
+ * Indicates that the start recording notification has been shown.
+ *
+ * {
+ *    type: SET_START_RECORDING_NOTIFICATION_SHOWN
+ * }
+ */
+export const SET_START_RECORDING_NOTIFICATION_SHOWN = 'SET_START_RECORDING_NOTIFICATION_SHOWN';

react/features/recording/actions.any.ts

@@ -1,7 +1,13 @@
 import { IStore } from '../app/types';
 import { getMeetingRegion, getRecordingSharingUrl } from '../base/config/functions';
+import { isJwtFeatureEnabled } from '../base/jwt/functions';
 import JitsiMeetJS, { JitsiRecordingConstants } from '../base/lib-jitsi-meet';
-import { getLocalParticipant, getParticipantDisplayName } from '../base/participants/functions';
+import {
+    getLocalParticipant,
+    getParticipantDisplayName,
+    isLocalParticipantModerator
+} from '../base/participants/functions';
+import { BUTTON_TYPES } from '../base/ui/constants.any';
 import { copyText } from '../base/util/copyText';
 import { getVpaasTenant, isVpaasMeeting } from '../jaas/functions';
 import {
@@ -10,8 +16,9 @@ import {
     showNotification,
     showWarningNotification
 } from '../notifications/actions';
-import { NOTIFICATION_TIMEOUT_TYPE } from '../notifications/constants';
+import { NOTIFICATION_TIMEOUT_TYPE, NOTIFICATION_TYPE } from '../notifications/constants';
 import { INotificationProps } from '../notifications/types';
+import { setRequestingSubtitles } from '../subtitles/actions.any';
 
 import {
     CLEAR_RECORDING_SESSIONS,
@@ -19,18 +26,25 @@ import {
     SET_MEETING_HIGHLIGHT_BUTTON_STATE,
     SET_PENDING_RECORDING_NOTIFICATION_UID,
     SET_SELECTED_RECORDING_SERVICE,
+    SET_START_RECORDING_NOTIFICATION_SHOWN,
     SET_STREAM_KEY,
     START_LOCAL_RECORDING,
     STOP_LOCAL_RECORDING
 } from './actionTypes';
+import { START_RECORDING_NOTIFICATION_ID } from './constants';
 import {
+    getRecordButtonProps,
     getRecordingLink,
     getResourceId,
+    isRecordingRunning,
+    isRecordingSharingEnabled,
     isSavingRecordingOnDropbox,
-    sendMeetingHighlight
+    sendMeetingHighlight,
+    shouldAutoTranscribeOnRecord
 } from './functions';
 import logger from './logger';
 
+
 /**
  * Clears the data of every recording sessions.
  *
@@ -44,6 +58,20 @@ export function clearRecordingSessions() {
     };
 }
 
+
+/**
+ * Marks the start recording notification as shown.
+ *
+ * @returns {{
+ *      type: SET_START_RECORDING_NOTIFICATION_SHOWN
+ * }}
+ */
+export function setStartRecordingNotificationShown() {
+    return {
+        type: SET_START_RECORDING_NOTIFICATION_SHOWN
+    };
+}
+
 /**
  * Sets the meeting highlight button disable state.
  *
@@ -367,3 +395,70 @@ export function stopLocalVideoRecording() {
         type: STOP_LOCAL_RECORDING
     };
 }
+
+/**
+ * Displays the notification suggesting to start the recording.
+ *
+ * @param {Function} openRecordingDialog - The callback to open the recording dialog.
+ * @returns {void}
+ */
+export function showStartRecordingNotificationWithCallback(openRecordingDialog: Function) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        let state = getState();
+        const { recordings } = state['features/base/config'];
+        const { suggestRecording } = recordings || {};
+        const recordButtonProps = getRecordButtonProps(state);
+        const isAlreadyRecording = isRecordingRunning(state);
+        const wasNotificationShown = state['features/recording'].wasStartRecordingSuggested;
+
+        if (!suggestRecording
+            || isAlreadyRecording
+            || !recordButtonProps.visible
+            || recordButtonProps.disabled
+            || wasNotificationShown) {
+            return;
+        }
+
+        dispatch(setStartRecordingNotificationShown());
+        dispatch(showNotification({
+            titleKey: 'notify.suggestRecordingTitle',
+            descriptionKey: 'notify.suggestRecordingDescription',
+            uid: START_RECORDING_NOTIFICATION_ID,
+            customActionType: [ BUTTON_TYPES.PRIMARY ],
+            customActionNameKey: [ 'notify.suggestRecordingAction' ],
+            customActionHandler: [ () => {
+                state = getState();
+                const isModerator = isLocalParticipantModerator(state);
+                const { recordingService } = state['features/base/config'];
+                const canBypassDialog = isModerator
+                    && recordingService?.enabled
+                    && isJwtFeatureEnabled(state, 'recording', true);
+
+                if (canBypassDialog) {
+                    const options = {
+                        'file_recording_metadata': {
+                            share: isRecordingSharingEnabled(state)
+                        }
+                    };
+
+                    const { conference } = state['features/base/conference'];
+                    const autoTranscribeOnRecord = shouldAutoTranscribeOnRecord(state);
+
+                    conference?.startRecording({
+                        mode: JitsiRecordingConstants.mode.FILE,
+                        appData: JSON.stringify(options)
+                    });
+
+                    if (autoTranscribeOnRecord) {
+                        dispatch(setRequestingSubtitles(true, false, null));
+                    }
+                } else {
+                    openRecordingDialog();
+                }
+
+                dispatch(hideNotification(START_RECORDING_NOTIFICATION_ID));
+            } ],
+            appearance: NOTIFICATION_TYPE.NORMAL
+        }, NOTIFICATION_TIMEOUT_TYPE.MEDIUM));
+    };
+}

react/features/recording/actions.native.ts

@@ -1,9 +1,12 @@
 import { IStore } from '../app/types';
 import { openSheet } from '../base/dialog/actions';
 import JitsiMeetJS from '../base/lib-jitsi-meet';
+import { navigate } from '../mobile/navigation/components/conference/ConferenceNavigationContainerRef';
+import { screen } from '../mobile/navigation/routes';
 import { showNotification } from '../notifications/actions';
 import { NOTIFICATION_TIMEOUT_TYPE } from '../notifications/constants';
 
+import { showStartRecordingNotificationWithCallback } from './actions.any';
 import HighlightDialog from './components/Recording/native/HighlightDialog';
 
 export * from './actions.any';
@@ -54,3 +57,16 @@ export function showRecordingLimitNotification(streamType: string) {
         }, NOTIFICATION_TIMEOUT_TYPE.LONG));
     };
 }
+
+/**
+ * Displays the notification suggesting to start the recording.
+ *
+ * @returns {void}
+ */
+export function showStartRecordingNotification() {
+    return (dispatch: IStore['dispatch']) => {
+        const openDialogCallback = () => navigate(screen.conference.recording);
+
+        dispatch(showStartRecordingNotificationWithCallback(openDialogCallback));
+    };
+}

react/features/recording/actions.web.tsx

@@ -1,9 +1,13 @@
 import React from 'react';
 
+import { IStore } from '../app/types';
+import { openDialog } from '../base/dialog/actions';
 import JitsiMeetJS from '../base/lib-jitsi-meet';
 import { showNotification } from '../notifications/actions';
 import { NOTIFICATION_TIMEOUT_TYPE } from '../notifications/constants';
 
+import { showStartRecordingNotificationWithCallback } from './actions.any';
+import { StartRecordingDialog } from './components/Recording';
 import RecordingLimitNotificationDescription from './components/web/RecordingLimitNotificationDescription';
 
 export * from './actions.any';
@@ -24,3 +28,16 @@ export function showRecordingLimitNotification(streamType: string) {
         titleKey: isLiveStreaming ? 'dialog.liveStreaming' : 'dialog.recording'
     }, NOTIFICATION_TIMEOUT_TYPE.LONG);
 }
+
+/**
+ * Displays the notification suggesting to start the recording.
+ *
+ * @returns {void}
+ */
+export function showStartRecordingNotification() {
+    return (dispatch: IStore['dispatch']) => {
+        const openDialogCallback = () => dispatch(openDialog(StartRecordingDialog));
+
+        dispatch(showStartRecordingNotificationWithCallback(openDialogCallback));
+    };
+}

react/features/recording/components/AbstractRecordingLabel.ts

@@ -2,8 +2,8 @@ import React, { Component } from 'react';
 import { WithTranslation } from 'react-i18next';
 
 import { IReduxState } from '../../app/types';
-import { JitsiRecordingConstants } from '../../base/lib-jitsi-meet';
-import { getSessionStatusToShow } from '../functions';
+import { isTranscribing } from '../../transcribing/functions';
+import { getSessionStatusToShow, isRecordingRunning } from '../functions';
 
 
 interface IProps extends WithTranslation {
@@ -13,6 +13,11 @@ interface IProps extends WithTranslation {
      */
     _iAmRecorder: boolean;
 
+    /**
+     * Whether the recording is currently running.
+     */
+    _isRecordingRunning: boolean;
+
     /**
      * Whether this meeting is being transcribed.
      */
@@ -45,79 +50,17 @@ interface IState {
     staleLabel: boolean;
 }
 
-/**
- * The timeout after a label is considered stale. See {@code _updateStaleStatus}
- * for more details.
- */
-const STALE_TIMEOUT = 10 * 1000;
-
 /**
  * Abstract class for the {@code RecordingLabel} component.
  */
 export default class AbstractRecordingLabel extends Component<IProps, IState> {
-    _mounted: boolean;
-
-    /**
-     * Implements {@code Component#getDerivedStateFromProps}.
-     *
-     * @inheritdoc
-     */
-    static getDerivedStateFromProps(props: IProps, prevState: IState) {
-        return {
-            staleLabel: props._status !== JitsiRecordingConstants.status.OFF
-                && prevState.staleLabel ? false : prevState.staleLabel
-        };
-    }
-
-    /**
-     * Initializes a new {@code AbstractRecordingLabel} component.
-     *
-     * @inheritdoc
-     */
-    constructor(props: IProps) {
-        super(props);
-
-        this.state = {
-            staleLabel: true
-        };
-
-        this._updateStaleStatus(undefined, props);
-    }
-
-    /**
-     * Implements React {@code Component}'s componentDidMount.
-     *
-     * @inheritdoc
-     */
-    componentDidMount() {
-        this._mounted = true;
-    }
-
-    /**
-     * Implements React {@code Component}'s componentWillUnmount.
-     *
-     * @inheritdoc
-     */
-    componentWillUnmount() {
-        this._mounted = false;
-    }
-
-    /**
-     * Implements {@code Component#componentDidUpdate}.
-     *
-     * @inheritdoc
-     */
-    componentDidUpdate(prevProps: IProps) {
-        this._updateStaleStatus(prevProps, this.props);
-    }
-
     /**
      * Implements React {@code Component}'s render.
      *
      * @inheritdoc
      */
     render() {
-        return (this.props._status || this.props._isTranscribing) && !this.state.staleLabel && !this.props._iAmRecorder
+        return this.props._isRecordingRunning && !this.props._iAmRecorder
             ? this._renderLabel() : null;
     }
 
@@ -130,33 +73,6 @@ export default class AbstractRecordingLabel extends Component<IProps, IState> {
     _renderLabel(): React.ReactNode | null {
         return null;
     }
-
-    /**
-     * Updates the stale status of the label on a prop change. A label is stale
-     * if it's in a {@code _status} that doesn't need to be rendered anymore.
-     *
-     * @param {IProps} oldProps - The previous props of the component.
-     * @param {IProps} newProps - The new props of the component.
-     * @returns {void}
-     */
-    _updateStaleStatus(oldProps: IProps | undefined, newProps: IProps) {
-        if (newProps._status === JitsiRecordingConstants.status.OFF) {
-            if (oldProps?._status !== JitsiRecordingConstants.status.OFF) {
-                setTimeout(() => {
-                    if (!this._mounted) {
-                        return;
-                    }
-
-                    // Only if it's still OFF.
-                    if (this.props._status === JitsiRecordingConstants.status.OFF) {
-                        this.setState({
-                            staleLabel: true
-                        });
-                    }
-                }, STALE_TIMEOUT);
-            }
-        }
-    }
 }
 
 /**
@@ -174,8 +90,9 @@ export function _mapStateToProps(state: IReduxState, ownProps: any) {
     const { mode } = ownProps;
 
     return {
+        _isRecordingRunning: isRecordingRunning(state),
         _iAmRecorder: Boolean(state['features/base/config'].iAmRecorder),
-        _isTranscribing: state['features/transcribing'].isTranscribing,
+        _isTranscribing: isTranscribing(state),
         _status: getSessionStatusToShow(state, mode)
     };
 }

react/features/recording/components/LiveStream/AbstractLiveStreamButton.ts

@@ -7,7 +7,7 @@ import { isLocalParticipantModerator } from '../../../base/participants/function
 import AbstractButton, { IProps as AbstractButtonProps } from '../../../base/toolbox/components/AbstractButton';
 import { isInBreakoutRoom } from '../../../breakout-rooms/functions';
 import { maybeShowPremiumFeatureDialog } from '../../../jaas/actions';
-import { getActiveSession } from '../../functions';
+import { getActiveSession, isCloudRecordingRunning } from '../../functions';
 
 import { getLiveStreaming } from './functions';
 
@@ -140,7 +140,7 @@ export function _mapStateToProps(state: IReduxState, ownProps: IProps) {
     }
 
     // disable the button if the recording is running.
-    if (visible && getActiveSession(state, JitsiRecordingConstants.mode.FILE)) {
+    if (visible && isCloudRecordingRunning(state)) {
         _disabled = true;
         _tooltip = 'dialog.liveStreamingDisabledBecauseOfActiveRecordingTooltip';
     }

react/features/recording/components/Recording/AbstractHighlightButton.ts

@@ -4,14 +4,17 @@ import { WithTranslation } from 'react-i18next';
 import { IReduxState, IStore } from '../../../app/types';
 import { openDialog } from '../../../base/dialog/actions';
 import { MEET_FEATURES } from '../../../base/jwt/constants';
-import { JitsiRecordingConstants } from '../../../base/lib-jitsi-meet';
 import { maybeShowPremiumFeatureDialog } from '../../../jaas/actions';
 import { hideNotification, showNotification } from '../../../notifications/actions';
 import { NOTIFICATION_TIMEOUT_TYPE, NOTIFICATION_TYPE } from '../../../notifications/constants';
 import { iAmVisitor } from '../../../visitors/functions';
 import { highlightMeetingMoment } from '../../actions.any';
 import { PROMPT_RECORDING_NOTIFICATION_ID } from '../../constants';
-import { getActiveSession, getRecordButtonProps, isHighlightMeetingMomentDisabled } from '../../functions';
+import {
+    getRecordButtonProps,
+    isCloudRecordingRunning,
+    isHighlightMeetingMomentDisabled
+} from '../../functions';
 
 import { StartRecordingDialog } from './index';
 
@@ -103,7 +106,7 @@ export default class AbstractHighlightButton<P extends IProps, S={}> extends Com
  * }}
  */
 export function _abstractMapStateToProps(state: IReduxState) {
-    const isRecordingRunning = getActiveSession(state, JitsiRecordingConstants.mode.FILE);
+    const isRecordingRunning = isCloudRecordingRunning(state);
     const isButtonDisabled = isHighlightMeetingMomentDisabled(state);
     const { webhookProxyUrl } = state['features/base/config'];
     const _iAmVisitor = iAmVisitor(state);

react/features/recording/components/Recording/AbstractRecordButton.ts

@@ -6,9 +6,7 @@ import { MEET_FEATURES } from '../../../base/jwt/constants';
 import { JitsiRecordingConstants } from '../../../base/lib-jitsi-meet';
 import AbstractButton, { IProps as AbstractButtonProps } from '../../../base/toolbox/components/AbstractButton';
 import { maybeShowPremiumFeatureDialog } from '../../../jaas/actions';
-import { getActiveSession, getRecordButtonProps } from '../../functions';
-
-import LocalRecordingManager from './LocalRecordingManager';
+import { canStopRecording, getRecordButtonProps } from '../../functions';
 
 /**
  * The type of the React {@code Component} props of
@@ -125,7 +123,6 @@ export default class AbstractRecordButton<P extends IProps> extends AbstractButt
  * }}
  */
 export function _mapStateToProps(state: IReduxState) {
-    const _isTranscribing = state['features/transcribing'].isTranscribing;
     const {
         disabled: _disabled,
         tooltip: _tooltip,
@@ -134,8 +131,7 @@ export function _mapStateToProps(state: IReduxState) {
 
     return {
         _disabled,
-        _isRecordingRunning: Boolean(getActiveSession(state, JitsiRecordingConstants.mode.FILE))
-            || LocalRecordingManager.isRecordingLocally() || _isTranscribing,
+        _isRecordingRunning: canStopRecording(state),
         _tooltip,
         visible
     };

react/features/recording/components/Recording/AbstractStartRecordingDialog.ts

@@ -12,8 +12,8 @@ import { showErrorNotification } from '../../../notifications/actions';
 import { NOTIFICATION_TIMEOUT_TYPE } from '../../../notifications/constants';
 import { setRequestingSubtitles } from '../../../subtitles/actions.any';
 import { setSelectedRecordingService, startLocalVideoRecording } from '../../actions';
-import { RECORDING_TYPES } from '../../constants';
-import { supportsLocalRecording } from '../../functions';
+import { RECORDING_METADATA_ID, RECORDING_TYPES } from '../../constants';
+import { isRecordingSharingEnabled, shouldAutoTranscribeOnRecord, supportsLocalRecording } from '../../functions';
 
 export interface IProps extends WithTranslation {
 
@@ -178,7 +178,7 @@ class AbstractStartRecordingDialog extends Component<IProps, IState> {
             userName: undefined,
             sharingEnabled: true,
             shouldRecordAudioAndVideo: true,
-            shouldRecordTranscription: true,
+            shouldRecordTranscription: this.props._autoTranscribeOnRecord,
             spaceLeft: undefined,
             selectedRecordingService,
             localRecordingOnlySelf: false
@@ -335,7 +335,6 @@ class AbstractStartRecordingDialog extends Component<IProps, IState> {
     _onSubmit() {
         const {
             _appKey,
-            _autoTranscribeOnRecord,
             _conference,
             _isDropboxEnabled,
             _rToken,
@@ -398,10 +397,15 @@ class AbstractStartRecordingDialog extends Component<IProps, IState> {
             });
         }
 
-        if (_autoTranscribeOnRecord || this.state.shouldRecordTranscription) {
-            dispatch(setRequestingSubtitles(true, false));
+        if (this.state.selectedRecordingService === RECORDING_TYPES.JITSI_REC_SERVICE
+                && this.state.shouldRecordTranscription) {
+            dispatch(setRequestingSubtitles(true, false, null));
         }
 
+        _conference?.getMetadataHandler().setMetadata(RECORDING_METADATA_ID, {
+            isTranscribingEnabled: this.state.shouldRecordTranscription
+        });
+
         return true;
     }
 
@@ -444,7 +448,6 @@ class AbstractStartRecordingDialog extends Component<IProps, IState> {
  */
 export function mapStateToProps(state: IReduxState, _ownProps: any) {
     const {
-        transcription,
         recordingService,
         dropbox = { appKey: undefined },
         localRecording
@@ -452,10 +455,10 @@ export function mapStateToProps(state: IReduxState, _ownProps: any) {
 
     return {
         _appKey: dropbox.appKey ?? '',
-        _autoTranscribeOnRecord: transcription?.autoTranscribeOnRecord ?? false,
+        _autoTranscribeOnRecord: shouldAutoTranscribeOnRecord(state),
         _conference: state['features/base/conference'].conference,
         _fileRecordingsServiceEnabled: recordingService?.enabled ?? false,
-        _fileRecordingsServiceSharingEnabled: recordingService?.sharingEnabled ?? false,
+        _fileRecordingsServiceSharingEnabled: isRecordingSharingEnabled(state),
         _isDropboxEnabled: isDropboxEnabled(state),
         _localRecordingEnabled: !localRecording?.disable,
         _rToken: state['features/dropbox'].rToken ?? '',

react/features/recording/components/Recording/AbstractStartRecordingDialogContent.tsx

@@ -9,7 +9,7 @@ import { _abstractMapStateToProps } from '../../../base/dialog/functions';
 import { isLocalParticipantModerator } from '../../../base/participants/functions';
 import { authorizeDropbox, updateDropboxToken } from '../../../dropbox/actions';
 import { isVpaasMeeting } from '../../../jaas/functions';
-import { canStartTranscribing } from '../../../subtitles/functions';
+import { canAddTranscriber } from '../../../transcribing/functions';
 import { RECORDING_TYPES } from '../../constants';
 import { supportsLocalRecording } from '../../functions';
 
@@ -418,7 +418,7 @@ export function mapStateToProps(state: IReduxState) {
     return {
         ..._abstractMapStateToProps(state),
         isVpaas: isVpaasMeeting(state),
-        _canStartTranscribing: canStartTranscribing(state),
+        _canStartTranscribing: canAddTranscriber(state),
         _hideStorageWarning: Boolean(recordingService?.hideStorageWarning),
         _isModerator: isLocalParticipantModerator(state),
         _localRecordingAvailable,

react/features/recording/components/Recording/LocalRecordingManager.web.ts

@@ -36,9 +36,6 @@ interface ILocalRecordingManager {
 
 const getMimeType = (): string => {
     const possibleTypes = [
-        'video/mp4;codecs=h264',
-        'video/webm;codecs=h264',
-        'video/webm;codecs=vp9',
         'video/webm;codecs=vp8'
     ];
 
@@ -164,7 +161,11 @@ const LocalRecordingManager: ILocalRecordingManager = {
             this.audioContext = undefined;
             this.audioDestination = undefined;
             this.totalSize = MAX_SIZE;
-            setTimeout(() => this.saveRecording(this.recordingData, this.getFilename()), 1000);
+            setTimeout(() => {
+                if (this.recordingData.length > 0) {
+                    this.saveRecording(this.recordingData, this.getFilename());
+                }
+            }, 1000);
         }
     },
 

react/features/recording/components/Recording/native/StartRecordingDialogContent.tsx

@@ -51,7 +51,9 @@ class StartRecordingDialogContent extends AbstractStartRecordingDialogContent {
      * @returns {React$Component}
      */
     _renderAdvancedOptions() {
-        if (!this._canStartTranscribing()) {
+        const { selectedRecordingService } = this.props;
+
+        if (selectedRecordingService !== RECORDING_TYPES.JITSI_REC_SERVICE || !this._canStartTranscribing()) {
             return null;
         }
 

react/features/recording/components/Recording/web/StartRecordingDialogContent.tsx

@@ -59,7 +59,9 @@ class StartRecordingDialogContent extends AbstractStartRecordingDialogContent {
      * @returns {React$Component}
      */
     _renderAdvancedOptions() {
-        if (!this._canStartTranscribing()) {
+        const { selectedRecordingService } = this.props;
+
+        if (selectedRecordingService !== RECORDING_TYPES.JITSI_REC_SERVICE || !this._canStartTranscribing()) {
             return null;
         }
 

react/features/recording/components/native/RecordingExpandedLabel.ts

@@ -4,6 +4,7 @@ import { IReduxState } from '../../../app/types';
 import { translate } from '../../../base/i18n/functions';
 import ExpandedLabel, { IProps as AbstractProps } from '../../../base/label/components/native/ExpandedLabel';
 import { JitsiRecordingConstants } from '../../../base/lib-jitsi-meet';
+import { isTranscribing } from '../../../transcribing/functions';
 import { getSessionStatusToShow } from '../../functions';
 
 interface IProps extends AbstractProps {
@@ -42,7 +43,7 @@ class RecordingExpandedLabel extends ExpandedLabel<IProps> {
      */
     _getLabel() {
         const { _status, mode, t } = this.props;
-        let postfix = 'recording', prefix = 'expandedOn'; // Default values.
+        let postfix = 'expandedOn', prefix = 'recording'; // Default values.
 
         switch (mode) {
         case JitsiRecordingConstants.mode.STREAM:
@@ -90,7 +91,7 @@ function _mapStateToProps(state: IReduxState, ownProps: any) {
     const { mode } = ownProps;
 
     return {
-        _isTranscribing: state['features/transcribing'].isTranscribing,
+        _isTranscribing: isTranscribing(state),
         _status: getSessionStatusToShow(state, mode)
     };
 }

react/features/recording/constants.ts

@@ -58,3 +58,7 @@ export const RECORDING_STATUS_PRIORITIES = [
     JitsiRecordingConstants.status.PENDING,
     JitsiRecordingConstants.status.ON
 ];
+
+export const START_RECORDING_NOTIFICATION_ID = 'START_RECORDING_NOTIFICATION_ID';
+
+export const RECORDING_METADATA_ID = 'recording';

react/features/recording/functions.ts

@@ -14,6 +14,7 @@ import { registerSound, unregisterSound } from '../base/sounds/actions';
 import { isInBreakoutRoom } from '../breakout-rooms/functions';
 import { isEnabled as isDropboxEnabled } from '../dropbox/functions';
 import { extractFqnFromPath } from '../dynamic-branding/functions.any';
+import { isTranscribing } from '../transcribing/functions';
 
 import LocalRecordingManager from './components/Recording/LocalRecordingManager';
 import {
@@ -158,6 +159,76 @@ export function supportsLocalRecording() {
         && navigator.product !== 'ReactNative';
 }
 
+/**
+ * Returns true if there is a cloud recording running.
+ *
+ * @param {IReduxState} state - The redux state to search in.
+ * @returns {boolean}
+ */
+export function isCloudRecordingRunning(state: IReduxState) {
+    return Boolean(getActiveSession(state, JitsiRecordingConstants.mode.FILE));
+}
+
+/**
+ * Returns true if there is a recording session running.
+ *
+ * @param {Object} state - The redux state to search in.
+ * @returns {boolean}
+ */
+export function isRecordingRunning(state: IReduxState) {
+    return (
+        isCloudRecordingRunning(state)
+        || LocalRecordingManager.isRecordingLocally()
+        || isTranscribing(state)
+    );
+}
+
+/**
+ * Returns true if the participant can stop recording.
+ *
+ * @param {Object} state - The redux state to search in.
+ * @returns {boolean}
+ */
+export function canStopRecording(state: IReduxState) {
+    if (!isRecordingRunning(state)) {
+        return false;
+    }
+
+    if (LocalRecordingManager.isRecordingLocally()) {
+        return true;
+    }
+
+    if (isCloudRecordingRunning(state) || isTranscribing(state)) {
+        return isLocalParticipantModerator(state) && isJwtFeatureEnabled(state, 'recording', true);
+    }
+
+    return false;
+}
+
+/**
+ * Returns whether the transcription should start automatically when recording starts.
+ *
+ * @param {Object} state - The redux state to search in.
+ * @returns {boolean}
+ */
+export function shouldAutoTranscribeOnRecord(state: IReduxState) {
+    const { transcription } = state['features/base/config'];
+
+    return transcription?.autoTranscribeOnRecord ?? true;
+}
+
+/**
+ * Returns whether the recording should be shared.
+ *
+ * @param {Object} state - The redux state to search in.
+ * @returns {boolean}
+ */
+export function isRecordingSharingEnabled(state: IReduxState) {
+    const { recordingService } = state['features/base/config'];
+
+    return recordingService?.sharingEnabled ?? false;
+}
+
 /**
  * Returns the recording button props.
  *

react/features/recording/middleware.ts

@@ -9,8 +9,10 @@ import JitsiMeetJS, {
     JitsiRecordingConstants
 } from '../base/lib-jitsi-meet';
 import { MEDIA_TYPE } from '../base/media/constants';
+import { PARTICIPANT_UPDATED } from '../base/participants/actionTypes';
 import { updateLocalRecordingStatus } from '../base/participants/actions';
-import { getParticipantDisplayName } from '../base/participants/functions';
+import { PARTICIPANT_ROLE } from '../base/participants/constants';
+import { getLocalParticipant, getParticipantDisplayName } from '../base/participants/functions';
 import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
 import StateListenerRegistry from '../base/redux/StateListenerRegistry';
 import {
@@ -18,8 +20,9 @@ import {
     stopSound
 } from '../base/sounds/actions';
 import { TRACK_ADDED } from '../base/tracks/actionTypes';
-import { showErrorNotification, showNotification } from '../notifications/actions';
+import { hideNotification, showErrorNotification, showNotification } from '../notifications/actions';
 import { NOTIFICATION_TIMEOUT_TYPE } from '../notifications/constants';
+import { isTranscribing } from '../transcribing/functions';
 
 import { RECORDING_SESSION_UPDATED, START_LOCAL_RECORDING, STOP_LOCAL_RECORDING } from './actionTypes';
 import {
@@ -29,6 +32,7 @@ import {
     showRecordingError,
     showRecordingLimitNotification,
     showRecordingWarning,
+    showStartRecordingNotification,
     showStartedRecordingNotification,
     showStoppedRecordingNotification,
     updateRecordingSessionData
@@ -38,7 +42,8 @@ import {
     LIVE_STREAMING_OFF_SOUND_ID,
     LIVE_STREAMING_ON_SOUND_ID,
     RECORDING_OFF_SOUND_ID,
-    RECORDING_ON_SOUND_ID
+    RECORDING_ON_SOUND_ID,
+    START_RECORDING_NOTIFICATION_ID
 } from './constants';
 import {
     getResourceId,
@@ -174,6 +179,8 @@ MiddlewareRegistry.register(({ dispatch, getState }) => next => async action =>
     }
 
     case RECORDING_SESSION_UPDATED: {
+        const state = getState();
+
         // When in recorder mode no notifications are shown
         // or extra sounds are also not desired
         // but we want to indicate those in case of sip gateway
@@ -181,21 +188,21 @@ MiddlewareRegistry.register(({ dispatch, getState }) => next => async action =>
             iAmRecorder,
             iAmSipGateway,
             recordingLimit
-        } = getState()['features/base/config'];
+        } = state['features/base/config'];
 
         if (iAmRecorder && !iAmSipGateway) {
             break;
         }
 
         const updatedSessionData
-            = getSessionById(getState(), action.sessionData.id);
+            = getSessionById(state, action.sessionData.id);
         const { initiator, mode = '', terminator } = updatedSessionData ?? {};
         const { PENDING, OFF, ON } = JitsiRecordingConstants.status;
 
-        if (updatedSessionData?.status === PENDING
-            && (!oldSessionData || oldSessionData.status !== PENDING)) {
+        if (updatedSessionData?.status === PENDING && oldSessionData?.status !== PENDING) {
             dispatch(showPendingRecordingNotification(mode));
-        } else if (updatedSessionData?.status !== PENDING) {
+            dispatch(hideNotification(START_RECORDING_NOTIFICATION_ID));
+        } else {
             dispatch(hidePendingRecordingNotification(mode));
 
             if (updatedSessionData?.status === ON) {
@@ -213,12 +220,13 @@ MiddlewareRegistry.register(({ dispatch, getState }) => next => async action =>
                         dispatch(showStartedRecordingNotification(mode, initiator, action.sessionData.id));
                     }
                 }
-                if (!oldSessionData || oldSessionData.status !== ON) {
+
+                if (oldSessionData?.status !== ON) {
                     sendAnalytics(createRecordingEvent('start', mode));
 
                     let soundID;
 
-                    if (mode === JitsiRecordingConstants.mode.FILE) {
+                    if (mode === JitsiRecordingConstants.mode.FILE && !isTranscribing(state)) {
                         soundID = RECORDING_ON_SOUND_ID;
                     } else if (mode === JitsiRecordingConstants.mode.STREAM) {
                         soundID = LIVE_STREAMING_ON_SOUND_ID;
@@ -232,12 +240,11 @@ MiddlewareRegistry.register(({ dispatch, getState }) => next => async action =>
                         APP.API.notifyRecordingStatusChanged(true, mode);
                     }
                 }
-            } else if (updatedSessionData?.status === OFF
-                && (!oldSessionData || oldSessionData.status !== OFF)) {
+            } else if (updatedSessionData?.status === OFF && oldSessionData?.status !== OFF) {
                 if (terminator) {
                     dispatch(
                         showStoppedRecordingNotification(
-                            mode, getParticipantDisplayName(getState, getResourceId(terminator))));
+                            mode, getParticipantDisplayName(state, getResourceId(terminator))));
                 }
 
                 let duration = 0, soundOff, soundOn;
@@ -248,7 +255,7 @@ MiddlewareRegistry.register(({ dispatch, getState }) => next => async action =>
                 }
                 sendAnalytics(createRecordingEvent('stop', mode, duration));
 
-                if (mode === JitsiRecordingConstants.mode.FILE) {
+                if (mode === JitsiRecordingConstants.mode.FILE && !isTranscribing(state)) {
                     soundOff = RECORDING_OFF_SOUND_ID;
                     soundOn = RECORDING_ON_SOUND_ID;
                 } else if (mode === JitsiRecordingConstants.mode.STREAM) {
@@ -279,6 +286,21 @@ MiddlewareRegistry.register(({ dispatch, getState }) => next => async action =>
         }
         break;
     }
+    case PARTICIPANT_UPDATED: {
+        const { id, role } = action.participant;
+        const state = getState();
+        const localParticipant = getLocalParticipant(state);
+
+        if (localParticipant?.id !== id) {
+            return next(action);
+        }
+
+        if (role === PARTICIPANT_ROLE.MODERATOR) {
+            dispatch(showStartRecordingNotification());
+        }
+
+        return next(action);
+    }
     }
 
     return result;

react/features/recording/reducer.ts

@@ -6,6 +6,7 @@ import {
     SET_MEETING_HIGHLIGHT_BUTTON_STATE,
     SET_PENDING_RECORDING_NOTIFICATION_UID,
     SET_SELECTED_RECORDING_SERVICE,
+    SET_START_RECORDING_NOTIFICATION_SHOWN,
     SET_STREAM_KEY
 } from './actionTypes';
 
@@ -35,6 +36,7 @@ export interface IRecordingState {
     selectedRecordingService: string;
     sessionDatas: Array<ISessionData>;
     streamKey?: string;
+    wasStartRecordingSuggested?: boolean;
 }
 
 /**
@@ -94,6 +96,12 @@ ReducerRegistry.register<IRecordingState>(STORE_NAME,
                 disableHighlightMeetingMoment: action.disabled
             };
 
+        case SET_START_RECORDING_NOTIFICATION_SHOWN:
+            return {
+                ...state,
+                wasStartRecordingSuggested: true
+            };
+
         default:
             return state;
         }

react/features/screenshot-capture/functions.tsx

@@ -1,8 +1,7 @@
 import { IReduxState } from '../app/types';
 import { IStateful } from '../base/app/types';
-import { JitsiRecordingConstants } from '../base/lib-jitsi-meet';
 import { toState } from '../base/redux/functions';
-import { getActiveSession } from '../recording/functions';
+import { isCloudRecordingRunning } from '../recording/functions';
 import { isScreenVideoShared } from '../screen-share/functions';
 
 import ScreenshotCaptureSummary from './ScreenshotCaptureSummary';
@@ -48,7 +47,7 @@ export function isScreenshotCaptureEnabled(state: IReduxState, checkSharing?: bo
         }
 
         // Feature enabled only when recording is also on.
-        return Boolean(getActiveSession(state, JitsiRecordingConstants.mode.FILE));
+        return isCloudRecordingRunning(state);
     }
 
     return true;