feat(did-page) Handle SIP number on did info page

lang/main.json

@@ -410,6 +410,7 @@
         "noRoom": "No room was specified to dial-in into.",
         "numbers": "Dial-in Numbers",
         "password": "$t(lockRoomPasswordUppercase):",
+        "sip": "SIP address",
         "title": "Share",
         "tooltip": "Share link and dial-in info for this meeting",
         "label": "Dial-in info"

react/features/base/icons/svg/index.js

@@ -130,3 +130,4 @@ export { default as IconWifi1Bar } from './wifi-1.svg';
 export { default as IconWifi2Bars } from './wifi-2.svg';
 export { default as IconWifi3Bars } from './wifi-3.svg';
 export { default as IconYahoo } from './yahoo.svg';
+export { default as IconSip } from './sip.svg';

react/features/base/icons/svg/sip.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="14" viewBox="0 0 20 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.41201 1.90767C3.50689 3.37865 5.24438 7.52348 7.36096 9.64007C7.36096 9.64004 7.36175 9.63923 7.36329 9.63765C9.48 11.7541 13.6215 13.4932 15.0923 12.5882C16.1022 11.9668 16.0078 9.51337 15.2427 8.76783C14.7369 8.2749 13.1882 8.01994 12.5497 8.14762C12.3496 8.18763 11.7907 8.76515 11.4793 9.08696C11.4184 9.14994 11.3669 9.20313 11.3295 9.24058C11.1007 9.46937 9.63912 8.22168 9.20588 7.78845L7.60102 9.39838C8.10053 8.89635 9.2057 7.78701 9.2057 7.78701C8.77247 7.35377 7.53081 5.89935 7.7596 5.67056C7.79705 5.63311 7.85024 5.58164 7.91322 5.5207C8.23503 5.20928 8.81255 4.65041 8.85256 4.45033C8.98024 3.81178 8.72528 2.26311 8.23236 1.75727C7.48681 0.992193 5.03342 0.897765 4.41201 1.90767Z" fill="white"/>
+</svg>

react/features/invite/components/dial-in-summary/web/NumbersList.js

@@ -3,6 +3,7 @@
 import React, { Component } from 'react';
 
 import { translate } from '../../../../base/i18n';
+import { Icon, IconSip } from '../../../../base/icons';
 
 type Props = {
 
@@ -65,8 +66,9 @@ class NumbersList extends Component<Props> {
                 (resultNumbers, number) => {
                     // The i18n-iso-countries package insists on upper case.
                     const countryCode = number.countryCode.toUpperCase();
-                    const countryName
-                        = t(`countries:countries.${countryCode}`);
+                    const countryName = countryCode === 'SIP'
+                        ? t('info.sip')
+                        : t(`countries:countries.${countryCode}`);
 
                     if (resultNumbers[countryName]) {
                         resultNumbers[countryName].push(number);
@@ -143,7 +145,10 @@ class NumbersList extends Component<Props> {
         if (countryCode) {
             return (
                 <td className = 'flag-cell'>
-                    <i className = { `flag iti-flag ${countryCode}` } />
+                    {countryCode === 'SIP'
+                        ? <Icon src = { IconSip } />
+                        : <i className = { `flag iti-flag ${countryCode}` } />
+                    }
                 </td>);
         }