stream-chat-react 13.1.0 → 13.1.2

package/dist/index.node.cjs

@@ -20880,6 +20880,7 @@ __export(src_exports, {
   MicIcon: () => MicIcon,
   Modal: () => Modal,
   ModalGallery: () => ModalGallery,
+  NotificationTranslationTopic: () => NotificationTranslationTopic,
   PauseIcon: () => PauseIcon2,
   PinIcon: () => PinIcon,
   PinIndicator: () => PinIndicator,
@@ -48820,18 +48821,33 @@ var TranslationBuilder = class {
   constructor(i18next) {
     this.i18next = i18next;
     this.topics = /* @__PURE__ */ new Map();
+    // need to keep a registration buffer so that translators can be registered once a topic is registered
+    // what does not happen when Streami18n is instantiated but rather once Streami18n.init() is invoked
+    this.translatorRegistrationsBuffer = {};
     this.registerTopic = (name2, Topic) => {
-      const topic = new Topic({ i18next: this.i18next });
-      this.topics.set(name2, topic);
-      this.i18next.use({
-        name: name2,
-        process: (value, key, options) => {
-          const topic2 = this.topics.get(name2);
-          if (!topic2) return value;
-          return topic2.translate(value, key, options);
-        },
-        type: "postProcessor"
-      });
+      let topic = this.topics.get(name2);
+      if (!topic) {
+        topic = new Topic({ i18next: this.i18next });
+        this.topics.set(name2, topic);
+        this.i18next.use({
+          name: name2,
+          process: (value, key, options) => {
+            const topic2 = this.topics.get(name2);
+            if (!topic2) return value;
+            return topic2.translate(value, key, options);
+          },
+          type: "postProcessor"
+        });
+      }
+      const additionalTranslatorsToRegister = this.translatorRegistrationsBuffer[name2];
+      if (additionalTranslatorsToRegister) {
+        Object.entries(additionalTranslatorsToRegister).forEach(
+          ([translatorName, translator]) => {
+            topic.setTranslator(translatorName, translator);
+          }
+        );
+        delete this.translatorRegistrationsBuffer[name2];
+      }
       return topic;
     };
     this.disableTopic = (topicName) => {
@@ -48848,13 +48864,25 @@ var TranslationBuilder = class {
   }
   registerTranslators(topicName, translators) {
     const topic = this.getTopic(topicName);
-    if (!topic) return;
+    if (!topic) {
+      if (!this.translatorRegistrationsBuffer[topicName])
+        this.translatorRegistrationsBuffer[topicName] = {};
+      Object.entries(translators).forEach(([translatorName, translator]) => {
+        this.translatorRegistrationsBuffer[topicName][translatorName] = translator;
+      });
+      return;
+    }
     Object.entries(translators).forEach(([name2, translator]) => {
       topic.setTranslator(name2, translator);
     });
   }
   removeTranslators(topicName, translators) {
     const topic = this.getTopic(topicName);
+    if (this.translatorRegistrationsBuffer[topicName]) {
+      translators.forEach((translatorName) => {
+        delete this.translatorRegistrationsBuffer[topicName][translatorName];
+      });
+    }
     if (!topic) return;
     translators.forEach((name2) => {
       topic.removeTranslator(name2);
@@ -50130,7 +50158,7 @@ var mousewheelListener2 = (event) => {
 var InfiniteScroll = (props) => {
   const {
     children,
-    element: element3 = "div",
+    element: Component2 = "div",
     hasMore,
     hasMoreNewer,
     hasNextPage,
@@ -50152,17 +50180,17 @@ var InfiniteScroll = (props) => {
   const loadPreviousPageFn = loadPreviousPage || loadMore;
   const hasNextPageFlag = hasNextPage || hasMoreNewer;
   const hasPreviousPageFlag = hasPreviousPage || hasMore;
-  const scrollComponent = (0, import_react180.useRef)(void 0);
+  const [scrollComponent, setScrollComponent] = (0, import_react180.useState)(null);
   const previousOffset = (0, import_react180.useRef)(void 0);
   const previousReverseOffset = (0, import_react180.useRef)(void 0);
   const scrollListenerRef = (0, import_react180.useRef)(void 0);
   scrollListenerRef.current = () => {
-    const element4 = scrollComponent.current;
-    if (!element4 || element4.offsetParent === null) {
+    const element3 = scrollComponent;
+    if (!element3 || element3.offsetParent === null) {
       return;
     }
-    const parentElement = element4.parentElement;
-    const offset = element4.scrollHeight - parentElement.scrollTop - parentElement.clientHeight;
+    const parentElement = element3.parentElement;
+    const offset = element3.scrollHeight - parentElement.scrollTop - parentElement.clientHeight;
     const reverseOffset = parentElement.scrollTop;
     if (listenToScroll) {
       listenToScroll(offset, reverseOffset, threshold);
@@ -50191,7 +50219,7 @@ var InfiniteScroll = (props) => {
     );
   }, []);
   (0, import_react180.useEffect)(() => {
-    const scrollElement = scrollComponent.current?.parentNode;
+    const scrollElement = scrollComponent?.parentNode;
     if (!scrollElement) return;
     const scrollListener = () => scrollListenerRef.current?.();
     scrollElement.addEventListener("scroll", scrollListener, useCapture);
@@ -50201,29 +50229,16 @@ var InfiniteScroll = (props) => {
       scrollElement.removeEventListener("scroll", scrollListener, useCapture);
       scrollElement.removeEventListener("resize", scrollListener, useCapture);
     };
-  }, [initialLoad, useCapture]);
+  }, [initialLoad, scrollComponent, useCapture]);
   (0, import_react180.useEffect)(() => {
-    const scrollElement = scrollComponent.current?.parentNode;
-    if (scrollElement) {
-      scrollElement.addEventListener("wheel", mousewheelListener2, { passive: false });
-    }
+    const scrollElement = scrollComponent?.parentNode;
+    if (!scrollElement) return;
+    scrollElement.addEventListener("wheel", mousewheelListener2, { passive: false });
     return () => {
-      if (scrollElement) {
-        scrollElement.removeEventListener("wheel", mousewheelListener2, useCapture);
-      }
+      scrollElement.removeEventListener("wheel", mousewheelListener2, useCapture);
     };
-  }, [useCapture]);
-  const attributes = {
-    ...elementProps,
-    ref: (element4) => {
-      scrollComponent.current = element4;
-    }
-  };
-  const childrenArray = [loader, children];
-  if (head) {
-    childrenArray.unshift(head);
-  }
-  return import_react180.default.createElement(element3, attributes, childrenArray);
+  }, [scrollComponent, useCapture]);
+  return /* @__PURE__ */ import_react180.default.createElement(Component2, { ...elementProps, ref: setScrollComponent }, head, loader, children);
 };
 
 // src/components/TypingIndicator/TypingIndicator.tsx
@@ -51471,10 +51486,10 @@ function VirtualizedMessageList(props) {
   );
 }
 
-// src/components/Message/MessageThreadReplyInChannelButtonIndicator.tsx
+// src/components/Message/MessageIsThreadReplyInChannelButtonIndicator.tsx
 var import_react198 = __toESM(require("react"));
 var import_stream_chat6 = require("stream-chat");
-var MessageThreadReplyInChannelButtonIndicator = () => {
+var MessageIsThreadReplyInChannelButtonIndicator = () => {
   const { client } = useChatContext();
   const { t } = useTranslationContext();
   const { channel } = useChannelStateContext();
@@ -51495,7 +51510,7 @@ var MessageThreadReplyInChannelButtonIndicator = () => {
       },
       origin: {
         context: { threadReply: message },
-        emitter: "MessageThreadReplyInChannelButtonIndicator"
+        emitter: "MessageIsThreadReplyInChannelButtonIndicator"
       }
     });
   });
@@ -51995,7 +52010,7 @@ var MessageSimpleWithContext = (props) => {
     MessageBlocked: MessageBlocked2 = MessageBlocked,
     MessageBouncePrompt: MessageBouncePrompt2 = MessageBouncePrompt,
     MessageDeleted: MessageDeleted2 = MessageDeleted,
-    MessageIsThreadReplyInChannelButtonIndicator = MessageThreadReplyInChannelButtonIndicator,
+    MessageIsThreadReplyInChannelButtonIndicator: MessageIsThreadReplyInChannelButtonIndicator2 = MessageIsThreadReplyInChannelButtonIndicator,
     MessageRepliesCountButton: MessageRepliesCountButton2 = MessageRepliesCountButton,
     MessageStatus: MessageStatus2 = MessageStatus,
     MessageTimestamp: MessageTimestamp2 = MessageTimestamp,
@@ -52100,7 +52115,7 @@ var MessageSimpleWithContext = (props) => {
       onClick: handleOpenThread,
       reply_count: message.reply_count
     }
-  ), showIsReplyInChannel && /* @__PURE__ */ import_react206.default.createElement(MessageIsThreadReplyInChannelButtonIndicator, null), showMetadata && /* @__PURE__ */ import_react206.default.createElement("div", { className: "str-chat__message-metadata" }, /* @__PURE__ */ import_react206.default.createElement(MessageStatus2, null), !isMyMessage() && !!message.user && /* @__PURE__ */ import_react206.default.createElement("span", { className: "str-chat__message-simple-name" }, message.user.name || message.user.id), /* @__PURE__ */ import_react206.default.createElement(MessageTimestamp2, { customClass: "str-chat__message-simple-timestamp" }), isEdited && /* @__PURE__ */ import_react206.default.createElement("span", { className: "str-chat__mesage-simple-edited" }, t("Edited")), isEdited && /* @__PURE__ */ import_react206.default.createElement(MessageEditedTimestamp, { calendar: true, open: isEditedTimestampOpen }))));
+  ), showIsReplyInChannel && /* @__PURE__ */ import_react206.default.createElement(MessageIsThreadReplyInChannelButtonIndicator2, null), showMetadata && /* @__PURE__ */ import_react206.default.createElement("div", { className: "str-chat__message-metadata" }, /* @__PURE__ */ import_react206.default.createElement(MessageStatus2, null), !isMyMessage() && !!message.user && /* @__PURE__ */ import_react206.default.createElement("span", { className: "str-chat__message-simple-name" }, message.user.name || message.user.id), /* @__PURE__ */ import_react206.default.createElement(MessageTimestamp2, { customClass: "str-chat__message-simple-timestamp" }), isEdited && /* @__PURE__ */ import_react206.default.createElement("span", { className: "str-chat__mesage-simple-edited" }, t("Edited")), isEdited && /* @__PURE__ */ import_react206.default.createElement(MessageEditedTimestamp, { calendar: true, open: isEditedTimestampOpen }))));
 };
 var MemoizedMessageSimple = import_react206.default.memo(
   MessageSimpleWithContext,
@@ -57356,7 +57371,7 @@ var useChat = ({
   };
   (0, import_react271.useEffect)(() => {
     if (!client) return;
-    const version = "13.1.0";
+    const version = "13.1.2";
     const userAgent = client.getUserAgent();
     if (!userAgent.includes("stream-chat-react")) {
       client.setUserAgent(`stream-chat-react-${version}-${userAgent}`);
@@ -57726,6 +57741,7 @@ var Window = import_react276.default.memo(UnMemoizedWindow);
   MicIcon,
   Modal,
   ModalGallery,
+  NotificationTranslationTopic,
   PauseIcon,
   PinIcon,
   PinIndicator,