stream-chat-react 13.1.0 → 13.1.1

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);
@@ -51471,10 +51499,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 +51523,7 @@ var MessageThreadReplyInChannelButtonIndicator = () => {
       },
       origin: {
         context: { threadReply: message },
-        emitter: "MessageThreadReplyInChannelButtonIndicator"
+        emitter: "MessageIsThreadReplyInChannelButtonIndicator"
       }
     });
   });
@@ -51995,7 +52023,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 +52128,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 +57384,7 @@ var useChat = ({
   };
   (0, import_react271.useEffect)(() => {
     if (!client) return;
-    const version = "13.1.0";
+    const version = "13.1.1";
     const userAgent = client.getUserAgent();
     if (!userAgent.includes("stream-chat-react")) {
       client.setUserAgent(`stream-chat-react-${version}-${userAgent}`);
@@ -57726,6 +57754,7 @@ var Window = import_react276.default.memo(UnMemoizedWindow);
   MicIcon,
   Modal,
   ModalGallery,
+  NotificationTranslationTopic,
   PauseIcon,
   PinIcon,
   PinIndicator,