communication-react-19
Version:
React library for building modern communication user experiences utilizing Azure Communication Services (React 19 compatible fork)
51 lines • 2.53 kB
JavaScript
// Copyright (c) Microsoft Corporation.
// Licensed under the MIT License.
import { useEffect, useState } from 'react';
/**
* Used by the CallWithChatComposite to track unread messages for showing as a badge on the Chat Button.
* @private
*/
export const useUnreadMessagesTracker = (chatAdapter, isChatPaneVisible, isChatInitiazed) => {
// Store messageIds of unread messages
const [unreadChatMessages, setUnreadChatMessages] = useState(new Set());
useEffect(() => {
// Clear unread messages when chat pane is opened
if (isChatPaneVisible || !isChatInitiazed) {
setUnreadChatMessages(new Set());
return;
}
// Increment unread messages when a new message is received and the chat pane is closed
const incrementUnreadChatMessagesCount = (event) => {
if (!isChatPaneVisible && validNewChatMessage(event.message)) {
setUnreadChatMessages((prevUnreadChatMessages) => {
const newUnreadChatMessages = new Set(prevUnreadChatMessages);
newUnreadChatMessages.add(event.message.id);
return newUnreadChatMessages;
});
}
};
// Decrement unread messages when a message is deleted and the chat pane is closed
const decrementUnreadChatMessagesCount = (event) => {
if (!isChatPaneVisible) {
setUnreadChatMessages((prevUnreadChatMessages) => {
const newUnreadChatMessages = new Set(prevUnreadChatMessages);
newUnreadChatMessages.delete(event.message.id);
return newUnreadChatMessages;
});
}
};
chatAdapter.on('messageReceived', incrementUnreadChatMessagesCount);
chatAdapter.on('messageDeleted', decrementUnreadChatMessagesCount);
return () => {
chatAdapter.off('messageReceived', incrementUnreadChatMessagesCount);
chatAdapter.off('messageDeleted', decrementUnreadChatMessagesCount);
};
}, [chatAdapter, setUnreadChatMessages, isChatPaneVisible, isChatInitiazed]);
return unreadChatMessages.size;
};
/**
* Helper function to determine if the message in the event is a valid one from a user.
* Display name is used since system messages will not have one.
*/
const validNewChatMessage = (message) => !!message.senderDisplayName && (message.type === 'text' || message.type === 'html');
//# sourceMappingURL=useUnreadMessagesTracker.js.map