@azure/communication-react 1.5.1-alpha-202305160013 → 1.5.1-alpha-202305170014

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

@@ -164,7 +164,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-202305160013';
+var telemetryVersion = '1.5.1-alpha-202305170014';
 
 // Copyright (c) Microsoft Corporation.
 /**
@@ -19071,6 +19071,10 @@ class AzureCommunicationChatAdapter {
         });
     }
     messageReceivedListener(event) {
+        const isCurrentChatAdapterThread = event.threadId === this.chatThreadClient.threadId;
+        if (!isCurrentChatAdapterThread) {
+            return;
+        }
         const message = convertEventToChatMessage(event);
         this.emitter.emit('messageReceived', { message });
         const currentUserId = toFlatCommunicationIdentifier(this.chatClient.getState().userId);
@@ -21587,7 +21591,9 @@ const CommonCallControlBar = (props) => {
             !props.mobileView && sideButtonsPresent && (React__default['default'].createElement(react.Stack.Item, null,
                 React__default['default'].createElement("div", { ref: sidepaneControlsRef },
                     React__default['default'].createElement(react.Stack, { horizontal: true, className: !props.mobileView ? react.mergeStyles(desktopButtonContainerStyle) : undefined },
-                        isEnabled$1(options === null || options === void 0 ? void 0 : options.peopleButton) && (React__default['default'].createElement(PeopleButton, { checked: props.peopleButtonChecked, ariaLabel: peopleButtonStrings === null || peopleButtonStrings === void 0 ? void 0 : peopleButtonStrings.label, showLabel: options.displayType !== 'compact', onClick: props.onPeopleButtonClicked, "data-ui-id": "common-call-composite-people-button", disabled: props.disableButtonsForLobbyPage || isDisabled$2(options.peopleButton), strings: peopleButtonStrings, styles: commonButtonStyles })), (_b = customButtons['secondary']) === null || _b === void 0 ? void 0 :
+                        isEnabled$1(options === null || options === void 0 ? void 0 : options.peopleButton) && (React__default['default'].createElement(PeopleButton, { checked: props.peopleButtonChecked, ariaLabel: peopleButtonStrings === null || peopleButtonStrings === void 0 ? void 0 : peopleButtonStrings.label, showLabel: options.displayType !== 'compact', onClick: props.onPeopleButtonClicked, "data-ui-id": "common-call-composite-people-button", disabled: props.disableButtonsForLobbyPage ||
+                                props.disableButtonsForHoldScreen ||
+                                isDisabled$2(options.peopleButton), strings: peopleButtonStrings, styles: commonButtonStyles })), (_b = customButtons['secondary']) === null || _b === void 0 ? void 0 :
                         _b.slice(0, CUSTOM_BUTTON_OPTIONS.MAX_SECONDARY_DESKTOP_CUSTOM_BUTTONS).map((CustomButton, i) => {
                             return (React__default['default'].createElement(CustomButton, { key: `secondary-custom-button-${i}`, styles: commonButtonStyles, showLabel: options.displayType !== 'compact' }));
                         }))))))));
@@ -22028,7 +22034,7 @@ const MoreDrawer = (props) => {
             text: props.strings.peopleButtonLabel,
             iconProps: { iconName: 'MoreDrawerPeople' },
             onItemClick: props.onPeopleButtonClicked,
-            disabled: isDisabled$2(drawerSelectionOptions.peopleButton)
+            disabled: isDisabled$2(drawerSelectionOptions.peopleButton) || props.disableButtonsForHoldScreen
         });
     }
     /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
@@ -23327,14 +23333,22 @@ const CallArrangement = (props) => {
     const containerWidth = _useContainerWidth(containerRef);
     const containerHeight = _useContainerHeight(containerRef);
     const isInLobby = _isInLobbyOrConnecting(useSelector$1(callStatusSelector).callStatus);
+    const { updateSidePaneRenderer } = props;
     /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
     const isInLocalHold = useSelector$1(getPage) === 'hold';
+    /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
+    React.useEffect(() => {
+        if (isInLocalHold) {
+            // close side pane on local hold
+            updateSidePaneRenderer(undefined);
+        }
+    }, [updateSidePaneRenderer, isInLocalHold]);
     const adapter = useAdapter();
     const [drawerMenuItems, setDrawerMenuItems] = React.useState([]);
     const peoplePaneProps = React.useMemo(() => {
         var _a;
         return ({
-            updateSidePaneRenderer: props.updateSidePaneRenderer,
+            updateSidePaneRenderer,
             setDrawerMenuItems,
             inviteLink: props.callControlProps.callInvitationURL,
             /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */
@@ -23343,7 +23357,7 @@ const CallArrangement = (props) => {
             mobileView: props.mobileView
         });
     }, [
-        props.updateSidePaneRenderer,
+        updateSidePaneRenderer,
         props.callControlProps.callInvitationURL,
         (_a = props.callControlProps) === null || _a === void 0 ? void 0 : _a.onFetchParticipantMenuItems,
         /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */
@@ -27082,6 +27096,12 @@ const CallWithChatScreen = (props) => {
             clearInterval(chatFocusTimeout);
         }, 300);
     }, [compositeParentDivId]);
+    const isOnHold = isOnHoldTrampoline(currentPage);
+    React.useEffect(() => {
+        if (isOnHold) {
+            closeChat();
+        }
+    }, [closeChat, isOnHold]);
     const hasJoinedCall = !!(currentPage && hasJoinedCallFn(currentPage, currentCallState !== null && currentCallState !== void 0 ? currentCallState : 'None'));
     const toggleChat = React.useCallback(() => {
         isChatOpen || !hasJoinedCall ? closeChat() : openChat();
@@ -27095,7 +27115,7 @@ const CallWithChatScreen = (props) => {
     const theme = useTheme();
     const commonButtonStyles = React.useMemo(() => (!mobileView ? getDesktopCommonButtonStyles(theme) : undefined), [mobileView, theme]);
     const showChatButton = checkShowChatButton(props.callControls);
-    const chatButtonDisabled = showChatButton && (checkChatButtonIsDisabled(props.callControls) || !hasJoinedCall);
+    const chatButtonDisabled = showChatButton && (checkChatButtonIsDisabled(props.callControls) || !hasJoinedCall || isOnHold);
     const chatTabHeaderProps = React.useMemo(() => mobileView && showChatButton
         ? {
             onClick: toggleChat,
@@ -27223,6 +27243,10 @@ const checkShowChatButton = (callControls) => {
 const checkChatButtonIsDisabled = (callControls) => {
     return typeof callControls === 'object' && isDisabled$2(callControls === null || callControls === void 0 ? void 0 : callControls.chatButton);
 };
+const isOnHoldTrampoline = (page) => {
+    /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
+    return page === 'hold';
+};
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.