feature: allowlist checking for token verification module

Fixes https://github.com/jitsi/jitsi-meet/issues/13448.

.gitignore

@@ -94,3 +94,15 @@ twa/*.aab
 twa/assetlinks.json
 
 tsconfig.json
+
+# React Native SDK
+#
+react-native-sdk/android/src
+react-native-sdk/images
+react-native-sdk/ios
+react-native-sdk/lang
+react-native-sdk/modules
+react-native-sdk/node_modules
+react-native-sdk/react
+react-native-sdk/service
+react-native-sdk/sounds

android/build.gradle

@@ -17,7 +17,7 @@ buildscript {
 }
 
 ext {
-    kotlinVersion = "1.5.32"
+    kotlinVersion = "1.7.0"
     buildToolsVersion = "31.0.0"
     compileSdkVersion = 32
     minSdkVersion    = 24

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

@@ -25,6 +25,7 @@ import com.facebook.react.bridge.ReactApplicationContext;
 import com.facebook.react.bridge.ReactContextBaseJavaModule;
 import com.facebook.react.module.annotations.ReactModule;
 
+import java.lang.reflect.Field;
 import java.util.HashMap;
 import java.util.Map;
 
@@ -32,7 +33,10 @@ import java.util.Map;
 class AppInfoModule
     extends ReactContextBaseJavaModule {
 
+    private static final String BUILD_CONFIG = "org.jitsi.meet.sdk.BuildConfig";
     public static final String NAME = "AppInfo";
+    public static final boolean GOOGLE_SERVICES_ENABLED = getGoogleServicesEnabled();
+    public static final boolean LIBRE_BUILD = getLibreBuild();
 
     public AppInfoModule(ReactApplicationContext reactContext) {
         super(reactContext);
@@ -75,8 +79,8 @@ class AppInfoModule
         constants.put(
             "version",
             packageInfo == null ? "" : packageInfo.versionName);
-        constants.put("LIBRE_BUILD", BuildConfig.LIBRE_BUILD);
-        constants.put("GOOGLE_SERVICES_ENABLED", BuildConfig.GOOGLE_SERVICES_ENABLED);
+        constants.put("LIBRE_BUILD", LIBRE_BUILD);
+        constants.put("GOOGLE_SERVICES_ENABLED", GOOGLE_SERVICES_ENABLED);
 
         return constants;
     }
@@ -85,4 +89,47 @@ class AppInfoModule
     public String getName() {
         return NAME;
     }
+
+    /**
+     * Checks if libre google services object is null based on build configuration.
+     */
+    private static boolean getGoogleServicesEnabled() {
+        Object googleServicesEnabled = getBuildConfigValue("GOOGLE_SERVICES_ENABLED");
+
+        if (googleServicesEnabled !=null) {
+            return (Boolean) googleServicesEnabled;
+        }
+
+        return false;
+    }
+
+    /**
+     * Checks if libre build field is null based on build configuration.
+     */
+    private static boolean getLibreBuild() {
+        Object libreBuild = getBuildConfigValue("LIBRE_BUILD");
+
+        if (libreBuild !=null) {
+            return (Boolean) libreBuild;
+        }
+
+        return false;
+    }
+
+    /**
+     * Gets build config value of a certain field.
+     *
+     * @param fieldName Field from build config.
+     */
+    private static Object getBuildConfigValue(String fieldName) {
+        try {
+            Class<?> c = Class.forName(BUILD_CONFIG);
+            Field f  = c.getDeclaredField(fieldName);
+            f.setAccessible(true);
+            return f.get(null);
+        } catch (Exception e) {
+            e.printStackTrace();
+            return null;
+        }
+    }
 }

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

@@ -13,6 +13,7 @@ import android.telecom.PhoneAccount;
 import android.telecom.PhoneAccountHandle;
 import android.telecom.TelecomManager;
 import android.telecom.VideoProfile;
+
 import androidx.annotation.RequiresApi;
 
 import com.facebook.react.bridge.Promise;
@@ -357,7 +358,7 @@ public class ConnectionService extends android.telecom.ConnectionService {
             JitsiMeetLogger.i(TAG + " onDisconnect " + getCallUUID());
             WritableNativeMap data = new WritableNativeMap();
             data.putString("callUUID", getCallUUID());
-            ReactInstanceManagerHolder.emitEvent(
+            RNConnectionService.getInstance().emitEvent(
                     "org.jitsi.meet:features/connection_service#disconnect",
                     data);
             // The JavaScript side will not go back to the native with
@@ -377,7 +378,7 @@ public class ConnectionService extends android.telecom.ConnectionService {
             JitsiMeetLogger.i(TAG + " onAbort " + getCallUUID());
             WritableNativeMap data = new WritableNativeMap();
             data.putString("callUUID", getCallUUID());
-            ReactInstanceManagerHolder.emitEvent(
+            RNConnectionService.getInstance().emitEvent(
                     "org.jitsi.meet:features/connection_service#abort",
                     data);
             // The JavaScript side will not go back to the native with
@@ -406,7 +407,7 @@ public class ConnectionService extends android.telecom.ConnectionService {
         @Override
         public void onCallAudioStateChanged(CallAudioState state) {
             JitsiMeetLogger.d(TAG + " onCallAudioStateChanged: " + state);
-            RNConnectionService module = ReactInstanceManagerHolder.getNativeModule(RNConnectionService.class);
+            RNConnectionService module = RNConnectionService.getInstance();
             if (module != null) {
                 module.onCallAudioStateChange(state);
             }

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

@@ -10,14 +10,19 @@ import android.telecom.PhoneAccount;
 import android.telecom.PhoneAccountHandle;
 import android.telecom.TelecomManager;
 import android.telecom.VideoProfile;
+
+import androidx.annotation.Nullable;
 import androidx.annotation.RequiresApi;
 
+import com.facebook.react.bridge.NativeModule;
 import com.facebook.react.bridge.Promise;
 import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.bridge.ReactContext;
 import com.facebook.react.bridge.ReactContextBaseJavaModule;
 import com.facebook.react.bridge.ReactMethod;
 import com.facebook.react.bridge.ReadableMap;
 import com.facebook.react.module.annotations.ReactModule;
+import com.facebook.react.modules.core.DeviceEventManagerModule;
 
 import org.jitsi.meet.sdk.log.JitsiMeetLogger;
 
@@ -35,6 +40,7 @@ class RNConnectionService extends ReactContextBaseJavaModule {
 
     private static final String TAG = ConnectionService.TAG;
 
+    private static RNConnectionService sRNConnectionServiceInstance;
     /**
      * Handler for dealing with call state changes. We are acting as a proxy between ConnectionService
      * and other modules such as {@link AudioModeModule}.
@@ -57,6 +63,11 @@ class RNConnectionService extends ReactContextBaseJavaModule {
 
     RNConnectionService(ReactApplicationContext reactContext) {
         super(reactContext);
+        sRNConnectionServiceInstance = this;
+    }
+
+    static RNConnectionService getInstance() {
+        return sRNConnectionServiceInstance;
     }
 
     @ReactMethod
@@ -226,4 +237,22 @@ class RNConnectionService extends ReactContextBaseJavaModule {
     interface CallAudioStateListener {
         void onCallAudioStateChange(android.telecom.CallAudioState callAudioState);
     }
+
+    /**
+     * Helper function to send an event to JavaScript.
+     *
+     * @param eventName {@code String} containing the event name.
+     * @param data {@code Object} optional ancillary data for the event.
+     */
+    void emitEvent(
+        String eventName,
+        @Nullable Object data) {
+        ReactContext reactContext = getReactApplicationContext();
+
+        if (reactContext != null) {
+            reactContext
+                .getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter.class)
+                .emit(eventName, data);
+        }
+    }
 }

conference.js

@@ -87,6 +87,7 @@ import {
 } from './react/features/base/lib-jitsi-meet';
 import { isFatalJitsiConnectionError } from './react/features/base/lib-jitsi-meet/functions';
 import {
+    gumPending,
     setAudioAvailable,
     setAudioMuted,
     setAudioUnmutePermissions,
@@ -100,6 +101,7 @@ import {
     getStartWithVideoMuted,
     isVideoMutedByUser
 } from './react/features/base/media/functions';
+import { IGUMPendingState } from './react/features/base/media/types';
 import {
     dominantSpeakerChanged,
     localParticipantAudioLevelChanged,
@@ -493,6 +495,21 @@ function disconnect() {
     return connection.disconnect().then(onDisconnected, onDisconnected);
 }
 
+/**
+ * Sets the GUM pending state for the tracks that have failed.
+ *
+ * NOTE: Some of the track that we will be setting to GUM pending state NONE may not have failed but they may have
+ * been requested. This won't be a problem because their current GUM pending state will be NONE anyway.
+ * @param {JitsiLocalTrack} tracks - The tracks that have been created.
+ * @returns {void}
+ */
+function setGUMPendingStateOnFailedTracks(tracks) {
+    const tracksTypes = tracks.map(track => track.getType());
+    const nonPendingTracks = [ MEDIA_TYPE.AUDIO, MEDIA_TYPE.VIDEO ].filter(type => !tracksTypes.includes(type));
+
+    APP.store.dispatch(gumPending(nonPendingTracks, IGUMPendingState.NONE));
+}
+
 /**
  * Handles CONNECTION_FAILED events from lib-jitsi-meet.
  *
@@ -601,6 +618,7 @@ export default {
                     return [];
                 });
         } else if (requestedAudio || requestedVideo) {
+            APP.store.dispatch(gumPending(initialDevices, IGUMPendingState.PENDING_UNMUTE));
             tryCreateLocalTracks = createLocalTracksF({
                 devices: initialDevices,
                 timeout,
@@ -863,6 +881,8 @@ export default {
             this._initDeviceList(true);
 
             if (isPrejoinPageVisible(state)) {
+                APP.store.dispatch(gumPending([ MEDIA_TYPE.AUDIO, MEDIA_TYPE.VIDEO ], IGUMPendingState.NONE));
+
                 return APP.store.dispatch(initPrejoin(localTracks, errors));
             }
 
@@ -870,14 +890,22 @@ export default {
 
             this._displayErrorsForCreateInitialLocalTracks(errors);
 
-            return this._setLocalAudioVideoStreams(handleInitialTracks(initialOptions, localTracks));
+            const tracks = handleInitialTracks(initialOptions, localTracks);
+
+            setGUMPendingStateOnFailedTracks(tracks);
+
+            return this._setLocalAudioVideoStreams(tracks);
         }
 
         const [ tracks, con ] = await this.createInitialLocalTracksAndConnect(roomName, initialOptions);
 
         this._initDeviceList(true);
 
-        return this.startConference(con, handleInitialTracks(initialOptions, tracks));
+        const filteredTracks = handleInitialTracks(initialOptions, tracks);
+
+        setGUMPendingStateOnFailedTracks(filteredTracks);
+
+        return this.startConference(con, filteredTracks);
     },
 
     /**
@@ -1000,6 +1028,7 @@ export default {
                 showUI && APP.store.dispatch(notifyMicError(error));
             };
 
+            APP.store.dispatch(gumPending([ MEDIA_TYPE.AUDIO ], IGUMPendingState.PENDING_UNMUTE));
             createLocalTracksF({ devices: [ 'audio' ] })
                 .then(([ audioTrack ]) => audioTrack)
                 .catch(error => {
@@ -1011,7 +1040,10 @@ export default {
                 .then(async audioTrack => {
                     await this._maybeApplyAudioMixerEffect(audioTrack);
 
-                    this.useAudioStream(audioTrack);
+                    return this.useAudioStream(audioTrack);
+                })
+                .finally(() => {
+                    APP.store.dispatch(gumPending([ MEDIA_TYPE.AUDIO ], IGUMPendingState.NONE));
                 });
         } else {
             muteLocalAudio(mute);
@@ -1091,6 +1123,8 @@ export default {
 
             this.isCreatingLocalTrack = true;
 
+            APP.store.dispatch(gumPending([ MEDIA_TYPE.VIDEO ], IGUMPendingState.PENDING_UNMUTE));
+
             // Try to create local video if there wasn't any.
             // This handles the case when user joined with no video
             // (dismissed screen sharing screen or in audio only mode), but
@@ -1115,6 +1149,7 @@ export default {
                 })
                 .finally(() => {
                     this.isCreatingLocalTrack = false;
+                    APP.store.dispatch(gumPending([ MEDIA_TYPE.VIDEO ], IGUMPendingState.NONE));
                 });
         } else {
             // FIXME show error dialog if it fails (should be handled by react)
@@ -1427,11 +1462,16 @@ export default {
      * @private
      */
     _setLocalAudioVideoStreams(tracks = []) {
+        const { dispatch } = APP.store;
+        const pendingGUMDevicesToRemove = [];
         const promises = tracks.map(track => {
             if (track.isAudioTrack()) {
+                pendingGUMDevicesToRemove.push(MEDIA_TYPE.AUDIO);
+
                 return this.useAudioStream(track);
             } else if (track.isVideoTrack()) {
                 logger.debug(`_setLocalAudioVideoStreams is calling useVideoStream with track: ${track}`);
+                pendingGUMDevicesToRemove.push(MEDIA_TYPE.VIDEO);
 
                 return this.useVideoStream(track);
             }
@@ -1443,6 +1483,10 @@ export default {
         });
 
         return Promise.allSettled(promises).then(() => {
+            if (pendingGUMDevicesToRemove.length > 0) {
+                dispatch(gumPending(pendingGUMDevicesToRemove, IGUMPendingState.NONE));
+            }
+
             this._localTracksInitialized = true;
             logger.log(`Initialized with ${tracks.length} local tracks`);
         });
@@ -1985,7 +2029,10 @@ export default {
 
         room.on(
             JitsiConferenceEvents.NON_PARTICIPANT_MESSAGE_RECEIVED,
-            (...args) => APP.store.dispatch(nonParticipantMessageReceived(...args)));
+            (...args) => {
+                APP.store.dispatch(nonParticipantMessageReceived(...args));
+                APP.API.notifyNonParticipantMessageReceived(...args);
+            });
 
         room.on(
             JitsiConferenceEvents.LOCK_STATE_CHANGED,
@@ -2156,6 +2203,11 @@ export default {
             UIEvents.VIDEO_DEVICE_CHANGED,
             cameraDeviceId => {
                 const videoWasMuted = this.isLocalVideoMuted();
+                const localVideoTrack = getLocalJitsiVideoTrack(APP.store.getState());
+
+                if (localVideoTrack?.getDeviceId() === cameraDeviceId) {
+                    return;
+                }
 
                 sendAnalytics(createDeviceChangedEvent('video', 'input'));
 
@@ -2400,7 +2452,9 @@ export default {
             const { dispatch } = APP.store;
             const setAudioOutputPromise
                 = setAudioOutputDeviceId(newDevices.audiooutput, dispatch)
-                    .catch(); // Just ignore any errors in catch block.
+                    .catch(err => {
+                        logger.error(`Failed to set the audio output device to ${newDevices.audiooutput} - ${err}`);
+                    });
 
             promises.push(setAudioOutputPromise);
         }
@@ -2438,7 +2492,7 @@ export default {
         }
 
         // check for video
-        if (!requestedInput.video) {
+        if (requestedInput.video) {
             APP.store.dispatch(checkAndNotifyForNewDevice(newAvailDevices.videoInput, oldDevices.videoInput));
         }
 
@@ -2482,14 +2536,15 @@ export default {
         // Create the tracks and replace them only if the user is unmuted.
         if (requestedInput.audio || requestedInput.video) {
             let tracks = [];
+            const realAudioDeviceId = hasDefaultMicChanged
+                ? getDefaultDeviceId(APP.store.getState(), 'audioInput') : newDevices.audioinput;
 
             try {
                 tracks = await mediaDeviceHelper.createLocalTracksAfterDeviceListChanged(
                     createLocalTracksF,
-                    newDevices.videoinput,
-                    hasDefaultMicChanged
-                        ? getDefaultDeviceId(APP.store.getState(), 'audioInput')
-                        : newDevices.audioinput);
+                    requestedInput.video ? newDevices.videoinput : null,
+                    requestedInput.audio ? realAudioDeviceId : null
+                );
             } catch (error) {
                 logger.error(`Track creation failed on device change, ${error}`);
 

config.js

@@ -74,6 +74,9 @@ var config = {
     //
 
     testing: {
+        // Allows the setting of a custom bandwidth value from the UI.
+        // assumeBandwidth: true,
+
         // Disables the End to End Encryption feature. Useful for debugging
         // issues related to insertable streams.
         // disableE2EE: false,
@@ -1065,7 +1068,12 @@ var config = {
     // },
 
     // e2ee: {
-    //   labels,
+    //   labels: {
+    //     description: '',
+    //     label: '',
+    //     tooltip: '',
+    //     warning: '',
+    //   },
     //   externallyManagedKey: false,
     // },
 
@@ -1375,7 +1383,6 @@ var config = {
      dialOutRegionUrl
      disableRemoteControl
      displayJids
-     e2eeLabels
      firefox_fake_device
      googleApiApplicationClientID
      iAmRecorder

css/_toolbars.scss

@@ -32,6 +32,14 @@
     pointer-events: none;
     z-index: $toolbarZ + 2;
 
+    &.shift-up {
+        bottom: calc(((#{$newToolbarSize} + 30px) * 2) * -1);
+
+        .toolbox-content {
+            margin-bottom: 46px;
+        }
+    }
+
     &.visible {
         bottom: 0;
     }

css/_utils.scss

@@ -41,3 +41,36 @@
     display: -webkit-flex !important;
     display: flex !important;
 }
+
+/**
+ * resets default button styles,
+ * mostly intended to be used on interactive elements that
+ * differ from their default styles (e.g. <a>) or have custom styles
+ */
+.invisible-button {
+    background: none;
+    border: none;
+    color: inherit;
+    cursor: pointer;
+    padding: 0;
+}
+
+
+/**
+ * style an element the same as an <a>
+ * useful on some cases where we visually have a link but it's actually a <button>
+ */
+.as-link {
+    @extend .invisible-button;
+
+    display: inline;
+    color: #44A5FF;
+    text-decoration: none;
+    font-weight: bold;
+
+    &:focus,
+    &:hover,
+    &:active {
+        text-decoration: underline;
+    }
+}

css/modals/security/_security.scss

@@ -21,7 +21,7 @@
 
                 &-actions {
                     margin-top: 10px;
-                    a {
+                    button {
                         cursor: pointer;
                         text-decoration: none;
                         font-size: 14px;

ios/Podfile.lock

@@ -782,6 +782,6 @@ SPEC CHECKSUMS:
   RNWatch: dae6c858a2051dbdcfb00b9a86cf4d90400263b4
   Yoga: d24d6184b6b85f742536bd93bd07d69d7b9bb4c1
 
-PODFILE CHECKSUM: d50d830fb5f54769da0761781dce71dc8f7193a3
+PODFILE CHECKSUM: e3579df5272b8b697c9fdc0e55aa0845b189c4dd
 
 COCOAPODS: 1.11.3

lang/main-de.json

@@ -39,6 +39,18 @@
     "audioOnly": {
         "audioOnly": "Geringe Bandbreite"
     },
+    "bandwidthSettings": {
+        "assumedBandwidthBps": "z.B. 10000000 für 10 Mbps",
+        "assumedBandwidthBpsWarning": "Höhere Werte können zu Netzwerk-Problemen führen.",
+        "customValue": "spezifischer Wert",
+        "customValueEffect": "setzt den Wert in bps",
+        "leaveEmpty": "leer lassen",
+        "leaveEmptyEffect": "aktiviert die automatische Abschätzung",
+        "possibleValues": "Mögliche Werte",
+        "setAssumedBandwidthBps": "Angenommene Bandbreite (bps)",
+        "title": "Einstellungen Bandbreite",
+        "zeroEffect": "schaltet Video aus"
+    },
     "breakoutRooms": {
         "actions": {
             "add": "Breakout-Raum hinzufügen",
@@ -156,6 +168,7 @@
         "localport_plural": "Lokale Ports:",
         "maxEnabledResolution": "max. senden",
         "more": "Mehr anzeigen",
+        "no": "Nein",
         "packetloss": "Paketverlust:",
         "participant_id": "Personen-ID:",
         "quality": {
@@ -174,7 +187,8 @@
         "status": "Verbindung:",
         "transport": "Protokoll:",
         "transport_plural": "Protokolle:",
-        "video_ssrc": "Video-SSRC:"
+        "video_ssrc": "Video-SSRC:",
+        "yes": "Ja"
     },
     "dateUtils": {
         "earlier": "Früher",
@@ -673,6 +687,7 @@
         "connectedTwoMembers": "{{first}} und {{second}} nehmen am Meeting teil",
         "dataChannelClosed": "Schlechte Videoqualität",
         "dataChannelClosedDescription": "Die Steuerungsverbindung (Bridge Channel) wurde unterbrochen, daher ist die Videoqulität auf die schlechteste Stufe limitiert.",
+        "disabledIframe": "Die Einbettung ist nur für Demo-Zwecke vorgesehen. Diese Konferenz wird in {{timeout}} Minuten beendet.",
         "disconnected": "getrennt",
         "displayNotifications": "Benachrichtigungen anzeigen für",
         "dontRemindMe": "Nicht erinnern",
@@ -867,9 +882,11 @@
         "lookGood": "Ihr Mikrofon scheint zu funktionieren.",
         "or": "oder",
         "premeeting": "Vorschau",
+        "proceedAnyway": "Trotzdem fortsetzen",
         "screenSharingError": "Fehler bei Bildschirmfreigabe:",
         "showScreen": "Konferenzvorschau aktivieren",
         "startWithPhone": "Mit Telefonaudio starten",
+        "unsafeRoomConsent": "Ich verstehe das Risiko und möchte der Konferenz beitreten",
         "videoOnlyError": "Videofehler:",
         "videoTrackError": "Videotrack konnte nicht erstellt werden.",
         "viewAllNumbers": "alle Nummern anzeigen"
@@ -971,8 +988,14 @@
     "security": {
         "about": "Sie können Ihre Konferenz mit einem Passwort sichern. Teilnehmer müssen dieses eingeben, bevor sie an der Sitzung teilnehmen dürfen.",
         "aboutReadOnly": "Mit Moderationsrechten kann die Konferenz mit einem Passwort gesichert werden. Personen müssen dieses eingeben, bevor sie an der Sitzung teilnehmen dürfen.",
-        "insecureRoomNameWarning": "Der Raumname ist unsicher. Unerwünschte Teilnehmer könnten Ihrer Konferenz beitreten",
-        "title": "Sicherheitsoptionen"
+        "insecureRoomNameWarningNative": "Der Raumname ist unsicher. Unerwünschte Teilnehmer könnten Ihrer Konferenz beitreten. {{recommendAction}} Lernen Sie mehr über die Absicherung Ihrer Konferenz ",
+        "insecureRoomNameWarningWeb": "Der Raumname ist unsicher. Unerwünschte Teilnehmer könnten Ihrer Konferenz beitreten {{recommendAction}} Lernen Sie <a href=\"{{securityUrl}}\" rel=\"security\" target=\"_blank\">hier</a> mehr über die Absicherung Ihrer Konferenz.",
+        "title": "Sicherheitsoptionen",
+        "unsafeRoomActions": {
+            "meeting": "Erwägen Sie die Absicherung Ihrer Konferenz über den Sicherheits-Button.",
+            "prejoin": "Erwägen Sie einen einzigartigeren Raumnamen zu wählen.",
+            "welcome": "Erwägen Sie einen einzigartigeren Raumnamen zu wählen oder wählen Sie einen der Vorschläge."
+        }
     },
     "settings": {
         "audio": "Audio",
@@ -1140,6 +1163,7 @@
             "muteEveryoneElse": "Alle anderen stummschalten",
             "muteEveryoneElsesVideoStream": "Alle anderen Kameras ausschalten",
             "muteEveryonesVideoStream": "Alle Kameras ausschalten",
+            "muteGUMPending": "Verbinde Ihr Mikrofon",
             "noiseSuppression": "Rauschunterdrückung",
             "openChat": "Chat öffnen",
             "participants": "Anwesende",
@@ -1147,6 +1171,7 @@
             "privateMessage": "Private Nachricht senden",
             "profile": "Profil bearbeiten",
             "raiseHand": "Hand heben",
+            "reactions": "Interaktionen",
             "reactionsMenu": "Interaktionsmenü öffnen / schließen",
             "recording": "Aufzeichnung ein-/ausschalten",
             "remoteMute": "Personen stummschalten",
@@ -1172,6 +1197,7 @@
             "unmute": "Stummschaltung aufheben",
             "videoblur": "Unscharfer Hintergrund ein-/ausschalten",
             "videomute": "„Video stummschalten“ ein-/ausschalten",
+            "videomuteGUMPending": "Verbinde Ihre Kamera",
             "videounmute": "Kamera einschalten"
         },
         "addPeople": "Personen zur Konferenz hinzufügen",
@@ -1222,6 +1248,7 @@
         "mute": "Stummschalten",
         "muteEveryone": "Alle stummschalten",
         "muteEveryonesVideo": "Alle Kameras ausschalten",
+        "muteGUMPending": "Verbinde Ihre Kamera",
         "noAudioSignalDesc": "Wenn Sie das Gerät nicht absichtlich über die Systemeinstellungen oder die Hardware stumm geschaltet haben, sollten Sie einen Wechsel des Geräts in Erwägung ziehen.",
         "noAudioSignalDescSuggestion": "Wenn Sie das Gerät nicht absichtlich über die Systemeinstellungen oder die Hardware stummgeschaltet haben, sollten Sie einen Wechsel auf das vorgeschlagene Gerät in Erwägung ziehen.",
         "noAudioSignalDialInDesc": "Sie können sich auch über die Einwahlnummer einwählen:",
@@ -1244,6 +1271,7 @@
         "reactionLike": "Daumen hoch senden",
         "reactionSilence": "Stille senden",
         "reactionSurprised": "Überrascht senden",
+        "reactions": "Interaktionen",
         "security": "Sicherheitsoptionen",
         "selectBackground": "Hintergrund auswählen",
         "shareRoom": "Person einladen",
@@ -1266,6 +1294,7 @@
         "unmute": "Stummschaltung aufheben",
         "videoSettings": "Kameraeinstellungen",
         "videomute": "Kamera stoppen",
+        "videomuteGUMPending": "Verbinde Ihre Kamera",
         "videounmute": "Kamera einschalten"
     },
     "transcribing": {
@@ -1377,7 +1406,14 @@
         "webAssemblyWarning": "WebAssembly wird nicht unterstützt",
         "webAssemblyWarningDescription": "WebAssembly ist deaktiviert oder wird in diesem Browser nicht unterstützt"
     },
-    "visitorsLabel": "Anzahl Gäste: {{count}}",
+    "visitors": {
+        "chatIndicator": "(Gast)",
+        "labelTooltip": "Anzahl Gäste: {{count}}",
+        "notification": {
+            "description": "Bitte melden Sie sich um teilzunehmen",
+            "title": "Sie sind Gast in der Konferenz"
+        }
+    },
     "volumeSlider": "Lautstärkeregler",
     "welcomepage": {
         "accessibilityLabel": {

lang/main-es.json

@@ -11,7 +11,6 @@
         "defaultEmail": "Dirección de correo por defecto",
         "disabled": "No puede invitar a otras personas.",
         "failedToAdd": "Error al agregar participantes",
-        "footerText": "La marcación está desactivada.",
         "googleEmail": "Correo electrónico de Google",
         "inviteMoreHeader": "Usted se encuentra solo en la reunión",
         "inviteMoreMailSubject": "Unirse a la reunión {{appName}}",
@@ -31,6 +30,7 @@
     },
     "audioDevices": {
         "bluetooth": "Bluetooth",
+        "car": "Audio de automóvil",
         "headphones": "Auriculares",
         "none": "No hay dispositivos de audio disponibles",
         "phone": "Teléfono",
@@ -39,6 +39,37 @@
     "audioOnly": {
         "audioOnly": "Solo sonido y pantalla compartida"
     },
+    "bandwidthSettings": {
+        "assumedBandwidthBps": "por ejemplo 10000000 para 10 Mbps",
+        "assumedBandwidthBpsWarning": "Valores más altos podrían causar problemas de red.",
+        "customValue": "valor personalizado",
+        "customValueEffect": "para establecer el valor real de bps",
+        "leaveEmpty": "dejar vacío",
+        "leaveEmptyEffect": "para permitir que se realicen estimaciones",
+        "possibleValues": "Valores posibles",
+        "setAssumedBandwidthBps": "Ancho de banda asumido (bps)",
+        "title": "Ajustes de ancho de banda",
+        "zeroEffect": "para deshabilitar el video"
+    },
+    "breakoutRooms": {
+        "actions": {
+            "add": "Agregar sala para grupos pequeños",
+            "autoAssign": "Autoasignar a sala para grupos pequeños",
+            "close": "Cerrar",
+            "join": "Unirse",
+            "leaveBreakoutRoom": "Abandonar sala para grupos pequeños",
+            "more": "Más",
+            "remove": "Quitar",
+            "sendToBreakoutRoom": "Enviar participante a:"
+        },
+        "defaultName": "Sala para grupos pequeños #{{index}}",
+        "mainRoom": "Sala principal",
+        "notifications": {
+            "joined": "Uniéndose a la sala para grupos pequeños \"{{name}}\"",
+            "joinedMainRoom": "Uniéndose a la sala principal",
+            "joinedTitle": "Salas para grupos pequeños"
+        }
+    },
     "calendarSync": {
         "addMeetingURL": "Agregar un vínculo a la reunión",
         "confirmAddLink": "¿Quiere añadir un enlace de Jitsi a este evento?",
@@ -57,15 +88,27 @@
         "refresh": "Actualizar calendario",
         "today": "Hoy"
     },
+    "carmode": {
+        "actions": {
+            "selectSoundDevice": "Elija un dispositivo de sonido"
+        },
+        "labels": {
+            "buttonLabel": "Modo automóvil",
+            "title": "Modo automóvil",
+            "videoStopped": "Su video se ha detenido"
+        }
+    },
     "chat": {
         "enter": "Entrar en la sala",
         "error": "Error: su mensaje no se envío. Motivo: {{error}}",
         "fieldPlaceHolder": "Escriba su mensaje aquí",
+        "lobbyChatMessageTo": "Mensaje de chat de lobby a {{recipient}}",
         "message": "Mensaje",
         "messageAccessibleTitle": "{{user}} dice:",
         "messageAccessibleTitleMe": "yo digo:",
         "messageTo": "Mensaje privado para {{recipient}}",
         "messagebox": "Escriba un mensaje",
+        "newMessages": "Mensajes nuevos",
         "nickname": {
             "popover": "Selecciona un apodo",
             "title": "Introduce un apodo para usar el chat",
@@ -85,6 +128,7 @@
     },
     "chromeExtensionBanner": {
         "buttonText": "Instalar extensión de Chrome",
+        "buttonTextEdge": "Instalar extensión de Edge",
         "close": "Cerrar",
         "dontShowAgain": "No mostrar nuevamente",
         "installExtensionText": "Instalar la extensión para Google Calendar y la integración con Office 365"
@@ -115,6 +159,7 @@
         "bridgeCount": "Contador del servidor: ",
         "codecs": "Codecs (A/V):",
         "connectedTo": "Conectado a:",
+        "e2eeVerified": "",
         "framerate": "Fotogramas por segundo:",
         "less": "Mostrar menos",
         "localaddress": "Dirección local:",
@@ -123,6 +168,7 @@
         "localport_plural": "Puertos locales:",
         "maxEnabledResolution": "enviar max",
         "more": "Mostrar más",
+        "no": "no",
         "packetloss": "Pérdida de paquetes:",
         "participant_id": "ID participante:",
         "quality": {
@@ -141,7 +187,8 @@
         "status": "Calidad:",
         "transport": "Transporte:",
         "transport_plural": "Transportes:",
-        "video_ssrc": "Video SSRC:"
+        "video_ssrc": "Video SSRC:",
+        "yes": "sí"
     },
     "dateUtils": {
         "earlier": "Anterior",
@@ -150,15 +197,24 @@
     },
     "deepLinking": {
         "appNotInstalled": "Necesitas la aplicación {{app}} para unirte a esta reunión en el teléfono.",
-        "description": "¿No pasó nada? Hemos intentado iniciar la reunión en la aplicación de escritorio {{app}}. Intenta de nuevo o inicia en la aplicación web {{app}}.",
+        "description": "¿No pasó nada? Intentamos iniciar la reunión en la aplicación de escritorio {{app}}. Intenta de nuevo o inicia en la aplicación web {{app}}.",
+        "descriptionNew": "¿No pasó nada? Intentamos iniciar la reunión en la aplicación de escritorio {{app}}. <br /><br /> Puedes volver a intentarlo o iniciar en la aplicación web.",
         "descriptionWithoutWeb": "¿No pasó nada? Intentamos iniciar su reunión en la aplicación de escritorio {{app}}.",
         "downloadApp": "Descargar la app",
+        "downloadMobileApp": "",
         "ifDoNotHaveApp": "Si aún no tienes la app:",
         "ifHaveApp": "Si ya tienes la app:",
         "joinInApp": "Unirse a la reunion usando la app",
+        "joinInAppNew": "Unirse en la app",
+        "joinInBrowser": "Unirse en el navegador",
+        "launchMeetingLabel": "¿Cómo quieres unirte a la reunión?",
         "launchWebButton": "Iniciar en el navegador",
+        "noMobileApp": "¿No tienes la aplicación?",
+        "termsAndConditions": "Al continuar aceptas nuestros <a href='{{termsAndConditionsLink}}' rel='noopener noreferrer' target='_blank'>términos y condiciones.</a>",
         "title": "Iniciando la reunión en {{app}}…",
-        "tryAgainButton": "Intentar de nuevo en el escritorio"
+        "titleNew": "Iniciando la reunión.",
+        "tryAgainButton": "Intentar de nuevo en el escritorio",
+        "unsupportedBrowser": "Parece que estás usando un navegador para el que no tenemos soporte."
     },
     "defaultLink": "ej. {{url}}",
     "defaultNickname": "ej. Juan Pérez",
@@ -169,11 +225,20 @@
         "microphonePermission": "Error al obtener permiso del micrófono"
     },
     "deviceSelection": {
+        "hid": {
+            "callControl": "Control de llamadas",
+            "connectedDevices": "Dispositivos conectados:",
+            "deleteDevice": "Eliminar dispositivo",
+            "pairDevice": "Emparejar dispositivo"
+        },
         "noPermission": "Permiso no concedido",
         "previewUnavailable": "Vista previa no disponible",
         "selectADevice": "Seleccionar un dispositivo",
         "testAudio": "Reproducir un sonido de prueba"
     },
+    "dialIn": {
+        "screenTitle": ""
+    },
     "dialOut": {
         "statusMessage": "está {{status}}"
     },
@@ -189,9 +254,13 @@
         "WaitingForHostTitle": "Esperando al anfitrión...",
         "Yes": "Sí",
         "accessibilityLabel": {
-            "liveStreaming": "Transmisión en vivo"
+            "close": "Cerrar diálogo",
+            "liveStreaming": "Transmisión en vivo",
+            "sharingTabs": "Opciones para compartir"
         },
         "add": "Agregar",
+        "addMeetingNote": "Agrega una nota acerca de esta reunión",
+        "addOptionalNote": "Agrega una nota (opcional):",
         "allow": "Permitir",
         "alreadySharedVideoMsg": "Otro participante ya está compartiendo un vídeo. Esta conferencia sólo permite compartir un vídeo a la vez.",
         "alreadySharedVideoTitle": "Solo se permite un vídeo compartido a la vez",
@@ -233,6 +302,7 @@
         "gracefulShutdown": "Nuestro servicio se encuentra en mantenimiento. Por favor, intente más tarde.",
         "grantModeratorDialog": "¿Estás seguro de que quieres convertir a este participante en moderador?",
         "grantModeratorTitle": "Convertir en moderador",
+        "hide": "Esconder",
         "hideShareAudioHelper": "No volver a mostrar este diálogo",
         "incorrectPassword": "Nombre de usuario o contraseña incorrecta",
         "incorrectRoomLockPassword": "Contraseña incorrecta",
@@ -243,9 +313,10 @@
         "kickParticipantDialog": "¿Seguro que quiere expulsar a este participante?",
         "kickParticipantTitle": "¿Expulsar a este participante?",
         "kickTitle": "¡Ay! {{participantDisplayName}} te expulsó de la reunión",
+        "linkMeeting": "",
+        "linkMeetingTitle": "",
         "liveStreaming": "Transmisión en vivo",
         "liveStreamingDisabledBecauseOfActiveRecordingTooltip": "No es posible mientras la grabación este activa",
-        "liveStreamingDisabledTooltip": "Las trasmisiones están deshabilitadas.",
         "localUserControls": "Controles de usuario locales",
         "lockMessage": "No se pudo bloquear la conferencia.",
         "lockRoom": "Agregar $t(lockRoomPasswordUppercase) a la reunión",
@@ -279,11 +350,11 @@
         "muteEveryonesVideoTitle": "¿Detener el vídeo de todos?",
         "muteParticipantBody": "No podrás quitarles el modo en silencio, pero ellos pueden quitárselo en cualquier momento.",
         "muteParticipantButton": "Silenciar",
-        "muteParticipantDialog": "¿Seguro que quieres silenciar a este participante? No podrás revertir esta acción, pero el participante podrá hacerlo en cualquier momento",
-        "muteParticipantTitle": "¿Silenciar a este participante?",
         "muteParticipantsVideoBody": "No podrás volver a encender la cámara, pero ellos pueden volver a encenderla en cualquier momento.",
+        "muteParticipantsVideoBodyModerationOn": "",
         "muteParticipantsVideoButton": "Detener video",
         "muteParticipantsVideoDialog": "¿Estás seguro de que quieres apagar la cámara de este participante? No podrás volver a encender la cámara, pero ellos pueden volver a encenderla en cualquier momento.",
+        "muteParticipantsVideoDialogModerationOn": "",
         "muteParticipantsVideoTitle": "¿Desactivar la cámara de este participante?",
         "noDropboxToken": "No hay un token válido de Dropbox",
         "password": "Contraseña",
@@ -297,9 +368,9 @@
         "popupError": "Su navegador está bloqueando las ventanas emergentes de este sitio. Habilite las ventanas emergentes en la configuración de seguridad de su navegador y vuelva a intentarlo.",
         "popupErrorTitle": "Ventana emergente bloqueada",
         "readMore": "más",
+        "recentlyUsedObjects": "Tus objetos usados recientemente",
         "recording": "Grabando",
         "recordingDisabledBecauseOfActiveLiveStreamingTooltip": "No es posible mientras la transmisión en vivo este activa",
-        "recordingDisabledTooltip": "Inicio de grabación desactivado.",
         "rejoinNow": "Reunirse ahora",
         "remoteControlAllowedMessage": "¡{{user}} ha aceptado tu solicitud de control remoto!",
         "remoteControlDeniedMessage": "¡{{user}} ha rechazado tu solicitud de control remoto!",
@@ -319,6 +390,12 @@
         "screenSharingFailed": "¡Ups! ¡Algo salió mal, no se pudo iniciar la compartición de su pantalla!",
         "screenSharingFailedTitle": "¡Fallo al compartir su pantalla!",
         "screenSharingPermissionDeniedError": "¡Uy! Algo salió mal con tus permisos de extensión para compartir pantalla. Vuelve a cargar la página e intenta de nuevo.",
+        "searchInSalesforce": "Buscar en Salesforce",
+        "searchResults": "Resultados de búsqueda({{count}}",
+        "searchResultsDetailsError": "",
+        "searchResultsError": "Hubo un error recuperando los datos.",
+        "searchResultsNotFound": "No se encontraron resultados.",
+        "searchResultsTryAgain": "Vuelve a intentar usando palabras clave alternativas",
         "sendPrivateMessage": "Acabas de recibir un mensaje privado. ¿Deseas responder en privado o a todos?",
         "sendPrivateMessageCancel": "Enviar al grupo",
         "sendPrivateMessageOk": "Enviar en privado",
@@ -341,7 +418,10 @@
         "shareVideoTitle": "Compartir un vídeo",
         "shareYourScreen": "Compartir pantalla",
         "shareYourScreenDisabled": "Se desactivó la opción para compartir pantalla.",
+        "sharedVideoDialogError": "Error: URL inválido",
         "sharedVideoLinkPlaceholder": "Enlace de YouTube o enlace de vídeo directo",
+        "show": "Mostrar",
+        "start": "Iniciar",
         "startLiveStreaming": "Iniciar transmisión en vivo",
         "startRecording": "Iniciar grabación",
         "startRemoteControlErrorMessage": "Se produjo un error al intentar iniciar la sesión de control remoto.",
@@ -359,6 +439,10 @@
         "user": "Usuario",
         "userIdentifier": "Identificador de usuario",
         "userPassword": "contraseña del usuario",
+        "verifyParticipantConfirm": "",
+        "verifyParticipantDismiss": "",
+        "verifyParticipantQuestion": "",
+        "verifyParticipantTitle": "Verificación de usuario",
         "videoLink": "Enlace de vídeo",
         "viewUpgradeOptions": "Ver opciones de mejora",
         "viewUpgradeOptionsContent": "Para obtener acceso ilimitado a las funciones premium, como la grabación, las transcripciones, el streaming RTMP y otras, tendrás que actualizar tu plan.",
@@ -384,8 +468,14 @@
         "veryBad": "Muy mala",
         "veryGood": "Muy buena"
     },
-    "helpView": {
-        "title": "Centro de ayuda"
+    "filmstrip": {
+        "accessibilityLabel": {
+            "heading": "Miniaturas de video"
+        }
+    },
+    "giphy": {
+        "noResults": "No se encontraron resultados :(",
+        "search": "Busca en GIPHY"
     },
     "incomingCall": {
         "answer": "Contestar",
@@ -427,9 +517,11 @@
         "noRoom": "No se especificó la sala a marcar.",
         "numbers": "Números para entrar por llamada telefónica:",
         "password": "$t(lockRoomPasswordUppercase):",
+        "reachedLimit": "Alcanzaste el límite de tu plan.",
         "sip": "Dirección SIP",
         "title": "Compartir",
-        "tooltip": "Compartir el enlace y acceso telefónico para esta reunión"
+        "tooltip": "Compartir el enlace y acceso telefónico para esta reunión",
+        "upgradeOptions": "Por favor revisa las opciones de mejora en"
     },
     "inlineDialogFailure": {
         "msg": "Tuvimos un pequeño tropiezo.",
@@ -450,6 +542,7 @@
         "focusLocal": "Ver tu cámara",
         "focusRemote": "Ver la cámara de otras personas",
         "fullScreen": "Entrar o salir de pantalla completa",
+        "giphyMenu": "Alternar menú GIPHY",
         "keyboardShortcuts": "Atajos de teclado",
         "localRecording": "Mostrar u ocultar controles de grabación local",
         "mute": "Activar o silenciar el micrófono",
@@ -463,6 +556,10 @@
         "toggleShortcuts": "Mostrar u ocultar atajos del teclado",
         "videoMute": "Encender o apagar la cámara"
     },
+    "largeVideo": {
+        "screenIsShared": "Estás compartiendo tu pantalla",
+        "showMeWhatImSharing": "Muéstrame qué estoy compartiendo"
+    },
     "liveStreaming": {
         "busy": "Nuestros servidores andan un poco ocupados. Vuelve a intentarlo en unos minutos.",
         "busyTitle": "Todos los transmisores están ocupados",
@@ -479,6 +576,7 @@
         "failedToStart": "La transmisión en vivo no se pudo iniciar",
         "getStreamKeyManually": "No pudimos encontrar tu clave de transmisión. Por favor, obtenla de la página de YouTube y pégala.",
         "googlePrivacyPolicy": "Política de Privacidad de Google",
+        "inProgress": "Grabación o transmisión en vivo en curso",
         "invalidStreamKey": "Es posible que la clave de transmisión sea incorrecta, o no es de YouTube.",
         "limitNotificationDescriptionNative": "Su transmisión estará limitada a {{limit}} minutos. Puede obtener transmisiones ilimitadas en {{app}}.",
         "limitNotificationDescriptionWeb": "Debido a la alta demanda su transmisión estará limitada a {{limit}} minutos. Puede obtener transmisiones ilimitadas en <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
@@ -488,6 +586,7 @@
         "onBy": "{{name}} inició la transmisión en vivo",
         "pending": "Iniciando transmisión en vivo…",
         "serviceName": "Servicio de transmisión en vivo",
+        "sessionAlreadyActive": "Esta sesión ya está siendo grabada o transmitida en vivo.",
         "signIn": "Iniciar sesión con Google",
         "signInCTA": "Para transmitir a YouTube, inicia sesión o introduce la clave de transmisión. Para transmitir a otro lugar, introduce el URL (que empieza en rtmp), seguido de la clave de transmisión. Debe haber una diagonal (/) entre ambos.",
         "signOut": "Cerrar sesión",
@@ -501,8 +600,8 @@
     "lobby": {
         "admit": "Admitir",
         "admitAll": "Admitir todo",
-        "allow": "permitir",
         "backToKnockModeButton": "No hay contraseña, pide permiso para entrar.",
+        "chat": "Chat",
         "dialogTitle": "Sala de espera",
         "disableDialogContent": "Sala de espera activada. Así no entrarán intrusos. ¿Quieres desactivarla?",
         "disableDialogSubmit": "Desactivar",
@@ -515,6 +614,7 @@
         "errorMissingPassword": "Por favor, introduzca la contraseña de la reunión",
         "invalidPassword": "Contraseña inválida",
         "joinRejectedMessage": "Tu solicitud para entrar ha sido rechazada por un moderador.",
+        "joinRejectedTitle": "Solicitud para entrar rechazada.",
         "joinTitle": "Entrar a la reunión",
         "joinWithPasswordMessage": "Tratando de entrar con contraseña, por favor espera...",
         "joiningMessage": "Podrás entrar tan pronto te acepten tu solicitud.",
@@ -523,6 +623,8 @@
         "knockButton": "Pedir entrar",
         "knockTitle": "Alguien quiere entrar a la reunión",
         "knockingParticipantList": "Participantes que quieren entrar",
+        "lobbyChatStartedNotification": "{{moderator}} inició un chat de lobby con {{attendee}}",
+        "lobbyChatStartedTitle": "{{moderator}} inició un chat de lobby contigo.",
         "nameField": "Introduce tu nombre",
         "notificationLobbyAccessDenied": "{{originParticipantName}} no dejó entrar a {{targetParticipantName}}",
         "notificationLobbyAccessGranted": "{{originParticipantName}} permitió entrar a {{targetParticipantName}}",
@@ -560,6 +662,7 @@
         "no": "No",
         "participant": "Participante",
         "participantStats": "Estadística de participantes",
+        "selectTabTitle": "🎥 Por favor seleccione esta pestaña para grabar",
         "sessionToken": "Token de sesión",
         "start": "Iniciar grabación",
         "stop": "Detener grabación",
@@ -576,18 +679,39 @@
         "OldElectronAPPTitle": "¡Aplicación obsoleta e insegura!",
         "allowAction": "Permitir",
         "allowedUnmute": "Puedes anular el silencio del micrófono, iniciar la cámara o compartir la pantalla.",
+        "audioUnmuteBlockedDescription": "La operación de activación del micrófono ha sido bloqueada temporalmente debido a límites del sistema.",
+        "audioUnmuteBlockedTitle": "¡Activación del micrófono bloqueado!",
+        "chatMessages": "Mensajes del chat",
         "connectedOneMember": "{{name}} se unió a la reunión",
         "connectedThreePlusMembers": "{{name}} y {{count}} más se unieron a la reunión",
         "connectedTwoMembers": "{{first}} y {{second}} se unieron a la reunión",
+        "dataChannelClosed": "",
+        "dataChannelClosedDescription": "",
+        "disabledIframe": "",
         "disconnected": "desconectado",
+        "displayNotifications": "Mostrar notificaciones para",
+        "dontRemindMe": "No me lo recuerdes",
         "focus": "Enfocar conferencia",
         "focusFail": "{{component}} no disponible. Vuelve a intentar en {{ms}} segundos",
+        "gifsMenu": "GIPHY",
         "groupTitle": "Notificaciones",
         "hostAskedUnmute": "El moderador quiere que hables",
         "invitedOneMember": "{{name}} ha sido invitado",
         "invitedThreePlusMembers": "{{name}} y {{count}} más han sido invitados",
         "invitedTwoMembers": "{{first}} y {{second}} han sido invitados",
+        "joinMeeting": "Unirse",
         "kickParticipant": "{{kicker}} sacó a {{kicked}}",
+        "leftOneMember": "{{name}} abandonó la reunión",
+        "leftThreePlusMembers": "{{name}} y muchos otros abandonaron la reunión",
+        "leftTwoMembers": "{{first}} y {{second}} abandonaron la reunión",
+        "linkToSalesforce": "Enlace a Salesforce",
+        "linkToSalesforceDescription": "Puedes vincular el resumen de la reunión a un objeto Salesforce",
+        "linkToSalesforceError": "Error al vincular la reunión a Salesforce",
+        "linkToSalesforceKey": "",
+        "linkToSalesforceProgress": "Vinculando reunión a Salesorce...",
+        "linkToSalesforceSuccess": "La reunión fue vinculada a Salesforce",
+        "localRecordingStarted": "{{name}} ha iniciado una grabación local.",
+        "localRecordingStopped": "{{name}} ha detenido una grabación local.",
         "me": "Yo",
         "moderationInEffectCSDescription": "Por favor, levante la mano si quiere compartir su pantalla.",
         "moderationInEffectCSTitle": "La pantalla compartida está bloqueada por el moderador",
@@ -608,16 +732,27 @@
         "newDeviceAction": "Usar",
         "newDeviceAudioTitle": "Se detectó un dispositivo de audio nuevo",
         "newDeviceCameraTitle": "Se detectó una cámara nueva",
+        "noiseSuppressionDesktopAudioDescription": "La supresión de ruido no puede ser habilitada mientras comparte audio del escritorio, por favor deshabilítelo y vuelva a intentar.",
+        "noiseSuppressionFailedTitle": "Error al activar la supresión de ruido",
+        "noiseSuppressionNoTrackDescription": "Por favor active su micrófono primero.",
+        "noiseSuppressionStereoDescription": "La supresión de ruido en audio estéreo no tiene soporte actualmente",
         "oldElectronClientDescription1": "Estás usando una versión vieja de la aplicación de Jitsi Meet que tiene problemas de seguridad. ¡Por favor, actualiza a la ",
         "oldElectronClientDescription2": "versión más reciente",
         "oldElectronClientDescription3": " YA!",
+        "participantWantsToJoin": "Quiere unirse a la reunión",
+        "participantsWantToJoin": "Quieren unirse a la reunión",
         "passwordRemovedRemotely": "$t(lockRoomPasswordUppercase) eliminada por otro participante",
         "passwordSetRemotely": "$t(lockRoomPasswordUppercase) agregada por otro participante",
         "raiseHandAction": "Levantar la mano",
         "raisedHand": "{{name}} quisiera hablar.",
+        "raisedHands": "",
         "reactionSounds": "Desactivar sonidos",
+        "reactionSoundsForAll": "Desactivar sonidos para todos",
         "screenShareNoAudio": "La casilla Compartir audio no estaba marcada en la pantalla de selección de ventanas.",
         "screenShareNoAudioTitle": "No se pudo compartir el audio del sistema.",
+        "screenSharingAudioOnlyDescription": "Por favor tenga en cuenta que al compartir si pantalla está afectando el modo \"Mejor rendimiento\" y usará más ancho de banda",
+        "screenSharingAudioOnlyTitle": "Modo \"Mejor rendimiento\"",
+        "selfViewTitle": "Siempre puedes reactivar la vista propia en los ajustes",
         "somebody": "Alguien",
         "startSilentDescription": "Vuelve a ingresar para activar el audio",
         "startSilentTitle": "¡Te uniste sin audio!",
@@ -625,7 +760,11 @@
         "suboptimalExperienceTitle": "¡Tu navegador no es compatible!",
         "unmute": "Reactivar micrófono",
         "videoMutedRemotelyDescription": "Siempre puedes volver a encenderlo.",
-        "videoMutedRemotelyTitle": "Su vídeo ha sido desactivado por {{moderator}}"
+        "videoMutedRemotelyTitle": "Su vídeo ha sido desactivado por {{moderator}}",
+        "videoUnmuteBlockedDescription": "Las operaciones de desactivar la cámara y compartir pantalla hansido bloqueadas temporalmente debido a límites del sistema.",
+        "videoUnmuteBlockedTitle": "¡Desactivar cámara y compartir pantalla bloqueados!",
+        "viewLobby": "Ver lobby",
+        "waitingParticipants": "{{waitingParticipants}} personas"
     },
     "participantsPane": {
         "actions": {
@@ -635,6 +774,9 @@
             "audioModeration": "Desmutearse a sí mismos",
             "blockEveryoneMicCamera": "Bloquear el micrófono y la cámara de todos.",
             "invite": "Invitar a alguien",
+            "moreModerationActions": "Más opciones de moderación",
+            "moreModerationControls": "Más controles de moderación",
+            "moreParticipantOptions": "Más opciones de participantes",
             "mute": "Silenciar",
             "muteAll": "Silenciar a todos los demás",
             "muteEveryoneElse": "Silenciar al resto",
@@ -647,17 +789,22 @@
         "headings": {
             "lobby": "Vestíbulo ({{count}})",
             "participantsList": "Participantes en la reunión ({{count}})",
+            "visitors": "Visitantes ({{count}})",
             "waitingLobby": "Esperando en el vestíbulo ({{count}})"
         },
+        "search": "Buscar participantes",
         "title": "Participantes"
     },
     "passwordDigitsOnly": "Hasta {{number}} cifras",
     "passwordSetRemotely": "Definida por otro participante",
+    "pinParticipant": "",
+    "pinnedParticipant": "",
     "polls": {
         "answer": {
             "skip": "Saltar",
             "submit": "Enviar"
         },
+        "by": "Por {{ name }}",
         "create": {
             "addOption": "Añadir opción",
             "answerPlaceholder": "Opción {{index}}",
@@ -728,15 +875,18 @@
         "initiated": "Llamada iniciada",
         "joinAudioByPhone": "Entrar con audio de llamada telefónica",
         "joinMeeting": "Entrar a la reunión",
+        "joinMeetingInLowBandwidthMode": "Entrar en modo de ancho de banda bajo",
         "joinWithoutAudio": "Entrar sin sonido",
         "keyboardShortcuts": "Activar los atajos de teclado",
         "linkCopied": "Se copió el link",
         "lookGood": "Tu micrófono funciona bien.",
         "or": "o",
         "premeeting": "Pre-reunión",
+        "proceedAnyway": "Continuar de todos modos",
         "screenSharingError": "Error al compartir pantalla:",
         "showScreen": "Habilitar pantalla pre-reunión",
         "startWithPhone": "Iniciar con audio de llamada telefónica",
+        "unsafeRoomConsent": "Comprendo los riesgos, quiero unirme a la reunión",
         "videoOnlyError": "Error con el vídeo:",
         "videoTrackError": "No se pudo crear la pista de vídeo.",
         "viewAllNumbers": "ver todos los números"
@@ -763,6 +913,19 @@
         "title": "Perfil"
     },
     "raisedHand": "Desea hablar",
+    "raisedHandsLabel": "Cantidad de manos levantadas",
+    "record": {
+        "already": {
+            "linked": "La reunión ya está vinculada a este objeto Salesforce"
+        },
+        "type": {
+            "account": "Cuenta",
+            "contact": "Contacto",
+            "lead": "",
+            "opportunity": "Oportunidad",
+            "owner": "Dueño"
+        }
+    },
     "recording": {
         "authDropboxText": "Subir a Dropbox",
         "availableSpace": "Espacio disponible: {{spaceLeft}} MB (aproximadamente {{duration}} minutos de grabación)",
@@ -777,37 +940,66 @@
         "expandedPending": "La grabación se está iniciando…",
         "failedToStart": "No se pudo iniciar la grabación",
         "fileSharingdescription": "Compartir la grabación con los participantes de la reunión",
+        "highlight": "Destacar",
+        "highlightMoment": "Destacar momento",
+        "highlightMomentDisabled": "Puede destacar momentos cuando inicie la grabación",
+        "highlightMomentSuccess": "Momento destacado",
+        "highlightMomentSucessDescription": "Su momento destacado será agregado al resumen de la reunión.",
+        "inProgress": "Grabación o transmisión en vivo en curso",
         "limitNotificationDescriptionNative": "Su grabación estará limitada a {{limit}} minutos. Puede obtener grabaciones ilimitadas en <3>{{app}}</3>.",
         "limitNotificationDescriptionWeb": "Debido a la alta demanda su grabación estará limitada a {{limit}} minutos. Puede obtener grabaciones ilimitadas en <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
         "linkGenerated": "Hemos generado un enlace a su grabación.",
         "live": "EN VIVO",
+        "localRecordingNoNotificationWarning": "La grabación no será anunciada al resto de participantes. Necesitarás hacerles saber que la reunión está siendo grabada.",
+        "localRecordingNoVideo": "El video no está siendo grabado",
+        "localRecordingStartWarning": "Por favor asegúrese de detener la grabación antes de abandonar la reunión para guardarla.",
+        "localRecordingStartWarningTitle": "Detenga la grabación para guardarla",
+        "localRecordingVideoStop": "Detener su video también detendrá la grabación local. ¿Está seguro de querer continuar?",
+        "localRecordingVideoWarning": "Para grabar su video debe tenerlo encendido al iniciar la grabación",
+        "localRecordingWarning": "Asegúrese de seleccionar la pestaña actual para usar el video y audio correctos. La grabación está actualmente limitada a 1GB, que son aproximadamente 100 minutos.",
         "loggedIn": "Sesión iniciada como {{userName}}",
+        "noMicPermission": "No se pudo crear la pista de micrófono. Por favor otorgue permiso para usar el micrófono.",
+        "noStreams": "",
         "off": "Grabación detenida",
         "offBy": "{{name}} detuvo la grabación",
         "on": "Grabando",
         "onBy": "{{name}} comenzó la grabación",
+        "onlyRecordSelf": "",
         "pending": "Preparando para grabar la reunión…",
         "rec": "GRA",
+        "saveLocalRecording": "Guardar archivo de grabación localmente (Beta)",
         "serviceDescription": "El servicio de grabación guardará la grabación",
         "serviceDescriptionCloud": "Grabación en la nube",
+        "serviceDescriptionCloudInfo": "Las reuniones grabadas son limpiadas 24h luego de su horario de grabación.",
         "serviceName": "Servicio de grabación",
+        "sessionAlreadyActive": "Esta sesión ya está siendo grabada o transmitida en vivo.",
         "signIn": "Iniciar sesión",
         "signOut": "Cerrar sesión",
+        "surfaceError": "Por favor seleccione la pestaña actual.",
         "title": "Grabando",
         "unavailable": "¡Uy! {{serviceName}} actualmente no está disponible. Estamos trabajando para resolver el problema. Vuelve a intentarlo más tarde.",
         "unavailableTitle": "Grabación no disponible",
         "uploadToCloud": "Subir a la nube"
     },
+    "screenshareDisplayName": "Pantalla de {{name}}",
     "sectionList": {
         "pullToRefresh": "Mueve el dedo para abajo para actualizar."
     },
     "security": {
         "about": "Puedes agregar una contraseña a la reunión. Los participantes necesitarán la contraseña para unirse a la reunión.",
         "aboutReadOnly": "Los participantes moderadores pueden agregar una $t(lockRoomPassword) a la reunión. Los participantes deberán proporcionar la $t(lockRoomPassword) antes de que se les permita unirse a la reunión.",
-        "insecureRoomNameWarning": "El nombre de la sala es inseguro. Participantes no deseados pueden llegar a unirse a la reunión.",
-        "securityOptions": "Opciones de seguridad"
+        "insecureRoomNameWarningNative": "El nombre de esta sala es inseguro. Participantes indeseados podrían ingresar a su reunión. {{recommendAction}} Aprenda más sobre asegurar su reunión ",
+        "insecureRoomNameWarningWeb": "El nombre de esta sala es inseguro. Participantes indeseados podrían ingresar a su reunión. {{recommendAction}} Aprenda más sobre asegurar su reunión <a href=\"{{securityUrl}}\" rel=\"security\" target=\"_blank\">aquí</a>.",
+        "title": "Opciones de seguridad",
+        "unsafeRoomActions": {
+            "meeting": "Considere hacer más segura su reunión utilizando el botón de seguridad.",
+            "prejoin": "Considere utilizar un nombre de reunión más único.",
+            "welcome": "Considere utilizar un nombre de reunión más único, o elija una de las sugerencias"
+        }
     },
     "settings": {
+        "audio": "Audio",
+        "buttonLabel": "Ajustes",
         "calendar": {
             "about": "La integración del calendario de {{appName}} se usa para acceder al calendario de manera segura para que puedas estar al tanto de los próximos eventos.",
             "disconnect": "Desconectar",
@@ -824,12 +1016,16 @@
         "incomingMessage": "Mensaje entrante",
         "language": "Idioma",
         "loggedIn": "Sesión iniciada como {{name}}",
+        "maxStageParticipants": "",
         "microphones": "Micrófono",
         "moderator": "Moderador",
+        "moderatorOptions": "Opciones de moderador",
         "more": "Más",
         "name": "Nombre",
         "noDevice": "Ninguno",
-        "participantJoined": "Un articipante incorporado",
+        "notifications": "Notificaciones",
+        "participantJoined": "Un participante se ha unido",
+        "participantKnocking": "Un participante ha ingresado al lobby",
         "participantLeft": "Un participante se ha ido",
         "playSounds": "Reproducir sonido",
         "reactions": "Reacciones de la reunión",
@@ -837,12 +1033,15 @@
         "selectAudioOutput": "Salida de audio",
         "selectCamera": "Cámara",
         "selectMic": "Micrófono",
-        "sounds": "Sonidos",
+        "selfView": "Vista propia",
+        "shortcuts": "Atajos",
         "speakers": "Altavoces",
         "startAudioMuted": "Todos inician silenciados",
+        "startReactionsMuted": "Silenciar sonidos de reacción para todos",
         "startVideoMuted": "Todos inician con cámara desactivada",
         "talkWhileMuted": "Hablar en silencio",
-        "title": "Ajustes"
+        "title": "Ajustes",
+        "video": "Video"
     },
     "settingsView": {
         "advanced": "Avanzado",
@@ -857,13 +1056,21 @@
         "disableCrashReportingWarning": "¿Estás seguro que no deseas reportarnos los crasheos? La opción se activará al reiniciar la app.",
         "disableP2P": "Desactivar la comunicación directa (\"Peer-To-Peer\")",
         "displayName": "Nombre a mostrar",
+        "displayNamePlaceholderText": "Por ejemplo: Juan Pérez",
         "email": "Correo electrónico",
+        "emailPlaceholderText": "",
+        "goTo": "Ir a",
         "header": "Configuración",
+        "help": "Ayuda",
+        "links": "Enlaces",
+        "privacy": "Privacidad",
         "profileSection": "Perfil",
         "serverURL": "URL del servidor",
         "showAdvanced": "Mostrar configuración avanzada",
+        "startCarModeInLowBandwidthMode": "Iniciar módo automóvil en modo ancho de banda bajo",
         "startWithAudioMuted": "Iniciar con el micrófono apagado",
         "startWithVideoMuted": "Iniciar con la cámara apagada",
+        "terms": "Términos",
         "version": "Versión"
     },
     "share": {
@@ -872,13 +1079,21 @@
     },
     "speaker": "Participante",
     "speakerStats": {
+        "angry": "Enojado",
+        "disgusted": "Disgustado",
+        "displayEmotions": "Mostrar emociones",
+        "fearful": "Temeroso",
+        "happy": "Feliz",
         "hours": "{{count}} h",
         "minutes": "{{count}} min",
         "name": "Nombre",
+        "neutral": "Neutral",
+        "sad": "Triste",
         "search": "Buscar",
         "seconds": "{{count}} s",
         "speakerStats": "Estadísticas de participantes",
-        "speakerTime": "Tiempo hablado"
+        "speakerTime": "Tiempo hablado",
+        "surprised": "Sorprendido"
     },
     "startupoverlay": {
         "genericTitle": "La reunión debe utilizar su micrófono y su cámara.",
@@ -890,6 +1105,10 @@
         "text": "Presiona el botón <i>Reconectar</i> para volver a conectarte.",
         "title": "La vídeollamada se interrumpió porque la computadora estaba suspendida."
     },
+    "termsView": {
+        "title": "Términos"
+    },
+    "toggleTopPanelLabel": "Alternar panel superior",
     "toolbar": {
         "Settings": "Configuración",
         "accessibilityLabel": {
@@ -897,60 +1116,89 @@
             "audioOnly": "Alternar cámaras de los demás",
             "audioRoute": "Seleccionar el dispositivo de sonido",
             "boo": "Boo",
+            "breakoutRoom": "Unirse/abandonar sala para grupos pequeños",
             "callQuality": "Administrar la calidad de vídeo",
+            "carmode": "Modo automóvil",
             "cc": "Alternar subtítulos",
             "chat": "Alternar ventana de chat",
             "clap": "Aplauso",
+            "closeChat": "Cerrar chat",
+            "closeMoreActions": "Cerrar el menú de más acciones",
+            "closeParticipantsPane": "Cerrar panel de participantes",
             "collapse": "Colapsar",
             "document": "Alternar documento compartido",
+            "documentClose": "Cerrar documento compartido",
+            "documentOpen": "Abrir documento compartido",
             "download": "Descargar nuestras aplicaciones",
             "embedMeeting": "Insertar reunión",
+            "endConference": "Terminar reunión para todos",
+            "enterFullScreen": "Ver en pantalla completa",
+            "enterTileView": "Ingresar en vista de mosaico",
+            "exitFullScreen": "Salir de pantalla completa",
+            "exitTileView": "Salir de vista de mosaico",
             "expand": "Ampliar",
             "feedback": "Dejar comentarios",
             "fullScreen": "Alternar pantalla completa",
+            "giphy": "Alternar menú GIPHY",
             "grantModerator": "Convertir en moderador",
             "hangup": "Colgar",
+            "heading": "Barra de herramientas",
             "help": "Ayuda",
+            "hideWhiteboard": "Esconder pizarra",
             "invite": "Invitar personas",
             "kick": "Expulsar participante",
             "laugh": "Ríete",
+            "leaveConference": "Abandonar reunión",
             "like": "Pulgares arriba",
+            "linkToSalesforce": "Enlace a Salesforce",
             "lobbyButton": "Activar / desactivar el modo lobby",
             "localRecording": "Alternar controles de grabación local",
             "lockRoom": "Alternar contraseña de la reunión",
+            "lowerHand": "Bajar mano",
             "moreActions": "Alternar más acciones",
             "moreActionsMenu": "Menú de más acciones",
             "moreOptions": "Mostrar más opciones",
             "mute": "Silenciar micrófono",
             "muteEveryone": "Silenciar a todos",
             "muteEveryoneElse": "Silenciar a todos los demás",
-            "muteEveryoneElsesVideo": "Desactivar el vídeo de los demás",
-            "muteEveryonesVideo": "Desactivar el vídeo de todos",
+            "muteEveryoneElsesVideoStream": "Detener el video del resto",
+            "muteEveryonesVideoStream": "Detener el video de todos",
+            "muteGUMPending": "Conectando su micrófono",
+            "noiseSuppression": "Supresión de ruido",
+            "openChat": "Abrir chat",
             "participants": "Participantes",
             "pip": "Alternar modo ventana en miniatura",
             "privateMessage": "Enviar mensaje privado",
             "profile": "Editar perfil",
             "raiseHand": "Levantar o bajar la mano",
+            "reactions": "Reacciones",
             "reactionsMenu": "Abrir / Cerrar el menú de reacciones",
             "recording": "Alternar grabación",
             "remoteMute": "Silenciar participante",
             "remoteVideoMute": "Desactivar la cámara del participante",
             "security": "Opciones de seguridad",
             "selectBackground": "Seleccione el fondo",
+            "selfView": "Alternar vista propia",
             "shareRoom": "Invitar a alguien",
             "shareYourScreen": "Comenzar / detener compartir pantalla",
             "shareaudio": "Compartir audio",
             "sharedvideo": "Alternar vídeo compartido",
             "shortcuts": "Alternar accesos directos",
             "show": "Mostrar en primer",
+            "showWhiteboard": "Mostrar vista propia",
             "silence": "Silencio",
             "speakerStats": "Alternar estadísticas del orador",
+            "stopScreenSharing": "Dejar de compartir pantalla",
+            "stopSharedVideo": "Detener video",
             "surprised": "Sorprendido",
             "tileView": "Alternar vista de mosaico",
             "toggleCamera": "Alternar cámara",
             "toggleFilmstrip": "Alternar mosaicos",
+            "unmute": "Activar micrófono",
             "videoblur": "Alternar desenfoque de vídeo",
-            "videomute": "Alternar vídeo"
+            "videomute": "Alternar vídeo",
+            "videomuteGUMPending": "Conectando tu cámara",
+            "videounmute": "Encender cámara"
         },
         "addPeople": "Agregar personas a la llamada",
         "audioOnlyOff": "Mostrar cámaras de los demás",
@@ -963,23 +1211,33 @@
         "chat": "Abrir o cerrar chat",
         "clap": "Aplauso",
         "closeChat": "Cerrar chat",
+        "closeParticipantsPane": "Cerrar panel de participantes",
         "closeReactionsMenu": "Cerrar el menú de reacciones",
+        "disableNoiseSuppression": "Desactivar supresión de ruido",
         "disableReactionSounds": "Puede desactivar los sonidos de reacción para esta reunión",
         "documentClose": "Cerrar documento compartido",
         "documentOpen": "Abrir documento compartido",
         "download": "Descarga nuestras aplicaciones",
         "e2ee": "Cifrado de extremo a extremo",
         "embedMeeting": "Insertar reunión",
+        "enableNoiseSuppression": "Activar supresión de ruido",
+        "endConference": "Terminar reunión para todos",
         "enterFullScreen": "Pantalla completa",
         "enterTileView": "Ver en cuadrícula",
         "exitFullScreen": "Salir de pantalla completa",
         "exitTileView": "Salir de vista de mosaico",
         "feedback": "Dejar sugerencias",
+        "giphy": "Alternar menú GIPHY",
         "hangup": "Colgar",
         "help": "Ayuda",
+        "hideWhiteboard": "Esconder pizarra",
         "invite": "Invitar personas",
+        "joinBreakoutRoom": "Unirse a sala para grupos pequeños",
         "laugh": "Ríete",
+        "leaveBreakoutRoom": "Abandonar sala para grupos pequeños",
+        "leaveConference": "Abandonar reunión",
         "like": "Pulgares arriba",
+        "linkToSalesforce": "",
         "lobbyButtonDisable": "Desactivar el modo lobby",
         "lobbyButtonEnable": "Activar el modo lobby",
         "login": "Inicio de sesión",
@@ -990,11 +1248,13 @@
         "mute": "Activar o silenciar el micrófono",
         "muteEveryone": "Silenciar a todos",
         "muteEveryonesVideo": "Desactivar la cámara de todos",
+        "muteGUMPending": "Conectando tu micrónono",
         "noAudioSignalDesc": "Checa si no está silenciado en tu configuración del sistema o dispositivo, o cambia de micrófono.",
         "noAudioSignalDescSuggestion": "Si no lo silenciaste a propósito desde la configuración del sistema o el dispositivo, intenta usar este otro micrófono:",
         "noAudioSignalDialInDesc": "Además, puedes llamar usando:",
         "noAudioSignalDialInLinkDesc": "Números de llamada",
         "noAudioSignalTitle": "¡No se registra audio de tu micrófono!",
+        "noiseSuppression": "Supresión de ruido",
         "noisyAudioInputDesc": "Tu micrófono está haciendo ruido, siléncialo, ajusta su volumen en configuración del sistema, o cambia de micrófono.",
         "noisyAudioInputTitle": "Tu micrófono parece estar ruidoso",
         "openChat": "Abrir chat",
@@ -1011,12 +1271,14 @@
         "reactionLike": "Enviar la reacción de los pulgares hacia arriba",
         "reactionSilence": "Enviar reacción de silencio",
         "reactionSurprised": "Enviar reacción de sorpresa",
+        "reactions": "Reacciones",
         "security": "Opciones de seguridad",
         "selectBackground": "Seleccionar fondo",
         "shareRoom": "Invitar a alguien",
         "shareaudio": "Compartir audio",
         "sharedvideo": "Compartir un vídeo",
         "shortcuts": "Ver atajos del teclado",
+        "showWhiteboard": "Mostrar pizarra",
         "silence": "Silencio",
         "speakerStats": "Estadísticas de los participantes",
         "startScreenSharing": "Comenzar a compartir pantalla",
@@ -1029,8 +1291,11 @@
         "talkWhileMutedPopup": "¿Intentas hablar? Estás silenciado.",
         "tileViewToggle": "Activar o desactivar vista en cuadrícula",
         "toggleCamera": "Alternar cámara",
+        "unmute": "Activar",
         "videoSettings": "Ajustes de vídeo",
-        "videomute": "Iniciar o detener cámara"
+        "videomute": "Detener cámara",
+        "videomuteGUMPending": "Conectando tu cámara",
+        "videounmute": "Iniciar cámara"
     },
     "transcribing": {
         "ccButtonTooltip": "Iniciar o detener subtítulos",
@@ -1040,10 +1305,15 @@
         "labelToolTip": "La reunión se está transcribiendo",
         "off": "Transcripción detenida",
         "pending": "Preparando para transcribir la reunión…",
+        "sourceLanguageDesc": "El lenguaje actual de la reunión es <b>{{sourceLanguage}}</b>. <br/> Puedes cambiarlo desde ",
+        "sourceLanguageHere": "aquí",
         "start": "Mostrar subtítulos",
         "stop": "Dejar de mostrar subtítulos",
+        "subtitles": "Subtítulos",
+        "subtitlesOff": "",
         "tr": "TR"
     },
+    "unpinParticipant": "",
     "userMedia": {
         "androidGrantPermissions": "Selecciona <b><i>Permitir</i></b> cuando el navegador solicite permisos.",
         "chromeGrantPermissions": "Selecciona <b><i>Permitir</i></b> cuando el navegador solicite permisos.",
@@ -1067,20 +1337,26 @@
         "pending": "{{displayName}} ha sido invitado"
     },
     "videoStatus": {
+        "adjustFor": "Ajustar para:",
         "audioOnly": "AUD",
         "audioOnlyExpanded": "Estás en modo de ancho de banda bajo. En este modo, sólo recibirás audio y pantalla compartida.",
+        "bestPerformance": "Mejor rendimiento",
         "callQuality": "Calidad de vídeo",
         "hd": "HD",
         "hdTooltip": "Viendo vídeo en alta definición",
         "highDefinition": "Alta definición",
+        "highestQuality": "Calidad máxima",
         "labelTooiltipNoVideo": "Sin vídeo",
         "labelTooltipAudioOnly": "Modo de ancho de banda bajo habilitado",
         "ld": "LD",
         "ldTooltip": "Viendo vídeo en baja definición",
         "lowDefinition": "Baja definición",
+        "performanceSettings": "Ajustes de rendimiento",
+        "recording": "Grabación en curso",
         "sd": "SD",
         "sdTooltip": "Viendo vídeo en definición estándar",
-        "standardDefinition": "Definición estándar"
+        "standardDefinition": "Definición estándar",
+        "streaming": "Transmisión en curso"
     },
     "videothumbnail": {
         "connectionInfo": "Información de conexión",
@@ -1090,12 +1366,19 @@
         "domuteVideoOfOthers": "Desactivar la cámara de todos los demás",
         "flip": "Voltear",
         "grantModerator": "Convertir en moderador",
+        "hideSelfView": "Esconder vista propia",
         "kick": "Expulsar",
+        "mirrorVideo": "Espejar mi video",
         "moderator": "Moderador",
         "mute": "Se silenció el participante",
         "muted": "Silenciado",
+        "pinToStage": "",
         "remoteControl": "Control remoto",
+        "screenSharing": "El participante está compartiendo su pantalla",
         "show": "Mostrar en primer plano",
+        "showSelfView": "Mostrar vista propia",
+        "unpinFromStage": "",
+        "verify": "Verificar participante",
         "videoMuted": "Cámara desactivada",
         "videomute": "El participante paró su cámara"
     },
@@ -1120,7 +1403,16 @@
         "slightBlur": "Desenfoque Ligero",
         "title": "Fondos virtuales",
         "uploadedImage": "Imagen subida {{index}}",
-        "webAssemblyWarning": "No se admite WebAssembly"
+        "webAssemblyWarning": "No se admite WebAssembly",
+        "webAssemblyWarningDescription": "WebAssembly está desactivado o no cuenta con soporte en este navegador"
+    },
+    "visitors": {
+        "chatIndicator": "(visitante)",
+        "labelTooltip": "Cantidad de visitantes: {{count}}",
+        "notification": {
+            "description": "Levanta la mano para participar",
+            "title": "Eres un visitante en la reunión"
+        }
     },
     "volumeSlider": "Deslizador de volumen",
     "welcomepage": {
@@ -1154,6 +1446,7 @@
             "microsoftLogo": "Logotipo de Microsoft",
             "policyLogo": "Logotipo de la política"
         },
+        "meetingsAccessibilityLabel": "Reuniones",
         "mobileDownLoadLinkAndroid": "Descargar la aplicación móvil para Android",
         "mobileDownLoadLinkFDroid": "Descargar la aplicación móvil para F-Droid",
         "mobileDownLoadLinkIos": "Descargar la aplicación móvil para iOS",
@@ -1162,13 +1455,21 @@
         "recentList": "Reciente",
         "recentListDelete": "Eliminar",
         "recentListEmpty": "Tu historial de reuniones está vacío. Reúnete y aparecerán aquí.",
+        "recentMeetings": "Tus reuniones recientes",
         "reducedUIText": "¡Bienvenido a {{app}}!",
         "roomNameAllowedChars": "El nombre de la reunión no debe contener ninguno de estos caracteres: ?, &, :, ', \", %, #.",
         "roomname": "Introduce el nombre de la sala",
         "roomnameHint": "Introduce el nombre o URL de la sala a la que deseas unirte. Puedes inventar un nombre, simplemente infórmaselo a las personas con las que te reunirás para que introduzcan el mismo nombre.",
         "sendFeedback": "Enviar sugerencias",
+        "settings": "Ajustes",
         "startMeeting": "Iniciar la reunión",
         "terms": "Términos",
-        "title": "Videoconferencias seguras, con gran variedad de funcionalidades y completamente gratuitas"
+        "title": "Videoconferencias seguras, con gran variedad de funcionalidades y completamente gratuitas",
+        "upcomingMeetings": "Tus próximas reuniones"
+    },
+    "whiteboard": {
+        "accessibilityLabel": {
+            "heading": "Pizarra"
+        }
     }
 }

lang/main-pt.json

@@ -1,5 +1,8 @@
 {
     "addPeople": {
+        "accessibilityLabel": {
+            "meetingLink": "Link da reunião: {{url}}"
+        },
         "add": "Convidar",
         "addContacts": "Convidar os seus contactos",
         "contacts": "contactos",
@@ -39,6 +42,18 @@
     "audioOnly": {
         "audioOnly": "Largura de banda baixa"
     },
+    "bandwidthSettings": {
+        "assumedBandwidthBps": "p. ex. 10000000 para 10 Mbps",
+        "assumedBandwidthBpsWarning": "Valores mais elevados podem causar problemas na rede.",
+        "customValue": "valor personalizado",
+        "customValueEffect": "para definir o valor actual de bps",
+        "leaveEmpty": "deixar em branco",
+        "leaveEmptyEffect": "para permitir a realização de estimativas",
+        "possibleValues": "Valores possíveis",
+        "setAssumedBandwidthBps": "Largura de banda presumida (bps)",
+        "title": "Definições de largura de banda",
+        "zeroEffect": "para desligar o vídeo"
+    },
     "breakoutRooms": {
         "actions": {
             "add": "Adicionar salas simultâneas",
@@ -242,6 +257,8 @@
         "WaitingForHostTitle": "À espera do anfitrião ...",
         "Yes": "Sim",
         "accessibilityLabel": {
+            "Cancel": "Cancelar (sair da caixa de diálogo)",
+            "Ok": "OK (guardar e sair da caixa de diálogo)",
             "close": "Fechar caixa de diálogo",
             "liveStreaming": "Transmissão em direto",
             "sharingTabs": "Opções de partilha"
@@ -447,6 +464,9 @@
         "title": "Incorporar esta reunião"
     },
     "feedback": {
+        "accessibilityLabel": {
+            "yourChoice": "A sua escolha: {{rating}}"
+        },
         "average": "Média",
         "bad": "Má",
         "detailsLabel": "Conte-nos mais sobre isso.",
@@ -1151,6 +1171,7 @@
             "muteEveryoneElse": "Silenciar todos os outros",
             "muteEveryoneElsesVideo": "Parar o vídeo de todos os outros",
             "muteEveryonesVideo": "Parar o vídeo de todos",
+            "muteGUMPending": "A ligar o seu microfone",
             "noiseSuppression": "Supressão de ruído",
             "openChat": "Abrir chat",
             "participants": "Abrir painel de participantes",
@@ -1184,6 +1205,7 @@
             "unmute": "Ligar microfone",
             "videoblur": "Mudar o desfoque de vídeo",
             "videomute": "Parar câmara",
+            "videomuteGUMPending": "A ligar a sua câmara",
             "videounmute": "Iniciar câmara"
         },
         "addPeople": "Adicione pessoas à sua chamada",
@@ -1234,6 +1256,7 @@
         "mute": "Desligar microfone",
         "muteEveryone": "Silenciar todos",
         "muteEveryonesVideo": "Desativar a câmara de todos",
+        "muteGUMPending": "A ligar o seu microfone",
         "noAudioSignalDesc": "Se não o silenciou propositadamente a partir de configurações do sistema ou hardware, considere mudar de dispositivo.",
         "noAudioSignalDescSuggestion": "Se não o silenciou propositadamente a partir das configurações do sistema ou hardware, considere mudar para o dispositivo sugerido.",
         "noAudioSignalDialInDesc": "Também pode marcar usando:",
@@ -1279,6 +1302,7 @@
         "unmute": "Ligar microfone",
         "videoSettings": "Definições de vídeo",
         "videomute": "Parar câmara",
+        "videomuteGUMPending": "A ligar a sua câmara",
         "videounmute": "Iniciar câmara"
     },
     "transcribing": {
@@ -1325,7 +1349,7 @@
         "audioOnly": "AUD",
         "audioOnlyExpanded": "Está em modo de baixa largura de banda. Neste modo, receberá apenas partilha de áudio e ecrã.",
         "bestPerformance": "Melhor desempenho",
-        "callQuality": "Qualidade de vídeo",
+        "callQuality": "Qualidade de vídeo (0 para o melhor desempenho, 3 para a melhor qualidade)",
         "hd": "HD",
         "hdTooltip": "Ver vídeo em alta definição",
         "highDefinition": "Alta definição (HD)",
@@ -1367,6 +1391,10 @@
         "videomute": "Participante parou a câmara"
     },
     "virtualBackground": {
+        "accessibilityLabel": {
+            "currentBackground": "Atual imagem de fundo: {{background}}",
+            "selectBackground": "Selecionar uma imagem de fundo"
+        },
         "addBackground": "Adicionar imagem de fundo",
         "apply": "Aplicar",
         "backgroundEffectError": "Falha ao aplicar efeito de fundo.",

lang/main-sv.json

@@ -68,9 +68,9 @@
         },
         "join": "Gå med",
         "joinTooltip": "Gå med i mötet",
-        "nextMeeting": "nästa möte",
+        "nextMeeting": "Nästa möte",
         "noEvents": "Det finns inga inbokade kommande aktiviteter.",
-        "ongoingMeeting": "pågående möte",
+        "ongoingMeeting": "Pågående möte",
         "permissionButton": "Öppna inställningar",
         "permissionMessage": "Tillåtelse från kalendern krävs för att se dina möten i appen.",
         "refresh": "Uppdatera kalender",
@@ -147,6 +147,7 @@
         "bridgeCount": "Serverantal: ",
         "codecs": "Codecs (A/V):",
         "connectedTo": "Ansluten till:",
+        "e2eeVerified": "E2EE verifierad",
         "framerate": "Bildfrekvens:",
         "less": "Visa mindre",
         "localaddress": "Lokal adress:",
@@ -155,6 +156,7 @@
         "localport_plural": "Lokala portar:",
         "maxEnabledResolution": "Sänd maxiamlt",
         "more": "Visa mer",
+        "no": "Nej",
         "packetloss": "Paketförluster:",
         "participant_id": "Deltagar id:",
         "quality": {
@@ -173,7 +175,8 @@
         "status": "Anslutning:",
         "transport": "Transport:",
         "transport_plural": "Transporter:",
-        "video_ssrc": "Video SSRC:"
+        "video_ssrc": "Video SSRC:",
+        "yes": "Ja"
     },
     "dateUtils": {
         "earlier": "Tidigare",
@@ -183,17 +186,25 @@
     "deepLinking": {
         "appNotInstalled": "Du behöver mobilappen {{app}} för att gå med i det här mötet från din telefon.",
         "description": "Hände inget? Vi försökte starta mötet i programmet {{app}} i din skrivbordsapp. Försök igen eller starta det i webbappen {{app}}.",
+        "descriptionNew": "Hände inget? Vi försökte starta mötet i programmet {{app}} i din skrivbordsapp. <br /><br /> Försök igen eller starta det på webben.",
         "descriptionWithoutWeb": "Händer inget? Vi försökte starta mötet i {{app}}-skrivbordsappen.",
         "downloadApp": "Hämta appen",
+        "downloadMobileApp": "Ladda ner mobilappen",
         "ifDoNotHaveApp": "Om du inte har appen än:",
         "ifHaveApp": "Om du redan har appen:",
         "joinInApp": "Delta i detta möte med din app",
+        "joinInAppNew": "Delta i appen",
+        "joinInBrowser": "Delta på webben",
+        "launchMeetingLabel": "Hur vill du delta i detta möte?",
         "launchWebButton": "Starta på webben",
+        "noMobileApp": "Har du inte appen?",
+        "termsAndConditions": "Genom att fortsätta godkänner du våra <a href='{{termsAndConditionsLink}}' rel='noopener noreferrer' target='_blank'>villkor.</a>",
         "title": "Startar ditt möte i {{app}} ...",
+        "titleNew": "Startar ditt möte...",
         "tryAgainButton": "Försök igen på skrivbordet",
         "unsupportedBrowser": "Det verkar som att du använder en webbläsare som vi inte stöder."
     },
-    "defaultLink": "t ex. {{url}}",
+    "defaultLink": "t.ex. {{url}}",
     "defaultNickname": "till exempel Julia Eriksson",
     "deviceError": {
         "cameraError": "Det gick inte att komma åt kameran",
@@ -202,6 +213,12 @@
         "microphonePermission": "Fel vid begäran om åtkomst till mikrofon"
     },
     "deviceSelection": {
+        "hid": {
+            "callControl": "Samtalskontroll",
+            "connectedDevices": "Anslutna enheter",
+            "deleteDevice": "Radera enhet",
+            "pairDevice": "Para enhet"
+        },
         "noPermission": "Behörighet nekad",
         "previewUnavailable": "Förhandsgranskning inte tillgänglig",
         "selectADevice": "Välj en enhet",
@@ -225,7 +242,9 @@
         "WaitingForHostTitle": "Väntar på värden ...",
         "Yes": "Ja",
         "accessibilityLabel": {
-            "liveStreaming": "Livesändning"
+            "close": "Stäng",
+            "liveStreaming": "Livesändning",
+            "sharingTabs": "Delningsalternativ"
         },
         "add": "Lägg till",
         "addMeetingNote": "Mötesinformation",
@@ -408,6 +427,10 @@
         "user": "Användare",
         "userIdentifier": "Användar-ID",
         "userPassword": "Lösenord",
+        "verifyParticipantConfirm": "Dem matchar",
+        "verifyParticipantDismiss": "Dem matchar inte",
+        "verifyParticipantQuestion": "EXPERIMENTELLT: Fråga deltagaren; {{participantName}} om han/hon kan se samma innehåll, i samma ordning.",
+        "verifyParticipantTitle": "Användarverifikation",
         "videoLink": "Videolänk",
         "viewUpgradeOptions": "Se uppgraderings alternativ",
         "viewUpgradeOptionsContent": "För att få obegränsad tillgång till premiumfunktioner som inspelning, transkriptioner, RTMP -streaming och mer måste du uppgradera din plan.",
@@ -433,13 +456,15 @@
         "veryBad": "Mycket dåligt",
         "veryGood": "Mycket bra"
     },
+    "filmstrip": {
+        "accessibilityLabel": {
+            "heading": "Videomineatyrer"
+        }
+    },
     "giphy": {
         "noResults": "Inga resultat funna :(",
         "search": "Sök efter GIPHY"
     },
-    "helpView": {
-        "title": "Hjälpcenter"
-    },
     "incomingCall": {
         "answer": "Svara",
         "audioCallTitle": "Inkommande samtal",
@@ -517,7 +542,8 @@
         "toggleParticipantsPane": "Visa eller dölj deltagarfönstret",
         "toggleScreensharing": "Växla mellan kamera och skärmdelning",
         "toggleShortcuts": "Visa eller dölj kortkommandon",
-        "videoMute": "Aktivera / avaktivera din kamera"
+        "videoMute": "Aktivera / inaktivera din kamera",
+        "whiteboard": "Visa / dölj whiteboardtavlan"
     },
     "largeVideo": {
         "screenIsShared": "Du delar din skärm",
@@ -563,7 +589,6 @@
     "lobby": {
         "admit": "Godkänn",
         "admitAll": "Godkänn alla",
-        "allow": "Tillåt",
         "backToKnockModeButton": "Tillbaka till väntrum",
         "chat": "Chatt",
         "dialogTitle": "Väntrum",
@@ -649,8 +674,12 @@
         "connectedOneMember": "{{name}} har gått med i mötet",
         "connectedThreePlusMembers": "{{name}} och {{count}} andra har gått med i mötet",
         "connectedTwoMembers": "{{first}} och {{second}} har gått med i mötet",
+        "dataChannelClosed": "Försämrad videokvalitet",
+        "dataChannelClosedDescription": "Bryggkanalen har kopplats bort och därmed är videokvaliteten begränsad till sin lägsta inställning",
+        "disabledIframe": "Inbäddning är endast avsedd för demonstrationsändamål, så det här samtalet kommer att kopplas ner om {{timeout}} minuter.",
         "disconnected": "frånkopplad",
         "displayNotifications": "Visa aviseringar för",
+        "dontRemindMe": "Påminn mig inte",
         "focus": "Konferensfokus",
         "focusFail": "{{component}} inte tillgänglig – försöker igen om {{ms}} sek",
         "gifsMenu": "GIPHY",
@@ -659,6 +688,7 @@
         "invitedOneMember": "{{name}} har bjudits in",
         "invitedThreePlusMembers": "{{name}} och {{count}} andra har bjudits in",
         "invitedTwoMembers": "{{first}} och {{second}} har bjudits in",
+        "joinMeeting": "Delta",
         "kickParticipant": "{{kicked}} sparkades ut av {{kicker}}",
         "leftOneMember": "{{name}} lämnade mötet",
         "leftThreePlusMembers": "{{name}} och många andra lämnade mötet",
@@ -709,6 +739,8 @@
         "reactionSoundsForAll": "Inaktivera ljud för alla",
         "screenShareNoAudio": "\"Dela ljudrutan\" aktiverades inte i fönstret för val av fönster.",
         "screenShareNoAudioTitle": "Det gick inte att dela systemljud!",
+        "screenSharingAudioOnlyDescription": "Observera att genom att dela din skärm påverkar du läget \"Bästa prestanda\" och du kommer att använda mer bandbredd.",
+        "screenSharingAudioOnlyTitle": "Läget \"Bästa prestanda\"",
         "selfViewTitle": "Du kan alltid ta bort döljandet av självvyn från inställningarna",
         "somebody": "Någon",
         "startSilentDescription": "Anslut till mötet igen för att aktivera ljud",
@@ -746,6 +778,7 @@
         "headings": {
             "lobby": "Väntrum ({{count}})",
             "participantsList": "Mötesdeltagare ({{count}})",
+            "visitors": "Gäster ({{count}})",
             "waitingLobby": "Väntar i väntrum ({{count}})"
         },
         "search": "Sök efter deltagare",
@@ -753,6 +786,7 @@
     },
     "passwordDigitsOnly": "Ange max {{number}} siffror",
     "passwordSetRemotely": "satt av en annan deltagare",
+    "pinParticipant": "{{participantName}} - Fäst",
     "pinnedParticipant": "Deltagaren är fäst",
     "polls": {
         "answer": {
@@ -837,9 +871,11 @@
         "lookGood": "Din mikrofon fungerar som den ska",
         "or": "eller",
         "premeeting": "Förmöte",
+        "proceedAnyway": "Fortsätt ändå",
         "screenSharingError": "Skärmdelningsfel:",
         "showScreen": "Aktivera skärmen före mötet",
         "startWithPhone": "Börja med telefonljud",
+        "unsafeRoomConsent": "Jag förstår riskerna, jag vill vara med på mötet",
         "videoOnlyError": "Videofel:",
         "videoTrackError": "Det gick inte att skapa videospår.",
         "viewAllNumbers": "visa alla nummer"
@@ -858,9 +894,6 @@
         "rejected": "Avvisad",
         "ringing": "Ringer..."
     },
-    "privacyView": {
-        "title": "Privat"
-    },
     "profile": {
         "avatar": "avatar",
         "setDisplayNameLabel": "Ange ditt visningsnamn",
@@ -869,7 +902,7 @@
         "title": "Profil"
     },
     "raisedHand": "Räck upp handen",
-    "raisedHandsLabel": "Antal upphöjda händer",
+    "raisedHandsLabel": "Antal uppräckta händer",
     "record": {
         "already": {
             "linked": "Mötet är redan länkat till detta Salesforce-objekt."
@@ -914,6 +947,7 @@
         "localRecordingVideoWarning": "För att spela in din video måste du ha den på när du startar inspelningen",
         "localRecordingWarning": "Se till att du väljer den aktuella fliken för att kunna använda rätt video och ljud. Inspelningen är för närvarande begränsad till 1 GB, vilket är cirka 100 minuter.",
         "loggedIn": "Inloggad som {{userName}}",
+        "noMicPermission": "Mikrofonspåret kunde inte skapas. Vänligen ge tillstånd att använda mikrofonen.",
         "noStreams": "Ingen ljud- eller videoström upptäcktes.",
         "off": "Inspelningen avslutades",
         "offBy": "{{name}} avslutade inspelningen",
@@ -943,10 +977,17 @@
     "security": {
         "about": "Du kan lägga till ett $t(lockRoomPassword) till ditt möte. Deltagarna måste ange $t(lockRoomPassword) innan de får gå med i mötet.",
         "aboutReadOnly": "Moderatorn kan lägga till ett $t(lockRoomPassword) till mötet. Deltagarna måste ange  $t(lockRoomPassword) innan de får gå med i mötet.",
-        "insecureRoomNameWarning": "Rummets namn är osäkert. Oönskade deltagare kan gå med i din konferens. Överväg att säkra ditt möte med hjälp av säkerhetsknappen.",
-        "title": "Säkerhetsalternativ"
+        "insecureRoomNameWarningNative": "Rumsnamnet är osäkert. Oönskade deltagare kan gå med i ditt möte. {{recommendAction}} Läs mer om att säkra ditt möte",
+        "insecureRoomNameWarningWeb": "Rumsnamnet är osäkert. Oönskade deltagare kan gå med i ditt möte. {{recommendAction}} Läs mer om hur du säkerställer att du möter <a href=\"{{securityUrl}}\" rel=\"security\"-målet =\"_blank\">här</a>.",
+        "title": "Säkerhetsalternativ",
+        "unsafeRoomActions": {
+            "meeting": "Överväg att göra ditt möte säkrare med hjälp av säkerhetsknappen.",
+            "prejoin": "Överväg att använda ett mer unikt mötesnamn.",
+            "welcome": "Överväg att använda ett mer unikt mötesnamn, eller välj ett av förslagen."
+        }
     },
     "settings": {
+        "audio": "Ljud",
         "buttonLabel": "Inställningar",
         "calendar": {
             "about": "Kalenderintegrationen med {{appName}} används för att hämta din kalender på ett säkert sätt så att den kan läsa framtida händelser.",
@@ -967,9 +1008,11 @@
         "maxStageParticipants": "Maximalt antal deltagare som kan fästas på huvudscenen",
         "microphones": "Mikrofoner",
         "moderator": "Moderator",
+        "moderatorOptions": "Moderatoralternativ",
         "more": "Mer",
         "name": "Namn",
         "noDevice": "Inga enheter",
+        "notifications": "Notifikationer",
         "participantJoined": "Deltagare ansluten",
         "participantKnocking": "Deltagare har anslutit till lobbyn",
         "participantLeft": "Deltagare lämnat mötet",
@@ -980,13 +1023,14 @@
         "selectCamera": "Kamera",
         "selectMic": "Mikrofon",
         "selfView": "Självvy",
-        "sounds": "Ljud",
+        "shortcuts": "Genvägar",
         "speakers": "Högtalare",
         "startAudioMuted": "Alla börjar tystade",
         "startReactionsMuted": "Stäng av reaktionsljud för alla",
         "startVideoMuted": "Alla börjar osynliga",
         "talkWhileMuted": "Prata medan din ljud är inaktiverad",
-        "title": "Inställningar"
+        "title": "Inställningar",
+        "video": "Video"
     },
     "settingsView": {
         "advanced": "Avancerat",
@@ -1003,6 +1047,7 @@
         "displayName": "Skärmnamn",
         "displayNamePlaceholderText": "Exempel: John Doe",
         "email": "E-post",
+        "emailPlaceholderText": "mejl@exempel.se",
         "goTo": "Gå till",
         "header": "Inställningar",
         "help": "Hjälp",
@@ -1060,69 +1105,87 @@
             "audioOnly": "Slå av eller på ljudet",
             "audioRoute": "Välj ljudenhet",
             "boo": "Bua",
-            "breakoutRoom": "Gå med i/lämna grupprum",
+            "breakoutRoom": "Anslut eller lämna grupprum",
             "callQuality": "Hantera videokvalitet",
             "carmode": "Billäge",
             "cc": "Slå av eller på undertexter",
             "chat": "Öppna eller stäng chattfönster",
-            "clap": "Klappa",
-            "collapse": "Kollaps",
-            "document": "Öppna eller stäng delat dokument",
-            "download": "Ladda ner app",
+            "clap": "Applådera",
+            "closeChat": "Stäng chatten",
+            "closeMoreActions": "Stäng menyn för fler åtgärder",
+            "closeParticipantsPane": "Stäng deltagarfönstret",
+            "collapse": "Minimera",
+            "document": "Växla delat dokument",
+            "documentClose": "Stäng delat dokument",
+            "documentOpen": "Öppna delat dokument",
+            "download": "Ladda ner våra appar",
             "embedMeeting": "Bädda in möte",
-            "endConference": "Avsluta mötet för alla",
-            "expand": "Expandera",
-            "feedback": "Lämna återkoppling",
-            "fullScreen": "Öppna eller stäng fullskärm",
-            "giphy": "Växla GIPHY meny",
-            "grantModerator": "Godkänn moderator",
-            "hangup": "Lämna samtalet",
+            "endConference": "Avsluta möte för alla",
+            "enterFullScreen": "Visa helskärm",
+            "enterTileView": "Öppna sida vid sida",
+            "exitFullScreen": "Avsluta helskärm",
+            "exitTileView": "Avsluta sida vid sida",
+            "expand": "Utöka",
+            "feedback": "Ge feedback",
+            "fullScreen": "Växla helskärm",
+            "giphy": "Växla GIPHY-menyn",
+            "grantModerator": "Tilldela moderatorrättigheter",
+            "hangup": "Lämna mötet",
+            "heading": "Verktygsfält",
             "help": "Hjälp",
-            "invite": "Bjud in andra",
+            "hideWhiteboard": "Dölj whiteboard",
+            "invite": "Bjud in personer",
             "kick": "Sparka ut deltagare",
             "laugh": "Skratta",
-            "leaveConference": "Lämna möte",
+            "leaveConference": "Lämna mötet",
             "like": "Tummen upp",
             "linkToSalesforce": "Länk till Salesforce",
-            "lobbyButton": "Aktivera/inaktivera väntrumsläge",
-            "localRecording": "Öppna eller stäng lokala inspelningsverktyg",
-            "lockRoom": "Slå av eller på möteslösenord",
-            "moreActions": "Öppna eller stäng menyn för fler åtgärder",
-            "moreActionsMenu": "Meny för fler åtgärder",
+            "lobbyButton": "Aktivera / inaktivera lobbyläge",
+            "localRecording": "Växla lokala inspelningskontroller",
+            "lockRoom": "Växla möteslösenord",
+            "lowerHand": "Sänk din hand",
+            "moreActions": "Fler åtgärder",
+            "moreActionsMenu": "Menyn Fler åtgärder",
             "moreOptions": "Visa fler alternativ",
-            "mute": "Slå av eller på ljud",
-            "muteEveryone": "Tysta alla",
-            "muteEveryoneElse": "Inkativerad ljud för alla andra",
+            "mute": "Mute",
+            "muteEveryone": "Stäng av ljudet för alla",
+            "muteEveryoneElse": "Stäng av ljudet för alla andra",
             "muteEveryoneElsesVideoStream": "Stoppa alla andras video",
             "muteEveryonesVideoStream": "Stoppa allas video",
-            "noiseSuppression": "Brusreducering",
-            "participants": "Deltagare",
-            "pip": "Öppna eller stäng bild-i-bild-läge",
+            "noiseSuppression": "Brusdämpning",
+            "openChat": "Öppna chatt",
+            "participants": "Öppna deltagarfönstret",
+            "pip": "Växla bild-i-bild-läge",
             "privateMessage": "Skicka privat meddelande",
             "profile": "Redigera din profil",
-            "raiseHand": "Räck upp eller ta ner handen",
-            "reactionsMenu": "Öppna7ständ meny för reaktioner",
-            "recording": "Slå av eller på inspelning",
-            "remoteMute": "Tysta deltagare",
-            "remoteVideoMute": "Inaktivera kamera för deltagare",
+            "raiseHand": "Räck upp handen",
+            "reactions": "Reaktioner",
+            "reactionsMenu": "Reaktionsmeny",
+            "recording": "Växla inspelning",
+            "remoteMute": "Ljud av deltagare",
+            "remoteVideoMute": "Inaktivera kameran för deltagaren",
             "security": "Säkerhetsalternativ",
             "selectBackground": "Välj bakgrund",
             "selfView": "Växla självvy",
             "shareRoom": "Bjud in någon",
-            "shareYourScreen": "Slå av eller på skärmdelning",
+            "shareYourScreen": "Börja dela din skärm",
             "shareaudio": "Dela ljud",
-            "sharedvideo": "Slå av eller på videodelning",
-            "shortcuts": "Stäng eller öppna genvägar",
+            "sharedvideo": "Dela video",
+            "shortcuts": "Växla genvägar",
             "show": "Visa på scenen",
-            "silence": "Tyst läge",
-            "speakerStats": "Stäng eller öppna talarstatistik",
-            "surprised": "Överaskning",
-            "tileView": "Öppna eller stäng panelvyn",
+            "showWhiteboard": "Visa whiteboard",
+            "silence": "Tystnad",
+            "speakerStats": "Växla deltagarstatistik",
+            "stopScreenSharing": "Sluta dela din skärm",
+            "stopSharedVideo": "Stoppa video",
+            "surprised": "Förvånad",
+            "tileView": "Växla sida vid sida",
             "toggleCamera": "Växla kamera",
             "toggleFilmstrip": "Växla filmremsa",
+            "unmute": "Slå på ljudet",
             "videoblur": "Växla videooskärpa",
-            "videomute": "Sätt på eller stäng av mikrofonen",
-            "whiteboard": "Visa/dölj whiteboardtavlan"
+            "videomute": "Stoppa kamera",
+            "videounmute": "Starta kameran"
         },
         "addPeople": "Lägg till personer i samtal",
         "audioOnlyOff": "Avsluta ljudläget",
@@ -1135,6 +1198,7 @@
         "chat": "Öppna / stäng chatten",
         "clap": "Klappa",
         "closeChat": "Stäng chatt",
+        "closeParticipantsPane": "Stäng deltagarrutan",
         "closeReactionsMenu": "Stäng meny för reaktioner",
         "disableNoiseSuppression": "Inaktivera brusreducering",
         "disableReactionSounds": "Du kan inaktivera reaktionsljud för det här mötet",
@@ -1143,6 +1207,7 @@
         "download": "Ladda ner vår app",
         "e2ee": "End-to-End kryptering",
         "embedMeeting": "Bädda in möte",
+        "enableNoiseSuppression": "Aktivera brusreducering",
         "endConference": "Avsluta mötet för alla",
         "enterFullScreen": "Visa fullskärm",
         "enterTileView": "Öppna panelvy",
@@ -1192,6 +1257,7 @@
         "reactionLike": "Skicka tummen upp",
         "reactionSilence": "Skicka tyst reaktion",
         "reactionSurprised": "Skicka reaktionen överaskad",
+        "reactions": "Reaktioner",
         "security": "Säkerhetsalternativ",
         "selectBackground": "Välj bakgrund",
         "shareRoom": "Bjud in någon",
@@ -1211,11 +1277,13 @@
         "talkWhileMutedPopup": "Försöker du tala? Din mikrofon är tystad.",
         "tileViewToggle": "Öppna eller stäng panelvyn",
         "toggleCamera": "Byta kamera",
+        "unmute": "Slå på ljud",
         "videoSettings": "Video inställningar",
-        "videomute": "Aktivera / avaktivera kameran"
+        "videomute": "Inaktivera kameran",
+        "videounmute": "Aktivera kameran"
     },
     "transcribing": {
-        "ccButtonTooltip": "Starta / Avsluta undertexter",
+        "ccButtonTooltip": "Aktivera / Inaktivera undertexter",
         "error": "Transkriberingen misslyckades. Försök igen.",
         "expandedLabel": "Transkribering är aktiverad",
         "failedToStart": "Det gick inte att starta transkribering",
@@ -1230,6 +1298,7 @@
         "subtitlesOff": "Av",
         "tr": "TR"
     },
+    "unpinParticipant": "Lossa deltagare",
     "userMedia": {
         "androidGrantPermissions": "Välj <b><i>Tillåt</i></b> när din webbläsare begär åtkomst.",
         "chromeGrantPermissions": "Välj <b><i>Tillåt</i></b> när din webbläsare begär åtkomst.",
@@ -1268,9 +1337,11 @@
         "ldTooltip": "Titta på lågupplöst video",
         "lowDefinition": "Låg upplösning",
         "performanceSettings": "Prestandainställningar",
+        "recording": "Inspelning pågår",
         "sd": "SD",
         "sdTooltip": "Titta på video med standardupplösning",
-        "standardDefinition": "Normal upplösning"
+        "standardDefinition": "Normal upplösning",
+        "streaming": "Streaming pågår"
     },
     "videothumbnail": {
         "connectionInfo": "Anslutningsinformation",
@@ -1282,6 +1353,7 @@
         "grantModerator": "Godkänn moderator",
         "hideSelfView": "Dölj självvyn",
         "kick": "Sparka ut",
+        "mirrorVideo": "Spegelvänd video",
         "moderator": "Moderator",
         "mute": "Deltagaren har avstängd mikrofon",
         "muted": "Tystad",
@@ -1291,8 +1363,9 @@
         "show": "Visa på scenen",
         "showSelfView": "Visa självvy",
         "unpinFromStage": "Ta loss",
-        "videoMuted": "kamera inaktiverad",
-        "videomute": "Deltagaren har stäng av kameran"
+        "verify": "Verifiera",
+        "videoMuted": "Kamera inaktiverad",
+        "videomute": "Deltagaren har stängt av kameran"
     },
     "virtualBackground": {
         "addBackground": "Lägg till bakgrund",
@@ -1318,6 +1391,14 @@
         "webAssemblyWarning": "WebAssembly stöds inte",
         "webAssemblyWarningDescription": "WebAssembly inaktiverad eller stöds inte av den här webbläsaren"
     },
+    "visitors": {
+        "chatIndicator": "(besökare)",
+        "labelTooltip": "Antal besökare: {{count}}",
+        "notification": {
+            "description": "Räck upp handen för att delta",
+            "title": "Du är en besökare i mötet"
+        }
+    },
     "volumeSlider": "Volymreglage",
     "welcomepage": {
         "accessibilityLabel": {
@@ -1338,6 +1419,7 @@
         "go": "KÖR",
         "goSmall": "BÖRJA",
         "headerSubtitle": "Säkra möten med hög kvalitet",
+        "headerTitle": "Jitsi Meet",
         "info": "Info",
         "jitsiOnMobile": "Jitsi på mobilen - ladda ner våra appar och starta ett möte var som helst",
         "join": "Gå med",
@@ -1349,6 +1431,7 @@
             "microsoftLogo": "Microsoft logotyp",
             "policyLogo": "Policy-logotyp"
         },
+        "meetingsAccessibilityLabel": "Möten",
         "mobileDownLoadLinkAndroid": "Ladda ner mobilappen för Android",
         "mobileDownLoadLinkFDroid": "Ladda ner mobilappen för F-droid",
         "mobileDownLoadLinkIos": "Ladda ner mobilappen för iOS",
@@ -1357,6 +1440,7 @@
         "recentList": "Tidigare",
         "recentListDelete": "Radera",
         "recentListEmpty": "Inga tidigare möten. Chatta med ditt team och hitta alla tidigare möten där.",
+        "recentMeetings": "Dina senaste möten",
         "reducedUIText": "Välkommen till {{app}}!",
         "roomNameAllowedChars": "Mötesnamn kan inte innehålla dessa tecken: ?, &,:, ', \",%, #.",
         "roomname": "Skriv in rumsnamn",
@@ -1365,6 +1449,12 @@
         "settings": "Inställningar",
         "startMeeting": "Starta möte",
         "terms": "Villkor",
-        "title": "Säkra, välutrustade och helt kostnadsfria videokonferenser"
+        "title": "Säkra, välutrustade och helt kostnadsfria videokonferenser",
+        "upcomingMeetings": "Dina kommande möten"
+    },
+    "whiteboard": {
+        "accessibilityLabel": {
+            "heading": "Whiteboard"
+        }
     }
 }

lang/main.json

@@ -1,5 +1,8 @@
 {
     "addPeople": {
+        "accessibilityLabel": {
+            "meetingLink": "Meeting link: {{url}}"
+        },
         "add": "Invite",
         "addContacts": "Invite your contacts",
         "contacts": "contacts",
@@ -39,6 +42,18 @@
     "audioOnly": {
         "audioOnly": "Low bandwidth"
     },
+    "bandwidthSettings": {
+        "assumedBandwidthBps": "e.g. 10000000 for 10 Mbps",
+        "assumedBandwidthBpsWarning": "Higher values might cause network issues.",
+        "customValue": "custom value",
+        "customValueEffect": "to set the actual bps value",
+        "leaveEmpty": "leave empty",
+        "leaveEmptyEffect": "to allow estimations to take place",
+        "possibleValues": "Possible values",
+        "setAssumedBandwidthBps": "Assumed bandwidth (bps)",
+        "title": "Bandwidth settings",
+        "zeroEffect": "to disable video"
+    },
     "breakoutRooms": {
         "actions": {
             "add": "Add breakout room",
@@ -242,6 +257,8 @@
         "WaitingForHostTitle": "Waiting for the host ...",
         "Yes": "Yes",
         "accessibilityLabel": {
+            "Cancel": "Cancel (leave dialog)",
+            "Ok": "OK (save and leave dialog)",
             "close": "Close dialog",
             "liveStreaming": "Live Stream",
             "sharingTabs": "Sharing options"
@@ -447,6 +464,9 @@
         "title": "Embed this meeting"
     },
     "feedback": {
+        "accessibilityLabel": {
+            "yourChoice": "Your choice: {{rating}}"
+        },
         "average": "Average",
         "bad": "Bad",
         "detailsLabel": "Tell us more about it.",
@@ -1151,6 +1171,7 @@
             "muteEveryoneElse": "Mute everyone else",
             "muteEveryoneElsesVideoStream": "Stop everyone else's video",
             "muteEveryonesVideoStream": "Stop everyone's video",
+            "muteGUMPending": "Connecting your microphone",
             "noiseSuppression": "Noise suppression",
             "openChat": "Open chat",
             "participants": "Open participants pane",
@@ -1184,6 +1205,7 @@
             "unmute": "Unmute",
             "videoblur": "Toggle video blur",
             "videomute": "Stop camera",
+            "videomuteGUMPending": "Connecting your camera",
             "videounmute": "Start camera"
         },
         "addPeople": "Add people to your call",
@@ -1234,6 +1256,7 @@
         "mute": "Mute",
         "muteEveryone": "Mute everyone",
         "muteEveryonesVideo": "Disable everyone's camera",
+        "muteGUMPending": "Connecting your microphone",
         "noAudioSignalDesc": "If you did not purposely mute it from system settings or hardware, consider switching the device.",
         "noAudioSignalDescSuggestion": "If you did not purposely mute it from system settings or hardware, consider switching to the suggested device.",
         "noAudioSignalDialInDesc": "You can also dial-in using:",
@@ -1279,6 +1302,7 @@
         "unmute": "Unmute",
         "videoSettings": "Video settings",
         "videomute": "Stop camera",
+        "videomuteGUMPending": "Connecting your camera",
         "videounmute": "Start camera"
     },
     "transcribing": {
@@ -1325,7 +1349,7 @@
         "audioOnly": "AUD",
         "audioOnlyExpanded": "You are in low bandwidth mode. In this mode you will receive only audio and screen sharing.",
         "bestPerformance": "Best performance",
-        "callQuality": "Video Quality",
+        "callQuality": "Video Quality (0 for best performance, 3 for highest quality)",
         "hd": "HD",
         "hdTooltip": "Viewing high definition video",
         "highDefinition": "High definition",
@@ -1367,6 +1391,10 @@
         "videomute": "Participant has stopped the camera"
     },
     "virtualBackground": {
+        "accessibilityLabel": {
+            "currentBackground": "Current background: {{background}}",
+            "selectBackground": "Select a background"
+        },
         "addBackground": "Add background",
         "apply": "Apply",
         "backgroundEffectError": "Failed to apply background effect.",

modules/API/API.js

@@ -17,12 +17,13 @@ import { isEnabledFromState } from '../../react/features/av-moderation/functions
 import {
     endConference,
     sendTones,
+    setAssumedBandwidthBps,
     setFollowMe,
     setLocalSubject,
     setPassword,
     setSubject
 } from '../../react/features/base/conference/actions';
-import { getCurrentConference } from '../../react/features/base/conference/functions';
+import { getCurrentConference, isP2pActive } from '../../react/features/base/conference/functions';
 import { overwriteConfig } from '../../react/features/base/config/actions';
 import { getWhitelistedJSON } from '../../react/features/base/config/functions.any';
 import { toggleDialog } from '../../react/features/base/dialog/actions';
@@ -117,7 +118,6 @@ import { getJitsiMeetTransport } from '../transport';
 
 import {
     API_ID,
-    ASSUMED_BANDWIDTH_BPS,
     ENDPOINT_TEXT_MESSAGE_NAME
 } from './constants';
 
@@ -321,13 +321,7 @@ function initCommands() {
                 return;
             }
 
-            const { conference } = APP.store.getState()['features/base/conference'];
-
-            if (conference) {
-                conference.setAssumedBandwidthBps(value < ASSUMED_BANDWIDTH_BPS
-                    ? ASSUMED_BANDWIDTH_BPS
-                    : value);
-            }
+            APP.store.dispatch(setAssumedBandwidthBps(value));
         },
         'set-follow-me': value => {
             logger.debug('Set follow me command received');
@@ -987,6 +981,10 @@ function initCommands() {
             callback(getRoomsInfo(APP.store.getState()));
             break;
         }
+        case 'get-p2p-status': {
+            callback(isP2pActive(APP.store.getState()));
+            break;
+        }
         default:
             return false;
         }
@@ -2029,6 +2027,36 @@ class API {
         });
     }
 
+    /**
+     * Notify external application (if API is enabled) if non participant message
+     * is received.
+     *
+     * @param {string} id - The resource id of the sender.
+     * @param {Object} json - The json carried by the message.
+     * @returns {void}
+     */
+    notifyNonParticipantMessageReceived(id, json) {
+        this._sendEvent({
+            name: 'non-participant-message-received',
+            id,
+            message: json
+        });
+    }
+
+
+    /**
+     * Notify the external application (if API is enabled) if the connection type changed.
+     *
+     * @param {boolean} isP2p - Whether the new connection is P2P.
+     * @returns {void}
+     */
+    notifyP2pStatusChanged(isP2p) {
+        this._sendEvent({
+            name: 'p2p-status-changed',
+            isP2p
+        });
+    }
+
     /**
      * Disposes the allocated resources.
      *

modules/API/constants.js

@@ -21,4 +21,4 @@ export const ENDPOINT_TEXT_MESSAGE_NAME = 'endpoint-text-message';
  * Setting it to this value means not assuming any bandwidth,
  * but rather allowing the estimations to take place.
  */
-export const ASSUMED_BANDWIDTH_BPS = -1;
+export const MIN_ASSUMED_BANDWIDTH_BPS = -1;

modules/API/external/external_api.js

@@ -128,8 +128,10 @@ const events = {
     'mouse-enter': 'mouseEnter',
     'mouse-leave': 'mouseLeave',
     'mouse-move': 'mouseMove',
+    'non-participant-message-received': 'nonParticipantMessageReceived',
     'notification-triggered': 'notificationTriggered',
     'outgoing-message': 'outgoingMessage',
+    'p2p-status-changed': 'p2pStatusChanged',
     'participant-joined': 'participantJoined',
     'participant-kicked-out': 'participantKickedOut',
     'participant-left': 'participantLeft',
@@ -693,7 +695,6 @@ export default class JitsiMeetExternalAPI extends EventEmitter {
         this._numberOfParticipants = allParticipants;
     }
 
-
     /**
      * Returns the rooms info in the conference.
      *
@@ -705,6 +706,17 @@ export default class JitsiMeetExternalAPI extends EventEmitter {
         });
     }
 
+    /**
+     * Returns whether the conference is P2P.
+     *
+     * @returns {Promise}
+     */
+    isP2pActive() {
+        return this._transport.sendRequest({
+            name: 'get-p2p-status'
+        });
+    }
+
     /**
      * Adds event listener to Meet Jitsi.
      *

modules/UI/videolayout/Filmstrip.js

@@ -15,7 +15,7 @@ const Filmstrip = {
         // horizontal film strip mode for calculating how tall large video
         // display should be.
         if (isFilmstripVisible(APP.store) && !interfaceConfig.VERTICAL_FILMSTRIP) {
-            return document.querySelector('.filmstrip').offsetHeight;
+            return document.querySelector('.filmstrip')?.offsetHeight ?? 0;
         }
 
         return 0;

package-lock.json

@@ -17,7 +17,7 @@
         "@giphy/react-components": "6.8.1",
         "@giphy/react-native-sdk": "2.3.0",
         "@hapi/bourne": "2.0.0",
-        "@jitsi/excalidraw": "https://github.com/jitsi/excalidraw/releases/download/v0.0.13/jitsi-excalidraw-0.0.13.tgz",
+        "@jitsi/excalidraw": "https://github.com/jitsi/excalidraw/releases/download/v0.0.14/jitsi-excalidraw-0.0.14.tgz",
         "@jitsi/js-utils": "2.0.5",
         "@jitsi/logger": "2.0.0",
         "@jitsi/rnnoise-wasm": "0.1.0",
@@ -60,7 +60,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/v1637.0.0+8f836678/lib-jitsi-meet.tgz",
+        "lib-jitsi-meet": "https://github.com/jitsi/lib-jitsi-meet/releases/download/v1643.0.0+0748d89a/lib-jitsi-meet.tgz",
         "lodash": "4.17.21",
         "moment": "2.29.4",
         "moment-duration-format": "2.2.2",
@@ -71,7 +71,7 @@
         "react": "18.2.0",
         "react-dom": "18.2.0",
         "react-emoji-render": "1.2.4",
-        "react-focus-lock": "2.9.4",
+        "react-focus-on": "3.8.1",
         "react-i18next": "10.11.4",
         "react-linkify": "1.0.0-alpha",
         "react-native": "0.69.10",
@@ -127,6 +127,7 @@
         "@jitsi/eslint-config": "4.1.5",
         "@types/amplitude-js": "8.16.2",
         "@types/audioworklet": "0.0.29",
+        "@types/dom-screen-wake-lock": "1.0.1",
         "@types/js-md5": "0.4.3",
         "@types/lodash": "4.14.182",
         "@types/punycode": "2.1.0",
@@ -3099,9 +3100,9 @@
       }
     },
     "node_modules/@jitsi/excalidraw": {
-      "version": "0.0.13",
-      "resolved": "https://github.com/jitsi/excalidraw/releases/download/v0.0.13/jitsi-excalidraw-0.0.13.tgz",
-      "integrity": "sha512-GcH+KwBTuE+3bdf73lS2X+TpVp/QFyXBHps8jntSWjz5UOfmXhF4SAoUe+550eVCHiZex78AaLaVflR34Lv0VA==",
+      "version": "0.0.14",
+      "resolved": "https://github.com/jitsi/excalidraw/releases/download/v0.0.14/jitsi-excalidraw-0.0.14.tgz",
+      "integrity": "sha512-iK7p7i6qJFOkjTVZhWDvurDW1u+eMoOhAVgpab9CZEqCTX+W4Ih4AOPrUpf+mjaAHK5XqmQZSc5nVEpMg+xIGQ==",
       "license": "MIT",
       "peerDependencies": {
         "react": "^17.0.2 || ^18.2.0",
@@ -5583,6 +5584,12 @@
         "@types/node": "*"
       }
     },
+    "node_modules/@types/dom-screen-wake-lock": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@types/dom-screen-wake-lock/-/dom-screen-wake-lock-1.0.1.tgz",
+      "integrity": "sha512-WJQas3OFGcC8AeMzaa7FwzzbNNfanuV2R12kQYNp4BkUMghsRz5JxJ5RgVhJifhw7t0s6LvRSWZArmKbMDZ+5g==",
+      "dev": true
+    },
     "node_modules/@types/emscripten": {
       "version": "0.0.34",
       "resolved": "https://registry.npmjs.org/@types/emscripten/-/emscripten-0.0.34.tgz",
@@ -6919,6 +6926,17 @@
         "sprintf-js": "~1.0.2"
       }
     },
+    "node_modules/aria-hidden": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/aria-hidden/-/aria-hidden-1.2.3.tgz",
+      "integrity": "sha512-xcLxITLe2HYa1cnYnwCjkOO1PqUHQpozB8x9AR0OgWN2woOBi5kSDVxKfd0b7sb1hw5qFeJhXm9H1nu3xSfLeQ==",
+      "dependencies": {
+        "tslib": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/arr-diff": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-4.0.0.tgz",
@@ -10633,6 +10651,14 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/get-nonce": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/get-nonce/-/get-nonce-1.0.1.tgz",
+      "integrity": "sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/get-stream": {
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-4.1.0.tgz",
@@ -12742,8 +12768,8 @@
     },
     "node_modules/lib-jitsi-meet": {
       "version": "0.0.0",
-      "resolved": "https://github.com/jitsi/lib-jitsi-meet/releases/download/v1637.0.0+8f836678/lib-jitsi-meet.tgz",
-      "integrity": "sha512-CjCh74qv9rTWdCkUMxH7PWMt/CC1Bd6rMXowPR+e33ssD+kou0VCVSJb4PBT44LKJTUJ8vHRsbGJ/IiSOhLCKw==",
+      "resolved": "https://github.com/jitsi/lib-jitsi-meet/releases/download/v1643.0.0+0748d89a/lib-jitsi-meet.tgz",
+      "integrity": "sha512-HtLhGkrSHEztTcMZ1iJmG7a5Bj8KvsT8bGL/h3G+4kro5JRp/E40XJPPWiaGT0e9av4RQZa4u1giSgF/50ssoQ==",
       "hasInstallScript": true,
       "license": "Apache-2.0",
       "dependencies": {
@@ -15574,6 +15600,32 @@
         }
       }
     },
+    "node_modules/react-focus-on": {
+      "version": "3.8.1",
+      "resolved": "https://registry.npmjs.org/react-focus-on/-/react-focus-on-3.8.1.tgz",
+      "integrity": "sha512-fQcBx+SZMgXoRL+69r5+ic4bdVgqaCeKeoFPra8yhcSuL/3unWavfdirEFBGgH71K+RiocMTS6DETHcX0SlOZg==",
+      "dependencies": {
+        "aria-hidden": "^1.2.2",
+        "react-focus-lock": "^2.9.2",
+        "react-remove-scroll": "^2.5.6",
+        "react-style-singleton": "^2.2.0",
+        "tslib": "^2.3.1",
+        "use-callback-ref": "^1.3.0",
+        "use-sidecar": "^1.1.2"
+      },
+      "engines": {
+        "node": ">=8.5.0"
+      },
+      "peerDependencies": {
+        "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/react-freeze": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/react-freeze/-/react-freeze-1.0.0.tgz",
@@ -16100,6 +16152,51 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/react-remove-scroll": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/react-remove-scroll/-/react-remove-scroll-2.5.6.tgz",
+      "integrity": "sha512-bO856ad1uDYLefgArk559IzUNeQ6SWH4QnrevIUjH+GczV56giDfl3h0Idptf2oIKxQmd1p9BN25jleKodTALg==",
+      "dependencies": {
+        "react-remove-scroll-bar": "^2.3.4",
+        "react-style-singleton": "^2.2.1",
+        "tslib": "^2.1.0",
+        "use-callback-ref": "^1.3.0",
+        "use-sidecar": "^1.1.2"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/react-remove-scroll-bar": {
+      "version": "2.3.4",
+      "resolved": "https://registry.npmjs.org/react-remove-scroll-bar/-/react-remove-scroll-bar-2.3.4.tgz",
+      "integrity": "sha512-63C4YQBUt0m6ALadE9XV56hV8BgJWDmmTPY758iIJjfQKt2nYwoUrPk0LXRXcB/yIj82T1/Ixfdpdk68LwIB0A==",
+      "dependencies": {
+        "react-style-singleton": "^2.2.1",
+        "tslib": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/react-shallow-renderer": {
       "version": "16.15.0",
       "resolved": "https://registry.npmjs.org/react-shallow-renderer/-/react-shallow-renderer-16.15.0.tgz",
@@ -16112,6 +16209,28 @@
         "react": "^16.0.0 || ^17.0.0 || ^18.0.0"
       }
     },
+    "node_modules/react-style-singleton": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/react-style-singleton/-/react-style-singleton-2.2.1.tgz",
+      "integrity": "sha512-ZWj0fHEMyWkHzKYUr2Bs/4zU6XLmq9HsgBURm7g5pAVfyn49DgUiNgY2d4lXRlYSiCif9YBGpQleewkcqddc7g==",
+      "dependencies": {
+        "get-nonce": "^1.0.0",
+        "invariant": "^2.2.4",
+        "tslib": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/react-textarea-autosize": {
       "version": "8.3.0",
       "resolved": "https://registry.npmjs.org/react-textarea-autosize/-/react-textarea-autosize-8.3.0.tgz",
@@ -21890,8 +22009,8 @@
       "dev": true
     },
     "@jitsi/excalidraw": {
-      "version": "https://github.com/jitsi/excalidraw/releases/download/v0.0.13/jitsi-excalidraw-0.0.13.tgz",
-      "integrity": "sha512-GcH+KwBTuE+3bdf73lS2X+TpVp/QFyXBHps8jntSWjz5UOfmXhF4SAoUe+550eVCHiZex78AaLaVflR34Lv0VA=="
+      "version": "https://github.com/jitsi/excalidraw/releases/download/v0.0.14/jitsi-excalidraw-0.0.14.tgz",
+      "integrity": "sha512-iK7p7i6qJFOkjTVZhWDvurDW1u+eMoOhAVgpab9CZEqCTX+W4Ih4AOPrUpf+mjaAHK5XqmQZSc5nVEpMg+xIGQ=="
     },
     "@jitsi/js-utils": {
       "version": "2.0.5",
@@ -23649,6 +23768,12 @@
         "@types/node": "*"
       }
     },
+    "@types/dom-screen-wake-lock": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@types/dom-screen-wake-lock/-/dom-screen-wake-lock-1.0.1.tgz",
+      "integrity": "sha512-WJQas3OFGcC8AeMzaa7FwzzbNNfanuV2R12kQYNp4BkUMghsRz5JxJ5RgVhJifhw7t0s6LvRSWZArmKbMDZ+5g==",
+      "dev": true
+    },
     "@types/emscripten": {
       "version": "0.0.34",
       "resolved": "https://registry.npmjs.org/@types/emscripten/-/emscripten-0.0.34.tgz",
@@ -24725,6 +24850,14 @@
         "sprintf-js": "~1.0.2"
       }
     },
+    "aria-hidden": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/aria-hidden/-/aria-hidden-1.2.3.tgz",
+      "integrity": "sha512-xcLxITLe2HYa1cnYnwCjkOO1PqUHQpozB8x9AR0OgWN2woOBi5kSDVxKfd0b7sb1hw5qFeJhXm9H1nu3xSfLeQ==",
+      "requires": {
+        "tslib": "^2.0.0"
+      }
+    },
     "arr-diff": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-4.0.0.tgz",
@@ -27558,6 +27691,11 @@
         "has-symbols": "^1.0.3"
       }
     },
+    "get-nonce": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/get-nonce/-/get-nonce-1.0.1.tgz",
+      "integrity": "sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q=="
+    },
     "get-stream": {
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-4.1.0.tgz",
@@ -29128,8 +29266,8 @@
       }
     },
     "lib-jitsi-meet": {
-      "version": "https://github.com/jitsi/lib-jitsi-meet/releases/download/v1637.0.0+8f836678/lib-jitsi-meet.tgz",
-      "integrity": "sha512-CjCh74qv9rTWdCkUMxH7PWMt/CC1Bd6rMXowPR+e33ssD+kou0VCVSJb4PBT44LKJTUJ8vHRsbGJ/IiSOhLCKw==",
+      "version": "https://github.com/jitsi/lib-jitsi-meet/releases/download/v1643.0.0+0748d89a/lib-jitsi-meet.tgz",
+      "integrity": "sha512-HtLhGkrSHEztTcMZ1iJmG7a5Bj8KvsT8bGL/h3G+4kro5JRp/E40XJPPWiaGT0e9av4RQZa4u1giSgF/50ssoQ==",
       "requires": {
         "@jitsi/js-utils": "2.0.0",
         "@jitsi/logger": "2.0.0",
@@ -31274,6 +31412,20 @@
         "use-sidecar": "^1.1.2"
       }
     },
+    "react-focus-on": {
+      "version": "3.8.1",
+      "resolved": "https://registry.npmjs.org/react-focus-on/-/react-focus-on-3.8.1.tgz",
+      "integrity": "sha512-fQcBx+SZMgXoRL+69r5+ic4bdVgqaCeKeoFPra8yhcSuL/3unWavfdirEFBGgH71K+RiocMTS6DETHcX0SlOZg==",
+      "requires": {
+        "aria-hidden": "^1.2.2",
+        "react-focus-lock": "^2.9.2",
+        "react-remove-scroll": "^2.5.6",
+        "react-style-singleton": "^2.2.0",
+        "tslib": "^2.3.1",
+        "use-callback-ref": "^1.3.0",
+        "use-sidecar": "^1.1.2"
+      }
+    },
     "react-freeze": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/react-freeze/-/react-freeze-1.0.0.tgz",
@@ -31645,6 +31797,27 @@
       "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.4.3.tgz",
       "integrity": "sha512-Hwln1VNuGl/6bVwnd0Xdn1e84gT/8T9aYNL+HAKDArLCS7LWjwr7StE30IEYbIkx0Vi3vs+coQxe+SQDbGbbpA=="
     },
+    "react-remove-scroll": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/react-remove-scroll/-/react-remove-scroll-2.5.6.tgz",
+      "integrity": "sha512-bO856ad1uDYLefgArk559IzUNeQ6SWH4QnrevIUjH+GczV56giDfl3h0Idptf2oIKxQmd1p9BN25jleKodTALg==",
+      "requires": {
+        "react-remove-scroll-bar": "^2.3.4",
+        "react-style-singleton": "^2.2.1",
+        "tslib": "^2.1.0",
+        "use-callback-ref": "^1.3.0",
+        "use-sidecar": "^1.1.2"
+      }
+    },
+    "react-remove-scroll-bar": {
+      "version": "2.3.4",
+      "resolved": "https://registry.npmjs.org/react-remove-scroll-bar/-/react-remove-scroll-bar-2.3.4.tgz",
+      "integrity": "sha512-63C4YQBUt0m6ALadE9XV56hV8BgJWDmmTPY758iIJjfQKt2nYwoUrPk0LXRXcB/yIj82T1/Ixfdpdk68LwIB0A==",
+      "requires": {
+        "react-style-singleton": "^2.2.1",
+        "tslib": "^2.0.0"
+      }
+    },
     "react-shallow-renderer": {
       "version": "16.15.0",
       "resolved": "https://registry.npmjs.org/react-shallow-renderer/-/react-shallow-renderer-16.15.0.tgz",
@@ -31654,6 +31827,16 @@
         "react-is": "^16.12.0 || ^17.0.0 || ^18.0.0"
       }
     },
+    "react-style-singleton": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/react-style-singleton/-/react-style-singleton-2.2.1.tgz",
+      "integrity": "sha512-ZWj0fHEMyWkHzKYUr2Bs/4zU6XLmq9HsgBURm7g5pAVfyn49DgUiNgY2d4lXRlYSiCif9YBGpQleewkcqddc7g==",
+      "requires": {
+        "get-nonce": "^1.0.0",
+        "invariant": "^2.2.4",
+        "tslib": "^2.0.0"
+      }
+    },
     "react-textarea-autosize": {
       "version": "8.3.0",
       "resolved": "https://registry.npmjs.org/react-textarea-autosize/-/react-textarea-autosize-8.3.0.tgz",

package.json

@@ -22,7 +22,7 @@
     "@giphy/react-components": "6.8.1",
     "@giphy/react-native-sdk": "2.3.0",
     "@hapi/bourne": "2.0.0",
-    "@jitsi/excalidraw": "https://github.com/jitsi/excalidraw/releases/download/v0.0.13/jitsi-excalidraw-0.0.13.tgz",
+    "@jitsi/excalidraw": "https://github.com/jitsi/excalidraw/releases/download/v0.0.14/jitsi-excalidraw-0.0.14.tgz",
     "@jitsi/js-utils": "2.0.5",
     "@jitsi/logger": "2.0.0",
     "@jitsi/rnnoise-wasm": "0.1.0",
@@ -65,7 +65,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/v1637.0.0+8f836678/lib-jitsi-meet.tgz",
+    "lib-jitsi-meet": "https://github.com/jitsi/lib-jitsi-meet/releases/download/v1643.0.0+0748d89a/lib-jitsi-meet.tgz",
     "lodash": "4.17.21",
     "moment": "2.29.4",
     "moment-duration-format": "2.2.2",
@@ -76,7 +76,7 @@
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-emoji-render": "1.2.4",
-    "react-focus-lock": "2.9.4",
+    "react-focus-on": "3.8.1",
     "react-i18next": "10.11.4",
     "react-linkify": "1.0.0-alpha",
     "react-native": "0.69.10",
@@ -132,6 +132,7 @@
     "@jitsi/eslint-config": "4.1.5",
     "@types/amplitude-js": "8.16.2",
     "@types/audioworklet": "0.0.29",
+    "@types/dom-screen-wake-lock": "1.0.1",
     "@types/js-md5": "0.4.3",
     "@types/lodash": "4.14.182",
     "@types/punycode": "2.1.0",

react-native-sdk/.npmrc

@@ -0,0 +1,3 @@
+package-lock=true
+; FIXME Set legacy-peer-deps=false when we upgrade RN.
+legacy-peer-deps=true

react-native-sdk/README.md

@@ -0,0 +1,48 @@
+# <p align="center">Jitsi Meet React Native SDK</p>
+
+
+## Installation
+ Inside your project, run `npm i @jitsi/react-native-sdk`.<br/><br/>Additionally if not already installed, the following dependencies need to be added:
+ <br/>`npm i @react-native-async-storage/async-storage react-native-webrtc`
+
+ [comment]: # (These deps definitely need to be added manually, more could be neccesary)
+
+### iOS
+
+#### Project Info.plist
+- Add a *Privacy - Camera Usage Description*
+- Add a *Privacy - Microphone Usage Description*
+
+#### General
+- Signing & capabilites:
+    - Add Background modes
+        - Audio
+        - Voice over IP
+        - Background fetch
+- Add Copy Sounds step:
+
+```
+    SOUNDS_DIR="${PROJECT_DIR}/../node_modules/rnsdk/sounds"
+    cp $SOUNDS_DIR/* ${CONFIGURATION_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/
+```
+#### Podfile
+- At the beginning of your target step add `pod 'ObjectiveDropboxOfficial', :modular_headers => true`
+
+Run `cd ios && pod install && cd ..`
+
+### Android
+
+- In your build.gradle have at least `minSdkVersion = 24`
+- TODO: HOW TO ADD COPY SOUNDS STEP
+- Under the `</application>`  tag of your AndroidManifest.xml make sure that it includes
+  ```
+    <uses-permission android:name="android.permission.RECORD_AUDIO" />
+    <uses-permission android:name="android.permission.CAMERA" />
+  ```
+
+### TODOS
+- Ref ConnectionService to not rely on ReactInstanceHolder anymore
+- Add Copy Sounds step to build.gradle
+- Include copy sounds step in podspec (if possible)
+- Add ranges for dependencies
+- Add Build_Config for react native to AppInfoModule

react-native-sdk/android/build.gradle

@@ -0,0 +1,140 @@
+buildscript {
+  repositories {
+      google()
+      mavenCentral()
+  }
+
+  dependencies {
+    classpath 'com.android.tools.build:gradle:3.5.3'
+  }
+}
+
+def isNewArchitectureEnabled() {
+  return rootProject.hasProperty("newArchEnabled") &&  rootProject.getProperty("newArchEnabled") == "true"
+}
+
+apply plugin: 'com.android.library'
+
+if (isNewArchitectureEnabled()) {
+  apply plugin: 'com.facebook.react'
+}
+
+def getExtOrDefault(name) {
+  return rootProject.ext.has(name) ? rootProject.ext.get(name) : project.properties['JitsiMeetReactNative_' + name]
+}
+
+def getExtOrIntegerDefault(name) {
+  return rootProject.ext.has(name) ? rootProject.ext.get(name) : (project.properties['JitsiMeetReactNative_' + name]).toInteger()
+}
+
+android {
+  compileSdkVersion getExtOrIntegerDefault('compileSdkVersion')
+
+  defaultConfig {
+    minSdkVersion getExtOrIntegerDefault('minSdkVersion')
+    targetSdkVersion getExtOrIntegerDefault('targetSdkVersion')
+    buildConfigField "boolean", "IS_NEW_ARCHITECTURE_ENABLED", isNewArchitectureEnabled().toString()
+  }
+  buildTypes {
+    release {
+      minifyEnabled false
+    }
+  }
+
+  lintOptions {
+    disable 'GradleCompatible'
+  }
+
+  compileOptions {
+    sourceCompatibility JavaVersion.VERSION_1_8
+    targetCompatibility JavaVersion.VERSION_1_8
+  }
+}
+
+repositories {
+  mavenCentral()
+  google()
+
+  def found = false
+  def defaultDir = null
+  def androidSourcesName = 'React Native sources'
+
+  if (rootProject.ext.has('reactNativeAndroidRoot')) {
+    defaultDir = rootProject.ext.get('reactNativeAndroidRoot')
+  } else {
+    defaultDir = new File(
+      projectDir,
+      '/../../../node_modules/react-native/android'
+    )
+  }
+
+  if (defaultDir.exists()) {
+    maven {
+      url defaultDir.toString()
+      name androidSourcesName
+    }
+
+    logger.info(":${project.name}:reactNativeAndroidRoot ${defaultDir.canonicalPath}")
+    found = true
+  } else {
+    def parentDir = rootProject.projectDir
+
+    1.upto(5, {
+      if (found) return true
+      parentDir = parentDir.parentFile
+
+      def androidSourcesDir = new File(
+        parentDir,
+        'node_modules/react-native'
+      )
+
+      def androidPrebuiltBinaryDir = new File(
+        parentDir,
+        'node_modules/react-native/android'
+      )
+
+      if (androidPrebuiltBinaryDir.exists()) {
+        maven {
+          url androidPrebuiltBinaryDir.toString()
+          name androidSourcesName
+        }
+
+        logger.info(":${project.name}:reactNativeAndroidRoot ${androidPrebuiltBinaryDir.canonicalPath}")
+        found = true
+      } else if (androidSourcesDir.exists()) {
+        maven {
+          url androidSourcesDir.toString()
+          name androidSourcesName
+        }
+
+        logger.info(":${project.name}:reactNativeAndroidRoot ${androidSourcesDir.canonicalPath}")
+        found = true
+      }
+    })
+  }
+
+  if (!found) {
+    throw new GradleException(
+      "${project.name}: unable to locate React Native android sources. " +
+      "Ensure you have you installed React Native as a dependency in your project and try again."
+    )
+  }
+}
+
+
+dependencies {
+    //noinspection GradleDynamicVersion
+  implementation "com.facebook.react:react-native:+"
+  implementation 'com.squareup.duktape:duktape-android:1.3.0'
+  implementation 'com.dropbox.core:dropbox-core-sdk:4.0.1'
+  implementation 'com.jakewharton.timber:timber:4.7.1'
+// From node_modules
+}
+
+if (isNewArchitectureEnabled()) {
+  react {
+    jsRootDir = file("../src/")
+    libraryName = "JitsiMeetReactNative"
+    codegenJavaPackageName = "org.jitsi.meet.sdk"
+  }
+}

react-native-sdk/android/gradle.properties

@@ -0,0 +1,5 @@
+JitsiMeetReactNative_kotlinVersion=1.7.0
+JitsiMeetReactNative_minSdkVersion=21
+JitsiMeetReactNative_targetSdkVersion=31
+JitsiMeetReactNative_compileSdkVersion=31
+JitsiMeetReactNative_ndkversion=21.4.7075529

react-native-sdk/android/src/main/AndroidManifest.xml

@@ -0,0 +1,4 @@
+<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+          package="org.jitsi.meet.sdk">
+
+</manifest>

react-native-sdk/android/src/main/java/org/jitsi/meet/sdk/JitsiMeetReactNativePackage.java

@@ -0,0 +1,39 @@
+package org.jitsi.meet.sdk;
+
+import androidx.annotation.NonNull;
+
+import com.facebook.react.ReactPackage;
+import com.facebook.react.bridge.NativeModule;
+import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.uimanager.ViewManager;
+
+import java.util.ArrayList;
+import java.util.Arrays;
+import java.util.Collections;
+import java.util.List;
+
+public class JitsiMeetReactNativePackage implements ReactPackage {
+    @NonNull
+    @Override
+    public List<NativeModule> createNativeModules(@NonNull ReactApplicationContext reactContext) {
+        List<NativeModule> modules
+            = new ArrayList<>(Arrays.<NativeModule>asList(
+                new AndroidSettingsModule(reactContext),
+                new AppInfoModule(reactContext),
+                new AudioModeModule(reactContext),
+                new JavaScriptSandboxModule(reactContext),
+                new LocaleDetector(reactContext),
+                new LogBridgeModule(reactContext),
+                new PictureInPictureModule(reactContext),
+                new ProximityModule(reactContext),
+                new org.jitsi.meet.sdk.net.NAT64AddrInfoModule(reactContext)
+                ));
+        return modules;
+    }
+
+    @NonNull
+    @Override
+    public List<ViewManager> createViewManagers(@NonNull ReactApplicationContext reactContext) {
+        return Collections.emptyList();
+    }
+}

react-native-sdk/components/JitsiMeet.tsx

@@ -0,0 +1,99 @@
+/* eslint-disable lines-around-comment,  no-undef, no-unused-vars  */
+
+import 'react-native-gesture-handler';
+// Apply all necessary polyfills as early as possible
+// to make sure anything imported henceforth sees them.
+import 'react-native-get-random-values';
+import '../react/features/mobile/polyfills';
+
+// @ts-ignore
+import React, { forwardRef, useEffect, useImperativeHandle, useRef, useState } from 'react';
+import { View } from 'react-native';
+
+import { convertPropsToURL } from '../functions';
+import { appNavigate } from '../react/features/app/actions.native';
+import { App } from '../react/features/app/components/App.native';
+import { setAudioMuted, setVideoMuted } from '../react/features/base/media/actions';
+// @ts-ignore
+import JitsiThemePaperProvider from '../react/features/base/ui/components/JitsiThemeProvider';
+
+
+interface IAppProps {
+    flags: [];
+    meetingOptions: {
+        domain: string;
+        roomName: string;
+        onReadyToClose?: Function;
+        onConferenceJoined?: Function;
+        onConferenceWillJoin?: Function;
+        onConferenceLeft?: Function;
+        onParticipantJoined?: Function;
+        settings?: {
+            startWithAudioMuted?: boolean;
+            startAudioOnly?: boolean;
+            startWithVideoMuted?: boolean;
+        }
+    };
+    style?: Object;
+}
+
+/**
+ * Main React Native SDK component that displays a Jitsi Meet conference and gets all required params as props
+ */
+const JitsiMeet = forwardRef(({ flags, meetingOptions, style }: IAppProps, ref) => {
+    const [ appProps, setAppProps ] = useState({});
+    const app = useRef(null);
+
+    // eslint-disable-next-line arrow-body-style
+    useImperativeHandle(ref, () => ({
+        close: () => {
+            const dispatch = app.current.state.store.dispatch;
+
+            dispatch(appNavigate(undefined));
+        },
+        setAudioMuted: muted => {
+            const dispatch = app.current.state.store.dispatch;
+
+            dispatch(setAudioMuted(muted));
+        },
+        setVideoMuted: muted => {
+            const dispatch = app.current.state.store.dispatch;
+
+            dispatch(setVideoMuted(muted));
+        }
+    }));
+
+    useEffect(
+        () => {
+            const url = convertPropsToURL(meetingOptions.domain, meetingOptions.roomName);
+
+            setAppProps({
+                'url': {
+                    url,
+                    config: meetingOptions.settings
+                },
+                'rnSdkHandlers': {
+                    onReadyToClose: meetingOptions.onReadyToClose,
+                    onConferenceJoined: meetingOptions.onConferenceJoined,
+                    onConferenceWillJoin: meetingOptions.onConferenceWillJoin,
+                    onConferenceLeft: meetingOptions.onConferenceLeft,
+                    onParticipantJoined: meetingOptions.onParticipantJoined
+                },
+                'flags': { ...flags }
+            });
+        }, []
+    );
+
+    return (
+        <View style = { style }>
+            <JitsiThemePaperProvider>
+                {/* @ts-ignore */}
+                <App
+                    { ...appProps }
+                    ref = { app } />
+            </JitsiThemePaperProvider>
+        </View>
+    );
+});
+
+export default JitsiMeet;

react-native-sdk/constants.ts

@@ -0,0 +1,7 @@
+
+module.exports = {
+    androidSourcePath: '../android/sdk/src/main/java/org/jitsi/meet/sdk',
+    androidTargetPath: './android/src/main/java/org/jitsi/meet/sdk',
+    iosSrcPath: '../ios/sdk/src',
+    iosDestPath: './ios/src'
+};

react-native-sdk/functions.ts

@@ -0,0 +1,8 @@
+/**
+ * Converts the meetingOptions domain and roomName to a URL that can be passed to the App component.
+ * @param {*} domain domain address from props.
+ * @param {*} roomName room name from props.
+ */
+export function convertPropsToURL(domain, roomName) {
+    return `${domain}/${roomName}`;
+}

react-native-sdk/jitsi-meet-react-native.podspec

@@ -0,0 +1,26 @@
+require 'json'
+
+package = JSON.parse(File.read(File.join(__dir__, 'package.json')))
+
+Pod::Spec.new do |s|
+  s.name           = package['name']
+  s.version        = package['version']
+  s.summary        = package['description']
+  s.description    = package['description']
+  s.license        = package['license']
+  s.author         = package['author']
+  s.homepage       = package['homepage']
+  s.source         = { :git => package['repository']['url'], :tag => s.version }
+
+  s.requires_arc   = true
+  s.platform       = :ios, '12.4'
+
+  s.preserve_paths = 'ios/**/*'
+  s.source_files   =  'ios/**/*.{h,m,swift}'
+
+
+  s.dependency 'React-Core'
+  s.dependency 'ObjectiveDropboxOfficial', '6.2.3'
+  s.dependency 'JitsiWebRTC', '~> 111.0.0'
+
+end

react-native-sdk/package.json

@@ -0,0 +1,107 @@
+{
+    "name": "@jitsi/react-native-sdk",
+    "version": "0.1.0",
+    "description": "React Native SDK for Jitsi Meet.",
+    "main": "index.js",
+    "license": "Apache-2.0",
+    "author": "",
+    "homepage": "https://jitsi.org",
+    "repository": {
+        "type": "git",
+        "url": "git://github.com/jitsi/jitsi-meet.git"
+    },
+    "dependencies": {
+        "@amplitude/react-native": "2.7.0",
+        "@giphy/react-components": "6.8.1",
+        "@giphy/react-native-sdk": "2.3.0",
+        "@hapi/bourne": "2.0.0",
+        "@jitsi/js-utils": "2.0.5",
+        "@jitsi/logger": "2.0.0",
+        "@jitsi/rtcstats": "9.5.1",
+        "@matrix-org/olm": "https://gitlab.matrix.org/api/v4/projects/27/packages/npm/@matrix-org/olm/-/@matrix-org/olm-3.2.3.tgz",
+        "@react-navigation/bottom-tabs": "6.5.3",
+        "@react-navigation/elements": "1.3.13",
+        "@react-navigation/material-top-tabs": "6.5.2",
+        "@react-navigation/native": "6.1.2",
+        "@react-navigation/stack": "6.3.11",
+        "@xmldom/xmldom": "0.8.7",
+        "base64-js": "1.3.1",
+        "grapheme-splitter": "1.0.4",
+        "i18n-iso-countries": "6.8.0",
+        "i18next": "17.0.6",
+        "i18next-browser-languagedetector": "3.0.1",
+        "i18next-xhr-backend": "3.0.0",
+        "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/v1643.0.0+0748d89a/lib-jitsi-meet.tgz",
+        "lodash": "4.17.21",
+        "moment": "2.29.4",
+        "moment-duration-format": "2.2.2",
+        "optional-require": "1.0.3",
+        "promise.allsettled": "1.0.4",
+        "punycode": "2.1.1",
+        "react-emoji-render": "1.2.4",
+        "react-i18next": "10.11.4",
+        "react-linkify": "1.0.0-alpha",
+        "react-redux": "7.1.0",
+        "react-window": "1.8.6",
+        "react-youtube": "10.1.0",
+        "redux": "4.0.4",
+        "redux-thunk": "2.4.1",
+        "unorm": "1.6.0",
+        "util": "0.12.1",
+        "uuid": "8.3.2",
+        "zxcvbn": "4.4.2"
+    },
+    "peerDependencies": {
+        "@react-native-async-storage/async-storage": "1.17.3",
+        "@react-native-community/clipboard": "1.5.1",
+        "@react-native-community/netinfo": "7.1.7",
+        "@react-native-community/slider": "4.1.12",
+        "@react-native-google-signin/google-signin": "7.0.4",
+        "@react-native-masked-view/masked-view": "0.2.6",
+        "react-native": "*",
+        "react": "*",
+        "react-dom": "*",
+        "react-native-background-timer": "2.4.1",
+        "react-native-calendar-events": "2.2.0",
+        "react-native-callstats": "3.73.7",
+        "react-native-collapsible": "1.6.0",
+        "react-native-default-preference": "1.4.4",
+        "react-native-device-info": "8.4.8",
+        "react-native-dialog": "https://github.com/jitsi/react-native-dialog/releases/download/v9.2.2-jitsi.1/react-native-dialog-9.2.2.tgz",
+        "react-native-get-random-values": "1.7.2",
+        "react-native-immersive": "2.0.0",
+        "react-native-keep-awake": "4.0.0",
+        "react-native-pager-view": "5.4.9",
+        "react-native-paper": "4.11.1",
+        "react-native-performance": "2.1.0",
+        "react-native-orientation-locker": "1.5.0",
+        "react-native-sound": "0.11.1",
+        "react-native-splash-screen": "3.3.0",
+        "react-native-svg": "12.4.3",
+        "react-native-svg-transformer": "1.0.0",
+        "react-native-tab-view": "3.1.1",
+        "react-native-url-polyfill": "1.3.0",
+        "react-native-video": "https://git@github.com/react-native-video/react-native-video#7c48ae7c8544b2b537fb60194e9620b9fcceae52",
+        "react-native-watch-connectivity": "1.0.11",
+        "react-native-webrtc": "111.0.0",
+        "react-native-webview": "11.15.1",
+        "react-native-youtube-iframe": "2.2.1"
+    },
+    "overrides": {
+        "strophe.js@1.5.0": {
+            "@xmldom/xmldom": "0.8.7"
+        }
+    },
+    "scripts": {
+        "prepare": "node prepare_sdk.js"
+    },
+    "bugs": {
+        "url": "https://github.com/jitsi/jitsi-meet/issues"
+    },
+    "keywords": [
+        "react-native"
+    ]
+}

react-native-sdk/prepare_sdk.js

@@ -0,0 +1,214 @@
+const fs = require('fs');
+const path = require('path');
+
+const packageJSON = require('../package.json');
+
+const {
+    androidSourcePath,
+    androidTargetPath,
+    iosDestPath,
+    iosSrcPath
+} = require('./constants.ts');
+const SDKPackageJSON = require('./package.json');
+
+
+/**
+ * Copies a specified file in a way that recursive copy is possible.
+ */
+function copyFileSync(source, target) {
+
+    let targetFile = target;
+
+    // If target is a directory, a new file with the same name will be created
+    if (fs.existsSync(target)) {
+        if (fs.lstatSync(target).isDirectory()) {
+            targetFile = path.join(target, path.basename(source));
+        }
+    }
+
+    fs.copyFileSync(source, targetFile);
+}
+
+
+/**
+ * Copies a specified directory recursively.
+ */
+function copyFolderRecursiveSync(source, target) {
+    let files = [];
+    const targetFolder = path.join(target, path.basename(source));
+
+    if (!fs.existsSync(targetFolder)) {
+        fs.mkdirSync(targetFolder, { recursive: true });
+    }
+
+    if (fs.lstatSync(source).isDirectory()) {
+        files = fs.readdirSync(source);
+        files.forEach(file => {
+            const curSource = path.join(source, file);
+
+            if (fs.lstatSync(curSource).isDirectory()) {
+                copyFolderRecursiveSync(curSource, targetFolder);
+            } else {
+                copyFileSync(curSource, targetFolder);
+            }
+        });
+    }
+}
+
+/**
+ * Merges the dependency versions from the root package.json with the dependencies of the SDK package.json.
+ */
+function mergeDependencyVersions() {
+    for (const key in SDKPackageJSON.dependencies) {
+        if (SDKPackageJSON.dependencies.hasOwnProperty(key)) {
+            SDKPackageJSON.dependencies[key] = packageJSON.dependencies[key] || packageJSON.devDependencies[key];
+        }
+    }
+    const data = JSON.stringify(SDKPackageJSON, null, 4);
+
+    fs.writeFileSync('package.json', data);
+}
+
+// TODO: put this in a seperate step
+mergeDependencyVersions();
+
+copyFolderRecursiveSync(
+    '../images',
+    '.'
+);
+copyFolderRecursiveSync(
+    '../sounds',
+    '.'
+);
+copyFolderRecursiveSync(
+    '../lang',
+    '.'
+);
+copyFolderRecursiveSync(
+    '../modules',
+    '.'
+);
+copyFolderRecursiveSync(
+    '../react',
+    '.'
+);
+copyFolderRecursiveSync(
+    '../service',
+    '.'
+);
+copyFolderRecursiveSync(
+    '../ios/sdk/sdk.xcodeproj',
+    './ios'
+);
+copyFolderRecursiveSync(
+    `${iosSrcPath}/callkit`,
+    iosDestPath
+);
+copyFolderRecursiveSync(
+    `${iosSrcPath}/dropbox`,
+    iosDestPath
+);
+copyFolderRecursiveSync(
+    '../ios/sdk/src/picture-in-picture',
+    iosDestPath
+);
+fs.copyFileSync(
+    `${iosSrcPath}/AppInfo.m`,
+    `${iosDestPath}/AppInfo.m`
+);
+fs.copyFileSync(
+    `${iosSrcPath}/AudioMode.m`,
+    `${iosDestPath}/AudioMode.m`
+);
+fs.copyFileSync(
+    `${iosSrcPath}/InfoPlistUtil.m`,
+    `${iosDestPath}/InfoPlistUtil.m`
+);
+fs.copyFileSync(
+    `${iosSrcPath}/InfoPlistUtil.h`,
+    `${iosDestPath}/InfoPlistUtil.h`
+);
+fs.copyFileSync(
+    `${iosSrcPath}/JavaScriptSandbox.m`,
+    `${iosDestPath}/JavaScriptSandbox.m`
+);
+fs.copyFileSync(
+    `${iosSrcPath}/JitsiAudioSession.m`,
+    `${iosDestPath}/JitsiAudioSession.m`
+);
+fs.copyFileSync(
+    `${iosSrcPath}/JitsiAudioSession.h`,
+    `${iosDestPath}/JitsiAudioSession.h`
+);
+fs.copyFileSync(
+    `${iosSrcPath}/JitsiAudioSession+Private.h`,
+    `${iosDestPath}/JitsiAudioSession+Private.h`
+);
+fs.copyFileSync(
+    `${iosSrcPath}/LocaleDetector.m`,
+    `${iosDestPath}/LocaleDetector.m`
+);
+fs.copyFileSync(
+    `${iosSrcPath}/POSIX.m`,
+    `${iosDestPath}/POSIX.m`
+);
+fs.copyFileSync(
+    `${iosSrcPath}/Proximity.m`,
+    `${iosDestPath}/Proximity.m`
+);
+copyFolderRecursiveSync(
+    `${androidSourcePath}/log`,
+     `${androidTargetPath}/log`
+);
+copyFolderRecursiveSync(
+    `${androidSourcePath}/net`,
+    `${androidTargetPath}/log`
+);
+fs.copyFileSync(
+    `${androidSourcePath}/AndroidSettingsModule.java`,
+    `${androidTargetPath}/AndroidSettingsModule.java`
+);
+fs.copyFileSync(
+    `${androidSourcePath}/AppInfoModule.java`,
+    `${androidTargetPath}/AppInfoModule.java`
+);
+fs.copyFileSync(
+    `${androidSourcePath}/AudioDeviceHandlerConnectionService.java`,
+    `${androidTargetPath}/AudioDeviceHandlerConnectionService.java`
+);
+fs.copyFileSync(
+    `${androidSourcePath}/AudioDeviceHandlerGeneric.java`,
+    `${androidTargetPath}/AudioDeviceHandlerGeneric.java`
+);
+fs.copyFileSync(
+    `${androidSourcePath}/AudioModeModule.java`,
+    `${androidTargetPath}/AudioModeModule.java`
+);
+fs.copyFileSync(
+    `${androidSourcePath}/ConnectionService.java`,
+    `${androidTargetPath}/ConnectionService.java`
+);
+fs.copyFileSync(
+    `${androidSourcePath}/JavaScriptSandboxModule.java`,
+    `${androidTargetPath}/JavaScriptSandboxModule.java`
+);
+fs.copyFileSync(
+    `${androidSourcePath}/LocaleDetector.java`,
+    `${androidTargetPath}/LocaleDetector.java`
+);
+fs.copyFileSync(
+    `${androidSourcePath}/LogBridgeModule.java`,
+    `${androidTargetPath}/LogBridgeModule.java`
+);
+fs.copyFileSync(
+    `${androidSourcePath}/PictureInPictureModule.java`,
+    `${androidTargetPath}/PictureInPictureModule.java`
+);
+fs.copyFileSync(
+    `${androidSourcePath}/ProximityModule.java`,
+    `${androidTargetPath}/ProximityModule.java`
+);
+fs.copyFileSync(
+    `${androidSourcePath}/RNConnectionService.java`,
+    `${androidTargetPath}/RNConnectionService.java`
+);

react/features/app/middlewares.native.ts

@@ -10,6 +10,7 @@ import '../mobile/navigation/middleware';
 import '../mobile/permissions/middleware';
 import '../mobile/proximity/middleware';
 import '../mobile/wake-lock/middleware';
+import '../mobile/react-native-sdk/middleware';
 import '../mobile/watchos/middleware';
 import '../share-room/middleware';
 import '../shared-video/middleware';

react/features/authentication/components/web/LoginDialog.tsx

@@ -268,6 +268,7 @@ class LoginDialog extends Component<IProps, IState> {
                 titleKey = { t('dialog.authenticationRequired') }>
                 <Input
                     autoFocus = { true }
+                    id = 'login-dialog-username'
                     label = { t('dialog.user') }
                     name = 'username'
                     onChange = { this._onUsernameChange }
@@ -277,6 +278,7 @@ class LoginDialog extends Component<IProps, IState> {
                 <br />
                 <Input
                     className = 'dialog-bottom-margin'
+                    id = 'login-dialog-password'
                     label = { t('dialog.userPassword') }
                     name = 'password'
                     onChange = { this._onPasswordChange }

react/features/av-moderation/middleware.ts

@@ -48,6 +48,7 @@ import {
     ASKED_TO_UNMUTE_NOTIFICATION_ID,
     ASKED_TO_UNMUTE_SOUND_ID,
     AUDIO_MODERATION_NOTIFICATION_ID,
+    CS_MODERATION_NOTIFICATION_ID,
     VIDEO_MODERATION_NOTIFICATION_ID
 } from './constants';
 import {
@@ -88,6 +89,11 @@ MiddlewareRegistry.register(({ dispatch, getState }) => next => action => {
             uid = VIDEO_MODERATION_NOTIFICATION_ID;
             break;
         }
+        case MEDIA_TYPE.SCREENSHARE: {
+            titleKey = 'notify.moderationInEffectCSTitle';
+            uid = CS_MODERATION_NOTIFICATION_ID;
+            break;
+        }
         }
 
         dispatch(showNotification({

react/features/base/buttons/CopyButton.web.tsx

@@ -57,6 +57,14 @@ let mounted: boolean;
 
 interface IProps {
 
+    /**
+     * The invisible text for screen readers.
+     *
+     * Intended to give the same info as `displayedText`, but can be customized to give more necessary context.
+     * If not given, `displayedText` will be used.
+     */
+    accessibilityText?: string;
+
     /**
      * Css class to apply on container.
      */
@@ -93,7 +101,15 @@ interface IProps {
  *
  * @returns {React$Element<any>}
  */
-function CopyButton({ className = '', displayedText, textToCopy, textOnHover, textOnCopySuccess, id }: IProps) {
+function CopyButton({
+    accessibilityText,
+    className = '',
+    displayedText,
+    textToCopy,
+    textOnHover,
+    textOnCopySuccess,
+    id
+}: IProps) {
     const { classes, cx } = useStyles();
     const [ isClicked, setIsClicked ] = useState(false);
     const [ isHovered, setIsHovered ] = useState(false);
@@ -196,20 +212,33 @@ function CopyButton({ className = '', displayedText, textToCopy, textOnHover, te
     }
 
     return (
-        <div
-            aria-label = { textOnHover }
-            className = { cx(className, classes.copyButton, isClicked ? ' clicked' : '') }
-            id = { id }
-            onBlur = { onHoverOut }
-            onClick = { onClick }
-            onFocus = { onHoverIn }
-            onKeyPress = { onKeyPress }
-            onMouseOut = { onHoverOut }
-            onMouseOver = { onHoverIn }
-            role = 'button'
-            tabIndex = { 0 }>
-            { renderContent() }
-        </div>
+        <>
+            <div
+                aria-describedby = { displayedText === textOnHover
+                    ? undefined
+                    : `${id}-sr-text` }
+                aria-label = { displayedText === textOnHover ? accessibilityText : textOnHover }
+                className = { cx(className, classes.copyButton, isClicked ? ' clicked' : '') }
+                id = { id }
+                onBlur = { onHoverOut }
+                onClick = { onClick }
+                onFocus = { onHoverIn }
+                onKeyPress = { onKeyPress }
+                onMouseOut = { onHoverOut }
+                onMouseOver = { onHoverIn }
+                role = 'button'
+                tabIndex = { 0 }>
+                { renderContent() }
+            </div>
+
+            { displayedText !== textOnHover && (
+                <span
+                    className = 'sr-only'
+                    id = { `${id}-sr-text` }>
+                    { accessibilityText }
+                </span>
+            )}
+        </>
     );
 }
 

react/features/base/conference/actionTypes.ts

@@ -295,3 +295,13 @@ export const SET_ROOM = 'SET_ROOM';
  * }
  */
 export const SET_START_MUTED_POLICY = 'SET_START_MUTED_POLICY';
+
+/**
+ * The type of (redux) action which updates the assumed bandwidth bps.
+ * 
+ * {
+ *      type: SET_ASSUMED_BANDWIDTH_BPS,
+ *      assumedBandwidthBps: number
+ * }
+ */
+export const SET_ASSUMED_BANDWIDTH_BPS = 'SET_ASSUMED_BANDWIDTH_BPS';

react/features/base/conference/actions.ts

@@ -51,6 +51,7 @@ import {
     NON_PARTICIPANT_MESSAGE_RECEIVED,
     P2P_STATUS_CHANGED,
     SEND_TONES,
+    SET_ASSUMED_BANDWIDTH_BPS,
     SET_FOLLOW_ME,
     SET_OBFUSCATED_ROOM,
     SET_PASSWORD,
@@ -956,3 +957,20 @@ export function setLocalSubject(localSubject: string) {
         localSubject
     };
 }
+
+
+/**
+ * Sets the assumed bandwidth bps.
+ *
+ * @param {number} assumedBandwidthBps - The new assumed bandwidth.
+ * @returns {{
+*     type: SET_ASSUMED_BANDWIDTH_BPS,
+*     assumedBandwidthBps: number
+* }}
+*/
+export function setAssumedBandwidthBps(assumedBandwidthBps: number) {
+    return {
+        type: SET_ASSUMED_BANDWIDTH_BPS,
+        assumedBandwidthBps
+    };
+}

react/features/base/conference/functions.ts

@@ -388,6 +388,24 @@ export function getCurrentConference(stateful: IStateful): IJitsiConference | un
     return joining || passwordRequired || membersOnly;
 }
 
+/**
+ * Returns whether the current conference is a P2P connection.
+ * Will return `false` if it's a JVB one, and `null` if there is no conference.
+ *
+ * @param {IStateful} stateful - The redux store, state, or
+ * {@code getState} function.
+ * @returns {boolean|null}
+ */
+export function isP2pActive(stateful: IStateful): boolean | null {
+    const conference = getCurrentConference(toState(stateful));
+
+    if (!conference) {
+        return null;
+    }
+
+    return conference.isP2PActive();
+}
+
 /**
  * Returns the stored room name.
  *

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

@@ -1,5 +1,7 @@
 import { AnyAction } from 'redux';
 
+// @ts-ignore
+import { MIN_ASSUMED_BANDWIDTH_BPS } from '../../../../modules/API/constants';
 import {
     ACTION_PINNED,
     ACTION_UNPINNED,
@@ -37,7 +39,9 @@ import {
     CONFERENCE_JOINED,
     CONFERENCE_SUBJECT_CHANGED,
     CONFERENCE_WILL_LEAVE,
+    P2P_STATUS_CHANGED,
     SEND_TONES,
+    SET_ASSUMED_BANDWIDTH_BPS,
     SET_PENDING_SUBJECT_CHANGE,
     SET_ROOM
 } from './actionTypes';
@@ -96,6 +100,9 @@ MiddlewareRegistry.register(store => next => action => {
         _conferenceWillLeave(store);
         break;
 
+    case P2P_STATUS_CHANGED:
+        return _p2pStatusChanged(next, action);
+
     case PARTICIPANT_UPDATED:
         return _updateLocalParticipantInConference(store, next, action);
 
@@ -111,6 +118,9 @@ MiddlewareRegistry.register(store => next => action => {
     case TRACK_ADDED:
     case TRACK_REMOVED:
         return _trackAddedOrRemoved(store, next, action);
+
+    case SET_ASSUMED_BANDWIDTH_BPS:
+        return _setAssumedBandwidthBps(store, next, action);
     }
 
     return next(action);
@@ -665,3 +675,54 @@ function _updateLocalParticipantInConference({ dispatch, getState }: IStore, nex
 
     return result;
 }
+
+/**
+ * Notifies the external API that the action {@code P2P_STATUS_CHANGED}
+ * is being dispatched within a specific redux store.
+ *
+ * @param {Dispatch} next - The redux {@code dispatch} function to dispatch the
+ * specified {@code action} to the specified {@code store}.
+ * @param {Action} action - The redux action {@code P2P_STATUS_CHANGED}
+ * which is being dispatched in the specified {@code store}.
+ * @private
+ * @returns {Object} The value returned by {@code next(action)}.
+ */
+function _p2pStatusChanged(next: Function, action: AnyAction) {
+    const result = next(action);
+
+    if (typeof APP !== 'undefined') {
+        APP.API.notifyP2pStatusChanged(action.p2p);
+    }
+
+    return result;
+}
+
+/**
+ * Notifies the feature base/conference that the action
+ * {@code SET_ASSUMED_BANDWIDTH_BPS} is being dispatched within a specific
+ *  redux store.
+ *
+ * @param {Store} store - The redux store in which the specified {@code action}
+ * is being dispatched.
+ * @param {Dispatch} next - The redux {@code dispatch} function to dispatch the
+ * specified {@code action} to the specified {@code store}.
+ * @param {Action} action - The redux action {@code SET_ASSUMED_BANDWIDTH_BPS}
+ * which is being dispatched in the specified {@code store}.
+ * @private
+ * @returns {Object} The value returned by {@code next(action)}.
+ */
+function _setAssumedBandwidthBps({ getState }: IStore, next: Function, action: AnyAction) {
+    const state = getState();
+    const conference = getCurrentConference(state);
+    const payload = Number(action.assumedBandwidthBps);
+
+    const assumedBandwidthBps = isNaN(payload) || payload < MIN_ASSUMED_BANDWIDTH_BPS
+        ? MIN_ASSUMED_BANDWIDTH_BPS
+        : payload;
+
+    if (conference) {
+        conference.setAssumedBandwidthBps(assumedBandwidthBps);
+    }
+
+    return next(action);
+}

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

@@ -5,9 +5,82 @@ import {
 import { JitsiConferenceErrors } from '../lib-jitsi-meet';
 import MiddlewareRegistry from '../redux/MiddlewareRegistry';
 
-import { CONFERENCE_FAILED, CONFERENCE_JOINED, CONFERENCE_JOIN_IN_PROGRESS } from './actionTypes';
+import {
+    CONFERENCE_FAILED,
+    CONFERENCE_JOINED,
+    CONFERENCE_JOIN_IN_PROGRESS,
+    CONFERENCE_LEFT, KICKED_OUT
+} from './actionTypes';
+import logger from './logger';
 import './middleware.any';
 
+let screenLock: WakeLockSentinel | undefined;
+
+/**
+ * Releases the screen lock.
+ *
+ * @returns {Promise}
+ */
+async function releaseScreenLock() {
+    if (screenLock) {
+        if (!screenLock.released) {
+            logger.debug('Releasing wake lock.');
+
+            try {
+                await screenLock.release();
+            } catch (e) {
+                logger.error(`Error while releasing the screen wake lock: ${e}.`);
+            }
+        }
+        screenLock.removeEventListener('release', onWakeLockReleased);
+        screenLock = undefined;
+        document.removeEventListener('visibilitychange', handleVisibilityChange);
+    }
+}
+
+/**
+ * Requests a new screen wake lock.
+ *
+ * @returns {void}
+ */
+function requestWakeLock() {
+    if (navigator.wakeLock?.request) {
+        navigator.wakeLock.request('screen')
+            .then(lock => {
+                screenLock = lock;
+                screenLock.addEventListener('release', onWakeLockReleased);
+                document.addEventListener('visibilitychange', handleVisibilityChange);
+                logger.debug('Wake lock created.');
+            })
+            .catch(e => {
+                logger.error(`Error while requesting wake lock for screen: ${e}`);
+            });
+    }
+}
+
+/**
+ * Page visibility change handler that re-requests the wake lock if it has been released by the OS.
+ *
+ * @returns {void}
+ */
+async function handleVisibilityChange() {
+    if (screenLock?.released && document.visibilityState === 'visible') {
+        // The screen lock have been released by the OS because of document visibility change. Lets try to request the
+        // wake lock again.
+        await releaseScreenLock();
+        requestWakeLock();
+    }
+}
+
+/**
+ * Wake lock released handler.
+ *
+ * @returns {void}
+ */
+function onWakeLockReleased() {
+    logger.debug('Wake lock released');
+}
+
 MiddlewareRegistry.register(store => next => action => {
     const { dispatch, getState } = store;
     const { enableForcedReload } = getState()['features/base/config'];
@@ -23,6 +96,8 @@ MiddlewareRegistry.register(store => next => action => {
             dispatch(setSkipPrejoinOnReload(false));
         }
 
+        requestWakeLock();
+
         break;
     }
     case CONFERENCE_FAILED: {
@@ -32,8 +107,15 @@ MiddlewareRegistry.register(store => next => action => {
             dispatch(setSkipPrejoinOnReload(true));
         }
 
+        releaseScreenLock();
+
         break;
     }
+    case CONFERENCE_LEFT:
+    case KICKED_OUT:
+        releaseScreenLock();
+
+        break;
     }
 
     return next(action);

react/features/base/conference/reducer.ts

@@ -20,6 +20,7 @@ import {
     CONFERENCE_WILL_LEAVE,
     LOCK_STATE_CHANGED,
     P2P_STATUS_CHANGED,
+    SET_ASSUMED_BANDWIDTH_BPS,
     SET_FOLLOW_ME,
     SET_OBFUSCATED_ROOM,
     SET_PASSWORD,
@@ -31,6 +32,7 @@ import {
 import { isRoomValid } from './functions';
 
 const DEFAULT_STATE = {
+    assumedBandwidthBps: undefined,
     conference: undefined,
     e2eeSupported: undefined,
     joining: undefined,
@@ -75,6 +77,7 @@ export interface IJitsiConference {
     isE2EESupported: Function;
     isEndConferenceSupported: Function;
     isLobbySupported: Function;
+    isP2PActive: Function;
     isSIPCallingSupported: Function;
     isStartAudioMuted: Function;
     isStartVideoMuted: Function;
@@ -123,6 +126,7 @@ export interface IJitsiConference {
 }
 
 export interface IConferenceState {
+    assumedBandwidthBps?: number;
     authEnabled?: boolean;
     authLogin?: string;
     authRequired?: IJitsiConference;
@@ -196,6 +200,13 @@ ReducerRegistry.register<IConferenceState>('features/base/conference',
         case P2P_STATUS_CHANGED:
             return _p2pStatusChanged(state, action);
 
+        case SET_ASSUMED_BANDWIDTH_BPS: {
+            const assumedBandwidthBps = action.assumedBandwidthBps >= 0
+                ? Number(action.assumedBandwidthBps)
+                : undefined;
+
+            return set(state, 'assumedBandwidthBps', assumedBandwidthBps);
+        }
         case SET_FOLLOW_ME:
             return set(state, 'followMeEnabled', action.enabled);
 

react/features/base/config/configType.ts

@@ -293,12 +293,6 @@ export interface IConfig {
     };
     dynamicBrandingUrl?: string;
     e2ee?: {
-        e2eeLabels?: {
-            description?: string;
-            label?: string;
-            tooltip?: string;
-            warning?: string;
-        };
         externallyManagedKey?: boolean;
         labels?: {
             description?: string;
@@ -518,6 +512,7 @@ export interface IConfig {
     stereo?: boolean;
     subject?: string;
     testing?: {
+        assumeBandwidth?: boolean;
         callStatsThreshold?: number;
         disableE2EE?: boolean;
         mobileXmppWsThreshold?: number;

react/features/base/config/reducer.ts

@@ -436,7 +436,7 @@ function _translateLegacyConfig(oldValue: IConfig) {
     newValue.e2ee = newValue.e2ee || {};
 
     if (oldValue.e2eeLabels) {
-        newValue.e2ee.e2eeLabels = oldValue.e2eeLabels;
+        newValue.e2ee.labels = oldValue.e2eeLabels;
     }
 
     newValue.defaultLocalDisplayName

react/features/base/devices/functions.web.ts

@@ -2,6 +2,7 @@ import { IReduxState, IStore } from '../../app/types';
 import JitsiMeetJS from '../lib-jitsi-meet';
 import { updateSettings } from '../settings/actions';
 import { ISettingsState } from '../settings/reducer';
+import { setNewAudioOutputDevice } from '../sounds/functions.web';
 import { parseURLParams } from '../util/parseURLParams';
 
 import logger from './logger';
@@ -265,6 +266,7 @@ export function setAudioOutputDeviceId(
 
     return JitsiMeetJS.mediaDevices.setAudioOutputDevice(newId)
         .then(() => {
+            dispatch(setNewAudioOutputDevice(newId));
             const newSettings: Partial<ISettingsState> = {
                 audioOutputDeviceId: newId,
                 userSelectedAudioOutputDeviceId: undefined,

react/features/base/icons/components/Icon.tsx

@@ -7,6 +7,16 @@ import { IIconProps } from './types';
 
 interface IProps extends IIconProps {
 
+    /**
+     * Optional label for screen reader users.
+     *
+     * If set, this is will add a `aria-label` attribute on the svg element,
+     * contrary to the aria* props which set attributes on the container element.
+     *
+     * Use this if the icon conveys meaning and is not clickable.
+     */
+    alt?: string;
+
     /**
      * The id of the element this button icon controls.
      */
@@ -114,6 +124,7 @@ export const DEFAULT_SIZE = navigator.product === 'ReactNative' ? 36 : 22;
  */
 export default function Icon(props: IProps) {
     const {
+        alt,
         className,
         color,
         id,
@@ -156,6 +167,13 @@ export default function Icon(props: IProps) {
 
     const jitsiIconClassName = calculatedColor ? 'jitsi-icon' : 'jitsi-icon jitsi-icon-default';
 
+    const iconProps = alt ? {
+        'aria-label': alt,
+        role: 'img'
+    } : {
+        'aria-hidden': true
+    };
+
     return (
         <Container
             { ...rest }
@@ -176,6 +194,7 @@ export default function Icon(props: IProps) {
             style = { restStyle }
             tabIndex = { tabIndex }>
             <IconComponent
+                { ...iconProps }
                 fill = { calculatedColor }
                 height = { calculatedSize }
                 id = { id }

react/features/base/label/components/web/Label.tsx

@@ -7,6 +7,14 @@ import { COLORS } from '../../constants';
 
 interface IProps {
 
+    /**
+     * Optional label for screen reader users, invisible in the UI.
+     *
+     * Note: if the text prop is set, a screen reader will first announce
+     * the accessibilityText, then the text.
+     */
+    accessibilityText?: string;
+
     /**
      * Own CSS class name.
      */
@@ -82,6 +90,7 @@ const useStyles = makeStyles()(theme => {
 });
 
 const Label = ({
+    accessibilityText,
     className,
     color,
     icon,
@@ -117,6 +126,7 @@ const Label = ({
                 color = { iconColor }
                 size = '16'
                 src = { icon } />}
+            {accessibilityText && <span className = 'sr-only'>{accessibilityText}</span>}
             {text && <span className = { icon && classes.withIcon }>{text}</span>}
         </div>
     );

react/features/base/lastn/middleware.ts

@@ -3,7 +3,10 @@ import debounce from 'lodash/debounce';
 import { IStore } from '../../app/types';
 import { SET_FILMSTRIP_ENABLED } from '../../filmstrip/actionTypes';
 import { APP_STATE_CHANGED } from '../../mobile/background/actionTypes';
-import { SET_CAR_MODE } from '../../video-layout/actionTypes';
+import {
+    SET_CAR_MODE,
+    VIRTUAL_SCREENSHARE_REMOTE_PARTICIPANTS_UPDATED
+} from '../../video-layout/actionTypes';
 import { SET_AUDIO_ONLY } from '../audio-only/actionTypes';
 import { CONFERENCE_JOINED } from '../conference/actionTypes';
 import { getParticipantById } from '../participants/functions';
@@ -81,6 +84,7 @@ MiddlewareRegistry.register(store => next => action => {
     case SET_AUDIO_ONLY:
     case SET_CAR_MODE:
     case SET_FILMSTRIP_ENABLED:
+    case VIRTUAL_SCREENSHARE_REMOTE_PARTICIPANTS_UPDATED:
         _updateLastN(store);
         break;
     }

react/features/base/media/actionTypes.ts

@@ -1,4 +1,15 @@
 
+/**
+ * The type of (redux) action to store the gum pending state for unmute and initial track creation.
+ *
+ * {
+ *     type: GUM_PENDING,
+ *     mediaTypes: Array<MediaType>,
+ *     status: IGUMPendingState
+ * }
+ */
+export const GUM_PENDING = 'GUM_PENDING';
+
 /**
  * The type of (redux) action to adjust the availability of the local audio.
  *

react/features/base/media/actions.ts

@@ -4,6 +4,7 @@ import { shouldShowModeratedNotification } from '../../av-moderation/functions';
 import { isModerationNotificationDisplayed } from '../../notifications/functions';
 
 import {
+    GUM_PENDING,
     SET_AUDIO_AVAILABLE,
     SET_AUDIO_MUTED,
     SET_AUDIO_UNMUTE_PERMISSIONS,
@@ -17,9 +18,11 @@ import {
 } from './actionTypes';
 import {
     MEDIA_TYPE,
+    MediaType,
     SCREENSHARE_MUTISM_AUTHORITY,
     VIDEO_MUTISM_AUTHORITY
 } from './constants';
+import { IGUMPendingState } from './types';
 
 /**
  * Action to adjust the availability of the local audio.
@@ -237,3 +240,22 @@ export function toggleCameraFacingMode() {
         type: TOGGLE_CAMERA_FACING_MODE
     };
 }
+
+/**
+ * Sets the GUM pending status from unmute and initial track creation operation.
+ *
+ * @param {Array<MediaType>} mediaTypes - An array with the media types that GUM is called with.
+ * @param {IGUMPendingState} status - The GUM status.
+ * @returns {{
+ *     type: TOGGLE_CAMERA_FACING_MODE,
+ *     mediaTypes: Array<MediaType>,
+ *     status: IGUMPendingState
+ * }}
+ */
+export function gumPending(mediaTypes: Array<MediaType>, status: IGUMPendingState) {
+    return {
+        type: GUM_PENDING,
+        mediaTypes,
+        status
+    };
+}

react/features/base/media/components/native/VideoTransform.tsx

@@ -597,7 +597,8 @@ class VideoTransform extends Component<IProps, IState> {
                 this._onGesture('scale', scale);
             }
         } else if (gestureState.numberActiveTouches === 1
-                && isNaN(this.initialDistance ?? 0)
+                && (this.initialDistance === undefined
+                || isNaN(this.initialDistance))
                 && this._didMove(gestureState)) {
             // this is a move event
             const position = this._getTouchPosition(evt);

react/features/base/media/components/web/AudioTrack.tsx

@@ -152,7 +152,7 @@ class AudioTrack extends Component<IProps> {
             const currentMuted = this._ref.muted;
             const nextMuted = nextProps._muted;
 
-            if (typeof nextMuted === 'boolean' && currentMuted !== nextVolume) {
+            if (typeof nextMuted === 'boolean' && currentMuted !== nextMuted) {
                 this._ref.muted = nextMuted;
             }
         }

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

@@ -297,7 +297,7 @@ function _setRoom({ dispatch, getState }: IStore, next: Function, action: AnyAct
  * @private
  * @returns {void}
  */
-function _syncTrackMutedState({ getState }: IStore, track: ITrack) {
+function _syncTrackMutedState({ getState, dispatch }: IStore, track: ITrack) {
     const state = getState()['features/base/media'];
     const mediaType = track.mediaType;
     const muted = Boolean(state[mediaType].muted);
@@ -312,6 +312,6 @@ function _syncTrackMutedState({ getState }: IStore, track: ITrack) {
         logger.log(`Sync ${mediaType} track muted state to ${muted ? 'muted' : 'unmuted'}`);
 
         track.muted = muted;
-        setTrackMuted(track.jitsiTrack, muted, state);
+        setTrackMuted(track.jitsiTrack, muted, state, dispatch);
     }
 }

react/features/base/media/reducer.ts

@@ -5,6 +5,7 @@ import ReducerRegistry from '../redux/ReducerRegistry';
 import { TRACK_REMOVED } from '../tracks/actionTypes';
 
 import {
+    GUM_PENDING,
     SET_AUDIO_AVAILABLE,
     SET_AUDIO_MUTED,
     SET_AUDIO_UNMUTE_PERMISSIONS,
@@ -16,7 +17,8 @@ import {
     STORE_VIDEO_TRANSFORM,
     TOGGLE_CAMERA_FACING_MODE
 } from './actionTypes';
-import { CAMERA_FACING_MODE, SCREENSHARE_MUTISM_AUTHORITY } from './constants';
+import { CAMERA_FACING_MODE, MEDIA_TYPE, SCREENSHARE_MUTISM_AUTHORITY } from './constants';
+import { IGUMPendingState } from './types';
 
 /**
  * Media state object for local audio.
@@ -36,6 +38,7 @@ import { CAMERA_FACING_MODE, SCREENSHARE_MUTISM_AUTHORITY } from './constants';
  */
 export const _AUDIO_INITIAL_MEDIA_STATE = {
     available: true,
+    gumPending: IGUMPendingState.NONE,
     unmuteBlocked: false,
     muted: false
 };
@@ -57,6 +60,16 @@ function _audio(state: IAudioState = _AUDIO_INITIAL_MEDIA_STATE, action: AnyActi
             available: action.available
         };
 
+    case GUM_PENDING:
+        if (action.mediaTypes.includes(MEDIA_TYPE.AUDIO)) {
+            return {
+                ...state,
+                gumPending: action.status
+            };
+        }
+
+        return state;
+
     case SET_AUDIO_MUTED:
         return {
             ...state,
@@ -141,6 +154,7 @@ function _screenshare(state: IScreenshareState = _SCREENSHARE_INITIAL_MEDIA_STAT
  */
 export const _VIDEO_INITIAL_MEDIA_STATE = {
     available: true,
+    gumPending: IGUMPendingState.NONE,
     unmuteBlocked: false,
     facingMode: CAMERA_FACING_MODE.USER,
     muted: 0,
@@ -167,6 +181,16 @@ function _video(state: IVideoState = _VIDEO_INITIAL_MEDIA_STATE, action: any) {
     case CONFERENCE_LEFT:
         return _clearAllVideoTransforms(state);
 
+    case GUM_PENDING:
+        if (action.mediaTypes.includes(MEDIA_TYPE.VIDEO)) {
+            return {
+                ...state,
+                gumPending: action.status
+            };
+        }
+
+        return state;
+
     case SET_CAMERA_FACING_MODE:
         return {
             ...state,
@@ -218,6 +242,7 @@ function _video(state: IVideoState = _VIDEO_INITIAL_MEDIA_STATE, action: any) {
 
 interface IAudioState {
     available: boolean;
+    gumPending: IGUMPendingState;
     muted: boolean;
     unmuteBlocked: boolean;
 }
@@ -231,6 +256,7 @@ interface IScreenshareState {
 interface IVideoState {
     available: boolean;
     facingMode: string;
+    gumPending: IGUMPendingState;
     muted: number;
     transforms: Object;
     unmuteBlocked: boolean;

react/features/base/media/types.ts

@@ -0,0 +1,4 @@
+export enum IGUMPendingState {
+    PENDING_UNMUTE = 1,
+    NONE = 2
+}

react/features/base/participants/subscriber.ts

@@ -78,6 +78,10 @@ function _updateScreenshareParticipants(store: IStore): void {
         if (track.videoType === VIDEO_TYPE.DESKTOP && !track.jitsiTrack.isMuted()) {
             const sourceName: string = track.jitsiTrack.getSourceName();
 
+            // Ignore orphan tracks in ssrc-rewriting mode.
+            if (!sourceName && getSsrcRewritingFeatureFlag(state)) {
+                return acc;
+            }
             if (track.local) {
                 newLocalSceenshareSourceName = sourceName;
             } else if (getParticipantById(state, getVirtualScreenshareParticipantOwnerId(sourceName))) {

react/features/base/popover/components/Popover.web.tsx

@@ -1,5 +1,5 @@
 import React, { Component, ReactNode } from 'react';
-import ReactFocusLock from 'react-focus-lock';
+import { FocusOn } from 'react-focus-on';
 import { connect } from 'react-redux';
 
 import { IReduxState } from '../../../app/types';
@@ -40,6 +40,16 @@ interface IProps {
      */
     disablePopover?: boolean;
 
+    /**
+     * Whether we can reach the popover element via keyboard or not when trigger is 'hover' (true by default).
+     *
+     * Only works when trigger is set to 'hover'.
+     *
+     * There are some rare cases where we want to set this to false,
+     * when the popover content is not necessary for screen reader users, because accessible elsewhere.
+     */
+    focusable?: boolean;
+
     /**
      * The id of the dom element acting as the Popover label (matches aria-labelledby).
      */
@@ -103,6 +113,14 @@ interface IState {
         position: string;
         top?: string;
     } | null;
+
+    /**
+     * Whether the popover should be focus locked or not.
+     *
+     * This is enabled if we notice the popover is interactive
+     * (trigger is click or focusable is true).
+     */
+    enableFocusLock: boolean;
 }
 
 /**
@@ -119,6 +137,7 @@ class Popover extends Component<IProps, IState> {
      */
     static defaultProps = {
         className: '',
+        focusable: true,
         id: '',
         trigger: 'hover'
     };
@@ -140,10 +159,12 @@ class Popover extends Component<IProps, IState> {
         super(props);
 
         this.state = {
-            contextMenuStyle: null
+            contextMenuStyle: null,
+            enableFocusLock: false
         };
 
         // Bind event handlers so they are only bound once for every instance.
+        this._enableFocusLock = this._enableFocusLock.bind(this);
         this._onHideDialog = this._onHideDialog.bind(this);
         this._onShowDialog = this._onShowDialog.bind(this);
         this._onKeyPress = this._onKeyPress.bind(this);
@@ -207,8 +228,8 @@ class Popover extends Component<IProps, IState> {
         const { children,
             className,
             content,
+            focusable,
             headingId,
-            headingLabel,
             id,
             overflowDrawer,
             visible,
@@ -242,35 +263,40 @@ class Popover extends Component<IProps, IState> {
                 onKeyPress = { this._onKeyPress }
                 { ...(trigger === 'hover' ? {
                     onMouseEnter: this._onShowDialog,
-                    onMouseLeave: this._onHideDialog,
-                    tabIndex: 0
+                    onMouseLeave: this._onHideDialog
                 } : {}) }
+                { ...(trigger === 'hover' && focusable && {
+                    role: 'button',
+                    tabIndex: 0
+                }) }
                 ref = { this._containerRef }>
                 { visible && (
                     <DialogPortal
                         getRef = { this._setContextMenuRef }
+                        onVisible = { this._isInteractive() ? this._enableFocusLock : undefined }
                         setSize = { this._setContextMenuStyle }
                         style = { this.state.contextMenuStyle }
                         targetSelector = '.popover-content'>
-                        <ReactFocusLock
-                            lockProps = {{
-                                role: 'dialog',
-                                'aria-modal': true,
-                                'aria-labelledby': headingId,
-                                'aria-label': !headingId && headingLabel ? headingLabel : undefined
-                            }}
+                        <FocusOn
+
+                            // Use the `enabled` prop instead of conditionally rendering ReactFocusOn
+                            // to prevent UI stutter on dialog appearance. It seems the focus guards generated annoy
+                            // our DialogPortal positioning calculations.
+                            enabled = { this.state.enableFocusLock }
                             returnFocus = {
 
                                 // If we return the focus to an element outside the viewport the page will scroll to
                                 // this element which in our case is undesirable and the element is outside of the
-                                // viewport on purpose (to be hidden). For example if we return the focus to the toolbox
-                                // when it is hidden the whole page will move up in order to show the toolbox. This is
-                                // usually followed up with displaying the toolbox (because now it is on focus) but
-                                // because of the animation the whole scenario looks like jumping large video.
+                                // viewport on purpose (to be hidden). For example if we return the focus to the
+                                // toolbox when it is hidden the whole page will move up in order to show the
+                                // toolbox. This is usually followed up with displaying the toolbox (because now it
+                                // is on focus) but because of the animation the whole scenario looks like jumping
+                                // large video.
                                 isElementInTheViewport
-                            }>
+                            }
+                            shards = { [ this._contextMenuRef ] }>
                             {this._renderContent()}
-                        </ReactFocusLock>
+                        </FocusOn>
                     </DialogPortal>
                 )}
                 { children }
@@ -361,12 +387,12 @@ class Popover extends Component<IProps, IState> {
      * @returns {void}
      */
     _onClick(event: React.MouseEvent) {
-        const { allowClick, trigger, visible } = this.props;
+        const { allowClick, trigger, focusable, visible } = this.props;
 
         if (!allowClick) {
             event.stopPropagation();
         }
-        if (trigger === 'click') {
+        if (trigger === 'click' || focusable) {
             if (visible) {
                 this._onHideDialog();
             } else {
@@ -383,7 +409,9 @@ class Popover extends Component<IProps, IState> {
      * @returns {void}
      */
     _onKeyPress(e: React.KeyboardEvent) {
-        if (e.key === ' ' || e.key === 'Enter') {
+        // first check that the element we pressed is the actual popover toggle or any of its descendant,
+        // otherwise pressing space or enter in any child element of the popover _dialog_ will trigger this.
+        if (e.currentTarget.contains(e.target as Node) && (e.key === ' ' || e.key === 'Enter')) {
             e.preventDefault();
             if (this.props.visible) {
                 this._onHideDialog();
@@ -435,18 +463,49 @@ class Popover extends Component<IProps, IState> {
      * @returns {ReactElement}
      */
     _renderContent() {
-        const { content, position, trigger } = this.props;
+        const { content, position, trigger, headingId, headingLabel } = this.props;
 
         return (
-            <div
-                className = { `popover ${trigger}` }
-                onKeyDown = { this._onEscKey }>
-                <div className = { `popover-content ${position.split('-')[0]}` }>
+            <div className = { `popover ${trigger}` }>
+                <div
+                    className = { `popover-content ${position.split('-')[0]}` }
+                    data-autofocus = { this.state.enableFocusLock }
+                    onKeyDown = { this._onEscKey }
+                    { ...(this.state.enableFocusLock && {
+                        'aria-modal': true,
+                        'aria-label': !headingId && headingLabel ? headingLabel : undefined,
+                        'aria-labelledby': headingId,
+                        role: 'dialog',
+                        tabIndex: -1
+                    }) }>
                     { content }
                 </div>
             </div>
         );
     }
+
+    /**
+     * Returns whether the popover is considered interactive or not.
+     *
+     * Interactive means the popover content is certainly composed of buttons, links…
+     * Non-interactive popovers are mostly tooltips.
+     *
+     * @private
+     * @returns {boolean}
+     */
+    _isInteractive() {
+        return this.props.trigger === 'click' || Boolean(this.props.focusable);
+    }
+
+    /**
+     * Enables the focus lock in the popover dialog.
+     *
+     * @private
+     * @returns {void}
+     */
+    _enableFocusLock() {
+        this.setState({ enableFocusLock: true });
+    }
 }
 
 /**

react/features/base/react/components/web/BaseIndicator.tsx

@@ -103,6 +103,7 @@ const BaseIndicator = ({
                     className = { className }
                     id = { id }>
                     <Icon
+                        alt = { t(tooltipKey) }
                         className = { iconClassName }
                         color = { iconColor }
                         id = { iconId }

react/features/base/react/components/web/MultiSelectAutocomplete.tsx

@@ -24,6 +24,11 @@ interface IProps {
      */
     footer?: any;
 
+    /**
+     * Id for the included input, necessary for screen readers.
+     */
+    id: string;
+
     /**
      * Indicates if the component is disabled.
      */
@@ -174,6 +179,7 @@ class MultiSelectAutocomplete extends Component<IProps, IState> {
                     error = { this.state.error }
                     errorDialog = { errorDialog }
                     filterValue = { this.state.filterValue }
+                    id = { this.props.id }
                     isOpen = { this.state.isOpen }
                     items = { this.state.items }
                     noMatchesText = { noMatchesFound }

react/features/base/sounds/functions.web.ts

@@ -1,3 +1,5 @@
+import { IStore } from '../../app/types';
+
 /**
  * Returns the location of the sounds. On Web it's the relative path to
  * the sounds folder placed in the source root.
@@ -7,3 +9,19 @@
 export function getSoundsPath() {
     return 'sounds';
 }
+
+/**
+ * Set new audio output device on the global sound elements.
+ *
+ * @param {string } deviceId - The new output deviceId.
+ * @returns {Function}
+ */
+export function setNewAudioOutputDevice(deviceId: string) {
+    return function(_dispatch: IStore['dispatch'], getState: IStore['getState']) {
+        const sounds = getState()['features/base/sounds'];
+
+        for (const [ , sound ] of sounds) {
+            sound.audioElement?.setSinkId?.(deviceId);
+        }
+    };
+}

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

@@ -5,12 +5,13 @@ import { PLAY_SOUND, STOP_SOUND } from './actionTypes';
 import logger from './logger';
 
 /**
- * Implements the entry point of the middleware of the feature base/media.
+ * Implements the entry point of the middleware of the feature base/sounds.
  *
  * @param {Store} store - The redux store.
  * @returns {Function}
  */
 MiddlewareRegistry.register(store => next => action => {
+
     switch (action.type) {
     case PLAY_SOUND:
         _playSound(store, action.soundId);

react/features/base/sounds/middleware.native.ts

@@ -0,0 +1 @@
+import './middleware.any';

react/features/base/sounds/middleware.web.ts

@@ -0,0 +1,23 @@
+import { getAudioOutputDeviceId } from '../devices/functions.web';
+import MiddlewareRegistry from '../redux/MiddlewareRegistry';
+
+import { _ADD_AUDIO_ELEMENT } from './actionTypes';
+
+import './middleware.any';
+
+/**
+ * Implements the entry point of the middleware of the feature base/sounds.
+ *
+ * @param {Store} store - The redux store.
+ * @returns {Function}
+ */
+MiddlewareRegistry.register(_store => next => action => {
+
+    switch (action.type) {
+    case _ADD_AUDIO_ELEMENT:
+        action.audioElement?.setSinkId?.(getAudioOutputDeviceId());
+        break;
+    }
+
+    return next(action);
+});

react/features/base/toolbox/components/AbstractButton.tsx

@@ -1,4 +1,4 @@
-import React, { Component, ReactNode } from 'react';
+import React, { Component, ReactElement, ReactNode } from 'react';
 import { WithTranslation } from 'react-i18next';
 import { GestureResponderEvent } from 'react-native';
 
@@ -217,7 +217,7 @@ export default class AbstractButton<P extends IProps, S=any> extends Component<P
      * @protected
      * @returns {ReactElement|null}
      */
-    _getElementAfter() {
+    _getElementAfter(): ReactElement | null {
         return null;
     }
 

react/features/base/toolbox/components/BaseAudioMuteButton.ts

@@ -5,7 +5,7 @@ import AbstractButton, { IProps } from './AbstractButton';
 /**
  * An abstract implementation of a button for toggling audio mute.
  */
-export default class AbstractAudioMuteButton<P extends IProps, S=any>
+export default class BaseAudioMuteButton<P extends IProps, S=any>
     extends AbstractButton<P, S> {
 
     icon = IconMic;

react/features/base/toolbox/components/BaseVideoMuteButton.ts

@@ -5,7 +5,7 @@ import AbstractButton, { IProps } from './AbstractButton';
 /**
  * An abstract implementation of a button for toggling video mute.
  */
-export default class AbstractVideoMuteButton<P extends IProps, S=any>
+export default class BaseVideoMuteButton<P extends IProps, S=any>
     extends AbstractButton<P, S> {
 
     icon = IconVideo;

react/features/base/toolbox/components/web/ToolboxButtonWithPopup.tsx

@@ -5,21 +5,6 @@ import Popover from '../../../popover/components/Popover.web';
 
 interface IProps {
 
-    /**
-     * The id of the element this button icon controls.
-     */
-    ariaControls?: string;
-
-    /**
-     * Whether the element popup is expanded.
-     */
-    ariaExpanded?: boolean;
-
-    /**
-     * Whether the element has a popup.
-     */
-    ariaHasPopup?: boolean;
-
     /**
      * Aria label for the Icon.
      */
@@ -40,11 +25,6 @@ interface IProps {
      */
     iconDisabled?: boolean;
 
-    /**
-     * The ID of the icon button.
-     */
-    iconId?: string;
-
     /**
      * Popover close callback.
      */
@@ -84,14 +64,10 @@ interface IProps {
  */
 export default function ToolboxButtonWithPopup(props: IProps) {
     const {
-        ariaControls,
-        ariaExpanded,
-        ariaHasPopup,
         ariaLabel,
         children,
         icon,
         iconDisabled,
-        iconId,
         onPopoverClose,
         onPopoverOpen,
         popoverContent,
@@ -119,28 +95,6 @@ export default function ToolboxButtonWithPopup(props: IProps) {
         );
     }
 
-    const iconProps: {
-        ariaControls?: string;
-        ariaExpanded?: boolean;
-        className?: string;
-        containerId?: string;
-        role?: string;
-        tabIndex?: number;
-    } = {};
-
-    if (iconDisabled) {
-        iconProps.className
-            = 'settings-button-small-icon settings-button-small-icon--disabled';
-    } else {
-        iconProps.className = 'settings-button-small-icon';
-        iconProps.role = 'button';
-        iconProps.tabIndex = 0;
-        iconProps.ariaControls = ariaControls;
-        iconProps.ariaExpanded = ariaExpanded;
-        iconProps.containerId = iconId;
-    }
-
-
     return (
         <div
             className = 'settings-button-container'
@@ -155,9 +109,10 @@ export default function ToolboxButtonWithPopup(props: IProps) {
                     position = 'top'
                     visible = { visible }>
                     <Icon
-                        { ...iconProps }
-                        ariaHasPopup = { ariaHasPopup }
-                        ariaLabel = { ariaLabel }
+                        alt = { ariaLabel }
+                        className = { `settings-button-small-icon ${iconDisabled
+                            ? 'settings-button-small-icon--disabled'
+                            : ''}` }
                         size = { 16 }
                         src = { icon } />
                 </Popover>

react/features/base/tooltip/components/Tooltip.tsx

@@ -145,6 +145,7 @@ const Tooltip = ({ containerClassName, content, children, position = 'top' }: IP
             allowClick = { true }
             className = { containerClassName }
             content = { contentComponent }
+            focusable = { false }
             onPopoverClose = { onPopoverClose }
             onPopoverOpen = { onPopoverOpen }
             position = { position }

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

@@ -139,6 +139,7 @@ export function createLocalTracksA(options: ITrackOptions = {}) {
             dispatch,
             getState
         };
+        const promises = [];
 
         // The following executes on React Native only at the time of this
         // writing. The effort to port Web's createInitialLocalTracksAndConnect
@@ -196,6 +197,8 @@ export function createLocalTracksA(options: ITrackOptions = {}) {
                                     reason,
                                     device)));
 
+            promises.push(gumProcess.catch(() => undefined));
+
             /**
              * Cancels the {@code getUserMedia} process represented by this
              * {@code Promise}.
@@ -217,6 +220,8 @@ export function createLocalTracksA(options: ITrackOptions = {}) {
                 }
             });
         }
+
+        return Promise.all(promises);
     };
 }
 

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

@@ -1,6 +1,7 @@
 // @ts-expect-error
 import { AUDIO_ONLY_SCREEN_SHARE_NO_TRACK } from '../../../../modules/UI/UIErrors';
 import { IReduxState, IStore } from '../../app/types';
+import { showModeratedNotification } from '../../av-moderation/actions';
 import { shouldShowModeratedNotification } from '../../av-moderation/functions';
 import { setNoiseSuppressionEnabled } from '../../noise-suppression/actions';
 import { showNotification } from '../../notifications/actions';
@@ -44,6 +45,7 @@ export function toggleScreensharing(
     return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
         // check for A/V Moderation when trying to start screen sharing
         if ((enabled || enabled === undefined) && shouldShowModeratedNotification(MEDIA_TYPE.VIDEO, getState())) {
+            dispatch(showModeratedNotification(MEDIA_TYPE.SCREENSHARE));
 
             return Promise.reject();
         }

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

@@ -1,10 +1,12 @@
-import { IReduxState } from '../../app/types';
+import { IReduxState, IStore } from '../../app/types';
 import {
     getMultipleVideoSendingSupportFeatureFlag
 } from '../config/functions.any';
 import { JitsiTrackErrors, browser } from '../lib-jitsi-meet';
+import { gumPending } from '../media/actions';
 import { MEDIA_TYPE, MediaType, VIDEO_TYPE } from '../media/constants';
 import { IMediaState } from '../media/reducer';
+import { IGUMPendingState } from '../media/types';
 import {
     getVirtualScreenshareParticipantOwnerId,
     isScreenShareParticipant
@@ -351,6 +353,26 @@ export function isUserInteractionRequiredForUnmute(state: IReduxState) {
         && !state['features/base/user-interaction'].interacted;
 }
 
+/**
+ * Sets the GUM pending state for the passed track operation (mute/unmute) and media type.
+ * NOTE: We need this only for web.
+ *
+ * @param {IGUMPendingState} status - The new GUM pending status.
+ * @param {MediaType} mediaType - The media type related to the operation (audio or video).
+ * @param {boolean} muted - True if the operation is mute and false for unmute.
+ * @param {Function} dispatch - The dispatch method.
+ * @returns {void}
+ */
+export function _setGUMPendingState(
+        status: IGUMPendingState,
+        mediaType: MediaType,
+        muted: boolean,
+        dispatch?: IStore['dispatch']) {
+    if (!muted && dispatch && typeof APP !== 'undefined') {
+        dispatch(gumPending([ mediaType ], status));
+    }
+}
+
 /**
  * Mutes or unmutes a specific {@code JitsiLocalTrack}. If the muted state of the specified {@code track} is already in
  * accord with the specified {@code muted} value, then does nothing.
@@ -358,9 +380,11 @@ export function isUserInteractionRequiredForUnmute(state: IReduxState) {
  * @param {JitsiLocalTrack} track - The {@code JitsiLocalTrack} to mute or unmute.
  * @param {boolean} muted - If the specified {@code track} is to be muted, then {@code true}; otherwise, {@code false}.
  * @param {Object} state - The redux state.
+ * @param {Function} dispatch - The dispatch method.
  * @returns {Promise}
  */
-export function setTrackMuted(track: any, muted: boolean, state: IReduxState | IMediaState) {
+export function setTrackMuted(track: any, muted: boolean, state: IReduxState | IMediaState,
+        dispatch?: IStore['dispatch']) {
     muted = Boolean(muted); // eslint-disable-line no-param-reassign
 
     // Ignore the check for desktop track muted operation. When the screenshare is terminated by clicking on the
@@ -372,8 +396,18 @@ export function setTrackMuted(track: any, muted: boolean, state: IReduxState | I
     }
 
     const f = muted ? 'mute' : 'unmute';
+    const mediaType = track.getType();
+
+    _setGUMPendingState(IGUMPendingState.PENDING_UNMUTE, mediaType, muted, dispatch);
+
+    return track[f]().then((result: any) => {
+        _setGUMPendingState(IGUMPendingState.NONE, mediaType, muted, dispatch);
+
+        return result;
+    })
+    .catch((error: Error) => {
+        _setGUMPendingState(IGUMPendingState.NONE, mediaType, muted, dispatch);
 
-    return track[f]().catch((error: Error) => {
         // Track might be already disposed so ignore such an error.
         if (error.name !== JitsiTrackErrors.TRACK_IS_DISPOSED) {
             logger.error(`set track ${f} failed`, error);

react/features/base/tracks/functions.web.ts

@@ -2,9 +2,10 @@ import { IStore } from '../../app/types';
 import { IStateful } from '../app/types';
 import { isMobileBrowser } from '../environment/utils';
 import JitsiMeetJS, { JitsiTrackErrors, browser } from '../lib-jitsi-meet';
-import { setAudioMuted } from '../media/actions';
+import { gumPending, setAudioMuted } from '../media/actions';
 import { MEDIA_TYPE } from '../media/constants';
 import { getStartWithAudioMuted } from '../media/functions';
+import { IGUMPendingState } from '../media/types';
 import { toState } from '../redux/functions';
 import {
     getUserSelectedCameraDeviceId,
@@ -105,7 +106,7 @@ export function createLocalTracksF(options: ITrackOptions = {}, store?: IStore)
  */
 export function createPrejoinTracks() {
     const errors: any = {};
-    const initialDevices = [ 'audio' ];
+    const initialDevices = [ MEDIA_TYPE.AUDIO ];
     const requestedAudio = true;
     let requestedVideo = false;
     const { startAudioOnly, startWithVideoMuted } = APP.store.getState()['features/base/settings'];
@@ -125,11 +126,14 @@ export function createPrejoinTracks() {
     }
 
     if (!startWithVideoMuted && !startAudioOnly) {
-        initialDevices.push('video');
+        initialDevices.push(MEDIA_TYPE.VIDEO);
         requestedVideo = true;
     }
 
     let tryCreateLocalTracks: any = Promise.resolve([]);
+    const { dispatch } = APP.store;
+
+    dispatch(gumPending(initialDevices, IGUMPendingState.PENDING_UNMUTE));
 
     if (requestedAudio || requestedVideo) {
         tryCreateLocalTracks = createLocalTracksF({
@@ -188,6 +192,9 @@ export function createPrejoinTracks() {
             }
 
             return tracks;
+        })
+        .finally(() => {
+            dispatch(gumPending(initialDevices, IGUMPendingState.NONE));
         });
     }
 

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

@@ -12,7 +12,7 @@ import {
     SET_VIDEO_MUTED,
     TOGGLE_CAMERA_FACING_MODE
 } from '../media/actionTypes';
-import { toggleCameraFacingMode } from '../media/actions';
+import { gumPending, toggleCameraFacingMode } from '../media/actions';
 import {
     CAMERA_FACING_MODE,
     MEDIA_TYPE,
@@ -20,6 +20,7 @@ import {
     SCREENSHARE_MUTISM_AUTHORITY,
     VIDEO_MUTISM_AUTHORITY
 } from '../media/constants';
+import { IGUMPendingState } from '../media/types';
 import MiddlewareRegistry from '../redux/MiddlewareRegistry';
 import StateListenerRegistry from '../redux/StateListenerRegistry';
 
@@ -210,11 +211,16 @@ async function _setMuted(store: IStore, { ensureTrack, authority, muted }: {
         if (jitsiTrack && (
             jitsiTrack.videoType !== 'desktop' || isAudioOnly || getMultipleVideoSendingSupportFeatureFlag(state))
         ) {
-            setTrackMuted(jitsiTrack, muted, state).catch(() => dispatch(trackMuteUnmuteFailed(localTrack, muted)));
+            setTrackMuted(jitsiTrack, muted, state, dispatch)
+                .catch(() => dispatch(trackMuteUnmuteFailed(localTrack, muted)));
         }
     } else if (!muted && ensureTrack && (typeof APP === 'undefined' || isPrejoinPageVisible(state))) {
+        typeof APP !== 'undefined' && dispatch(gumPending([ mediaType ], IGUMPendingState.PENDING_UNMUTE));
+
         // FIXME: This only runs on mobile now because web has its own way of
         // creating local tracks. Adjust the check once they are unified.
-        dispatch(createLocalTracksA({ devices: [ mediaType ] }));
+        dispatch(createLocalTracksA({ devices: [ mediaType ] })).then(() => {
+            typeof APP !== 'undefined' && dispatch(gumPending([ mediaType ], IGUMPendingState.NONE));
+        });
     }
 }

react/features/base/ui/components/web/BaseDialog.tsx

@@ -1,5 +1,5 @@
 import React, { ReactNode, useCallback, useContext, useEffect } from 'react';
-import FocusLock from 'react-focus-lock';
+import { FocusOn } from 'react-focus-on';
 import { useTranslation } from 'react-i18next';
 import { keyframes } from 'tss-react';
 import { makeStyles } from 'tss-react/mui';
@@ -183,7 +183,7 @@ const BaseDialog = ({
             <div
                 className = { classes.backdrop }
                 onClick = { onBackdropClick } />
-            <FocusLock
+            <FocusOn
                 className = { classes.focusLock }
                 returnFocus = {
 
@@ -196,14 +196,16 @@ const BaseDialog = ({
                     isElementInTheViewport
                 }>
                 <div
-                    aria-describedby = { description }
-                    aria-labelledby = { title ?? t(titleKey ?? '') }
+                    aria-description = { description }
+                    aria-label = { title ?? t(titleKey ?? '') }
                     aria-modal = { true }
                     className = { cx(classes.modal, isUnmounting && 'unmount', size, className) }
-                    role = 'dialog'>
+                    data-autofocus = { true }
+                    role = 'dialog'
+                    tabIndex = { -1 }>
                     {children}
                 </div>
-            </FocusLock>
+            </FocusOn>
         </div>
     );
 };

react/features/base/ui/components/web/Checkbox.tsx

@@ -156,8 +156,8 @@ const Checkbox = ({
     const isMobile = isMobileBrowser();
 
     return (
-        <div className = { cx(styles.formControl, isMobile && 'is-mobile', className) }>
-            <label className = { cx(styles.activeArea, isMobile && 'is-mobile', disabled && styles.disabled) }>
+        <label className = { cx(styles.formControl, isMobile && 'is-mobile', className) }>
+            <div className = { cx(styles.activeArea, isMobile && 'is-mobile', disabled && styles.disabled) }>
                 <input
                     checked = { checked }
                     disabled = { disabled }
@@ -165,13 +165,14 @@ const Checkbox = ({
                     onChange = { onChange }
                     type = 'checkbox' />
                 <Icon
+                    aria-hidden = { true }
                     className = 'checkmark'
                     color = { disabled ? theme.palette.icon03 : theme.palette.icon01 }
                     size = { 18 }
                     src = { IconCheck } />
-            </label>
-            <label>{label}</label>
-        </div>
+            </div>
+            <div>{label}</div>
+        </label>
     );
 };
 

react/features/base/ui/components/web/ContextMenuItem.tsx

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import React, { ReactNode, useCallback } from 'react';
 import { useSelector } from 'react-redux';
 import { makeStyles } from 'tss-react/mui';
 
@@ -76,6 +76,9 @@ export interface IProps {
 
     /**
      * You can use this item as a tab. Defaults to button if not set.
+     *
+     * If no onClick handler is provided, we assume the context menu item is
+     * not interactive and no role will be set.
      */
     role?: 'tab' | 'button';
 
@@ -179,6 +182,28 @@ const ContextMenuItem = ({
     const { classes: styles, cx } = useStyles();
     const _overflowDrawer: boolean = useSelector(showOverflowDrawer);
 
+    const onKeyPressHandler = useCallback(e => {
+        // only trigger the fallback behavior (onClick) if we dont have any explicit keyboard event handler
+        if (onClick && !onKeyPress && !onKeyDown && (e.key === 'Enter' || e.key === ' ')) {
+            e.preventDefault();
+            onClick(e);
+        }
+
+        if (onKeyPress) {
+            onKeyPress(e);
+        }
+    }, [ onClick, onKeyPress, onKeyDown ]);
+
+    let tabIndex: undefined | 0 | -1;
+
+    if (role === 'tab') {
+        tabIndex = selected ? 0 : -1;
+    }
+
+    if (role === 'button' && !disabled) {
+        tabIndex = 0;
+    }
+
     return (
         <div
             aria-controls = { controls }
@@ -196,12 +221,9 @@ const ContextMenuItem = ({
             key = { text }
             onClick = { disabled ? undefined : onClick }
             onKeyDown = { disabled ? undefined : onKeyDown }
-            onKeyPress = { disabled ? undefined : onKeyPress }
-            role = { role }
-            tabIndex = { role === 'tab'
-                ? selected ? 0 : -1
-                : disabled ? undefined : 0
-            }>
+            onKeyPress = { disabled ? undefined : onKeyPressHandler }
+            role = { onClick ? role : undefined }
+            tabIndex = { onClick ? tabIndex : undefined }>
             {customIcon ? customIcon
                 : icon && <Icon
                     className = { styles.contextMenuItemIcon }

react/features/base/ui/components/web/Dialog.tsx

@@ -6,6 +6,7 @@ import { makeStyles } from 'tss-react/mui';
 import { hideDialog } from '../../../dialog/actions';
 import { IconCloseLarge } from '../../../icons/svg';
 import { withPixelLineHeight } from '../../../styles/functions.web';
+import { operatesWithEnterKey } from '../../functions.web';
 
 import BaseDialog, { IProps as IBaseDialogProps } from './BaseDialog';
 import Button from './Button';
@@ -108,8 +109,13 @@ const Dialog = ({
     }, [ onCancel ]);
 
     const submit = useCallback(() => {
-        !disableAutoHideOnSubmit && dispatch(hideDialog());
-        onSubmit?.();
+        if (onSubmit && (
+            (document.activeElement && !operatesWithEnterKey(document.activeElement))
+            || !document.activeElement
+        )) {
+            !disableAutoHideOnSubmit && dispatch(hideDialog());
+            onSubmit();
+        }
     }, [ onSubmit ]);
 
     return (
@@ -124,11 +130,11 @@ const Dialog = ({
             title = { title }
             titleKey = { titleKey }>
             <div className = { classes.header }>
-                <p
+                <h1
                     className = { classes.title }
                     id = 'dialog-title'>
                     {title ?? t(titleKey ?? '')}
-                </p>
+                </h1>
                 {!hideCloseButton && (
                     <ClickableIcon
                         accessibilityLabel = { t('dialog.accessibilityLabel.close') }
@@ -160,6 +166,7 @@ const Dialog = ({
                     accessibilityLabel = { t(ok.translationKey ?? '') }
                     disabled = { ok.disabled }
                     id = 'modal-dialog-ok-button'
+                    isSubmit = { true }
                     labelKey = { ok.translationKey }
                     onClick = { submit } />}
             </div>

react/features/base/ui/components/web/DialogWithTabs.tsx

@@ -1,5 +1,4 @@
 import React, { ComponentType, useCallback, useEffect, useMemo, useState } from 'react';
-import { MoveFocusInside } from 'react-focus-lock';
 import { useTranslation } from 'react-i18next';
 import { useDispatch, useSelector } from 'react-redux';
 import { makeStyles } from 'tss-react/mui';
@@ -187,7 +186,7 @@ const DialogWithTabs = ({
 
     useEffect(() => {
         if (isMobile) {
-            setSelectedTab(undefined);
+            setSelectedTab(defaultTab);
         } else {
             setSelectedTab(defaultTab ?? tabs[0].name);
         }
@@ -317,20 +316,19 @@ const DialogWithTabs = ({
         <BaseDialog
             className = { cx(classes.dialog, className) }
             onClose = { onClose }
-            size = 'large'>
+            size = 'large'
+            titleKey = { titleKey }>
             {(!isMobile || !selectedTab) && (
                 <div
                     aria-orientation = 'vertical'
                     className = { classes.sidebar }
                     role = { isMobile ? undefined : 'tablist' }>
                     <div className = { classes.titleContainer }>
-                        <MoveFocusInside>
-                            <h2
-                                className = { classes.title }
-                                tabIndex = { -1 }>
-                                {t(titleKey ?? '')}
-                            </h2>
-                        </MoveFocusInside>
+                        <h1
+                            className = { classes.title }
+                            tabIndex = { -1 }>
+                            {t(titleKey ?? '')}
+                        </h1>
                         {isMobile && closeIcon}
                     </div>
                     {tabs.map((tab, index) => {
@@ -366,11 +364,11 @@ const DialogWithTabs = ({
                     {isMobile && (
                         <div className = { cx(classes.buttonContainer, classes.header) }>
                             <span className = { classes.backContainer }>
-                                <h2
+                                <h1
                                     className = { classes.title }
                                     tabIndex = { -1 }>
                                     {(selectedTabIndex !== null) && t(tabs[selectedTabIndex].labelKey)}
-                                </h2>
+                                </h1>
                                 <ClickableIcon
                                     accessibilityLabel = { t('dialog.Back') }
                                     icon = { IconArrowBack }
@@ -401,13 +399,13 @@ const DialogWithTabs = ({
                     <div
                         className = { cx(classes.buttonContainer, classes.footer) }>
                         <Button
-                            accessibilityLabel = { t('dialog.Cancel') }
+                            accessibilityLabel = { t('dialog.accessibilityLabel.Cancel') }
                             id = 'modal-dialog-cancel-button'
                             labelKey = { 'dialog.Cancel' }
                             onClick = { onClose }
                             type = 'tertiary' />
                         <Button
-                            accessibilityLabel = { t('dialog.Ok') }
+                            accessibilityLabel = { t('dialog.accessibilityLabel.Ok') }
                             id = 'modal-dialog-ok-button'
                             labelKey = { 'dialog.Ok' }
                             onClick = { onSubmit } />

react/features/base/ui/components/web/Input.tsx

@@ -15,10 +15,19 @@ interface IProps extends IInputProps {
     bottomLabel?: string;
     className?: string;
     iconClick?: () => void;
-    id?: string;
+
+    /**
+     * The id to set on the input element.
+     * This is required because we need it internally to tie the input to its
+     * info (label, error) so that screen reader users don't get lost.
+     */
+    id: string;
     maxLength?: number;
     maxRows?: number;
+    maxValue?: number;
     minRows?: number;
+    minValue?: number;
+    mode?: 'text' | 'none' | 'decimal' | 'numeric' | 'tel' | 'search' | ' email' | 'url';
     name?: string;
     onBlur?: (e: any) => void;
     onFocus?: (event: React.FocusEvent) => void;
@@ -92,6 +101,15 @@ const useStyles = makeStyles()(theme => {
             }
         },
 
+        'input::-webkit-outer-spin-button, input::-webkit-inner-spin-button': {
+            '-webkit-appearance': 'none',
+            margin: 0
+        },
+
+        'input[type=number]': {
+            '-moz-appearance': 'textfield'
+        },
+
         icon: {
             position: 'absolute',
             top: '50%',
@@ -146,9 +164,12 @@ const Input = React.forwardRef<any, IProps>(({
     iconClick,
     id,
     label,
+    maxValue,
     maxLength,
     maxRows,
+    minValue,
     minRows,
+    mode,
     name,
     onBlur,
     onChange,
@@ -172,7 +193,11 @@ const Input = React.forwardRef<any, IProps>(({
 
     return (
         <div className = { cx(styles.inputContainer, className) }>
-            {label && <span className = { cx(styles.label, isMobile && 'is-mobile') }>{label}</span>}
+            {label && <label
+                className = { cx(styles.label, isMobile && 'is-mobile') }
+                htmlFor = { id } >
+                {label}
+            </label>}
             <div className = { styles.fieldContainer }>
                 {icon && <Icon
                     { ...(iconClick ? { tabIndex: 0 } : {}) }
@@ -188,7 +213,7 @@ const Input = React.forwardRef<any, IProps>(({
                         className = { cx(styles.input, isMobile && 'is-mobile',
                             error && 'error', clearable && styles.clearableInput, icon && 'icon-input') }
                         disabled = { disabled }
-                        { ...(id ? { id } : {}) }
+                        id = { id }
                         maxLength = { maxLength }
                         maxRows = { maxRows }
                         minRows = { minRows }
@@ -202,6 +227,7 @@ const Input = React.forwardRef<any, IProps>(({
                         value = { value } />
                 ) : (
                     <input
+                        aria-describedby = { bottomLabel ? `${id}-description` : undefined }
                         aria-label = { accessibilityLabel }
                         autoComplete = { autoComplete }
                         autoFocus = { autoFocus }
@@ -209,8 +235,11 @@ const Input = React.forwardRef<any, IProps>(({
                             error && 'error', clearable && styles.clearableInput, icon && 'icon-input') }
                         data-testid = { testId }
                         disabled = { disabled }
-                        { ...(id ? { id } : {}) }
+                        id = { id }
+                        { ...(mode ? { inputmode: mode } : {}) }
+                        { ...(type === 'number' ? { max: maxValue } : {}) }
                         maxLength = { maxLength }
+                        { ...(type === 'number' ? { min: minValue } : {}) }
                         name = { name }
                         onBlur = { onBlur }
                         onChange = { handleChange }
@@ -231,7 +260,9 @@ const Input = React.forwardRef<any, IProps>(({
                 </button>}
             </div>
             {bottomLabel && (
-                <span className = { cx(styles.bottomLabel, isMobile && 'is-mobile', error && 'error') }>
+                <span
+                    className = { cx(styles.bottomLabel, isMobile && 'is-mobile', error && 'error') }
+                    id = { `${id}-description` }>
                     {bottomLabel}
                 </span>
             )}

react/features/base/ui/components/web/MultiSelect.tsx

@@ -14,6 +14,7 @@ interface IProps {
     error?: boolean;
     errorDialog?: JSX.Element | null;
     filterValue?: string;
+    id: string;
     isOpen?: boolean;
     items: MultiSelectItem[];
     noMatchesText?: string;
@@ -101,6 +102,7 @@ const MultiSelect = ({
     error,
     errorDialog,
     placeholder,
+    id,
     items,
     filterValue,
     onFilterChange,
@@ -145,6 +147,7 @@ const MultiSelect = ({
             <Input
                 autoFocus = { autoFocus }
                 disabled = { disabled }
+                id = { id }
                 onChange = { onFilterChange }
                 placeholder = { placeholder }
                 ref = { inputRef }

react/features/base/ui/components/web/Select.tsx

@@ -28,6 +28,12 @@ interface ISelectProps {
      */
     error?: boolean;
 
+    /**
+     * Id of the <select> element.
+     * Necessary for screen reader users, to link the label and error to the select.
+     */
+    id: string;
+
     /**
      * Label to be displayed above the select.
      */
@@ -140,6 +146,7 @@ const Select = ({
     className,
     disabled,
     error,
+    id,
     label,
     onChange,
     options,
@@ -149,11 +156,17 @@ const Select = ({
 
     return (
         <div className = { classes.container }>
-            {label && <span className = { cx(classes.label, isMobile && 'is-mobile') }>{label}</span>}
+            {label && <label
+                className = { cx(classes.label, isMobile && 'is-mobile') }
+                htmlFor = { id } >
+                {label}
+            </label>}
             <div className = { classes.selectContainer }>
                 <select
+                    aria-describedby = { bottomLabel ? `${id}-description` : undefined }
                     className = { cx(classes.select, isMobile && 'is-mobile', className, error && 'error') }
                     disabled = { disabled }
+                    id = { id }
                     onChange = { onChange }
                     value = { value }>
                     {options.map(option => (<option
@@ -167,7 +180,9 @@ const Select = ({
                     src = { IconArrowDown } />
             </div>
             {bottomLabel && (
-                <span className = { cx(classes.bottomLabel, isMobile && 'is-mobile', error && 'error') }>
+                <span
+                    className = { cx(classes.bottomLabel, isMobile && 'is-mobile', error && 'error') }
+                    id = { `${id}-description` }>
                     {bottomLabel}
                 </span>
             )}

react/features/base/ui/components/web/Spinner.tsx

@@ -3,6 +3,7 @@ import { keyframes } from 'tss-react';
 import { makeStyles } from 'tss-react/mui';
 
 interface IProps {
+    color?: string;
     size?: 'small' | 'medium' | 'large';
 }
 
@@ -12,7 +13,9 @@ const SIZE = {
     large: 48
 };
 
-const useStyles = makeStyles()(() => {
+const DEFAULT_COLOR = '#E6EDFA';
+
+const useStyles = makeStyles<{ color?: string; }>()((_, { color }) => {
     return {
         container: {
             verticalAlign: 'middle',
@@ -33,7 +36,7 @@ const useStyles = makeStyles()(() => {
 
         circle: {
             fill: 'none',
-            stroke: '#E6EDFA',
+            stroke: color,
             strokeWidth: 1.5,
             strokeLinecap: 'round',
             strokeDasharray: 60,
@@ -53,8 +56,8 @@ const useStyles = makeStyles()(() => {
     };
 });
 
-const Spinner = ({ size = 'medium' }: IProps) => {
-    const { classes } = useStyles();
+const Spinner = ({ color = DEFAULT_COLOR, size = 'medium' }: IProps) => {
+    const { classes } = useStyles({ color });
 
     return (
         <svg

react/features/base/ui/components/web/Switch.tsx

@@ -52,6 +52,7 @@ const useStyles = makeStyles()(theme => {
             width: '16px',
             height: '16px',
             position: 'absolute',
+            zIndex: 5,
             top: '4px',
             left: '4px',
             backgroundColor: theme.palette.ui10,
@@ -73,8 +74,38 @@ const useStyles = makeStyles()(theme => {
         },
 
         checkbox: {
-            height: 0,
-            width: 0
+            position: 'absolute',
+            zIndex: 10,
+            cursor: 'pointer',
+            left: 0,
+            right: 0,
+            top: 0,
+            bottom: 0,
+            width: '100%',
+            height: '100%',
+            opacity: 0,
+
+            '&.focus-visible + .toggle-checkbox-ring': {
+                outline: 0,
+                boxShadow: `0px 0px 0px 2px ${theme.palette.focus01}`
+            }
+        },
+
+        checkboxRing: {
+            position: 'absolute',
+            pointerEvents: 'none',
+            zIndex: 6,
+            left: 0,
+            right: 0,
+            top: 0,
+            bottom: 0,
+            width: '100%',
+            height: '100%',
+            borderRadius: '12px',
+
+            '&.is-mobile': {
+                borderRadius: '32px'
+            }
         }
     };
 });
@@ -88,7 +119,7 @@ const Switch = ({ className, id, checked, disabled, onChange }: IProps) => {
     }, []);
 
     return (
-        <label
+        <span
             className = { cx('toggle-container', styles.container, checked && styles.containerOn,
                 isMobile && 'is-mobile', disabled && 'disabled', className) }>
             <input
@@ -98,8 +129,9 @@ const Switch = ({ className, id, checked, disabled, onChange }: IProps) => {
                 className = { styles.checkbox }
                 disabled = { disabled }
                 onChange = { change } />
+            <div className = { cx('toggle-checkbox-ring', styles.checkboxRing, isMobile && 'is-mobile') } />
             <div className = { cx('toggle', styles.toggle, checked && styles.toggleOn, isMobile && 'is-mobile') } />
-        </label>
+        </span>
     );
 };
 

react/features/base/ui/functions.web.ts

@@ -82,3 +82,28 @@ export function isElementInTheViewport(element?: Element): boolean {
 
     return false;
 }
+
+const enterKeyElements = [ 'select', 'textarea', 'summary', 'a' ];
+
+/**
+ * Informs whether or not the given element does something on its own when pressing the Enter key.
+ *
+ * This is useful to correctly submit custom made "forms" that are not using the native form element,
+ * only when the user is not using an element that needs the enter key to work.
+ * Note the implementation is incomplete and should be updated as needed if more complex use cases arise
+ * (for example, the Tabs aria pattern is not handled).
+ *
+ * @param {Element} element - The element.
+ * @returns {boolean}
+ */
+export function operatesWithEnterKey(element: Element): boolean {
+    if (enterKeyElements.includes(element.tagName.toLowerCase())) {
+        return true;
+    }
+
+    if (element.tagName.toLowerCase() === 'button' && element.getAttribute('role') === 'button') {
+        return true;
+    }
+
+    return false;
+}

react/features/base/util/parseURLParams.ts

@@ -25,6 +25,10 @@ export function parseURLParams(
         url: URL | string,
         dontParse = false,
         source = 'hash') {
+    if (!url) {
+        return {};
+    }
+
     if (typeof url === 'string') {
         // eslint-disable-next-line no-param-reassign
         url = new URL(url);

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

@@ -22,6 +22,11 @@ interface IProps extends WithTranslation {
      */
     _areSmileysDisabled: boolean;
 
+    /**
+     * The id of the message recipient, if any.
+     */
+    _privateMessageRecipientId?: string;
+
     /**
      * Invoked to send chat messages.
      */
@@ -95,6 +100,17 @@ class ChatInput extends Component<IProps, IState> {
         }
     }
 
+    /**
+     * Implements {@code Component#componentDidUpdate}.
+     *
+     * @inheritdoc
+     */
+    componentDidUpdate(prevProps: Readonly<IProps>) {
+        if (prevProps._privateMessageRecipientId !== this.props._privateMessageRecipientId) {
+            this._textArea?.current?.focus();
+        }
+    }
+
     /**
      * Implements React's {@link Component#render()}.
      *
@@ -119,6 +135,7 @@ class ChatInput extends Component<IProps, IState> {
                         className = 'chat-input'
                         icon = { this.props._areSmileysDisabled ? undefined : IconFaceSmile }
                         iconClick = { this._toggleSmileysPanel }
+                        id = 'chat-input-messagebox'
                         maxRows = { 5 }
                         onChange = { this._onMessageChange }
                         onKeyPress = { this._onDetectSubmit }
@@ -255,8 +272,11 @@ class ChatInput extends Component<IProps, IState> {
  * }}
  */
 const mapStateToProps = (state: IReduxState) => {
+    const { privateMessageRecipient } = state['features/chat'];
+
     return {
-        _areSmileysDisabled: areSmileysDisabled(state)
+        _areSmileysDisabled: areSmileysDisabled(state),
+        _privateMessageRecipientId: privateMessageRecipient?.id
     };
 };
 

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

@@ -32,6 +32,7 @@ const RaisedHandsCountLabel = () => {
         content = { t('raisedHandsLabel') }
         position = { 'bottom' }>
         <Label
+            accessibilityText = { t('raisedHandsLabel') }
             className = { styles.label }
             icon = { IconRaiseHand }
             iconColor = { theme.palette.icon04 }

react/features/conference/middleware.ts

@@ -176,7 +176,7 @@ function _conferenceJoined({ dispatch, getState }: IStore) {
 function _checkIframe(state: IReduxState, dispatch: IStore['dispatch']) {
     let allowIframe = false;
 
-    if (document.referrer === '') {
+    if (document.referrer === '' && browser.isElectron()) {
         // no iframe
         allowIframe = true;
     } else {

react/features/connection-indicator/components/web/BandwidthSettingsDialog.tsx

@@ -0,0 +1,143 @@
+import React, { KeyboardEvent, useCallback, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch, useSelector } from 'react-redux';
+import { makeStyles } from 'tss-react/mui';
+
+// @ts-ignore
+import { MIN_ASSUMED_BANDWIDTH_BPS } from '../../../../../modules/API/constants';
+import { IReduxState } from '../../../app/types';
+import { setAssumedBandwidthBps as saveAssumedBandwidthBps } from '../../../base/conference/actions';
+import { IconInfoCircle } from '../../../base/icons/svg';
+import { withPixelLineHeight } from '../../../base/styles/functions.web';
+import Dialog from '../../../base/ui/components/web/Dialog';
+import Input from '../../../base/ui/components/web/Input';
+
+const useStyles = makeStyles()(theme => {
+    return {
+        content: {
+            color: theme.palette.text01
+        },
+
+        info: {
+            background: theme.palette.ui01,
+            ...withPixelLineHeight(theme.typography.labelRegular),
+            color: theme.palette.text02,
+            marginTop: theme.spacing(2)
+        },
+
+        possibleValues: {
+            margin: 0,
+            paddingLeft: theme.spacing(4)
+        }
+    };
+});
+
+/**
+ * Bandwidth settings dialog component.
+ *
+ * @returns {ReactElement}
+ */
+const BandwidthSettingsDialog = () => {
+    const { classes } = useStyles();
+    const { t } = useTranslation();
+    const dispatch = useDispatch();
+    const [ showAssumedBandwidthInfo, setShowAssumedBandwidthInfo ] = useState(false);
+    const currentAssumedBandwidthBps = useSelector(
+        (state: IReduxState) => state['features/base/conference'].assumedBandwidthBps
+    );
+    const [ assumedBandwidthBps, setAssumedBandwidthBps ] = useState(
+        currentAssumedBandwidthBps === MIN_ASSUMED_BANDWIDTH_BPS
+        || currentAssumedBandwidthBps === undefined
+            ? ''
+            : currentAssumedBandwidthBps
+    );
+
+    /**
+     * Changes the assumed bandwidth bps.
+     *
+     * @param {string} value - The key event to handle.
+     *
+     * @returns {void}
+     */
+    const onAssumedBandwidthBpsChange = useCallback((value: string) => {
+        setAssumedBandwidthBps(value);
+    }, [ setAssumedBandwidthBps ]);
+
+    /**
+     * Persists the assumed bandwidth bps.
+     *
+     * @param {string} value - The key event to handle.
+     *
+     * @returns {void}
+     */
+    const onAssumedBandwidthBpsSave = useCallback(() => {
+        if (assumedBandwidthBps !== currentAssumedBandwidthBps) {
+            dispatch(saveAssumedBandwidthBps(Number(
+                assumedBandwidthBps === '' ? MIN_ASSUMED_BANDWIDTH_BPS : assumedBandwidthBps
+            )));
+        }
+    }, [ assumedBandwidthBps, currentAssumedBandwidthBps, dispatch, saveAssumedBandwidthBps ]);
+
+    /**
+     * Validates the assumed bandwidth bps.
+     *
+     * @param {KeyboardEvent<any>} e - The key event to handle.
+     *
+     * @returns {void}
+     */
+    const onAssumedBandwidthBpsKeyPress = useCallback((e: KeyboardEvent<any>) => {
+        const isValid = (e.charCode !== 8 && e.charCode === 0) || (e.charCode >= 48 && e.charCode <= 57);
+
+        if (!isValid) {
+            e.preventDefault();
+        }
+    }, []);
+
+    /**
+     * Callback invoked to hide or show the possible values
+     * of the assumed bandwidth setting.
+     *
+     * @returns {void}
+     */
+    const toggleInfoPanel = useCallback(() => {
+        setShowAssumedBandwidthInfo(!showAssumedBandwidthInfo);
+    }, [ setShowAssumedBandwidthInfo, showAssumedBandwidthInfo ]);
+
+    return (
+        <Dialog
+            onSubmit = { onAssumedBandwidthBpsSave }
+            titleKey = 'bandwidthSettings.title'>
+            <div className = { classes.content }>
+                <Input
+                    bottomLabel = { t('bandwidthSettings.assumedBandwidthBpsWarning') }
+                    icon = { IconInfoCircle }
+                    iconClick = { toggleInfoPanel }
+                    id = 'setAssumedBandwidthBps'
+                    label = { t('bandwidthSettings.setAssumedBandwidthBps') }
+                    minValue = { 0 }
+                    name = 'assumedBandwidthBps'
+                    onChange = { onAssumedBandwidthBpsChange }
+                    onKeyPress = { onAssumedBandwidthBpsKeyPress }
+                    placeholder = { t('bandwidthSettings.assumedBandwidthBps') }
+                    type = 'number'
+                    value = { assumedBandwidthBps } />
+                {showAssumedBandwidthInfo && (
+                    <div className = { classes.info }>
+                        <span>{t('bandwidthSettings.possibleValues')}:</span>
+                        <ul className = { classes.possibleValues }>
+                            <li>
+                                <b>{t('bandwidthSettings.leaveEmpty')}</b> {t('bandwidthSettings.leaveEmptyEffect')}
+                            </li>
+                            <li><b>0</b> {t('bandwidthSettings.zeroEffect')}</li>
+                            <li>
+                                <b>{t('bandwidthSettings.customValue')}</b> {t('bandwidthSettings.customValueEffect')}
+                            </li>
+                        </ul>
+                    </div>
+                )}
+            </div>
+        </Dialog>
+    );
+};
+
+export default BandwidthSettingsDialog;

react/features/connection-indicator/components/web/ConnectionIndicator.tsx

@@ -347,12 +347,14 @@ class ConnectionIndicator extends AbstractConnectionIndicator<IProps, IState> {
             _connectionIndicatorInactiveDisabled,
             _videoTrack,
             classes,
-            iconSize
+            iconSize,
+            t
         } = this.props;
 
         return (
             <div
                 style = {{ fontSize: iconSize }}>
+                <span className = 'sr-only'>{ t('videothumbnail.connectionInfo') }</span>
                 <ConnectionIndicatorIcon
                     classes = { classes }
                     colorClass = { this._getConnectionColorClass() }

react/features/connection-indicator/components/web/ConnectionIndicatorContent.tsx

@@ -3,6 +3,7 @@ import { WithTranslation } from 'react-i18next';
 import { connect } from 'react-redux';
 
 import { IReduxState, IStore } from '../../../app/types';
+import { openDialog } from '../../../base/dialog/actions';
 import { translate } from '../../../base/i18n/functions';
 import { MEDIA_TYPE } from '../../../base/media/constants';
 import {
@@ -26,6 +27,8 @@ import AbstractConnectionIndicator, {
     INDICATOR_DISPLAY_THRESHOLD
 } from '../AbstractConnectionIndicator';
 
+import BandwidthSettingsDialog from './BandwidthSettingsDialog';
+
 /**
  * An array of display configurations for the connection indicator and its bars.
  * The ordering is done specifically for faster iteration to find a matching
@@ -78,6 +81,11 @@ interface IProps extends AbstractProps, WithTranslation {
      */
     _disableShowMoreStats: boolean;
 
+    /**
+     * Whether to enable assumed bandwidth.
+     */
+    _enableAssumedBandwidth?: boolean;
+
     /**
      * Whether or not should display the "Save Logs" link in the local video
      * stats table.
@@ -100,6 +108,11 @@ interface IProps extends AbstractProps, WithTranslation {
      */
     _isNarrowLayout: boolean;
 
+    /**
+     * Invoked to open the bandwidth settings dialog.
+     */
+    _onOpenBandwidthDialog: () => void;
+
     /**
      * Invoked to save the conference logs.
      */
@@ -201,12 +214,14 @@ class ConnectionIndicatorContent extends AbstractConnectionIndicator<IProps, ISt
                 connectionSummary = { this._getConnectionStatusTip() }
                 disableShowMoreStats = { this.props._disableShowMoreStats }
                 e2eeVerified = { this.props._isE2EEVerified }
+                enableAssumedBandwidth = { this.props._enableAssumedBandwidth }
                 enableSaveLogs = { this.props._enableSaveLogs }
                 framerate = { framerate }
                 isLocalVideo = { this.props._isLocalVideo }
                 isNarrowLayout = { this.props._isNarrowLayout }
                 isVirtualScreenshareParticipant = { this.props._isVirtualScreenshareParticipant }
                 maxEnabledResolution = { maxEnabledResolution }
+                onOpenBandwidthDialog = { this.props._onOpenBandwidthDialog }
                 onSaveLogs = { this.props._onSaveLogs }
                 onShowMore = { this._onToggleShowMore }
                 packetLoss = { packetLoss }
@@ -304,6 +319,15 @@ export function _mapDispatchToProps(dispatch: IStore['dispatch']) {
          */
         _onSaveLogs() {
             dispatch(saveLogs());
+        },
+
+        /**
+         * Opens the bandwidth settings dialog.
+         *
+         * @returns {void}
+         */
+        _onOpenBandwidthDialog() {
+            dispatch(openDialog(BandwidthSettingsDialog));
         }
     };
 }
@@ -335,8 +359,9 @@ export function _mapStateToProps(state: IReduxState, ownProps: any) {
 
     return {
         _audioSsrc: audioTrack ? conference?.getSsrcByTrack(audioTrack.jitsiTrack) : undefined,
-        _enableSaveLogs: Boolean(state['features/base/config'].enableSaveLogs),
         _disableShowMoreStats: Boolean(state['features/base/config'].disableShowMoreStats),
+        _enableAssumedBandwidth: state['features/base/config'].testing?.assumeBandwidth,
+        _enableSaveLogs: Boolean(state['features/base/config'].enableSaveLogs),
         _isConnectionStatusInactive,
         _isConnectionStatusInterrupted,
         _isE2EEVerified: Boolean(participant?.e2eeVerified),

react/features/connection-stats/components/ConnectionStatsTable.tsx

@@ -4,6 +4,8 @@ import { useTranslation } from 'react-i18next';
 import { makeStyles } from 'tss-react/mui';
 
 import { isMobileBrowser } from '../../base/environment/utils';
+import Icon from '../../base/icons/components/Icon';
+import { IconGear } from '../../base/icons/svg';
 import ContextMenu from '../../base/ui/components/web/ContextMenu';
 
 type DownloadUpload = {
@@ -71,6 +73,11 @@ interface IProps {
      */
     e2eeVerified: boolean;
 
+    /**
+     * Whether to enable assumed bandwidth.
+     */
+    enableAssumedBandwidth?: boolean;
+
     /**
      * Whether or not should display the "Save Logs" link.
      */
@@ -107,6 +114,11 @@ interface IProps {
      */
     maxEnabledResolution: number;
 
+    /**
+     * Callback to invoke when the user clicks on the open bandwidth settings dialog icon.
+     */
+    onOpenBandwidthDialog: () => void;
+
     /**
      * Callback to invoke when the user clicks on the download logs link.
      */
@@ -200,6 +212,14 @@ const useStyles = makeStyles()(theme => {
             margin: '10px auto',
             textAlign: 'center'
         },
+        assumedBandwidth: {
+            cursor: 'pointer',
+            margin: '0 5px'
+        },
+        bandwidth: {
+            alignItems: 'center',
+            display: 'flex'
+        },
         connectionStatsTable: {
             '&, & > table': {
                 fontSize: '12px',
@@ -239,6 +259,11 @@ const useStyles = makeStyles()(theme => {
             cursor: 'pointer',
             color: theme.palette.link01,
             transition: 'color .2s ease',
+            border: 0,
+            background: 0,
+            padding: 0,
+            display: 'inline',
+            fontWeight: 'bold',
 
             '&:hover': {
                 color: theme.palette.link01Hover,
@@ -261,12 +286,14 @@ const ConnectionStatsTable = ({
     connectionSummary,
     disableShowMoreStats,
     e2eeVerified,
+    enableAssumedBandwidth,
     enableSaveLogs,
     framerate,
     isVirtualScreenshareParticipant,
     isLocalVideo,
     isNarrowLayout,
     maxEnabledResolution,
+    onOpenBandwidthDialog,
     onSaveLogs,
     onShowMore,
     packetLoss,
@@ -351,7 +378,7 @@ const ConnectionStatsTable = ({
                 <td>
                     {t('connectionindicator.bandwidth')}
                 </td>
-                <td>
+                <td className = { classes.bandwidth }>
                     <span className = { classes.download }>
                         &darr;
                     </span>
@@ -360,6 +387,15 @@ const ConnectionStatsTable = ({
                         &uarr;
                     </span>
                     {upload ? `${upload} Kbps` : 'N/A'}
+                    {enableAssumedBandwidth && (
+                        <div
+                            className = { classes.assumedBandwidth }
+                            onClick = { onOpenBandwidthDialog }>
+                            <Icon
+                                size = { 10 }
+                                src = { IconGear } />
+                        </div>
+                    )}
                 </td>
             </tr>
         );
@@ -683,13 +719,12 @@ const ConnectionStatsTable = ({
 
     const _renderSaveLogs = () => (
         <span>
-            <a
+            <button
                 className = { cx(classes.link, 'savelogs') }
                 onClick = { onSaveLogs }
-                role = 'button'
-                tabIndex = { 0 }>
+                type = 'button'>
                 {t('connectionindicator.savelogs')}
-            </a>
+            </button>
             <span> | </span>
         </span>
     );
@@ -701,13 +736,12 @@ const ConnectionStatsTable = ({
                 : 'connectionindicator.more';
 
         return (
-            <a
+            <button
                 className = { cx(classes.link, 'showmore') }
                 onClick = { onShowMore }
-                role = 'button'
-                tabIndex = { 0 }>
+                type = 'button'>
                 {t(translationKey)}
-            </a>
+            </button>
         );
     };
 

react/features/device-selection/components/DeviceSelector.web.tsx

@@ -69,6 +69,7 @@ const useStyles = makeStyles()(theme => {
 const DeviceSelector = ({
     devices,
     hasPermission,
+    id,
     isDisabled,
     label,
     onSelect,
@@ -103,6 +104,7 @@ const DeviceSelector = ({
 
         return (
             <Select
+                id = { id }
                 label = { t(label) }
                 onChange = { _onSelect }
                 options = { options.items }

react/features/device-selection/components/VideoDeviceSelection.web.tsx

@@ -351,6 +351,7 @@ class VideoDeviceSelection extends AbstractDialogTab<IProps, IState> {
                 bottomLabel = { parseInt(currentFramerate, 10) > SS_DEFAULT_FRAME_RATE
                     ? t('settings.desktopShareHighFpsWarning')
                     : t('settings.desktopShareWarning') }
+                id = 'more-framerate-select'
                 label = { t('settings.desktopShareFramerate') }
                 onChange = { this._onFramerateItemSelect }
                 options = { frameRateItems }

react/features/display-name/components/web/DisplayNamePrompt.tsx

@@ -58,6 +58,7 @@ class DisplayNamePrompt extends AbstractDisplayNamePrompt<IState> {
                 <Input
                     autoFocus = { true }
                     className = 'dialog-bottom-margin'
+                    id = 'dialog-displayName'
                     label = { this.props.t('dialog.enterDisplayName') }
                     name = 'displayName'
                     onChange = { this._onDisplayNameChange }

react/features/e2ee/components/E2EELabel.tsx

@@ -14,7 +14,7 @@ const E2EELabel = ({ _e2eeLabels, _showLabel, t }: IProps) => {
     if (!_showLabel) {
         return null;
     }
-    const content = _e2eeLabels?.labelToolTip || t('e2ee.labelToolTip');
+    const content = _e2eeLabels?.tooltip || t('e2ee.labelToolTip');
 
     return (
         <Tooltip