@azure/communication-react 1.3.3-alpha-202210080019.0 → 1.3.3-alpha-202210130020.0

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

@@ -202,7 +202,7 @@ const _toCommunicationIdentifier = (id) => {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
 // GENERATED FILE. DO NOT EDIT MANUALLY.
-var telemetryVersion = '1.3.3-alpha-202210080019.0';
+var telemetryVersion = '1.3.3-alpha-202210130020.0';
 
 // Copyright (c) Microsoft Corporation.
 /**
@@ -5155,6 +5155,7 @@ const _RemoteVideoTile = React__default['default'].memo((props) => {
     ]);
     // Handle creating, destroying and updating the video stream as necessary
     useRemoteVideoStreamLifecycleMaintainer(remoteVideoStreamProps);
+    const showLoadingIndicator = isAvailable && isReceiving === false && props.participantState !== 'Disconnected';
     const renderVideoStreamElement = React.useMemo(() => {
         // Checking if renderElement is well defined or not as calling SDK has a number of video streams limitation which
         // implies that, after their threshold, all streams have no child (blank video)
@@ -5162,8 +5163,8 @@ const _RemoteVideoTile = React__default['default'].memo((props) => {
             // Returning `undefined` results in the placeholder with avatar being shown
             return undefined;
         }
-        return (React__default['default'].createElement(StreamMedia, { videoStreamElement: renderElement, loadingState: isReceiving === false ? 'loading' : 'none' }));
-    }, [renderElement, isReceiving]);
+        return (React__default['default'].createElement(StreamMedia, { videoStreamElement: renderElement, loadingState: showLoadingIndicator ? 'loading' : 'none' }));
+    }, [renderElement, showLoadingIndicator]);
     return (React__default['default'].createElement(VideoTile, { key: userId, userId: userId, renderElement: renderVideoStreamElement, displayName: displayName, onRenderPlaceholder: onRenderAvatar, isMuted: isMuted, isSpeaking: isSpeaking, showMuteIndicator: showMuteIndicator, personaMinSize: props.personaMinSize, showLabel: props.showLabel, 
         /* @conditional-compile-remove(one-to-n-calling) */
         /* @conditional-compile-remove(PSTN-calls) */
@@ -16230,6 +16231,11 @@ const themedDialpadStyle = (isMobile, theme) => ({
             }
         }
     },
+    deleteIcon: {
+        root: {
+            backgroundColor: theme.palette.white
+        }
+    },
     digit: {
         color: theme.palette.themeDarkAlt
     }
@@ -20027,8 +20033,9 @@ const CallWithChatComposite = (props) => {
 };
 const hasJoinedCallFn = (page, callStatus) => {
     /* @conditional-compile-remove(one-to-n-calling) */ /* @conditional-compile-remove(one-to-n-calling) */
-    return ((page === 'call' && (callStatus === 'Connected' || callStatus === 'RemoteHold')) ||
-        (page === 'hold' && callStatus === 'LocalHold'));
+    return ((page === 'call' &&
+        (callStatus === 'Connected' || callStatus === 'RemoteHold' || callStatus === 'Disconnecting')) ||
+        (page === 'hold' && (callStatus === 'LocalHold' || callStatus === 'Disconnecting')));
 };
 const showShowChatTabHeaderButton = (callControls) => {
     if (callControls === undefined || callControls === true) {