@azure/communication-react 1.11.1-alpha-202312220012 → 1.11.1-alpha-202312230012

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

@@ -170,7 +170,7 @@ function getDefaultExportFromCjs (x) {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 // GENERATED FILE. DO NOT EDIT MANUALLY.
-var telemetryVersion = '1.11.1-alpha-202312220012';
+var telemetryVersion = '1.11.1-alpha-202312230012';
 
 
 var telemetryVersion$1 = /*@__PURE__*/getDefaultExportFromCjs(telemetryVersion);
@@ -6025,7 +6025,6 @@ const wrapper = react.mergeStyles({
 const defaultTheme = Object.assign({}, react.mergeThemes(react.getTheme(), lightTheme));
 /** Theme context for library's react components */
 const ThemeContext = React.createContext(defaultTheme);
-const SingleUsageCheckContext = React.createContext(false);
 /**
  * Provider to apply a Fluent theme across this library's react components.
  *
@@ -6036,21 +6035,10 @@ const SingleUsageCheckContext = React.createContext(false);
  */
 const FluentThemeProvider = (props) => {
     const { fluentTheme, rtl, children } = props;
-    /**
-     * Pass only the children if we previously wrapped.
-     * This is to prevent the provider from being applied
-     * multiple times and wiping out configuration like RTL
-     * FluentThemeProvider
-     */
-    const alreadyWrapped = useSingleUsageCheck();
-    if (alreadyWrapped) {
-        return React.createElement(React.Fragment, null, children);
-    }
     let fluentV8Theme = react.mergeThemes(defaultTheme, fluentTheme);
     fluentV8Theme = react.mergeThemes(fluentV8Theme, { rtl });
-    return (React.createElement(SingleUsageCheckContext.Provider, { value: true },
-        React.createElement(ThemeContext.Provider, { value: fluentV8Theme },
-            React.createElement(react.ThemeProvider, { theme: fluentV8Theme, className: wrapper }, children))));
+    return (React.createElement(ThemeContext.Provider, { value: fluentV8Theme },
+        React.createElement(react.ThemeProvider, { theme: fluentV8Theme, className: wrapper }, children)));
 };
 /**
  * React hook to access theme
@@ -6058,12 +6046,6 @@ const FluentThemeProvider = (props) => {
  * @public
  */
 const useTheme = () => React.useContext(ThemeContext);
-/**
- * This is used to prevent the provider from being applied multiple times.
- *
- * @private
- */
-const useSingleUsageCheck = () => React.useContext(SingleUsageCheckContext);
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
@@ -11209,6 +11191,9 @@ const MessageThreadWrapper = (props) => {
     }), [onFetchAttachments]);
     const localeStrings = useLocale$1().strings.messageThread;
     const strings = React.useMemo(() => (Object.assign(Object.assign({}, localeStrings), props.strings)), [localeStrings, props.strings]);
+    // it is required to use useState for messages
+    // as the scrolling logic requires re - render at a specific point in time
+    const [messages, setMessages] = React.useState([]);
     // id for the latest deleted message
     const [latestDeletedMessageId, setLatestDeletedMessageId] = React.useState(undefined);
     // this value is used to check if a message is deleted for the previous value of messages array
@@ -11220,10 +11205,12 @@ const MessageThreadWrapper = (props) => {
             return;
         }
         try {
-            yield onDeleteMessage(messageId);
             // reset deleted message label in case if there was a value already (messages are deleted 1 after another)
             setDeletedMessageAriaLabel(undefined);
             setLatestDeletedMessageId(messageId);
+            // we should set up latestDeletedMessageId before the onDeleteMessage call
+            // as otherwise in very rare cases the messages array can be updated before latestDeletedMessageId
+            yield onDeleteMessage(messageId);
         }
         catch (e) {
             console.log('onDeleteMessage failed: messageId', messageId, 'error', e);
@@ -11237,17 +11224,11 @@ const MessageThreadWrapper = (props) => {
             isAllChatMessagesLoadedRef.current = false;
         }
     }, [onLoadPreviousChatMessages]);
-    React.useEffect(() => {
-        reactFileTypeIcons.initializeFileTypeIcons();
-    }, []);
     const previousTopRef = React.useRef(-1);
     const previousHeightRef = React.useRef(-1);
     const messageIdSeenByMeRef = React.useRef('');
     const chatScrollDivRef = React.useRef(null);
     const isLoadingChatMessagesRef = React.useRef(false);
-    const messages = React.useMemo(() => {
-        return newMessages;
-    }, [newMessages]);
     React.useEffect(() => {
         if (latestDeletedMessageId === undefined) {
             setDeletedMessageAriaLabel(undefined);
@@ -11274,6 +11255,7 @@ const MessageThreadWrapper = (props) => {
     const messagesRef = React.useRef(messages);
     const setMessagesRef = (messagesWithAttachedValue) => {
         messagesRef.current = messagesWithAttachedValue;
+        setMessages(messagesWithAttachedValue);
     };
     const isAtBottomOfScrollRef = React.useRef(isAtBottomOfScroll);
     const setIsAtBottomOfScrollRef = (isAtBottomOfScrollValue) => {