@azure/communication-react 1.5.1-alpha-202302100014 → 1.5.1-alpha-202302110013

package/dist/dist-cjs/communication-react/index.js

@@ -143,7 +143,9 @@ const toFlatCommunicationIdentifier = (identifier) => {
  * @public
  */
 const fromFlatCommunicationIdentifier = (id) => {
-    return communicationCommon.createIdentifierFromRawId(id);
+    // if the id passed is a phone number we need to build the rawId to pass in
+    const rawId = id.indexOf('+') === 0 ? '4:' + id.slice(1) : id;
+    return communicationCommon.createIdentifierFromRawId(rawId);
 };
 /**
  * Returns a CommunicationIdentifier.
@@ -159,7 +161,7 @@ const _toCommunicationIdentifier = (id) => {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
 // GENERATED FILE. DO NOT EDIT MANUALLY.
-var telemetryVersion = '1.5.1-alpha-202302100014';
+var telemetryVersion = '1.5.1-alpha-202302110013';
 
 // Copyright (c) Microsoft Corporation.
 /**
@@ -395,7 +397,7 @@ const _isInCall = (callStatus) => !!callStatus && !['None', 'Disconnected', 'Con
  *
  * @internal
  */
-const _isInLobbyOrConnecting = (callStatus) => !!callStatus && ['Connecting', 'Ringing', 'InLobby'].includes(callStatus);
+const _isInLobbyOrConnecting = (callStatus) => !!callStatus && ['Connecting', 'Ringing', 'InLobby', 'EarlyMedia'].includes(callStatus);
 /**
  * Check if the device manager local video is on when not part of a call
  * i.e. do unparented views exist.
@@ -719,8 +721,11 @@ const createDefaultCommonCallingHandlers = memoizeOne__default['default']((callC
         if (!participant || !participant.videoStreams) {
             return;
         }
-        const remoteVideoStream = Object.values(participant.videoStreams).find((i) => i.mediaStreamType === 'Video');
-        const screenShareStream = Object.values(participant.videoStreams).find((i) => i.mediaStreamType === 'ScreenSharing');
+        // Find the first available stream, if there is none, then get the first stream
+        const remoteVideoStream = Object.values(participant.videoStreams).find((i) => i.mediaStreamType === 'Video' && i.isAvailable) ||
+            Object.values(participant.videoStreams).find((i) => i.mediaStreamType === 'Video');
+        const screenShareStream = Object.values(participant.videoStreams).find((i) => i.mediaStreamType === 'ScreenSharing' && i.isAvailable) ||
+            Object.values(participant.videoStreams).find((i) => i.mediaStreamType === 'ScreenSharing');
         let createViewResult = undefined;
         if (remoteVideoStream && remoteVideoStream.isAvailable && !remoteVideoStream.view) {
             createViewResult = yield callClient.createView(call.id, participant.identifier, remoteVideoStream, options);
@@ -9054,7 +9059,7 @@ react.mergeStyles({ position: 'relative', width: '100%', height: '100%' });
 /**
  * Small floating modal width and height in rem for small screen
  */
-const SMALL_FLOATING_MODAL_SIZE_PX = { width: 64, height: 88 };
+const SMALL_FLOATING_MODAL_SIZE_PX = { width: 58, height: 104 };
 /**
  * Large floating modal width and height in rem for large screen
  * Aspect ratio: 16:9
@@ -9153,7 +9158,7 @@ const horizontalGalleryStyle = (isNarrow) => {
  * Small horizontal gallery tile size in rem
  * @private
  */
-const SMALL_HORIZONTAL_GALLERY_TILE_SIZE_REM = { height: 5.5, width: 5.5 };
+const SMALL_HORIZONTAL_GALLERY_TILE_SIZE_REM = { height: 6.5, width: 6.5 };
 /**
  * Large horizontal gallery tile size in rem
  * @private
@@ -12535,21 +12540,15 @@ const convertRemoteParticipantToVideoGalleryRemoteParticipant = (userId, isMuted
     const rawVideoStreamsArray = Object.values(videoStreams);
     let videoStream = undefined;
     let screenShareStream = undefined;
-    if (rawVideoStreamsArray[0]) {
-        if (rawVideoStreamsArray[0].mediaStreamType === 'Video') {
-            videoStream = convertRemoteVideoStreamToVideoGalleryStream(rawVideoStreamsArray[0]);
-        }
-        else {
-            screenShareStream = convertRemoteVideoStreamToVideoGalleryStream(rawVideoStreamsArray[0]);
-        }
+    const sdkRemoteVideoStream = Object.values(rawVideoStreamsArray).find((i) => i.mediaStreamType === 'Video' && i.isAvailable) ||
+        Object.values(rawVideoStreamsArray).find((i) => i.mediaStreamType === 'Video');
+    const sdkScreenShareStream = Object.values(rawVideoStreamsArray).find((i) => i.mediaStreamType === 'ScreenSharing' && i.isAvailable) ||
+        Object.values(rawVideoStreamsArray).find((i) => i.mediaStreamType === 'ScreenSharing');
+    if (sdkRemoteVideoStream) {
+        videoStream = convertRemoteVideoStreamToVideoGalleryStream(sdkRemoteVideoStream);
     }
-    if (rawVideoStreamsArray[1]) {
-        if (rawVideoStreamsArray[1].mediaStreamType === 'ScreenSharing') {
-            screenShareStream = convertRemoteVideoStreamToVideoGalleryStream(rawVideoStreamsArray[1]);
-        }
-        else {
-            videoStream = convertRemoteVideoStreamToVideoGalleryStream(rawVideoStreamsArray[1]);
-        }
+    if (sdkScreenShareStream) {
+        screenShareStream = convertRemoteVideoStreamToVideoGalleryStream(sdkScreenShareStream);
     }
     return {
         userId,
@@ -22146,7 +22145,8 @@ const callCompositeContainerStyles = {
     root: {
         // Start a new stacking context so that any `position:absolute` elements
         // inside the call composite do not compete with its siblings.
-        position: 'relative'
+        position: 'relative',
+        width: '100%'
     }
 };
 /** @private */