feat(virtual-bg) Added config to disable screen sharing as virtual bg

config.js

@@ -921,6 +921,9 @@ var config = {
     // Only the default ones from will be available.
     // disableAddingBackgroundImages: false,
 
+    // Disables using screensharing as virtual background.
+    // disableScreensharingVirtualBackground: false,
+
     // Sets the background transparency level. '0' is fully transparent, '1' is opaque.
     // backgroundAlpha: 1,
 

react/features/base/config/configWhitelist.js

@@ -109,6 +109,7 @@ export default [
     'disableRemoteMute',
     'disableResponsiveTiles',
     'disableRtx',
+    'disableScreensharingVirtualBackground',
     'disableShortcuts',
     'disableShowMoreStats',
     'disableRemoveRaisedHandOnFocus',

react/features/virtual-background/components/VirtualBackgroundDialog.js

@@ -4,6 +4,7 @@ import Spinner from '@atlaskit/spinner';
 import Bourne from '@hapi/bourne';
 import { jitsiLocalStorage } from '@jitsi/js-utils/jitsi-local-storage';
 import React, { useState, useEffect, useCallback } from 'react';
+import { useSelector } from 'react-redux';
 
 import { Dialog, hideDialog, openDialog } from '../../base/dialog';
 import { translate } from '../../base/i18n';
@@ -126,6 +127,7 @@ function VirtualBackground({
     const localImages = jitsiLocalStorage.getItem('virtualBackgrounds');
     const [ storedImages, setStoredImages ] = useState<Array<Image>>((localImages && Bourne.parse(localImages)) || []);
     const [ loading, setLoading ] = useState(false);
+    const { disableScreensharingVirtualBackground } = useSelector(state => state['features/base/config']);
 
     const [ activeDesktopVideo ] = useState(_virtualBackground?.virtualSource?.videoType === VIDEO_TYPE.DESKTOP
         ? _virtualBackground.virtualSource
@@ -197,6 +199,10 @@ function VirtualBackground({
 
 
     const shareDesktop = useCallback(async () => {
+        if (disableScreensharingVirtualBackground) {
+            return;
+        }
+
         let isCancelled = false, url;
 
         try {
@@ -438,6 +444,7 @@ function VirtualBackground({
                                 {t('virtualBackground.blur')}
                             </div>
                         </Tooltip>
+                        {!disableScreensharingVirtualBackground && (
                             <Tooltip
                                 content = { t('virtualBackground.desktopShare') }
                                 position = { 'top' }>
@@ -457,6 +464,7 @@ function VirtualBackground({
                                         src = { IconShareDesktop } />
                                 </div>
                             </Tooltip>
+                        )}
                         {_images.map(image => (
                             <Tooltip
                                 content = { image.tooltip && t(`virtualBackground.${image.tooltip}`) }