stream-chat-react 13.6.6 → 13.8.0

package/dist/experimental/index.browser.cjs

@@ -3366,7 +3366,7 @@ function resolveAllAttention(events, context) {
   let index2 = -1;
   let open;
   let group;
-  let text7;
+  let text8;
   let openingSequence;
   let closingSequence;
   let use;
@@ -3404,7 +3404,7 @@ function resolveAllAttention(events, context) {
             },
             end
           };
-          text7 = {
+          text8 = {
             type: use > 1 ? "strongText" : "emphasisText",
             start: {
               ...events[open][1].end
@@ -3432,9 +3432,9 @@ function resolveAllAttention(events, context) {
           if (events[open][1].end.offset - events[open][1].start.offset) {
             nextEvents = push(nextEvents, [["enter", events[open][1], context], ["exit", events[open][1], context]]);
           }
-          nextEvents = push(nextEvents, [["enter", group, context], ["enter", openingSequence, context], ["exit", openingSequence, context], ["enter", text7, context]]);
+          nextEvents = push(nextEvents, [["enter", group, context], ["enter", openingSequence, context], ["exit", openingSequence, context], ["enter", text8, context]]);
           nextEvents = push(nextEvents, resolveAll(context.parser.constructs.insideSpan.null, events.slice(open + 1, index2), context));
-          nextEvents = push(nextEvents, [["exit", text7, context], ["enter", closingSequence, context], ["exit", closingSequence, context], ["exit", group, context]]);
+          nextEvents = push(nextEvents, [["exit", text8, context], ["enter", closingSequence, context], ["exit", closingSequence, context], ["exit", group, context]]);
           if (events[index2][1].end.offset - events[index2][1].start.offset) {
             offset = 2;
             nextEvents = push(nextEvents, [["enter", events[index2][1], context], ["exit", events[index2][1], context]]);
@@ -4876,7 +4876,7 @@ function resolveHeadingAtx(events, context) {
   let contentEnd = events.length - 2;
   let contentStart = 3;
   let content3;
-  let text7;
+  let text8;
   if (events[contentStart][1].type === "whitespace") {
     contentStart += 2;
   }
@@ -4892,13 +4892,13 @@ function resolveHeadingAtx(events, context) {
       start: events[contentStart][1].start,
       end: events[contentEnd][1].end
     };
-    text7 = {
+    text8 = {
       type: "chunkText",
       start: events[contentStart][1].start,
       end: events[contentEnd][1].end,
       contentType: "text"
     };
-    splice(events, contentStart, contentEnd - contentStart + 1, [["enter", content3, context], ["enter", text7, context], ["exit", text7, context], ["exit", content3, context]]);
+    splice(events, contentStart, contentEnd - contentStart + 1, [["enter", content3, context], ["enter", text8, context], ["exit", text8, context], ["exit", content3, context]]);
   }
   return events;
 }
@@ -5788,7 +5788,7 @@ function resolveToLabelEnd(events, context) {
       ...events[close][1].end
     }
   };
-  const text7 = {
+  const text8 = {
     type: "labelText",
     start: {
       ...events[open + offset + 2][1].end
@@ -5799,9 +5799,9 @@ function resolveToLabelEnd(events, context) {
   };
   media = [["enter", group, context], ["enter", label, context]];
   media = push(media, events.slice(open + 1, open + offset + 3));
-  media = push(media, [["enter", text7, context]]);
+  media = push(media, [["enter", text8, context]]);
   media = push(media, resolveAll(context.parser.constructs.insideSpan.null, events.slice(open + offset + 4, close - 3), context));
-  media = push(media, [["exit", text7, context], events[close - 2], events[close - 1], ["exit", label, context]]);
+  media = push(media, [["exit", text8, context], events[close - 2], events[close - 1], ["exit", label, context]]);
   media = push(media, events.slice(close + 1));
   media = push(media, [["exit", group, context]]);
   splice(events, open, events.length, media);
@@ -6181,7 +6181,7 @@ var setextUnderline = {
 function resolveToSetextUnderline(events, context) {
   let index2 = events.length;
   let content3;
-  let text7;
+  let text8;
   let definition3;
   while (index2--) {
     if (events[index2][0] === "enter") {
@@ -6190,7 +6190,7 @@ function resolveToSetextUnderline(events, context) {
         break;
       }
       if (events[index2][1].type === "paragraph") {
-        text7 = index2;
+        text8 = index2;
       }
     } else {
       if (events[index2][1].type === "content") {
@@ -6204,15 +6204,15 @@ function resolveToSetextUnderline(events, context) {
   const heading3 = {
     type: "setextHeading",
     start: {
-      ...events[text7][1].start
+      ...events[text8][1].start
     },
     end: {
       ...events[events.length - 1][1].end
     }
   };
-  events[text7][1].type = "setextHeadingText";
+  events[text8][1].type = "setextHeadingText";
   if (definition3) {
-    events.splice(text7, 0, ["enter", heading3, context]);
+    events.splice(text8, 0, ["enter", heading3, context]);
     events.splice(definition3 + 1, 0, ["exit", events[content3][1], context]);
     events[content3][1].end = {
       ...events[definition3][1].end
@@ -6316,10 +6316,10 @@ function initializeFactory(field) {
   function initializeText(effects) {
     const self2 = this;
     const constructs2 = this.parser.constructs[field];
-    const text7 = effects.attempt(constructs2, start2, notText);
+    const text8 = effects.attempt(constructs2, start2, notText);
     return start2;
     function start2(code4) {
-      return atBreak(code4) ? text7(code4) : notText(code4);
+      return atBreak(code4) ? text8(code4) : notText(code4);
     }
     function notText(code4) {
       if (code4 === null) {
@@ -6333,7 +6333,7 @@ function initializeFactory(field) {
     function data(code4) {
       if (atBreak(code4)) {
         effects.exit("data");
-        return text7(code4);
+        return text8(code4);
       }
       effects.consume(code4);
       return data;
@@ -7352,7 +7352,7 @@ function compiler(options) {
     const siblings = node2.children;
     let tail = siblings[siblings.length - 1];
     if (!tail || tail.type !== "text") {
-      tail = text7();
+      tail = text8();
       tail.position = {
         start: point3(token.start),
         // @ts-expect-error: we’ll add `end` later.
@@ -7597,7 +7597,7 @@ function compiler(options) {
       children: []
     };
   }
-  function text7() {
+  function text8() {
     return {
       type: "text",
       value: ""
@@ -7879,13 +7879,13 @@ function image(state, node2) {
 
 // node_modules/mdast-util-to-hast/lib/handlers/inline-code.js
 function inlineCode(state, node2) {
-  const text7 = { type: "text", value: node2.value.replace(/\r?\n|\r/g, " ") };
-  state.patch(node2, text7);
+  const text8 = { type: "text", value: node2.value.replace(/\r?\n|\r/g, " ") };
+  state.patch(node2, text8);
   const result = {
     type: "element",
     tagName: "code",
     properties: {},
-    children: [text7]
+    children: [text8]
   };
   state.patch(node2, result);
   return state.applyData(node2, result);
@@ -10968,6 +10968,65 @@ var transform = (tree) => {
 };
 var htmlToTextPlugin = () => transform;
 
+// src/components/Message/renderText/remarkPlugins/imageToLink.ts
+var text5 = (value) => ({ type: "text", value });
+function imageToLink({ getTextLabelFrom = "url" } = {}) {
+  return (tree) => {
+    const visitor2 = (node2, index2, parent) => {
+      if (parent == null || index2 == null) return;
+      const label = node2[getTextLabelFrom] ?? node2.url;
+      const link3 = {
+        children: [text5(label)],
+        title: node2.title ?? node2.alt ?? node2.url,
+        type: "link",
+        url: node2.url
+      };
+      parent.children.splice(index2, 1, link3);
+      return [SKIP, index2 + 1];
+    };
+    visit(tree, "image", visitor2);
+  };
+}
+
+// src/components/Message/renderText/remarkPlugins/plusPlusToEmphasis.ts
+var INS_REGEX = /\+\+(\S(?:[\s\S]*?\S)?)\+\+/g;
+var IGNORE_NODE_TYPES = /* @__PURE__ */ new Set([
+  "code",
+  "inlineCode",
+  "link",
+  "linkReference",
+  "definition",
+  "math",
+  "inlineMath"
+]);
+var plusPlusToEmphasis = () => {
+  const visitor2 = (node2, index2, parent) => {
+    if (IGNORE_NODE_TYPES.has(node2.type)) return SKIP;
+    if (node2.type !== "text" || parent == null || typeof index2 !== "number") return;
+    const value = node2.value;
+    INS_REGEX.lastIndex = 0;
+    let match;
+    let last = 0;
+    const out = [];
+    while (match = INS_REGEX.exec(value)) {
+      const [full, inner] = match;
+      const start2 = match.index;
+      if (start2 > last) out.push({ type: "text", value: value.slice(last, start2) });
+      out.push({
+        children: [{ type: "text", value: inner }],
+        data: { hName: "ins" },
+        type: "emphasis"
+      });
+      last = start2 + full.length;
+    }
+    if (out.length === 0) return;
+    if (last < value.length) out.push({ type: "text", value: value.slice(last) });
+    parent.children.splice(index2, 1, ...out);
+    return [SKIP, index2 + out.length];
+  };
+  return (tree) => visit(tree, visitor2);
+};
+
 // node_modules/ccount/index.js
 function ccount(value, character) {
   const source = String(value);
@@ -12156,12 +12215,12 @@ function linkReference2(node2, _, state, info) {
   let subexit = state.enter("label");
   const tracker = state.createTracker(info);
   let value = tracker.move("[");
-  const text7 = state.containerPhrasing(node2, {
+  const text8 = state.containerPhrasing(node2, {
     before: value,
     after: "]",
     ...tracker.current()
   });
-  value += tracker.move(text7 + "][");
+  value += tracker.move(text8 + "][");
   subexit();
   const stack = state.stack;
   state.stack = [];
@@ -12174,7 +12233,7 @@ function linkReference2(node2, _, state, info) {
   subexit();
   state.stack = stack;
   exit3();
-  if (type === "full" || !text7 || text7 !== reference) {
+  if (type === "full" || !text8 || text8 !== reference) {
     value += tracker.move(reference + "]");
   } else if (type === "shortcut") {
     value = value.slice(0, -1);
@@ -12419,7 +12478,7 @@ function strongPeek(_, _1, state) {
 }
 
 // node_modules/mdast-util-to-markdown/lib/handle/text.js
-function text5(node2, _, state, info) {
+function text6(node2, _, state, info) {
   return state.safe(node2.value, info);
 }
 
@@ -12460,7 +12519,7 @@ var handle = {
   paragraph: paragraph2,
   root: root3,
   strong: strong2,
-  text: text5,
+  text: text6,
   thematicBreak: thematicBreak3
 };
 
@@ -12748,27 +12807,27 @@ var emailAutolink = {
   tokenize: tokenizeEmailAutolink,
   previous: previousEmail
 };
-var text6 = {};
+var text7 = {};
 function gfmAutolinkLiteral() {
   return {
-    text: text6
+    text: text7
   };
 }
 var code3 = 48;
 while (code3 < 123) {
-  text6[code3] = emailAutolink;
+  text7[code3] = emailAutolink;
   code3++;
   if (code3 === 58) code3 = 65;
   else if (code3 === 91) code3 = 97;
 }
-text6[43] = emailAutolink;
-text6[45] = emailAutolink;
-text6[46] = emailAutolink;
-text6[95] = emailAutolink;
-text6[72] = [emailAutolink, protocolAutolink];
-text6[104] = [emailAutolink, protocolAutolink];
-text6[87] = [emailAutolink, wwwAutolink];
-text6[119] = [emailAutolink, wwwAutolink];
+text7[43] = emailAutolink;
+text7[45] = emailAutolink;
+text7[46] = emailAutolink;
+text7[95] = emailAutolink;
+text7[72] = [emailAutolink, protocolAutolink];
+text7[104] = [emailAutolink, protocolAutolink];
+text7[87] = [emailAutolink, wwwAutolink];
+text7[119] = [emailAutolink, wwwAutolink];
 function tokenizeEmailAutolink(effects, ok3, nok) {
   const self2 = this;
   let dot;
@@ -13367,17 +13426,17 @@ function gfmStrikethrough(options) {
               start: Object.assign({}, events[open][1].start),
               end: Object.assign({}, events[index2][1].end)
             };
-            const text7 = {
+            const text8 = {
               type: "strikethroughText",
               start: Object.assign({}, events[open][1].end),
               end: Object.assign({}, events[index2][1].start)
             };
-            const nextEvents = [["enter", strikethrough2, context], ["enter", events[open][1], context], ["exit", events[open][1], context], ["enter", text7, context]];
+            const nextEvents = [["enter", strikethrough2, context], ["enter", events[open][1], context], ["exit", events[open][1], context], ["enter", text8, context]];
             const insideSpan2 = context.parser.constructs.insideSpan.null;
             if (insideSpan2) {
               splice(nextEvents, nextEvents.length, 0, resolveAll(insideSpan2, events.slice(open + 1, index2), context));
             }
-            splice(nextEvents, nextEvents.length, 0, [["exit", text7, context], ["enter", events[index2][1], context], ["exit", events[index2][1], context], ["exit", strikethrough2, context]]);
+            splice(nextEvents, nextEvents.length, 0, [["exit", text8, context], ["enter", events[index2][1], context], ["exit", events[index2][1], context], ["exit", strikethrough2, context]]);
             splice(events, open - 1, index2 - open + 3, nextEvents);
             index2 = open + nextEvents.length - 2;
             break;
@@ -14418,9 +14477,11 @@ var InfiniteScrollPaginator = (props) => {
 // src/components/ChannelPreview/utils.tsx
 var remarkPlugins = [
   htmlToTextPlugin,
-  [remarkGfm, { singleTilde: false }]
+  [remarkGfm, { singleTilde: false }],
+  plusPlusToEmphasis,
+  imageToLink
 ];
-var renderPreviewText = (text7) => /* @__PURE__ */ import_react32.default.createElement(Markdown, { remarkPlugins, skipHtml: true }, text7);
+var renderPreviewText = (text8) => /* @__PURE__ */ import_react32.default.createElement(Markdown, { remarkPlugins, skipHtml: true }, text8);
 var getLatestPollVote = (latestVotesByOption) => {
   let latestVote;
   for (const optionVotes of Object.values(latestVotesByOption)) {
@@ -14607,6 +14668,9 @@ var ChannelPreview = (props) => {
   const [lastMessage, setLastMessage] = (0, import_react35.useState)(
     channel.state.messages[channel.state.messages.length - 1]
   );
+  const [latestMessagePreview, setLatestMessagePreview] = (0, import_react35.useState)(
+    () => getLatestMessagePreview2(channel, t, userLanguage, isMessageAIGenerated)
+  );
   const [unread, setUnread] = (0, import_react35.useState)(0);
   const { messageDeliveryStatus } = useMessageDeliveryStatus({
     channel,
@@ -14645,12 +14709,18 @@ var ChannelPreview = (props) => {
   );
   (0, import_react35.useEffect)(() => {
     refreshUnreadCount();
+    setLatestMessagePreview(
+      getLatestMessagePreview2(channel, t, userLanguage, isMessageAIGenerated)
+    );
     const handleEvent = (event) => {
       const deletedMessagesInAnotherChannel = event.type === "user.messages.deleted" && event.cid && event.cid !== channel.cid;
       if (deletedMessagesInAnotherChannel) return;
       setLastMessage(
         channel.state.latestMessages[channel.state.latestMessages.length - 1]
       );
+      setLatestMessagePreview(
+        getLatestMessagePreview2(channel, t, userLanguage, isMessageAIGenerated)
+      );
       refreshUnreadCount();
     };
     channel.on("message.new", handleEvent);
@@ -14667,14 +14737,17 @@ var ChannelPreview = (props) => {
       channel.off("message.undeleted", handleEvent);
       channel.off("channel.truncated", handleEvent);
     };
-  }, [channel, client, refreshUnreadCount, channelUpdateCount]);
-  if (!Preview) return null;
-  const latestMessagePreview = getLatestMessagePreview2(
+  }, [
     channel,
+    client,
+    refreshUnreadCount,
+    channelUpdateCount,
+    getLatestMessagePreview2,
     t,
     userLanguage,
     isMessageAIGenerated
-  );
+  ]);
+  if (!Preview) return null;
   return /* @__PURE__ */ import_react35.default.createElement(
     Preview,
     {
@@ -14718,7 +14791,10 @@ var useMessageComposer = () => {
     if (editing && cachedEditedMessage) {
       const tag = import_stream_chat2.MessageComposer.constructTag(cachedEditedMessage);
       const cachedComposer = queueCache.get(tag);
-      if (cachedComposer) return cachedComposer;
+      if (cachedComposer) {
+        cachedComposer.editedMessage = cachedEditedMessage;
+        return cachedComposer;
+      }
       return new import_stream_chat2.MessageComposer({
         client,
         composition: cachedEditedMessage,