Token based features (#3075)

* Adds an option to disable features based on token data.

Reverts changes from b84e910086, removes disableDesktopSharing option and an interface_config option.

* Disable recording button based on token features data.

Hide recording if local participant isGuest and roles based on token.
When enableUserRolesBasedOnToken is enabled we were not hiding the record button for guests.

* Adds filtering of jibri iqs and rayo based on features.

Moves feature checking in separate utility function.
Renames utility method.

* Adds a footer text when outbound-call is not feature enabled.

* Fixes comments.

react/features/invite/components/AddPeopleDialog.web.js

@@ -8,7 +8,8 @@ import { connect } from 'react-redux';
 
 import { createInviteDialogEvent, sendAnalytics } from '../../analytics';
 import { Dialog, hideDialog } from '../../base/dialog';
-import { translate } from '../../base/i18n';
+import { translate, translateToHTML } from '../../base/i18n';
+import { getLocalParticipant } from '../../base/participants';
 import { MultiSelectAutocomplete } from '../../base/react';
 
 import { invite } from '../actions';
@@ -39,6 +40,12 @@ class AddPeopleDialog extends Component<*, *> {
          */
         _dialOutAuthUrl: PropTypes.string,
 
+        /**
+         * Whether to show a footer text after the search results
+         * as a last element.
+         */
+        _footerTextEnabled: PropTypes.bool,
+
         /**
          * The JWT token.
          */
@@ -168,11 +175,15 @@ class AddPeopleDialog extends Component<*, *> {
      * @returns {ReactElement}
      */
     render() {
-        const { addPeopleEnabled, dialOutEnabled, t } = this.props;
+        const { _footerTextEnabled,
+            addPeopleEnabled,
+            dialOutEnabled,
+            t } = this.props;
         let isMultiSelectDisabled = this.state.addToCallInProgress || false;
         let placeholder;
         let loadingMessage;
         let noMatches;
+        let footerText;
 
         if (addPeopleEnabled && dialOutEnabled) {
             loadingMessage = 'addPeople.loading';
@@ -192,6 +203,19 @@ class AddPeopleDialog extends Component<*, *> {
             placeholder = 'addPeople.disabled';
         }
 
+        if (_footerTextEnabled) {
+            footerText = {
+                content: <div className = 'footer-text-wrap'>
+                    <div>
+                        <span className = 'footer-telephone-icon'>
+                            <i className = 'icon-telephone' />
+                        </span>
+                    </div>
+                    { translateToHTML(t, 'addPeople.footerText') }
+                </div>
+            };
+        }
+
         return (
             <Dialog
                 okDisabled = { this._isAddDisabled() }
@@ -202,6 +226,7 @@ class AddPeopleDialog extends Component<*, *> {
                 <div className = 'add-people-form-wrap'>
                     { this._renderErrorMessage() }
                     <MultiSelectAutocomplete
+                        footer = { footerText }
                         isDisabled = { isMultiSelectDisabled }
                         loadingMessage = { t(loadingMessage) }
                         noMatchesFound = { t(noMatches) }
@@ -525,12 +550,23 @@ class AddPeopleDialog extends Component<*, *> {
 function _mapStateToProps(state) {
     const {
         dialOutAuthUrl,
+        enableFeaturesBasedOnToken,
         peopleSearchQueryTypes,
         peopleSearchUrl
     } = state['features/base/config'];
+    let footerTextEnabled = false;
+
+    if (enableFeaturesBasedOnToken) {
+        const { features = {} } = getLocalParticipant(state);
+
+        if (String(features['outbound-call']) !== 'true') {
+            footerTextEnabled = true;
+        }
+    }
 
     return {
         _dialOutAuthUrl: dialOutAuthUrl,
+        _footerTextEnabled: footerTextEnabled,
         _jwt: state['features/base/jwt'].jwt,
         _peopleSearchQueryTypes: peopleSearchQueryTypes,
         _peopleSearchUrl: peopleSearchUrl