feat(visitors): add hideVisitorCountForVisitors config option (#16541)

config.js

@@ -1607,6 +1607,8 @@ var config = {
     //         audio: true,
     //         video: true
     //     },
+    //     // Hides the visitor count for visitors.
+    //     // hideVisitorCountForVisitors: false,
     // },
     // The default type of desktop sharing sources that will be used in the electron app.
     // desktopSharingSources: ['screen', 'window'],

react/features/base/config/configType.ts

@@ -654,6 +654,7 @@ export interface IConfig {
             audio?: boolean;
             video?: boolean;
         };
+        hideVisitorCountForVisitors?: boolean;
         queueService: string;
     };
     watchRTCConfigParams?: IWatchRTCConfiguration;

react/features/base/config/configWhitelist.ts

@@ -238,6 +238,7 @@ export default [
     'useTurnUdp',
     'videoQuality',
     'visitors.enableMediaOnPromote',
+    'visitors.hideVisitorCountForVisitors',
     'watchRTCConfigParams.allowBrowserLogCollection',
     'watchRTCConfigParams.collectionInterval',
     'watchRTCConfigParams.console',

react/features/visitors/functions.ts

@@ -45,7 +45,15 @@ export function iAmVisitor(stateful: IStateful) {
  * @returns {number} - The number of visitors.
  */
 export function getVisitorsCount(stateful: IStateful) {
-    return toState(stateful)['features/visitors'].count ?? 0;
+    const state = toState(stateful);
+    const { hideVisitorCountForVisitors } = state['features/base/config'].visitors || {};
+    const isVisitor = state['features/visitors'].iAmVisitor;
+
+    if (isVisitor && hideVisitorCountForVisitors) {
+        return 0;
+    }
+
+    return state['features/visitors'].count ?? 0;
 }
 
 /**