snapshot of https://github.com/jitsi/jitsi-meet.git @ fd1749dd28f4138aa80234fc7f311b19aaffa0e7 (2026-09-15)

react/features/chat/components/AbstractMessageContainer.ts

@@ -0,0 +1,65 @@
+import { Component } from 'react';
+import { ReactReduxContext } from 'react-redux';
+
+import { IMessage } from '../types';
+
+export interface IProps {
+
+    /**
+     * The messages array to render.
+     */
+    messages: IMessage[];
+}
+
+/**
+ * Abstract component to display a list of chat messages, grouped by sender.
+ *
+ * @augments PureComponent
+ */
+export default class AbstractMessageContainer<P extends IProps, S> extends Component<P, S> {
+    static override contextType = ReactReduxContext;
+    declare context: React.ContextType<typeof ReactReduxContext>;
+
+    static defaultProps = {
+        messages: [] as IMessage[]
+    };
+
+    /**
+     * Iterates over all the messages and creates nested arrays which hold
+     * consecutive messages sent by the same participant.
+     *
+     * @private
+     * @returns {Array<Array<Object>>}
+     */
+    _getMessagesGroupedBySender() {
+        const messagesCount = this.props.messages.length;
+        const groups: IMessage[][] = [];
+        let currentGrouping: IMessage[] = [];
+        let currentGroupParticipantId;
+
+        const { store } = this.context;
+        const state = store.getState();
+        const { disableReactionsInChat } = state['features/base/config'];
+
+        for (let i = 0; i < messagesCount; i++) {
+            const message = this.props.messages[i];
+
+            if (message.isReaction && disableReactionsInChat) {
+                continue;
+            }
+
+            if (message.participantId === currentGroupParticipantId) {
+                currentGrouping.push(message);
+            } else {
+                currentGrouping.length && groups.push(currentGrouping);
+
+                currentGrouping = [ message ];
+                currentGroupParticipantId = message.participantId;
+            }
+        }
+
+        currentGrouping.length && groups.push(currentGrouping);
+
+        return groups;
+    }
+}