Merge pull request #9204 from jitsi/tavram/sip-fixes

fix(sip) allow sip invites to contain phone numbers

lang/main.json

         "copyInvite": "Copy meeting invitation",
         "copyLink": "Copy meeting link",
         "copyStream": "Copy live streaming link",
+        "contacts": "contacts",
         "countryNotSupported": "We do not support this destination yet.",
         "countryReminder": "Calling outside the US? Please make sure you start with the country code!",
         "defaultEmail": "Your Default Email",
         "inviteMoreMailSubject": "Join {{appName}} meeting",
         "inviteMorePrompt": "Invite more people",
         "linkCopied": "Link copied to clipboard",
-        "loading": "Searching for people and phone numbers",
-        "loadingNumber": "Validating phone number",
-        "loadingPeople": "Searching for people to invite",
         "noResults": "No matching search results",
-        "noValidNumbers": "Please enter a phone number",
         "outlookEmail": "Outlook Email",
-        "searchNumbers": "Add phone numbers",
-        "searchPeople": "Search for people",
-        "searchPeopleAndNumbers": "Search for people or add their phone numbers",
+        "phoneNumbers": "phone numbers",
+        "searching": "Searching...",
         "shareInvite": "Share meeting invitation",
         "shareLink": "Share the meeting link to invite others",
         "shareStream": "Share the live streaming link",
-        "sip": "SIP: {{address}}",
+        "sipAddresses": "sip addresses",
         "telephone": "Telephone: {{number}}",
         "title": "Invite people to this meeting",
         "yahooEmail": "Yahoo Email"
         "inviteLiveStream": "To view the live stream of this meeting, click this link: {{url}}",
         "invitePhone": "To join by phone instead, tap this: {{number}},,{{conferenceID}}#\n",
         "invitePhoneAlternatives": "Looking for a different dial-in number?\nSee meeting dial-in numbers: {{url}}\n\n\nIf also dialing-in through a room phone, join without connecting to audio: {{silentUrl}}",
+        "inviteSipEndpoint": "To join using the SIP address, enter this: {{sipUri}}",
         "inviteURLFirstPartGeneral": "You are invited to join a meeting.",
         "inviteURLFirstPartPersonal": "{{name}} is inviting you to a meeting.\n",
         "inviteURLSecondPart": "\nJoin the meeting:\n{{url}}\n",

react/features/invite/actions.any.js

             getDialInNumbers(dialInNumbersUrl, room, mucURL),
             getDialInConferenceID(dialInConfCodeUrl, room, mucURL)
         ])
-            .then(([ dialInNumbers, { conference, id, message } ]) => {
+            .then(([ dialInNumbers, { conference, id, message, sipUri } ]) => {
                 if (!conference || !id) {
                     return Promise.reject(message);
                 }
                 dispatch({
                     type: UPDATE_DIAL_IN_NUMBERS_SUCCESS,
                     conferenceID: id,
-                    dialInNumbers
+                    dialInNumbers,
+                    sipUri
                 });
             })
             .catch(error => {

react/features/invite/components/add-people-dialog/web/InviteContactsForm.js

 
     _resourceClient: Object;
 
+    _translations: Object;
+
     state = {
         addToCallError: false,
         addToCallInProgress: false,
             makeQuery: this._query,
             parseResults: this._parseQueryResults
         };
+
+
+        const { t } = props;
+
+        this._translations = {
+            _dialOutEnabled: t('addPeople.phoneNumbers'),
+            _addPeopleEnabled: t('addPeople.contacts'),
+            _sipInviteEnabled: t('addPeople.sipAddresses')
+        };
+
     }
 
     /**
             _addPeopleEnabled,
             _dialOutEnabled,
             _isVpaas,
+            _sipInviteEnabled,
             t
         } = this.props;
         const footerText = this._renderFooterText();
         let isMultiSelectDisabled = this.state.addToCallInProgress;
-        let placeholder;
-        let loadingMessage;
-        let noMatches;
-
-        if (_addPeopleEnabled && _dialOutEnabled) {
-            loadingMessage = 'addPeople.loading';
-            noMatches = 'addPeople.noResults';
-            placeholder = 'addPeople.searchPeopleAndNumbers';
-        } else if (_addPeopleEnabled) {
-            loadingMessage = 'addPeople.loadingPeople';
-            noMatches = 'addPeople.noResults';
-            placeholder = 'addPeople.searchPeople';
-        } else if (_dialOutEnabled) {
-            loadingMessage = 'addPeople.loadingNumber';
-            noMatches = 'addPeople.noValidNumbers';
-            placeholder = 'addPeople.searchNumbers';
-        } else {
+        const loadingMessage = 'addPeople.searching';
+        const noMatches = 'addPeople.noResults';
+
+        const features = {
+            _dialOutEnabled,
+            _addPeopleEnabled,
+            _sipInviteEnabled
+        };
+
+        const computedPlaceholder = Object.keys(features)
+            .filter(v => Boolean(features[v]))
+            .map(v => this._translations[v])
+            .join(', ');
+
+        const placeholder = computedPlaceholder ? `${t('dialog.add')} ${computedPlaceholder}` : t('addPeople.disabled');
+
+        if (!computedPlaceholder) {
             isMultiSelectDisabled = true;
-            noMatches = 'addPeople.noResults';
-            placeholder = 'addPeople.disabled';
         }
 
         return (
                     noMatchesFound = { t(noMatches) }
                     onItemSelected = { this._onItemSelected }
                     onSelectionChange = { this._onSelectionChange }
-                    placeholder = { t(placeholder) }
+                    placeholder = { placeholder }
                     ref = { this._setMultiSelectElement }
                     resourceClient = { this._resourceClient }
                     shouldFitContainer = { true }

react/features/invite/constants.js

  * Regex for matching sip addresses.
  */
 // eslint-disable-next-line max-len
-export const SIP_ADDRESS_REGEX = /^[a-zA-Z]+(?:([^\s>:@]+)(?::([^\s@>]+))?@)?([\w\-.]+)(?::(\d+))?((?:;[^\s=?>;]+(?:=[^\s?;]+)?)*)(?:\?(([^\s&=>]+=[^\s&=>]+)(&[^\s&=>]+=[^\s&=>]+)*))?$/;
+export const SIP_ADDRESS_REGEX = /^[+a-zA-Z0-9]+(?:([^\s>:@]+)(?::([^\s@>]+))?@)?([\w\-.]+)(?::(\d+))?((?:;[^\s=?>;]+(?:=[^\s?;]+)?)*)(?:\?(([^\s&=>]+=[^\s&=>]+)(&[^\s&=>]+=[^\s&=>]+)*))?$/;
 
 /**
  * Different invite types mapping

react/features/invite/functions.js

         invite = `${invite}\n${dial}\n${moreNumbers}`;
     }
 
+    if (dialIn.sipUri) {
+        const sipText = t('info.inviteSipEndpoint', {
+            sipUri: dialIn.sipUri
+        });
+
+        invite = `${invite}\n${sipText}`;
+    }
+
     return invite;
 }
 

react/features/invite/reducer.js

                 ...state,
                 conferenceID: action.conferenceID,
                 numbers: action.dialInNumbers,
+                sipUri: action.sipUri,
                 numbersEnabled: true,
                 numbersFetched: true
             };

react/features/lobby/components/AbstractLobbyScreen.js

      */
     _passwordJoinFailed: boolean,
 
+    /**
+     * True if the password field should be available for lobby participants.
+     */
+     _renderPassword: boolean,
+
     /**
      * The Redux dispatch function.
      */
     const localParticipant = getLocalParticipant(state);
     const participantId = localParticipant?.id;
     const { knocking, passwordJoinFailed } = state['features/lobby'];
+    const { iAmSipGateway } = state['features/base/config'];
 
     return {
         _knocking: knocking,
         _participantEmail: localParticipant?.email,
         _participantId: participantId,
         _participantName: localParticipant?.name,
-        _passwordJoinFailed: passwordJoinFailed
+        _passwordJoinFailed: passwordJoinFailed,
+        _renderPassword: !iAmSipGateway
     };
 }

react/features/lobby/components/native/LobbyScreen.js

      * @inheritdoc
      */
     _renderStandardButtons() {
-        const { _knocking, t } = this.props;
+        const { _knocking, _renderPassword, t } = this.props;
 
         return (
             <>
                         { t('lobby.knockButton') }
                     </Text>
                 </TouchableOpacity> }
-                <TouchableOpacity
+                { _renderPassword && <TouchableOpacity
                     onPress = { this._onSwitchToPasswordMode }
                     style = { [
                         styles.button,
                     <Text>
                         { t('lobby.enterPasswordButton') }
                     </Text>
-                </TouchableOpacity>
+                </TouchableOpacity> }
             </>
         );
     }

react/features/lobby/components/web/LobbyScreen.js

      * @inheritdoc
      */
     _renderStandardButtons() {
-        const { _knocking, t } = this.props;
+        const { _knocking, _renderPassword, t } = this.props;
 
         return (
             <>
                     type = 'primary'>
                     { t('lobby.knockButton') }
                 </ActionButton> }
-                <ActionButton
+                {_renderPassword && <ActionButton
                     onClick = { this._onSwitchToPasswordMode }
                     testId = 'lobby.enterPasswordButton'
                     type = 'secondary'>
                     { t('lobby.enterPasswordButton') }
-                </ActionButton>
+                </ActionButton> }
             </>
         );
     }