chore(breakout-rooms) Added analytics (#10421)

react/features/analytics/AnalyticsEvents.js

         action: 'screen.sharing.capture.taken'
     };
 }
+
+/**
+ * Creates an event for an action on breakout rooms.
+ *
+ * @param {string} actionSubject - The subject that was acted upon.
+ * @returns {Object} The event in a format suitable for sending via
+ * sendAnalytics.
+ */
+export function createBreakoutRoomsEvent(actionSubject) {
+    return {
+        action: 'clicked',
+        actionSubject: `${actionSubject}.button`,
+        source: 'breakout.rooms'
+    };
+}

react/features/breakout-rooms/actions.js

 import _ from 'lodash';
 import type { Dispatch } from 'redux';
 
+import { createBreakoutRoomsEvent, sendAnalytics } from '../analytics';
 import {
     conferenceLeft,
     conferenceWillLeave,
         const index = Object.keys(rooms).length;
         const subject = name || i18next.t('breakoutRooms.defaultName', { index });
 
+        sendAnalytics(createBreakoutRoomsEvent('create'));
+
         // $FlowExpectedError
         getCurrentConference(getState)?.getBreakoutRooms()
             ?.createBreakoutRoom(subject);
         const room = rooms[roomId];
         const mainRoom = getMainRoom(getState);
 
+        sendAnalytics(createBreakoutRoomsEvent('close'));
+
         if (room && mainRoom) {
             Object.values(room.participants).forEach(p => {
 
  */
 export function removeBreakoutRoom(breakoutRoomJid: string) {
     return (dispatch: Dispatch<any>, getState: Function) => {
+        sendAnalytics(createBreakoutRoomsEvent('remove'));
+
         // $FlowExpectedError
         getCurrentConference(getState)?.getBreakoutRooms()
             ?.removeBreakoutRoom(breakoutRoomJid);
         const breakoutRooms = _.filter(rooms, (room: Object) => !room.isMainRoom);
 
         if (breakoutRooms) {
+            sendAnalytics(createBreakoutRoomsEvent('auto.assign'));
             const participantIds = Array.from(getRemoteParticipants(getState).keys());
             const length = Math.ceil(participantIds.length / breakoutRooms.length);
 

react/features/breakout-rooms/components/native/BreakoutRoomContextMenu.js

 import { Text } from 'react-native-paper';
 import { useDispatch, useSelector } from 'react-redux';
 
+import { createBreakoutRoomsEvent, sendAnalytics } from '../../../analytics';
 import { hideDialog } from '../../../base/dialog/actions';
 import BottomSheet from '../../../base/dialog/components/native/BottomSheet';
 import {
     const { t } = useTranslation();
 
     const onJoinRoom = useCallback(() => {
+        sendAnalytics(createBreakoutRoomsEvent('join'));
         dispatch(moveToRoom(room.jid));
         closeDialog();
     }, [ dispatch, room ]);

react/features/breakout-rooms/components/native/LeaveBreakoutRoomButton.js

 import { Button } from 'react-native-paper';
 import { useDispatch } from 'react-redux';
 
+import { createBreakoutRoomsEvent, sendAnalytics } from '../../../analytics';
 import { moveToRoom } from '../../actions';
 
 import styles from './styles';
     const { t } = useTranslation();
     const dispatch = useDispatch();
 
-    const onLeave = useCallback(() =>
-        dispatch(moveToRoom())
+    const onLeave = useCallback(() => {
+        sendAnalytics(createBreakoutRoomsEvent('leave'));
+        dispatch(moveToRoom());
+    }
     , [ dispatch ]);
 
     return (

react/features/breakout-rooms/components/web/JoinQuickActionButton.js

 import { useTranslation } from 'react-i18next';
 import { useDispatch } from 'react-redux';
 
+import { createBreakoutRoomsEvent, sendAnalytics } from '../../../analytics';
 import { QuickActionButton } from '../../../base/components';
 import { moveToRoom } from '../../actions';
 
 
     const onJoinRoom = useCallback(e => {
         e.stopPropagation();
+        sendAnalytics(createBreakoutRoomsEvent('join'));
         dispatch(moveToRoom(room.jid));
     }, [ dispatch, room ]);
 

react/features/breakout-rooms/components/web/LeaveButton.js

 import { useTranslation } from 'react-i18next';
 import { useDispatch } from 'react-redux';
 
+import { createBreakoutRoomsEvent, sendAnalytics } from '../../../analytics';
 import ParticipantPaneBaseButton from '../../../participants-pane/components/web/ParticipantPaneBaseButton';
 import { moveToRoom } from '../../actions';
 
     const styles = useStyles();
 
     const onLeave = useCallback(() => {
+        sendAnalytics(createBreakoutRoomsEvent('leave'));
         dispatch(moveToRoom());
     }, [ dispatch ]);
 

react/features/breakout-rooms/components/web/RoomContextMenu.js

 import { useTranslation } from 'react-i18next';
 import { useDispatch, useSelector } from 'react-redux';
 
+import { createBreakoutRoomsEvent, sendAnalytics } from '../../../analytics';
 import { ContextMenu, ContextMenuItemGroup } from '../../../base/components';
 import {
     IconClose,
     const _overflowDrawer = useSelector(showOverflowDrawer);
 
     const onJoinRoom = useCallback(() => {
+        sendAnalytics(createBreakoutRoomsEvent('join'));
         dispatch(moveToRoom(room.id));
     }, [ dispatch, room ]);
 

react/features/participants-pane/components/web/MeetingParticipantContextMenu.js

 import { withStyles } from '@material-ui/styles';
 import React, { Component } from 'react';
 
+import { createBreakoutRoomsEvent, sendAnalytics } from '../../../analytics';
 import { approveParticipant } from '../../../av-moderation/actions';
 import { Avatar } from '../../../base/avatar';
 import { ContextMenu, ContextMenuItemGroup } from '../../../base/components';
         return () => {
             const { _participant, dispatch } = this.props;
 
+            sendAnalytics(createBreakoutRoomsEvent('send.participant.to.room'));
             dispatch(sendParticipantToRoom(_participant.id, room.id));
         };
     }

react/features/video-menu/components/native/SendToBreakoutRoom.js

 // @flow
 
+import { createBreakoutRoomsEvent, sendAnalytics } from '../../../analytics';
 import { translate } from '../../../base/i18n';
 import { IconRingGroup } from '../../../base/icons';
 import { isLocalParticipantModerator } from '../../../base/participants';
     _handleClick() {
         const { dispatch, participantID, room } = this.props;
 
+        sendAnalytics(createBreakoutRoomsEvent('send.participant.to.room'));
         dispatch(sendParticipantToRoom(participantID, room.id));
     }
 }