feat(recording/LiveStream): native ui updates

* feat(a11y) buttons can now have toggled-aware a11y labels

.github/workflows/ci.yml

@@ -42,3 +42,25 @@ jobs:
         cache: 'npm'
     - run: npm install
     - run: make
+  android-build:
+    name: Build mobile bundle (Android)
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/checkout@v3
+    - uses: actions/setup-node@v3
+      with:
+        node-version: 16
+        cache: 'npm'
+    - run: npm install
+    - run: npx react-native bundle --entry-file react/index.native.js --platform android --bundle-output /tmp/android.bundle --reset-cache
+  ios-build:
+    name: Build mobile bundle (iOS)
+    runs-on: macOS-latest
+    steps:
+    - uses: actions/checkout@v3
+    - uses: actions/setup-node@v3
+      with:
+        node-version: 16
+        cache: 'npm'
+    - run: npm install
+    - run: npx react-native bundle --entry-file react/index.native.js --platform ios --bundle-output /tmp/ios.bundle --reset-cache

Makefile

@@ -44,12 +44,8 @@ deploy-appbundle:
 	cp \
 		$(BUILD_DIR)/app.bundle.min.js \
 		$(BUILD_DIR)/app.bundle.min.js.map \
-		$(BUILD_DIR)/do_external_connect.min.js \
-		$(BUILD_DIR)/do_external_connect.min.js.map \
 		$(BUILD_DIR)/external_api.min.js \
 		$(BUILD_DIR)/external_api.min.js.map \
-		$(BUILD_DIR)/dial_in_info_bundle.min.js \
-		$(BUILD_DIR)/dial_in_info_bundle.min.js.map \
 		$(BUILD_DIR)/alwaysontop.min.js \
 		$(BUILD_DIR)/alwaysontop.min.js.map \
 		$(OUTPUT_DIR)/analytics-ga.js \
@@ -70,7 +66,6 @@ deploy-lib-jitsi-meet:
 		$(LIBJITSIMEET_DIR)/dist/umd/lib-jitsi-meet.min.js \
 		$(LIBJITSIMEET_DIR)/dist/umd/lib-jitsi-meet.min.map \
 		$(LIBJITSIMEET_DIR)/dist/umd/lib-jitsi-meet.e2ee-worker.js \
-		$(LIBJITSIMEET_DIR)/connection_optimization/external_connect.js \
 		$(LIBJITSIMEET_DIR)/modules/browser/capabilities.json \
 		$(DEPLOY_DIR)
 
@@ -131,7 +126,7 @@ dev: deploy-init deploy-css deploy-rnnoise-binary deploy-tflite deploy-meet-mode
 
 source-package:
 	mkdir -p source_package/jitsi-meet/css && \
-	cp -r *.js *.html resources/*.txt connection_optimization favicon.ico fonts images libs static sounds LICENSE lang source_package/jitsi-meet && \
+	cp -r *.js *.html resources/*.txt favicon.ico fonts images libs static sounds LICENSE lang source_package/jitsi-meet && \
 	cp css/all.css source_package/jitsi-meet/css && \
 	(cd source_package ; tar cjf ../jitsi-meet.tar.bz2 jitsi-meet) && \
 	rm -rf source_package

app.js

@@ -33,17 +33,6 @@ window.APP = {
     API,
     conference,
 
-    // Used by do_external_connect.js if we receive the attach data after
-    // connect was already executed. status property can be 'initialized',
-    // 'ready', or 'connecting'. We are interested in 'ready' status only which
-    // means that connect was executed but we have to wait for the attach data.
-    // In status 'ready' handler property will be set to a function that will
-    // finish the connect process when the attach data or error is received.
-    connect: {
-        handler: null,
-        status: 'initialized'
-    },
-
     // Used for automated performance tests.
     connectionTimes: {
         'index.loaded': window.indexLoadedTime

conference.js

@@ -141,7 +141,7 @@ import {
     showNotification,
     showWarningNotification
 } from './react/features/notifications';
-import { mediaPermissionPromptVisibilityChanged } from './react/features/overlay';
+import { mediaPermissionPromptVisibilityChanged } from './react/features/overlay/actions';
 import { suspendDetected } from './react/features/power-monitor';
 import { initPrejoin, makePrecallTest, setJoiningInProgress } from './react/features/prejoin/actions';
 import { isPrejoinPageVisible } from './react/features/prejoin/functions';
@@ -153,6 +153,7 @@ import { createRnnoiseProcessor } from './react/features/stream-effects/rnnoise'
 import { endpointMessageReceived } from './react/features/subtitles';
 import { handleToggleVideoMuted } from './react/features/toolbox/actions.any';
 import { muteLocal } from './react/features/video-menu/actions.any';
+import { setIAmVisitor } from './react/features/visitors/actions';
 import UIEvents from './service/UI/UIEvents';
 
 const logger = Logger.getLogger(__filename);
@@ -342,6 +343,8 @@ class ConferenceConnector {
         case JitsiConferenceErrors.REDIRECTED: {
             generateVisitorConfig(APP.store.getState(), params);
 
+            APP.store.dispatch(setIAmVisitor(true));
+
             connection.disconnect().then(() => {
                 connect(this._conference.roomName).then(con => {
                     const localTracks = getLocalTracks(APP.store.getState()['features/base/tracks']);
@@ -1034,13 +1037,20 @@ export default {
             return;
         }
 
+        const state = APP.store.getState();
+
         if (!mute
-                && isUserInteractionRequiredForUnmute(APP.store.getState())) {
+                && isUserInteractionRequiredForUnmute(state)) {
             logger.error('Unmuting video requires user interaction');
 
             return;
         }
 
+        // check for A/V Moderation when trying to unmute and return early
+        if (!mute && shouldShowModeratedNotification(MEDIA_TYPE.VIDEO, state)) {
+            return;
+        }
+
         // If not ready to modify track's state yet adjust the base/media
         if (!this._localTracksInitialized) {
             // This will only modify base/media.video.muted which is then synced
@@ -1054,7 +1064,7 @@ export default {
             return;
         }
 
-        const localVideo = getLocalJitsiVideoTrack(APP.store.getState());
+        const localVideo = getLocalJitsiVideoTrack(state);
 
         if (!localVideo && !mute && !this.isCreatingLocalTrack) {
             const maybeShowErrorDialog = error => {

config.js

@@ -46,9 +46,9 @@ var config = {
     },
 
     // BOSH URL. FIXME: use XEP-0156 to discover it.
-    bosh: '//jitsi-meet.example.com/' + subdir + 'http-bind',
+    bosh: 'https://jitsi-meet.example.com/' + subdir + 'http-bind',
 
-    // Websocket URL
+    // Websocket URL (XMPP)
     // websocket: 'wss://jitsi-meet.example.com/' + subdir + 'xmpp-websocket',
 
     // The real JID of focus participant - can be overridden here
@@ -56,6 +56,19 @@ var config = {
     // https://github.com/jitsi/jitsi-meet/issues/7376
     // focusUserJid: 'focus@auth.jitsi-meet.example.com',
 
+    // Options related to the bridge (colibri) data channel
+    bridgeChannel: {
+        // If the backend advertises multiple colibri websockets, this options allows
+        // to filter some of them out based on the domain name. We use the first URL
+        // which does not match ignoreDomain, falling back to the first one that matches
+        // ignoreDomain. Has no effect if undefined.
+        // ignoreDomain: 'example.com',
+
+        // Prefer SCTP (WebRTC data channels over the media path) over a colibri websocket.
+        // If SCTP is available in the backend it will be used instead of a WS. Defaults to
+        // false (SCTP is used only if available and no WS are available).
+        // preferSctp: false
+    },
 
     // Testing / experimental features.
     //
@@ -1146,6 +1159,13 @@ var config = {
     //     }
     // },
 
+    // // The terms, privacy and help centre URL's.
+    // legalUrls: {
+    //     helpCentre: 'https://web-cdn.jitsi.net/faq/meet-faq.html',
+    //     privacy: 'https://jitsi.org/meet/privacy',
+    //     terms: 'https://jitsi.org/meet/terms'
+    // },
+
     // A property to disable the right click context menu for localVideo
     // the menu has option to flip the locally seen video for local presentations
     // disableLocalVideoFlip: false,
@@ -1365,7 +1385,6 @@ var config = {
      dialOutRegionUrl
      disableRemoteControl
      displayJids
-     externalConnectUrl
      e2eeLabels
      firefox_fake_device
      googleApiApplicationClientID

connection.js

@@ -32,54 +32,6 @@ const logger = Logger.getLogger(__filename);
  */
 export const DISCO_JIBRI_FEATURE = 'http://jitsi.org/protocol/jibri';
 
-/**
- * Checks if we have data to use attach instead of connect. If we have the data
- * executes attach otherwise check if we have to wait for the data. If we have
- * to wait for the attach data we are setting handler to APP.connect.handler
- * which is going to be called when the attach data is received otherwise
- * executes connect.
- *
- * @param {string} [id] user id
- * @param {string} [password] password
- * @param {string} [roomName] the name of the conference.
- */
-function checkForAttachParametersAndConnect(id, password, connection) {
-    if (window.XMPPAttachInfo) {
-        APP.connect.status = 'connecting';
-
-        // When connection optimization is not deployed or enabled the default
-        // value will be window.XMPPAttachInfo.status = "error"
-        // If the connection optimization is deployed and enabled and there is
-        // a failure the value will be window.XMPPAttachInfo.status = "error"
-        if (window.XMPPAttachInfo.status === 'error') {
-            connection.connect({
-                id,
-                password
-            });
-
-            return;
-        }
-
-        const attachOptions = window.XMPPAttachInfo.data;
-
-        if (attachOptions) {
-            connection.attach(attachOptions);
-            delete window.XMPPAttachInfo.data;
-        } else {
-            connection.connect({
-                id,
-                password
-            });
-        }
-    } else {
-        APP.connect.status = 'ready';
-        APP.connect.handler
-            = checkForAttachParametersAndConnect.bind(
-                null,
-                id, password, connection);
-    }
-}
-
 /**
  * Try to open connection using provided credentials.
  * @param {string} [id]
@@ -182,7 +134,10 @@ export async function connect(id, password) {
             APP.store.dispatch(setPrejoinDisplayNameRequired());
         }
 
-        checkForAttachParametersAndConnect(id, password, connection);
+        connection.connect({
+            id,
+            password
+        });
     });
 }
 

connection_optimization/.eslintrc.js

@@ -1,3 +0,0 @@
-module.exports = {
-    'extends': '../react/.eslintrc.js'
-};

connection_optimization/do_external_connect.js

@@ -1,86 +0,0 @@
-/* global config, createConnectionExternally */
-
-import getRoomName from '../react/features/base/config/getRoomName';
-import { parseURLParams } from '../react/features/base/util/parseURLParams';
-
-/**
- * Implements external connect using createConnectionExternally function defined
- * in external_connect.js for Jitsi Meet. Parses the room name and JSON Web
- * Token (JWT) from the URL and executes createConnectionExternally.
- *
- * NOTE: If you are using lib-jitsi-meet without Jitsi Meet, you should use this
- * file as reference only because the implementation is Jitsi Meet-specific.
- *
- * NOTE: For optimal results this file should be included right after
- * external_connect.js.
- */
-
-if (typeof createConnectionExternally === 'function') {
-    // URL params have higher priority than config params.
-    // Do not use external connect if websocket is enabled.
-    let url
-        = parseURLParams(window.location, true, 'hash')[
-                'config.externalConnectUrl']
-            || config.websocket ? undefined : config.externalConnectUrl;
-    const isRecorder
-        = parseURLParams(window.location, true, 'hash')['config.iAmRecorder'];
-
-    let roomName;
-
-    if (url && (roomName = getRoomName()) && !isRecorder) {
-        url += `?room=${roomName}`;
-
-        const token = parseURLParams(window.location, true, 'search').jwt;
-
-        if (token) {
-            url += `&token=${token}`;
-        }
-
-        createConnectionExternally(
-            url,
-            connectionInfo => {
-                // Sets that global variable to be used later by connect method
-                // in connection.js.
-                window.XMPPAttachInfo = {
-                    status: 'success',
-                    data: connectionInfo
-                };
-                checkForConnectHandlerAndConnect();
-            },
-            errorCallback);
-    } else {
-        errorCallback();
-    }
-} else {
-    errorCallback();
-}
-
-/**
- * Check if connect from connection.js was executed and executes the handler
- * that is going to finish the connect work.
- *
- * @returns {void}
- */
-function checkForConnectHandlerAndConnect() {
-    window.APP
-        && window.APP.connect.status === 'ready'
-        && window.APP.connect.handler();
-}
-
-/**
- * Implements a callback to be invoked if anything goes wrong.
- *
- * @param {Error} error - The specifics of what went wrong.
- * @returns {void}
- */
-function errorCallback(error) {
-    // The value of error is undefined if external connect is disabled.
-    error && console.warn(error);
-
-    // Sets that global variable to be used later by connect method in
-    // connection.js.
-    window.XMPPAttachInfo = {
-        status: 'error'
-    };
-    checkForConnectHandlerAndConnect();
-}

css/_audio-preview.scss

@@ -4,7 +4,7 @@
     &-content {
         position: relative;
         right: auto;
-        margin-bottom: 8px;
+        margin-bottom: 4px;
         max-height: 456px;
         overflow: auto;
         width: 300px;
@@ -22,11 +22,7 @@
     }
 
     &-entry-text {
-        display: inline-block;
-        text-overflow: ellipsis;
         max-width: 213px;
-        overflow: hidden;
-        white-space: nowrap;
 
         &.left-margin {
             margin-left: 36px;

css/_meetings_list.scss

@@ -82,6 +82,7 @@
         }
 
         .left-column {
+            order: -1;
             display: flex;
             flex-direction: column;
             flex-grow: 0;
@@ -92,6 +93,7 @@
         .right-column {
             display: flex;
             flex-direction: column;
+            align-items: flex-start;
             flex-grow: 1;
             padding-left: 16px;
             padding-top: 13px;
@@ -99,11 +101,11 @@
         }
 
         .title {
-                font-size: 12px;
-                font-weight: 600;
-                line-height: 16px;
-                padding-bottom: 4px;
-            }
+            font-size: 12px;
+            font-weight: 600;
+            line-height: 16px;
+            margin-bottom: 4px;
+        }
 
         .subtitle {
             color: #5E6D7A;
@@ -125,8 +127,7 @@
             cursor: pointer;
         }
 
-        &.with-click-handler:hover,
-        &.with-click-handler:focus {
+        &.with-click-handler:hover {
             background-color: #c7ddff;
         }
 

css/_polls.scss

@@ -1,3 +1,3 @@
-#polls-panel {
+.polls-panel {
     height: calc(100% - 119px);
 }

css/_variables.scss

@@ -201,11 +201,6 @@ $deepLinkingDialInConferenceIdPadding: inherit;
 $deepLinkingDialInConferenceIdBackgroundColor: inherit;
 $deepLinkingDialInConferenceIdBorderRadius: inherit;
 
-$deepLinkingDialInConferenceNameFontSize: inherit;
-$deepLinkingDialInConferenceNameLineHeight: inherit;
-$deepLinkingDialInConferenceNameMarginBottom: none;
-$deepLinkingDialInConferenceNameFontWeight: inherit;
-
 $deepLinkingDialInConferenceDescriptionFontSize: 0.8em;
 $deepLinkingDialInConferenceDescriptionLineHeight: inherit;
 $deepLinkingDialInConferenceDescriptionMarginBottom: none;

css/_video-preview.scss

@@ -3,49 +3,38 @@
     display: inline-block;
 
     &-container {
-        max-height: 344px;
-        background: $menuBG;
-        border-radius: 3px;
+        max-height: 456px;
         overflow: auto;
-        padding: 8px;
-        margin-bottom: 8px;
+        margin-bottom: 4px;
+        position: relative;
+        right: auto;
     }
 
     &-entry {
         cursor: pointer;
-        height: 168px;
-        margin-bottom: 8px;
+        height: 138px;
+        width: 244px;
         position: relative;
-        width: 284px;
+        margin: 0 7px 4px;
+        border-radius: 6px;
+        box-sizing: border-box;
+        overflow: hidden;
 
         &:last-child {
             margin-bottom: 0;
         }
 
         &--selected {
-            border: 3px solid #31B76A;
-            border-radius: 3px;
-            cursor: default;
-            height: 162px;
-            width: 278px;
+            border: 2px solid #4687ED;
         }
     }
 
     &-video {
-        border-radius: 3px;
         height: 100%;
         object-fit: cover;
         width: 100%;
     }
 
-    &-overlay {
-        background: rgba(42, 58, 75, 0.6);
-        height: 100%;
-        position: absolute;
-        width: 100%;
-        z-index: 1;
-    }
-
     &-error {
         align-items: center;
         display: flex;
@@ -56,23 +45,22 @@
     }
 
     &-label {
-        bottom: 8px;
-        color: #fff;
         position: absolute;
-        width: 100%;
+        bottom: 0;
+        left: 0;
+        right: 0;
+        max-width: 100%;
+        padding: 8px;
         z-index: 2;
 
-        &-container {
-            margin: 0 16px;
-        }
-
         &-text {
-            background-color: #131519;
-            border-radius: 3px;
-            padding: 2px 8px;
-            font-size: 13px;
-            line-height: 20px;
-            margin: 0 auto;
+            background-color: rgba(0, 0, 0, 0.7);
+            border-radius: 4px;
+            padding: 4px 8px;
+            color: #fff;
+            font-size: 12px;
+            line-height: 16px;
+            font-weight: 600;
             max-width: calc(100% - 16px);
             overflow: hidden;
             text-overflow: ellipsis;
@@ -80,8 +68,8 @@
             white-space: nowrap;
         }
     }
-    // Override @atlaskit/InlineDialog container which is made with styled components
-    & > div:nth-child(2) {
-        padding: 0;
+
+    &-checkbox-container {
+        padding: 10px 14px;
     }
 }

css/_welcome_page.scss

@@ -90,7 +90,7 @@ body.welcome-page {
                     font-size: 14px;
                     padding-left: 10px;
 
-                    &:focus {
+                    &.focus-visible {
                         outline: auto 2px #005fcc;
                     }
                 }
@@ -167,7 +167,7 @@ body.welcome-page {
             margin: 4px;
             display: $welcomePageTabButtonsDisplay;
 
-            .tab {
+            [role="tab"] {
                 background-color: #c7ddff;
                 border-radius: 7px;
                 cursor: pointer;
@@ -176,8 +176,10 @@ body.welcome-page {
                 margin: 2px;
                 padding: 7px 0;
                 text-align: center;
+                color: inherit;
+                border: 0;
 
-                &.selected {
+                &[aria-selected="true"] {
                     background-color: #FFF;
                 }
             }

css/deep-linking/_mobile.scss

@@ -67,6 +67,13 @@
             font-size: 1em;
         }
 
+
+        .dial-in-conference-id {
+            text-align: center;
+            min-width: 200px;
+            margin-top: 40px;
+        }
+
         .dial-in-conference-id {
             margin: $deepLinkingDialInConferenceIdMargin;
             padding: $deepLinkingDialInConferenceIdPadding;
@@ -74,24 +81,12 @@
             border-radius: $deepLinkingDialInConferenceIdBorderRadius;
         }
 
-        .dial-in-conference-name {
-            font-size: $deepLinkingDialInConferenceNameFontSize;
-            line-height: $deepLinkingDialInConferenceNameLineHeight;
-            margin-bottom: $deepLinkingDialInConferenceNameMarginBottom;
-            font-weight: $deepLinkingDialInConferenceNameFontWeight;
-        }
-
         .dial-in-conference-description {
             font-size: $deepLinkingDialInConferenceDescriptionFontSize;
             line-height: $deepLinkingDialInConferenceDescriptionLineHeight;
             margin-bottom: $deepLinkingDialInConferenceDescriptionMarginBottom;
         }
 
-        .dial-in-conference-pin {
-            font-size: $deepLinkingDialInConferencePinFontSize;
-            line-height: $deepLinkingDialInConferencePinLineHeight;
-        }
-
         .toll-free-list {
             min-width: 80px;
         }

css/main.scss

@@ -33,7 +33,6 @@ $flagsImagePath: "../images/";
 @import 'reload_overlay/reload_overlay';
 @import 'mini_toolbox';
 @import 'modals/desktop-picker/desktop-picker';
-@import 'modals/device-selection/device-selection';
 @import 'modals/dialog';
 @import 'modals/embed-meeting/embed-meeting';
 @import 'modals/feedback/feedback';

css/modals/desktop-picker/_desktop-picker.scss

@@ -63,3 +63,8 @@
 .desktop-source-preview-image-container {
     padding: 10px;
 }
+
+.desktop-picker-tabs-container {
+    width: 65%;
+    margin-top: 3px;
+}

css/modals/device-selection/_device-selection.scss

@@ -1,148 +0,0 @@
-.device-selection {
-    .device-selectors {
-        font-size: 14px;
-
-        > div {
-            display: block;
-            margin-bottom: 4px;
-        }
-
-        .device-selector-icon {
-            align-self: center;
-            color: inherit;
-            font-size: 20px;
-            margin-left: 3px;
-        }
-
-        .device-selector-label {
-            margin-bottom: 1px;
-        }
-
-        /* device-selector-trigger stylings attempt to mimic AtlasKit button */
-        .device-selector-trigger {
-            background-color: #0E1624;
-            border: 1px solid #455166;
-            border-radius: 5px;
-            display: flex;
-            height: 2.3em;
-            justify-content: space-between;
-            line-height: 2.3em;
-            overflow: hidden;
-            padding: 0 8px;
-        }
-        .device-selector-trigger-disabled {
-            .device-selector-trigger {
-                color: #a5adba;
-                cursor: default;
-            }
-        }
-
-        .device-selector-trigger-text {
-            overflow: hidden;
-            text-align: center;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-            width: 100%;
-        }
-    }
-
-    .device-selection-column {
-        box-sizing: border-box;
-        display: inline-block;
-        vertical-align: top;
-
-        &.column-selectors {
-            margin-left: 15px;
-            width: 45%;
-        }
-
-        &.column-video {
-            width: 50%;
-        }
-    }
-
-    .device-selection-video-container {
-        border-radius: 3px;
-        margin-bottom: 5px;
-
-        .video-input-preview {
-            margin-top: 2px;
-            position: relative;
-
-            > video {
-                border-radius: 3px;
-            }
-
-            .video-input-preview-error {
-                color: $participantNameColor;
-                display: none;
-                left: 0;
-                position: absolute;
-                right: 0;
-                text-align: center;
-                top: 50%;
-            }
-
-            &.video-preview-has-error {
-                background: black;
-
-                .video-input-preview-error {
-                    display: block;
-                }
-            }
-
-            .video-input-preview-display {
-                height: auto;
-                overflow: hidden;
-                width: 100%;
-            }
-        }
-    }
-
-    .audio-output-preview {
-        font-size: 14px;
-
-        a {
-            color: #6FB1EA;
-            cursor: pointer;
-            text-decoration: none;
-        }
-
-        a:hover {
-            color: #B3D4FF;
-        }
-    }
-
-    .audio-input-preview {
-        background: #1B2638;
-        border-radius: 5px;
-        height: 8px;
-
-        .audio-input-preview-level {
-            background: #75B1FF;
-            border-radius: 5px;
-            height: 100%;
-            -webkit-transition: width .1s ease-in-out;
-            -moz-transition: width .1s ease-in-out;
-            -o-transition: width .1s ease-in-out;
-            transition: width .1s ease-in-out;
-        }
-    }
-}
-
-.device-selection.video-hidden {
-    display: flex;
-    flex-direction: column;
-    width: 100%;
-
-    .column-selectors {
-        width: 100%;
-        margin-left: 0;
-    }
-
-    .column-video {
-        order: 1;
-        width: 100%;
-        margin-top: 8px;
-    }
-}

css/modals/feedback/_feedback.scss

@@ -44,61 +44,3 @@
     -webkit-animation-timing-function: ease-in-out;
     animation-timing-function: ease-in-out
 }
-
-.feedback-dialog {
-    margin-bottom: 5px;
-
-    .details {
-        textarea {
-            min-height: 100px;
-        }
-    }
-
-    .input-control {
-        background-color: $feedbackInputBg;
-        color: $feedbackInputTextColor;
-
-        &::-webkit-input-placeholder {
-            color: $feedbackInputPlaceholderColor;
-        }
-        &::-moz-placeholder {  /* Firefox 19+ */
-            color: $feedbackInputPlaceholderColor;
-        }
-        &:-ms-input-placeholder {
-            color: $feedbackInputPlaceholderColor;
-        }
-    }
-
-    .rating {
-        line-height: 1.2;
-        margin-top: 10px;
-        text-align: center;
-
-        .star-label {
-            font-size: 14px;
-            height: 16px;
-        }
-
-        .star-btn {
-            color: inherit;
-            cursor: pointer;
-            display: inline-block;
-            font-size: 34px;
-            outline: none;
-            position: relative;
-            text-decoration: none;
-            @include transition(all .2s ease);
-
-            &.active,
-            &:hover,
-            &.starHover {
-                color: #36B37E;
-            };
-
-        }
-        .star-btn:focus,
-        .star-btn:active {
-            outline: 1px solid #B8C7E0;
-        }
-    }
-}

css/modals/invite/_info.scss

@@ -50,6 +50,8 @@
 }
 
 .dial-in-numbers-list {
+    max-width: 334px;
+    width: 100%;
     margin-top: 20px;
     font-size: 12px;
     line-height: 24px;
@@ -59,10 +61,6 @@
         text-align: left;
     }
 
-    tr {
-        border-bottom: 1px solid #d1dbe8;
-    }
-
     .flag-cell {
         vertical-align: top;
         width: 30px;
@@ -91,6 +89,7 @@
         font-weight: bold;
         list-style: none;
         vertical-align: top;
+        text-align: right;
     }
 
     li.toll-free:empty:before {
@@ -119,11 +118,6 @@
         margin-top: 40px;
     }
 
-    .dial-in-conference-name,
-    .dial-in-conference-pin {
-        font-size: 18px;
-    }
-
     .dial-in-conference-description {
         margin: 12px;
     }

css/premeeting/_prejoin.scss

@@ -60,6 +60,7 @@
 
 .prejoin-input {
     margin-bottom: 16px;
+    width: 100%;
 
     & input {
         text-align: center;

debian/jitsi-meet-web.install

@@ -8,7 +8,6 @@ sounds					/usr/share/jitsi-meet/
 fonts					/usr/share/jitsi-meet/
 images					/usr/share/jitsi-meet/
 lang					/usr/share/jitsi-meet/
-connection_optimization	/usr/share/jitsi-meet/
 resources/robots.txt	/usr/share/jitsi-meet/
 resources/*.sh			/usr/share/jitsi-meet/scripts/
 pwa-worker.js			/usr/share/jitsi-meet/

doc/debian/jitsi-meet/jitsi-meet.example

@@ -93,7 +93,7 @@ server {
     }
 
     # ensure all static content can always be found first
-    location ~ ^/(libs|css|static|images|fonts|lang|sounds|connection_optimization|.well-known)/(.*)$
+    location ~ ^/(libs|css|static|images|fonts|lang|sounds|.well-known)/(.*)$
     {
         add_header 'Access-Control-Allow-Origin' '*';
         alias /usr/share/jitsi-meet/$1/$2;

index.html

@@ -182,8 +182,6 @@
             'error', loadErrHandler, true /* capture phase type of listener */);
     </script>
     <script><!--#include virtual="/config.js" --></script><!-- adapt to your needs, i.e. set hosts and bosh path -->
-    <!--#include virtual="connection_optimization/connection_optimization.html" -->
-    <script src="libs/do_external_connect.min.js?v=1"></script>
     <script><!--#include virtual="/interface_config.js" --></script>
     <script src="libs/lib-jitsi-meet.min.js?v=139"></script>
     <script src="libs/app.bundle.min.js?v=139"></script>

ios/Podfile.lock

@@ -389,7 +389,7 @@ PODS:
   - react-native-video/Video (6.0.0-alpha.1):
     - PromisesSwift
     - React-Core
-  - react-native-webrtc (106.0.5):
+  - react-native-webrtc (106.0.7):
     - JitsiWebRTC (~> 106.0.0)
     - React-Core
   - react-native-webview (11.15.1):
@@ -754,7 +754,7 @@ SPEC CHECKSUMS:
   react-native-slider: 6e9b86e76cce4b9e35b3403193a6432ed07e0c81
   react-native-splash-screen: 4312f786b13a81b5169ef346d76d33bc0c6dc457
   react-native-video: bb6f12a7198db53b261fefb5d609dc77417acc8b
-  react-native-webrtc: ef315d8adb68e78298b22100377d12ef168efdb5
+  react-native-webrtc: 0df36747802476e758af6b6dceccdeaed8c826c2
   react-native-webview: ea4899a1056c782afa96dd082179a66cbebf5504
   React-perflogger: 0458a87ea9a7342079e7a31b0d32b3734fb8415f
   React-RCTActionSheet: 22538001ea2926dea001111dd2846c13a0730bc9

lang/languages.json

@@ -7,6 +7,7 @@
     "cs": "Čeština",
     "da": "Dansk",
     "de": "Deutsch",
+    "dsb": "Dolnoserbšćina",
     "el": "Ελληνικά",
     "en": "English",
     "enGB": "English (United Kingdom)",

lang/main-ca.json

@@ -11,7 +11,6 @@
         "defaultEmail": "La vostra adreça de correu electrònic predeterminada",
         "disabled": "No podeu convidar-hi persones.",
         "failedToAdd": "No s'han pogut afegir-hi participants",
-        "footerText": "La marcació està desactivada.",
         "googleEmail": "Correu de Google",
         "inviteMoreHeader": "Sou l'única persona en la reunió",
         "inviteMoreMailSubject": "Entra a la reunió {{appName}}",
@@ -97,6 +96,7 @@
         "messageAccessibleTitleMe": "jo dic:",
         "messageTo": "Missatge privat per a {{recipient}}",
         "messagebox": "Escriviu un missatge",
+        "newMessages": "Missatges nous",
         "nickname": {
             "popover": "Trieu un sobrenom",
             "title": "Introduïu un sobrenom per a usar el xat",
@@ -116,6 +116,7 @@
     },
     "chromeExtensionBanner": {
         "buttonText": "Instal·la l'extensió de Chrome",
+        "buttonTextEdge": "Instal·la l'extensió d'Edge",
         "close": "Tanca",
         "dontShowAgain": "No m'ho mostris més",
         "installExtensionText": "Instal·la l'extensió per a la integració amb Google Calendar i Office 365"
@@ -206,6 +207,9 @@
         "selectADevice": "Seleccioneu un aparell",
         "testAudio": "Reprodueix un so de prova"
     },
+    "dialIn": {
+        "screenTitle": "Resum de la trucada"
+    },
     "dialOut": {
         "statusMessage": "ara és {{status}}"
     },
@@ -267,6 +271,7 @@
         "gracefulShutdown": "El nostre servei ara mateix és en manteniment. Torneu-ho a intentar més tard.",
         "grantModeratorDialog": "Esteu segur que voleu concedir drets de moderador a {{participantName}}?",
         "grantModeratorTitle": "Concedeix drets de moderador",
+        "hide": "Amaga",
         "hideShareAudioHelper": "No tornis a mostrar aquest diàleg",
         "incorrectPassword": "El nom o la contrasenya no són correctes",
         "incorrectRoomLockPassword": "La contrasenya no és correcta",
@@ -281,7 +286,6 @@
         "linkMeetingTitle": "Enllaça la reunió a Salesforce",
         "liveStreaming": "Transmissió en directe",
         "liveStreamingDisabledBecauseOfActiveRecordingTooltip": "No és possible mentre l'enregistrament estigui actiu",
-        "liveStreamingDisabledTooltip": "No es pot iniciar la transmissió en directe.",
         "localUserControls": "Controls locals d'usuari",
         "lockMessage": "No s'ha pogut blocar la conferència.",
         "lockRoom": "Afegeix una $t(lockRoomPassword) de reunió",
@@ -336,7 +340,6 @@
         "recentlyUsedObjects": "Els objectes que heu usat recentment",
         "recording": "Enregistrament",
         "recordingDisabledBecauseOfActiveLiveStreamingTooltip": "No és possible mentre hi ha una transmissió en directe activa",
-        "recordingDisabledTooltip": "No es pot enregistrar.",
         "rejoinNow": "Torna a entrar ara",
         "remoteControlAllowedMessage": "{{user}} ha acceptat la petició de control remot!",
         "remoteControlDeniedMessage": "{{user}} ha rebutjat la petició de control remot!",
@@ -386,6 +389,7 @@
         "shareYourScreenDisabled": "S'ha inhabilitat la compartició de pantalla.",
         "sharedVideoDialogError": "Error: URL no vàlid",
         "sharedVideoLinkPlaceholder": "Enllaç de YouTube o enllaç directe del vídeo",
+        "show": "Mostra",
         "start": "Inicia",
         "startLiveStreaming": "Inicia la transmissió en directe",
         "startRecording": "Inicia l'enregistrament",
@@ -476,9 +480,11 @@
         "noRoom": "No s'ha indicat cap sala a què marcar.",
         "numbers": "Números de marcatge",
         "password": "$t(lockRoomPasswordUppercase): ",
+        "reachedLimit": "Heu arribat al límit del vostre pla.",
         "sip": "Adreça SIP",
         "title": "Comparteix",
-        "tooltip": "Comparteix l'enllaç i la informació de marcatge d'aquesta reunió"
+        "tooltip": "Comparteix l'enllaç i la informació de marcatge d'aquesta reunió",
+        "upgradeOptions": "Vegeu les opcions d'actualització"
     },
     "inlineDialogFailure": {
         "msg": "Vam ensopegar una mica.",
@@ -513,6 +519,10 @@
         "toggleShortcuts": "Mostra o amaga les dreceres de teclat",
         "videoMute": "Inicia o atura la càmera"
     },
+    "largeVideo": {
+        "screenIsShared": "Esteu compartint la pantalla",
+        "showMeWhatImSharing": "Mostra'm què estic compartint"
+    },
     "liveStreaming": {
         "busy": "Treballem per a alliberar recursos de transmissió. Torneu-ho a intentar en uns minuts.",
         "busyTitle": "Ara mateix, tots els reproductors són ocupats",
@@ -616,6 +626,7 @@
         "no": "No",
         "participant": "Participant",
         "participantStats": "Estadístiques del participant",
+        "selectTabTitle": "🎥 Trieu aquesta pestanya per a enregistrar",
         "sessionToken": "Identificador de la sessió",
         "start": "Inicia l'enregistrament",
         "stop": "Atura l'enregistrament",
@@ -638,6 +649,8 @@
         "connectedOneMember": "{{name}} s'ha unit a la reunió",
         "connectedThreePlusMembers": "{{name}} i molts altres s'han unit a la reunió",
         "connectedTwoMembers": "{{first}} i {{second}} s'han unit a la reunió",
+        "dataChannelClosed": "Qualitat del vídeo deteriorada",
+        "dataChannelClosedDescription": "El canal pont s'ha desconnectat i per la qualitat de vídeo està limitada al valor inferior.",
         "disconnected": "desconnectat",
         "displayNotifications": "Mostra les notificacions sobre",
         "focus": "Focus de la conferència",
@@ -658,6 +671,8 @@
         "linkToSalesforceKey": "Enllaça aquesta reunió",
         "linkToSalesforceProgress": "S'està enllaçant la reunió a Salesforce...",
         "linkToSalesforceSuccess": "La reunió s'ha enllaçat a Salesforce",
+        "localRecordingStarted": "{{name}} ha iniciat un enregistrament local.",
+        "localRecordingStopped": "{{name}} ha aturat has stopped a local recording.",
         "me": "Jo",
         "moderationInEffectCSDescription": "Aixequeu la mà si voleu compartir la pantalla.",
         "moderationInEffectCSTitle": "El moderador ha blocat la compartició de pantalla",
@@ -678,6 +693,10 @@
         "newDeviceAction": "Usa",
         "newDeviceAudioTitle": "S'ha detectat un aparell d'àudio nou",
         "newDeviceCameraTitle": "S'ha detectat una càmera nova",
+        "noiseSuppressionDesktopAudioDescription": "La supressió de soroll no es pot activar mentre es comparteix l'àudio de l'escriptori. Desactiveu-lo i proveu una altra vegada.",
+        "noiseSuppressionFailedTitle": "No s'ha pogut iniciar la supressió de soroll",
+        "noiseSuppressionNoTrackDescription": "Abans, activeu el vostre micròfon.",
+        "noiseSuppressionStereoDescription": "Ara per ara, no és possible la supressió de soroll d'àudio en estèreo",
         "oldElectronClientDescription1": "Sembla que useu una versió antiga del client Jitsi Meet, que té vulnerabilitats de seguretat conegudes. Assegureu-vos d'actualitzar-lo",
         "oldElectronClientDescription2": "última construcció",
         "oldElectronClientDescription3": "ara!",
@@ -813,6 +832,7 @@
         "initiated": "S'ha iniciat la trucada",
         "joinAudioByPhone": "Entra amb àudio de telèfon",
         "joinMeeting": "Entra a la reunió",
+        "joinMeetingInLowBandwidthMode": "Uneix-t'hi en mode de poca amplada de banda",
         "joinWithoutAudio": "Entra sense àudio",
         "keyboardShortcuts": "Activa les dreceres del teclat",
         "linkCopied": "L'enllaç s'ha copiat al porta-retalls",
@@ -888,13 +908,23 @@
         "limitNotificationDescriptionWeb": "A causa de la gran demanda, l'enregistrament es limitarà a {{limit}} min. Per a enregistraments il·limitats, proveu <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
         "linkGenerated": "S'ha generat un enllaç a l'enregistrament.",
         "live": "EN DIRECTE",
+        "localRecordingNoNotificationWarning": "L'enregistrament no s'anunciarà als altres participants. Els haureu d'informar que la reunió s'està enregistrant.",
+        "localRecordingNoVideo": "El vídeo no s'està enregistrant",
+        "localRecordingStartWarning": "Assegureu-vos que atureu l'enregistrament abans de sortir de la reunió per a poder-lo desar.",
+        "localRecordingStartWarningTitle": "Atura l'enregistrament per a desar-lo",
+        "localRecordingVideoStop": "Aturar el vídeo també aturarà l'enregistrament local. Segur que voleu continuar?",
+        "localRecordingVideoWarning": "Per a enregistrar el vostre vídeo, cal que ho feu en començar l'enregistrament",
+        "localRecordingWarning": "Assegureu-vos de triar la pestanya actual per a poder usar el vídeo i àudios correctes. L'enregistrament actualment està limitat a 1 GB. Això són, aproximadament, 100 minuts.",
         "loggedIn": "Sessió iniciada com a {{userName}}",
+        "noStreams": "No s'ha detectat flux d'àudio ni vídeo.",
         "off": "S'ha aturat l'enregistrament",
         "offBy": "{{name}} ha aturat l'enregistrament",
         "on": "L'enregistrament ha començat",
         "onBy": "{{name}} ha iniciat l'enregistrament",
+        "onlyRecordSelf": "Enregistra només el meu àudio i vídeo",
         "pending": "S'està preparant per a enregistrar la reunió...",
         "rec": "ENREG",
+        "saveLocalRecording": "Desa el fitxer de l'enregistrament en local (beta)",
         "serviceDescription": "El servei d'enregistrament desarà el vostre enregistrament",
         "serviceDescriptionCloud": "Enregistrament al núvol",
         "serviceDescriptionCloudInfo": "Les reunions enregistrades s'esborren automàticament 24 hores després de l'enregistrament.",
@@ -902,6 +932,7 @@
         "sessionAlreadyActive": "Aquesta sessió ja s'està enregistrant o emetent en directe.",
         "signIn": "Inicia la sessió",
         "signOut": "Tanca la sessió",
+        "surfaceError": "Trieu la pestanya actual.",
         "title": "Enregistrament",
         "unavailable": "Vaja! El servei  {{serviceName}} ara mateix no és disponible. Treballem per a resoldre el problema. Torneu-ho a intentar més tard.",
         "unavailableTitle": "L'enregistrament no és disponible",
@@ -918,6 +949,7 @@
         "title": "Opcions de seguretat"
     },
     "settings": {
+        "buttonLabel": "Paràmetres",
         "calendar": {
             "about": "La integració de l'agenda {{appName}} s'usa per a accedir de forma segura a la vostra agenda perquè pugui llegir els esdeveniments pròxims.",
             "disconnect": "Desconnectat",
@@ -941,6 +973,7 @@
         "name": "Nom",
         "noDevice": "Cap",
         "participantJoined": "S'ha unit un participant",
+        "participantKnocking": "El participant ha entrat a la sala d'espera",
         "participantLeft": "Un participant ha sortit de la reunió",
         "playSounds": "Reprodueix el so",
         "reactions": "Reaccions de la reunió",
@@ -970,13 +1003,21 @@
         "disableCrashReportingWarning": "Esteu segur que voleu desactivar l'informe de fallades? La configuració s'aplicarà després de reiniciar l'aplicació.",
         "disableP2P": "Desactiva el mode d'igual a igual",
         "displayName": "Nom visible",
+        "displayNamePlaceholderText": "P. ex.: Pere Cullera",
         "email": "Adreça electrònica",
+        "emailPlaceholderText": "email@example.com",
+        "goTo": "Ves a",
         "header": "Configuració",
+        "help": "Ajuda",
+        "links": "Enllaços",
+        "privacy": "Privadesa",
         "profileSection": "Perfil",
         "serverURL": "URL del servidor",
         "showAdvanced": "Mostra la configuració avançada",
+        "startCarModeInLowBandwidthMode": "Inicia el mode cotxe en el mode d'amplada de banda baixa",
         "startWithAudioMuted": "Comença amb l'àudio silenciat",
         "startWithVideoMuted": "Comença amb el vídeo desactivat",
+        "terms": "Condicions",
         "version": "Versió"
     },
     "share": {
@@ -1003,6 +1044,7 @@
     },
     "startupoverlay": {
         "genericTitle": "La reunió requereix usar el micròfon i la càmera.",
+        "policyText": "",
         "title": "{{app}} requereix usar el micròfon i la càmera."
     },
     "suspendedoverlay": {
@@ -1013,6 +1055,7 @@
     "termsView": {
         "title": "Condicions"
     },
+    "toggleTopPanelLabel": "Mostra o amaga el panell superior",
     "toolbar": {
         "Settings": "Configuració",
         "accessibilityLabel": {
@@ -1030,6 +1073,7 @@
             "document": "Activa o desactiva el document compartit",
             "download": "Baixeu les nostres aplicacions",
             "embedMeeting": "Insereix la reunió",
+            "endConference": "Finalitza la reunió per a tothom",
             "expand": "Expandeix",
             "feedback": "Deixa comentaris",
             "fullScreen": "Activa o desactiva la pantalla completa",
@@ -1054,6 +1098,7 @@
             "muteEveryoneElse": "Silencia tots els altres participants",
             "muteEveryoneElsesVideoStream": "Atura el vídeo a tots els altres",
             "muteEveryonesVideoStream": "Atura el vídeo a tothom",
+            "noiseSuppression": "Supressió de soroll",
             "participants": "Participants",
             "pip": "Activa o desactiva el mode imatge en imatge",
             "privateMessage": "Envia un missatge privat",
@@ -1079,7 +1124,8 @@
             "toggleCamera": "Activa o desactiva la càmera",
             "toggleFilmstrip": "Mostra o amaga la cinta",
             "videoblur": "Activa o desactiva el desenfocament del vídeo",
-            "videomute": "Activa o desactiva la càmera"
+            "videomute": "Activa o desactiva la càmera",
+            "whiteboard": "Mostra o amaga la pissarra"
         },
         "addPeople": "Afegeix persones a la trucada",
         "audioOnlyOff": "Desactiva el mode de poca amplada de banda",
@@ -1093,12 +1139,14 @@
         "clap": "Picament de mans",
         "closeChat": "Tanca el xat",
         "closeReactionsMenu": "Tanca el menú de reaccions",
+        "disableNoiseSuppression": "Desactiva la supressió de soroll",
         "disableReactionSounds": "Podeu desactivar els sons de reacció per a aquesta reunió",
         "documentClose": "Tanca el document compartit",
         "documentOpen": "Obre el document compartit",
         "download": "Baixeu les nostres aplicacions",
         "e2ee": "Xifratge d'extrem a extrem",
         "embedMeeting": "Insereix la reunió",
+        "endConference": "Finalitza la reunió per a tothom",
         "enterFullScreen": "Mostra en pantalla completa",
         "enterTileView": "Mostra en mode mosaic",
         "exitFullScreen": "Surt de la pantalla completa",
@@ -1107,6 +1155,7 @@
         "giphy": "Mostra o amaga el menú GIPHY",
         "hangup": "Surt la reunió",
         "help": "Ajuda",
+        "hideWhiteboard": "Amaga la pissarra",
         "invite": "Convida-hi persones",
         "joinBreakoutRoom": "Entra a la sala de descans",
         "laugh": "Riure",
@@ -1129,6 +1178,7 @@
         "noAudioSignalDialInDesc": "També podeu marcar usant:",
         "noAudioSignalDialInLinkDesc": "Números de marcatge",
         "noAudioSignalTitle": "No entra cap so pel vostre micròfon!",
+        "noiseSuppression": "Supressió de soroll",
         "noisyAudioInputDesc": "Sembla que el vostre micròfon fa soroll, considereu de silenciar-lo o canviar l'aparell.",
         "noisyAudioInputTitle": "Sembla que el micròfon fa soroll!",
         "openChat": "Obre el xat",
@@ -1151,6 +1201,7 @@
         "shareaudio": "Comparteix l'àudio",
         "sharedvideo": "Comparteix el vídeo",
         "shortcuts": "Mostra les dreceres",
+        "showWhiteboard": "Mostra la pissarra",
         "silence": "Silenci",
         "speakerStats": "Estadístiques de l'interlocutor",
         "startScreenSharing": "Atura la compartició de la pantalla",
@@ -1174,8 +1225,12 @@
         "labelToolTip": "La reunió s'està transcrivint",
         "off": "La transcripció s'ha aturat",
         "pending": "S'està preparant per a enregistrar la reunió...",
+        "sourceLanguageDesc": "La llengua actual de la reunió és <b>{{sourceLanguage}}</b>. <br/> Podeu canviar-la",
+        "sourceLanguageHere": "aquí",
         "start": "Activa els subtítols",
         "stop": "Desactiva els subtítols",
+        "subtitles": "Subtítols",
+        "subtitlesOff": "Inactiu",
         "tr": "TR"
     },
     "userMedia": {
@@ -1311,6 +1366,7 @@
         "roomname": "Introduïu el nom de la sala",
         "roomnameHint": "Introduïu el nom o l'URL de la sala on voleu entrar. Podeu crear un nom, només cal que les persones amb qui us reuniu el coneguin i introdueixin el mateix nom.",
         "sendFeedback": "Envia comentaris",
+        "settings": "Paràmetres",
         "startMeeting": "Inicia la reunió",
         "terms": "Condicions",
         "title": "Videoconferència segura, plena de funcionalitats i completament gratuïta i lliure"

lang/main-de.json

@@ -184,13 +184,21 @@
     "deepLinking": {
         "appNotInstalled": "Sie benötigen die „{{app}}“-App, um der Konferenz auf dem Smartphone beizutreten.",
         "description": "Nichts passiert? Wir haben versucht, die Konferenz in {{app}} zu öffnen. Versuchen Sie es erneut oder treten Sie der Konferenz in {{app}} im Web bei.",
+        "descriptionNew": "Nichts passiert? Wir haben versucht, die Konferenz in {{app}} zu öffnen. <br /><br /> Versuchen Sie es erneut oder treten Sie der Konferenz im Web bei.",
         "descriptionWithoutWeb": "Ist nichts passiert? Wir haben versucht, Ihre Besprechung in der „{{app}}“-Desktop-App zu starten.",
         "downloadApp": "App herunterladen",
+        "downloadMobileApp": "Aus dem App Store herunterladen",
         "ifDoNotHaveApp": "Wenn Sie die App noch nicht haben:",
         "ifHaveApp": "Wenn Sie die App bereits haben:",
         "joinInApp": "Mit der App am Meeting teilnehmen",
+        "joinInAppNew": "Mit der App",
+        "joinInBrowser": "Im Browser",
+        "launchMeetingLabel": "Wie möchten Sie an der Konferenz teilnehmen?",
         "launchWebButton": "Im Web öffnen",
+        "noMobileApp": "Sie haben die App noch nicht installiert?",
+        "termsAndConditions": "Indem Sie fortfahren, stimmen Sie underen<a href='{{termsAndConditionsLink}}' rel='noopener noreferrer' target='_blank'>Nutzungsbedingungen</a> zu.",
         "title": "Die Konferenz wird in {{app}} geöffnet …",
+        "titleNew": "Konferenz starten ...",
         "tryAgainButton": "Erneut mit der nativen Applikation versuchen",
         "unsupportedBrowser": "Sie verwenden einen Browser, der noch nicht unterstützt wird."
     },
@@ -203,6 +211,12 @@
         "microphonePermission": "Fehler beim Bezug der Mikrofon-Zugriffsberechtigungen"
     },
     "deviceSelection": {
+        "hid": {
+            "callControl": "Anrufsteuerung",
+            "connectedDevices": "Verbundene Geräte:",
+            "deleteDevice": "Gerät löschen",
+            "pairDevice": "Gerät verbinden"
+        },
         "noPermission": "Berechtigungen nicht erteilt",
         "previewUnavailable": "Keine Vorschau verfügbar",
         "selectADevice": "Ein Gerät wählen",
@@ -226,7 +240,9 @@
         "WaitingForHostTitle": "Warten auf den Beginn der Konferenz …",
         "Yes": "Ja",
         "accessibilityLabel": {
-            "liveStreaming": "Livestream"
+            "close": "Popup schließen",
+            "liveStreaming": "Livestream",
+            "sharingTabs": "Optionen zum Teilen"
         },
         "add": "Hinzufügen",
         "addMeetingNote": "Notiz zu dieser Konferenz hinzufügen",
@@ -438,6 +454,11 @@
         "veryBad": "Sehr schlecht",
         "veryGood": "Sehr gut"
     },
+    "filmstrip": {
+        "accessibilityLabel": {
+            "heading": "Videominiaturen"
+        }
+    },
     "giphy": {
         "noResults": "Keine Ergebnisse :(",
         "search": "GIPHY durchsuchen"
@@ -751,6 +772,7 @@
         "headings": {
             "lobby": "Lobby ({{count}})",
             "participantsList": "Anwesende ({{count}})",
+            "visitors": "Gäste ({{count}})",
             "waitingLobby": "In der Lobby ({{count}})"
         },
         "search": "Suche Anwesende",
@@ -758,6 +780,7 @@
     },
     "passwordDigitsOnly": "Bis zu {{number}} Ziffern",
     "passwordSetRemotely": "von einer anderen Person gesetzt",
+    "pinParticipant": "{{participantName}} - anheften",
     "pinnedParticipant": "Die Person ist angeheftet",
     "polls": {
         "answer": {
@@ -916,6 +939,7 @@
         "localRecordingVideoWarning": "Um Ihr eigenes Kamerabild aufzuzeichnen, müssen Sie Ihre Kamera beim Start der Aufnahme einschalten",
         "localRecordingWarning": "Bitte prüfen Sie, dass das aktuelle Tab auswählen, um Bild und Ton aufzuzeichnen. Die Länge der Aufzeichnung ist aktuell auf 1GB beschränkt, was ungefähr 100 Minuten entspricht.",
         "loggedIn": "Als {{userName}} angemeldet",
+        "noMicPermission": "Zugriff auf Mikrofon fehlgeschlagen. Bitte erlauben Sie den Zugriff auf das Mikrofon.",
         "noStreams": "Kein Ton oder Video erkannt.",
         "off": "Aufnahme gestoppt",
         "offBy": "{{name}} stoppte die Aufnahme",
@@ -949,6 +973,7 @@
         "title": "Sicherheitsoptionen"
     },
     "settings": {
+        "audio": "Audio",
         "buttonLabel": "Einstellungen",
         "calendar": {
             "about": "Die Kalenderintegration von {{appName}} wird verwendet, um ein sicheres Zugreifen auf Ihren Kalender und Auslesen der bevorstehenden Termine zu ermöglichen.",
@@ -969,9 +994,11 @@
         "maxStageParticipants": "Maximale Anzahl an Personen, die zur Hauptansicht angeheftet werden können",
         "microphones": "Mikrofon",
         "moderator": "Moderation",
+        "moderatorOptions": "Moderationseinstellungen",
         "more": "Mehr",
         "name": "Name",
         "noDevice": "Kein",
+        "notifications": "Benachrichtigungen",
         "participantJoined": "Neue Person nimmt teil",
         "participantKnocking": "Person hat Lobby betreten",
         "participantLeft": "Person verlässt die Konferenz",
@@ -982,13 +1009,14 @@
         "selectCamera": "Kamera",
         "selectMic": "Mikrofon",
         "selfView": "Eigene Ansicht",
-        "sounds": "Hinweistöne",
+        "shortcuts": "Tastaturkürzel",
         "speakers": "Lautsprecher",
         "startAudioMuted": "Alle Personen treten stummgeschaltet bei",
         "startReactionsMuted": "Interaktionstöne für alle deaktivieren",
         "startVideoMuted": "Alle Personen treten ohne Video bei",
         "talkWhileMuted": "Wenn bei Stummschaltung gesprochen wird",
-        "title": "Einstellungen"
+        "title": "Einstellungen",
+        "video": "Kamera"
     },
     "settingsView": {
         "advanced": "Erweitert",
@@ -1080,6 +1108,7 @@
             "giphy": "GIPHY ein-/ausschalten",
             "grantModerator": "Moderationsrechte vergeben",
             "hangup": "Konferenz verlassen",
+            "heading": "Toolbar",
             "help": "Hilfe",
             "invite": "Person einladen",
             "kick": "Person entfernen",
@@ -1146,6 +1175,7 @@
         "download": "Unsere Apps herunterladen",
         "e2ee": "Ende-zu-Ende-Verschlüsselung",
         "embedMeeting": "Konferenz einbetten",
+        "enableNoiseSuppression": "Rauschunterdrückung einschalten",
         "endConference": "Konferenz für alle beenden",
         "enterFullScreen": "Vollbildmodus",
         "enterTileView": "Kachelansicht einschalten",
@@ -1233,6 +1263,7 @@
         "subtitlesOff": "Ausschalten",
         "tr": "TR"
     },
+    "unpinParticipant": "{{participantName}} - Nicht mehr anheften",
     "userMedia": {
         "androidGrantPermissions": "Wählen Sie <b><i>Zulassen</i></b>, wenn der Browser um Berechtigungen bittet.",
         "chromeGrantPermissions": "Wählen Sie <b><i>Zulassen</i></b>, wenn der Browser um Berechtigungen bittet.",
@@ -1271,9 +1302,11 @@
         "ldTooltip": "Video wird in niedriger Auflösung angezeigt",
         "lowDefinition": "Niedrige Auflösung",
         "performanceSettings": "Qualitätseinstellungen",
+        "recording": "Aufnahme läuft",
         "sd": "SD",
         "sdTooltip": "Video wird in Standardauflösung angezeigt",
-        "standardDefinition": "Standardauflösung"
+        "standardDefinition": "Standardauflösung",
+        "streaming": "Streaming läuft"
     },
     "videothumbnail": {
         "connectionInfo": "Verbindungsinformationen",
@@ -1285,6 +1318,7 @@
         "grantModerator": "Moderationsrechte vergeben",
         "hideSelfView": "Eigene Ansicht ausblenden",
         "kick": "Hinauswerfen",
+        "mirrorVideo": "Mein Video spiegeln",
         "moderator": "Moderation",
         "mute": "Person ist stumm geschaltet",
         "muted": "Stummgeschaltet",
@@ -1322,6 +1356,7 @@
         "webAssemblyWarning": "WebAssembly wird nicht unterstützt",
         "webAssemblyWarningDescription": "WebAssembly ist deaktiviert oder wird in diesem Browser nicht unterstützt"
     },
+    "visitorsLabel": "Anzahl Gäste: {{count}}",
     "volumeSlider": "Lautstärkeregler",
     "welcomepage": {
         "accessibilityLabel": {
@@ -1354,6 +1389,7 @@
             "microsoftLogo": "Microsoft Logo",
             "policyLogo": "Richtlinienlogo"
         },
+        "meetingsAccessibilityLabel": "Konferenzen",
         "mobileDownLoadLinkAndroid": "Android App Download",
         "mobileDownLoadLinkFDroid": "F-Droid App Download",
         "mobileDownLoadLinkIos": "iOS App Download",
@@ -1373,5 +1409,10 @@
         "terms": "AGB",
         "title": "Sichere, voll funktionale und komplett kostenlose Videokonferenzen",
         "upcomingMeetings": "Ihre zukünftigen Konferenzen"
+    },
+    "whiteboard": {
+        "accessibilityLabel": {
+            "heading": "Whiteboard"
+        }
     }
 }

lang/main-es.json

@@ -838,7 +838,7 @@
         "selectCamera": "Cámara",
         "selectMic": "Micrófono",
         "sounds": "Sonidos",
-        "speakers": "Parlantes",
+        "speakers": "Altavoces",
         "startAudioMuted": "Todos inician silenciados",
         "startVideoMuted": "Todos inician con cámara desactivada",
         "talkWhileMuted": "Hablar en silencio",

lang/main-fi.json

@@ -429,7 +429,12 @@
         "startSilentTitle": "",
         "suboptimalExperienceDescription": "Valitettavasti {{appName}} ei taida toimia kovin hyvin täällä. Yritämme löytää parannuskeinoja, mutta sillä välin kannattaa käyttää jotain <a href='{{recommendedBrowserPageLink}}' target='_blank'>täysin tuettua selainta</a>.",
         "suboptimalExperienceTitle": "Selainvaroitus",
-        "unmute": ""
+        "unmute": "Poista mykistys"
+    },
+    "participantsPane": {
+        "actions": {
+            "muteEveryoneElse": "Mykistä kaikki muut"
+        }
     },
     "passwordDigitsOnly": "",
     "passwordSetRemotely": "",
@@ -563,11 +568,13 @@
             "moreActions": "Säädä Lisää toimintoja -valikkoa",
             "moreActionsMenu": "Lisää toimintoja -valikko",
             "mute": "Säädä äänen mykistystä",
+            "muteEveryoneElse": "Mykistä kaikki muut",
             "pip": "Säädä Kuva kuvassa (PiP) -tilaa",
             "profile": "Muokkaa profiilia",
             "raiseHand": "Säädä käden nostoa",
             "recording": "Säädä nauhoitusta",
             "remoteMute": "Mykistä osanottaja",
+            "selectBackground": "Valitse tausta",
             "shareRoom": "Kutsu joku",
             "shareYourScreen": "Säädä näytön jakoa",
             "sharedvideo": "Säädä videon jakoa",
@@ -657,29 +664,37 @@
         "pending": "{{displayName}} on kutsuttu"
     },
     "videoStatus": {
+        "adjustFor": "Muokkaa:",
         "audioOnly": "ÄÄNI",
         "audioOnlyExpanded": "Käytössäsi on Vain ääni -tila. Se säästää kaistanleveyttä, mutta et näe muiden videoita.",
-        "callQuality": "",
+        "bestPerformance": "Paras suorituskyky",
+        "callQuality": "Videon laatu",
         "hd": "HD",
         "highDefinition": "Teräväpiirto",
+        "highestQuality": "Korkein laatu",
         "labelTooiltipNoVideo": "Ei videota",
         "labelTooltipAudioOnly": "Vain ääni -tila käytössä",
         "ld": "LD",
         "lowDefinition": "Alhainen kuvanlaatu",
         "onlyAudioAvailable": "Vain ääni -tila on käytettävissä",
         "onlyAudioSupported": "Tässä selaimessa tuemme vain ääntä.",
+        "performanceSettings": "Suorituskykyasetukset",
         "sd": "SD",
         "standardDefinition": "Vakiopiirto"
     },
     "videothumbnail": {
         "domute": "Mykistä",
+        "domuteOthers": "Mykistä kaikki muut",
+        "domuteVideoOfOthers": "Estä muiden kamera",
         "flip": "Käännä",
         "kick": "Poista",
         "moderator": "Valvoja",
-        "mute": "",
+        "mute": "Osallistuja on mykistetty",
         "muted": "Mykistetty",
+        "pinToStage": "Kiinnitä ruutuun",
         "remoteControl": "Etäkäyttö",
-        "show": "",
+        "show": "Näytä ruudulla",
+        "unpinFromStage": "Irroita kiinnitys",
         "videomute": ""
     },
     "welcomepage": {

lang/main-fr.json

@@ -11,7 +11,6 @@
         "defaultEmail": "Votre email par défaut",
         "disabled": "Vous ne pouvez pas inviter quelqu'un.",
         "failedToAdd": "Erreur lors de l'ajout des participants",
-        "footerText": "Appels sortants désactivés.",
         "googleEmail": "Gmail",
         "inviteMoreHeader": "Vous êtes seul(e) dans la réunion",
         "inviteMoreMailSubject": "Rejoindre une réunion {{appName}}",
@@ -31,6 +30,7 @@
     },
     "audioDevices": {
         "bluetooth": "Bluetooth",
+        "car": "Système audio du véhicule",
         "headphones": "Écouteurs",
         "none": "Aucune source audio n'est disponible",
         "phone": "Téléphone",
@@ -76,6 +76,16 @@
         "refresh": "Rafraîchir le calendrier",
         "today": "Aujourd'hui"
     },
+    "carmode": {
+        "actions": {
+            "selectSoundDevice": "Sélectionnez le dispositif audio"
+        },
+        "labels": {
+            "buttonLabel": "Mode voiture",
+            "title": "Mode voiture",
+            "videoStopped": "Votre vidéo est arrêtée"
+        }
+    },
     "chat": {
         "enter": "Entrez dans le salon",
         "error": "Erreur : votre message n'a pas été envoyé. Raison : {{error}}",
@@ -86,6 +96,7 @@
         "messageAccessibleTitleMe": "Je dis: ",
         "messageTo": "Message privé à {{recipient}}",
         "messagebox": "Saisissez un message",
+        "newMessages": "Nouveaux messages",
         "nickname": {
             "popover": "Choisissez un pseudonyme",
             "title": "Entrez un pseudonyme pour utiliser le chat",
@@ -105,6 +116,7 @@
     },
     "chromeExtensionBanner": {
         "buttonText": "Installer l'extension Chrome",
+        "buttonTextEdge": "Installer l’extension Edge",
         "close": "Fermer",
         "dontShowAgain": "Ne plus me montrer ceci",
         "installExtensionText": "Installer l'extension pour l'intégration de Google Calendar et Office 365"
@@ -135,6 +147,7 @@
         "bridgeCount": "Nombre de serveurs :",
         "codecs": "Codecs (A/V) :",
         "connectedTo": "Connecté à :",
+        "e2eeVerified": "E2EE vérifié",
         "framerate": "Images par seconde :",
         "less": "Cacher les détails",
         "localaddress": "Adresse locale :",
@@ -171,13 +184,21 @@
     "deepLinking": {
         "appNotInstalled": "Vous avez besoin de l'application mobile {{app}} pour participer à cette réunion avec votre téléphone.",
         "description": "Rien ne s'est passé ? Nous avons essayé de lancer votre réunion dans l'application de bureau {{app}}. Essayez à nouveau ou lancez-la dans l'application web {{app}}.",
+        "descriptionNew": "Rien ne s'est passé ? Nous avons essayé de lancer votre réunion dans l'application de bureau {{app}}. <br /><br /> Vous pouvez essayer à nouveau ou la lancer dans l'application web.",
         "descriptionWithoutWeb": "Rien ne s'est passé ? Nous avons essayé de démarrer votre réunion dans l'application bureau {{app}}.",
         "downloadApp": "Télécharger l'application",
+        "downloadMobileApp": "Télécharger l'application depuis le Store",
         "ifDoNotHaveApp": "Si vous n'avez pas encore l'application:",
         "ifHaveApp": "Si vous avez déjà installé l'application:",
         "joinInApp": "Rejoindre la réunion en utilisant l'application",
+        "joinInAppNew": "Rejoindre depuis l’application",
+        "joinInBrowser": "Rejoindre depuis le navigateur",
+        "launchMeetingLabel": "Comment voulez-vous rejoindre la réunion ?",
         "launchWebButton": "Lancer dans le navigateur",
+        "noMobileApp": "Vous n’avez pas l’application ?",
+        "termsAndConditions": "En continuant, vous acceptez nos  <a href='{{termsAndConditionsLink}}' rel='noopener noreferrer' target='_blank'>conditions générales d’utilisation.</a>",
         "title": "Lancement de votre réunion dans {{app}} en cours ...",
+        "titleNew": "Lancement de votre réunion ...",
         "tryAgainButton": "Réessayez sur le bureau",
         "unsupportedBrowser": "Il semble que vous utilisez un navigateur non supporté."
     },
@@ -190,11 +211,20 @@
         "microphonePermission": "Erreur lors de l'obtention de la permission du microphone"
     },
     "deviceSelection": {
+        "hid": {
+            "callControl": "Contrôle des appels",
+            "connectedDevices": "Appareils connectés",
+            "deleteDevice": "Supprimer un appareil",
+            "pairDevice": "Connecter un appareil"
+        },
         "noPermission": "Permission non accordée",
         "previewUnavailable": "Aperçu non disponible",
         "selectADevice": "Sélectionner un périphérique",
         "testAudio": "Tester la sortie audio"
     },
+    "dialIn": {
+        "screenTitle": "Bilan des appels"
+    },
     "dialOut": {
         "statusMessage": "est maintenant {{status}}"
     },
@@ -210,7 +240,9 @@
         "WaitingForHostTitle": "En attente de l'hôte ...",
         "Yes": "Oui",
         "accessibilityLabel": {
-            "liveStreaming": "Diffusion en direct"
+            "close": "Fermer la popup",
+            "liveStreaming": "Diffusion en direct",
+            "sharingTabs": "Options de partage"
         },
         "add": "Ajouter",
         "addMeetingNote": "Ajouter une note à cette conférence",
@@ -256,6 +288,7 @@
         "gracefulShutdown": "Notre service est actuellement en maintenance. Veuillez réessayer plus tard.",
         "grantModeratorDialog": "Êtes-vous sûr de vouloir rendre ce participant modérateur ?",
         "grantModeratorTitle": "Nommer modérateur",
+        "hide": "Cacher",
         "hideShareAudioHelper": "Ne pas montrer ce dialogue à nouveau",
         "incorrectPassword": "Nom d'utilisateur ou mot de passe incorrect",
         "incorrectRoomLockPassword": "Mot de passe incorrect",
@@ -270,7 +303,6 @@
         "linkMeetingTitle": "Relier la conférence à Salesforce",
         "liveStreaming": "Direct",
         "liveStreamingDisabledBecauseOfActiveRecordingTooltip": "Impossible durant l'enregistrement",
-        "liveStreamingDisabledTooltip": "La diffusion en direct est désactivée",
         "localUserControls": "Contrôles de l'utilisateur local",
         "lockMessage": "Impossible de verrouiller la conférence.",
         "lockRoom": "Ajouter un $t(lockRoomPassword) à la réunion ",
@@ -325,7 +357,6 @@
         "recentlyUsedObjects": "Vos objets récemment utilisés",
         "recording": "Enregistrement",
         "recordingDisabledBecauseOfActiveLiveStreamingTooltip": "Impossible durant le direct",
-        "recordingDisabledTooltip": "L'enregistrement est désactivé.",
         "rejoinNow": "Rejoindre maintenant",
         "remoteControlAllowedMessage": "{{user}} a accepté votre demande de prise en main à distance !",
         "remoteControlDeniedMessage": "{{user}} a refusé votre demande de prise en main à distance !",
@@ -375,6 +406,7 @@
         "shareYourScreenDisabled": "Le partage d'écran est désactivé.",
         "sharedVideoDialogError": "Erreur: URL invalide",
         "sharedVideoLinkPlaceholder": "lien YouTube ou lien vidéo direct",
+        "show": "Afficher",
         "start": "Démarrer ",
         "startLiveStreaming": "Démarrer la diffusion en direct",
         "startRecording": "Commencer l'enregistrement",
@@ -393,6 +425,10 @@
         "user": "Utilisateur",
         "userIdentifier": "Identifiant utilisateur",
         "userPassword": "mot de passe utilisateur",
+        "verifyParticipantConfirm": "Ils correspondent",
+        "verifyParticipantDismiss": "Ils ne correspondent pas",
+        "verifyParticipantQuestion": "EXPÉRIMENTAL: Demander au participant {{participantName}} s'il voit le même contenu dans le même ordre.  ",
+        "verifyParticipantTitle": "Vérification utilisateur",
         "videoLink": "Lien de la vidéo",
         "viewUpgradeOptions": "Voir les options de mise à jour",
         "viewUpgradeOptionsContent": "Pour obtenir un accès illimité à des capacités premium comme l'enregistrement, les transcriptions, diffusion RTMP et plus, vous devez mettre à jour votre plan.",
@@ -418,13 +454,15 @@
         "veryBad": "Très mauvais",
         "veryGood": "Très bon"
     },
+    "filmstrip": {
+        "accessibilityLabel": {
+            "heading": "Vignettes vidéos"
+        }
+    },
     "giphy": {
         "noResults": "Aucun résultat de recherche :(",
         "search": "Rechercher dans GIPHY"
     },
-    "helpView": {
-        "title": "Centre d'aide"
-    },
     "incomingCall": {
         "answer": "Répondre",
         "audioCallTitle": "Appel entrant",
@@ -465,9 +503,11 @@
         "noRoom": "Aucune réunion n'a été spécifiée pour l'appel entrant.",
         "numbers": "Numéros d'appel",
         "password": "$t(lockRoomPasswordUppercase) :",
+        "reachedLimit": "Vous avez atteint la limite de votre abonnement.",
         "sip": "adresse SIP",
         "title": "Partager",
-        "tooltip": "Partager le lien et les informations de connexion pour cette conférence"
+        "tooltip": "Partager le lien et les informations de connexion pour cette conférence",
+        "upgradeOptions": "Veuillez vérifier les options de mise à niveau"
     },
     "inlineDialogFailure": {
         "msg": "Il y a eu un petit problème.",
@@ -502,6 +542,10 @@
         "toggleShortcuts": "Afficher / Masquer les raccourcis clavier",
         "videoMute": "Démarrer / Arrêter votre caméra"
     },
+    "largeVideo": {
+        "screenIsShared": "Vous êtes en train de partager votre écran",
+        "showMeWhatImSharing": "Me montrer ce que je partage"
+    },
     "liveStreaming": {
         "busy": "Nous tentons de libérer des ressources de diffusion. Veuillez réessayez dans quelques minutes.",
         "busyTitle": "Tous les flux sont actuellement occupés",
@@ -542,7 +586,6 @@
     "lobby": {
         "admit": "Accepter",
         "admitAll": "Tout accepter",
-        "allow": "Autoriser",
         "backToKnockModeButton": "Aucun mot de passe, demander à rejoindre plutôt",
         "chat": "Chat",
         "dialogTitle": "Mode salle d'attente",
@@ -605,6 +648,7 @@
         "no": "Non",
         "participant": "Participant(e)",
         "participantStats": "Statistiques du participant",
+        "selectTabTitle": "🎥 Veuillez sélectionner cet onglet pour enregistrer",
         "sessionToken": "Token de la session",
         "start": "Démarrer l'enregistrement",
         "stop": "Arrêter l'enregistrement",
@@ -627,6 +671,8 @@
         "connectedOneMember": "{{name}} a rejoint la réunion",
         "connectedThreePlusMembers": "{{name}} et {{count}} autres personnes ont rejoint la réunion",
         "connectedTwoMembers": "{{first}} et {{second}} ont rejoint la réunion",
+        "dataChannelClosed": "Qualité vidéo dégradée",
+        "dataChannelClosedDescription": "Le canal de communication avec le Bridge a été interrompu, la qualité vidéo se trouve limitée à sa valeur la plus faible.",
         "disconnected": "déconnecté",
         "displayNotifications": "Afficher les notifications pour",
         "focus": "Focus de conférence",
@@ -647,6 +693,8 @@
         "linkToSalesforceKey": "Relier cette conférence",
         "linkToSalesforceProgress": "Liaison de la conférence à Salesforce...",
         "linkToSalesforceSuccess": "La conférence a été reliée à Salesforce",
+        "localRecordingStarted": "{{name}} a commencé un enregistrement local.",
+        "localRecordingStopped": "{{name}} a arrêté un enregistrement local.",
         "me": "Moi",
         "moderationInEffectCSDescription": "Merci de lever la main si vous voulez partager votre écran.",
         "moderationInEffectCSTitle": "Le partage d'écran est interdit par le modérateur",
@@ -667,6 +715,10 @@
         "newDeviceAction": "Utiliser",
         "newDeviceAudioTitle": "Nouveau périphérique audio détecté",
         "newDeviceCameraTitle": "Nouvelle caméra détectée",
+        "noiseSuppressionDesktopAudioDescription": "La suppression de bruit ne peut pas être activée en même temps que la partage audio du système, veuillez le désactiver et réessayer.",
+        "noiseSuppressionFailedTitle": "Échec du démarrage de la suppression de bruit",
+        "noiseSuppressionNoTrackDescription": "Veuillez activer votre microphone d'abord.",
+        "noiseSuppressionStereoDescription": "La suppression de bruit d’une source stéréo n’est pas encore supportée.",
         "oldElectronClientDescription1": "Vous semblez utiliser une ancienne version du client Jitsi Meet qui présente des failles de sécurité connues. Veuillez vous assurer de mettre à jour vers notre ",
         "oldElectronClientDescription2": "dernière build",
         "oldElectronClientDescription3": " rapidement !",
@@ -681,6 +733,8 @@
         "reactionSoundsForAll": "Bloquer les réactions sonores pour tous",
         "screenShareNoAudio": " La case Partager l'audio n'a pas été cochée dans l'écran de sélection de la fenêtre.",
         "screenShareNoAudioTitle": "La case Partager l'audio n'a pas été cochée",
+        "screenSharingAudioOnlyDescription": "Veuillez noter qu’en partageant votre écran, vous impactez le mode “Meilleure Performance” et vous utilisez plus de bande passante.",
+        "screenSharingAudioOnlyTitle": "Mode \"Meilleure Performance\"",
         "selfViewTitle": "Vous pouvez toujours rétablir l'affichage de votre propre vidéo dans les paramètres",
         "somebody": "Quelqu'un",
         "startSilentDescription": "Rejoignez la réunion de nouveau pour activer l'audio",
@@ -718,6 +772,7 @@
         "headings": {
             "lobby": "Salle d'attente ({{count}})",
             "participantsList": "Participants de la réunion ({{count}})",
+            "visitors": "Visiteurs {{count}}",
             "waitingLobby": "Dans la salle d'attente ({{count}})"
         },
         "search": "Rechercher des participants",
@@ -725,6 +780,7 @@
     },
     "passwordDigitsOnly": "Jusqu'à {{number}} chiffres",
     "passwordSetRemotely": "défini par un autre participant",
+    "pinParticipant": "Épingler - {{participantName}}",
     "pinnedParticipant": "Participant toujours affiché",
     "polls": {
         "answer": {
@@ -802,6 +858,7 @@
         "initiated": "Appel lancé",
         "joinAudioByPhone": "Rejoindre avec l'audio du téléphone",
         "joinMeeting": "Rejoindre la réunion",
+        "joinMeetingInLowBandwidthMode": "Rejoindre en mode bande passante réduite",
         "joinWithoutAudio": "Rejoignez sans microphone",
         "keyboardShortcuts": "Activer les raccourcis clavier",
         "linkCopied": "Lien copié dans le presse-papiers",
@@ -829,9 +886,6 @@
         "rejected": "Rejeté",
         "ringing": "Appel en cours ..."
     },
-    "privacyView": {
-        "title": "Confidentialité"
-    },
     "profile": {
         "avatar": "avatar",
         "setDisplayNameLabel": "Choisissez un pseudo",
@@ -877,13 +931,24 @@
         "limitNotificationDescriptionWeb": "En raison d'une forte demande, votre enregistrement sera limité à {{limit}} min. Pour des enregistrements illimités, essayez <a href={{url}} rel='noopener noreferrer' target='_blank'> {{app}} </a>.",
         "linkGenerated": "Nous avons généré un lien à votre enregistrement.",
         "live": "DIRECT",
+        "localRecordingNoNotificationWarning": "Le démarrage de l’enregistrement ne sera pas annoncé aux autres participants. Vous devrez les informer par vous-même que la réunion sera enregistrée.",
+        "localRecordingNoVideo": "La vidéo n'est pas en cours d’enregistrement",
+        "localRecordingStartWarning": "Assurez-vous d’arrêter l’enregistrement vidéo avant de quitter la réunion afin de pouvoir le sauvegarder.",
+        "localRecordingStartWarningTitle": "Arrêter l’enregistrement pour le sauvegarder",
+        "localRecordingVideoStop": "Arrêter votre vidéo va aussi arrêter votre enregistrement local. Êtes-vous sûrs de vouloir continuer ?",
+        "localRecordingVideoWarning": "Pour enregistrer votre vidéo, vous devez avoir celle-ci active au moment de commencer l’enregistrement.",
+        "localRecordingWarning": "Assurez-vous de sélectionner l’onglet courant pour utiliser le bon son et la bonne vidéo. L’enregistrement est pour le moment limité à 1 Go, soit approximativement 100 minutes.",
         "loggedIn": "Connecté en tant que {{userName}}",
+        "noMicPermission": "La piste microphone ne peut pas être créée. Veuillez autoriser l’utilisation du microphone.",
+        "noStreams": "Aucun flux audio ou vidéo détectés.",
         "off": "Enregistrement arrêté",
         "offBy": "{{name}} a arrêté l'enregistrement",
         "on": "Enregistrement",
         "onBy": "{{name}} a démarré l'enregistrement",
+        "onlyRecordSelf": "Enregistrer seulement mon audio et ma vidéo.",
         "pending": "Préparation de l'enregistrement de la réunion ...",
         "rec": "REC",
+        "saveLocalRecording": "Sauvegarder l’enregistrement local (Beta)",
         "serviceDescription": "Votre enregistrement sera enregistré par le service dédié",
         "serviceDescriptionCloud": "Enregistrement Cloud",
         "serviceDescriptionCloudInfo": "Les conférences enregistrées sont automatiquement supprimées 24h après leur heure d'enregistrement.",
@@ -891,11 +956,13 @@
         "sessionAlreadyActive": "Cette session est déjà en cours d'enregistrement ou de diffusion.",
         "signIn": "Se connecter",
         "signOut": "Se déconnecter",
+        "surfaceError": "Veuillez sélectionner l’onglet courant.",
         "title": "Enregistrement",
         "unavailable": "Oups ! Le {{serviceName}} est actuellement indisponible. Nous tentons de résoudre le problème. Veuillez réessayer plus tard.",
         "unavailableTitle": "Enregistrement indisponible",
         "uploadToCloud": "Envoyer vers le cloud"
     },
+    "screenshareDisplayName": "Écran {{name}}",
     "sectionList": {
         "pullToRefresh": "Tirer pour recharger"
     },
@@ -906,6 +973,8 @@
         "title": "Options de sécurité"
     },
     "settings": {
+        "audio": "Audio",
+        "buttonLabel": "Paramètres",
         "calendar": {
             "about": "L'intégration de {{appName}} avec votre calendrier permet d'accéder de manière sécurisée aux événements à venir.",
             "disconnect": "Se déconnecter",
@@ -922,12 +991,16 @@
         "incomingMessage": "un message arrive",
         "language": "Langue",
         "loggedIn": "Connecté en tant que {{name}}",
+        "maxStageParticipants": "Nombre maximum de participants pouvant être épinglé sur l’affichage principal (EXPÉRIMENTAL)",
         "microphones": "Microphones",
         "moderator": "Modérateur",
+        "moderatorOptions": "Options de modérateur",
         "more": "Plus",
         "name": "Nom",
         "noDevice": "Aucun",
+        "notifications": "Notifications",
         "participantJoined": "un participant arrive",
+        "participantKnocking": "un participant en salle d’attente",
         "participantLeft": "un participant quitte",
         "playSounds": "Jouer un son quand",
         "reactions": "il y a une réaction à la réunion",
@@ -936,13 +1009,14 @@
         "selectCamera": "Caméra",
         "selectMic": "Microphone",
         "selfView": "Affichage de votre propre vidéo",
-        "sounds": "Sons",
+        "shortcuts": "Raccourcis",
         "speakers": "Haut-parleurs",
         "startAudioMuted": "Tout le monde commence en muet",
         "startReactionsMuted": "Tout le monde commence avec les réactions sonores bloquées",
         "startVideoMuted": "Tout le monde commence sans vidéo",
         "talkWhileMuted": "vous parlez en étant muet",
-        "title": "Paramètres"
+        "title": "Paramètres",
+        "video": "Vidéo"
     },
     "settingsView": {
         "advanced": "Avancé",
@@ -957,13 +1031,21 @@
         "disableCrashReportingWarning": "Etes-vous certain de vouloir désactiver les rapports de plantage ? Le paramètre sera effectif après le redémarrage de l'application.",
         "disableP2P": "Désactiver le mode pair à pair",
         "displayName": "Pseudo",
+        "displayNamePlaceholderText": "Ex : Jean Dupond",
         "email": "Email",
+        "emailPlaceholderText": "email@example..com",
+        "goTo": "Aller à",
         "header": "Paramètres",
+        "help": "Aide",
+        "links": "Liens",
+        "privacy": "Confidentialité",
         "profileSection": "Profil",
         "serverURL": "URL du serveur",
         "showAdvanced": "Afficher les paramètres avancés",
+        "startCarModeInLowBandwidthMode": "Commencer le mode voiture en mode bande passante réduite",
         "startWithAudioMuted": "Commencez avec l'audio en sourdine",
         "startWithVideoMuted": "Commencez avec la vidéo en sourdine",
+        "terms": "Conditions d’utilisations",
         "version": "Version"
     },
     "share": {
@@ -1001,6 +1083,7 @@
     "termsView": {
         "title": "Conditions d'utilisation"
     },
+    "toggleTopPanelLabel": "Basculer le panneau supérieur",
     "toolbar": {
         "Settings": "Paramètres",
         "accessibilityLabel": {
@@ -1010,6 +1093,7 @@
             "boo": "Hou",
             "breakoutRoom": "Rejoindre/quitter une salle annexe",
             "callQuality": "Ajuster la qualité vidéo",
+            "carmode": "Mode voiture",
             "cc": "Activer / Désactiver les sous-titres",
             "chat": "Afficher / Masquer la discussion instantanée",
             "clap": "Applaudir",
@@ -1017,16 +1101,19 @@
             "document": "Activer / Désactiver le document partagé",
             "download": "Télécharger nos applications",
             "embedMeeting": "Intégrer la réunion",
+            "endConference": "Terminer la réunion pour tout le monde",
             "expand": "Développer",
             "feedback": "Laisser des commentaires",
             "fullScreen": "Activer / Désactiver le plein écran",
             "giphy": "Activer/désactiver le menu GIPHY",
             "grantModerator": "donner des droits de modérateur",
             "hangup": "Quitter la conversation",
+            "heading": "Barre d'outils",
             "help": "Aide",
             "invite": "Inviter des participants",
             "kick": "Expulser le participant",
             "laugh": "Rire",
+            "leaveConference": "Quitter la réunion",
             "like": "Approuver",
             "linkToSalesforce": "Lien à Salesforce",
             "lobbyButton": "Activer / Désactiver le mode salle d'attente",
@@ -1040,6 +1127,7 @@
             "muteEveryoneElse": "Couper le micro de tous les autres",
             "muteEveryoneElsesVideoStream": "Couper la caméra de tous les autres",
             "muteEveryonesVideoStream": "Couper la caméra de tout le monde",
+            "noiseSuppression": "Suppression du bruit",
             "participants": "Participants",
             "pip": "Activer / Désactiver le mode Picture in Picture",
             "privateMessage": "Envoyer un message privé",
@@ -1065,7 +1153,8 @@
             "toggleCamera": "Changer de caméra",
             "toggleFilmstrip": "Afficher ou masquer les vignettes vidéo",
             "videoblur": "Activer / désactiver le floutage",
-            "videomute": "Activer / Couper la vidéo"
+            "videomute": "Activer / Couper la vidéo",
+            "whiteboard": "Afficher / Cacher le tableau blanc"
         },
         "addPeople": "Ajouter des personnes à votre appel",
         "audioOnlyOff": "Désactiver le mode bande passante réduite",
@@ -1079,12 +1168,15 @@
         "clap": "Applaudir",
         "closeChat": "Fermer le chat",
         "closeReactionsMenu": "Fermer le menu réactions",
+        "disableNoiseSuppression": "Arrêter la suppression du bruit",
         "disableReactionSounds": "Vous pouvez interdire les réactions sonores à cette réunion",
         "documentClose": "Fermer le document partagé",
         "documentOpen": "Ouvrir le document partagé",
         "download": "Télécharger nos applications",
         "e2ee": "Chiffrement de Bout-en-Bout",
         "embedMeeting": "Intégrer la réunion",
+        "enableNoiseSuppression": "Activer la suppression du bruit",
+        "endConference": "Terminer la réunion pour tout le monde",
         "enterFullScreen": "Afficher en plein écran",
         "enterTileView": "Accéder au mode mosaïque",
         "exitFullScreen": "Quitter le mode plein écran",
@@ -1093,10 +1185,12 @@
         "giphy": "Activer/désactiver le menu GIPHY",
         "hangup": "Quitter",
         "help": "Aide",
+        "hideWhiteboard": "Cacher le tableau blanc",
         "invite": "Inviter des participants",
         "joinBreakoutRoom": "Rejoindre salle annexe",
         "laugh": "Rire",
         "leaveBreakoutRoom": "Quitter salle annexe",
+        "leaveConference": "Quitter la réunion",
         "like": "Approuver",
         "linkToSalesforce": "Lien à Salesforce",
         "lobbyButtonDisable": "Désactiver le mode salle d'attente / contrôle des participant(e)s",
@@ -1114,6 +1208,7 @@
         "noAudioSignalDialInDesc": "Vous pouvez également appeler en utilisant :",
         "noAudioSignalDialInLinkDesc": "Numéros d'appel",
         "noAudioSignalTitle": "Il n'y a pas de signal provenant de votre micro !",
+        "noiseSuppression": "Suppression du bruit",
         "noisyAudioInputDesc": "Il semble que votre microphone soit bruyant, veuillez le couper ou changer de périphérique.",
         "noisyAudioInputTitle": "Votre microphone semble être bruyant !",
         "openChat": "Ouvrir le chat",
@@ -1136,6 +1231,7 @@
         "shareaudio": "Partager l'audio",
         "sharedvideo": "Partager une vidéo",
         "shortcuts": "Afficher les raccourcis",
+        "showWhiteboard": "Afficher le tableau blanc",
         "silence": "Silence",
         "speakerStats": "Statistiques de l'interlocuteur",
         "startScreenSharing": "Démarrer le partage d'écran",
@@ -1159,10 +1255,15 @@
         "labelToolTip": "La transcription de la réunion est en cours",
         "off": "La transcription désactivée",
         "pending": "Préparation de la transcription de la réunion ...",
+        "sourceLanguageDesc": "Actuellement, la langue de la réunion est sélectionnée à <b>{{sourceLanguage}}</b>. <br/> Vous pouvez la changer à partir de ",
+        "sourceLanguageHere": "ici",
         "start": "Activer les sous-titres",
         "stop": "Désactiver les sous-titres",
+        "subtitles": "sous-titres",
+        "subtitlesOff": "off",
         "tr": "TR"
     },
+    "unpinParticipant": "Désépingler - {{participantName}}",
     "userMedia": {
         "androidGrantPermissions": "Sélectionnez <b><i>Autoriser</i></b> lorsque votre navigateur demande votre autorisation.",
         "chromeGrantPermissions": "Sélectionnez <b><i>Autoriser</i></b> lorsque votre navigateur demande votre autorisation.",
@@ -1201,9 +1302,11 @@
         "ldTooltip": "Regardez la vidéo en basse définition",
         "lowDefinition": "Basse définition",
         "performanceSettings": "Paramètres de performance",
+        "recording": "Enregistrement en cours",
         "sd": "MD",
         "sdTooltip": "Regardez la vidéo en définition standard",
-        "standardDefinition": "Moyenne Définition"
+        "standardDefinition": "Moyenne Définition",
+        "streaming": "Diffusion en direct en cours"
     },
     "videothumbnail": {
         "connectionInfo": "Informations de la connexion",
@@ -1215,6 +1318,7 @@
         "grantModerator": "Donner des droits de modérateur",
         "hideSelfView": "Cacher l'affichage de votre propre vidéo",
         "kick": "Exclure",
+        "mirrorVideo": "Inverser ma vidéo",
         "moderator": "Modérateur",
         "mute": "Le participant a coupé son micro",
         "muted": "Muet",
@@ -1224,6 +1328,7 @@
         "show": "Afficher en premier plan",
         "showSelfView": "Montrer votre propre vidéo",
         "unpinFromStage": "Ne plus garder affiché",
+        "verify": "Vérifier le participant",
         "videoMuted": "Caméra coupée",
         "videomute": "Le participant a arrêté la caméra"
     },
@@ -1251,6 +1356,7 @@
         "webAssemblyWarning": "WebAssembly non supporté",
         "webAssemblyWarningDescription": "WebAssembly invalidé ou non supporté par ce navigateur"
     },
+    "visitorsLabel": "Nombre de visiteurs: {{count}}",
     "volumeSlider": "Curseur de volume",
     "welcomepage": {
         "accessibilityLabel": {
@@ -1283,6 +1389,7 @@
             "microsoftLogo": "Logo Microsoft",
             "policyLogo": "Logo de la politique"
         },
+        "meetingsAccessibilityLabel": "Réunions",
         "mobileDownLoadLinkAndroid": "Télécharger l'application mobile sur Android",
         "mobileDownLoadLinkFDroid": "Télécharger l'application mobile sur F-Droid",
         "mobileDownLoadLinkIos": "Télécharger l'application mobile sur iOS",
@@ -1291,13 +1398,21 @@
         "recentList": "Récent",
         "recentListDelete": "Supprimer",
         "recentListEmpty": "Votre liste récente est actuellement vide. Discuter avec votre équipe et vous trouverez toutes vos réunions récentes ici.",
+        "recentMeetings": "Vos réunions récentes",
         "reducedUIText": "Bienvenue sur {{app}} !",
         "roomNameAllowedChars": "Le nom de la réunion ne doit contenir aucun de ces caractères : ?, &, :, ', \", %, #.",
         "roomname": "Saisissez un nom de salle",
         "roomnameHint": "Entrez le nom ou l'URL de la salle que vous souhaitez rejoindre. Vous pouvez faire un nom, laissez les gens que vous rencontrerez le savoir afin qu'ils entrent le même nom.",
         "sendFeedback": "Envoyer votre avis",
+        "settings": "Paramètres",
         "startMeeting": "Démarrer la conférence",
         "terms": "Termes",
-        "title": "Système de vidéoconférence sécurisé, riche en fonctionnalités et gratuit"
+        "title": "Système de vidéoconférence sécurisé, riche en fonctionnalités et gratuit",
+        "upcomingMeetings": "Vos réunions à venir"
+    },
+    "whiteboard": {
+        "accessibilityLabel": {
+            "heading": "Tableau blanc"
+        }
     }
 }

lang/main-sq.json

@@ -11,7 +11,6 @@
         "defaultEmail": "Email-i Juaj Parazgjedhje",
         "disabled": "S’mund të ftoni persona.",
         "failedToAdd": "S’u arrit të shtohen pjesëmarrës",
-        "footerText": "Formimi i numrave është i çaktivizuar.",
         "googleEmail": "Email Google",
         "inviteMoreHeader": "Në takim jeni vetëm ju",
         "inviteMoreMailSubject": "Merrni pjesë në takim me {{appName}}",
@@ -31,6 +30,7 @@
     },
     "audioDevices": {
         "bluetooth": "Bluetooth",
+        "car": "Audio Automjeti",
         "headphones": "Kufje",
         "none": "S’ka pajisje audio",
         "phone": "Telefon",
@@ -39,9 +39,6 @@
     "audioOnly": {
         "audioOnly": "Gjerësi e ulët bande"
     },
-    "blankPage": {
-        "meetingEnded": "Takimi përfundoi."
-    },
     "breakoutRooms": {
         "actions": {
             "add": "Shtoni aneks konsultimesh",
@@ -79,15 +76,27 @@
         "refresh": "Rifresko kalendarin",
         "today": "Sot"
     },
+    "carmode": {
+        "actions": {
+            "selectSoundDevice": "Përzgjidhni pajisje zëri"
+        },
+        "labels": {
+            "buttonLabel": "Mënyra automjet",
+            "title": "Mënyra automjet",
+            "videoStopped": "Videoja juaj është ndalur"
+        }
+    },
     "chat": {
         "enter": "Hyni në fjalosje",
         "error": "Gabim: mesazhi juaj s’u dërgua. Arsye: {{error}}",
         "fieldPlaceHolder": "Shtypni këtu mesazhin tuaj",
+        "lobbyChatMessageTo": "Mesazh fjalosjeje në holl për {{recipient}}",
         "message": "Mesazh",
         "messageAccessibleTitle": "{{user}} thotë:",
         "messageAccessibleTitleMe": "unë them:",
         "messageTo": "Mesazh privat për {{recipient}}",
         "messagebox": "Shtypni një mesazh",
+        "newMessages": "Mesazhe të rinj",
         "nickname": {
             "popover": "Zgjidhni një nofkë",
             "title": "Që të përdorni fjalosjen, jepni një nofkë",
@@ -96,7 +105,7 @@
         "noMessagesMessage": "Te takimi s’ka ende mesazhe. Nisni një bisedë këtu!",
         "privateNotice": "Mesazh privat për {{recipient}}",
         "sendButton": "Dërgoje",
-        "smileysPanel": "Panel emoji-sh",
+        "smileysPanel": "Panel emoxhish",
         "tabs": {
             "chat": "Fjalosje",
             "polls": "Pyetësorë"
@@ -107,6 +116,7 @@
     },
     "chromeExtensionBanner": {
         "buttonText": "Instaloni Zgjerimin për Chrome",
+        "buttonTextEdge": "Instaloni Zgjerimin Edge",
         "close": "Mbylle",
         "dontShowAgain": "Mos ma shfaq sërish këtë",
         "installExtensionText": "Instaloni zgjerimin për integrim të Google Calendar-it dhe Office 365-s"
@@ -137,6 +147,7 @@
         "bridgeCount": "Numër shërbyesish: ",
         "codecs": "Kodekë (A/V): ",
         "connectedTo": "Lidhur te:",
+        "e2eeVerified": "I verifikuar si E2EE:",
         "framerate": "Shpejtësi kuadrosh:",
         "less": "Shfaq më pak",
         "localaddress": "Adresë vendore:",
@@ -172,14 +183,22 @@
     },
     "deepLinking": {
         "appNotInstalled": "Që të merrni pjesë në këtë takim që nga telefoni juaj, ju duhet aplikacioni për celular {{app}}.",
-        "description": "S’ngjau gjë? Provuam të nisim takimin tuaj te aplikacioni për desktop {{app}}. Rorpovoni, ose niseni nga aplikacioni web {{app}}.",
+        "description": "S’ngjau gjë? Provuam të nisim takimin tuaj te aplikacioni për desktop {{app}}. Riprovoni, ose niseni nga aplikacioni web {{app}}.",
+        "descriptionNew": "S’ngjau gjë? Provuam nisjen e takimit tuaj te aplikacioni për desktop {{app}}. <br /><br /> Mund të riprovoni, ose ta nisni në web.",
         "descriptionWithoutWeb": "S’ngjau gjë? Provuam nisjen e takimit tuaj te aplikacioni për desktop {{app}}.",
         "downloadApp": "Shkarkoni aplikacionin",
+        "downloadMobileApp": "Shkarkojeni prej App Store",
         "ifDoNotHaveApp": "Nëse s’e keni ende aplikacionin:",
         "ifHaveApp": "Nëse e keni tashmë aplikacionin:",
         "joinInApp": "Merrni pjesë në këtë takim duke përdorur aplikacionin",
+        "joinInAppNew": "Hyni që nga aplikacioni",
+        "joinInBrowser": "Hyni që nga shfletues",
+        "launchMeetingLabel": "Si doni të hyhet në këtë takim?",
         "launchWebButton": "Nise në web",
+        "noMobileApp": "S’e keni aplikacionin?",
+        "termsAndConditions": "Duke vazhduar, pajtoheni me <a href='{{termsAndConditionsLink}}' rel='noopener noreferrer' target='_blank'>terms & conditions.</a> tona",
         "title": "Po niset takimi juaj në {{app}}…",
+        "titleNew": "Po niset takimi juaj…",
         "tryAgainButton": "Riprovoni në desktop",
         "unsupportedBrowser": "Duket se përdorni një shfletues që s’e mbulojmë."
     },
@@ -192,11 +211,20 @@
         "microphonePermission": "Gabim në marrje lejesh mbi mikrofonin"
     },
     "deviceSelection": {
+        "hid": {
+            "callControl": "Kontroll thirrjesh",
+            "connectedDevices": "Pajisje të lidhura:",
+            "deleteDevice": "Fshije pajisjen",
+            "pairDevice": "Çiftoni pajisje"
+        },
         "noPermission": "S’u akordua leje",
         "previewUnavailable": "S’bëhet dot paraparje",
         "selectADevice": "Përzgjidhni një pajisje",
         "testAudio": "Luaj një tingull, për provë"
     },
+    "dialIn": {
+        "screenTitle": "Përmbledhje rënieje numrash"
+    },
     "dialOut": {
         "statusMessage": "tani është {{status}}"
     },
@@ -215,6 +243,8 @@
             "liveStreaming": "Transmetim i Drejtpërdrejtë"
         },
         "add": "Shtoni",
+        "addMeetingNote": "Shtoni një shënim rreth këtij takimi",
+        "addOptionalNote": "Shtoni një shënim (në daçi):",
         "allow": "Lejoje",
         "alreadySharedVideoMsg": "Një tjetër pjesëmarrës po ndan me të tjerët një video. Kjo konferencë lejon vetëm një ndarje videoje në herë.",
         "alreadySharedVideoTitle": "Lejohet vetëm një ndarje videoje me të tjerët në herë",
@@ -256,6 +286,7 @@
         "gracefulShutdown": "Shërbimi ynë është aktualisht i ndërprerë, për punë mirëmbajtjeje. Ju lutemi, riprovoni më vonë.",
         "grantModeratorDialog": "Jeni i sigurt se doni të akordohen të drejta moderatori për {{participantName}}?",
         "grantModeratorTitle": "Akordoni të drejta moderatori",
+        "hide": "Fshihe",
         "hideShareAudioHelper": "Mos e shfaq më këtë dialog",
         "incorrectPassword": "Emër përdoruesi ose fjalëkalim i pasaktë",
         "incorrectRoomLockPassword": "Fjalëkalim i pasaktë",
@@ -266,9 +297,10 @@
         "kickParticipantDialog": "Jeni i sigurt se doni të përzihet ky pjesëmarrës?",
         "kickParticipantTitle": "Të përzihet ky pjesëmarrës?",
         "kickTitle": "Ooh! {{participantDisplayName}} ju përzuri nga takimi",
+        "linkMeeting": "Lidheni takimin",
+        "linkMeetingTitle": "Lidheni takimin me Salesforce",
         "liveStreaming": "Transmetim i Drejtpërdrejtë",
         "liveStreamingDisabledBecauseOfActiveRecordingTooltip": "Jo e mundshme, kur është aktiv regjistrimi",
-        "liveStreamingDisabledTooltip": "Nisje transmetimesh të drejtpërdrejta e çaktivizuar.",
         "localUserControls": "Kontrolle vendore përdoruesi",
         "lockMessage": "S’u arrit të kyçej konferenca.",
         "lockRoom": "Shtoni takim $t(lockRoomPasswordUppercase)",
@@ -280,7 +312,7 @@
         "maxUsersLimitReachedTitle": "U mbërrit në kufi numri maksimum pjesëmarrësish",
         "micConstraintFailedError": "Mikrofoni juaj s’plotëson disa nga kufizimet e domosdoshme.",
         "micNotFoundError": "S’u gjet mikrofon.",
-        "micNotSendingData": "Kaloni te rregullimet e kompjuterit tuaj që t’i hiqni mikrofonit heshtimin dhe të ujdisni volumin për të",
+        "micNotSendingData": "Kaloni te rregullimet e kompjuterit tuaj, që t’i hiqni mikrofonit heshtimin dhe të ujdisni volumin për të",
         "micNotSendingDataTitle": "Mikrofoni juaj është heshtuar nga rregullimet e sistemit tuaj",
         "micPermissionDeniedError": "S’keni akorduar leje për t’u përdorur mikrofoni juaj. Mundeni prapëseprapë të merrni pjesë te konferenca, por të tjerët s’do t’ju dëgjojnë. Përdorni butonin e kamerës, te shtylla e adresave, për ta ndrequr këtë gjë.",
         "micTimeoutError": "S’u nis dot burim audio. Ndodhi mbarim kohe!",
@@ -320,15 +352,15 @@
         "popupError": "Shfletuesi juaj i bllokon dritaret flluskë prej këtij sajti. Ju lutemi, aktivizoni flluskat te rregullimet e sigurisë të shfletuesit tuaj dhe riprovoni.",
         "popupErrorTitle": "Flluska u bllokua",
         "readMore": "më tepër",
+        "recentlyUsedObjects": "Së fundi përdorët objekte",
         "recording": "Regjistrim",
         "recordingDisabledBecauseOfActiveLiveStreamingTooltip": "Jo i mundshëm kur ka aktiv një transmetim të drejtpërdrejtë",
-        "recordingDisabledTooltip": "Nisja e regjistrimit është çaktivizuar.",
         "rejoinNow": "Rihyni tani",
         "remoteControlAllowedMessage": "{{user}} pranoi kërkesën tuaj për kontroll së largëti!",
         "remoteControlDeniedMessage": "{{user}} hodhi poshtë kërkesën tuaj për kontroll së largëti!",
         "remoteControlErrorMessage": "Ndodhi një gabim teksa provohej të kërkoheshin leje kontrolli së largëti nga {{user}}!",
         "remoteControlRequestMessage": "A do ta lejoni {{user}} të kontrollojë së largëti desktopin tuaj?",
-        "remoteControlShareScreenWarning": "Mbani parasysh se nëse shtypni \"Lejoje\", do t’u tregoni ekranin tuaj!",
+        "remoteControlShareScreenWarning": "Mbani parasysh se nëse shtypni “Lejoje”, do t’u tregoni ekranin tuaj!",
         "remoteControlStopMessage": "Sesioni me kontroll së largëti përfundoi!",
         "remoteControlTitle": "Kontroll desktopi së largëti",
         "remoteUserControls": "Kontrolle përdoruesi së largëti të {{username}}",
@@ -342,6 +374,12 @@
         "screenSharingFailed": "Hëm! Diç shkoi ters, s’qemë në gjendje të nisnim tregim ekrani!",
         "screenSharingFailedTitle": "Tregimi i ekrani dështoi!",
         "screenSharingPermissionDeniedError": "Hëm! Diç shkoi ters me lejet tuaja për tregim ekrani. Ju lutemi, ringarkojeni dhe riprovoni.",
+        "searchInSalesforce": "Kërkoni në Salesforce",
+        "searchResults": "Përfundime kërkimi({{count}})",
+        "searchResultsDetailsError": "Diç shkoi ters teksa provohej të merreshin të dhënat e të zotit.",
+        "searchResultsError": "Diç shkoi ters teksa provohej të merreshin të dhëna.",
+        "searchResultsNotFound": "S’u gjetën përfundime kërkimi.",
+        "searchResultsTryAgain": "Provoni duke përdorur terma alternativë.",
         "sendPrivateMessage": "Tani së fundi morët një mesazh privat. Kishit ndërmend t’i përgjigjeni privatisht, apo doni t’ia dërgoni mesazhin grupit?",
         "sendPrivateMessageCancel": "Dërgoja grupit",
         "sendPrivateMessageOk": "Dërgoje privatisht",
@@ -352,12 +390,12 @@
         "shareAudio": "Vazhdo",
         "shareAudioTitle": "Si të ndahet audio me të tjerë",
         "shareAudioWarningD1": "lypset të ndalni tregim ekrani, para se të ndani audion tuaj me të tjerë.",
-        "shareAudioWarningD2": "lypset të rinisni tregimin e ekranit tuaj dhe t’i vini shenjë mundësisë \"ndani audio me të tjerë\".",
+        "shareAudioWarningD2": "lypset të rinisni tregimin e ekranit tuaj dhe t’i vini shenjë mundësisë “ndani audio me të tjerë”.",
         "shareAudioWarningH1": "Nëse doni të ndani vetëm audio me të tjerë:",
         "shareAudioWarningTitle": "Lypset të ndalni tregimin e ekranit, para se të ndani audio me të tjerë",
         "shareMediaWarningGenericH2": "Nëse doni të tregoni ekranin dhe të ndani audio me të tjerë",
         "shareScreenWarningD1": "lypset të ndalni ndarjen e audios me të tjerë, para se të tregoni ekranin tuaj.",
-        "shareScreenWarningD2": "lypset të ndalni ndarjen e audios me të tjerë, të nisni tregimin e ekranit dhe t’i vini shenjë mundësisë \"ndani audio me të tjerë\".",
+        "shareScreenWarningD2": "lypset të ndalni ndarjen e audios me të tjerë, të nisni tregimin e ekranit dhe t’i vini shenjë mundësisë “ndani audio me të tjerë”.",
         "shareScreenWarningH1": "Nëse thjesht doni të tregoni ekranin tuaj:",
         "shareScreenWarningTitle": "Lypset të ndalni ndarjen e audios me të tjerë, para tregimit të ekranit tuaj",
         "shareVideoLinkError": "Ju lutemi, jepni një lidhje të saktë videoje.",
@@ -366,6 +404,8 @@
         "shareYourScreenDisabled": "Tregimi i ekranit është i çaktivizuar.",
         "sharedVideoDialogError": "Gabim: URL e pavlefshme",
         "sharedVideoLinkPlaceholder": "Lidhje YouTube ose lidhje e drejtpërdrejtë për video",
+        "show": "Shfaqe",
+        "start": "Fillo ",
         "startLiveStreaming": "Nisni transmetim të drejtpërdrejtë",
         "startRecording": "Fillo regjistrim",
         "startRemoteControlErrorMessage": "Ndodhi një gabim teksa provohej të nisej sesioni i kontrollit së largëti!",
@@ -383,6 +423,10 @@
         "user": "Përdorues",
         "userIdentifier": "Identifikues përdoruesi",
         "userPassword": "Fjalëkalim përdoruesi",
+        "verifyParticipantConfirm": "Përputhen",
+        "verifyParticipantDismiss": "Nuk përputhen",
+        "verifyParticipantQuestion": "EKSPERIMENTALE: Pyeteni pjesëmarrësin {{participantName}} nëse sheh të njëjtën lëndë, sipas të njëjtës radhë.",
+        "verifyParticipantTitle": "Verifikim përdoruesi",
         "videoLink": "Lidhje videoje",
         "viewUpgradeOptions": "Shihni mundësi përmirësimi",
         "viewUpgradeOptionsContent": "Që të përfitoni përdorim të pakufizuar veçorish me pagesë, të tilla si regjistrimi, transcriptime, RTMP Streaming & etj, duhet të përmirësoni planin tuaj.",
@@ -408,8 +452,14 @@
         "veryBad": "Shumë i Dobët",
         "veryGood": "Shumë i Mirë"
     },
-    "helpView": {
-        "title": "Qendër ndihme"
+    "filmstrip": {
+        "accessibilityLabel": {
+            "heading": "Miniatura videosh"
+        }
+    },
+    "giphy": {
+        "noResults": "S’u gjetën përfundime :(",
+        "search": "Kërkoni në GIPHY"
     },
     "incomingCall": {
         "answer": "Përgjigjuni",
@@ -451,9 +501,11 @@
         "noRoom": "S’u dha dhomë për të cilën të formësohet numri.",
         "numbers": "Numra Për T’u Përdorur",
         "password": "$t(lockRoomPasswordUppercase): ",
+        "reachedLimit": "Keni mbërritur në kufijtë e planit tuaj.",
         "sip": "Adresë SIP",
         "title": "Ndani me të tjerë",
-        "tooltip": "Ndani me të tjerë lidhje dhe hollësi numrash për këtë takim"
+        "tooltip": "Ndani me të tjerë lidhje dhe hollësi numrash për këtë takim",
+        "upgradeOptions": "Ju lutemi, shihni mundësitë e përmirësimit, te"
     },
     "inlineDialogFailure": {
         "msg": "Ngecëm pak.",
@@ -474,10 +526,11 @@
         "focusLocal": "Fokusi te videoja juaj",
         "focusRemote": "Fokusi te videoja e një personi tjetër",
         "fullScreen": "Hyni ose dilni në mënyrën “Sa krejt ekrani”",
+        "giphyMenu": "Shfaq/Fshish menu GIPHY",
         "keyboardShortcuts": "Shkurtore tastiere",
         "localRecording": "Shfaqni ose fshini kontrolle regjistrimi lokal",
         "mute": "Mbyllni ose hapni mikrofonin tuaj",
-        "pushToTalk": "Për të folur, shtypeni",
+        "pushToTalk": "Që të flisni, shtypni",
         "raiseHand": "Ngrini ose ulni dorën",
         "showSpeakerStats": "Shfaq statistika folësish",
         "toggleChat": "Hapni ose mbyllni fjalosjen",
@@ -487,6 +540,10 @@
         "toggleShortcuts": "Shfaqni ose fshihni shkurtore tastiere",
         "videoMute": "Vini në punë ose ndalni kamerën tuaj"
     },
+    "largeVideo": {
+        "screenIsShared": "Po u tregoni ekranin tuaj",
+        "showMeWhatImSharing": "Tregomë ç’po u tregoj"
+    },
     "liveStreaming": {
         "busy": "Po përpiqemi të lirojmë burime transmetimi. Ju lutemi, riprovoni pas pak minutash.",
         "busyTitle": "Krejt transmetuesit janë aktualisht të zënë",
@@ -527,8 +584,8 @@
     "lobby": {
         "admit": "Pranoje",
         "admitAll": "Pranoji të tërë",
-        "allow": "Lejoje",
         "backToKnockModeButton": "Kërkoji të marrë pjesë",
+        "chat": "Fjalosje",
         "dialogTitle": "Mënyra holl",
         "disableDialogContent": "Mënyra holl është aktualisht e aktivizuar. Kjo veçori siguron që pjesëmarrës të padëshiruar të mos mund të hyjnë në takimin tuaj. Doni të çaktivizohet?",
         "disableDialogSubmit": "Çaktivizoje",
@@ -541,6 +598,7 @@
         "errorMissingPassword": "Ju lutemi, jepni fjalëkalimin e takimit",
         "invalidPassword": "Fjalëkalim i pavlefshëm",
         "joinRejectedMessage": "Kërkesa juaj për hyrje u hodh poshtë nga një moderator.",
+        "joinRejectedTitle": "Kërkesa për pjesëmarrje u hodh poshtë.",
         "joinTitle": "Merrni Pjesë Në Takim",
         "joinWithPasswordMessage": "Po provohet të hyhet me fjalëkalim, ju lutemi, pritni…",
         "joiningMessage": "Do të hyni në takim sapo dikush të pranojë kërkesën tuaj",
@@ -549,6 +607,8 @@
         "knockButton": "Kërko të Hyhet",
         "knockTitle": "Dikush dëshiron të hyjë në takim",
         "knockingParticipantList": "Listë pjesëmarrësish që duan të hyjnë",
+        "lobbyChatStartedNotification": "{{moderator}} filloi një fjalosje në holl me {{attendee}}",
+        "lobbyChatStartedTitle": "{{moderator}} ka filluar një fjalosje në holl me ju.",
         "nameField": "Jepni emrin tuaj",
         "notificationLobbyAccessDenied": "Hyrja e {{targetParticipantName}} është hedhur poshtë nga {{originParticipantName}}",
         "notificationLobbyAccessGranted": "{{targetParticipantName}} është lejuar të hyjë nga {{originParticipantName}}",
@@ -586,6 +646,7 @@
         "no": "Jo",
         "participant": "Pjesëmarrës",
         "participantStats": "Statistika Pjesëmarrësish",
+        "selectTabTitle": "🎥 Ju lutemi, për regjistrim përzgjidhni këtë skedë",
         "sessionToken": "Token Sesioni",
         "start": "Nis Regjistrim",
         "stop": "Ndale Regjistrimin",
@@ -608,10 +669,13 @@
         "connectedOneMember": "{{name}} nisi takimin",
         "connectedThreePlusMembers": "{{name}} dhe mjaft të tjerë tjerë hynë në takim",
         "connectedTwoMembers": "{{first}} dhe {{second}} tjetër hynë në takim",
+        "dataChannelClosed": "Rënie cilësie videoje",
+        "dataChannelClosedDescription": "Kanali urë u shkëput, kështu që cilësia e videos është kufizuar te vlera më e ulët.",
         "disconnected": "u shkëput",
         "displayNotifications": "Shfaq njoftime për",
         "focus": "Fokusi te konferenca",
         "focusFail": "{{component}} jo i passhëm - riprovoni pas {{ms}} sekondash",
+        "gifsMenu": "GIPHY",
         "groupTitle": "Njoftime",
         "hostAskedUnmute": "Moderatori do të donte të flisnit",
         "invitedOneMember": "{{name}} u ftua",
@@ -621,6 +685,14 @@
         "leftOneMember": "{{name}} doli nga takimi",
         "leftThreePlusMembers": "{{name}} dhe mjaft të tjerë dolën nga takimi",
         "leftTwoMembers": "{{first}} dhe {{second}} dolën nga takimi",
+        "linkToSalesforce": "Lidheni te Salesforce",
+        "linkToSalesforceDescription": "Mund ta lidhni përmbledhjen e takimit te një objekt Salesforce.",
+        "linkToSalesforceError": "S’u arrit të lidhe takimi te Salesforce",
+        "linkToSalesforceKey": "Lidheni këtë takim",
+        "linkToSalesforceProgress": "Po lidhet takimi te Salesforce…",
+        "linkToSalesforceSuccess": "Takimi u lidh te Salesforce",
+        "localRecordingStarted": "{{name}} ka filluar një regjistrim vendor.",
+        "localRecordingStopped": "{{name}} ka ndalur një regjistrim vendor.",
         "me": "Unë",
         "moderationInEffectCSDescription": "Ju lutemi, ngrini dorën, nëse doni të tregoni ekranin tuaj.",
         "moderationInEffectCSTitle": "Tregimi i ekranit është bllokuar nga moderatori",
@@ -641,7 +713,11 @@
         "newDeviceAction": "Përdore",
         "newDeviceAudioTitle": "U pikas pajisje audio e re",
         "newDeviceCameraTitle": "U pikas kamerë e re",
-        "oldElectronClientDescription1": "Duket se përdorni një version të vjetër të klientit Jitsi Meet, i cili ka cenueshmëri sigurie që njihen. Ju lutemi, siguroni përditësimin me ",
+        "noiseSuppressionDesktopAudioDescription": "Mbytja e zhurmave s’mund të aktivizohet teksa ndahet me të tjerët audioja e desktopit, ju lutemi, çaktivizojeni dhe riprovoni.",
+        "noiseSuppressionFailedTitle": "S’u arrit të nisej mbytja e zhurmave",
+        "noiseSuppressionNoTrackDescription": "Ju lutemi, së pari, çheshtoni mikrofonin tuaj.",
+        "noiseSuppressionStereoDescription": "Aktualisht nuk mbulohet mbytje zhurmash audioje stereo.",
+        "oldElectronClientDescription1": "Duket se përdorni një version të vjetër të klientit Jitsi Meet, i cili ka cenueshmëri të ditura sigurie. Ju lutemi, siguroni përditësimin me ",
         "oldElectronClientDescription2": "montimin tonë më të ri",
         "oldElectronClientDescription3": " që tani!",
         "participantWantsToJoin": "Dëshiron të hyjë në takim",
@@ -655,6 +731,8 @@
         "reactionSoundsForAll": "Çaktivizoji tingujt për të tërë",
         "screenShareNoAudio": "Kutizës për ndarje audioje me të tjerë s’i është vënë shenjë te skena e përzgjedhjes së dritares.",
         "screenShareNoAudioTitle": "S’u nda dot me të tjerë audioja e sistemit!",
+        "screenSharingAudioOnlyDescription": "Ju lutemi, kini parasysh se duke dhënë ekranin tuaj, ndikoni te mënyra “Punimi më i mirë” dhe do të përdorni më tepër gjerësi bande",
+        "screenSharingAudioOnlyTitle": "Mënyra “”Punimi më i mirë",
         "selfViewTitle": "Mundeni përherë të hiqni fshehjen e pamjes së vetes, që nga rregullimet",
         "somebody": "Dikush",
         "startSilentDescription": "Që të aktivizohet audioja, rihyni në takim",
@@ -674,7 +752,7 @@
             "allow": "Lejoju pjesëmarrësve të:",
             "allowVideo": "Çaktivizoni videon",
             "askUnmute": "Kërkoni heqje heshtimi",
-            "audioModeration": "Hiqni heshtim të vetes",
+            "audioModeration": "Heqin heshtim të vetes",
             "blockEveryoneMicCamera": "Bllokoni mikrofonin dhe kamerën e gjithkujt",
             "invite": "Ftoni Dikë",
             "moreModerationActions": "Më tepër mundësi moderimi",
@@ -686,12 +764,13 @@
             "stopEveryonesVideo": "Ndal videon e gjithkujt",
             "stopVideo": "Ndale videon",
             "unblockEveryoneMicCamera": "Zhblloko mikrofonin dhe kamerën e gjithkujt",
-            "videoModeration": "Nis videon e vet"
+            "videoModeration": "Nisin videon e vetes"
         },
         "close": "Mbylle",
         "headings": {
             "lobby": "Holli ({{count}})",
             "participantsList": "Pjesëmarrës në takim ({{count}})",
+            "visitors": "Vizitorë ({{count}})",
             "waitingLobby": "Duke pritur në holl ({{count}})"
         },
         "search": "Kërkoni te pjesëmarrësit",
@@ -699,6 +778,8 @@
     },
     "passwordDigitsOnly": "Deri në {{number}} shifra",
     "passwordSetRemotely": "Caktuar nga një tjetër pjesëmarrës",
+    "pinParticipant": "{{participantName}} - Fiksoje",
+    "pinnedParticipant": "Pjesëmarrësi është fiksuar",
     "polls": {
         "answer": {
             "skip": "Anashkaloje",
@@ -775,6 +856,7 @@
         "initiated": "U nis thirrja",
         "joinAudioByPhone": "Merrni pjesë me audio telefoni",
         "joinMeeting": "Merrni pjesë në takim",
+        "joinMeetingInLowBandwidthMode": "Merrni pjesë nën mënyrën “gjerësi e ulët bande”",
         "joinWithoutAudio": "Merrni pjesë pa audio",
         "keyboardShortcuts": "Aktivizo shkurtore tastiere",
         "linkCopied": "Lidhja u kopjua në të papastër",
@@ -802,9 +884,6 @@
         "rejected": "Hedhur poshtë",
         "ringing": "Po i bihet ziles…"
     },
-    "privacyView": {
-        "title": "Privatësi"
-    },
     "profile": {
         "avatar": "avatar",
         "setDisplayNameLabel": "Caktoni emrin tuaj për në ekran",
@@ -814,6 +893,18 @@
     },
     "raisedHand": "Do të donte të fliste",
     "raisedHandsLabel": "Numër duarsh të ngritura",
+    "record": {
+        "already": {
+            "linked": "Takimi është i lidhur tashmë te ky objekt Salesforce."
+        },
+        "type": {
+            "account": "Llogari",
+            "contact": "Kontakt",
+            "lead": "Lead",
+            "opportunity": "Mundësi",
+            "owner": "Zotërues"
+        }
+    },
     "recording": {
         "authDropboxText": "Ngarkoje në Dropbox",
         "availableSpace": "Hapësirë e gatshme: {{spaceLeft}} MB (afërsisht {{duration}} minuta regjistrim)",
@@ -828,29 +919,48 @@
         "expandedPending": "Po niset regjistrimi…",
         "failedToStart": "S’u arrit të niset regjistrimi",
         "fileSharingdescription": "Ndajeni regjistrimin me pjesëmarrësit në takim",
+        "highlight": "Nxjerrje në pah",
+        "highlightMoment": "Nxirni në pah një çast",
+        "highlightMomentDisabled": "Mund të nxirrni në pah çaste kur fillon regjistrimi",
+        "highlightMomentSuccess": "Çasti u nxorr në pah",
+        "highlightMomentSucessDescription": "Çasti i nxjerrë në pah nga ju do të shtohet te përmbledhja e takimit.",
         "inProgress": "Regjistrim ose transmetim drejtpërsëdrejti në ecuri e sipër",
         "limitNotificationDescriptionNative": "Për shkak kërkesash të shumta, regjistrimi juaj do të kufizohet në {{limit}} min. Për regjistrime të pakufizuara provoni <3>{{app}}</3>.",
         "limitNotificationDescriptionWeb": "Për shkak kërkesash të shumta, regjistrimi juaj do të kufizohet në {{limit}} min. Për regjistrime të pakufizuara provoni <a href={{url}} rel='noopener noreferrer' target='_blank'>{{app}}</a>.",
         "linkGenerated": "Kemi prodhuar një lidhje për te regjistrimi juaj.",
         "live": "DREJTPËRSËDREJTI",
+        "localRecordingNoNotificationWarning": "Regjistrimi s’do t’u njoftohet pjesëmarrësve të tjerë. Do t’ju duhet t’i vini në dijeni se takimi po regjistrohet.",
+        "localRecordingNoVideo": "Videoja nuk po regjistrohet",
+        "localRecordingStartWarning": "Ju lutemi, sigurohuni se e ndalni regjistrimin para se dilni nga takimi, që të mund ta ruani.",
+        "localRecordingStartWarningTitle": "Ndaleni regjistrimin që ta ruani",
+        "localRecordingVideoStop": "Ndalja e videos tuaj do të ndalë gjithashtu edhe regjistrimin vendor. Jeni i sigurt se doni të vazhdohet?",
+        "localRecordingVideoWarning": "Që ta regjistroni, videon tuaj duhet ta keni të hapur, kur niset regjistrimi",
+        "localRecordingWarning": "Sigurohuni se përzgjidhni skedën e tanishme, që të mund të përdoret videoja dhe audioja e saktë. Regjistrimi aktualisht është i kufizuar deri në 1GB, çka është aty afër 100 minutave.",
         "loggedIn": "I futur si {{userName}}",
+        "noMicPermission": "S’u krijua dot pistë mikrofoni. Ju lutemi, akordoni leje për përdorim të mikrofonit.",
+        "noStreams": "S’u pikas rrjedhë audio ose video.",
         "off": "Regjistrimi u ndal",
         "offBy": "{{name}} ndali regjistrimin",
         "on": "Regjistrimi nisi",
         "onBy": "{{name}} nisi regjistrimin",
+        "onlyRecordSelf": "Regjistro vetëm rrjedhat e mia audio dhe video",
         "pending": "Po përgatitet të regjistrohet takimi…",
         "rec": "REC",
+        "saveLocalRecording": "Ruajeni lokalisht kartelën e regjistrimit (Beta)",
         "serviceDescription": "Regjistrimi juaj do të ruhet nga shërbimi i regjistrimit",
         "serviceDescriptionCloud": "Regjistrim në re",
+        "serviceDescriptionCloudInfo": "Takimet e regjistruara spastrohen automatikisht 24h pas kohës së regjistrimit të tyre.",
         "serviceName": "Shërbim regjistrimi",
         "sessionAlreadyActive": "Ky sesion po regjistrohet ose transmetohet drejtpërsëdrejti tashmë.",
         "signIn": "Hyni",
         "signOut": "Dilni",
+        "surfaceError": "Ju lutemi, përdorni skedën e tanishme.",
         "title": "Regjistrim",
         "unavailable": "Hëm! {{serviceName}} s’është i passhëm aktualisht. Po punojmë për të zgjidhur problemin. Ju lutemi, riprovoni më vonë.",
         "unavailableTitle": "Regjistrim jo i passhëm",
         "uploadToCloud": "Ngarkojeni te reja"
     },
+    "screenshareDisplayName": "Skena e {{name}}",
     "sectionList": {
         "pullToRefresh": "Tërhiqeni që të rifreskohet"
     },
@@ -861,8 +971,9 @@
         "title": "Mundësi Sigurie"
     },
     "settings": {
+        "buttonLabel": "Rregullime",
         "calendar": {
-            "about": "Integrimi i me kalendar {{appName}} përdoret për të hyrë me sukses te kalendari juaj, që kështu të mund të lexohen veprimtari të ardhshme.",
+            "about": "Integrimi me kalendar {{appName}} përdoret për të hyrë me sukses te kalendari juaj, që kështu të mund të lexohen veprimtari të ardhshme.",
             "disconnect": "Shkëputu",
             "microsoftSignIn": "Hyni me Microsoft",
             "signedIn": "Aktualisht po shihen veprimtari kalendari për {{email}}. Klikoni mbi butonin Shkëputu më poshtë që të ndalni parjen e veprimtarive të kalendarit.",
@@ -877,12 +988,14 @@
         "incomingMessage": "Mesazh ardhës",
         "language": "Gjuhë",
         "loggedIn": "I futur si {{name}}",
+        "maxStageParticipants": "Numër maksimum pjesëmarrësish që mund të fiksohen te skena kryesore (EKSPERIMENTALe)",
         "microphones": "Mikrofona",
         "moderator": "Moderator",
         "more": "Më tepër",
         "name": "Emër",
         "noDevice": "Asnjë",
         "participantJoined": "Hyri Pjesëmarrës",
+        "participantKnocking": "Pjesëmarrës hyri në holl",
         "participantLeft": "Doli Pjesëmarrës",
         "playSounds": "Luaj tingull kur",
         "reactions": "Reagime takimi",
@@ -912,13 +1025,21 @@
         "disableCrashReportingWarning": "Jeni i sigurt se doni të çaktivizohet raportim vithisjesh? Rregullimi do të vihet në punë pasi të rinisni aplikacionin.",
         "disableP2P": "Çaktivizo mënyrë Tek-Për-Tek",
         "displayName": "Emër në ekrani",
+        "displayNamePlaceholderText": "P.sh.: Zamir Gjoli",
         "email": "Email",
+        "emailPlaceholderText": "email@example.com",
+        "goTo": "Kalo te",
         "header": "Rregullime",
+        "help": "Ndihmë",
+        "links": "Lidhje",
+        "privacy": "Privatësi",
         "profileSection": "Profil",
         "serverURL": "URL Shërbyesi",
         "showAdvanced": "Shfaq rregullime të mëtejshme",
+        "startCarModeInLowBandwidthMode": "Nën mënyrën “gjerësi e ulët bande” nis mënyrën automjet",
         "startWithAudioMuted": "Fillo me audio të mbyllur",
         "startWithVideoMuted": "Fillo me video të mbyllur",
+        "terms": "Terma",
         "version": "Version"
     },
     "share": {
@@ -956,6 +1077,7 @@
     "termsView": {
         "title": "Terma"
     },
+    "toggleTopPanelLabel": "Shfaq/fshih panelin e epërm",
     "toolbar": {
         "Settings": "Rregullime",
         "accessibilityLabel": {
@@ -965,6 +1087,7 @@
             "boo": "Ya",
             "breakoutRoom": "Hyni/Dilni nga dhomë aneks konsultimesh",
             "callQuality": "Administroni cilësi videoje",
+            "carmode": "Mënyra Automjet",
             "cc": "Shfaq/Fshih titra",
             "chat": "Hapni / Mbyllni fjalosje",
             "clap": "Duartrokitje",
@@ -972,16 +1095,21 @@
             "document": "Shfaq/Fshih dokument të ndarë",
             "download": "Shkarkoni aplikacionet tona",
             "embedMeeting": "Trupëzoni takimin",
+            "endConference": "Përfundoje takimin për të tërë",
             "expand": "Zgjeroje",
             "feedback": "Lini përshtypje",
-            "fullScreen": "Kalo/Dil nga mënyra “Sa krejt ekrani”",
+            "fullScreen": "Kalo nën/Dil nga mënyra “Sa krejt ekrani”",
+            "giphy": "Shfaq/fshih menunë GIPHY",
             "grantModerator": "Akordoji të Drejta Moderatori",
             "hangup": "Braktiseni takimin",
+            "heading": "Panel",
             "help": "Ndihmë",
             "invite": "Ftoni njerëz",
             "kick": "Përzëre pjesëmarrësin",
             "laugh": "E qeshur",
+            "leaveConference": "Dilni nga takimi",
             "like": "Thumbs Up",
+            "linkToSalesforce": "Lidhje për te Salesforce",
             "lobbyButton": "Aktivizo/Çaktivizoni mënyrën holl",
             "localRecording": "Shfaq/Fshih kontrolle regjistrimi vendor",
             "lockRoom": "Aktivizo/Çaktivizo fjalëkalim takimi",
@@ -993,6 +1121,7 @@
             "muteEveryoneElse": "Heshto gjithkënd tjetër",
             "muteEveryoneElsesVideoStream": "Ndal videon e gjithkujt tjetër",
             "muteEveryonesVideoStream": "Ndal videon e gjithkujt",
+            "noiseSuppression": "Mbytje zhurmash",
             "participants": "Pjesëmarrës",
             "pip": "Aktivizo/Çaktivizo mënyrën “Picture-in-Picture”",
             "privateMessage": "Dërgoni mesazh privat",
@@ -1004,7 +1133,7 @@
             "remoteVideoMute": "Çaktivizo kamerën e pjesëmarrësit",
             "security": "Mundësi sigurie",
             "selectBackground": "Përzgjidhni Sfond",
-            "selfView": "Shfaq/Fshih pamje veteje",
+            "selfView": "Shfaq/Fshih pamje të vetes",
             "shareRoom": "Ftoni dikë",
             "shareYourScreen": "Nisni / Ndalni tregimin e ekranit tuaj",
             "shareaudio": "Ndani audio me të tjerë",
@@ -1014,11 +1143,12 @@
             "silence": "Heshtje",
             "speakerStats": "Shfaq/Fshih statistika folësi",
             "surprised": "I befasuar",
-            "tileView": "Kalo/Dil nga mënyra mozaik",
+            "tileView": "Kalo në/Dil nga mënyra mozaik",
             "toggleCamera": "Hap/Mbyll kamerën",
             "toggleFilmstrip": "Shfaq/Fshih shirit filmi",
             "videoblur": "Aktivizo/Çaktivizo turbullim videoje",
-            "videomute": "Nis / Ndal kamerën"
+            "videomute": "Nis / Ndal kamerën",
+            "whiteboard": "Shfaq / Fshih tabelën"
         },
         "addPeople": "Shtoni persona te thirrja juaj",
         "audioOnlyOff": "Çaktivizo mënyrën “Sasi e ulët të dhënash trafiku”",
@@ -1032,24 +1162,30 @@
         "clap": "Duartrokitje",
         "closeChat": "Mbyll fjalosjen",
         "closeReactionsMenu": "Mbyll menu reagimesh",
+        "disableNoiseSuppression": "Çaktivizo mbytje zhurmash",
         "disableReactionSounds": "Mund të çaktivizoni tinguj reagimesh për këtë takim",
         "documentClose": "Mbylle dokumentin e ndarë",
         "documentOpen": "Hape dokumentin e ndarë",
         "download": "Shkarkoni aplikacione tonat",
         "e2ee": "Fshehtëzim Skaj-Më-Skaj",
         "embedMeeting": "Trupëzoni takim",
+        "endConference": "Përfundoje takimin për të tërë",
         "enterFullScreen": "Shiheni sa krejt ekrani",
         "enterTileView": "Kalo te pamja me kuadrate",
         "exitFullScreen": "Dil nga mënyra sa krejt ekrani",
         "exitTileView": "Dil nga pamja me kuadrate",
         "feedback": "Lini përshtypje",
+        "giphy": "Shfaq/Fshih menunë GIPHY",
         "hangup": "Braktisni takimin",
         "help": "Ndihmë",
+        "hideWhiteboard": "Fshihe tabelën",
         "invite": "Ftoni persona",
         "joinBreakoutRoom": "Hyni në dhomë aneks konsultimesh",
         "laugh": "Qeshje",
         "leaveBreakoutRoom": "Dilni nga dhomë aneks konsultimesh",
+        "leaveConference": "Dilni nga takimi",
         "like": "Thumbs Up",
+        "linkToSalesforce": "Lidhje për te Salesforce",
         "lobbyButtonDisable": "Çaktivizo mënyrën holl",
         "lobbyButtonEnable": "Aktivizo mënyrën holl",
         "login": "Hyrje",
@@ -1065,6 +1201,7 @@
         "noAudioSignalDialInDesc": "Mund t’i bini numrit edhe duke përdorur:",
         "noAudioSignalDialInLinkDesc": "Numra thirrjeje",
         "noAudioSignalTitle": "S’ka sinjal që vjen nga mikrofoni juaj!",
+        "noiseSuppression": "Mbytje zhurmash",
         "noisyAudioInputDesc": "Dëgjohet sikur mikrofoni juaj prodhon zhurmë, ju lutemi, shihni mundësinë e heshtimit të tij, ose të ndërrimit të pajisjes.",
         "noisyAudioInputTitle": "Mikrofoni juaj duket të jetë i zhurmshëm!",
         "openChat": "Hapni fjalosje",
@@ -1075,18 +1212,19 @@
         "profile": "Përpunoni profilin tuaj",
         "raiseHand": "Ngrini / Ulni dorën",
         "raiseYourHand": "Ngrini dorën",
-        "reactionBoo": "Dërgo reagim me ya",
-        "reactionClap": "Dërgo reagim me duartrokitje",
-        "reactionLaugh": "Dërgo reagim me qeshje",
-        "reactionLike": "Dërgo reagim me “thumbs up”",
-        "reactionSilence": "Dërgo reagim me heshtje",
-        "reactionSurprised": "Dërgo reagim të befasuari",
+        "reactionBoo": "Dërgoni reagim me ya",
+        "reactionClap": "Dërgoni reagim me duartrokitje",
+        "reactionLaugh": "Dërgoni reagim me qeshje",
+        "reactionLike": "Dërgoni reagim me “thumbs up”",
+        "reactionSilence": "Dërgoni reagim me heshtje",
+        "reactionSurprised": "Dërgoni reagim të befasuari",
         "security": "Mundësi sigurie",
         "selectBackground": "Përzgjidhni sfond",
         "shareRoom": "Ftoni dikë",
         "shareaudio": "Ndani audio me të tjerë",
         "sharedvideo": "Ndani video me të tjerë",
         "shortcuts": "Shihni shkurtore",
+        "showWhiteboard": "Shfaq tabelë",
         "silence": "Heshtje",
         "speakerStats": "Statistika folësi",
         "startScreenSharing": "Nise tregimin e ekranit",
@@ -1097,7 +1235,7 @@
         "stopSubtitles": "Ndali titrat",
         "surprised": "I befasuar",
         "talkWhileMutedPopup": "Po provoni të flisni? Jeni i heshtuar.",
-        "tileViewToggle": "Kaloni/Dilni nga mënyra mozaik",
+        "tileViewToggle": "Kalo në/Dil nga mënyra mozaik",
         "toggleCamera": "Hapni/Mbyllni kamerën",
         "videoSetting": "Rregullime videoje",
         "videomute": "Nisni / Ndalni kamerën"
@@ -1110,10 +1248,15 @@
         "labelToolTip": "Takimit po i bëhet transkriptim",
         "off": "Transkriptimi u ndal",
         "pending": "Po përgatitet të transkriptohet takimi…",
+        "sourceLanguageDesc": "Aktualisht si gjuhë takimi është caktuar <b>{{sourceLanguage}}</b>. <br/> Mund ta ndryshoni që nga ",
+        "sourceLanguageHere": "këtu",
         "start": "Fillo shfaqje titrash",
         "stop": "Ndal shfaqje titrash",
+        "subtitles": "Titra",
+        "subtitlesOff": "Off",
         "tr": "TR"
     },
+    "unpinParticipant": "{{participantName}} - Hiqja fiksimin",
     "userMedia": {
         "androidGrantPermissions": "Kur shfletuesi juaj të kërkojë leje, përzgjidhni <b><i>Lejoje</i></b>.",
         "chromeGrantPermissions": "Kur shfletuesi juaj të kërkojë leje, përzgjidhni <b><i>Lejoje</i></b>.",
@@ -1152,9 +1295,11 @@
         "ldTooltip": "Po shihet video në cilësi të ulët",
         "lowDefinition": "Cilësi e ulët",
         "performanceSettings": "Rregullime funksionimi",
+        "recording": "Regjistrim në kryerje e sipër",
         "sd": "CS",
         "sdTooltip": "Po shihet video në cilësi standarde",
-        "standardDefinition": "Cilësi standarde"
+        "standardDefinition": "Cilësi standarde",
+        "streaming": "Transmetim në kryerje e sipër"
     },
     "videothumbnail": {
         "connectionInfo": "Hollësi Lidhjeje",
@@ -1166,13 +1311,17 @@
         "grantModerator": "Akordoji të Drejta Moderatori",
         "hideSelfView": "Fshihe pamjen e vetes",
         "kick": "Përzëre",
+        "mirrorVideo": "Pasqyro videon time",
         "moderator": "Moderator",
         "mute": "Pjesëmarrësi është heshtuar",
         "muted": "I heshtuar",
+        "pinToStage": "Fiksoje në skenë",
         "remoteControl": "Nis / Ndal kontroll së largëti",
         "screenSharing": "Pjesëmarrësi po tregon ekranin e vet",
         "show": "Shfaqe në skenë",
         "showSelfView": "Shfaq pamje të vetes",
+        "unpinFromStage": "Çfiksoje",
+        "verify": "Verifikoni pjesëmarrës",
         "videoMuted": "Kamera e çaktivizuar",
         "videomute": "Pjesëmarrësi ka ndalur kamerën"
     },
@@ -1183,7 +1332,7 @@
         "blur": "Turbulloje",
         "deleteImage": "Fshije figurën",
         "desktopShare": "Tregim desktopi",
-        "desktopShareError": "S’u krijua dot tregim desktopi",
+        "desktopShareError": "S’u formua dot tregim desktopi",
         "image1": "Plazh",
         "image2": "Mur i bardhë asnjanës",
         "image3": "Dhomë e bardhë e zbrazët",
@@ -1200,6 +1349,7 @@
         "webAssemblyWarning": "Nuk mbulohet WebAssembly",
         "webAssemblyWarningDescription": "WebAssembly e çaktivizuar ose e pambuluar nga ky shfletues"
     },
+    "visitorsLabel": "Numër vizitorësh: {{count}}",
     "volumeSlider": "Rrëshqitës volumi",
     "welcomepage": {
         "accessibilityLabel": {
@@ -1240,13 +1390,21 @@
         "recentList": "Së fundi",
         "recentListDelete": "Fshije zërin",
         "recentListEmpty": "Lista juaj për “së fundi” aktualisht është e zbrazët. Bisedoni me ekipin tuaj dhe do të gjeni këtu krejt takimet tuaj së fundi.",
+        "recentMeetings": "Takimet tuaja së fundi",
         "reducedUIText": "Mirë se vini në {{app}}!",
         "roomNameAllowedChars": "Emri i takimit s’duhet të përmbajë ndonjë nga këto shenja: ?, &, :, ', \", %, #.",
         "roomname": "Jepni emër dhome",
         "roomnameHint": "Jepni emrin ose URL-në e dhomës ku doni të hyhet. Emrin mund ta vini si të doni, thjesht tregojuani personave me të cilët po takoheni, që të japin të njëjtin emër.",
         "sendFeedback": "Dërgoni përshtypje",
+        "settings": "Rregullime",
         "startMeeting": "Nisni takim",
         "terms": "Kushte",
-        "title": "Konferenca video të parrezik, me të gjitha veçoritë dhe plotësisht të lira"
+        "title": "Konferenca video të parrezik, me të gjitha veçoritë dhe plotësisht të lira",
+        "upcomingMeetings": "Takimet tuaja s’afërmi"
+    },
+    "whiteboard": {
+        "accessibilityLabel": {
+            "heading": "Tabelë shënimesh"
+        }
     }
 }

lang/main.json

@@ -68,9 +68,9 @@
         },
         "join": "Join",
         "joinTooltip": "Join the meeting",
-        "nextMeeting": "next meeting",
+        "nextMeeting": "Next meeting",
         "noEvents": "There are no upcoming events scheduled.",
-        "ongoingMeeting": "ongoing meeting",
+        "ongoingMeeting": "Ongoing meeting",
         "permissionButton": "Open settings",
         "permissionMessage": "The Calendar permission is required to see your meetings in the app.",
         "refresh": "Refresh calendar",
@@ -184,13 +184,21 @@
     "deepLinking": {
         "appNotInstalled": "You need the {{app}} mobile app to join this meeting on your phone.",
         "description": "Nothing happened? We tried launching your meeting in the {{app}} desktop app. Try again or launch it in the {{app}} web app.",
+        "descriptionNew": "Nothing happened? We tried launching your meeting in the {{app}} desktop app. <br /><br /> You can try again or launch it on web.",
         "descriptionWithoutWeb": "Nothing happened? We tried launching your meeting in the {{app}} desktop app.",
         "downloadApp": "Download the app",
+        "downloadMobileApp": "Download from App Store",
         "ifDoNotHaveApp": "If you don't have the app yet:",
         "ifHaveApp": "If you already have the app:",
         "joinInApp": "Join this meeting using the app",
+        "joinInAppNew": "Join in app",
+        "joinInBrowser": "Join in browser",
+        "launchMeetingLabel": "How do you want to join this meeting?",
         "launchWebButton": "Launch in web",
+        "noMobileApp": "You don’t have the app?",
+        "termsAndConditions": "By continuing you agree to our <a href='{{termsAndConditionsLink}}' rel='noopener noreferrer' target='_blank'>terms & conditions.</a>",
         "title": "Launching your meeting in {{app}}...",
+        "titleNew": "Launching your meeting ...",
         "tryAgainButton": "Try again in desktop",
         "unsupportedBrowser": "It looks like you're using a browser we don't support."
     },
@@ -203,10 +211,16 @@
         "microphonePermission": "Error obtaining microphone permission"
     },
     "deviceSelection": {
+        "hid": {
+            "callControl": "Call control",
+            "connectedDevices": "Connected devices:",
+            "deleteDevice": "Delete device",
+            "pairDevice": "Pair device"
+        },
         "noPermission": "Permission not granted",
         "previewUnavailable": "Preview unavailable",
         "selectADevice": "Select a device",
-        "testAudio": "Play a test sound"
+        "testAudio": "Test"
     },
     "dialIn": {
         "screenTitle": "Dial-in summary"
@@ -226,7 +240,9 @@
         "WaitingForHostTitle": "Waiting for the host ...",
         "Yes": "Yes",
         "accessibilityLabel": {
-            "liveStreaming": "Live Stream"
+            "close": "Close dialog",
+            "liveStreaming": "Live Stream",
+            "sharingTabs": "Sharing options"
         },
         "add": "Add",
         "addMeetingNote": "Add a note about this meeting",
@@ -438,6 +454,11 @@
         "veryBad": "Very Bad",
         "veryGood": "Very Good"
     },
+    "filmstrip": {
+        "accessibilityLabel": {
+            "heading": "Video thumbnails"
+        }
+    },
     "giphy": {
         "noResults": "No results found :(",
         "search": "Search GIPHY"
@@ -662,6 +683,7 @@
         "invitedOneMember": "{{name}} has been invited",
         "invitedThreePlusMembers": "{{name}} and {{count}} others have been invited",
         "invitedTwoMembers": "{{first}} and {{second}} have been invited",
+        "joinMeeting": "Join",
         "kickParticipant": "{{kicked}} was kicked by {{kicker}}",
         "leftOneMember": "{{name}} left the meeting",
         "leftThreePlusMembers": "{{name}} and many others left the meeting",
@@ -751,6 +773,7 @@
         "headings": {
             "lobby": "Lobby ({{count}})",
             "participantsList": "Meeting participants ({{count}})",
+            "visitors": "Visitors ({{count}})",
             "waitingLobby": "Waiting in lobby ({{count}})"
         },
         "search": "Search participants",
@@ -758,6 +781,7 @@
     },
     "passwordDigitsOnly": "Up to {{number}} digits",
     "passwordSetRemotely": "Set by another participant",
+    "pinParticipant": "{{participantName}} - Pin",
     "pinnedParticipant": "The participant is pinned",
     "polls": {
         "answer": {
@@ -865,9 +889,9 @@
     },
     "profile": {
         "avatar": "avatar",
-        "setDisplayNameLabel": "Set your display name",
+        "setDisplayNameLabel": "Name",
         "setEmailInput": "Enter email",
-        "setEmailLabel": "Set your gravatar email",
+        "setEmailLabel": "Gravatar email",
         "title": "Profile"
     },
     "raisedHand": "Would like to speak",
@@ -950,6 +974,7 @@
         "title": "Security Options"
     },
     "settings": {
+        "audio": "Audio",
         "buttonLabel": "Settings",
         "calendar": {
             "about": "The {{appName}} calendar integration is used to securely access your calendar so it can read upcoming events.",
@@ -970,9 +995,11 @@
         "maxStageParticipants": "Maximum number of participants who can be pinned to the main stage (EXPERIMENTAL)",
         "microphones": "Microphones",
         "moderator": "Moderator",
-        "more": "More",
+        "moderatorOptions": "Moderator options",
+        "more": "General",
         "name": "Name",
         "noDevice": "None",
+        "notifications": "Notifications",
         "participantJoined": "Participant Joined",
         "participantKnocking": "Participant entered lobby",
         "participantLeft": "Participant Left",
@@ -983,13 +1010,14 @@
         "selectCamera": "Camera",
         "selectMic": "Microphone",
         "selfView": "Self view",
-        "sounds": "Sounds",
+        "shortcuts": "Shortcuts",
         "speakers": "Speakers",
         "startAudioMuted": "Everyone starts muted",
         "startReactionsMuted": "Mute reaction sounds for everyone",
         "startVideoMuted": "Everyone starts hidden",
         "talkWhileMuted": "Talk while muted",
-        "title": "Settings"
+        "title": "Settings",
+        "video": "Video"
     },
     "settingsView": {
         "advanced": "Advanced",
@@ -1070,18 +1098,29 @@
             "cc": "Toggle subtitles",
             "chat": "Open / Close chat",
             "clap": "Clap",
+            "closeChat": "Close chat",
+            "closeMoreActions": "Close more actions menu",
+            "closeParticipantsPane": "Close participants pane",
             "collapse": "Collapse",
             "document": "Toggle shared document",
+            "documentClose": "Close shared document",
+            "documentOpen": "Open shared document",
             "download": "Download our apps",
             "embedMeeting": "Embed meeting",
             "endConference": "End meeting for all",
+            "enterFullScreen": "View full screen",
+            "enterTileView": "Enter tile view",
+            "exitFullScreen": "Exit full screen",
+            "exitTileView": "Exit tile view",
             "expand": "Expand",
             "feedback": "Leave feedback",
             "fullScreen": "Toggle full screen",
             "giphy": "Toggle GIPHY menu",
             "grantModerator": "Grant Moderator Rights",
             "hangup": "Leave the meeting",
+            "heading": "Toolbar",
             "help": "Help",
+            "hideWhiteboard": "Hide whiteboard",
             "invite": "Invite people",
             "kick": "Kick participant",
             "laugh": "Laugh",
@@ -1091,21 +1130,23 @@
             "lobbyButton": "Enable/disable lobby mode",
             "localRecording": "Toggle local recording controls",
             "lockRoom": "Toggle meeting password",
+            "lowerHand": "Lower your hand",
             "moreActions": "More actions",
             "moreActionsMenu": "More actions menu",
             "moreOptions": "Show more options",
-            "mute": "Mute / Unmute",
+            "mute": "Mute",
             "muteEveryone": "Mute everyone",
             "muteEveryoneElse": "Mute everyone else",
             "muteEveryoneElsesVideoStream": "Stop everyone else's video",
             "muteEveryonesVideoStream": "Stop everyone's video",
             "noiseSuppression": "Noise suppression",
-            "participants": "Participants",
+            "openChat": "Open chat",
+            "participants": "Open participants pane",
             "pip": "Toggle Picture-in-Picture mode",
             "privateMessage": "Send private message",
             "profile": "Edit your profile",
-            "raiseHand": "Raise / Lower your hand",
-            "reactionsMenu": "Open / Close reactions menu",
+            "raiseHand": "Raise your hand",
+            "reactionsMenu": "Reactions menu",
             "recording": "Toggle recording",
             "remoteMute": "Mute participant",
             "remoteVideoMute": "Disable camera of participant",
@@ -1113,20 +1154,24 @@
             "selectBackground": "Select Background",
             "selfView": "Toggle self view",
             "shareRoom": "Invite someone",
-            "shareYourScreen": "Start / Stop sharing your screen",
+            "shareYourScreen": "Start sharing your screen",
             "shareaudio": "Share audio",
-            "sharedvideo": "Toggle video sharing",
+            "sharedvideo": "Share video",
             "shortcuts": "Toggle shortcuts",
             "show": "Show on stage",
+            "showWhiteboard": "Show whiteboard",
             "silence": "Silence",
             "speakerStats": "Toggle participants statistics",
+            "stopScreenSharing": "Stop sharing your screen",
+            "stopSharedVideo": "Stop video",
             "surprised": "Surprised",
             "tileView": "Toggle tile view",
             "toggleCamera": "Toggle camera",
             "toggleFilmstrip": "Toggle filmstrip",
+            "unmute": "Unmute",
             "videoblur": "Toggle video blur",
-            "videomute": "Start / Stop camera",
-            "whiteboard": "Show / Hide whiteboard"
+            "videomute": "Stop camera",
+            "videounmute": "Start camera"
         },
         "addPeople": "Add people to your call",
         "audioOnlyOff": "Disable low bandwidth mode",
@@ -1139,6 +1184,7 @@
         "chat": "Open / Close chat",
         "clap": "Clap",
         "closeChat": "Close chat",
+        "closeParticipantsPane": "Close participants pane",
         "closeReactionsMenu": "Close reactions menu",
         "disableNoiseSuppression": "Disable noise suppression",
         "disableReactionSounds": "You can disable reaction sounds for this meeting",
@@ -1147,6 +1193,7 @@
         "download": "Download our apps",
         "e2ee": "End-to-End Encryption",
         "embedMeeting": "Embed meeting",
+        "enableNoiseSuppression": "Enable noise suppression",
         "endConference": "End meeting for all",
         "enterFullScreen": "View full screen",
         "enterTileView": "Enter tile view",
@@ -1171,7 +1218,7 @@
         "lowerYourHand": "Lower your hand",
         "moreActions": "More actions",
         "moreOptions": "More options",
-        "mute": "Mute / Unmute",
+        "mute": "Mute",
         "muteEveryone": "Mute everyone",
         "muteEveryonesVideo": "Disable everyone's camera",
         "noAudioSignalDesc": "If you did not purposely mute it from system settings or hardware, consider switching the device.",
@@ -1188,7 +1235,7 @@
         "pip": "Enter Picture-in-Picture mode",
         "privateMessage": "Send private message",
         "profile": "Edit your profile",
-        "raiseHand": "Raise / Lower your hand",
+        "raiseHand": "Raise your hand",
         "raiseYourHand": "Raise your hand",
         "reactionBoo": "Send boo reaction",
         "reactionClap": "Send clap reaction",
@@ -1215,8 +1262,10 @@
         "talkWhileMutedPopup": "Trying to speak? You are muted.",
         "tileViewToggle": "Toggle tile view",
         "toggleCamera": "Toggle camera",
+        "unmute": "Unmute",
         "videoSettings": "Video settings",
-        "videomute": "Start / Stop camera"
+        "videomute": "Stop camera",
+        "videounmute": "Start camera"
     },
     "transcribing": {
         "ccButtonTooltip": "Start / Stop subtitles",
@@ -1234,6 +1283,7 @@
         "subtitlesOff": "Off",
         "tr": "TR"
     },
+    "unpinParticipant": "{{participantName}} - Unpin",
     "userMedia": {
         "androidGrantPermissions": "Select <b><i>Allow</i></b> when your browser asks for permissions.",
         "chromeGrantPermissions": "Select <b><i>Allow</i></b> when your browser asks for permissions.",
@@ -1272,9 +1322,11 @@
         "ldTooltip": "Viewing low definition video",
         "lowDefinition": "Low definition",
         "performanceSettings": "Performance settings",
+        "recording": "Recording in progress",
         "sd": "SD",
         "sdTooltip": "Viewing standard definition video",
-        "standardDefinition": "Standard definition"
+        "standardDefinition": "Standard definition",
+        "streaming": "Streaming in progress"
     },
     "videothumbnail": {
         "connectionInfo": "Connection Info",
@@ -1286,6 +1338,7 @@
         "grantModerator": "Grant Moderator Rights",
         "hideSelfView": "Hide self view",
         "kick": "Kick out",
+        "mirrorVideo": "Mirror my video",
         "moderator": "Moderator",
         "mute": "Participant is muted",
         "muted": "Muted",
@@ -1317,12 +1370,13 @@
         "none": "None",
         "pleaseWait": "Please wait...",
         "removeBackground": "Remove background",
-        "slightBlur": "Slight Blur",
+        "slightBlur": "Half Blur",
         "title": "Virtual backgrounds",
         "uploadedImage": "Uploaded image {{index}}",
         "webAssemblyWarning": "WebAssembly not supported",
         "webAssemblyWarningDescription": "WebAssembly disabled or not supported by this browser"
     },
+    "visitorsLabel": "Number of visitors: {{count}}",
     "volumeSlider": "Volume slider",
     "welcomepage": {
         "accessibilityLabel": {
@@ -1355,6 +1409,7 @@
             "microsoftLogo": "Microsoft logo",
             "policyLogo": "Policy logo"
         },
+        "meetingsAccessibilityLabel": "Meetings",
         "mobileDownLoadLinkAndroid": "Download mobile app for Android",
         "mobileDownLoadLinkFDroid": "Download mobile app for F-Droid",
         "mobileDownLoadLinkIos": "Download mobile app for iOS",
@@ -1374,5 +1429,10 @@
         "terms": "Terms",
         "title": "Secure, fully featured, and completely free video conferencing",
         "upcomingMeetings": "Your upcoming meetings"
+    },
+    "whiteboard": {
+        "accessibilityLabel": {
+            "heading": "Whiteboard"
+        }
     }
 }

modules/API/API.js

@@ -71,8 +71,13 @@ import {
 import { appendSuffix } from '../../react/features/display-name';
 import { isEnabled as isDropboxEnabled } from '../../react/features/dropbox';
 import { setMediaEncryptionKey, toggleE2EE } from '../../react/features/e2ee/actions';
-import { addStageParticipant, resizeFilmStrip, setVolume } from '../../react/features/filmstrip/actions.web';
-import { isStageFilmstripAvailable } from '../../react/features/filmstrip/functions.web';
+import {
+    addStageParticipant,
+    resizeFilmStrip,
+    setVolume,
+    togglePinStageParticipant
+} from '../../react/features/filmstrip/actions.web';
+import { getPinnedActiveParticipants, isStageFilmstripAvailable } from '../../react/features/filmstrip/functions.web';
 import { invite } from '../../react/features/invite';
 import {
     selectParticipantInLargeVideo
@@ -101,6 +106,8 @@ import { startAudioScreenShareFlow, startScreenShareFlow } from '../../react/fea
 import { isScreenAudioSupported } from '../../react/features/screen-share/functions';
 import { toggleScreenshotCaptureSummary } from '../../react/features/screenshot-capture';
 import { isScreenshotCaptureEnabled } from '../../react/features/screenshot-capture/functions';
+import SettingsDialog from '../../react/features/settings/components/web/SettingsDialog';
+import { SETTINGS_TABS } from '../../react/features/settings/constants';
 import { playSharedVideo, stopSharedVideo } from '../../react/features/shared-video/actions.any';
 import { extractYoutubeIdOrURL } from '../../react/features/shared-video/functions';
 import { setRequestingSubtitles, toggleRequestingSubtitles } from '../../react/features/subtitles/actions';
@@ -108,7 +115,6 @@ import { isAudioMuteButtonDisabled } from '../../react/features/toolbox/function
 import { setTileView, toggleTileView } from '../../react/features/video-layout';
 import { muteAllParticipants } from '../../react/features/video-menu/actions';
 import { setVideoQuality } from '../../react/features/video-quality';
-import VirtualBackgroundDialog from '../../react/features/virtual-background/components/VirtualBackgroundDialog';
 import { getJitsiMeetTransport } from '../transport';
 
 import { API_ID, ENDPOINT_TEXT_MESSAGE_NAME } from './constants';
@@ -241,6 +247,22 @@ function initCommands() {
             logger.debug('Pin participant command received');
 
             const state = APP.store.getState();
+
+            // if id not provided, unpin everybody.
+            if (!id) {
+                if (isStageFilmstripAvailable(state)) {
+                    const pinnedParticipants = getPinnedActiveParticipants(state);
+
+                    pinnedParticipants?.forEach(p => {
+                        APP.store.dispatch(togglePinStageParticipant(p.participantId));
+                    });
+                } else {
+                    APP.store.dispatch(pinParticipant());
+                }
+
+                return;
+            }
+
             const participant = videoType === VIDEO_TYPE.DESKTOP
                 ? getVirtualScreenshareParticipantByOwnerId(state, id) : getParticipantById(state, id);
 
@@ -254,7 +276,7 @@ function initCommands() {
 
             const participantId = participant.id;
 
-            if (isStageFilmstripAvailable(APP.store.getState())) {
+            if (isStageFilmstripAvailable(state)) {
                 APP.store.dispatch(addStageParticipant(participantId, true));
             } else {
                 APP.store.dispatch(pinParticipant(participantId));
@@ -777,7 +799,8 @@ function initCommands() {
             APP.store.dispatch(overwriteConfig(whitelistedConfig));
         },
         'toggle-virtual-background': () => {
-            APP.store.dispatch(toggleDialog(VirtualBackgroundDialog));
+            APP.store.dispatch(toggleDialog(SettingsDialog, {
+                defaultTab: SETTINGS_TABS.VIRTUAL_BACKGROUND }));
         },
         'end-conference': () => {
             APP.store.dispatch(endConference());
@@ -1208,6 +1231,22 @@ class API {
         });
     }
 
+    /**
+     * Notify the external app that a notification has been triggered.
+     *
+     * @param {string} title - The notification title.
+     * @param {string} description - The notification description.
+     *
+     * @returns {void}
+     */
+    notifyNotificationTriggered(title: string, description: string) {
+        this._sendEvent({
+            description,
+            name: 'notification-triggered',
+            title
+        });
+    }
+
     /**
      * Notify external application that the video quality setting has changed.
      *

modules/API/external/external_api.js

@@ -127,6 +127,7 @@ const events = {
     'mouse-enter': 'mouseEnter',
     'mouse-leave': 'mouseLeave',
     'mouse-move': 'mouseMove',
+    'notification-triggered': 'notificationTriggered',
     'outgoing-message': 'outgoingMessage',
     'participant-joined': 'participantJoined',
     'participant-kicked-out': 'participantKickedOut',

modules/UI/UI.js

@@ -292,17 +292,6 @@ UI.showToolbar = timeout => APP.store.dispatch(showToolbox(timeout));
 // Used by torture.
 UI.dockToolbar = dock => APP.store.dispatch(dockToolbox(dock));
 
-/**
- * Updates the displayed avatar for participant.
- *
- * @param {string} id - User id whose avatar should be updated.
- * @param {string} avatarURL - The URL to avatar image to display.
- * @returns {void}
- */
-UI.refreshAvatarDisplay = function(id) {
-    VideoLayout.changeUserAvatar(id);
-};
-
 /**
  * Notify user that connection failed.
  * @param {string} stropheErrorMsg raw Strophe error message

modules/UI/videolayout/VideoLayout.js

@@ -139,12 +139,6 @@ const VideoLayout = {
         }
     },
 
-    changeUserAvatar(id, avatarUrl) {
-        if (this.isCurrentlyOnLarge(id)) {
-            largeVideo.updateAvatar(avatarUrl);
-        }
-    },
-
     isLargeVideoVisible() {
         return this.isLargeContainerTypeVisible(VIDEO_CONTAINER_TYPE);
     },

modules/keyboardshortcut/keyboardshortcut.js

@@ -8,10 +8,9 @@ import {
     createShortcutEvent,
     sendAnalytics
 } from '../../react/features/analytics';
-import { toggleDialog } from '../../react/features/base/dialog';
 import { clickOnVideo } from '../../react/features/filmstrip/actions';
-import { KeyboardShortcutsDialog }
-    from '../../react/features/keyboard-shortcuts';
+import { openSettingsDialog } from '../../react/features/settings/actions';
+import { SETTINGS_TABS } from '../../react/features/settings/constants';
 
 const logger = Logger.getLogger(__filename);
 
@@ -120,15 +119,17 @@ const KeyboardShortcut = {
         return jitsiLocalStorage.getItem(_enableShortcutsKey) === 'false' ? false : true;
     },
 
+    getShortcutsDescriptions() {
+        return _shortcutsHelp;
+    },
+
     /**
-     * Opens the {@KeyboardShortcutsDialog} dialog.
+     * Opens the {@SettingsDialog} dialog on the  Shortcuts page.
      *
      * @returns {void}
      */
     openDialog() {
-        APP.store.dispatch(toggleDialog(KeyboardShortcutsDialog, {
-            shortcutDescriptions: _shortcutsHelp
-        }));
+        APP.store.dispatch(openSettingsDialog(SETTINGS_TABS.SHORTCUTS, false));
     },
 
     /**

package-lock.json

@@ -12,13 +12,9 @@
       "dependencies": {
         "@amplitude/react-native": "2.7.0",
         "@atlaskit/flag": "14.1.0",
-        "@atlaskit/icon": "21.2.0",
         "@atlaskit/inline-dialog": "13.0.9",
         "@atlaskit/inline-message": "11.0.8",
-        "@atlaskit/modal-dialog": "11.2.4",
         "@atlaskit/multi-select": "15.0.5",
-        "@atlaskit/spinner": "15.0.6",
-        "@atlaskit/tabs": "12.1.2",
         "@atlaskit/theme": "11.0.2",
         "@atlaskit/tooltip": "17.1.2",
         "@emotion/react": "11.10.0",
@@ -52,6 +48,7 @@
         "@types/amplitude-js": "8.16.2",
         "@types/audioworklet": "0.0.29",
         "@types/w3c-image-capture": "1.0.6",
+        "@types/w3c-web-hid": "1.0.3",
         "@vladmandic/human": "2.6.5",
         "@vladmandic/human-models": "2.5.9",
         "@xmldom/xmldom": "0.7.9",
@@ -73,7 +70,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/v1578.0.0+5855ca72/lib-jitsi-meet.tgz",
+        "lib-jitsi-meet": "https://github.com/jitsi/lib-jitsi-meet/releases/download/v1592.0.0+6afb0a56/lib-jitsi-meet.tgz",
         "lodash": "4.17.21",
         "moment": "2.29.4",
         "moment-duration-format": "2.2.2",
@@ -112,7 +109,7 @@
         "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": "106.0.5",
+        "react-native-webrtc": "106.0.7",
         "react-native-webview": "11.15.1",
         "react-native-youtube-iframe": "2.2.1",
         "react-redux": "7.1.0",
@@ -140,7 +137,6 @@
         "@babel/preset-env": "7.16.0",
         "@babel/preset-flow": "7.16.0",
         "@babel/preset-react": "7.16.0",
-        "@babel/runtime": "7.16.0",
         "@jitsi/eslint-config": "4.1.5",
         "@types/js-md5": "0.4.3",
         "@types/lodash": "4.14.182",
@@ -160,20 +156,18 @@
         "circular-dependency-plugin": "5.2.0",
         "clean-css-cli": "4.3.0",
         "css-loader": "3.6.0",
-        "eslint": "8.25.0",
+        "eslint": "8.35.0",
         "eslint-plugin-flowtype": "8.0.3",
         "eslint-plugin-import": "2.25.2",
         "eslint-plugin-jsdoc": "37.0.3",
         "eslint-plugin-react": "7.26.1",
         "eslint-plugin-react-native": "3.11.0",
         "eslint-plugin-typescript-sort-keys": "2.1.0",
-        "imports-loader": "0.7.1",
         "jetifier": "1.6.4",
         "metro-react-native-babel-preset": "0.67.0",
         "patch-package": "6.4.7",
         "process": "0.11.10",
         "sass": "1.26.8",
-        "string-replace-loader": "3.0.3",
         "style-loader": "3.3.1",
         "traverse": "0.6.6",
         "ts-loader": "9.4.1",
@@ -336,44 +330,6 @@
         "react": "^16.8.0"
       }
     },
-    "node_modules/@atlaskit/blanket": {
-      "version": "11.4.1",
-      "resolved": "https://registry.npmjs.org/@atlaskit/blanket/-/blanket-11.4.1.tgz",
-      "integrity": "sha512-jQor3MUcsD04/lUjdW89daYw6t0gFEuWzyqYGKgDQpVeQ3n0Lfrg5S3Eogc2cbRzgKMGaET6HMB+FD6EpE2QsQ==",
-      "dependencies": {
-        "@atlaskit/analytics-next": "^8.0.0",
-        "@atlaskit/ds-lib": "^1.2.0",
-        "@atlaskit/theme": "^11.2.0",
-        "@babel/runtime": "^7.0.0",
-        "@emotion/core": "^10.0.9"
-      },
-      "peerDependencies": {
-        "react": "^16.8.0"
-      }
-    },
-    "node_modules/@atlaskit/blanket/node_modules/@atlaskit/theme": {
-      "version": "11.5.2",
-      "resolved": "https://registry.npmjs.org/@atlaskit/theme/-/theme-11.5.2.tgz",
-      "integrity": "sha512-iycVcMzGaPboTVu0s+DoeV3oZZGIxXca1IjVtlxERA/78dftYoVTjiBnh6XtAQnIgB0O+SaAOQaaHJZgJ4gwpQ==",
-      "dependencies": {
-        "@atlaskit/tokens": "^0.2.0",
-        "@babel/runtime": "^7.0.0",
-        "exenv": "^1.2.2",
-        "prop-types": "^15.5.10"
-      },
-      "peerDependencies": {
-        "react": "^16.8.0",
-        "styled-components": "^3.2.6"
-      }
-    },
-    "node_modules/@atlaskit/blanket/node_modules/@atlaskit/tokens": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/@atlaskit/tokens/-/tokens-0.2.1.tgz",
-      "integrity": "sha512-Fm/F9mOC7QI5OSwvyY5N5+cvhx0lPLPAE5sE520ztb+YOaSiFxHZ13YBJkkdVTtxbGsYayYWITinGDQcCnhLog==",
-      "dependencies": {
-        "@babel/runtime": "^7.0.0"
-      }
-    },
     "node_modules/@atlaskit/button": {
       "version": "15.1.4",
       "resolved": "https://registry.npmjs.org/@atlaskit/button/-/button-15.1.4.tgz",
@@ -663,93 +619,6 @@
         "styled-components": "^3.2.6"
       }
     },
-    "node_modules/@atlaskit/modal-dialog": {
-      "version": "11.2.4",
-      "resolved": "https://registry.npmjs.org/@atlaskit/modal-dialog/-/modal-dialog-11.2.4.tgz",
-      "integrity": "sha512-+Qe2Ai2qiBCaLm5F144Kn+M8931097mlZTbBppCrhBbanOyZJHrRkzqbCCd5NGGLpfLUZxfZaQYJssrHfGCDnA==",
-      "dependencies": {
-        "@atlaskit/analytics-next": "^8.0.0",
-        "@atlaskit/blanket": "^11.0.0",
-        "@atlaskit/button": "^15.1.0",
-        "@atlaskit/icon": "^21.1.0",
-        "@atlaskit/portal": "^4.0.0",
-        "@atlaskit/theme": "^11.0.0",
-        "@babel/runtime": "^7.0.0",
-        "@emotion/core": "^10.0.9",
-        "@emotion/styled": "^10.0.7",
-        "exenv": "^1.2.2",
-        "raf-schd": "^2.1.0",
-        "react-focus-lock": "^1.19.1",
-        "react-scrolllock": "^5.0.1",
-        "react-transition-group": "^4.4.1",
-        "react-uid": "^2.2.0",
-        "tiny-invariant": "^0.0.3"
-      },
-      "peerDependencies": {
-        "react": "^16.8.0"
-      }
-    },
-    "node_modules/@atlaskit/modal-dialog/node_modules/@emotion/styled": {
-      "version": "10.3.0",
-      "resolved": "https://registry.npmjs.org/@emotion/styled/-/styled-10.3.0.tgz",
-      "integrity": "sha512-GgcUpXBBEU5ido+/p/mCT2/Xx+Oqmp9JzQRuC+a4lYM4i4LBBn/dWvc0rQ19N9ObA8/T4NWMrPNe79kMBDJqoQ==",
-      "dependencies": {
-        "@emotion/styled-base": "^10.3.0",
-        "babel-plugin-emotion": "^10.0.27"
-      },
-      "peerDependencies": {
-        "@emotion/core": "^10.0.27",
-        "react": ">=16.3.0"
-      }
-    },
-    "node_modules/@atlaskit/modal-dialog/node_modules/dom-helpers": {
-      "version": "5.2.1",
-      "resolved": "https://registry.npmjs.org/dom-helpers/-/dom-helpers-5.2.1.tgz",
-      "integrity": "sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==",
-      "dependencies": {
-        "@babel/runtime": "^7.8.7",
-        "csstype": "^3.0.2"
-      }
-    },
-    "node_modules/@atlaskit/modal-dialog/node_modules/focus-lock": {
-      "version": "0.6.8",
-      "resolved": "https://registry.npmjs.org/focus-lock/-/focus-lock-0.6.8.tgz",
-      "integrity": "sha512-vkHTluRCoq9FcsrldC0ulQHiyBYgVJB2CX53I8r0nTC6KnEij7Of0jpBspjt3/CuNb6fyoj3aOh9J2HgQUM0og=="
-    },
-    "node_modules/@atlaskit/modal-dialog/node_modules/raf-schd": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/raf-schd/-/raf-schd-2.1.2.tgz",
-      "integrity": "sha512-Orl0IEvMtUCgPddgSxtxreK77UiQz4nPYJy9RggVzu4mKsZkQWiAaG1y9HlYWdvm9xtN348xRaT37qkvL/+A+g=="
-    },
-    "node_modules/@atlaskit/modal-dialog/node_modules/react-focus-lock": {
-      "version": "1.19.1",
-      "resolved": "https://registry.npmjs.org/react-focus-lock/-/react-focus-lock-1.19.1.tgz",
-      "integrity": "sha512-TPpfiack1/nF4uttySfpxPk4rGZTLXlaZl7ncZg/ELAk24Iq2B1UUaUioID8H8dneUXqznT83JTNDHDj+kwryw==",
-      "dependencies": {
-        "@babel/runtime": "^7.0.0",
-        "focus-lock": "^0.6.3",
-        "prop-types": "^15.6.2",
-        "react-clientside-effect": "^1.2.0"
-      },
-      "peerDependencies": {
-        "react": "^15.0.0 || ^16.0.0"
-      }
-    },
-    "node_modules/@atlaskit/modal-dialog/node_modules/react-transition-group": {
-      "version": "4.4.2",
-      "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.2.tgz",
-      "integrity": "sha512-/RNYfRAMlZwDSr6z4zNKV6xu53/e2BuaBbGhbyYIXTrmgu/bGHzmqOs7mJSJBHy9Ud+ApHx3QjrkKSp1pxvlFg==",
-      "dependencies": {
-        "@babel/runtime": "^7.5.5",
-        "dom-helpers": "^5.0.1",
-        "loose-envify": "^1.4.0",
-        "prop-types": "^15.6.2"
-      },
-      "peerDependencies": {
-        "react": ">=16.6.0",
-        "react-dom": ">=16.6.0"
-      }
-    },
     "node_modules/@atlaskit/motion": {
       "version": "0.4.8",
       "resolved": "https://registry.npmjs.org/@atlaskit/motion/-/motion-0.4.8.tgz",
@@ -845,20 +714,6 @@
         "react": "^16.8.0"
       }
     },
-    "node_modules/@atlaskit/tabs": {
-      "version": "12.1.2",
-      "resolved": "https://registry.npmjs.org/@atlaskit/tabs/-/tabs-12.1.2.tgz",
-      "integrity": "sha512-/PbNIwXh0YMoo8pUjLwJfZEe+vtHENhBWuQc1pK4rW7JNBAD0VYrAJ+JLiZ+ZWGFCOoCSneoJguDBH0I2FMrqA==",
-      "dependencies": {
-        "@atlaskit/analytics-next": "^8.0.0",
-        "@atlaskit/theme": "^11.0.0",
-        "@babel/runtime": "^7.0.0",
-        "@emotion/core": "^10.0.9"
-      },
-      "peerDependencies": {
-        "react": "^16.8.0"
-      }
-    },
     "node_modules/@atlaskit/tag": {
       "version": "11.2.5",
       "resolved": "https://registry.npmjs.org/@atlaskit/tag/-/tag-11.2.5.tgz",
@@ -3393,15 +3248,15 @@
       }
     },
     "node_modules/@eslint/eslintrc": {
-      "version": "1.3.3",
-      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-1.3.3.tgz",
-      "integrity": "sha512-uj3pT6Mg+3t39fvLrj8iuCIJ38zKO9FpGtJ4BBJebJhEwjoT+KLVNCcHT5QC9NGRIEi7fZ0ZR8YRb884auB4Lg==",
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.0.0.tgz",
+      "integrity": "sha512-fluIaaV+GyV24CCu/ggiHdV+j4RNh85yQnAYS/G2mZODZgGmmlrgCydjUcV3YvxCm9x8nMAfThsqTni4KiXT4A==",
       "dev": true,
       "dependencies": {
         "ajv": "^6.12.4",
         "debug": "^4.3.2",
         "espree": "^9.4.0",
-        "globals": "^13.15.0",
+        "globals": "^13.19.0",
         "ignore": "^5.2.0",
         "import-fresh": "^3.2.1",
         "js-yaml": "^4.1.0",
@@ -3422,9 +3277,9 @@
       "dev": true
     },
     "node_modules/@eslint/eslintrc/node_modules/globals": {
-      "version": "13.17.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-13.17.0.tgz",
-      "integrity": "sha512-1C+6nQRb1GwGMKm2dH/E7enFAMxGTmGI7/dEdhy/DNelv85w9B72t3uc5frtMNXIbzrarJJ/lTCjcaZwbLJmyw==",
+      "version": "13.20.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-13.20.0.tgz",
+      "integrity": "sha512-Qg5QtVkCy/kv3FUSlu4ukeZDVf9ee0iXLAUYX13gbR17bnejFTzr4iS9bY7kwCf1NztRNm1t91fjOiyx4CSwPQ==",
       "dev": true,
       "dependencies": {
         "type-fest": "^0.20.2"
@@ -3476,6 +3331,15 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/@eslint/js": {
+      "version": "8.35.0",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.35.0.tgz",
+      "integrity": "sha512-JXdzbRiWclLVoD8sNUjR443VVlYqiYmDVT6rGUEIEHU5YJW0gaVZwV2xgM7D4arkvASqD0IlLUVjHiFuxaftRw==",
+      "dev": true,
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      }
+    },
     "node_modules/@giphy/js-analytics": {
       "version": "4.0.7",
       "resolved": "https://registry.npmjs.org/@giphy/js-analytics/-/js-analytics-4.0.7.tgz",
@@ -3613,14 +3477,14 @@
       }
     },
     "node_modules/@humanwhocodes/config-array": {
-      "version": "0.10.7",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.10.7.tgz",
-      "integrity": "sha512-MDl6D6sBsaV452/QSdX+4CXIjZhIcI0PELsxUjk4U828yd58vk3bTIvk/6w5FY+4hIy9sLW0sfrV7K7Kc++j/w==",
+      "version": "0.11.8",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.8.tgz",
+      "integrity": "sha512-UybHIJzJnR5Qc/MsD9Kr+RpO2h+/P1GhOwdiLPXK5TWk5sgTdu88bTD9UP+CKbPPh5Rni1u0GjAdYQLemG8g+g==",
       "dev": true,
       "dependencies": {
         "@humanwhocodes/object-schema": "^1.2.1",
         "debug": "^4.1.1",
-        "minimatch": "^3.0.4"
+        "minimatch": "^3.0.5"
       },
       "engines": {
         "node": ">=10.10.0"
@@ -6650,6 +6514,11 @@
         "@types/webrtc": "*"
       }
     },
+    "node_modules/@types/w3c-web-hid": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@types/w3c-web-hid/-/w3c-web-hid-1.0.3.tgz",
+      "integrity": "sha512-eTQRkPd2JukZfS9+kRtrBAaTCCb6waGh5X8BJHmH1MiVQPLMYwm4+EvhwFfOo9SDna15o9dFAwmWwN6r/YM53A=="
+    },
     "node_modules/@types/webgl-ext": {
       "version": "0.0.30",
       "resolved": "https://registry.npmjs.org/@types/webgl-ext/-/webgl-ext-0.0.30.tgz",
@@ -10023,14 +9892,16 @@
       }
     },
     "node_modules/eslint": {
-      "version": "8.25.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.25.0.tgz",
-      "integrity": "sha512-DVlJOZ4Pn50zcKW5bYH7GQK/9MsoQG2d5eDH0ebEkE8PbgzTTmtt/VTH9GGJ4BfeZCpBLqFfvsjX35UacUL83A==",
+      "version": "8.35.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.35.0.tgz",
+      "integrity": "sha512-BxAf1fVL7w+JLRQhWl2pzGeSiGqbWumV4WNvc9Rhp6tiCtm4oHnyPBSEtMGZwrQgudFQ+otqzWoPB7x+hxoWsw==",
       "dev": true,
       "dependencies": {
-        "@eslint/eslintrc": "^1.3.3",
-        "@humanwhocodes/config-array": "^0.10.5",
+        "@eslint/eslintrc": "^2.0.0",
+        "@eslint/js": "8.35.0",
+        "@humanwhocodes/config-array": "^0.11.8",
         "@humanwhocodes/module-importer": "^1.0.1",
+        "@nodelib/fs.walk": "^1.2.8",
         "ajv": "^6.10.0",
         "chalk": "^4.0.0",
         "cross-spawn": "^7.0.2",
@@ -10041,19 +9912,19 @@
         "eslint-utils": "^3.0.0",
         "eslint-visitor-keys": "^3.3.0",
         "espree": "^9.4.0",
-        "esquery": "^1.4.0",
+        "esquery": "^1.4.2",
         "esutils": "^2.0.2",
         "fast-deep-equal": "^3.1.3",
         "file-entry-cache": "^6.0.1",
         "find-up": "^5.0.0",
-        "glob-parent": "^6.0.1",
-        "globals": "^13.15.0",
-        "globby": "^11.1.0",
+        "glob-parent": "^6.0.2",
+        "globals": "^13.19.0",
         "grapheme-splitter": "^1.0.4",
         "ignore": "^5.2.0",
         "import-fresh": "^3.0.0",
         "imurmurhash": "^0.1.4",
         "is-glob": "^4.0.0",
+        "is-path-inside": "^3.0.3",
         "js-sdsl": "^4.1.4",
         "js-yaml": "^4.1.0",
         "json-stable-stringify-without-jsonify": "^1.0.1",
@@ -10462,9 +10333,9 @@
       }
     },
     "node_modules/eslint/node_modules/globals": {
-      "version": "13.17.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-13.17.0.tgz",
-      "integrity": "sha512-1C+6nQRb1GwGMKm2dH/E7enFAMxGTmGI7/dEdhy/DNelv85w9B72t3uc5frtMNXIbzrarJJ/lTCjcaZwbLJmyw==",
+      "version": "13.20.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-13.20.0.tgz",
+      "integrity": "sha512-Qg5QtVkCy/kv3FUSlu4ukeZDVf9ee0iXLAUYX13gbR17bnejFTzr4iS9bY7kwCf1NztRNm1t91fjOiyx4CSwPQ==",
       "dev": true,
       "dependencies": {
         "type-fest": "^0.20.2"
@@ -10592,9 +10463,9 @@
       }
     },
     "node_modules/espree": {
-      "version": "9.4.0",
-      "resolved": "https://registry.npmjs.org/espree/-/espree-9.4.0.tgz",
-      "integrity": "sha512-DQmnRpLj7f6TgN/NYb0MTzJXL+vJF9h3pHy4JhCIs3zwcgez8xmGg3sXHcEO97BrmO2OSvCwMdfdlyl+E9KjOw==",
+      "version": "9.4.1",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-9.4.1.tgz",
+      "integrity": "sha512-XwctdmTO6SIvCzd9810yyNzIrOrqNYV9Koizx4C/mRhf9uq0o4yHoCEU/670pOxOL/MSraektvSAji79kX90Vg==",
       "dev": true,
       "dependencies": {
         "acorn": "^8.8.0",
@@ -10630,9 +10501,9 @@
       }
     },
     "node_modules/esquery": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.4.0.tgz",
-      "integrity": "sha512-cCDispWt5vHHtwMY2YrAQ4ibFkAL8RbH5YGBnZBc90MolvvfkkQcJro/aZiAQUlQ3qgrYS6D6v8Gc5G5CQsc9w==",
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.4.2.tgz",
+      "integrity": "sha512-JVSoLdTlTDkmjFmab7H/9SL9qGSyjElT3myyKp7krqjVFQCDLmj1QFaCLRFBszBKI0XVZaiiXvuPIX3ZwHe1Ng==",
       "dev": true,
       "dependencies": {
         "estraverse": "^5.1.0"
@@ -12088,16 +11959,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/imports-loader": {
-      "version": "0.7.1",
-      "resolved": "https://registry.npmjs.org/imports-loader/-/imports-loader-0.7.1.tgz",
-      "integrity": "sha1-8gS180cCoywdt9SNidXoZ6BEElM=",
-      "dev": true,
-      "dependencies": {
-        "loader-utils": "^1.0.2",
-        "source-map": "^0.5.6"
-      }
-    },
     "node_modules/imurmurhash": {
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
@@ -13553,8 +13414,8 @@
     },
     "node_modules/lib-jitsi-meet": {
       "version": "0.0.0",
-      "resolved": "https://github.com/jitsi/lib-jitsi-meet/releases/download/v1578.0.0+5855ca72/lib-jitsi-meet.tgz",
-      "integrity": "sha512-AAEClrQNOVHNO1lKr/F1SOyiduZfI6bql3eiIxC3LZ5cBcyoRVmwI6uiAbLail0VkuKnTecEWcfYZ9lvokxrMw==",
+      "resolved": "https://github.com/jitsi/lib-jitsi-meet/releases/download/v1592.0.0+6afb0a56/lib-jitsi-meet.tgz",
+      "integrity": "sha512-mfBTIA0GySRlXScROQqbRAlSDW84cv6Cdiw/JgMclr9bGILvmYK+lQbLvkobzQ04m4GAHSNUV4IZ0psqck2qJg==",
       "license": "Apache-2.0",
       "dependencies": {
         "@jitsi/js-utils": "2.0.0",
@@ -16545,9 +16406,9 @@
       }
     },
     "node_modules/react-native-webrtc": {
-      "version": "106.0.5",
-      "resolved": "https://registry.npmjs.org/react-native-webrtc/-/react-native-webrtc-106.0.5.tgz",
-      "integrity": "sha512-EINzYpTZh6zXb2lcGH13Ieli1ur3M1FaT8R8WMqfUZEW8/y0WV6yBeQQVz55OA4LtWnBUX0RZyaYQ4aZN4e1Sw==",
+      "version": "106.0.7",
+      "resolved": "https://registry.npmjs.org/react-native-webrtc/-/react-native-webrtc-106.0.7.tgz",
+      "integrity": "sha512-Ro/NoxN/9/b/bcZErM+oVbWC8ZCplp00sHWDOOh289KDkAkFYZdyFZAKsgJQoMj5rOJZVzIIxuJW91ox+0k92w==",
       "hasInstallScript": true,
       "dependencies": {
         "adm-zip": "0.5.9",
@@ -18207,51 +18068,6 @@
       "integrity": "sha512-n3sPwynL1nwKi3WJ6AIsClwBMa0zTi54fn2oLU6ndfTSIO05xaznjSf15PcBZU6FNWbmN5Q6cxT4V5hGvB4taw==",
       "dev": true
     },
-    "node_modules/string-replace-loader": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/string-replace-loader/-/string-replace-loader-3.0.3.tgz",
-      "integrity": "sha512-8c26Dl6H9XmKNj3mFBvaUYR7ImOxQ4YRBFuUju78wXpa1cDpyDYvKmqGg8mfkxdYexQ/BBogB7PELlLnmR08nw==",
-      "dev": true,
-      "dependencies": {
-        "loader-utils": "^2.0.0",
-        "schema-utils": "^3.0.0"
-      },
-      "peerDependencies": {
-        "webpack": "^5"
-      }
-    },
-    "node_modules/string-replace-loader/node_modules/loader-utils": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.4.tgz",
-      "integrity": "sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==",
-      "dev": true,
-      "dependencies": {
-        "big.js": "^5.2.2",
-        "emojis-list": "^3.0.0",
-        "json5": "^2.1.2"
-      },
-      "engines": {
-        "node": ">=8.9.0"
-      }
-    },
-    "node_modules/string-replace-loader/node_modules/schema-utils": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.1.1.tgz",
-      "integrity": "sha512-Y5PQxS4ITlC+EahLuXaY86TXfR7Dc5lw294alXOq86JAHCihAIZfqv8nNCWvaEJvaC51uN9hbLGeV0cFBdH+Fw==",
-      "dev": true,
-      "dependencies": {
-        "@types/json-schema": "^7.0.8",
-        "ajv": "^6.12.5",
-        "ajv-keywords": "^3.5.2"
-      },
-      "engines": {
-        "node": ">= 10.13.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
-      }
-    },
     "node_modules/string-replace-to-array": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/string-replace-to-array/-/string-replace-to-array-1.0.3.tgz",
@@ -18787,11 +18603,6 @@
       "integrity": "sha512-eHY7nBftgThBqOyHGVN+l8gF0BucP09fMo0oO/Lb0w1OF80dJv+lDVpXG60WMQvkcxAkNybKsrEIE3ZtKGmPrA==",
       "dev": true
     },
-    "node_modules/tiny-invariant": {
-      "version": "0.0.3",
-      "resolved": "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-0.0.3.tgz",
-      "integrity": "sha512-SA2YwvDrCITM9fTvHTHRpq9W6L2fBsClbqm3maT5PZux4Z73SPPDYwJMtnoWh6WMgmCkJij/LaOlWiqJqFMK8g=="
-    },
     "node_modules/tiny-warning": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/tiny-warning/-/tiny-warning-1.0.3.tgz",
@@ -20729,39 +20540,6 @@
         "tslib": "^2.0.0"
       }
     },
-    "@atlaskit/blanket": {
-      "version": "11.4.1",
-      "resolved": "https://registry.npmjs.org/@atlaskit/blanket/-/blanket-11.4.1.tgz",
-      "integrity": "sha512-jQor3MUcsD04/lUjdW89daYw6t0gFEuWzyqYGKgDQpVeQ3n0Lfrg5S3Eogc2cbRzgKMGaET6HMB+FD6EpE2QsQ==",
-      "requires": {
-        "@atlaskit/analytics-next": "^8.0.0",
-        "@atlaskit/ds-lib": "^1.2.0",
-        "@atlaskit/theme": "^11.2.0",
-        "@babel/runtime": "^7.0.0",
-        "@emotion/core": "^10.0.9"
-      },
-      "dependencies": {
-        "@atlaskit/theme": {
-          "version": "11.5.2",
-          "resolved": "https://registry.npmjs.org/@atlaskit/theme/-/theme-11.5.2.tgz",
-          "integrity": "sha512-iycVcMzGaPboTVu0s+DoeV3oZZGIxXca1IjVtlxERA/78dftYoVTjiBnh6XtAQnIgB0O+SaAOQaaHJZgJ4gwpQ==",
-          "requires": {
-            "@atlaskit/tokens": "^0.2.0",
-            "@babel/runtime": "^7.0.0",
-            "exenv": "^1.2.2",
-            "prop-types": "^15.5.10"
-          }
-        },
-        "@atlaskit/tokens": {
-          "version": "0.2.1",
-          "resolved": "https://registry.npmjs.org/@atlaskit/tokens/-/tokens-0.2.1.tgz",
-          "integrity": "sha512-Fm/F9mOC7QI5OSwvyY5N5+cvhx0lPLPAE5sE520ztb+YOaSiFxHZ13YBJkkdVTtxbGsYayYWITinGDQcCnhLog==",
-          "requires": {
-            "@babel/runtime": "^7.0.0"
-          }
-        }
-      }
-    },
     "@atlaskit/button": {
       "version": "15.1.4",
       "resolved": "https://registry.npmjs.org/@atlaskit/button/-/button-15.1.4.tgz",
@@ -20990,81 +20768,6 @@
         "react-scrolllock": "^5.0.1"
       }
     },
-    "@atlaskit/modal-dialog": {
-      "version": "11.2.4",
-      "resolved": "https://registry.npmjs.org/@atlaskit/modal-dialog/-/modal-dialog-11.2.4.tgz",
-      "integrity": "sha512-+Qe2Ai2qiBCaLm5F144Kn+M8931097mlZTbBppCrhBbanOyZJHrRkzqbCCd5NGGLpfLUZxfZaQYJssrHfGCDnA==",
-      "requires": {
-        "@atlaskit/analytics-next": "^8.0.0",
-        "@atlaskit/blanket": "^11.0.0",
-        "@atlaskit/button": "^15.1.0",
-        "@atlaskit/icon": "^21.1.0",
-        "@atlaskit/portal": "^4.0.0",
-        "@atlaskit/theme": "^11.0.0",
-        "@babel/runtime": "^7.0.0",
-        "@emotion/core": "^10.0.9",
-        "@emotion/styled": "^10.0.7",
-        "exenv": "^1.2.2",
-        "raf-schd": "^2.1.0",
-        "react-focus-lock": "^1.19.1",
-        "react-scrolllock": "^5.0.1",
-        "react-transition-group": "^4.4.1",
-        "react-uid": "^2.2.0",
-        "tiny-invariant": "^0.0.3"
-      },
-      "dependencies": {
-        "@emotion/styled": {
-          "version": "10.3.0",
-          "resolved": "https://registry.npmjs.org/@emotion/styled/-/styled-10.3.0.tgz",
-          "integrity": "sha512-GgcUpXBBEU5ido+/p/mCT2/Xx+Oqmp9JzQRuC+a4lYM4i4LBBn/dWvc0rQ19N9ObA8/T4NWMrPNe79kMBDJqoQ==",
-          "requires": {
-            "@emotion/styled-base": "^10.3.0",
-            "babel-plugin-emotion": "^10.0.27"
-          }
-        },
-        "dom-helpers": {
-          "version": "5.2.1",
-          "resolved": "https://registry.npmjs.org/dom-helpers/-/dom-helpers-5.2.1.tgz",
-          "integrity": "sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==",
-          "requires": {
-            "@babel/runtime": "^7.8.7",
-            "csstype": "^3.0.2"
-          }
-        },
-        "focus-lock": {
-          "version": "0.6.8",
-          "resolved": "https://registry.npmjs.org/focus-lock/-/focus-lock-0.6.8.tgz",
-          "integrity": "sha512-vkHTluRCoq9FcsrldC0ulQHiyBYgVJB2CX53I8r0nTC6KnEij7Of0jpBspjt3/CuNb6fyoj3aOh9J2HgQUM0og=="
-        },
-        "raf-schd": {
-          "version": "2.1.2",
-          "resolved": "https://registry.npmjs.org/raf-schd/-/raf-schd-2.1.2.tgz",
-          "integrity": "sha512-Orl0IEvMtUCgPddgSxtxreK77UiQz4nPYJy9RggVzu4mKsZkQWiAaG1y9HlYWdvm9xtN348xRaT37qkvL/+A+g=="
-        },
-        "react-focus-lock": {
-          "version": "1.19.1",
-          "resolved": "https://registry.npmjs.org/react-focus-lock/-/react-focus-lock-1.19.1.tgz",
-          "integrity": "sha512-TPpfiack1/nF4uttySfpxPk4rGZTLXlaZl7ncZg/ELAk24Iq2B1UUaUioID8H8dneUXqznT83JTNDHDj+kwryw==",
-          "requires": {
-            "@babel/runtime": "^7.0.0",
-            "focus-lock": "^0.6.3",
-            "prop-types": "^15.6.2",
-            "react-clientside-effect": "^1.2.0"
-          }
-        },
-        "react-transition-group": {
-          "version": "4.4.2",
-          "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.2.tgz",
-          "integrity": "sha512-/RNYfRAMlZwDSr6z4zNKV6xu53/e2BuaBbGhbyYIXTrmgu/bGHzmqOs7mJSJBHy9Ud+ApHx3QjrkKSp1pxvlFg==",
-          "requires": {
-            "@babel/runtime": "^7.5.5",
-            "dom-helpers": "^5.0.1",
-            "loose-envify": "^1.4.0",
-            "prop-types": "^15.6.2"
-          }
-        }
-      }
-    },
     "@atlaskit/motion": {
       "version": "0.4.8",
       "resolved": "https://registry.npmjs.org/@atlaskit/motion/-/motion-0.4.8.tgz",
@@ -21139,17 +20842,6 @@
         "@emotion/core": "^10.0.9"
       }
     },
-    "@atlaskit/tabs": {
-      "version": "12.1.2",
-      "resolved": "https://registry.npmjs.org/@atlaskit/tabs/-/tabs-12.1.2.tgz",
-      "integrity": "sha512-/PbNIwXh0YMoo8pUjLwJfZEe+vtHENhBWuQc1pK4rW7JNBAD0VYrAJ+JLiZ+ZWGFCOoCSneoJguDBH0I2FMrqA==",
-      "requires": {
-        "@atlaskit/analytics-next": "^8.0.0",
-        "@atlaskit/theme": "^11.0.0",
-        "@babel/runtime": "^7.0.0",
-        "@emotion/core": "^10.0.9"
-      }
-    },
     "@atlaskit/tag": {
       "version": "11.2.5",
       "resolved": "https://registry.npmjs.org/@atlaskit/tag/-/tag-11.2.5.tgz",
@@ -22948,15 +22640,15 @@
       }
     },
     "@eslint/eslintrc": {
-      "version": "1.3.3",
-      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-1.3.3.tgz",
-      "integrity": "sha512-uj3pT6Mg+3t39fvLrj8iuCIJ38zKO9FpGtJ4BBJebJhEwjoT+KLVNCcHT5QC9NGRIEi7fZ0ZR8YRb884auB4Lg==",
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.0.0.tgz",
+      "integrity": "sha512-fluIaaV+GyV24CCu/ggiHdV+j4RNh85yQnAYS/G2mZODZgGmmlrgCydjUcV3YvxCm9x8nMAfThsqTni4KiXT4A==",
       "dev": true,
       "requires": {
         "ajv": "^6.12.4",
         "debug": "^4.3.2",
         "espree": "^9.4.0",
-        "globals": "^13.15.0",
+        "globals": "^13.19.0",
         "ignore": "^5.2.0",
         "import-fresh": "^3.2.1",
         "js-yaml": "^4.1.0",
@@ -22971,9 +22663,9 @@
           "dev": true
         },
         "globals": {
-          "version": "13.17.0",
-          "resolved": "https://registry.npmjs.org/globals/-/globals-13.17.0.tgz",
-          "integrity": "sha512-1C+6nQRb1GwGMKm2dH/E7enFAMxGTmGI7/dEdhy/DNelv85w9B72t3uc5frtMNXIbzrarJJ/lTCjcaZwbLJmyw==",
+          "version": "13.20.0",
+          "resolved": "https://registry.npmjs.org/globals/-/globals-13.20.0.tgz",
+          "integrity": "sha512-Qg5QtVkCy/kv3FUSlu4ukeZDVf9ee0iXLAUYX13gbR17bnejFTzr4iS9bY7kwCf1NztRNm1t91fjOiyx4CSwPQ==",
           "dev": true,
           "requires": {
             "type-fest": "^0.20.2"
@@ -23006,6 +22698,12 @@
         }
       }
     },
+    "@eslint/js": {
+      "version": "8.35.0",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.35.0.tgz",
+      "integrity": "sha512-JXdzbRiWclLVoD8sNUjR443VVlYqiYmDVT6rGUEIEHU5YJW0gaVZwV2xgM7D4arkvASqD0IlLUVjHiFuxaftRw==",
+      "dev": true
+    },
     "@giphy/js-analytics": {
       "version": "4.0.7",
       "resolved": "https://registry.npmjs.org/@giphy/js-analytics/-/js-analytics-4.0.7.tgz",
@@ -23127,14 +22825,14 @@
       }
     },
     "@humanwhocodes/config-array": {
-      "version": "0.10.7",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.10.7.tgz",
-      "integrity": "sha512-MDl6D6sBsaV452/QSdX+4CXIjZhIcI0PELsxUjk4U828yd58vk3bTIvk/6w5FY+4hIy9sLW0sfrV7K7Kc++j/w==",
+      "version": "0.11.8",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.8.tgz",
+      "integrity": "sha512-UybHIJzJnR5Qc/MsD9Kr+RpO2h+/P1GhOwdiLPXK5TWk5sgTdu88bTD9UP+CKbPPh5Rni1u0GjAdYQLemG8g+g==",
       "dev": true,
       "requires": {
         "@humanwhocodes/object-schema": "^1.2.1",
         "debug": "^4.1.1",
-        "minimatch": "^3.0.4"
+        "minimatch": "^3.0.5"
       }
     },
     "@humanwhocodes/module-importer": {
@@ -25380,6 +25078,11 @@
         "@types/webrtc": "*"
       }
     },
+    "@types/w3c-web-hid": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@types/w3c-web-hid/-/w3c-web-hid-1.0.3.tgz",
+      "integrity": "sha512-eTQRkPd2JukZfS9+kRtrBAaTCCb6waGh5X8BJHmH1MiVQPLMYwm4+EvhwFfOo9SDna15o9dFAwmWwN6r/YM53A=="
+    },
     "@types/webgl-ext": {
       "version": "0.0.30",
       "resolved": "https://registry.npmjs.org/@types/webgl-ext/-/webgl-ext-0.0.30.tgz",
@@ -27916,14 +27619,16 @@
       "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA=="
     },
     "eslint": {
-      "version": "8.25.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.25.0.tgz",
-      "integrity": "sha512-DVlJOZ4Pn50zcKW5bYH7GQK/9MsoQG2d5eDH0ebEkE8PbgzTTmtt/VTH9GGJ4BfeZCpBLqFfvsjX35UacUL83A==",
+      "version": "8.35.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.35.0.tgz",
+      "integrity": "sha512-BxAf1fVL7w+JLRQhWl2pzGeSiGqbWumV4WNvc9Rhp6tiCtm4oHnyPBSEtMGZwrQgudFQ+otqzWoPB7x+hxoWsw==",
       "dev": true,
       "requires": {
-        "@eslint/eslintrc": "^1.3.3",
-        "@humanwhocodes/config-array": "^0.10.5",
+        "@eslint/eslintrc": "^2.0.0",
+        "@eslint/js": "8.35.0",
+        "@humanwhocodes/config-array": "^0.11.8",
         "@humanwhocodes/module-importer": "^1.0.1",
+        "@nodelib/fs.walk": "^1.2.8",
         "ajv": "^6.10.0",
         "chalk": "^4.0.0",
         "cross-spawn": "^7.0.2",
@@ -27934,19 +27639,19 @@
         "eslint-utils": "^3.0.0",
         "eslint-visitor-keys": "^3.3.0",
         "espree": "^9.4.0",
-        "esquery": "^1.4.0",
+        "esquery": "^1.4.2",
         "esutils": "^2.0.2",
         "fast-deep-equal": "^3.1.3",
         "file-entry-cache": "^6.0.1",
         "find-up": "^5.0.0",
-        "glob-parent": "^6.0.1",
-        "globals": "^13.15.0",
-        "globby": "^11.1.0",
+        "glob-parent": "^6.0.2",
+        "globals": "^13.19.0",
         "grapheme-splitter": "^1.0.4",
         "ignore": "^5.2.0",
         "import-fresh": "^3.0.0",
         "imurmurhash": "^0.1.4",
         "is-glob": "^4.0.0",
+        "is-path-inside": "^3.0.3",
         "js-sdsl": "^4.1.4",
         "js-yaml": "^4.1.0",
         "json-stable-stringify-without-jsonify": "^1.0.1",
@@ -28028,9 +27733,9 @@
           }
         },
         "globals": {
-          "version": "13.17.0",
-          "resolved": "https://registry.npmjs.org/globals/-/globals-13.17.0.tgz",
-          "integrity": "sha512-1C+6nQRb1GwGMKm2dH/E7enFAMxGTmGI7/dEdhy/DNelv85w9B72t3uc5frtMNXIbzrarJJ/lTCjcaZwbLJmyw==",
+          "version": "13.20.0",
+          "resolved": "https://registry.npmjs.org/globals/-/globals-13.20.0.tgz",
+          "integrity": "sha512-Qg5QtVkCy/kv3FUSlu4ukeZDVf9ee0iXLAUYX13gbR17bnejFTzr4iS9bY7kwCf1NztRNm1t91fjOiyx4CSwPQ==",
           "dev": true,
           "requires": {
             "type-fest": "^0.20.2"
@@ -28342,9 +28047,9 @@
       "dev": true
     },
     "espree": {
-      "version": "9.4.0",
-      "resolved": "https://registry.npmjs.org/espree/-/espree-9.4.0.tgz",
-      "integrity": "sha512-DQmnRpLj7f6TgN/NYb0MTzJXL+vJF9h3pHy4JhCIs3zwcgez8xmGg3sXHcEO97BrmO2OSvCwMdfdlyl+E9KjOw==",
+      "version": "9.4.1",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-9.4.1.tgz",
+      "integrity": "sha512-XwctdmTO6SIvCzd9810yyNzIrOrqNYV9Koizx4C/mRhf9uq0o4yHoCEU/670pOxOL/MSraektvSAji79kX90Vg==",
       "dev": true,
       "requires": {
         "acorn": "^8.8.0",
@@ -28366,9 +28071,9 @@
       "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A=="
     },
     "esquery": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.4.0.tgz",
-      "integrity": "sha512-cCDispWt5vHHtwMY2YrAQ4ibFkAL8RbH5YGBnZBc90MolvvfkkQcJro/aZiAQUlQ3qgrYS6D6v8Gc5G5CQsc9w==",
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.4.2.tgz",
+      "integrity": "sha512-JVSoLdTlTDkmjFmab7H/9SL9qGSyjElT3myyKp7krqjVFQCDLmj1QFaCLRFBszBKI0XVZaiiXvuPIX3ZwHe1Ng==",
       "dev": true,
       "requires": {
         "estraverse": "^5.1.0"
@@ -29506,16 +29211,6 @@
         "resolve-cwd": "^3.0.0"
       }
     },
-    "imports-loader": {
-      "version": "0.7.1",
-      "resolved": "https://registry.npmjs.org/imports-loader/-/imports-loader-0.7.1.tgz",
-      "integrity": "sha1-8gS180cCoywdt9SNidXoZ6BEElM=",
-      "dev": true,
-      "requires": {
-        "loader-utils": "^1.0.2",
-        "source-map": "^0.5.6"
-      }
-    },
     "imurmurhash": {
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
@@ -30611,8 +30306,8 @@
       }
     },
     "lib-jitsi-meet": {
-      "version": "https://github.com/jitsi/lib-jitsi-meet/releases/download/v1578.0.0+5855ca72/lib-jitsi-meet.tgz",
-      "integrity": "sha512-AAEClrQNOVHNO1lKr/F1SOyiduZfI6bql3eiIxC3LZ5cBcyoRVmwI6uiAbLail0VkuKnTecEWcfYZ9lvokxrMw==",
+      "version": "https://github.com/jitsi/lib-jitsi-meet/releases/download/v1592.0.0+6afb0a56/lib-jitsi-meet.tgz",
+      "integrity": "sha512-mfBTIA0GySRlXScROQqbRAlSDW84cv6Cdiw/JgMclr9bGILvmYK+lQbLvkobzQ04m4GAHSNUV4IZ0psqck2qJg==",
       "requires": {
         "@jitsi/js-utils": "2.0.0",
         "@jitsi/logger": "2.0.0",
@@ -32895,9 +32590,9 @@
       }
     },
     "react-native-webrtc": {
-      "version": "106.0.5",
-      "resolved": "https://registry.npmjs.org/react-native-webrtc/-/react-native-webrtc-106.0.5.tgz",
-      "integrity": "sha512-EINzYpTZh6zXb2lcGH13Ieli1ur3M1FaT8R8WMqfUZEW8/y0WV6yBeQQVz55OA4LtWnBUX0RZyaYQ4aZN4e1Sw==",
+      "version": "106.0.7",
+      "resolved": "https://registry.npmjs.org/react-native-webrtc/-/react-native-webrtc-106.0.7.tgz",
+      "integrity": "sha512-Ro/NoxN/9/b/bcZErM+oVbWC8ZCplp00sHWDOOh289KDkAkFYZdyFZAKsgJQoMj5rOJZVzIIxuJW91ox+0k92w==",
       "requires": {
         "adm-zip": "0.5.9",
         "base64-js": "1.5.1",
@@ -34180,40 +33875,6 @@
       "integrity": "sha512-n3sPwynL1nwKi3WJ6AIsClwBMa0zTi54fn2oLU6ndfTSIO05xaznjSf15PcBZU6FNWbmN5Q6cxT4V5hGvB4taw==",
       "dev": true
     },
-    "string-replace-loader": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/string-replace-loader/-/string-replace-loader-3.0.3.tgz",
-      "integrity": "sha512-8c26Dl6H9XmKNj3mFBvaUYR7ImOxQ4YRBFuUju78wXpa1cDpyDYvKmqGg8mfkxdYexQ/BBogB7PELlLnmR08nw==",
-      "dev": true,
-      "requires": {
-        "loader-utils": "^2.0.0",
-        "schema-utils": "^3.0.0"
-      },
-      "dependencies": {
-        "loader-utils": {
-          "version": "2.0.4",
-          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.4.tgz",
-          "integrity": "sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==",
-          "dev": true,
-          "requires": {
-            "big.js": "^5.2.2",
-            "emojis-list": "^3.0.0",
-            "json5": "^2.1.2"
-          }
-        },
-        "schema-utils": {
-          "version": "3.1.1",
-          "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.1.1.tgz",
-          "integrity": "sha512-Y5PQxS4ITlC+EahLuXaY86TXfR7Dc5lw294alXOq86JAHCihAIZfqv8nNCWvaEJvaC51uN9hbLGeV0cFBdH+Fw==",
-          "dev": true,
-          "requires": {
-            "@types/json-schema": "^7.0.8",
-            "ajv": "^6.12.5",
-            "ajv-keywords": "^3.5.2"
-          }
-        }
-      }
-    },
     "string-replace-to-array": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/string-replace-to-array/-/string-replace-to-array-1.0.3.tgz",
@@ -34609,11 +34270,6 @@
       "integrity": "sha512-eHY7nBftgThBqOyHGVN+l8gF0BucP09fMo0oO/Lb0w1OF80dJv+lDVpXG60WMQvkcxAkNybKsrEIE3ZtKGmPrA==",
       "dev": true
     },
-    "tiny-invariant": {
-      "version": "0.0.3",
-      "resolved": "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-0.0.3.tgz",
-      "integrity": "sha512-SA2YwvDrCITM9fTvHTHRpq9W6L2fBsClbqm3maT5PZux4Z73SPPDYwJMtnoWh6WMgmCkJij/LaOlWiqJqFMK8g=="
-    },
     "tiny-warning": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/tiny-warning/-/tiny-warning-1.0.3.tgz",

package.json

@@ -17,13 +17,9 @@
   "dependencies": {
     "@amplitude/react-native": "2.7.0",
     "@atlaskit/flag": "14.1.0",
-    "@atlaskit/icon": "21.2.0",
     "@atlaskit/inline-dialog": "13.0.9",
     "@atlaskit/inline-message": "11.0.8",
-    "@atlaskit/modal-dialog": "11.2.4",
     "@atlaskit/multi-select": "15.0.5",
-    "@atlaskit/spinner": "15.0.6",
-    "@atlaskit/tabs": "12.1.2",
     "@atlaskit/theme": "11.0.2",
     "@atlaskit/tooltip": "17.1.2",
     "@emotion/react": "11.10.0",
@@ -57,6 +53,7 @@
     "@types/amplitude-js": "8.16.2",
     "@types/audioworklet": "0.0.29",
     "@types/w3c-image-capture": "1.0.6",
+    "@types/w3c-web-hid": "1.0.3",
     "@vladmandic/human": "2.6.5",
     "@vladmandic/human-models": "2.5.9",
     "@xmldom/xmldom": "0.7.9",
@@ -78,7 +75,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/v1578.0.0+5855ca72/lib-jitsi-meet.tgz",
+    "lib-jitsi-meet": "https://github.com/jitsi/lib-jitsi-meet/releases/download/v1592.0.0+6afb0a56/lib-jitsi-meet.tgz",
     "lodash": "4.17.21",
     "moment": "2.29.4",
     "moment-duration-format": "2.2.2",
@@ -117,7 +114,7 @@
     "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": "106.0.5",
+    "react-native-webrtc": "106.0.7",
     "react-native-webview": "11.15.1",
     "react-native-youtube-iframe": "2.2.1",
     "react-redux": "7.1.0",
@@ -145,7 +142,6 @@
     "@babel/preset-env": "7.16.0",
     "@babel/preset-flow": "7.16.0",
     "@babel/preset-react": "7.16.0",
-    "@babel/runtime": "7.16.0",
     "@jitsi/eslint-config": "4.1.5",
     "@types/js-md5": "0.4.3",
     "@types/lodash": "4.14.182",
@@ -165,20 +161,18 @@
     "circular-dependency-plugin": "5.2.0",
     "clean-css-cli": "4.3.0",
     "css-loader": "3.6.0",
-    "eslint": "8.25.0",
+    "eslint": "8.35.0",
     "eslint-plugin-flowtype": "8.0.3",
     "eslint-plugin-import": "2.25.2",
     "eslint-plugin-jsdoc": "37.0.3",
     "eslint-plugin-react": "7.26.1",
     "eslint-plugin-react-native": "3.11.0",
     "eslint-plugin-typescript-sort-keys": "2.1.0",
-    "imports-loader": "0.7.1",
     "jetifier": "1.6.4",
     "metro-react-native-babel-preset": "0.67.0",
     "patch-package": "6.4.7",
     "process": "0.11.10",
     "sass": "1.26.8",
-    "string-replace-loader": "3.0.3",
     "style-loader": "3.3.1",
     "traverse": "0.6.6",
     "ts-loader": "9.4.1",

react/features/always-on-top/AlwaysOnTop.js

@@ -199,7 +199,7 @@ export default class AlwaysOnTop extends Component<*, State> {
                         color = { getAvatarColor(displayName, customAvatarBackgrounds) }
                         id = 'avatar'
                         initials = { getInitials(displayName) }
-                        url = { displayName ? null : avatarURL } />)
+                        url = { avatarURL } />)
                 </div>
                 <div
                     className = 'displayname'

react/features/app/actions.native.ts

@@ -30,12 +30,10 @@ import {
 // @ts-ignore
 import { screen } from '../mobile/navigation/routes';
 import { clearNotifications } from '../notifications/actions';
-// @ts-ignore
-import { setFatalError } from '../overlay';
 
 import { addTrackStateToURL, getDefaultURL } from './functions.native';
 import logger from './logger';
-import { IStore } from './types';
+import { IReloadNowOptions, IStore } from './types';
 
 export * from './actions.any';
 
@@ -46,9 +44,10 @@ export * from './actions.any';
  * @param {string|undefined} uri - The URI to which to navigate. It may be a
  * full URL with an HTTP(S) scheme, a full or partial URI with the app-specific
  * scheme, or a mere room name.
+ * @param {Object} [options] - Options.
  * @returns {Function}
  */
-export function appNavigate(uri?: string) {
+export function appNavigate(uri?: string, options: IReloadNowOptions = {}) {
     logger.info(`appNavigate to ${uri}`);
 
     return async (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
@@ -144,7 +143,10 @@ export function appNavigate(uri?: string) {
             dispatch(createDesiredLocalTracks());
             dispatch(clearNotifications());
 
-            if (isPrejoinPageEnabled(getState())) {
+            // @ts-ignore
+            const { hidePrejoin } = options;
+
+            if (!hidePrejoin && isPrejoinPageEnabled(getState())) {
                 navigateRoot(screen.preJoin);
             } else {
                 dispatch(connect());
@@ -177,7 +179,6 @@ export function maybeRedirectToWelcomePage(options: any) { // eslint-disable-lin
  */
 export function reloadNow() {
     return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
-        dispatch(setFatalError(undefined));
 
         const state = getState();
         const { locationURL } = state['features/base/connection'];
@@ -188,6 +189,8 @@ export function reloadNow() {
 
         logger.info(`Reloading the conference using URL: ${locationURL}`);
 
-        dispatch(appNavigate(toURLString(newURL)));
+        dispatch(appNavigate(toURLString(newURL), {
+            hidePrejoin: true
+        }));
     };
 }

react/features/app/actions.web.ts

@@ -20,7 +20,6 @@ import {
 import { isVpaasMeeting } from '../jaas/functions';
 import { clearNotifications, showNotification } from '../notifications/actions';
 import { NOTIFICATION_TIMEOUT_TYPE } from '../notifications/constants';
-import { setFatalError } from '../overlay/actions';
 import { isWelcomePageEnabled } from '../welcome/functions';
 
 import {
@@ -222,7 +221,6 @@ export function maybeRedirectToWelcomePage(options: { feedbackSubmitted?: boolea
  */
 export function reloadNow() {
     return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
-        dispatch(setFatalError(undefined));
 
         const state = getState();
         const { locationURL } = state['features/base/connection'];

react/features/app/components/AbstractApp.js

@@ -1,10 +1,7 @@
-// @flow
-
-import React, { Fragment } from 'react';
+import React from 'react';
 
 import { BaseApp } from '../../base/app';
 import { toURLString } from '../../base/util';
-import { OverlayContainer } from '../../overlay';
 import { appNavigate } from '../actions';
 import { getDefaultURL } from '../functions';
 
@@ -73,23 +70,7 @@ export class AbstractApp extends BaseApp<Props, *> {
         }
     }
 
-    /**
-     * Creates an extra {@link ReactElement}s to be added (unconditionally)
-     * alongside the main element.
-     *
-     * @abstract
-     * @protected
-     * @returns {ReactElement}
-     */
-    _createExtraElement() {
-        return (
-            <Fragment>
-                <OverlayContainer />
-            </Fragment>
-        );
-    }
-
-    _createMainElement: (React$Element<*>, Object) => ?React$Element<*>;
+    _createMainElement: (React.ReactElement, Object) => ?React.ReactElement;
 
     /**
      * Gets the default URL to be opened when this {@code App} mounts.

react/features/app/components/App.web.js

@@ -1,12 +1,11 @@
-// @flow
-
 import { AtlasKitThemeProvider } from '@atlaskit/theme';
-import React from 'react';
+import React, { Fragment } from 'react';
 
 import GlobalStyles from '../../base/ui/components/GlobalStyles.web';
 import JitsiThemeProvider from '../../base/ui/components/JitsiThemeProvider.web';
 import DialogContainer from '../../base/ui/components/web/DialogContainer';
 import { ChromeExtensionBanner } from '../../chrome-extension-banner';
+import OverlayContainer from '../../overlay/components/web/OverlayContainer';
 
 import { AbstractApp } from './AbstractApp';
 
@@ -14,12 +13,30 @@ import { AbstractApp } from './AbstractApp';
 import '../middlewares';
 import '../reducers';
 
+
 /**
  * Root app {@code Component} on Web/React.
  *
  * @augments AbstractApp
  */
 export class App extends AbstractApp {
+
+    /**
+     * Creates an extra {@link ReactElement}s to be added (unconditionally)
+     * alongside the main element.
+     *
+     * @abstract
+     * @protected
+     * @returns {ReactElement}
+     */
+    _createExtraElement() {
+        return (
+            <Fragment>
+                <OverlayContainer />
+            </Fragment>
+        );
+    }
+
     /**
      * Overrides the parent method to inject {@link AtlasKitThemeProvider} as
      * the top most component.

react/features/app/middlewares.any.ts

@@ -48,5 +48,6 @@ import '../transcribing/middleware';
 import '../video-layout/middleware';
 import '../video-quality/middleware';
 import '../videosipgw/middleware';
+import '../visitors/middleware';
 
 import './middleware';

react/features/app/middlewares.web.ts

@@ -5,7 +5,6 @@ import '../base/media/middleware';
 import '../dynamic-branding/middleware';
 import '../e2ee/middleware';
 import '../external-api/middleware';
-import '../keyboard-shortcuts/middleware';
 import '../no-audio-signal/middleware';
 import '../notifications/middleware';
 import '../noise-detection/middleware';
@@ -15,12 +14,12 @@ import '../prejoin/middleware';
 import '../remote-control/middleware';
 import '../screen-share/middleware';
 import '../shared-video/middleware';
+import '../web-hid/middleware';
 import '../settings/middleware';
 import '../talk-while-muted/middleware';
 import '../toolbox/middleware';
 import '../face-landmarks/middleware';
 import '../gifs/middleware';
 import '../whiteboard/middleware';
-import '../base/dialog/middleware';
 
 import './middlewares.any';

react/features/app/reducers.any.ts

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

react/features/app/reducers.web.ts

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

react/features/app/types.ts

@@ -76,6 +76,8 @@ import { IVideoLayoutState } from '../video-layout/reducer';
 import { IVideoQualityPersistedState, IVideoQualityState } from '../video-quality/reducer';
 import { IVideoSipGW } from '../videosipgw/reducer';
 import { IVirtualBackground } from '../virtual-background/reducer';
+import { IVisitorsState } from '../visitors/reducer';
+import { IWebHid } from '../web-hid/reducer';
 import { IWhiteboardState } from '../whiteboard/reducer';
 
 export interface IStore {
@@ -163,5 +165,11 @@ export interface IReduxState {
     'features/video-quality-persistent-storage': IVideoQualityPersistedState;
     'features/videosipgw': IVideoSipGW;
     'features/virtual-background': IVirtualBackground;
+    'features/visitors': IVisitorsState;
+    'features/web-hid': IWebHid;
     'features/whiteboard': IWhiteboardState;
 }
+
+export interface IReloadNowOptions {
+    hidePrejoin?: boolean;
+}

react/features/authentication/actions.any.ts

@@ -98,7 +98,7 @@ function _upgradeRoleFinished(
             name: authenticationError || connectionError,
             ...other
         };
-        progress = authenticationError ? 0.5 : 0;
+        progress = 0;
     }
 
     return {

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

@@ -207,7 +207,7 @@ class LoginDialog extends Component<IProps, IState> {
         let messageKey;
 
         if (progress && progress < 1) {
-            messageKey = t('connection.FETCH_SESSION_ID');
+            messageKey = 'connection.FETCH_SESSION_ID';
         } else if (error) {
             const { name } = error;
 
@@ -218,14 +218,14 @@ class LoginDialog extends Component<IProps, IState> {
                     && credentials.jid === toJid(username, configHosts ?? { authdomain: '',
                         domain: '' })
                     && credentials.password === password) {
-                    messageKey = t('dialog.incorrectPassword');
+                    messageKey = 'dialog.incorrectPassword';
                 }
             } else if (name) {
-                messageKey = t('dialog.connectErrorWithMsg');
+                messageKey = 'dialog.connectErrorWithMsg';
                 messageOptions.msg = `${name} ${error.message}`;
             }
         } else if (connecting) {
-            messageKey = t('connection.CONNECTING');
+            messageKey = 'connection.CONNECTING';
         }
 
         if (messageKey) {

react/features/base/components/participants-pane-list/ListItem.tsx

@@ -88,7 +88,7 @@ const useStyles = makeStyles()(theme => {
             boxShadow: 'inset 0px -1px 0px rgba(255, 255, 255, 0.15)',
             minHeight: '40px',
 
-            '&:hover': {
+            '&:hover, &:focus-within': {
                 backgroundColor: theme.palette.ui02,
 
                 '& .indicators': {
@@ -97,6 +97,8 @@ const useStyles = makeStyles()(theme => {
 
                 '& .actions': {
                     display: 'flex',
+                    position: 'relative',
+                    top: 'auto',
                     boxShadow: `-15px 0px 10px -5px ${theme.palette.ui02}`,
                     backgroundColor: theme.palette.ui02
                 }
@@ -154,7 +156,8 @@ const useStyles = makeStyles()(theme => {
         },
 
         actionsContainer: {
-            display: 'none',
+            position: 'absolute',
+            top: '-1000px',
             boxShadow: `-15px 0px 10px -5px ${theme.palette.ui02}`,
             backgroundColor: theme.palette.ui02
         },

react/features/base/config/actions.ts

@@ -98,7 +98,7 @@ export function overwriteConfig(config: Object) {
  * base/config.
  * @returns {Function}
  */
-export function setConfig(config: Object = {}) {
+export function setConfig(config: IConfig = {}) {
     return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
         const { locationURL } = getState()['features/base/connection'];
 
@@ -119,6 +119,26 @@ export function setConfig(config: Object = {}) {
                 window.interfaceConfig,
                 locationURL);
 
+        let { bosh } = config;
+
+        if (bosh) {
+            // Normalize the BOSH URL.
+            if (bosh.startsWith('//')) {
+                // By default our config.js doesn't include the protocol.
+                bosh = `${locationURL?.protocol}${bosh}`;
+            } else if (bosh.startsWith('/')) {
+                // Handle relative URLs, which won't work on mobile.
+                const {
+                    protocol,
+                    host,
+                    contextRoot
+                } = parseURIString(locationURL?.href);
+
+                bosh = `${protocol}//${host}${contextRoot || '/'}${bosh.substr(1)}`;
+            }
+            config.bosh = bosh;
+        }
+
         dispatch({
             type: SET_CONFIG,
             config

react/features/base/config/configType.ts

@@ -388,6 +388,11 @@ export interface IConfig {
     lastNLimits?: {
         [key: number]: number;
     };
+    legalUrls?: {
+        helpCentre: string;
+        privacy: string;
+        terms: string;
+    };
     liveStreaming?: {
         dataPrivacyLink?: string;
         enabled?: boolean;

react/features/base/config/constants.ts

@@ -61,6 +61,11 @@ export const PREMEETING_BUTTONS = [ 'microphone', 'camera', 'select-background',
   */
 export const THIRD_PARTY_PREJOIN_BUTTONS = [ 'microphone', 'camera', 'select-background' ];
 
+/**
+ * The toolbar buttons to show when in visitors mode.
+ */
+export const VISITORS_MODE_BUTTONS = [ 'hangup', 'tileview' ];
+
 /**
  * The set of feature flags.
  *
@@ -70,3 +75,18 @@ export const THIRD_PARTY_PREJOIN_BUTTONS = [ 'microphone', 'camera', 'select-bac
 export const FEATURE_FLAGS = {
     SSRC_REWRITING: 'ssrcRewritingEnabled'
 };
+
+/**
+ * The URL at which the terms (of service/use) are available to the user.
+ */
+export const DEFAULT_TERMS_URL = 'https://jitsi.org/meet/terms';
+
+/**
+ * The URL at which the privacy policy is available to the user.
+ */
+export const DEFAULT_PRIVACY_URL = 'https://jitsi.org/meet/privacy';
+
+/**
+ * The URL at which the help centre is available to the user.
+ */
+export const DEFAULT_HELP_CENTRE_URL = 'https://web-cdn.jitsi.net/faq/meet-faq.html';

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

@@ -11,7 +11,13 @@ import { parseURLParams } from '../util/parseURLParams';
 
 import { IConfig } from './configType';
 import CONFIG_WHITELIST from './configWhitelist';
-import { FEATURE_FLAGS, _CONFIG_STORE_PREFIX } from './constants';
+import {
+    DEFAULT_HELP_CENTRE_URL,
+    DEFAULT_PRIVACY_URL,
+    DEFAULT_TERMS_URL,
+    FEATURE_FLAGS,
+    _CONFIG_STORE_PREFIX
+} from './constants';
 import INTERFACE_CONFIG_WHITELIST from './interfaceConfigWhitelist';
 import logger from './logger';
 
@@ -326,3 +332,24 @@ export function getDialOutUrl(state: IReduxState) {
 export function getSecurityUiConfig(state: IReduxState) {
     return state['features/base/config']?.securityUi || {};
 }
+
+/**
+ * Returns the terms, privacy and help centre URL's.
+ *
+ * @param {IReduxState} state - The state of the application.
+ * @returns {{
+ *  privacy: string,
+ *  helpCentre: string,
+ *  terms: string
+ * }}
+ */
+export function getLegalUrls(state: IReduxState) {
+    const helpCentreURL = state['features/base/config']?.helpCentreURL;
+    const configLegalUrls = state['features/base/config']?.legalUrls;
+
+    return {
+        privacy: configLegalUrls?.privacy || DEFAULT_PRIVACY_URL,
+        helpCentre: helpCentreURL || configLegalUrls?.helpCentre || DEFAULT_HELP_CENTRE_URL,
+        terms: configLegalUrls?.terms || DEFAULT_TERMS_URL
+    };
+}

react/features/base/config/middleware.ts

@@ -52,9 +52,7 @@ function _setConfig({ dispatch, getState }: IStore, next: Function, action: AnyA
     const settings = state['features/base/settings'];
     const config: IConfig = {};
 
-    // FIXME: P2P is currently temporality disabled on mobile.
-    // eslint-disable-next-line no-constant-condition
-    if (false && typeof settings.disableP2P !== 'undefined') {
+    if (typeof settings.disableP2P !== 'undefined') {
         config.p2p = { enabled: !settings.disableP2P };
     }
 

react/features/base/config/reducer.ts

@@ -57,10 +57,8 @@ const INITIAL_RN_STATE: IConfig = {
     // than requiring this override here...
 
     p2p: {
-        // Temporarily disable P2P on mobile while we sort out some (codec?) issues.
-        enabled: false,
         disabledCodec: 'vp9',
-        preferredCodec: 'h264'
+        preferredCodec: 'vp8'
     },
 
     videoQuality: {

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

@@ -3,8 +3,7 @@ import _ from 'lodash';
 import { IReduxState } from '../../app/types';
 import {
     appendURLParam,
-    getBackendSafeRoomName,
-    parseURIString
+    getBackendSafeRoomName
 } from '../util/uri';
 
 import {
@@ -145,7 +144,8 @@ export function constructOptions(state: IReduxState) {
     // redux store.
     const options = _.cloneDeep(state['features/base/config']);
 
-    let { bosh, websocket } = options;
+    const { bosh } = options;
+    let { websocket } = options;
 
     // TESTING: Only enable WebSocket for some percentage of users.
     if (websocket && navigator.product === 'ReactNative') {
@@ -154,25 +154,6 @@ export function constructOptions(state: IReduxState) {
         }
     }
 
-    // Normalize the BOSH URL.
-    if (bosh && !websocket) {
-        const { locationURL } = state['features/base/connection'];
-
-        if (bosh.startsWith('//')) {
-            // By default our config.js doesn't include the protocol.
-            bosh = `${locationURL?.protocol}${bosh}`;
-        } else if (bosh.startsWith('/')) {
-            // Handle relative URLs, which won't work on mobile.
-            const {
-                protocol,
-                host,
-                contextRoot
-            } = parseURIString(locationURL?.href);
-
-            bosh = `${protocol}//${host}${contextRoot || '/'}${bosh.substr(1)}`;
-        }
-    }
-
     // WebSocket is preferred over BOSH.
     const serviceUrl = websocket || bosh;
 

react/features/base/dialog/components/DialogContent.js

@@ -1,43 +0,0 @@
-// @flow
-
-import React, { Component } from 'react';
-
-import { Container, Text } from '../../react';
-import { type StyleType } from '../../styles';
-
-import styles from './styles';
-
-type Props = {
-
-    /**
-     * Children of the component.
-     */
-    children: string | React$Node,
-
-    style: ?StyleType
-};
-
-/**
- * Generic dialog content container to provide the same styling for all custom
- * dialogs.
- */
-export default class DialogContent extends Component<Props> {
-    /**
-     * Implements {@code Component#render}.
-     *
-     * @inheritdoc
-     */
-    render() {
-        const { children, style } = this.props;
-
-        const childrenComponent = typeof children === 'string'
-            ? <Text style = { style }>{ children }</Text>
-            : children;
-
-        return (
-            <Container style = { styles.dialogContainer }>
-                { childrenComponent }
-            </Container>
-        );
-    }
-}

react/features/base/dialog/components/index.js

@@ -1,5 +1,3 @@
 // @flow
 
 export * from './_';
-
-export { default as DialogContent } from './DialogContent';

react/features/base/dialog/components/native/ConfirmDialog.js

@@ -48,7 +48,7 @@ type Props = {
     /**
      * Dialog title.
      */
-    title?: string,
+    title?: string
 };
 
 /**

react/features/base/dialog/components/native/PageReloadDialog.tsx

@@ -0,0 +1,231 @@
+/* eslint-disable lines-around-comment */
+
+// @ts-ignore
+import { randomInt } from '@jitsi/js-utils/random';
+import React, { Component } from 'react';
+import { WithTranslation } from 'react-i18next';
+import type { Dispatch } from 'redux';
+
+import { appNavigate, reloadNow } from '../../../../app/actions.native';
+import { IReduxState } from '../../../../app/types';
+import { translate } from '../../../i18n/functions';
+import { isFatalJitsiConnectionError } from '../../../lib-jitsi-meet/functions.native';
+import { connect } from '../../../redux/functions';
+import { hideDialog } from '../../actions';
+// @ts-ignore
+import logger from '../../logger';
+
+// @ts-ignore
+import ConfirmDialog from './ConfirmDialog';
+
+
+/**
+ * The type of the React {@code Component} props of
+ * {@link PageReloadDialog}.
+ */
+interface IPageReloadDialogProps extends WithTranslation {
+    dispatch: Dispatch<any>;
+    isNetworkFailure: boolean;
+    reason: string;
+}
+
+/**
+ * The type of the React {@code Component} state of
+ * {@link PageReloadDialog}.
+ */
+interface IPageReloadDialogState {
+    timeLeft: number;
+}
+
+/**
+ * Implements a React Component that is shown before the
+ * conference is reloaded.
+ * Shows a warning message and counts down towards the re-load.
+ */
+class PageReloadDialog extends Component<IPageReloadDialogProps, IPageReloadDialogState> {
+
+    // @ts-ignore
+    _interval: IntervalID;
+    _timeoutSeconds: number;
+
+    /**
+     * Initializes a new PageReloadOverlay instance.
+     *
+     * @param {Object} props - The read-only properties with which the new
+     * instance is to be initialized.
+     * @public
+     */
+    constructor(props: IPageReloadDialogProps) {
+        super(props);
+
+        this._timeoutSeconds = 10 + randomInt(0, 20);
+
+        this.state = {
+            timeLeft: this._timeoutSeconds
+        };
+
+        this._onCancel = this._onCancel.bind(this);
+        this._onReloadNow = this._onReloadNow.bind(this);
+        this._onReconnecting = this._onReconnecting.bind(this);
+    }
+
+    /**
+     * React Component method that executes once component is mounted.
+     *
+     * @inheritdoc
+     * @returns {void}
+     */
+    componentDidMount() {
+        const { timeLeft } = this.state;
+
+        logger.info(
+            `The conference will be reloaded after ${timeLeft} seconds.`
+        );
+
+        this._interval = setInterval(() =>
+            this._onReconnecting(), 1000);
+    }
+
+    /**
+     * Clears the timer interval.
+     *
+     * @inheritdoc
+     * @returns {void}
+     */
+    componentWillUnmount() {
+        if (this._interval) {
+            clearInterval(this._interval);
+            this._interval = undefined;
+        }
+    }
+
+    /**
+     * Handle clicking of the "Cancel" button. It will navigate back to the
+     * welcome page.
+     *
+     * @private
+     * @returns {boolean}
+     */
+    _onCancel() {
+        const { dispatch } = this.props;
+
+        clearInterval(this._interval);
+        dispatch(appNavigate(undefined));
+
+        return true;
+    }
+
+    /**
+     * Handles automatic reconnection.
+     *
+     * @private
+     * @returns {void}
+     */
+    _onReconnecting() {
+        const { dispatch } = this.props;
+        const { timeLeft } = this.state;
+
+        if (timeLeft === 0) {
+            if (this._interval) {
+                dispatch(hideDialog());
+                this._onReloadNow();
+                this._interval = undefined;
+            }
+        }
+
+        this.setState({
+            timeLeft: timeLeft - 1
+        });
+    }
+
+    /**
+     * Handle clicking on the "Reload Now" button. It will navigate to the same
+     * conference URL as before immediately, without waiting for the timer to
+     * kick in.
+     *
+     * @private
+     * @returns {boolean}
+     */
+    _onReloadNow() {
+        const { dispatch } = this.props;
+
+        clearInterval(this._interval);
+        dispatch(reloadNow());
+
+        return true;
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    render() {
+        const { isNetworkFailure, t } = this.props;
+        const { timeLeft } = this.state;
+
+        let message, title;
+
+        if (isNetworkFailure) {
+            title = 'dialog.conferenceDisconnectTitle';
+            message = 'dialog.conferenceDisconnectMsg';
+        } else {
+            title = 'dialog.conferenceReloadTitle';
+            message = 'dialog.conferenceReloadMsg';
+        }
+
+        return (
+            <ConfirmDialog
+                cancelLabel = 'dialog.Cancel'
+                confirmLabel = 'dialog.rejoinNow'
+                descriptionKey = { `${t(message, { seconds: timeLeft })}` }
+                onCancel = { this._onCancel }
+                onSubmit = { this._onReloadNow }
+                title = { title } />
+        );
+    }
+}
+
+/**
+ * Maps (parts of) the redux state to the associated component's props.
+ *
+ * @param {Object} state - The redux state.
+ * @protected
+ * @returns {{
+ *     isNetworkFailure: boolean,
+ *     reason: string
+ * }}
+ */
+function mapStateToProps(state: IReduxState) {
+    const { error: conferenceError } = state['features/base/conference'];
+    const { error: configError } = state['features/base/config'];
+    const { error: connectionError } = state['features/base/connection'];
+    const { fatalError } = state['features/overlay'];
+
+    const fatalConnectionError
+        // @ts-ignore
+        = connectionError && isFatalJitsiConnectionError(connectionError);
+    const fatalConfigError = fatalError === configError;
+
+    const isNetworkFailure = fatalConfigError || fatalConnectionError;
+
+    let reason;
+
+    if (conferenceError) {
+        reason = `error.conference.${conferenceError.name}`;
+    } else if (connectionError) {
+        reason = `error.conference.${connectionError.name}`;
+    } else if (configError) {
+        reason = `error.config.${configError.name}`;
+    } else {
+        logger.error('No reload reason defined!');
+    }
+
+    return {
+        isNetworkFailure,
+        reason
+    };
+}
+
+export default translate(connect(mapStateToProps)(PageReloadDialog));

react/features/base/dialog/components/native/index.js

@@ -5,6 +5,7 @@ export { default as ConfirmDialog } from './ConfirmDialog';
 export { default as DialogContainer } from './DialogContainer';
 export { default as AlertDialog } from './AlertDialog';
 export { default as InputDialog } from './InputDialog';
+export { default as PageReloadDialog } from './PageReloadDialog';
 
 // NOTE: Some dialogs reuse the style of these base classes for consistency
 // and as we're in a /native namespace, it's safe to export the styles.

react/features/base/dialog/components/styles.native.js

@@ -1,14 +0,0 @@
-import { BoxModel, createStyleSheet } from '../../styles';
-
-/**
- * The React {@code Component} styles of {@code Dialog}.
- */
-export default createStyleSheet({
-    /**
-     * Unified container for a consistent Dialog style.
-     */
-    dialogContainer: {
-        paddingHorizontal: BoxModel.padding,
-        paddingVertical: 1.5 * BoxModel.padding
-    }
-});

react/features/base/dialog/components/styles.web.js

@@ -1,5 +0,0 @@
-/**
- * Placeholder styles for web to be able to use cross platform components
- * unmodified such as {@code DialogContent}.
- */
-export default {};

react/features/base/dialog/components/web/AbstractDialogTab.ts

@@ -5,11 +5,6 @@ import { Component } from 'react';
  */
 export interface IProps {
 
-    /**
-     * Function that closes the dialog.
-     */
-    closeDialog: Function;
-
     /**
      * Callback to invoke on change.
      */

react/features/base/dialog/components/web/Dialog-old.js

@@ -1,93 +0,0 @@
-// @flow
-
-import React from 'react';
-
-import { connect } from '../../../redux';
-import AbstractDialog from '../AbstractDialog';
-import type { Props as AbstractDialogProps, State } from '../AbstractDialog';
-
-import StatelessDialog from './StatelessDialog';
-
-/**
- * The type of the React {@code Component} props of {@link Dialog}.
- */
-type Props = AbstractDialogProps & {
-
-    /**
-     * True if listening for the Enter key should be disabled.
-     */
-    disableEnter: boolean,
-
-    /**
-     * Whether the dialog is modal. This means clicking on the blanket will
-     * leave the dialog open. No cancel button.
-     */
-    isModal: boolean,
-
-    /**
-     * Disables rendering of the submit button.
-     */
-    submitDisabled: boolean,
-
-    /**
-     * Width of the dialog, can be:
-     * - 'small' (400px), 'medium' (600px), 'large' (800px),
-     * 'x-large' (968px)
-     * - integer value for pixel width
-     * - string value for percentage.
-     */
-    width: string
-};
-
-/**
- * Web dialog that uses atlaskit modal-dialog to display dialogs.
- */
-class Dialog extends AbstractDialog<Props, State> {
-    /**
-     * Initializes a new Dialog instance.
-     *
-     * @param {Object} props - The read-only properties with which the new
-     * instance is to be initialized.
-     */
-    constructor(props: Props) {
-        super(props);
-
-        // Bind event handlers so they are only bound once per instance.
-        this._onCancel = this._onCancel.bind(this);
-        this._onSubmit = this._onSubmit.bind(this);
-    }
-
-    /**
-     * Implements React's {@link Component#render()}.
-     *
-     * @inheritdoc
-     * @returns {ReactElement}
-     */
-    render() {
-        const props = {
-            ...this.props,
-            onCancel: this._onCancel,
-            onSubmit: this._onSubmit
-        };
-
-        // $FlowExpectedError
-        delete props.dispatch;
-
-        return <StatelessDialog { ...props } />;
-    }
-
-    _onCancel: () => void;
-
-    /**
-     * Dispatches action to hide the dialog.
-     *
-     * @returns {void}
-     */
-    _onCancel() {
-        this.props.isModal || super._onCancel();
-    }
-
-    _onSubmit: (?string) => void;
-}
-
-export default connect()(Dialog);

react/features/base/dialog/components/web/DialogWithTabs.js

@@ -1,256 +0,0 @@
-// @flow
-
-import Tabs from '@atlaskit/tabs';
-import React, { Component } from 'react';
-
-import { translate } from '../../../i18n/functions';
-import logger from '../../logger';
-
-import StatelessDialog from './StatelessDialog';
-
-/**
- * The type of the React {@code Component} props of {@link DialogWithTabs}.
- */
-export type Props = {
-
-    /**
-     * Function that closes the dialog.
-     */
-    closeDialog: Function,
-
-    /**
-     * Css class name that will be added to the dialog.
-     */
-    cssClassName: string,
-
-    /**
-     * Which settings tab should be initially displayed. If not defined then
-     * the first tab will be displayed.
-     */
-    defaultTab: number,
-
-    /**
-     * Disables dismissing the dialog when the blanket is clicked. Enabled
-     * by default.
-     */
-    disableBlanketClickDismiss: boolean,
-
-    /**
-     * Callback invoked when the Save button has been pressed.
-     */
-    onSubmit: Function,
-
-
-    /**
-     * Invoked to obtain translated strings.
-     */
-    t: Function,
-
-    /**
-     * Information about the tabs that will be rendered.
-     */
-    tabs: Array<Object>,
-
-    /**
-     * Key to use for showing a title.
-     */
-    titleKey: string
-
-};
-
-/**
- * The type of the React {@code Component} state of {@link DialogWithTabs}.
- */
-type State = {
-
-    /**
-     * The index of the tab that should be displayed.
-     */
-    selectedTab: number,
-
-    /**
-     * An array of the states of the tabs.
-     */
-    tabStates: Array<Object>
-};
-
-/**
- * A React {@code Component} for displaying a dialog with tabs.
- *
- * @augments Component
- */
-class DialogWithTabs extends Component<Props, State> {
-    /**
-     * Initializes a new {@code DialogWithTabs} instance.
-     *
-     * @param {Object} props - The read-only React {@code Component} props with
-     * which the new instance is to be initialized.
-     */
-    constructor(props: Props) {
-        super(props);
-        this.state = {
-            selectedTab: this.props.defaultTab || 0,
-            tabStates: this.props.tabs.map(tab => tab.props)
-        };
-        this._onSubmit = this._onSubmit.bind(this);
-        this._onTabSelected = this._onTabSelected.bind(this);
-        this._onTabStateChange = this._onTabStateChange.bind(this);
-    }
-
-    /**
-     * Implements React's {@link Component#render()}.
-     *
-     * @inheritdoc
-     * @returns {ReactElement}
-     */
-    render() {
-        const onCancel = this.props.closeDialog;
-
-        return (
-            <StatelessDialog
-                disableBlanketClickDismiss
-                    = { this.props.disableBlanketClickDismiss }
-                onCancel = { onCancel }
-                onSubmit = { this._onSubmit }
-                titleKey = { this.props.titleKey } >
-                <div className = { this.props.cssClassName } >
-                    { this._renderTabs() }
-                </div>
-            </StatelessDialog>
-        );
-    }
-
-    /**
-     * Gets the props to pass into the tab component.
-     *
-     * @param {number} tabId - The index of the tab configuration within
-     * {@link this.state.tabStates}.
-     * @returns {Object}
-     */
-    _getTabProps(tabId) {
-        const { tabs } = this.props;
-        const { tabStates } = this.state;
-        const tabConfiguration = tabs[tabId];
-        const currentTabState = tabStates[tabId];
-
-        if (tabConfiguration.propsUpdateFunction) {
-            return tabConfiguration.propsUpdateFunction(
-                currentTabState,
-                tabConfiguration.props);
-        }
-
-        return { ...currentTabState };
-    }
-
-    _onTabSelected: (Object, number) => void;
-
-    /**
-     * Callback invoked when the desired tab to display should be changed.
-     *
-     * @param {Object} tab - The configuration passed into atlaskit tabs to
-     * describe how to display the selected tab.
-     * @param {number} tabIndex - The index of the tab within the array of
-     * displayed tabs.
-     * @private
-     * @returns {void}
-     */
-    _onTabSelected(tab, tabIndex) { // eslint-disable-line no-unused-vars
-        this.setState({ selectedTab: tabIndex });
-    }
-
-    /**
-     * Renders the tabs from the tab information passed on props.
-     *
-     * @returns {void}
-     */
-    _renderTabs() {
-        const { t, tabs } = this.props;
-
-        if (tabs.length === 1) {
-            return this._renderTab({
-                ...tabs[0],
-                tabId: 0
-            });
-        }
-
-        if (tabs.length > 1) {
-            return (
-                <Tabs
-                    onSelect = { this._onTabSelected }
-                    selected = { this.state.selectedTab }
-                    tabs = {
-                        tabs.map(({ component, label, styles }, idx) => {
-                            return {
-                                content: this._renderTab({
-                                    component,
-                                    styles,
-                                    tabId: idx
-                                }),
-                                label: t(label)
-                            };
-                        })
-                    } />);
-        }
-
-        logger.warn('No settings tabs configured to display.');
-
-        return null;
-    }
-
-    /**
-     * Renders a tab from the tab information passed as parameters.
-     *
-     * @param {Object} tabInfo - Information about the tab.
-     * @returns {Component} - The tab.
-     */
-    _renderTab({ component, styles, tabId }) {
-        const { closeDialog } = this.props;
-        const TabComponent = component;
-
-        return (
-            <div className = { styles }>
-                <TabComponent
-                    closeDialog = { closeDialog }
-                    mountCallback = { this.props.tabs[tabId].onMount }
-                    onTabStateChange
-                        = { this._onTabStateChange }
-                    tabId = { tabId }
-                    { ...this._getTabProps(tabId) } />
-            </div>);
-    }
-
-    _onTabStateChange: (number, Object) => void;
-
-    /**
-     * Changes the state for a tab.
-     *
-     * @param {number} tabId - The id of the tab which state will be changed.
-     * @param {Object} state - The new state.
-     * @returns {void}
-     */
-    _onTabStateChange(tabId, state) {
-        const tabStates = [ ...this.state.tabStates ];
-
-        tabStates[tabId] = state;
-        this.setState({ tabStates });
-    }
-
-    _onSubmit: () => void;
-
-    /**
-     * Submits the information filled in the dialog.
-     *
-     * @returns {void}
-     */
-    _onSubmit() {
-        const { onSubmit, tabs } = this.props;
-
-        tabs.forEach(({ submit }, idx) => {
-            submit && submit(this.state.tabStates[idx]);
-        });
-
-        onSubmit();
-    }
-}
-
-export default translate(DialogWithTabs);

react/features/base/dialog/components/web/ModalHeader.tsx

@@ -1,172 +0,0 @@
-/* eslint-disable lines-around-comment */
-/* eslint-disable react/no-multi-comp */
-import ErrorIcon from '@atlaskit/icon/glyph/error';
-import WarningIcon from '@atlaskit/icon/glyph/warning';
-import {
-    Header,
-    Title,
-    TitleText,
-    titleIconWrapperStyles
-    // @ts-ignore
-} from '@atlaskit/modal-dialog/dist/es2019/styled/Content';
-import { Theme } from '@mui/material';
-import { withStyles } from '@mui/styles';
-import React from 'react';
-import { WithTranslation } from 'react-i18next';
-
-import { translate } from '../../../i18n/functions';
-import { IconCloseLarge } from '../../../icons/svg';
-import { withPixelLineHeight } from '../../../styles/functions.web';
-import Button from '../../../ui/components/web/Button';
-import { BUTTON_TYPES } from '../../../ui/constants.web';
-
-const TitleIcon = ({ appearance }: { appearance?: 'danger' | 'warning'; }) => {
-    if (!appearance) {
-        return null;
-    }
-
-    const IconSymbol = appearance === 'danger' ? ErrorIcon : WarningIcon;
-
-    return (
-        <span css = { titleIconWrapperStyles(appearance) }>
-            <IconSymbol label = { `${appearance} icon` } />
-        </span>
-    );
-};
-
-interface IProps extends WithTranslation {
-    appearance?: 'danger' | 'warning';
-    classes: any;
-    heading: string;
-    hideCloseIconButton: boolean;
-    id?: string;
-    isHeadingMultiline: boolean;
-    onClose: (e?: any) => void;
-    showKeyline: boolean;
-    testId?: string;
-}
-
-/**
- * Creates the styles for the component.
- *
- * @param {Object} theme - The current UI theme.
- *
- * @returns {Object}
- */
-const styles = (theme: Theme) => {
-    return {
-        closeButton: {
-            borderRadius: theme.shape.borderRadius,
-            cursor: 'pointer',
-            padding: 13,
-
-            [theme.breakpoints.down(480)]: {
-                background: theme.palette.action02
-            },
-
-            '&:hover': {
-                background: theme.palette.ui04
-            }
-        },
-        header: {
-            boxShadow: 'none',
-
-            '& h4': {
-                ...withPixelLineHeight(theme.typography.heading5),
-                color: theme.palette.text01
-            }
-        }
-    };
-};
-
-
-/**
- * A default header for modal-dialog components.
- *
- * @class ModalHeader
- * @augments {React.Component<IProps>}
- */
-class ModalHeader extends React.Component<IProps> {
-    static defaultProps = {
-        isHeadingMultiline: true
-    };
-
-    /**
-     * Initializes a new {@code ModalHeader} instance.
-     *
-     * @param {*} props - The read-only properties with which the new instance
-     * is to be initialized.
-     */
-    constructor(props: IProps) {
-        super(props);
-
-        // Bind event handler so it is only bound once for every instance.
-        this._onKeyPress = this._onKeyPress.bind(this);
-    }
-
-    /**
-     * KeyPress handler for accessibility.
-     *
-     * @param {Object} e - The key event to handle.
-     *
-     * @returns {void}
-     */
-    _onKeyPress(e: React.KeyboardEvent) {
-        if (this.props.onClose && (e.key === ' ' || e.key === 'Enter')) {
-            e.preventDefault();
-            this.props.onClose();
-        }
-    }
-
-    /**
-     * Implements React's {@link Component#render()}.
-     *
-     * @inheritdoc
-     * @returns {ReactElement}
-     */
-    render() {
-        const {
-            id,
-            appearance,
-            classes,
-            heading,
-            hideCloseIconButton,
-            onClose,
-            showKeyline,
-            isHeadingMultiline,
-            testId,
-            t
-        } = this.props;
-
-        if (!heading) {
-            return null;
-        }
-
-        return (
-            <Header
-                className = { classes.header }
-                showKeyline = { showKeyline }>
-                <Title>
-                    <TitleIcon appearance = { appearance } />
-                    <TitleText
-                        data-testid = { testId && `${testId}-heading` }
-                        id = { id }
-                        isHeadingMultiline = { isHeadingMultiline }>
-                        {heading}
-                    </TitleText>
-                </Title>
-
-                {
-                    !hideCloseIconButton && <Button
-                        accessibilityLabel = { t('dialog.close') }
-                        icon = { IconCloseLarge }
-                        id = 'modal-header-close-button'
-                        onClick = { onClose }
-                        size = 'large'
-                        type = { BUTTON_TYPES.TERTIARY } />
-                }
-            </Header>
-        );
-    }
-}
-export default translate(withStyles(styles)(ModalHeader));

react/features/base/dialog/components/web/StatelessDialog.tsx

@@ -1,377 +0,0 @@
-/* eslint-disable lines-around-comment */
-import Modal, { ModalFooter } from '@atlaskit/modal-dialog';
-import { Theme } from '@mui/material';
-import { withStyles } from '@mui/styles';
-import React, { Component, ReactElement } from 'react';
-import { WithTranslation } from 'react-i18next';
-
-import { translate } from '../../../i18n/functions';
-import Button from '../../../ui/components/web/Button';
-import { BUTTON_TYPES } from '../../../ui/constants.web';
-import type { DialogProps } from '../../constants';
-
-import ModalHeader from './ModalHeader';
-
-/**
- * The ID to be used for the cancel button if enabled.
- *
- * @type {string}
- */
-const CANCEL_BUTTON_ID = 'modal-dialog-cancel-button';
-
-/**
- * The ID to be used for the ok button if enabled.
- *
- * @type {string}
- */
-const OK_BUTTON_ID = 'modal-dialog-ok-button';
-
-/**
- * The type of the React {@code Component} props of {@link StatelessDialog}.
- *
- * @static
- */
-interface IProps extends DialogProps, WithTranslation {
-
-    /**
-     * An object containing the CSS classes.
-     */
-    classes: any;
-
-    /**
-     * Custom dialog header that replaces the standard heading.
-     */
-    customHeader?: ReactElement<any> | Function;
-
-    /**
-     * Disables dismissing the dialog when the blanket is clicked. Enabled
-     * by default.
-     */
-    disableBlanketClickDismiss: boolean;
-
-    /*
-     * True if listening for the Enter key should be disabled.
-     */
-    disableEnter: boolean;
-
-    /**
-     * If true, no footer will be displayed.
-     */
-    disableFooter?: boolean;
-
-    /**
-     * If true, the cancel button will not display but cancel actions, like
-     * clicking the blanket, will cancel.
-     */
-    hideCancelButton: boolean;
-
-    /**
-     * If true, the close icon button will not be displayed.
-     */
-    hideCloseIconButton: boolean;
-
-    /**
-     * Whether the dialog is modal. This means clicking on the blanket will
-     * leave the dialog open. No cancel button.
-     */
-    isModal: boolean;
-
-    /**
-     * The handler for the event when clicking the 'confirmNo' button.
-     * Defaults to onCancel if absent.
-     */
-    onDecline?: () => void;
-
-    /**
-     * Callback invoked when setting the ref of the Dialog.
-     */
-    onDialogRef?: Function;
-
-    /**
-     * Disables rendering of the submit button.
-     */
-    submitDisabled: boolean;
-
-    /**
-     * Width of the dialog, can be:
-     * - 'small' (400px), 'medium' (600px), 'large' (800px),
-     *   'x-large' (968px)
-     * - integer value for pixel width
-     * - string value for percentage.
-     */
-    width: string;
-}
-
-/**
- * Creates the styles for the component.
- *
- * @param {Object} theme - The theme.
- * @returns {Object}
- */
-const styles = (theme: Theme) => {
-    return {
-        footer: {
-            boxShadow: 'none'
-        },
-
-        buttonContainer: {
-            display: 'flex',
-
-            '& > button:first-child': {
-                marginRight: theme.spacing(2)
-            }
-        }
-    };
-};
-
-/**
- * Web dialog that uses atlaskit modal-dialog to display dialogs.
- */
-class StatelessDialog extends Component<IProps> {
-    static defaultProps = {
-        hideCloseIconButton: false
-    };
-
-    /**
-     * Initializes a new {@code StatelessDialog} instance.
-     *
-     * @param {Object} props - The read-only properties with which the new
-     * instance is to be initialized.
-     */
-    constructor(props: IProps) {
-        super(props);
-
-        // Bind event handlers so they are only bound once for every instance.
-        this._onCancel = this._onCancel.bind(this);
-        this._onDialogDismissed = this._onDialogDismissed.bind(this);
-        this._onKeyPress = this._onKeyPress.bind(this);
-        this._onSubmit = this._onSubmit.bind(this);
-        this._renderFooter = this._renderFooter.bind(this);
-        this._onDialogRef = this._onDialogRef.bind(this);
-    }
-
-    /**
-     * Implements React's {@link Component#render()}.
-     *
-     * @inheritdoc
-     * @returns {ReactElement}
-     */
-    render() {
-        const {
-            customHeader,
-            children,
-            hideCloseIconButton,
-            t,
-            titleString,
-            titleKey,
-            width
-        } = this.props;
-
-        return (
-            <Modal
-                autoFocus = { true }
-                components = {{
-                    // @ts-ignore
-                    Header: customHeader ? customHeader : props => (
-                        // @ts-ignore
-                        <ModalHeader
-                            { ...props }
-                            heading = { titleString || t(titleKey ?? '') }
-                            hideCloseIconButton = { hideCloseIconButton } />
-                    )
-                }}
-                footer = { this._renderFooter }
-                i18n = { this.props.i18n }
-                onClose = { this._onDialogDismissed }
-                onDialogDismissed = { this._onDialogDismissed }
-                shouldCloseOnEscapePress = { true }
-                width = { width || 'medium' }>
-                <div
-                    onKeyPress = { this._onKeyPress }
-                    ref = { this._onDialogRef }>
-                    <form
-                        className = 'modal-dialog-form'
-                        id = 'modal-dialog-form'
-                        onSubmit = { this._onSubmit }>
-                        { children }
-                    </form>
-                </div>
-            </Modal>
-        );
-    }
-
-    /**
-     * Returns a ReactElement to display buttons for closing the modal.
-     *
-     * @param {Object} propsFromModalFooter - The props passed in from the
-     * {@link ModalFooter} component.
-     * @private
-     * @returns {ReactElement}
-     */
-    _renderFooter(propsFromModalFooter: any) {
-        // Filter out falsy (null) values because {@code ButtonGroup} will error
-        // if passed in anything but buttons with valid type props.
-        const buttons = [
-            this._renderCancelButton(),
-            this._renderOKButton()
-        ].filter(Boolean);
-
-        if (this.props.disableFooter) {
-            return null;
-        }
-
-        return (
-            <ModalFooter
-                className = { this.props.classes.footer }
-                showKeyline = { propsFromModalFooter.showKeyline } >
-                {
-
-                    /**
-                     * Atlaskit has this empty span (JustifySim) so...
-                     */
-                }
-                <span />
-                <div className = { this.props.classes.buttonContainer }>
-                    { buttons }
-                </div>
-            </ModalFooter>
-        );
-    }
-
-    /**
-     * Dispatches action to hide the dialog.
-     *
-     * @returns {void}
-     */
-    _onCancel() {
-        if (!this.props.isModal) {
-            const { onCancel } = this.props;
-
-            onCancel?.();
-        }
-    }
-
-    /**
-     * Handles click on the blanket area.
-     *
-     * @returns {void}
-     */
-    _onDialogDismissed() {
-        if (!this.props.disableBlanketClickDismiss) {
-            this._onCancel();
-        }
-    }
-
-    /**
-     * Dispatches the action when submitting the dialog.
-     *
-     * @private
-     * @param {string} value - The submitted value if any.
-     * @returns {void}
-     */
-    _onSubmit(value?: any) {
-        const { onSubmit } = this.props;
-
-        onSubmit?.(value);
-    }
-
-    /**
-     * Renders Cancel button.
-     *
-     * @private
-     * @returns {ReactElement|null} The Cancel button if enabled and dialog is
-     * not modal.
-     */
-    _renderCancelButton() {
-        if (this.props.cancelDisabled
-            || this.props.isModal
-            || this.props.hideCancelButton) {
-            return null;
-        }
-
-        const {
-            t,
-            onDecline
-        } = this.props;
-
-        return (
-            <Button
-                accessibilityLabel = { t(this.props.cancelKey || 'dialog.Cancel') }
-                id = { CANCEL_BUTTON_ID }
-                key = { CANCEL_BUTTON_ID }
-                label = { t(this.props.cancelKey || 'dialog.Cancel') }
-                onClick = { onDecline || this._onCancel }
-                size = 'small'
-                type = { BUTTON_TYPES.TERTIARY } />
-        );
-    }
-
-    /**
-     * Renders OK button.
-     *
-     * @private
-     * @returns {ReactElement|null} The OK button if enabled.
-     */
-    _renderOKButton() {
-        const {
-            submitDisabled,
-            t
-        } = this.props;
-
-        if (submitDisabled) {
-            return null;
-        }
-
-        return (
-            <Button
-                accessibilityLabel = { t(this.props.okKey || 'dialog.Ok') }
-                disabled = { this.props.okDisabled }
-                id = { OK_BUTTON_ID }
-                key = { OK_BUTTON_ID }
-                label = { t(this.props.okKey || 'dialog.Ok') }
-                onClick = { this._onSubmit }
-                size = 'small' />
-        );
-    }
-
-    /**
-     * Callback invoked when setting the ref of the dialog's child passing the Modal ref.
-     * It is done this way because we cannot directly access the ref of the Modal component.
-     *
-     * @param {HTMLElement} element - The DOM element for the dialog.
-     * @private
-     * @returns {void}
-     */
-    _onDialogRef(element?: any) {
-        this.props.onDialogRef?.(element?.parentNode);
-    }
-
-    /**
-     * Handles 'Enter' key in the dialog to submit/hide dialog depending on
-     * the available buttons and their disabled state.
-     *
-     * @param {Object} event - The key event.
-     * @private
-     * @returns {void}
-     */
-    _onKeyPress(event: React.KeyboardEvent) {
-        // If the event coming to the dialog has been subject to preventDefault
-        // we don't handle it here.
-        if (event.defaultPrevented) {
-            return;
-        }
-
-        if (event.key === 'Enter' && !this.props.disableEnter) {
-            event.preventDefault();
-            event.stopPropagation();
-
-            if (this.props.submitDisabled && !this.props.cancelDisabled) {
-                this._onCancel();
-            } else if (!this.props.okDisabled) {
-                this._onSubmit();
-            }
-        }
-    }
-}
-
-export default translate(withStyles(styles)(StatelessDialog));

react/features/base/dialog/components/web/ThemedDialog.js

@@ -1,31 +0,0 @@
-// @flow
-
-import {
-    Dialog,
-    FillScreen,
-    PositionerAbsolute,
-    PositionerRelative,
-    dialogHeight,
-    dialogWidth
-} from '@atlaskit/modal-dialog/dist/es2019/styled/Modal.js';
-import { DN50, N0 } from '@atlaskit/theme/colors';
-import { themed } from '@atlaskit/theme/components';
-import React from 'react';
-
-type Props = {
-    isChromeless: boolean
-}
-
-const ThemedDialog = (props: Props) => {
-    const style = { backgroundColor: props.isChromeless ? 'transparent' : themed({ light: N0,
-        dark: DN50 })({ theme: { mode: 'dark' } }) };
-
-    return (<Dialog
-        { ...props }
-        aria-modal = { true }
-        style = { style }
-        theme = {{ mode: 'dark' }} />);
-};
-
-
-export { ThemedDialog as Dialog, FillScreen, dialogWidth, dialogHeight, PositionerAbsolute, PositionerRelative };

react/features/base/dialog/components/web/index.js

@@ -2,7 +2,4 @@
 
 export { default as AbstractDialogTab } from './AbstractDialogTab';
 export type { Props as AbstractDialogTabProps } from './AbstractDialogTab';
-export { default as Dialog } from './Dialog-old';
-export { default as DialogWithTabs } from './DialogWithTabs';
-export { default as StatelessDialog } from './StatelessDialog';
 export { default as DialogContainer } from '../../../ui/components/web/DialogContainer';

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

@@ -1,73 +0,0 @@
-/* eslint-disable lines-around-comment */
-import LoginDialog from '../../authentication/components/web/LoginDialog';
-import WaitForOwnerDialog from '../../authentication/components/web/WaitForOwnerDialog';
-import ChatPrivacyDialog from '../../chat/components/web/ChatPrivacyDialog';
-import DesktopPicker from '../../desktop-picker/components/DesktopPicker';
-import DisplayNamePrompt from '../../display-name/components/web/DisplayNamePrompt';
-import ParticipantVerificationDialog from '../../e2ee/components/ParticipantVerificationDialog';
-import EmbedMeetingDialog from '../../embed-meeting/components/EmbedMeetingDialog';
-// @ts-ignore
-import FeedbackDialog from '../../feedback/components/FeedbackDialog.web';
-import AddPeopleDialog from '../../invite/components/add-people-dialog/web/AddPeopleDialog';
-import PremiumFeatureDialog from '../../jaas/components/web/PremiumFeatureDialog';
-import KeyboardShortcutsDialog from '../../keyboard-shortcuts/components/web/KeyboardShortcutsDialog';
-// @ts-ignore
-import StartLiveStreamDialog from '../../recording/components/LiveStream/web/StartLiveStreamDialog';
-// @ts-ignore
-import StopLiveStreamDialog from '../../recording/components/LiveStream/web/StopLiveStreamDialog';
-// @ts-ignore
-import StartRecordingDialog from '../../recording/components/Recording/web/StartRecordingDialog';
-// @ts-ignore
-import StopRecordingDialog from '../../recording/components/Recording/web/StopRecordingDialog';
-// @ts-ignore
-import RemoteControlAuthorizationDialog from '../../remote-control/components/RemoteControlAuthorizationDialog';
-import PasswordRequiredPrompt from '../../room-lock/components/PasswordRequiredPrompt.web';
-import SalesforceLinkDialog from '../../salesforce/components/web/SalesforceLinkDialog';
-import ShareAudioDialog from '../../screen-share/components/web/ShareAudioDialog';
-import ShareScreenWarningDialog from '../../screen-share/components/web/ShareScreenWarningDialog';
-import SecurityDialog from '../../security/components/security-dialog/web/SecurityDialog';
-import LogoutDialog from '../../settings/components/web/LogoutDialog';
-import SharedVideoDialog from '../../shared-video/components/web/SharedVideoDialog';
-import SpeakerStats from '../../speaker-stats/components/web/SpeakerStats';
-import LanguageSelectorDialog from '../../subtitles/components/LanguageSelectorDialog.web';
-import GrantModeratorDialog from '../../video-menu/components/web/GrantModeratorDialog';
-import KickRemoteParticipantDialog from '../../video-menu/components/web/KickRemoteParticipantDialog';
-import MuteEveryoneDialog from '../../video-menu/components/web/MuteEveryoneDialog';
-import MuteEveryonesVideoDialog from '../../video-menu/components/web/MuteEveryonesVideoDialog';
-import MuteRemoteParticipantsVideoDialog from '../../video-menu/components/web/MuteRemoteParticipantsVideoDialog';
-// @ts-ignore
-import VideoQualityDialog from '../../video-quality/components/VideoQualityDialog.web';
-import VirtualBackgroundDialog from '../../virtual-background/components/VirtualBackgroundDialog';
-import MiddlewareRegistry from '../redux/MiddlewareRegistry';
-
-import { OPEN_DIALOG } from './actionTypes';
-
-// ! IMPORTANT - This whole middleware is only needed for the transition from from @atlaskit dialog to our component.
-// ! It should be removed when the transition is over.
-
-const NEW_DIALOG_LIST = [ KeyboardShortcutsDialog, ChatPrivacyDialog, DisplayNamePrompt, EmbedMeetingDialog,
-    FeedbackDialog, AddPeopleDialog, PremiumFeatureDialog, StartLiveStreamDialog, StopLiveStreamDialog,
-    StartRecordingDialog, StopRecordingDialog, ShareAudioDialog, ShareScreenWarningDialog, SecurityDialog,
-    SharedVideoDialog, SpeakerStats, LanguageSelectorDialog, MuteEveryoneDialog, MuteEveryonesVideoDialog,
-    GrantModeratorDialog, KickRemoteParticipantDialog, MuteRemoteParticipantsVideoDialog, VideoQualityDialog,
-    VirtualBackgroundDialog, LoginDialog, WaitForOwnerDialog, DesktopPicker, RemoteControlAuthorizationDialog,
-    LogoutDialog, SalesforceLinkDialog, ParticipantVerificationDialog, PasswordRequiredPrompt ];
-
-// This function is necessary while the transition from @atlaskit dialog to our component is ongoing.
-const isNewDialog = (component: any) => NEW_DIALOG_LIST.some(comp => comp === component);
-
-/**
- * Implements the entry point of the middleware of the feature base/media.
- *
- * @param {IStore} store - The redux store.
- * @returns {Function}
- */
-MiddlewareRegistry.register(() => (next: Function) => (action: any) => {
-    switch (action.type) {
-    case OPEN_DIALOG: {
-        action.isNewDialog = isNewDialog(action.component);
-    }
-    }
-
-    return next(action);
-});

react/features/base/dialog/reducer.ts

@@ -13,7 +13,6 @@ import {
 export interface IDialogState {
     component?: ComponentType;
     componentProps?: Object;
-    isNewDialog?: boolean;
     sheet?: ComponentType;
     sheetProps?: Object;
 }
@@ -44,8 +43,7 @@ ReducerRegistry.register<IDialogState>('features/base/dialog', (state = {}, acti
     case OPEN_DIALOG:
         return assign(state, {
             component: action.component,
-            componentProps: action.componentProps,
-            isNewDialog: action.isNewDialog
+            componentProps: action.componentProps
         });
 
     case HIDE_SHEET:

react/features/base/icons/svg/bell.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M12 1.5C11.5858 1.5 11.25 1.83579 11.25 2.25V3C11.25 3.01239 11.2503 3.0247 11.2509 3.03694C7.46047 3.41282 4.5 6.61068 4.5 10.5V12.0949C4.5 12.9852 4.10453 13.8296 3.42055 14.3995L3.07702 14.6858C2.55299 15.1225 2.25 15.7694 2.25 16.4515C2.25 17.7209 3.27906 18.75 4.54846 18.75H8.25C8.25 20.8211 9.92893 22.5 12 22.5C14.0711 22.5 15.75 20.8211 15.75 18.75H19.3635C20.6815 18.75 21.75 17.6815 21.75 16.3635C21.75 15.7306 21.4986 15.1236 21.051 14.676L20.3787 14.0037C19.8161 13.4411 19.5 12.678 19.5 11.8824V10.5C19.5 6.61068 16.5395 3.41282 12.7491 3.03694C12.7497 3.0247 12.75 3.01239 12.75 3V2.25C12.75 1.83579 12.4142 1.5 12 1.5ZM18 10.5C18 7.18629 15.3137 4.5 12 4.5C8.68629 4.5 6 7.18629 6 10.5V12.7974C6 13.6878 5.60453 14.5321 4.92055 15.1021L4.0373 15.8381C3.85526 15.9898 3.75 16.2146 3.75 16.4515C3.75 16.8925 4.10748 17.25 4.54846 17.25H19.3635C19.8531 17.25 20.25 16.8531 20.25 16.3635C20.25 16.1284 20.1566 15.9029 19.9904 15.7367L18.8787 14.625C18.3161 14.0624 18 13.2993 18 12.5037V10.5ZM14.25 18.75H9.75C9.75 19.9926 10.7574 21 12 21C13.2426 21 14.25 19.9926 14.25 18.75Z" fill="white"/>
+</svg>

react/features/base/icons/svg/favorite-solid.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M12.7158 3.03843C12.4964 2.33696 11.5037 2.33696 11.2842 3.03843L9.54263 8.60636C9.44381 8.92229 9.14957 9.13606 8.81858 9.13242L2.98497 9.0682C2.25003 9.06011 1.94325 10.0043 2.54258 10.4297L7.29982 13.8067C7.56974 13.9983 7.68213 14.3442 7.57638 14.6579L5.71262 20.1861C5.47782 20.8826 6.28099 21.4661 6.87081 21.0276L11.5525 17.5467C11.8182 17.3492 12.1819 17.3492 12.4475 17.5467L17.1293 21.0276C17.7191 21.4661 18.5223 20.8826 18.2875 20.1861L16.4237 14.6579C16.3179 14.3442 16.4303 13.9983 16.7003 13.8067L21.4575 10.4297C22.0568 10.0043 21.75 9.06011 21.0151 9.0682L15.1815 9.13242C14.8505 9.13606 14.5563 8.92228 14.4574 8.60636L12.7158 3.03843Z" />
+</svg>

react/features/base/icons/svg/favorite.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M12 5.77465L10.9742 9.05416C10.6778 10.0019 9.79505 10.6433 8.80206 10.6323L5.36607 10.5945L8.16808 12.5835C8.97785 13.1583 9.31502 14.1961 8.99778 15.1371L7.90002 18.3932L10.6576 16.343C11.4545 15.7505 12.5456 15.7505 13.3425 16.343L16.1001 18.3932L15.0023 15.1371C14.6851 14.1961 15.0222 13.1583 15.832 12.5835L18.634 10.5945L15.198 10.6323C14.205 10.6433 13.3223 10.0019 13.0258 9.05416L12 5.77465ZM12.7158 3.03843C12.4964 2.33696 11.5037 2.33696 11.2842 3.03843L9.54263 8.60636C9.44381 8.92229 9.14957 9.13606 8.81858 9.13242L2.98497 9.0682C2.25003 9.06011 1.94325 10.0043 2.54258 10.4297L7.29982 13.8067C7.56974 13.9983 7.68213 14.3442 7.57638 14.6579L5.71262 20.1861C5.47782 20.8826 6.28099 21.4661 6.87081 21.0276L11.5525 17.5467C11.8182 17.3492 12.1819 17.3492 12.4475 17.5467L17.1293 21.0276C17.7191 21.4661 18.5223 20.8826 18.2875 20.1861L16.4237 14.6579C16.3179 14.3442 16.4303 13.9983 16.7003 13.8067L21.4575 10.4297C22.0568 10.0043 21.75 9.06011 21.0151 9.0682L15.1815 9.13242C14.8505 9.13606 14.5563 8.92228 14.4574 8.60636L12.7158 3.03843Z" fill="white"/>
+</svg>

react/features/base/icons/svg/index.ts

@@ -8,6 +8,7 @@ export { default as IconArrowUpLarge } from './arrow-up-large.svg';
 export { default as IconAudioOnly } from './visibility.svg';
 export { default as IconAudioOnlyOff } from './visibility-off.svg';
 export { default as IconBluetooth } from './bluetooth.svg';
+export { default as IconBell } from './bell.svg';
 export { default as IconCalendar } from './calendar.svg';
 export { default as IconCameraRefresh } from './camera-refresh.svg';
 export { default as IconCar } from './car.svg';
@@ -38,6 +39,8 @@ export { default as IconExclamationSolid } from './exclamation-solid.svg';
 export { default as IconExclamationTriangle } from './exclamation-triangle.svg';
 export { default as IconExitFullscreen } from './exit-fullscreen.svg';
 export { default as IconFaceSmile } from './face-smile.svg';
+export { default as IconFavorite } from './favorite.svg';
+export { default as IconFavoriteSolid } from './favorite-solid.svg';
 export { default as IconFeedback } from './feedback.svg';
 export { default as IconGear } from './gear.svg';
 export { default as IconGoogle } from './google.svg';
@@ -45,6 +48,7 @@ export { default as IconHangup } from './hangup.svg';
 export { default as IconHelp } from './help.svg';
 export { default as IconHighlight } from './highlight.svg';
 export { default as IconImage } from './image.svg';
+export { default as IconInfo } from './info.svg';
 export { default as IconInfoCircle } from './info-circle.svg';
 export { default as IconMessage } from './message.svg';
 export { default as IconMeter } from './meter.svg';
@@ -80,6 +84,7 @@ export { default as IconSend } from './send.svg';
 export { default as IconShare } from './share.svg';
 export { default as IconShareDoc } from './share-doc.svg';
 export { default as IconShortcuts } from './shortcuts.svg';
+export { default as IconSip } from './sip.svg';
 export { default as IconSites } from './sites.svg';
 export { default as IconStop } from './stop.svg';
 export { default as IconStopScreenshare } from './stop-screenshare.svg';
@@ -88,11 +93,13 @@ export { default as IconTileView } from './tile-view.svg';
 export { default as IconTrash } from './trash.svg';
 export { default as IconUserDeleted } from './user-deleted.svg';
 export { default as IconUsers } from './users.svg';
+export { default as IconUser } from './user.svg';
 export { default as IconVideo } from './video.svg';
 export { default as IconVideoOff } from './video-off.svg';
 export { default as IconVolumeOff } from './volume-off.svg';
 export { default as IconVolumeUp } from './volume-up.svg';
 export { default as IconWarning } from './warning.svg';
+export { default as IconWarningCircle } from './warning-circle.svg';
 export { default as IconWhiteboard } from './whiteboard.svg';
 export { default as IconWhiteboardHide } from './whiteboard-hide.svg';
 export { default as IconWifi1Bar } from './wifi-1.svg';

react/features/base/icons/svg/info.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M10.0003 18.3333C5.39795 18.3333 1.66699 14.6024 1.66699 10C1.66699 5.39763 5.39795 1.66667 10.0003 1.66667C14.6027 1.66667 18.3337 5.39763 18.3337 10C18.3337 14.6024 14.6027 18.3333 10.0003 18.3333ZM10.0003 16.6667C13.6822 16.6667 16.667 13.6819 16.667 10C16.667 6.31811 13.6822 3.33334 10.0003 3.33334C6.31843 3.33334 3.33366 6.31811 3.33366 10C3.33366 13.6819 6.31843 16.6667 10.0003 16.6667ZM9.16699 10C9.16699 9.53977 9.54009 9.16667 10.0003 9.16667C10.4606 9.16667 10.8337 9.53977 10.8337 10V13.3333C10.8337 13.7936 10.4606 14.1667 10.0003 14.1667C9.54009 14.1667 9.16699 13.7936 9.16699 13.3333V10ZM10.0003 5.83334C9.54009 5.83334 9.16699 6.20644 9.16699 6.66667C9.16699 7.12691 9.54009 7.50001 10.0003 7.50001C10.4606 7.50001 10.8337 7.12691 10.8337 6.66667C10.8337 6.20644 10.4606 5.83334 10.0003 5.83334Z" />
+</svg>

react/features/base/icons/svg/sip.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="14" viewBox="0 0 20 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.41201 1.90767C3.50689 3.37865 5.24438 7.52348 7.36096 9.64007C7.36096 9.64004 7.36175 9.63923 7.36329 9.63765C9.48 11.7541 13.6215 13.4932 15.0923 12.5882C16.1022 11.9668 16.0078 9.51337 15.2427 8.76783C14.7369 8.2749 13.1882 8.01994 12.5497 8.14762C12.3496 8.18763 11.7907 8.76515 11.4793 9.08696C11.4184 9.14994 11.3669 9.20313 11.3295 9.24058C11.1007 9.46937 9.63912 8.22168 9.20588 7.78845L7.60102 9.39838C8.10053 8.89635 9.2057 7.78701 9.2057 7.78701C8.77247 7.35377 7.53081 5.89935 7.7596 5.67056C7.79705 5.63311 7.85024 5.58164 7.91322 5.5207C8.23503 5.20928 8.81255 4.65041 8.85256 4.45033C8.98024 3.81178 8.72528 2.26311 8.23236 1.75727C7.48681 0.992193 5.03342 0.897765 4.41201 1.90767Z" fill="white"/>
+</svg>

react/features/base/icons/svg/user.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 6.75C16.5 9.23528 14.4853 11.25 12 11.25C9.51472 11.25 7.5 9.23528 7.5 6.75C7.5 4.26472 9.51472 2.25 12 2.25C14.4853 2.25 16.5 4.26472 16.5 6.75ZM15 6.75C15 8.40685 13.6569 9.75 12 9.75C10.3431 9.75 9 8.40685 9 6.75C9 5.09315 10.3431 3.75 12 3.75C13.6569 3.75 15 5.09315 15 6.75Z" />
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M19.5 17.25C19.5 19.7353 16.1421 21.75 12 21.75C7.85786 21.75 4.5 19.7353 4.5 17.25C4.5 14.7647 7.85786 12.75 12 12.75C16.1421 12.75 19.5 14.7647 19.5 17.25ZM18 17.25C18 17.7588 17.6485 18.4756 16.5316 19.1457C15.4445 19.798 13.8459 20.25 12 20.25C10.1541 20.25 8.55549 19.798 7.46844 19.1457C6.35154 18.4756 6 17.7588 6 17.25C6 16.7412 6.35154 16.0244 7.46844 15.3543C8.55549 14.702 10.1541 14.25 12 14.25C13.8459 14.25 15.4445 14.702 16.5316 15.3543C17.6485 16.0244 18 16.7412 18 17.25Z" />
+</svg>

react/features/base/icons/svg/warning-circle.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M1.66699 9.99999C1.66699 14.6024 5.39795 18.3333 10.0003 18.3333C14.6027 18.3333 18.3337 14.6024 18.3337 9.99999C18.3337 5.39762 14.6027 1.66666 10.0003 1.66666C5.39795 1.66666 1.66699 5.39762 1.66699 9.99999ZM16.667 10C16.667 13.6819 13.6822 16.6667 10.0003 16.6667C6.31843 16.6667 3.33366 13.6819 3.33366 10C3.33366 6.3181 6.31843 3.33334 10.0003 3.33334C13.6822 3.33334 16.667 6.3181 16.667 10ZM9.16699 5.83335C9.16699 5.37311 9.54009 5.00002 10.0003 5.00002C10.4606 5.00002 10.8337 5.37311 10.8337 5.83335V10C10.8337 10.4603 10.4606 10.8333 10.0003 10.8333C9.54009 10.8333 9.16699 10.4603 9.16699 10V5.83335ZM10.0003 12.5C9.54009 12.5 9.16699 12.8731 9.16699 13.3333C9.16699 13.7935 9.54009 14.1666 10.0003 14.1666C10.4606 14.1666 10.8337 13.7935 10.8337 13.3333C10.8337 12.8731 10.4606 12.5 10.0003 12.5Z" />
+</svg>

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useCallback } from 'react';
 import { makeStyles } from 'tss-react/mui';
 
 import Icon from '../../../icons/components/Icon';
@@ -92,13 +92,27 @@ const Label = ({
 }: IProps) => {
     const { classes, cx } = useStyles();
 
+    const onKeyPress = useCallback(event => {
+        if (!onClick) {
+            return;
+        }
+
+        if (event.key === 'Enter' || event.key === ' ') {
+            event.preventDefault();
+            onClick();
+        }
+    }, [ onClick ]);
+
     return (
         <div
             className = { cx(classes.label, onClick && classes.clickable,
                 color && classes[color], className
             ) }
             id = { id }
-            onClick = { onClick }>
+            onClick = { onClick }
+            onKeyPress = { onKeyPress }
+            role = { onClick ? 'button' : undefined }
+            tabIndex = { onClick ? 0 : undefined }>
             {icon && <Icon
                 color = { iconColor }
                 size = '16'

react/features/base/lastn/middleware.ts

@@ -88,7 +88,11 @@ const _updateLastN = debounce(({ dispatch, getState }: IStore) => {
         lastNSelected = 1;
     }
 
-    dispatch(setLastN(lastNSelected));
+    const { lastN } = state['features/base/lastn'];
+
+    if (lastN !== lastNSelected) {
+        dispatch(setLastN(lastNSelected));
+    }
 }, 1000); /* Don't send this more often than once a second. */
 
 

react/features/base/lib-jitsi-meet/functions.any.ts

@@ -1,9 +1,12 @@
+/* eslint-disable lines-around-comment */
+
 import { IStateful } from '../app/types';
 import { toState } from '../redux/functions';
 
 // @ts-ignore
 import JitsiMeetJS from './_';
 
+
 const JitsiConferenceErrors = JitsiMeetJS.errors.conference;
 const JitsiConnectionErrors = JitsiMeetJS.errors.connection;
 

react/features/base/media/components/Video.web.ts

@@ -1,5 +1,4 @@
-// @flow
-
+// @ts-ignore
 import Video from './web/Video';
 
 export default Video;

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

@@ -79,6 +79,7 @@ class AudioTrack extends Component<Props> {
         super(props);
 
         // Bind event handlers so they are only bound once for every instance.
+        this._errorHandler = this._errorHandler.bind(this);
         this._setRef = this._setRef.bind(this);
         this._play = this._play.bind(this);
     }
@@ -103,6 +104,8 @@ class AudioTrack extends Component<Props> {
             if (typeof _muted === 'boolean') {
                 this._ref.muted = _muted;
             }
+
+            this._ref.addEventListener('error', this._errorHandler);
         }
     }
 
@@ -115,6 +118,7 @@ class AudioTrack extends Component<Props> {
      */
     componentWillUnmount() {
         this._detachTrack(this.props.audioTrack);
+        this._ref.removeEventListener('error', this._errorHandler);
     }
 
     /**
@@ -202,10 +206,25 @@ class AudioTrack extends Component<Props> {
         }
     }
 
+    _errorHandler: (?Error) => void;
+
+    /**
+     * Reattaches the audio track to the underlying HTMLAudioElement when an 'error' event is fired.
+     *
+     * @param {Error} error - The error event fired on the HTMLAudioElement.
+     * @returns {void}
+     */
+    _errorHandler(error) {
+        logger.error(`Error ${error?.message} called on audio track ${this.props.audioTrack?.jitsiTrack}. `
+            + 'Attempting to reattach the audio track to the element and execute play on it');
+        this._detachTrack(this.props.audioTrack);
+        this._attachTrack(this.props.audioTrack);
+    }
+
     _play: ?number => void;
 
     /**
-     * Plays the uderlying HTMLAudioElement.
+     * Plays the underlying HTMLAudioElement.
      *
      * @param {number} retries - The number of previously failed retries.
      * @returns {void}

react/features/base/media/constants.ts

@@ -15,11 +15,15 @@ export type MediaType = 'audio' | 'video' | 'screenshare';
  *
  * @enum {string}
  */
-export const MEDIA_TYPE: { [key: string]: MediaType; } = {
-    AUDIO: 'audio',
-    SCREENSHARE: 'screenshare',
-    VIDEO: 'video'
-};
+export const MEDIA_TYPE: {
+    AUDIO: MediaType;
+    SCREENSHARE: MediaType;
+    VIDEO: MediaType;
+ } = {
+     AUDIO: 'audio',
+     SCREENSHARE: 'screenshare',
+     VIDEO: 'video'
+ };
 
 
 /* eslint-disable no-bitwise */

react/features/base/participants/functions.ts

@@ -601,7 +601,7 @@ export function getDominantSpeakerParticipant(stateful: IStateful) {
 export function isEveryoneModerator(stateful: IStateful) {
     const state = toState(stateful)['features/base/participants'];
 
-    return state.everyoneIsModerator === true;
+    return state.numberOfNonModeratorParticipants === 0;
 }
 
 /**

react/features/base/participants/middleware.ts

@@ -429,11 +429,12 @@ StateListenerRegistry.register(
                 'e2ee.enabled': (participant: IJitsiParticipant, value: string) =>
                     _e2eeUpdated(store, conference, participant.getId(), value),
                 'features_e2ee': (participant: IJitsiParticipant, value: boolean) =>
-                    store.dispatch(participantUpdated({
-                        conference,
-                        id: participant.getId(),
-                        e2eeSupported: value
-                    })),
+                    getParticipantById(store.getState(), participant.getId())?.e2eeSupported !== value
+                        && store.dispatch(participantUpdated({
+                            conference,
+                            id: participant.getId(),
+                            e2eeSupported: value
+                        })),
                 'features_jigasi': (participant: IJitsiParticipant, value: boolean) =>
                     store.dispatch(participantUpdated({
                         conference,
@@ -506,7 +507,12 @@ StateListenerRegistry.register(
 function _e2eeUpdated({ getState, dispatch }: IStore, conference: IJitsiConference,
         participantId: string, newValue: string | boolean) {
     const e2eeEnabled = newValue === 'true';
-    const { e2ee = {} } = getState()['features/base/config'];
+    const state = getState();
+    const { e2ee = {} } = state['features/base/config'];
+
+    if (e2eeEnabled === getParticipantById(state, participantId)?.e2eeEnabled) {
+        return;
+    }
 
     dispatch(participantUpdated({
         conference,
@@ -641,7 +647,6 @@ function _participantJoinedOrUpdated(store: IStore, next: Function, action: any)
     // Send an external update of the local participant's raised hand state
     // if a new raised hand state is defined in the action.
     if (typeof raisedHandTimestamp !== 'undefined') {
-
         if (local) {
             const { conference } = getState()['features/base/conference'];
             const rHand = parseInt(raisedHandTimestamp, 10);
@@ -691,14 +696,6 @@ function _participantJoinedOrUpdated(store: IStore, next: Function, action: any)
         }
     }
 
-    // Notify external listeners of potential avatarURL changes.
-    if (typeof APP === 'object') {
-        const currentKnownId = local ? APP.conference.getMyUserId() : id;
-
-        // Force update of local video getting a new id.
-        APP.UI.refreshAvatarDisplay(currentKnownId);
-    }
-
     return result;
 }
 

react/features/base/participants/reducer.ts

@@ -63,10 +63,12 @@ const PARTICIPANT_PROPS_TO_OMIT_WHEN_UPDATE = [
 
 const DEFAULT_STATE = {
     dominantSpeaker: undefined,
-    everyoneIsModerator: false,
     fakeParticipants: new Map(),
     local: undefined,
     localScreenShare: undefined,
+    numberOfNonModeratorParticipants: 0,
+    numberOfParticipantsDisabledE2EE: 0,
+    numberOfParticipantsNotSupportingE2EE: 0,
     overwrittenNameList: {},
     pinnedParticipant: undefined,
     raisedHandsQueue: [],
@@ -79,10 +81,12 @@ const DEFAULT_STATE = {
 
 export interface IParticipantsState {
     dominantSpeaker?: string;
-    everyoneIsModerator: boolean;
     fakeParticipants: Map<string, IParticipant>;
     local?: ILocalParticipant;
     localScreenShare?: IParticipant;
+    numberOfNonModeratorParticipants: number;
+    numberOfParticipantsDisabledE2EE: number;
+    numberOfParticipantsNotSupportingE2EE: number;
     overwrittenNameList: { [id: string]: string; };
     pinnedParticipant?: string;
     raisedHandsQueue: Array<{ id: string; raisedHandTimestamp: number; }>;
@@ -200,23 +204,30 @@ ReducerRegistry.register<IParticipantsState>('features/base/participants',
         }
 
         let newParticipant: IParticipant | null = null;
+        const oldParticipant = local || state.local?.id === id ? state.local : state.remote.get(id);
 
         if (state.remote.has(id)) {
-            newParticipant = _participant(state.remote.get(id), action);
+            newParticipant = _participant(oldParticipant, action);
             state.remote.set(id, newParticipant);
         } else if (id === state.local?.id) {
             newParticipant = state.local = _participant(state.local, action);
         }
 
-        if (newParticipant) {
-
-            // everyoneIsModerator calculation:
+        if (oldParticipant && newParticipant && !newParticipant.fakeParticipant) {
             const isModerator = isParticipantModerator(newParticipant);
 
-            if (state.everyoneIsModerator && !isModerator) {
-                state.everyoneIsModerator = false;
-            } else if (!state.everyoneIsModerator && isModerator) {
-                state.everyoneIsModerator = _isEveryoneModerator(state);
+            if (isParticipantModerator(oldParticipant) !== isModerator) {
+                state.numberOfNonModeratorParticipants += isModerator ? -1 : 1;
+            }
+
+            const e2eeEnabled = Boolean(newParticipant.e2eeEnabled);
+            const e2eeSupported = Boolean(newParticipant.e2eeSupported);
+
+            if (Boolean(oldParticipant.e2eeEnabled) !== e2eeEnabled) {
+                state.numberOfParticipantsDisabledE2EE += e2eeEnabled ? -1 : 1;
+            }
+            if (!local && Boolean(oldParticipant.e2eeSupported) !== e2eeSupported) {
+                state.numberOfParticipantsNotSupportingE2EE += e2eeSupported ? -1 : 1;
             }
         }
 
@@ -267,13 +278,22 @@ ReducerRegistry.register<IParticipantsState>('features/base/participants',
             state.dominantSpeaker = id;
         }
 
-        const isModerator = isParticipantModerator(participant);
-        const { local, remote } = state;
+        if (!fakeParticipant) {
+            const isModerator = isParticipantModerator(participant);
 
-        if (state.everyoneIsModerator && !isModerator) {
-            state.everyoneIsModerator = false;
-        } else if (!local && remote.size === 0 && isModerator) {
-            state.everyoneIsModerator = true;
+            if (!isModerator) {
+                state.numberOfNonModeratorParticipants += 1;
+            }
+
+            const { e2eeEnabled, e2eeSupported } = participant as IParticipant;
+
+            if (!e2eeEnabled) {
+                state.numberOfParticipantsDisabledE2EE += 1;
+            }
+
+            if (!participant.local && !e2eeSupported) {
+                state.numberOfParticipantsNotSupportingE2EE += 1;
+            }
         }
 
         if (participant.local) {
@@ -349,6 +369,7 @@ ReducerRegistry.register<IParticipantsState>('features/base/participants',
             pinnedParticipant
         } = state;
         let oldParticipant = remote.get(id);
+        let isLocalScreenShare = false;
 
         if (oldParticipant?.sources?.size) {
             const videoSources: Map<string, ISourceInfo> | undefined = oldParticipant.sources.get(MEDIA_TYPE.VIDEO);
@@ -373,6 +394,7 @@ ReducerRegistry.register<IParticipantsState>('features/base/participants',
             oldParticipant = state.local;
             delete state.local;
         } else if (localScreenShare?.id === id) {
+            isLocalScreenShare = true;
             oldParticipant = state.local;
             delete state.localScreenShare;
         } else {
@@ -383,10 +405,6 @@ ReducerRegistry.register<IParticipantsState>('features/base/participants',
         state.sortedRemoteParticipants.delete(id);
         state.raisedHandsQueue = state.raisedHandsQueue.filter(pid => pid.id !== id);
 
-        if (!state.everyoneIsModerator && !isParticipantModerator(oldParticipant)) {
-            state.everyoneIsModerator = _isEveryoneModerator(state);
-        }
-
         if (dominantSpeaker === id) {
             state.dominantSpeaker = undefined;
         }
@@ -407,6 +425,22 @@ ReducerRegistry.register<IParticipantsState>('features/base/participants',
             state.sortedRemoteVirtualScreenshareParticipants = new Map(sortedRemoteVirtualScreenshareParticipants);
         }
 
+        if (oldParticipant && !oldParticipant.fakeParticipant && !isLocalScreenShare) {
+            const { e2eeEnabled, e2eeSupported } = oldParticipant;
+
+            if (!isParticipantModerator(oldParticipant)) {
+                state.numberOfNonModeratorParticipants -= 1;
+            }
+
+            if (!e2eeEnabled) {
+                state.numberOfParticipantsDisabledE2EE -= 1;
+            }
+
+            if (!oldParticipant.local && !e2eeSupported) {
+                state.numberOfParticipantsNotSupportingE2EE -= 1;
+            }
+        }
+
         return { ...state };
     }
     case PARTICIPANT_SOURCES_UPDATED: {
@@ -465,27 +499,6 @@ function _getDisplayName(state: Object, name?: string): string {
     return name ?? (config?.defaultRemoteDisplayName || 'Fellow Jitster');
 }
 
-/**
- * Loops through the participants in the state in order to check if all participants are moderators.
- *
- * @param {Object} state - The local participant redux state.
- * @returns {boolean}
- */
-function _isEveryoneModerator(state: IParticipantsState) {
-    if (isParticipantModerator(state.local)) {
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        for (const [ k, p ] of state.remote) {
-            if (!isParticipantModerator(p)) {
-                return false;
-            }
-        }
-
-        return true;
-    }
-
-    return false;
-}
-
 /**
  * Reducer function for a single participant.
  *

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

@@ -1,4 +1,5 @@
 import React, { Component, ReactNode } from 'react';
+import ReactFocusLock from 'react-focus-lock';
 
 import { IReduxState } from '../../../app/types';
 import DialogPortal from '../../../toolbox/components/web/DialogPortal';
@@ -34,6 +35,18 @@ interface IProps {
      */
     disablePopover?: boolean;
 
+    /**
+     * The id of the dom element acting as the Popover label (matches aria-labelledby).
+     */
+    headingId?: string;
+
+    /**
+     * String acting as the Popover label (matches aria-label).
+     *
+     * If headingId is set, this will not be used.
+     */
+    headingLabel?: string;
+
     /**
      * An id attribute to apply to the root of the {@code Popover}
      * component.
@@ -186,7 +199,16 @@ class Popover extends Component<IProps, IState> {
      * @returns {ReactElement}
      */
     render() {
-        const { children, className, content, id, overflowDrawer, visible, trigger } = this.props;
+        const { children,
+            className,
+            content,
+            headingId,
+            headingLabel,
+            id,
+            overflowDrawer,
+            visible,
+            trigger
+        } = this.props;
 
         if (overflowDrawer) {
             return (
@@ -197,6 +219,7 @@ class Popover extends Component<IProps, IState> {
                     { children }
                     <JitsiPortal>
                         <Drawer
+                            headingId = { headingId }
                             isOpen = { visible }
                             onClose = { this._onHideDialog }>
                             { content }
@@ -214,7 +237,8 @@ class Popover extends Component<IProps, IState> {
                 onKeyPress = { this._onKeyPress }
                 { ...(trigger === 'hover' ? {
                     onMouseEnter: this._onShowDialog,
-                    onMouseLeave: this._onHideDialog
+                    onMouseLeave: this._onHideDialog,
+                    tabIndex: 0
                 } : {}) }
                 ref = { this._containerRef }>
                 { visible && (
@@ -222,7 +246,16 @@ class Popover extends Component<IProps, IState> {
                         getRef = { this._setContextMenuRef }
                         setSize = { this._setContextMenuStyle }
                         style = { this.state.contextMenuStyle }>
-                        {this._renderContent()}
+                        <ReactFocusLock
+                            lockProps = {{
+                                role: 'dialog',
+                                'aria-modal': true,
+                                'aria-labelledby': headingId,
+                                'aria-label': !headingId && headingLabel ? headingLabel : undefined
+                            }}
+                            returnFocus = { true }>
+                            {this._renderContent()}
+                        </ReactFocusLock>
                     </DialogPortal>
                 )}
                 { children }

react/features/base/premeeting/components/web/InputField.js

@@ -1,210 +0,0 @@
-// @flow
-
-import React, { PureComponent } from 'react';
-
-import { getFieldValue } from '../../../react';
-
-type Props = {
-
-    /**
-     * If the input should be focused on display.
-     */
-    autoFocus?: boolean,
-
-    /**
-     * Class name to be appended to the default class list.
-     */
-    className?: string,
-
-    /**
-     * TestId of the button. Can be used to locate element when testing UI.
-     */
-    testId?: string,
-
-    /**
-     * Callback for the onChange event of the field.
-     */
-    onChange: Function,
-
-    /**
-     * Callback to be used when the user hits Enter in the field.
-     */
-    onSubmit?: Function,
-
-    /**
-     * Placeholder text for the field.
-     */
-    placeHolder: string,
-
-    /**
-     * Whether the input is read only or not.
-     */
-    readOnly?: boolean,
-
-    /**
-     * The field type (e.g. Text, password...etc).
-     */
-    type: string,
-
-    /**
-     * Externally provided value.
-     */
-    value?: string,
-    id?: string,
-    autoComplete?: string
-};
-
-type State = {
-
-    /**
-     * True if the field is focused, false otherwise.
-     */
-    focused: boolean,
-
-    /**
-     * The current value of the field.
-     */
-    value: string
-}
-
-/**
- * Implements a pre-styled input field to be used on pre-meeting screens.
- */
-export default class InputField extends PureComponent<Props, State> {
-    static defaultProps: {
-        className: '',
-        type: 'text'
-    };
-
-    /**
-     * Instantiates a new component.
-     *
-     * @inheritdoc
-     */
-    constructor(props: Props) {
-        super(props);
-
-        this.state = {
-            focused: false,
-            value: props.value || ''
-        };
-
-        this._onBlur = this._onBlur.bind(this);
-        this._onChange = this._onChange.bind(this);
-        this._onFocus = this._onFocus.bind(this);
-        this._onKeyDown = this._onKeyDown.bind(this);
-    }
-
-    /**
-     * Implements {@code PureComponent.getDerivedStateFromProps}.
-     *
-     * @inheritdoc
-     */
-    static getDerivedStateFromProps(props: Props, state: State) {
-        const { value } = props;
-
-        if (state.value !== value) {
-            return {
-                ...state,
-                value
-            };
-        }
-
-        return null;
-    }
-
-    /**
-     * Implements {@code PureComponent#render}.
-     *
-     * @inheritdoc
-     */
-    render() {
-        return (
-            <input
-                autoComplete = { this.props.autoComplete }
-                autoFocus = { this.props.autoFocus }
-                className = { `field ${this.state.focused ? 'focused' : ''} ${this.props.className || ''}` }
-                data-testid = { this.props.testId ? this.props.testId : undefined }
-                id = { this.props.id }
-                onBlur = { this._onBlur }
-                onChange = { this._onChange }
-                onFocus = { this._onFocus }
-                onKeyDown = { this._onKeyDown }
-                onKeyPress = { this._onKeyPress }
-                placeholder = { this.props.placeHolder }
-                readOnly = { this.props.readOnly }
-                type = { this.props.type }
-                value = { this.state.value } />
-        );
-    }
-
-    _onBlur: () => void;
-
-    /**
-     * Callback for the onBlur event of the field.
-     *
-     * @returns {void}
-     */
-    _onBlur() {
-        this.setState({
-            focused: false
-        });
-    }
-
-    _onChange: Object => void;
-
-    /**
-     * Callback for the onChange event of the field.
-     *
-     * @param {Object} evt - The static event.
-     * @returns {void}
-     */
-    _onChange(evt) {
-        const value = getFieldValue(evt);
-
-        this.setState({
-            value
-        });
-
-        const { onChange } = this.props;
-
-        onChange && onChange(value);
-    }
-
-    _onFocus: () => void;
-
-    /**
-     * Callback for the onFocus event of the field.
-     *
-     * @returns {void}
-     */
-    _onFocus() {
-        this.setState({
-            focused: true
-        });
-    }
-
-    _onKeyDown: Object => void;
-
-    /**
-     * Joins the conference on 'Enter'.
-     *
-     * @param {Event} event - Key down event object.
-     * @returns {void}
-     */
-    _onKeyDown(event) {
-        const { onSubmit } = this.props;
-
-        onSubmit && event.key === 'Enter' && onSubmit();
-    }
-
-    /**
-     * Stop event propagation on key press.
-     *
-     * @param {Event} event - Key press event object.
-     * @returns {void}
-     */
-    _onKeyPress(event) {
-        event.stopPropagation();
-    }
-}