stream-chat-react 13.6.6 → 13.7.0

package/dist/index.browser.cjs

@@ -556,6 +556,7 @@ __export(src_exports, {
   hasNotMoreMessages: () => hasNotMoreMessages,
   hiTranslations: () => hi_default,
   htmlToTextPlugin: () => htmlToTextPlugin,
+  imageToLink: () => imageToLink,
   insertIntro: () => insertIntro,
   isChannel: () => isChannel,
   isChannelArchived: () => isChannelArchived,
@@ -597,6 +598,7 @@ __export(src_exports, {
   moveChannelUp: () => moveChannelUp,
   moveChannelUpwards: () => moveChannelUpwards,
   nlTranslations: () => nl_default,
+  plusPlusToEmphasis: () => plusPlusToEmphasis,
   processMessages: () => processMessages,
   ptTranslations: () => pt_default,
   reactionHandlerWarning: () => reactionHandlerWarning,
@@ -1537,10 +1539,10 @@ function WithComponents({
 
 // src/components/Attachment/AttachmentActions.tsx
 var UnMemoizedAttachmentActions = (props) => {
-  const { actionHandler, actions, id, text: text7 } = props;
+  const { actionHandler, actions, id, text: text8 } = props;
   const { t } = useTranslationContext("UnMemoizedAttachmentActions");
   const handleActionClick = (event, name2, value) => actionHandler?.(name2, value, event);
-  return /* @__PURE__ */ import_react19.default.createElement("div", { className: "str-chat__message-attachment-actions" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "str-chat__message-attachment-actions-form" }, /* @__PURE__ */ import_react19.default.createElement("span", null, text7), actions.map((action) => /* @__PURE__ */ import_react19.default.createElement(
+  return /* @__PURE__ */ import_react19.default.createElement("div", { className: "str-chat__message-attachment-actions" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "str-chat__message-attachment-actions-form" }, /* @__PURE__ */ import_react19.default.createElement("span", null, text8), actions.map((action) => /* @__PURE__ */ import_react19.default.createElement(
     "button",
     {
       className: `str-chat__message-attachment-actions-button str-chat__message-attachment-actions-button--${action.style}`,
@@ -4529,7 +4531,7 @@ var useChannelSearch = ({
     ]
   );
   const getChannels = (0, import_react48.useCallback)(
-    async (text7) => {
+    async (text8) => {
       if (!searchForChannels && !searchForUsers) return;
       let results2 = [];
       const promises = [];
@@ -4539,7 +4541,7 @@ var useChannelSearch = ({
             client.queryChannels(
               {
                 members: { $in: [client.userID] },
-                name: { $autocomplete: text7 },
+                name: { $autocomplete: text8 },
                 ...searchQueryParams?.channelFilters?.filters
               },
               searchQueryParams?.channelFilters?.sort || {},
@@ -4551,7 +4553,7 @@ var useChannelSearch = ({
           promises.push(
             client.queryUsers(
               {
-                $or: [{ id: { $autocomplete: text7 } }, { name: { $autocomplete: text7 } }],
+                $or: [{ id: { $autocomplete: text8 } }, { name: { $autocomplete: text8 } }],
                 ...searchQueryParams?.userFilters?.filters
               },
               { id: 1, ...searchQueryParams?.userFilters?.sort },
@@ -5131,12 +5133,12 @@ var UnMemoizedEmptyStateIndicator = (props) => {
   const { t } = useTranslationContext("EmptyStateIndicator");
   if (listType === "thread") return null;
   if (listType === "channel") {
-    const text7 = t("You have no channels currently");
-    return /* @__PURE__ */ import_react55.default.createElement(import_react55.default.Fragment, null, /* @__PURE__ */ import_react55.default.createElement("div", { className: "str-chat__channel-list-empty" }, /* @__PURE__ */ import_react55.default.createElement(ChatBubble, null), /* @__PURE__ */ import_react55.default.createElement("p", { role: "listitem" }, text7)));
+    const text8 = t("You have no channels currently");
+    return /* @__PURE__ */ import_react55.default.createElement(import_react55.default.Fragment, null, /* @__PURE__ */ import_react55.default.createElement("div", { className: "str-chat__channel-list-empty" }, /* @__PURE__ */ import_react55.default.createElement(ChatBubble, null), /* @__PURE__ */ import_react55.default.createElement("p", { role: "listitem" }, text8)));
   }
   if (listType === "message") {
-    const text7 = t("No chats here yet\u2026");
-    return /* @__PURE__ */ import_react55.default.createElement("div", { className: "str-chat__empty-channel" }, /* @__PURE__ */ import_react55.default.createElement(ChatBubble, null), /* @__PURE__ */ import_react55.default.createElement("p", { className: "str-chat__empty-channel-text", role: "listitem" }, text7));
+    const text8 = t("No chats here yet\u2026");
+    return /* @__PURE__ */ import_react55.default.createElement("div", { className: "str-chat__empty-channel" }, /* @__PURE__ */ import_react55.default.createElement(ChatBubble, null), /* @__PURE__ */ import_react55.default.createElement("p", { className: "str-chat__empty-channel-text", role: "listitem" }, text8));
   }
   return /* @__PURE__ */ import_react55.default.createElement("p", null, "No items exist");
 };
@@ -8346,7 +8348,7 @@ function resolveAllAttention(events, context) {
   let index2 = -1;
   let open;
   let group;
-  let text7;
+  let text8;
   let openingSequence;
   let closingSequence;
   let use;
@@ -8384,7 +8386,7 @@ function resolveAllAttention(events, context) {
             },
             end
           };
-          text7 = {
+          text8 = {
             type: use > 1 ? "strongText" : "emphasisText",
             start: {
               ...events[open][1].end
@@ -8412,9 +8414,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]]);
@@ -9856,7 +9858,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;
   }
@@ -9872,13 +9874,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;
 }
@@ -10768,7 +10770,7 @@ function resolveToLabelEnd(events, context) {
       ...events[close][1].end
     }
   };
-  const text7 = {
+  const text8 = {
     type: "labelText",
     start: {
       ...events[open + offset + 2][1].end
@@ -10779,9 +10781,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);
@@ -11161,7 +11163,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") {
@@ -11170,7 +11172,7 @@ function resolveToSetextUnderline(events, context) {
         break;
       }
       if (events[index2][1].type === "paragraph") {
-        text7 = index2;
+        text8 = index2;
       }
     } else {
       if (events[index2][1].type === "content") {
@@ -11184,15 +11186,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
@@ -11296,10 +11298,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) {
@@ -11313,7 +11315,7 @@ function initializeFactory(field) {
     function data(code4) {
       if (atBreak(code4)) {
         effects.exit("data");
-        return text7(code4);
+        return text8(code4);
       }
       effects.consume(code4);
       return data;
@@ -12332,7 +12334,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.
@@ -12577,7 +12579,7 @@ function compiler(options) {
       children: []
     };
   }
-  function text7() {
+  function text8() {
     return {
       type: "text",
       value: ""
@@ -12859,13 +12861,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);
@@ -15844,9 +15846,9 @@ var getReadByTooltipText = (users, t, client, tooltipUserNameMapper) => {
   }
   return outStr;
 };
-var isOnlyEmojis = (text7) => {
-  if (!text7) return false;
-  const noEmojis = text7.replace((0, import_emoji_regex.default)(), "");
+var isOnlyEmojis = (text8) => {
+  if (!text8) return false;
+  const noEmojis = text8.replace((0, import_emoji_regex.default)(), "");
   const noSpace = noEmojis.replace(/[\s\n]/gm, "");
   return !noSpace;
 };
@@ -16284,25 +16286,25 @@ var DEFAULT_RENDERING_LETTER_COUNT = 2;
 var useMessageTextStreaming = ({
   renderingLetterCount = DEFAULT_RENDERING_LETTER_COUNT,
   streamingLetterIntervalMs = DEFAULT_LETTER_INTERVAL,
-  text: text7
+  text: text8
 }) => {
-  const [streamedMessageText, setStreamedMessageText] = (0, import_react79.useState)(text7);
-  const textCursor = (0, import_react79.useRef)(text7.length);
+  const [streamedMessageText, setStreamedMessageText] = (0, import_react79.useState)(text8);
+  const textCursor = (0, import_react79.useRef)(text8.length);
   (0, import_react79.useEffect)(() => {
-    const textLength = text7.length;
+    const textLength = text8.length;
     const interval = setInterval(() => {
-      if (!text7 || textCursor.current >= textLength) {
+      if (!text8 || textCursor.current >= textLength) {
         clearInterval(interval);
       }
       const newCursorValue = textCursor.current + renderingLetterCount;
-      const newText = text7.substring(0, newCursorValue);
+      const newText = text8.substring(0, newCursorValue);
       textCursor.current += newText.length - textCursor.current;
       setStreamedMessageText(newText);
     }, streamingLetterIntervalMs);
     return () => {
       clearInterval(interval);
     };
-  }, [streamingLetterIntervalMs, renderingLetterCount, text7]);
+  }, [streamingLetterIntervalMs, renderingLetterCount, text8]);
   return { streamedMessageText };
 };
 
@@ -17371,8 +17373,8 @@ var MessageActionsWrapper = (props) => {
 };
 
 // src/components/Message/renderText/regex.ts
-function escapeRegExp(text7) {
-  return text7.replace(/[-[\]{}()*+?.,/\\^$|#]/g, "\\$&");
+function escapeRegExp(text8) {
+  return text8.replace(/[-[\]{}()*+?.,/\\^$|#]/g, "\\$&");
 }
 var detectHttp = /(http(s?):\/\/)?(www\.)?/;
 var messageCodeBlocks = (message) => {
@@ -17650,6 +17652,26 @@ 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 visitor3 = (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", visitor3);
+  };
+}
+
 // src/components/Message/renderText/remarkPlugins/keepLineBreaksPlugin.ts
 var visitor2 = (node2, index2, parent) => {
   if (!(index2 && parent && node2.position)) return;
@@ -17676,6 +17698,45 @@ var transform2 = (tree) => {
 };
 var keepLineBreaksPlugin = () => transform2;
 
+// 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 visitor3 = (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, visitor3);
+};
+
 // src/components/Message/renderText/renderText.tsx
 var import_react103 = __toESM(require("react"));
 var import_linkifyjs = require("linkifyjs");
@@ -18868,12 +18929,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 = [];
@@ -18886,7 +18947,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);
@@ -19131,7 +19192,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);
 }
 
@@ -19172,7 +19233,7 @@ var handle = {
   paragraph: paragraph2,
   root: root3,
   strong: strong2,
-  text: text5,
+  text: text6,
   thematicBreak: thematicBreak3
 };
 
@@ -19460,27 +19521,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;
@@ -20079,17 +20140,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;
@@ -20787,7 +20848,8 @@ var defaultAllowedTagNames = [
   "h3",
   "h4",
   "h5",
-  "h6"
+  "h6",
+  "ins"
 ];
 function formatUrlForDisplay(url) {
   try {
@@ -20810,24 +20872,24 @@ var markDownRenderers = {
   emoji: Emoji,
   mention: Mention
 };
-var renderText = (text7, mentionedUsers, {
+var renderText = (text8, mentionedUsers, {
   allowedTagNames = defaultAllowedTagNames,
   customMarkDownRenderers,
   getRehypePlugins = getPluginsForward,
   getRemarkPlugins = getPluginsForward
 } = {}) => {
-  if (!text7) return null;
-  if (text7.trim().length === 1) return /* @__PURE__ */ import_react103.default.createElement(import_react103.default.Fragment, null, text7);
-  let newText = text7;
+  if (!text8) return null;
+  if (text8.trim().length === 1) return /* @__PURE__ */ import_react103.default.createElement(import_react103.default.Fragment, null, text8);
+  let newText = text8;
   const markdownLinks = matchMarkdownLinks(newText);
   const codeBlocks = messageCodeBlocks(newText);
   const links = [...(0, import_linkifyjs.find)(newText, "email"), ...(0, import_linkifyjs.find)(newText, "url")];
   for (let i = links.length - 1; i >= 0; i--) {
     const { end, href, start: start2, type, value } = links[i];
     const linkIsInBlock = codeBlocks.some((block) => block?.includes(value));
-    const noParsingNeeded = markdownLinks && markdownLinks.filter((text8) => {
+    const noParsingNeeded = markdownLinks && markdownLinks.filter((text9) => {
       const strippedHref = href?.replace(detectHttp, "");
-      const strippedText = text8?.replace(detectHttp, "");
+      const strippedText = text9?.replace(detectHttp, "");
       if (!strippedHref || !strippedText) return false;
       return strippedHref.includes(strippedText) || strippedText.includes(strippedHref);
     });
@@ -20849,13 +20911,15 @@ var renderText = (text7, mentionedUsers, {
   const remarkPlugins2 = [
     htmlToTextPlugin,
     keepLineBreaksPlugin,
-    [remarkGfm, { singleTilde: false }]
+    [remarkGfm, { singleTilde: false }],
+    plusPlusToEmphasis,
+    imageToLink
   ];
   const rehypePlugins = [emojiMarkdownPlugin];
   if (mentionedUsers?.length) {
     rehypePlugins.push(mentionsMarkdownPlugin(mentionedUsers));
   }
-  return /* @__PURE__ */ import_react103.default.createElement(ErrorBoundary, { fallback: /* @__PURE__ */ import_react103.default.createElement(import_react103.default.Fragment, null, text7) }, /* @__PURE__ */ import_react103.default.createElement(
+  return /* @__PURE__ */ import_react103.default.createElement(ErrorBoundary, { fallback: /* @__PURE__ */ import_react103.default.createElement(import_react103.default.Fragment, null, text8) }, /* @__PURE__ */ import_react103.default.createElement(
     Markdown,
     {
       allowedElements: allowedTagNames,
@@ -21625,7 +21689,7 @@ var import_clsx27 = __toESM(require("clsx"));
 // src/components/Form/FieldError.tsx
 var import_clsx26 = __toESM(require("clsx"));
 var import_react119 = __toESM(require("react"));
-var FieldError = ({ className, text: text7, ...props }) => /* @__PURE__ */ import_react119.default.createElement("div", { ...props, className: (0, import_clsx26.default)("str-chat__form-field-error", className) }, text7);
+var FieldError = ({ className, text: text8, ...props }) => /* @__PURE__ */ import_react119.default.createElement("div", { ...props, className: (0, import_clsx26.default)("str-chat__form-field-error", className) }, text8);
 
 // src/components/Dialog/FormDialog.tsx
 var FormDialog = ({
@@ -23226,11 +23290,11 @@ var StreamedMessageText = (props) => {
   } = props;
   const { message: messageFromContext } = useMessageContext("StreamedMessageText");
   const message = messageFromProps || messageFromContext;
-  const { text: text7 = "" } = message;
+  const { text: text8 = "" } = message;
   const { streamedMessageText } = useMessageTextStreaming({
     renderingLetterCount,
     streamingLetterIntervalMs,
-    text: text7
+    text: text8
   });
   return /* @__PURE__ */ import_react155.default.createElement(
     MessageText,
@@ -28015,10 +28079,10 @@ var import_react175 = __toESM(require("react"));
 var UnMemoizedEventComponent = (props) => {
   const { Avatar: Avatar2 = Avatar, calendar: calendar3, calendarFormats, format, message } = props;
   const { t, tDateTimeParser } = useTranslationContext("EventComponent");
-  const { created_at = "", event, text: text7, type } = message;
+  const { created_at = "", event, text: text8, type } = message;
   const getDateOptions = { messageCreatedAt: created_at.toString(), tDateTimeParser };
   if (type === "system")
-    return /* @__PURE__ */ import_react175.default.createElement("div", { className: "str-chat__message--system", "data-testid": "message-system" }, /* @__PURE__ */ import_react175.default.createElement("div", { className: "str-chat__message--system__text" }, /* @__PURE__ */ import_react175.default.createElement("div", { className: "str-chat__message--system__line" }), /* @__PURE__ */ import_react175.default.createElement("p", null, text7), /* @__PURE__ */ import_react175.default.createElement("div", { className: "str-chat__message--system__line" })), /* @__PURE__ */ import_react175.default.createElement("div", { className: "str-chat__message--system__date" }, /* @__PURE__ */ import_react175.default.createElement("strong", null, getDateString({
+    return /* @__PURE__ */ import_react175.default.createElement("div", { className: "str-chat__message--system", "data-testid": "message-system" }, /* @__PURE__ */ import_react175.default.createElement("div", { className: "str-chat__message--system__text" }, /* @__PURE__ */ import_react175.default.createElement("div", { className: "str-chat__message--system__line" }), /* @__PURE__ */ import_react175.default.createElement("p", null, text8), /* @__PURE__ */ import_react175.default.createElement("div", { className: "str-chat__message--system__line" })), /* @__PURE__ */ import_react175.default.createElement("div", { className: "str-chat__message--system__date" }, /* @__PURE__ */ import_react175.default.createElement("strong", null, getDateString({
       ...getDateOptions,
       calendar: calendar3,
       calendarFormats,
@@ -30019,9 +30083,11 @@ var Message = (props) => {
 // src/components/ChannelPreview/utils.tsx
 var remarkPlugins = [
   htmlToTextPlugin,
-  [remarkGfm, { singleTilde: false }]
+  [remarkGfm, { singleTilde: false }],
+  plusPlusToEmphasis,
+  imageToLink
 ];
-var renderPreviewText = (text7) => /* @__PURE__ */ import_react200.default.createElement(Markdown, { remarkPlugins, skipHtml: true }, text7);
+var renderPreviewText = (text8) => /* @__PURE__ */ import_react200.default.createElement(Markdown, { remarkPlugins, skipHtml: true }, text8);
 var getLatestPollVote = (latestVotesByOption) => {
   let latestVote;
   for (const optionVotes of Object.values(latestVotesByOption)) {
@@ -33388,7 +33454,7 @@ var TextareaComposer = ({
   const shouldSubmit = shouldSubmitProp ?? shouldSubmitContext ?? defaultShouldSubmit;
   const messageComposer = useMessageComposer();
   const { textComposer } = messageComposer;
-  const { selection, suggestions, text: text7 } = useStateStore(
+  const { selection, suggestions, text: text8 } = useStateStore(
     textComposer.state,
     textComposerStateSelector2
   );
@@ -33515,15 +33581,15 @@ var TextareaComposer = ({
   (0, import_react256.useLayoutEffect)(() => {
     const textarea = textareaRef.current;
     if (!textarea || isComposing) return;
-    if (textarea.value !== text7) {
-      textarea.value = text7;
+    if (textarea.value !== text8) {
+      textarea.value = text8;
     }
     const length = textarea.value.length;
     const start2 = Math.max(0, Math.min(selection.start, length));
     const end = Math.max(start2, Math.min(selection.end, length));
     if (textarea.selectionStart === start2 && textarea.selectionEnd === end) return;
     textarea.setSelectionRange(start2, end, "forward");
-  }, [text7, selection.start, selection.end, isComposing, textareaRef]);
+  }, [text8, selection.start, selection.end, isComposing, textareaRef]);
   return /* @__PURE__ */ import_react256.default.createElement(
     "div",
     {
@@ -34175,12 +34241,12 @@ var CardHeader = (props) => {
   ) : null;
 };
 var CardContent = (props) => {
-  const { author_name, og_scrape_url, text: text7, title, title_link, type } = props;
+  const { author_name, og_scrape_url, text: text8, title, title_link, type } = props;
   const url = title_link || og_scrape_url;
-  return /* @__PURE__ */ import_react266.default.createElement("div", { className: "str-chat__message-attachment-card--content" }, type === "audio" ? /* @__PURE__ */ import_react266.default.createElement(CardAudio, { og: props }) : /* @__PURE__ */ import_react266.default.createElement("div", { className: "str-chat__message-attachment-card--flex" }, url && /* @__PURE__ */ import_react266.default.createElement(SourceLink, { author_name, url }), title && /* @__PURE__ */ import_react266.default.createElement("div", { className: "str-chat__message-attachment-card--title" }, title), text7 && /* @__PURE__ */ import_react266.default.createElement("div", { className: "str-chat__message-attachment-card--text" }, text7)));
+  return /* @__PURE__ */ import_react266.default.createElement("div", { className: "str-chat__message-attachment-card--content" }, type === "audio" ? /* @__PURE__ */ import_react266.default.createElement(CardAudio, { og: props }) : /* @__PURE__ */ import_react266.default.createElement("div", { className: "str-chat__message-attachment-card--flex" }, url && /* @__PURE__ */ import_react266.default.createElement(SourceLink, { author_name, url }), title && /* @__PURE__ */ import_react266.default.createElement("div", { className: "str-chat__message-attachment-card--title" }, title), text8 && /* @__PURE__ */ import_react266.default.createElement("div", { className: "str-chat__message-attachment-card--text" }, text8)));
 };
 var CardAudio = ({
-  og: { asset_url, author_name, mime_type, og_scrape_url, text: text7, title, title_link }
+  og: { asset_url, author_name, mime_type, og_scrape_url, text: text8, title, title_link }
 }) => {
   const { audioRef, isPlaying, progress, seek, togglePlay } = useAudioController({
     mimeType: mime_type
@@ -34188,7 +34254,7 @@ var CardAudio = ({
   const url = title_link || og_scrape_url;
   const dataTestId = "card-audio-widget";
   const rootClassName2 = "str-chat__message-attachment-card-audio-widget";
-  return /* @__PURE__ */ import_react266.default.createElement("div", { className: rootClassName2, "data-testid": dataTestId }, asset_url && /* @__PURE__ */ import_react266.default.createElement(import_react266.default.Fragment, null, /* @__PURE__ */ import_react266.default.createElement("audio", { ref: audioRef }, /* @__PURE__ */ import_react266.default.createElement("source", { "data-testid": "audio-source", src: asset_url, type: "audio/mp3" })), /* @__PURE__ */ import_react266.default.createElement("div", { className: "str-chat__message-attachment-card-audio-widget--first-row" }, /* @__PURE__ */ import_react266.default.createElement("div", { className: "str-chat__message-attachment-audio-widget--play-controls" }, /* @__PURE__ */ import_react266.default.createElement(PlayButton, { isPlaying, onClick: togglePlay })), /* @__PURE__ */ import_react266.default.createElement(ProgressBar, { onClick: seek, progress }))), /* @__PURE__ */ import_react266.default.createElement("div", { className: "str-chat__message-attachment-audio-widget--second-row" }, url && /* @__PURE__ */ import_react266.default.createElement(SourceLink, { author_name, url }), title && /* @__PURE__ */ import_react266.default.createElement("div", { className: "str-chat__message-attachment-audio-widget--title" }, title), text7 && /* @__PURE__ */ import_react266.default.createElement("div", { className: "str-chat__message-attachment-audio-widget--description" }, text7)));
+  return /* @__PURE__ */ import_react266.default.createElement("div", { className: rootClassName2, "data-testid": dataTestId }, asset_url && /* @__PURE__ */ import_react266.default.createElement(import_react266.default.Fragment, null, /* @__PURE__ */ import_react266.default.createElement("audio", { ref: audioRef }, /* @__PURE__ */ import_react266.default.createElement("source", { "data-testid": "audio-source", src: asset_url, type: "audio/mp3" })), /* @__PURE__ */ import_react266.default.createElement("div", { className: "str-chat__message-attachment-card-audio-widget--first-row" }, /* @__PURE__ */ import_react266.default.createElement("div", { className: "str-chat__message-attachment-audio-widget--play-controls" }, /* @__PURE__ */ import_react266.default.createElement(PlayButton, { isPlaying, onClick: togglePlay })), /* @__PURE__ */ import_react266.default.createElement(ProgressBar, { onClick: seek, progress }))), /* @__PURE__ */ import_react266.default.createElement("div", { className: "str-chat__message-attachment-audio-widget--second-row" }, url && /* @__PURE__ */ import_react266.default.createElement(SourceLink, { author_name, url }), title && /* @__PURE__ */ import_react266.default.createElement("div", { className: "str-chat__message-attachment-audio-widget--title" }, title), text8 && /* @__PURE__ */ import_react266.default.createElement("div", { className: "str-chat__message-attachment-audio-widget--description" }, text8)));
 };
 var UnMemoizedCard = (props) => {
   const { asset_url, giphy, image_url, thumb_url, title, title_link, type } = props;
@@ -35051,12 +35117,12 @@ var useChannelContainerClasses = ({
 
 // src/components/Channel/utils.ts
 var import_nanoid7 = require("nanoid");
-var makeAddNotifications = (setNotifications, notificationTimeouts) => (text7, type) => {
-  if (typeof text7 !== "string" || type !== "success" && type !== "error") {
+var makeAddNotifications = (setNotifications, notificationTimeouts) => (text8, type) => {
+  if (typeof text8 !== "string" || type !== "success" && type !== "error") {
     return;
   }
   const id = (0, import_nanoid7.nanoid)();
-  setNotifications((prevNotifications) => [...prevNotifications, { id, text: text7, type }]);
+  setNotifications((prevNotifications) => [...prevNotifications, { id, text: text8, type }]);
   const timeout = setTimeout(
     () => setNotifications(
       (prevNotifications) => prevNotifications.filter((notification) => notification.id !== id)
@@ -36171,7 +36237,7 @@ var useChat = ({
   };
   (0, import_react282.useEffect)(() => {
     if (!client) return;
-    const version = "13.6.6";
+    const version = "13.7.0";
     const userAgent = client.getUserAgent();
     if (!userAgent.includes("stream-chat-react")) {
       client.setUserAgent(`stream-chat-react-${version}-${userAgent}`);