@azure/communication-react 1.5.1-alpha-202302030014 → 1.5.1-alpha-202302050015

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

@@ -159,7 +159,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-202302030014';
+var telemetryVersion = '1.5.1-alpha-202302050015';
 
 // Copyright (c) Microsoft Corporation.
 /**
@@ -8705,7 +8705,7 @@ const bracketedParticipantString = (participantString, withBrackets) => {
  */
 const _RemoteVideoTile = React__default['default'].memo((props) => {
     const { isAvailable, isReceiving = true, // default to true to prevent any breaking change
-    isScreenSharingOn, onCreateRemoteStreamView, onDisposeRemoteStreamView, remoteVideoViewOptions, renderElement, userId, onRenderAvatar, showMuteIndicator, remoteParticipant, participantState, menuKind = 'contextual', isPinned, onPinParticipant, onUnpinParticipant, disablePinMenuItem, toggleAnnouncerString } = props;
+    isScreenSharingOn, onCreateRemoteStreamView, onDisposeRemoteStreamView, remoteVideoViewOptions, renderElement, userId, onRenderAvatar, showMuteIndicator, remoteParticipant, participantState, menuKind, isPinned, onPinParticipant, onUnpinParticipant, disablePinMenuItem, toggleAnnouncerString } = props;
     const remoteVideoStreamProps = React.useMemo(() => ({
         isMirrored: remoteVideoViewOptions === null || remoteVideoViewOptions === void 0 ? void 0 : remoteVideoViewOptions.isMirrored,
         isScreenSharingOn,
@@ -10438,6 +10438,17 @@ const VideoGallery = (props) => {
     /* @conditional-compile-remove(pinned-participants) */
     const [pinnedParticipantsState, setPinnedParticipantsState] = React__default['default'].useState([]);
     /* @conditional-compile-remove(pinned-participants) */
+    React.useEffect(() => {
+        var _a;
+        (_a = props.pinnedParticipants) === null || _a === void 0 ? void 0 : _a.forEach((pinParticipant) => {
+            var _a;
+            if (!((_a = props.remoteParticipants) === null || _a === void 0 ? void 0 : _a.find((t) => t.userId === pinParticipant))) {
+                // warning will be logged in the console when invalid participant id is passed in pinned participants
+                console.warn('Invalid pinned participant UserId :' + pinParticipant);
+            }
+        });
+    }, [props.pinnedParticipants, props.remoteParticipants]);
+    /* @conditional-compile-remove(pinned-participants) */
     // Use pinnedParticipants from props but if it is not defined use the maintained state of pinned participants
     const pinnedParticipants = (_a = props.pinnedParticipants) !== null && _a !== void 0 ? _a : pinnedParticipantsState;
     /* @conditional-compile-remove(rooms) */
@@ -19120,7 +19131,7 @@ const NetworkReconnectTile = (props) => {
     useLocalVideoStartTrigger(!!props.localParticipantVideoStream.isAvailable);
     return (React__default['default'].createElement(ExpandedLocalVideoTile, Object.assign({ localParticipantVideoStream: props.localParticipantVideoStream, overlayContent: React__default['default'].createElement(react.Stack, { verticalFill: true, horizontalAlign: "center", verticalAlign: "center", className: react.mergeStyles(containerStyle$1), "aria-atomic": true },
             React__default['default'].createElement(react.Stack, { horizontal: true, className: react.mergeStyles(titleContainerStyle) },
-                React__default['default'].createElement(CallCompositeIcon, { iconName: "NetworkReconnectIcon", className: react.mergeStyles(titleStyle$1) }),
+                React__default['default'].createElement(CallCompositeIcon, { iconName: "NetworkReconnectIcon", className: react.mergeStyles(titleStyle$1(palette, isVideoReady)) }),
                 React__default['default'].createElement(react.Text, { className: react.mergeStyles(titleStyle$1(palette, isVideoReady)), "aria-live": 'assertive' }, strings.networkReconnectTitle)),
             React__default['default'].createElement(react.Text, { className: react.mergeStyles(moreDetailsStyle$1(palette, isVideoReady)), "aria-live": 'assertive' }, strings.networkReconnectMoreDetails)) }, handlers)));
 };