stream-chat-react 13.0.0 → 13.0.2

package/dist/index.node.cjs

@@ -20390,6 +20390,7 @@ __export(src_exports, {
   useActionHandler: () => useActionHandler,
   useActiveThread: () => useActiveThread,
   useAttachmentManagerState: () => useAttachmentManagerState,
+  useAudioController: () => useAudioController,
   useCanCreatePoll: () => useCanCreatePoll,
   useChannelActionContext: () => useChannelActionContext,
   useChannelDeletedListener: () => useChannelDeletedListener,
@@ -20474,7 +20475,7 @@ module.exports = __toCommonJS(src_exports);
 
 // src/components/Attachment/Attachment.tsx
 var import_react254 = __toESM(require("react"));
-var import_stream_chat10 = require("stream-chat");
+var import_stream_chat11 = require("stream-chat");
 
 // src/components/Attachment/AttachmentContainer.tsx
 var import_react253 = __toESM(require("react"));
@@ -43357,12 +43358,13 @@ var PollHeader = () => {
   const { enforce_unique_vote, is_closed, max_votes_allowed, name: name2, options } = useStateStore(poll.state, pollStateSelector);
   const selectionInstructions = (0, import_react122.useMemo)(() => {
     if (is_closed) return t("Vote ended");
-    if (enforce_unique_vote) return t("Select one");
+    if (enforce_unique_vote || options.length === 1) return t("Select one");
     if (max_votes_allowed)
       return t("Select up to {{count}}", {
         count: max_votes_allowed > options.length ? options.length : max_votes_allowed
       });
-    return t("Select one or more");
+    if (options.length > 1) return t("Select one or more");
+    return "";
   }, [is_closed, enforce_unique_vote, max_votes_allowed, options.length, t]);
   if (!name2) return;
   return /* @__PURE__ */ import_react122.default.createElement("div", { className: "str-chat__poll-header" }, /* @__PURE__ */ import_react122.default.createElement("div", { className: "str-chat__poll-title" }, name2), /* @__PURE__ */ import_react122.default.createElement("div", { className: "str-chat__poll-subtitle" }, selectionInstructions));
@@ -43442,36 +43444,46 @@ var FormDialog = ({
     await onSubmit(value);
     close();
   };
-  return /* @__PURE__ */ import_react124.default.createElement("div", { className: (0, import_clsx27.default)("str-chat__dialog str-chat__dialog--form", className) }, /* @__PURE__ */ import_react124.default.createElement("div", { className: "str-chat__dialog__body" }, title && /* @__PURE__ */ import_react124.default.createElement("div", { className: "str-chat__dialog__title" }, title), /* @__PURE__ */ import_react124.default.createElement("form", { autoComplete: "off" }, Object.entries(fields).map(([id, fieldConfig]) => /* @__PURE__ */ import_react124.default.createElement("div", { className: "str-chat__dialog__field", key: `dialog-field-${id}` }, fieldConfig.label && /* @__PURE__ */ import_react124.default.createElement(
-    "label",
-    {
-      className: (0, import_clsx27.default)(
-        `str-chat__dialog__title str-chat__dialog__title--${id}`
-      ),
-      htmlFor: id
-    },
-    fieldConfig.label
-  ), import_react124.default.createElement(fieldConfig.element, {
-    id,
-    ...fieldConfig.props,
-    onChange: handleChange,
-    value: value[id]
-  }), /* @__PURE__ */ import_react124.default.createElement(FieldError, { text: fieldErrors[id]?.message }))))), /* @__PURE__ */ import_react124.default.createElement("div", { className: "str-chat__dialog__controls" }, /* @__PURE__ */ import_react124.default.createElement(
-    "button",
-    {
-      className: "str-chat__dialog__controls-button str-chat__dialog__controls-button--cancel",
-      onClick: close
-    },
-    t("Cancel")
-  ), /* @__PURE__ */ import_react124.default.createElement(
-    "button",
+  return /* @__PURE__ */ import_react124.default.createElement("div", { className: (0, import_clsx27.default)("str-chat__dialog str-chat__dialog--form", className) }, /* @__PURE__ */ import_react124.default.createElement("div", { className: "str-chat__dialog__body" }, title && /* @__PURE__ */ import_react124.default.createElement("div", { className: "str-chat__dialog__title" }, title), /* @__PURE__ */ import_react124.default.createElement(
+    "form",
     {
-      className: "str-chat__dialog__controls-button str-chat__dialog__controls-button--submit",
-      disabled: Object.keys(fieldErrors).length > 0 || shouldDisableSubmitButton?.(value),
-      onClick: handleSubmit,
-      type: "submit"
+      autoComplete: "off",
+      onSubmit: (e) => {
+        e.preventDefault();
+        handleSubmit();
+      }
     },
-    t("Send")
+    Object.entries(fields).map(([id, fieldConfig]) => /* @__PURE__ */ import_react124.default.createElement("div", { className: "str-chat__dialog__field", key: `dialog-field-${id}` }, fieldConfig.label && /* @__PURE__ */ import_react124.default.createElement(
+      "label",
+      {
+        className: (0, import_clsx27.default)(
+          `str-chat__dialog__title str-chat__dialog__title--${id}`
+        ),
+        htmlFor: id
+      },
+      fieldConfig.label
+    ), import_react124.default.createElement(fieldConfig.element, {
+      id,
+      ...fieldConfig.props,
+      onChange: handleChange,
+      value: value[id]
+    }), /* @__PURE__ */ import_react124.default.createElement(FieldError, { text: fieldErrors[id]?.message }))),
+    /* @__PURE__ */ import_react124.default.createElement("div", { className: "str-chat__dialog__controls" }, /* @__PURE__ */ import_react124.default.createElement(
+      "button",
+      {
+        className: "str-chat__dialog__controls-button str-chat__dialog__controls-button--cancel",
+        onClick: close
+      },
+      t("Cancel")
+    ), /* @__PURE__ */ import_react124.default.createElement(
+      "button",
+      {
+        className: "str-chat__dialog__controls-button str-chat__dialog__controls-button--submit",
+        disabled: Object.keys(fieldErrors).length > 0 || shouldDisableSubmitButton?.(value),
+        type: "submit"
+      },
+      t("Send")
+    ))
   )));
 };
 
@@ -44172,7 +44184,7 @@ var PollOptionWithLatestVotes = ({
 // src/components/Poll/PollActions/PollResults/PollResults.tsx
 var pollStateSelector10 = (nextValue) => ({
   name: nextValue.name,
-  options: nextValue.options,
+  options: [...nextValue.options],
   vote_counts_by_option: nextValue.vote_counts_by_option
 });
 var PollResults = ({ close }) => {
@@ -44441,9 +44453,15 @@ var MultipleAnswersField = () => {
             pollComposer.handleFieldBlur("max_votes_allowed");
           },
           onChange: (e) => {
-            pollComposer.updateFields({
-              max_votes_allowed: e.target.value
-            });
+            const nativeFieldValidation = !e.target.validity.valid ? {
+              max_votes_allowed: t("Only numbers are allowed")
+            } : void 0;
+            pollComposer.updateFields(
+              {
+                max_votes_allowed: !nativeFieldValidation ? e.target.value : pollComposer.max_votes_allowed
+              },
+              nativeFieldValidation
+            );
           },
           placeholder: t("Maximum number of votes (from 2 to 10)"),
           type: "number",
@@ -45510,6 +45528,7 @@ var de_default = {
   "Nobody will be able to vote in this poll anymore.": "Niemand kann mehr in dieser Umfrage abstimmen.",
   "Nothing yet...": "Noch nichts...",
   Ok: "Ok",
+  "Only numbers are allowed": "Nur Zahlen sind erlaubt",
   "Open emoji picker": "Emoji-Auswahl \xF6ffnen",
   "Option already exists": "Option existiert bereits",
   Options: "Optionen",
@@ -45722,6 +45741,7 @@ var en_default = {
   "Nobody will be able to vote in this poll anymore.": "Nobody will be able to vote in this poll anymore.",
   "Nothing yet...": "Nothing yet...",
   Ok: "Ok",
+  "Only numbers are allowed": "Only numbers are allowed",
   "Open emoji picker": "Open emoji picker",
   "Option already exists": "Option already exists",
   Options: "Options",
@@ -45924,6 +45944,7 @@ var es_default = {
   "Nobody will be able to vote in this poll anymore.": "Nadie podr\xE1 votar en esta encuesta.",
   "Nothing yet...": "Nada a\xFAn...",
   Ok: "Ok",
+  "Only numbers are allowed": "Solo se permiten n\xFAmeros",
   "Open emoji picker": "Abrir el selector de emojis",
   "Option already exists": "La opci\xF3n ya existe",
   Options: "Opciones",
@@ -46144,6 +46165,7 @@ var fr_default = {
   "Nobody will be able to vote in this poll anymore.": "Personne ne pourra plus voter dans ce sondage.",
   "Nothing yet...": "Rien pour l'instant...",
   Ok: "D'accord",
+  "Only numbers are allowed": "Seuls les chiffres sont autoris\xE9s",
   "Open emoji picker": "Ouvrir le s\xE9lecteur d'\xE9mojis",
   "Option already exists": "L'option existe d\xE9j\xE0",
   Options: "Options",
@@ -46365,6 +46387,7 @@ var hi_default = {
   "Nobody will be able to vote in this poll anymore.": "\u0905\u092C \u0915\u094B\u0908 \u092D\u0940 \u0907\u0938 \u092E\u0924\u0926\u093E\u0928 \u092E\u0947\u0902 \u092E\u0924\u0926\u093E\u0928 \u0928\u0939\u0940\u0902 \u0915\u0930 \u0938\u0915\u0947\u0917\u093E\u0964",
   "Nothing yet...": "\u0915\u094B\u0908 \u092E\u0948\u0938\u0947\u091C \u0928\u0939\u0940\u0902 \u0939\u0948",
   Ok: "\u0920\u0940\u0915 \u0939\u0948",
+  "Only numbers are allowed": "\u0915\u0947\u0935\u0932 \u0938\u0902\u0916\u094D\u092F\u093E\u090F\u0901 \u0905\u0928\u0941\u092E\u0924 \u0939\u0948\u0902",
   "Open emoji picker": "\u0907\u092E\u094B\u091C\u0940 \u092A\u093F\u0915\u0930 \u0916\u094B\u0932\u093F\u092F\u0947",
   "Option already exists": "\u0935\u093F\u0915\u0932\u094D\u092A \u092A\u0939\u0932\u0947 \u0938\u0947 \u092E\u094C\u091C\u0942\u0926 \u0939\u0948",
   Options: "\u0935\u093F\u0915\u0932\u094D\u092A",
@@ -46577,6 +46600,7 @@ var it_default = {
   "Nobody will be able to vote in this poll anymore.": "Nessuno potr\xE0 pi\xF9 votare in questo sondaggio.",
   "Nothing yet...": "Ancora niente...",
   Ok: "Ok",
+  "Only numbers are allowed": "Sono consentiti solo numeri",
   "Open emoji picker": "Apri il selettore di emoji",
   "Option already exists": "L'opzione esiste gi\xE0",
   Options: "Opzioni",
@@ -46797,6 +46821,7 @@ var ja_default = {
   "Nobody will be able to vote in this poll anymore.": "\u3053\u306E\u6295\u7968\u3067\u306F\u3001\u8AB0\u3082\u6295\u7968\u3067\u304D\u306A\u304F\u306A\u308A\u307E\u3059\u3002",
   "Nothing yet...": "\u307E\u3060\u4F55\u3082\u3042\u308A\u307E\u305B\u3093...",
   Ok: "OK",
+  "Only numbers are allowed": "\u6570\u5B57\u306E\u307F\u8A31\u53EF\u3055\u308C\u3066\u3044\u307E\u3059",
   "Open emoji picker": "\u7D75\u6587\u5B57\u30D4\u30C3\u30AB\u30FC\u3092\u958B\u304F",
   "Option already exists": "\u30AA\u30D7\u30B7\u30E7\u30F3\u306F\u65E2\u306B\u5B58\u5728\u3057\u307E\u3059",
   Options: "\u30AA\u30D7\u30B7\u30E7\u30F3",
@@ -47003,7 +47028,8 @@ var ko_default = {
   "Nobody will be able to vote in this poll anymore.": "\uC774 \uD22C\uD45C\uC5D0 \uB354 \uC774\uC0C1 \uC544\uBB34\uB3C4 \uD22C\uD45C\uD560 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4.",
   "Nothing yet...": "\uC544\uC9C1 \uC544\uBB34\uAC83\uB3C4...",
   Ok: "\uD655\uC778",
-  "Open emoji picker": "\uC774\uBAA8\uD2F0\uCF58 \uC120\uD0DD\uAE30 \uC5F4\uAE30",
+  "Only numbers are allowed": "\uC22B\uC790\uB9CC \uC785\uB825 \uAC00\uB2A5\uD569\uB2C8\uB2E4",
+  "Open emoji picker": "\uC774\uBAA8\uC9C0 \uC120\uD0DD\uAE30 \uC5F4\uAE30",
   "Option already exists": "\uC635\uC158\uC774 \uC774\uBBF8 \uC874\uC7AC\uD569\uB2C8\uB2E4",
   Options: "\uC635\uC158",
   "People matching": "\uC77C\uCE58\uD558\uB294 \uC0AC\uB78C",
@@ -47209,7 +47235,8 @@ var nl_default = {
   "Nobody will be able to vote in this poll anymore.": "Niemand kan meer stemmen in deze peiling.",
   "Nothing yet...": "Nog niets ...",
   Ok: "Ok\xE9",
-  "Open emoji picker": "Open emojipicker",
+  "Only numbers are allowed": "Alleen nummers zijn toegestaan",
+  "Open emoji picker": "Emoji-kiezer openen",
   "Option already exists": "Optie bestaat al",
   Options: "Opties",
   "People matching": "Mensen die matchen",
@@ -47421,6 +47448,7 @@ var pt_default = {
   "Nobody will be able to vote in this poll anymore.": "Ningu\xE9m mais poder\xE1 votar nesta pesquisa.",
   "Nothing yet...": "Nada ainda...",
   Ok: "Ok",
+  "Only numbers are allowed": "Apenas n\xFAmeros s\xE3o permitidos",
   "Open emoji picker": "Abrir seletor de emoji",
   "Option already exists": "Op\xE7\xE3o j\xE1 existe",
   Options: "Op\xE7\xF5es",
@@ -47641,6 +47669,7 @@ var ru_default = {
   "Nobody will be able to vote in this poll anymore.": "\u041D\u0438\u043A\u0442\u043E \u0431\u043E\u043B\u044C\u0448\u0435 \u043D\u0435 \u0441\u043C\u043E\u0436\u0435\u0442 \u0433\u043E\u043B\u043E\u0441\u043E\u0432\u0430\u0442\u044C \u0432 \u044D\u0442\u043E\u043C \u043E\u043F\u0440\u043E\u0441\u0435.",
   "Nothing yet...": "\u041F\u043E\u043A\u0430 \u043D\u0438\u0447\u0435\u0433\u043E \u043D\u0435\u0442...",
   Ok: "\u041E\u043A",
+  "Only numbers are allowed": "\u0420\u0430\u0437\u0440\u0435\u0448\u0435\u043D\u044B \u0442\u043E\u043B\u044C\u043A\u043E \u0446\u0438\u0444\u0440\u044B",
   "Open emoji picker": "\u041E\u0442\u043A\u0440\u044B\u0442\u044C \u0432\u044B\u0431\u043E\u0440 \u0441\u043C\u0430\u0439\u043B\u043E\u0432",
   "Option already exists": "\u0412\u0430\u0440\u0438\u0430\u043D\u0442 \u0443\u0436\u0435 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442",
   Options: "\u0412\u0430\u0440\u0438\u0430\u043D\u0442\u044B",
@@ -47869,6 +47898,7 @@ var tr_default = {
   "Nobody will be able to vote in this poll anymore.": "Art\u0131k bu ankette kimse oy kullanamayacak.",
   "Nothing yet...": "\u015Eimdilik hi\xE7bir \u015Fey...",
   Ok: "Tamam",
+  "Only numbers are allowed": "Sadece say\u0131lar kullan\u0131labilir",
   "Open emoji picker": "Emoji klavyesini a\xE7",
   "Option already exists": "Se\xE7enek zaten mevcut",
   Options: "Se\xE7enekler",
@@ -51331,7 +51361,7 @@ var AttachmentSelector = ({
 
 // src/components/MessageInput/AttachmentPreviewList/AttachmentPreviewList.tsx
 var import_react227 = __toESM(require("react"));
-var import_stream_chat8 = require("stream-chat");
+var import_stream_chat9 = require("stream-chat");
 
 // src/components/MessageInput/AttachmentPreviewList/UnsupportedAttachmentPreview.tsx
 var import_react210 = __toESM(require("react"));
@@ -52490,6 +52520,23 @@ var useTextareaRef = (props) => {
 
 // src/components/MessageInput/hooks/useSubmitHandler.ts
 var import_react224 = require("react");
+var import_stream_chat8 = require("stream-chat");
+var takeStateSnapshot = (messageComposer) => {
+  const textComposerState = messageComposer.textComposer.state.getLatestValue();
+  const attachmentManagerState = messageComposer.attachmentManager.state.getLatestValue();
+  const linkPreviewsManagerState = messageComposer.linkPreviewsManager.state.getLatestValue();
+  const pollComposerState = messageComposer.pollComposer.state.getLatestValue();
+  const customDataManagerState = messageComposer.customDataManager.state.getLatestValue();
+  const state = messageComposer.state.getLatestValue();
+  return () => {
+    messageComposer.state.next(state);
+    messageComposer.textComposer.state.next(textComposerState);
+    messageComposer.attachmentManager.state.next(attachmentManagerState);
+    messageComposer.linkPreviewsManager.state.next(linkPreviewsManagerState);
+    messageComposer.pollComposer.state.next(pollComposerState);
+    messageComposer.customDataManager.state.next(customDataManagerState);
+  };
+};
 var useSubmitHandler = (props) => {
   const { clearEditingState, overrideSubmitHandler } = props;
   const { addNotification, editMessage, sendMessage } = useChannelActionContext("useSubmitHandler");
@@ -52509,7 +52556,17 @@ var useSubmitHandler = (props) => {
           addNotification(t("Edit message request failed"), "error");
         }
       } else {
+        const restoreComposerStateSnapshot = takeStateSnapshot(messageComposer);
         try {
+          const sentPollMessage = !!message.poll_id;
+          if (sentPollMessage) {
+            messageComposer.state.partialNext({
+              id: import_stream_chat8.MessageComposer.generateId(),
+              pollId: null
+            });
+          } else {
+            messageComposer.clear();
+          }
           if (overrideSubmitHandler) {
             await overrideSubmitHandler({
               cid: messageComposer.channel.cid,
@@ -52520,10 +52577,10 @@ var useSubmitHandler = (props) => {
           } else {
             await sendMessage({ localMessage, message, options: sendOptions });
           }
-          messageComposer.clear();
           if (messageComposer.config.text.publishTypingEvents)
             await messageComposer.channel.stopTyping();
         } catch (err) {
+          restoreComposerStateSnapshot();
           addNotification(t("Send message request failed"), "error");
         }
       }
@@ -52684,8 +52741,8 @@ var AttachmentPreviewList = ({
       "data-testid": "attachment-list-scroll-container"
     },
     attachments.map((attachment) => {
-      if ((0, import_stream_chat8.isScrapedContent)(attachment)) return null;
-      if ((0, import_stream_chat8.isLocalVoiceRecordingAttachment)(attachment)) {
+      if ((0, import_stream_chat9.isScrapedContent)(attachment)) return null;
+      if ((0, import_stream_chat9.isLocalVoiceRecordingAttachment)(attachment)) {
         return /* @__PURE__ */ import_react227.default.createElement(
           VoiceRecordingPreview2,
           {
@@ -52695,7 +52752,7 @@ var AttachmentPreviewList = ({
             removeAttachments: messageComposer.attachmentManager.removeAttachments
           }
         );
-      } else if ((0, import_stream_chat8.isLocalAudioAttachment)(attachment)) {
+      } else if ((0, import_stream_chat9.isLocalAudioAttachment)(attachment)) {
         return /* @__PURE__ */ import_react227.default.createElement(
           AudioAttachmentPreview,
           {
@@ -52705,7 +52762,7 @@ var AttachmentPreviewList = ({
             removeAttachments: messageComposer.attachmentManager.removeAttachments
           }
         );
-      } else if ((0, import_stream_chat8.isLocalVideoAttachment)(attachment)) {
+      } else if ((0, import_stream_chat9.isLocalVideoAttachment)(attachment)) {
         return /* @__PURE__ */ import_react227.default.createElement(
           VideoAttachmentPreview,
           {
@@ -52715,7 +52772,7 @@ var AttachmentPreviewList = ({
             removeAttachments: messageComposer.attachmentManager.removeAttachments
           }
         );
-      } else if ((0, import_stream_chat8.isLocalImageAttachment)(attachment)) {
+      } else if ((0, import_stream_chat9.isLocalImageAttachment)(attachment)) {
         return /* @__PURE__ */ import_react227.default.createElement(
           ImageAttachmentPreview2,
           {
@@ -52725,7 +52782,7 @@ var AttachmentPreviewList = ({
             removeAttachments: messageComposer.attachmentManager.removeAttachments
           }
         );
-      } else if ((0, import_stream_chat8.isLocalFileAttachment)(attachment)) {
+      } else if ((0, import_stream_chat9.isLocalFileAttachment)(attachment)) {
         return /* @__PURE__ */ import_react227.default.createElement(
           FileAttachmentPreview2,
           {
@@ -52735,7 +52792,7 @@ var AttachmentPreviewList = ({
             removeAttachments: messageComposer.attachmentManager.removeAttachments
           }
         );
-      } else if ((0, import_stream_chat8.isLocalAttachment)(attachment)) {
+      } else if ((0, import_stream_chat9.isLocalAttachment)(attachment)) {
         return /* @__PURE__ */ import_react227.default.createElement(
           UnsupportedAttachmentPreview2,
           {
@@ -52905,10 +52962,10 @@ var QuotedMessagePreview = ({
 // src/components/MessageInput/LinkPreviewList.tsx
 var import_clsx57 = __toESM(require("clsx"));
 var import_react233 = __toESM(require("react"));
-var import_stream_chat9 = require("stream-chat");
+var import_stream_chat10 = require("stream-chat");
 var linkPreviewsManagerStateSelector = (state) => ({
   linkPreviews: Array.from(state.previews.values()).filter(
-    (preview) => import_stream_chat9.LinkPreviewsManager.previewIsLoaded(preview) || import_stream_chat9.LinkPreviewsManager.previewIsLoading(preview)
+    (preview) => import_stream_chat10.LinkPreviewsManager.previewIsLoaded(preview) || import_stream_chat10.LinkPreviewsManager.previewIsLoading(preview)
   )
 });
 var messageComposerStateSelector = (state) => ({
@@ -52933,13 +52990,13 @@ var LinkPreviewCard = ({ linkPreview }) => {
   const { linkPreviewsManager } = useMessageComposer();
   const { handleEnter, handleLeave, tooltipVisible } = useEnterLeaveHandlers();
   const [referenceElement, setReferenceElement] = (0, import_react233.useState)(null);
-  if (!import_stream_chat9.LinkPreviewsManager.previewIsLoaded(linkPreview) && !import_stream_chat9.LinkPreviewsManager.previewIsLoading(linkPreview))
+  if (!import_stream_chat10.LinkPreviewsManager.previewIsLoaded(linkPreview) && !import_stream_chat10.LinkPreviewsManager.previewIsLoading(linkPreview))
     return null;
   return /* @__PURE__ */ import_react233.default.createElement(
     "div",
     {
       className: (0, import_clsx57.default)("str-chat__link-preview-card", {
-        "str-chat__link-preview-card--loading": import_stream_chat9.LinkPreviewsManager.previewIsLoading(linkPreview)
+        "str-chat__link-preview-card--loading": import_stream_chat10.LinkPreviewsManager.previewIsLoading(linkPreview)
       }),
       "data-testid": "link-preview-card"
     },
@@ -53168,7 +53225,7 @@ var TextareaComposer = ({
   closeSuggestionsOnClickOutside,
   containerClassName,
   listClassName,
-  maxRows: maxRowsProp = 1,
+  maxRows: maxRowsProp,
   minRows: minRowsProp,
   onBlur,
   onChange,
@@ -53191,7 +53248,7 @@ var TextareaComposer = ({
     shouldSubmit: shouldSubmitContext,
     textareaRef
   } = useMessageInputContext();
-  const maxRows = maxRowsProp ?? maxRowsContext;
+  const maxRows = maxRowsProp ?? maxRowsContext ?? 1;
   const minRows = minRowsProp ?? minRowsContext;
   const placeholder = placeholderProp ?? additionalTextareaProps?.placeholder;
   const shouldSubmit = shouldSubmitProp ?? shouldSubmitContext ?? defaultShouldSubmit;
@@ -53235,13 +53292,11 @@ var TextareaComposer = ({
         onKeyDown(event);
         return;
       }
-      if (event.key === "Enter") {
-        event.preventDefault();
-      }
       if (textComposer.suggestions && textComposer.suggestions.searchSource.items?.length) {
         if (event.key === "Escape") return textComposer.closeSuggestions();
         const loadedItems = textComposer.suggestions.searchSource.items;
         if (event.key === "Enter") {
+          event.preventDefault();
           textComposer.handleSelect(loadedItems[focusedItemIndex]);
         }
         if (event.key === "ArrowUp") {
@@ -54247,9 +54302,9 @@ var renderGroupedAttachments = ({
   ...rest
 }) => {
   const uploadedImages = attachments.filter(
-    (attachment) => (0, import_stream_chat10.isImageAttachment)(attachment)
+    (attachment) => (0, import_stream_chat11.isImageAttachment)(attachment)
   );
-  const containers = attachments.filter((attachment) => !(0, import_stream_chat10.isImageAttachment)(attachment)).reduce(
+  const containers = attachments.filter((attachment) => !(0, import_stream_chat11.isImageAttachment)(attachment)).reduce(
     (typeMap, attachment) => {
       const attachmentType = getAttachmentType(attachment);
       const Container = CONTAINER_MAP[attachmentType];
@@ -54301,15 +54356,15 @@ var renderGroupedAttachments = ({
   return containers;
 };
 var getAttachmentType = (attachment) => {
-  if ((0, import_stream_chat10.isScrapedContent)(attachment)) {
+  if ((0, import_stream_chat11.isScrapedContent)(attachment)) {
     return "card";
-  } else if ((0, import_stream_chat10.isVideoAttachment)(attachment, SUPPORTED_VIDEO_FORMATS)) {
+  } else if ((0, import_stream_chat11.isVideoAttachment)(attachment, SUPPORTED_VIDEO_FORMATS)) {
     return "media";
-  } else if ((0, import_stream_chat10.isAudioAttachment)(attachment)) {
+  } else if ((0, import_stream_chat11.isAudioAttachment)(attachment)) {
     return "audio";
-  } else if ((0, import_stream_chat10.isVoiceRecordingAttachment)(attachment)) {
+  } else if ((0, import_stream_chat11.isVoiceRecordingAttachment)(attachment)) {
     return "voiceRecording";
-  } else if ((0, import_stream_chat10.isFileAttachment)(attachment, SUPPORTED_VIDEO_FORMATS)) {
+  } else if ((0, import_stream_chat11.isFileAttachment)(attachment, SUPPORTED_VIDEO_FORMATS)) {
     return "file";
   }
   return "unsupported";
@@ -54321,7 +54376,7 @@ var import_clsx66 = __toESM(require("clsx"));
 var import_lodash20 = __toESM(require("lodash.debounce"));
 var import_lodash21 = __toESM(require("lodash.defaultsdeep"));
 var import_lodash22 = __toESM(require("lodash.throttle"));
-var import_stream_chat11 = require("stream-chat");
+var import_stream_chat12 = require("stream-chat");
 
 // src/components/Channel/channelState.ts
 var makeChannelReducer = () => (state, action) => {
@@ -55474,7 +55529,7 @@ var ChannelInner = (props) => {
     });
     await doSendMessage({
       localMessage,
-      message: (0, import_stream_chat11.localMessageToNewMessagePayload)(localMessage)
+      message: (0, import_stream_chat12.localMessageToNewMessagePayload)(localMessage)
     });
   };
   const removeMessage = (message) => {
@@ -55786,7 +55841,7 @@ var ChannelHeader = (props) => {
 
 // src/components/Chat/Chat.tsx
 var import_react266 = __toESM(require("react"));
-var import_stream_chat12 = require("stream-chat");
+var import_stream_chat13 = require("stream-chat");
 
 // src/components/Chat/hooks/useChat.ts
 var import_react263 = require("react");
@@ -55818,7 +55873,7 @@ var useChat = ({
   };
   (0, import_react263.useEffect)(() => {
     if (!client) return;
-    const version = "13.0.0";
+    const version = "13.0.2";
     const userAgent = client.getUserAgent();
     if (!userAgent.includes("stream-chat-react")) {
       client.setUserAgent(`stream-chat-react-${version}-${userAgent}`);
@@ -55982,11 +56037,11 @@ var Chat = (props) => {
   } = useChat({ client, defaultLanguage, i18nInstance, initialNavOpen });
   const channelsQueryState = useChannelsQueryState();
   const searchController = (0, import_react266.useMemo)(
-    () => customChannelSearchController ?? new import_stream_chat12.SearchController({
+    () => customChannelSearchController ?? new import_stream_chat13.SearchController({
       sources: [
-        new import_stream_chat12.ChannelSearchSource(client),
-        new import_stream_chat12.UserSearchSource(client),
-        new import_stream_chat12.MessageSearchSource(client)
+        new import_stream_chat13.ChannelSearchSource(client),
+        new import_stream_chat13.UserSearchSource(client),
+        new import_stream_chat13.MessageSearchSource(client)
       ]
     }),
     [client, customChannelSearchController]
@@ -56014,7 +56069,7 @@ var Chat = (props) => {
 
 // src/components/Chat/hooks/useCreateChatClient.ts
 var import_react267 = require("react");
-var import_stream_chat13 = require("stream-chat");
+var import_stream_chat14 = require("stream-chat");
 var useCreateChatClient = ({
   apiKey,
   options,
@@ -56028,7 +56083,7 @@ var useCreateChatClient = ({
   }
   const [cachedOptions] = (0, import_react267.useState)(options);
   (0, import_react267.useEffect)(() => {
-    const client = new import_stream_chat13.StreamChat(apiKey, void 0, cachedOptions);
+    const client = new import_stream_chat14.StreamChat(apiKey, void 0, cachedOptions);
     let didUserConnectInterrupt = false;
     const connectionPromise = client.connectUser(cachedUserData, tokenOrProvider).then(() => {
       if (!didUserConnectInterrupt) setChatClient(client);
@@ -56360,6 +56415,7 @@ var Window = import_react268.default.memo(UnMemoizedWindow);
   useActionHandler,
   useActiveThread,
   useAttachmentManagerState,
+  useAudioController,
   useCanCreatePoll,
   useChannelActionContext,
   useChannelDeletedListener,