stream-chat-react 13.0.3 → 13.0.4

package/dist/index.browser.cjs

@@ -17667,11 +17667,11 @@ __export(src_exports, {
 module.exports = __toCommonJS(src_exports);
 
 // src/components/Attachment/Attachment.tsx
-var import_react255 = __toESM(require("react"));
+var import_react256 = __toESM(require("react"));
 var import_stream_chat11 = require("stream-chat");
 
 // src/components/Attachment/AttachmentContainer.tsx
-var import_react254 = __toESM(require("react"));
+var import_react255 = __toESM(require("react"));
 var import_react_player2 = __toESM(require("react-player"));
 var import_clsx65 = __toESM(require("clsx"));
 var linkify = __toESM(require("linkifyjs"));
@@ -17803,13 +17803,14 @@ var withComponentContext = (Component2) => {
 var import_react10 = __toESM(require("react"));
 
 // src/components/Dialog/DialogManager.ts
+var import_nanoid = require("nanoid");
 var import_stream_chat = require("stream-chat");
 var DialogManager = class {
   constructor({ id } = {}) {
     this.state = new import_stream_chat.StateStore({
       dialogsById: {}
     });
-    this.id = id ?? (/* @__PURE__ */ new Date()).getTime().toString();
+    this.id = id ?? (0, import_nanoid.nanoid)();
   }
   get openDialogCount() {
     return Object.values(this.state.getLatestValue().dialogsById).reduce(
@@ -18916,7 +18917,7 @@ var UnMemoizedAudio = (props) => {
 var Audio = import_react29.default.memo(UnMemoizedAudio);
 
 // src/components/Attachment/VoiceRecording.tsx
-var import_react250 = __toESM(require("react"));
+var import_react251 = __toESM(require("react"));
 
 // src/components/ReactFileUtilities/FileIcon/FileIcon.tsx
 var import_react31 = __toESM(require("react"));
@@ -19878,8 +19879,8 @@ var FileIcon = (props) => {
 
 // src/components/ReactFileUtilities/UploadButton.tsx
 var import_clsx63 = __toESM(require("clsx"));
-var import_nanoid5 = require("nanoid");
-var import_react249 = __toESM(require("react"));
+var import_nanoid6 = require("nanoid");
+var import_react250 = __toESM(require("react"));
 
 // src/components/ReactFileUtilities/utils.ts
 var import_react32 = require("react");
@@ -19979,14 +19980,13 @@ var readFileAsArrayBuffer = (file) => new Promise((resolve, reject) => {
 });
 
 // src/components/MessageInput/AttachmentSelector.tsx
-var import_nanoid3 = require("nanoid");
-var import_react210 = __toESM(require("react"));
+var import_react211 = __toESM(require("react"));
 
 // src/components/MessageInput/icons.tsx
 var import_react33 = __toESM(require("react"));
-var import_nanoid = require("nanoid");
+var import_nanoid2 = require("nanoid");
 var LoadingIndicatorIcon = ({ size = 20 }) => {
-  const id = (0, import_react33.useMemo)(() => (0, import_nanoid.nanoid)(), []);
+  const id = (0, import_react33.useMemo)(() => (0, import_nanoid2.nanoid)(), []);
   return /* @__PURE__ */ import_react33.default.createElement("div", { className: "str-chat__loading-indicator" }, /* @__PURE__ */ import_react33.default.createElement(
     "svg",
     {
@@ -20155,7 +20155,7 @@ var PlayIcon = () => /* @__PURE__ */ import_react33.default.createElement(
 var CheckSignIcon = () => /* @__PURE__ */ import_react33.default.createElement("svg", { fill: "currentColor", viewBox: "0 0 18 14", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react33.default.createElement("path", { d: "M5.79457 10.875L2.32457 7.40502C1.93457 7.01502 1.30457 7.01502 0.91457 7.40502C0.52457 7.79502 0.52457 8.42502 0.91457 8.81502L5.09457 12.995C5.48457 13.385 6.11457 13.385 6.50457 12.995L17.0846 2.41502C17.4746 2.02502 17.4746 1.39502 17.0846 1.00502C16.6946 0.615024 16.0646 0.615024 15.6746 1.00502L5.79457 10.875Z" }));
 
 // src/components/MessageInput/hooks/useMessageComposer.ts
-var import_react207 = require("react");
+var import_react208 = require("react");
 var import_stream_chat6 = require("stream-chat");
 
 // src/components/Threads/ThreadContext.tsx
@@ -32917,7 +32917,7 @@ var ThreadList = ({ virtuosoProps }) => {
 };
 
 // src/components/Thread/Thread.tsx
-var import_react206 = __toESM(require("react"));
+var import_react207 = __toESM(require("react"));
 var import_clsx53 = __toESM(require("clsx"));
 
 // src/components/Message/FixedHeightMessage.tsx
@@ -38028,10 +38028,10 @@ var FixedHeightMessage = import_react109.default.memo(
 );
 
 // src/components/Message/Message.tsx
-var import_react201 = __toESM(require("react"));
+var import_react202 = __toESM(require("react"));
 
 // src/components/Message/MessageSimple.tsx
-var import_react200 = __toESM(require("react"));
+var import_react201 = __toESM(require("react"));
 var import_clsx52 = __toESM(require("clsx"));
 
 // src/components/MessageBounce/MessageBounceModal.tsx
@@ -40755,13 +40755,13 @@ var GiphyPreviewMessage = (props) => {
 
 // src/components/MessageList/MessageList.tsx
 var import_clsx49 = __toESM(require("clsx"));
-var import_react188 = __toESM(require("react"));
+var import_react189 = __toESM(require("react"));
 
 // src/components/MessageList/hooks/MessageList/useEnrichedMessages.ts
 var import_react170 = require("react");
 
 // src/components/MessageList/utils.ts
-var import_nanoid2 = require("nanoid");
+var import_nanoid3 = require("nanoid");
 
 // src/constants/messageTypes.ts
 var CUSTOM_MESSAGE_TYPE = {
@@ -43870,14 +43870,14 @@ var processMessages = (params) => {
 };
 var makeIntroMessage = () => ({
   customType: CUSTOM_MESSAGE_TYPE.intro,
-  id: (0, import_nanoid2.nanoid)()
+  id: (0, import_nanoid3.nanoid)()
 });
 var makeDateMessageId = (date) => {
   let idSuffix;
   try {
-    idSuffix = !date ? (0, import_nanoid2.nanoid)() : date instanceof Date ? date.toISOString() : date;
+    idSuffix = !date ? (0, import_nanoid3.nanoid)() : date instanceof Date ? date.toISOString() : date;
   } catch (e) {
-    idSuffix = (0, import_nanoid2.nanoid)();
+    idSuffix = (0, import_nanoid3.nanoid)();
   }
   return `${CUSTOM_MESSAGE_TYPE.date}-${idSuffix}`;
 };
@@ -44815,6 +44815,14 @@ function defaultRenderMessages({
   return renderedMessages;
 }
 
+// src/components/UtilityComponents/useStableId.ts
+var import_nanoid4 = require("nanoid");
+var import_react188 = require("react");
+var useStableId = (key) => {
+  const id = (0, import_react188.useMemo)(() => (0, import_nanoid4.nanoid)(), [key]);
+  return id;
+};
+
 // src/components/MessageList/MessageList.tsx
 var MessageListWithContext = (props) => {
   const {
@@ -44854,8 +44862,8 @@ var MessageListWithContext = (props) => {
     threadList = false,
     unsafeHTML = false
   } = props;
-  const [listElement, setListElement] = import_react188.default.useState(null);
-  const [ulElement, setUlElement] = import_react188.default.useState(null);
+  const [listElement, setListElement] = import_react189.default.useState(null);
+  const [ulElement, setUlElement] = import_react189.default.useState(null);
   const { customClasses } = useChatContext("MessageList");
   const {
     EmptyStateIndicator: EmptyStateIndicator2 = EmptyStateIndicator,
@@ -44944,24 +44952,24 @@ var MessageListWithContext = (props) => {
     threadList
   });
   const messageListClass = customClasses?.messageList || "str-chat__list";
-  const loadMore = import_react188.default.useCallback(() => {
+  const loadMore = import_react189.default.useCallback(() => {
     if (loadMoreCallback) {
       loadMoreCallback(messageLimit);
     }
   }, [loadMoreCallback, messageLimit]);
-  const loadMoreNewer = import_react188.default.useCallback(() => {
+  const loadMoreNewer = import_react189.default.useCallback(() => {
     if (loadMoreNewerCallback) {
       loadMoreNewerCallback(messageLimit);
     }
   }, [loadMoreNewerCallback, messageLimit]);
-  const scrollToBottomFromNotification = import_react188.default.useCallback(async () => {
+  const scrollToBottomFromNotification = import_react189.default.useCallback(async () => {
     if (hasMoreNewer) {
       await jumpToLatestMessage();
     } else {
       scrollToBottom();
     }
   }, [scrollToBottom, hasMoreNewer]);
-  import_react188.default.useLayoutEffect(() => {
+  import_react189.default.useLayoutEffect(() => {
     if (highlightedMessageId) {
       const element4 = ulElement?.querySelector(
         `[data-message-id='${highlightedMessageId}']`
@@ -44969,14 +44977,15 @@ var MessageListWithContext = (props) => {
       element4?.scrollIntoView({ block: "center" });
     }
   }, [highlightedMessageId]);
+  const id = useStableId();
   const showEmptyStateIndicator = elements.length === 0 && !threadList;
-  const dialogManagerId = threadList ? "message-list-dialog-manager-thread" : "message-list-dialog-manager";
-  return /* @__PURE__ */ import_react188.default.createElement(MessageListContextProvider, { value: { listElement, scrollToBottom } }, /* @__PURE__ */ import_react188.default.createElement(MessageListMainPanel2, null, /* @__PURE__ */ import_react188.default.createElement(DialogManagerProvider, { id: dialogManagerId }, !threadList && showUnreadMessagesNotification && /* @__PURE__ */ import_react188.default.createElement(
+  const dialogManagerId = threadList ? `message-list-dialog-manager-thread-${id}` : `message-list-dialog-manager-${id}`;
+  return /* @__PURE__ */ import_react189.default.createElement(MessageListContextProvider, { value: { listElement, scrollToBottom } }, /* @__PURE__ */ import_react189.default.createElement(MessageListMainPanel2, null, /* @__PURE__ */ import_react189.default.createElement(DialogManagerProvider, { id: dialogManagerId }, !threadList && showUnreadMessagesNotification && /* @__PURE__ */ import_react189.default.createElement(
     UnreadMessagesNotification2,
     {
       unreadCount: channelUnreadUiState?.unread_messages
     }
-  ), /* @__PURE__ */ import_react188.default.createElement(
+  ), /* @__PURE__ */ import_react189.default.createElement(
     "div",
     {
       className: (0, import_clsx49.default)(messageListClass, customClasses?.threadList),
@@ -44984,7 +44993,7 @@ var MessageListWithContext = (props) => {
       ref: setListElement,
       tabIndex: 0
     },
-    showEmptyStateIndicator ? /* @__PURE__ */ import_react188.default.createElement(EmptyStateIndicator2, { listType: threadList ? "thread" : "message" }) : /* @__PURE__ */ import_react188.default.createElement(
+    showEmptyStateIndicator ? /* @__PURE__ */ import_react189.default.createElement(EmptyStateIndicator2, { listType: threadList ? "thread" : "message" }) : /* @__PURE__ */ import_react189.default.createElement(
       InfiniteScroll,
       {
         className: "str-chat__message-list-scroll",
@@ -44993,17 +45002,17 @@ var MessageListWithContext = (props) => {
         hasPreviousPage: props.hasMore,
         head: props.head,
         isLoading: props.loadingMore,
-        loader: /* @__PURE__ */ import_react188.default.createElement("div", { className: "str-chat__list__loading", key: "loading-indicator" }, props.loadingMore && /* @__PURE__ */ import_react188.default.createElement(LoadingIndicator2, { size: 20 })),
+        loader: /* @__PURE__ */ import_react189.default.createElement("div", { className: "str-chat__list__loading", key: "loading-indicator" }, props.loadingMore && /* @__PURE__ */ import_react189.default.createElement(LoadingIndicator2, { size: 20 })),
         loadNextPage: loadMoreNewer,
         loadPreviousPage: loadMore,
         threshold: loadMoreScrollThreshold,
         ...restInternalInfiniteScrollProps
       },
-      /* @__PURE__ */ import_react188.default.createElement("ul", { className: "str-chat__ul", ref: setUlElement }, elements),
-      /* @__PURE__ */ import_react188.default.createElement(TypingIndicator2, { threadList }),
-      /* @__PURE__ */ import_react188.default.createElement("div", { key: "bottom" })
+      /* @__PURE__ */ import_react189.default.createElement("ul", { className: "str-chat__ul", ref: setUlElement }, elements),
+      /* @__PURE__ */ import_react189.default.createElement(TypingIndicator2, { threadList }),
+      /* @__PURE__ */ import_react189.default.createElement("div", { key: "bottom" })
     )
-  ))), /* @__PURE__ */ import_react188.default.createElement(
+  ))), /* @__PURE__ */ import_react189.default.createElement(
     MessageListNotifications2,
     {
       hasNewMessages,
@@ -45028,7 +45037,7 @@ var MessageList = (props) => {
     // eslint-disable-line @typescript-eslint/no-unused-vars
     ...restChannelStateContext
   } = useChannelStateContext("MessageList");
-  return /* @__PURE__ */ import_react188.default.createElement(
+  return /* @__PURE__ */ import_react189.default.createElement(
     MessageListWithContext,
     {
       jumpToLatestMessage,
@@ -45041,16 +45050,16 @@ var MessageList = (props) => {
 };
 
 // src/components/MessageList/ScrollToBottomButton.tsx
-var import_react189 = __toESM(require("react"));
+var import_react190 = __toESM(require("react"));
 var import_clsx50 = __toESM(require("clsx"));
 var UnMemoizedScrollToBottomButton = (props) => {
   const { isMessageListScrolledToBottom, onClick, threadList } = props;
   const { channel: activeChannel, client } = useChatContext();
   const { thread } = useChannelStateContext();
-  const [countUnread, setCountUnread] = (0, import_react189.useState)(activeChannel?.countUnread() || 0);
-  const [replyCount, setReplyCount] = (0, import_react189.useState)(thread?.reply_count || 0);
+  const [countUnread, setCountUnread] = (0, import_react190.useState)(activeChannel?.countUnread() || 0);
+  const [replyCount, setReplyCount] = (0, import_react190.useState)(thread?.reply_count || 0);
   const observedEvent = threadList ? "message.updated" : "message.new";
-  (0, import_react189.useEffect)(() => {
+  (0, import_react190.useEffect)(() => {
     const handleEvent = (event) => {
       const newMessageInAnotherChannel = event.cid !== activeChannel?.cid;
       const newMessageIsMine = event.user?.id === client.user?.id;
@@ -45072,14 +45081,14 @@ var UnMemoizedScrollToBottomButton = (props) => {
       client.off(observedEvent, handleEvent);
     };
   }, [activeChannel, isMessageListScrolledToBottom, observedEvent, replyCount, thread]);
-  (0, import_react189.useEffect)(() => {
+  (0, import_react190.useEffect)(() => {
     if (isMessageListScrolledToBottom) {
       setCountUnread(0);
       setReplyCount(thread?.reply_count || 0);
     }
   }, [isMessageListScrolledToBottom, thread]);
   if (isMessageListScrolledToBottom) return null;
-  return /* @__PURE__ */ import_react189.default.createElement("div", { className: "str-chat__jump-to-latest-message" }, /* @__PURE__ */ import_react189.default.createElement(
+  return /* @__PURE__ */ import_react190.default.createElement("div", { className: "str-chat__jump-to-latest-message" }, /* @__PURE__ */ import_react190.default.createElement(
     "button",
     {
       "aria-live": "polite",
@@ -45090,8 +45099,8 @@ var UnMemoizedScrollToBottomButton = (props) => {
       "data-testid": "message-notification",
       onClick
     },
-    /* @__PURE__ */ import_react189.default.createElement(ArrowDown, null),
-    countUnread > 0 && /* @__PURE__ */ import_react189.default.createElement(
+    /* @__PURE__ */ import_react190.default.createElement(ArrowDown, null),
+    countUnread > 0 && /* @__PURE__ */ import_react190.default.createElement(
       "div",
       {
         className: (0, import_clsx50.default)(
@@ -45104,23 +45113,23 @@ var UnMemoizedScrollToBottomButton = (props) => {
     )
   ));
 };
-var ScrollToBottomButton = import_react189.default.memo(
+var ScrollToBottomButton = import_react190.default.memo(
   UnMemoizedScrollToBottomButton
 );
 
 // src/components/MessageList/VirtualizedMessageList.tsx
-var import_react199 = __toESM(require("react"));
+var import_react200 = __toESM(require("react"));
 var import_react_virtuoso3 = require("react-virtuoso");
 
 // src/components/MessageList/hooks/VirtualizedMessageList/useNewMessageNotification.ts
-var import_react190 = require("react");
+var import_react191 = require("react");
 function useNewMessageNotification(messages, currentUserId, hasMoreNewer) {
-  const [newMessagesNotification, setNewMessagesNotification] = (0, import_react190.useState)(false);
-  const [isMessageListScrolledToBottom, setIsMessageListScrolledToBottom] = (0, import_react190.useState)(true);
-  const didMount = (0, import_react190.useRef)(false);
-  const lastMessageId = (0, import_react190.useRef)("");
-  const atBottom = (0, import_react190.useRef)(false);
-  (0, import_react190.useEffect)(() => {
+  const [newMessagesNotification, setNewMessagesNotification] = (0, import_react191.useState)(false);
+  const [isMessageListScrolledToBottom, setIsMessageListScrolledToBottom] = (0, import_react191.useState)(true);
+  const didMount = (0, import_react191.useRef)(false);
+  const lastMessageId = (0, import_react191.useRef)("");
+  const atBottom = (0, import_react191.useRef)(false);
+  (0, import_react191.useEffect)(() => {
     if (hasMoreNewer) {
       setNewMessagesNotification(true);
       return;
@@ -45146,17 +45155,17 @@ function useNewMessageNotification(messages, currentUserId, hasMoreNewer) {
 }
 
 // src/components/MessageList/hooks/VirtualizedMessageList/usePrependMessagesCount.ts
-var import_react191 = require("react");
+var import_react192 = require("react");
 var STATUSES_EXCLUDED_FROM_PREPEND = {
   failed: true,
   sending: true
 };
 function usePrependedMessagesCount(messages, hasDateSeparator) {
   const firstRealMessageIndex = hasDateSeparator ? 1 : 0;
-  const firstMessageOnFirstLoadedPage = (0, import_react191.useRef)(void 0);
-  const previousFirstMessageOnFirstLoadedPage = (0, import_react191.useRef)(void 0);
-  const previousNumItemsPrepended = (0, import_react191.useRef)(0);
-  const numItemsPrepended = (0, import_react191.useMemo)(() => {
+  const firstMessageOnFirstLoadedPage = (0, import_react192.useRef)(void 0);
+  const previousFirstMessageOnFirstLoadedPage = (0, import_react192.useRef)(void 0);
+  const previousNumItemsPrepended = (0, import_react192.useRef)(0);
+  const numItemsPrepended = (0, import_react192.useMemo)(() => {
     if (!messages || !messages.length) {
       previousNumItemsPrepended.current = 0;
       return 0;
@@ -45187,10 +45196,10 @@ function usePrependedMessagesCount(messages, hasDateSeparator) {
 }
 
 // src/components/MessageList/hooks/VirtualizedMessageList/useShouldForceScrollToBottom.ts
-var import_react192 = require("react");
+var import_react193 = require("react");
 function useShouldForceScrollToBottom(messages, currentUserId) {
-  const lastFocusedOwnMessage = (0, import_react192.useRef)("");
-  const initialFocusRegistered = (0, import_react192.useRef)(false);
+  const lastFocusedOwnMessage = (0, import_react193.useRef)("");
+  const initialFocusRegistered = (0, import_react193.useRef)(false);
   function recheckForNewOwnMessage() {
     if (messages && messages.length > 0) {
       const lastMessage = messages[messages.length - 1];
@@ -45201,7 +45210,7 @@ function useShouldForceScrollToBottom(messages, currentUserId) {
     }
     return false;
   }
-  (0, import_react192.useEffect)(() => {
+  (0, import_react193.useEffect)(() => {
     if (messages && messages.length && !initialFocusRegistered.current) {
       initialFocusRegistered.current = true;
       recheckForNewOwnMessage();
@@ -45211,11 +45220,11 @@ function useShouldForceScrollToBottom(messages, currentUserId) {
 }
 
 // src/components/MessageList/hooks/VirtualizedMessageList/useGiphyPreview.ts
-var import_react193 = require("react");
+var import_react194 = require("react");
 var useGiphyPreview = (separateGiphyPreview) => {
-  const [giphyPreviewMessage, setGiphyPreviewMessage] = (0, import_react193.useState)();
+  const [giphyPreviewMessage, setGiphyPreviewMessage] = (0, import_react194.useState)();
   const { client } = useChatContext("useGiphyPreview");
-  (0, import_react193.useEffect)(() => {
+  (0, import_react194.useEffect)(() => {
     if (!separateGiphyPreview) return;
     const handleEvent = (event) => {
       const { message, user } = event;
@@ -45233,11 +45242,11 @@ var useGiphyPreview = (separateGiphyPreview) => {
 };
 
 // src/components/MessageList/hooks/VirtualizedMessageList/useMessageSetKey.ts
-var import_react194 = require("react");
+var import_react195 = require("react");
 var useMessageSetKey = ({ messages }) => {
-  const [messageSetKey, setMessageSetKey] = (0, import_react194.useState)(+/* @__PURE__ */ new Date());
-  const firstMessageId = (0, import_react194.useRef)(void 0);
-  (0, import_react194.useEffect)(() => {
+  const [messageSetKey, setMessageSetKey] = (0, import_react195.useState)(+/* @__PURE__ */ new Date());
+  const firstMessageId = (0, import_react195.useRef)(void 0);
+  (0, import_react195.useEffect)(() => {
     const continuousSet = messages?.find(
       (message) => message.id === firstMessageId.current
     );
@@ -45252,24 +45261,24 @@ var useMessageSetKey = ({ messages }) => {
 };
 
 // src/components/MessageList/hooks/VirtualizedMessageList/useScrollToBottomOnNewMessage.ts
-var import_react195 = require("react");
+var import_react196 = require("react");
 var useScrollToBottomOnNewMessage = ({
   messages,
   scrollToBottom,
   scrollToLatestMessageOnFocus
 }) => {
-  const [newMessagesReceivedInBackground, setNewMessagesReceivedInBackground] = (0, import_react195.useState)(false);
-  const scrollToBottomIfConfigured = (0, import_react195.useRef)(void 0);
+  const [newMessagesReceivedInBackground, setNewMessagesReceivedInBackground] = (0, import_react196.useState)(false);
+  const scrollToBottomIfConfigured = (0, import_react196.useRef)(void 0);
   scrollToBottomIfConfigured.current = (event) => {
     if (!scrollToLatestMessageOnFocus || !newMessagesReceivedInBackground || event.target !== window) {
       return;
     }
     setTimeout(scrollToBottom, 100);
   };
-  (0, import_react195.useEffect)(() => {
+  (0, import_react196.useEffect)(() => {
     setNewMessagesReceivedInBackground(true);
   }, [messages]);
-  (0, import_react195.useEffect)(() => {
+  (0, import_react196.useEffect)(() => {
     const handleFocus = (event) => {
       scrollToBottomIfConfigured.current?.(event);
     };
@@ -45288,14 +45297,14 @@ var useScrollToBottomOnNewMessage = ({
 };
 
 // src/components/MessageList/hooks/VirtualizedMessageList/useUnreadMessagesNotificationVirtualized.ts
-var import_react196 = require("react");
+var import_react197 = require("react");
 var useUnreadMessagesNotificationVirtualized = ({
   lastRead,
   showAlways,
   unreadCount
 }) => {
-  const [show, setShow] = (0, import_react196.useState)(false);
-  const toggleShowUnreadMessagesNotification = (0, import_react196.useCallback)(
+  const [show, setShow] = (0, import_react197.useState)(false);
+  const toggleShowUnreadMessagesNotification = (0, import_react197.useCallback)(
     (renderedMessages) => {
       if (!unreadCount) return;
       const firstRenderedMessage = renderedMessages[0];
@@ -45316,7 +45325,7 @@ var useUnreadMessagesNotificationVirtualized = ({
     },
     [lastRead, showAlways, unreadCount]
   );
-  (0, import_react196.useEffect)(() => {
+  (0, import_react197.useEffect)(() => {
     if (!unreadCount) setShow(false);
   }, [unreadCount]);
   return { show, toggleShowUnreadMessagesNotification };
@@ -45325,7 +45334,7 @@ var useUnreadMessagesNotificationVirtualized = ({
 // src/components/MessageList/VirtualizedMessageListComponents.tsx
 var import_clsx51 = __toESM(require("clsx"));
 var import_lodash17 = __toESM(require("lodash.throttle"));
-var import_react197 = __toESM(require("react"));
+var import_react198 = __toESM(require("react"));
 var PREPEND_OFFSET = 10 ** 7;
 function calculateItemIndex(virtuosoIndex, numItemsPrepended) {
   return virtuosoIndex + numItemsPrepended - PREPEND_OFFSET;
@@ -45343,10 +45352,10 @@ var makeItemsRenderedHandler = (renderedItemsActions, processedMessages) => (0,
   );
 }, 200);
 var Item = ({ context, ...props }) => {
-  if (!context) return /* @__PURE__ */ import_react197.default.createElement(import_react197.default.Fragment, null);
+  if (!context) return /* @__PURE__ */ import_react198.default.createElement(import_react198.default.Fragment, null);
   const message = context.processedMessages[calculateItemIndex(props["data-item-index"], context.numItemsPrepended)];
   const groupStyles = context.messageGroupStyles[message.id];
-  return /* @__PURE__ */ import_react197.default.createElement(
+  return /* @__PURE__ */ import_react198.default.createElement(
     "div",
     {
       ...props,
@@ -45360,13 +45369,13 @@ var Header = ({ context }) => {
   const { LoadingIndicator: LoadingIndicator2 = LoadingIndicator } = useComponentContext(
     "VirtualizedMessageListHeader"
   );
-  return /* @__PURE__ */ import_react197.default.createElement(import_react197.default.Fragment, null, context?.head, context?.loadingMore && LoadingIndicator2 && /* @__PURE__ */ import_react197.default.createElement("div", { className: "str-chat__virtual-list__loading" }, /* @__PURE__ */ import_react197.default.createElement(LoadingIndicator2, { size: 20 })));
+  return /* @__PURE__ */ import_react198.default.createElement(import_react198.default.Fragment, null, context?.head, context?.loadingMore && LoadingIndicator2 && /* @__PURE__ */ import_react198.default.createElement("div", { className: "str-chat__virtual-list__loading" }, /* @__PURE__ */ import_react198.default.createElement(LoadingIndicator2, { size: 20 })));
 };
 var EmptyPlaceholder = ({ context }) => {
   const { EmptyStateIndicator: EmptyStateIndicator2 = EmptyStateIndicator } = useComponentContext(
     "VirtualizedMessageList"
   );
-  return /* @__PURE__ */ import_react197.default.createElement(import_react197.default.Fragment, null, EmptyStateIndicator2 && /* @__PURE__ */ import_react197.default.createElement(EmptyStateIndicator2, { listType: context?.threadList ? "thread" : "message" }));
+  return /* @__PURE__ */ import_react198.default.createElement(import_react198.default.Fragment, null, EmptyStateIndicator2 && /* @__PURE__ */ import_react198.default.createElement(EmptyStateIndicator2, { listType: context?.threadList ? "thread" : "message" }));
 };
 var messageRenderer = (virtuosoIndex, _data, virtuosoContext) => {
   const {
@@ -45402,12 +45411,12 @@ var messageRenderer = (virtuosoIndex, _data, virtuosoContext) => {
     return customMessageRenderer(messageList, streamMessageIndex);
   }
   const message = messageList[streamMessageIndex];
-  if (!message || isIntroMessage(message)) return /* @__PURE__ */ import_react197.default.createElement("div", { style: { height: "1px" } });
+  if (!message || isIntroMessage(message)) return /* @__PURE__ */ import_react198.default.createElement("div", { style: { height: "1px" } });
   if (isDateSeparatorMessage(message)) {
-    return DateSeparator2 ? /* @__PURE__ */ import_react197.default.createElement(DateSeparator2, { date: message.date, unread: message.unread }) : null;
+    return DateSeparator2 ? /* @__PURE__ */ import_react198.default.createElement(DateSeparator2, { date: message.date, unread: message.unread }) : null;
   }
   if (message.type === "system") {
-    return MessageSystem ? /* @__PURE__ */ import_react197.default.createElement(MessageSystem, { message }) : null;
+    return MessageSystem ? /* @__PURE__ */ import_react198.default.createElement(MessageSystem, { message }) : null;
   }
   const maybePrevMessage = messageList[streamMessageIndex - 1];
   const maybeNextMessage = messageList[streamMessageIndex + 1];
@@ -45423,7 +45432,7 @@ var messageRenderer = (virtuosoIndex, _data, virtuosoContext) => {
     previousMessage: streamMessageIndex ? messageList[streamMessageIndex - 1] : void 0,
     unreadMessageCount
   });
-  return /* @__PURE__ */ import_react197.default.createElement(import_react197.default.Fragment, null, isFirstUnreadMessage && /* @__PURE__ */ import_react197.default.createElement("div", { className: "str-chat__unread-messages-separator-wrapper" }, /* @__PURE__ */ import_react197.default.createElement(UnreadMessagesSeparator2, { unreadCount: unreadMessageCount })), /* @__PURE__ */ import_react197.default.createElement(
+  return /* @__PURE__ */ import_react198.default.createElement(import_react198.default.Fragment, null, isFirstUnreadMessage && /* @__PURE__ */ import_react198.default.createElement("div", { className: "str-chat__unread-messages-separator-wrapper" }, /* @__PURE__ */ import_react198.default.createElement(UnreadMessagesSeparator2, { unreadCount: unreadMessageCount })), /* @__PURE__ */ import_react198.default.createElement(
     Message,
     {
       additionalMessageInputProps,
@@ -45450,12 +45459,12 @@ var messageRenderer = (virtuosoIndex, _data, virtuosoContext) => {
 };
 
 // src/context/VirtualizedMessageListContext.tsx
-var import_react198 = __toESM(require("react"));
-var VirtualizedMessageListContext = (0, import_react198.createContext)(void 0);
+var import_react199 = __toESM(require("react"));
+var VirtualizedMessageListContext = (0, import_react199.createContext)(void 0);
 var VirtualizedMessageListContextProvider = ({
   children,
   value
-}) => /* @__PURE__ */ import_react198.default.createElement(
+}) => /* @__PURE__ */ import_react199.default.createElement(
   VirtualizedMessageListContext.Provider,
   {
     value
@@ -45470,7 +45479,7 @@ function captureResizeObserverExceededError(e) {
   }
 }
 function useCaptureResizeObserverExceededError() {
-  (0, import_react199.useEffect)(() => {
+  (0, import_react200.useEffect)(() => {
     window.addEventListener("error", captureResizeObserverExceededError);
     return () => {
       window.removeEventListener("error", captureResizeObserverExceededError);
@@ -45554,15 +45563,15 @@ var VirtualizedMessageListWithContext = (props) => {
   } = useComponentContext("VirtualizedMessageList");
   const MessageUIComponent = MessageUIComponentFromProps || MessageUIComponentFromContext;
   const { client, customClasses } = useChatContext("VirtualizedMessageList");
-  const virtuoso = (0, import_react199.useRef)(null);
-  const lastRead = (0, import_react199.useMemo)(() => channel.lastRead?.(), [channel]);
+  const virtuoso = (0, import_react200.useRef)(null);
+  const lastRead = (0, import_react200.useMemo)(() => channel.lastRead?.(), [channel]);
   const { show: showUnreadMessagesNotification, toggleShowUnreadMessagesNotification } = useUnreadMessagesNotificationVirtualized({
     lastRead: channelUnreadUiState?.last_read,
     showAlways: !!showUnreadNotificationAlways,
     unreadCount: channelUnreadUiState?.unread_messages ?? 0
   });
   const { giphyPreviewMessage, setGiphyPreviewMessage } = useGiphyPreview(separateGiphyPreview);
-  const processedMessages = (0, import_react199.useMemo)(() => {
+  const processedMessages = (0, import_react200.useMemo)(() => {
     if (typeof messages === "undefined") {
       return [];
     }
@@ -45594,12 +45603,12 @@ var VirtualizedMessageListWithContext = (props) => {
     returnAllReadData,
     userID: client.userID
   });
-  const lastReceivedMessageId = (0, import_react199.useMemo)(
+  const lastReceivedMessageId = (0, import_react200.useMemo)(
     () => getLastReceived(processedMessages),
     [processedMessages]
   );
   const groupStylesFn = groupStyles || getGroupStyles;
-  const messageGroupStyles = (0, import_react199.useMemo)(
+  const messageGroupStyles = (0, import_react200.useMemo)(
     () => processedMessages.reduce((acc, message, i) => {
       const style = groupStylesFn(
         message,
@@ -45632,7 +45641,7 @@ var VirtualizedMessageListWithContext = (props) => {
     messageListIsThread: !!threadList,
     wasMarkedUnread: !!channelUnreadUiState?.first_unread_message_id
   });
-  const scrollToBottom = (0, import_react199.useCallback)(async () => {
+  const scrollToBottom = (0, import_react200.useCallback)(async () => {
     if (hasMoreNewer) {
       await jumpToLatestMessage();
       return;
@@ -45664,7 +45673,7 @@ var VirtualizedMessageListWithContext = (props) => {
     processedMessages,
     client.userID
   );
-  const handleItemsRendered = (0, import_react199.useMemo)(
+  const handleItemsRendered = (0, import_react200.useMemo)(
     () => makeItemsRenderedHandler([toggleShowUnreadMessagesNotification], processedMessages),
     [processedMessages, toggleShowUnreadMessagesNotification]
   );
@@ -45677,7 +45686,7 @@ var VirtualizedMessageListWithContext = (props) => {
     }
     return isAtBottom ? stickToBottomScrollBehavior : false;
   };
-  const computeItemKey2 = (0, import_react199.useCallback)(
+  const computeItemKey2 = (0, import_react200.useCallback)(
     (index3, _, { numItemsPrepended: numItemsPrepended2, processedMessages: processedMessages2 }) => processedMessages2[calculateItemIndex(index3, numItemsPrepended2)].id,
     []
   );
@@ -45694,7 +45703,7 @@ var VirtualizedMessageListWithContext = (props) => {
       loadMore?.(messageLimit);
     }
   };
-  (0, import_react199.useEffect)(() => {
+  (0, import_react200.useEffect)(() => {
     let scrollTimeout;
     if (highlightedMessageId) {
       const index3 = findMessageIndex(processedMessages, highlightedMessageId);
@@ -45708,19 +45717,20 @@ var VirtualizedMessageListWithContext = (props) => {
       clearTimeout(scrollTimeout);
     };
   }, [highlightedMessageId, processedMessages]);
+  const id = useStableId();
   if (!processedMessages) return null;
-  const dialogManagerId = threadList ? "virtualized-message-list-dialog-manager-thread" : "virtualized-message-list-dialog-manager";
-  return /* @__PURE__ */ import_react199.default.createElement(VirtualizedMessageListContextProvider, { value: { scrollToBottom } }, /* @__PURE__ */ import_react199.default.createElement(MessageListMainPanel2, null, /* @__PURE__ */ import_react199.default.createElement(DialogManagerProvider, { id: dialogManagerId }, !threadList && showUnreadMessagesNotification && /* @__PURE__ */ import_react199.default.createElement(
+  const dialogManagerId = threadList ? `virtualized-message-list-dialog-manager-thread-${id}` : `virtualized-message-list-dialog-manager-${id}`;
+  return /* @__PURE__ */ import_react200.default.createElement(VirtualizedMessageListContextProvider, { value: { scrollToBottom } }, /* @__PURE__ */ import_react200.default.createElement(MessageListMainPanel2, null, /* @__PURE__ */ import_react200.default.createElement(DialogManagerProvider, { id: dialogManagerId }, !threadList && showUnreadMessagesNotification && /* @__PURE__ */ import_react200.default.createElement(
     UnreadMessagesNotification2,
     {
       unreadCount: channelUnreadUiState?.unread_messages
     }
-  ), /* @__PURE__ */ import_react199.default.createElement(
+  ), /* @__PURE__ */ import_react200.default.createElement(
     "div",
     {
       className: customClasses?.virtualizedMessageList || "str-chat__virtual-list"
     },
-    /* @__PURE__ */ import_react199.default.createElement(
+    /* @__PURE__ */ import_react200.default.createElement(
       import_react_virtuoso3.Virtuoso,
       {
         atBottomStateChange,
@@ -45786,7 +45796,7 @@ var VirtualizedMessageListWithContext = (props) => {
         ...defaultItemHeight ? { defaultItemHeight } : {}
       }
     )
-  )), TypingIndicator2 && /* @__PURE__ */ import_react199.default.createElement(TypingIndicator2, null)), /* @__PURE__ */ import_react199.default.createElement(
+  )), TypingIndicator2 && /* @__PURE__ */ import_react200.default.createElement(TypingIndicator2, null)), /* @__PURE__ */ import_react200.default.createElement(
     MessageListNotifications2,
     {
       hasNewMessages: newMessagesNotification,
@@ -45798,7 +45808,7 @@ var VirtualizedMessageListWithContext = (props) => {
       threadList,
       unreadCount: threadList ? void 0 : channelUnreadUiState?.unread_messages
     }
-  ), giphyPreviewMessage && /* @__PURE__ */ import_react199.default.createElement(GiphyPreviewMessage2, { message: giphyPreviewMessage }));
+  ), giphyPreviewMessage && /* @__PURE__ */ import_react200.default.createElement(GiphyPreviewMessage2, { message: giphyPreviewMessage }));
 };
 function VirtualizedMessageList(props) {
   const { jumpToLatestMessage, loadMore, loadMoreNewer } = useChannelActionContext(
@@ -45818,7 +45828,7 @@ function VirtualizedMessageList(props) {
     suppressAutoscroll
   } = useChannelStateContext("VirtualizedMessageList");
   const messages = props.messages || contextMessages;
-  return /* @__PURE__ */ import_react199.default.createElement(
+  return /* @__PURE__ */ import_react200.default.createElement(
     VirtualizedMessageListWithContext,
     {
       channel,
@@ -45862,8 +45872,8 @@ var MessageSimpleWithContext = (props) => {
   } = props;
   const { client } = useChatContext("MessageSimple");
   const { t } = useTranslationContext("MessageSimple");
-  const [isBounceDialogOpen, setIsBounceDialogOpen] = (0, import_react200.useState)(false);
-  const [isEditedTimestampOpen, setEditedTimestampOpen] = (0, import_react200.useState)(false);
+  const [isBounceDialogOpen, setIsBounceDialogOpen] = (0, import_react201.useState)(false);
+  const [isEditedTimestampOpen, setEditedTimestampOpen] = (0, import_react201.useState)(false);
   const {
     Attachment: Attachment2 = Attachment,
     Avatar: Avatar2 = Avatar,
@@ -45883,7 +45893,7 @@ var MessageSimpleWithContext = (props) => {
   } = useComponentContext("MessageSimple");
   const hasAttachment = messageHasAttachments(message);
   const hasReactions = messageHasReactions(message);
-  const isAIGenerated = (0, import_react200.useMemo)(
+  const isAIGenerated = (0, import_react201.useMemo)(
     () => isMessageAIGenerated?.(message),
     [isMessageAIGenerated, message]
   );
@@ -45891,10 +45901,10 @@ var MessageSimpleWithContext = (props) => {
     return null;
   }
   if (message.deleted_at || message.type === "deleted") {
-    return /* @__PURE__ */ import_react200.default.createElement(MessageDeleted2, { message });
+    return /* @__PURE__ */ import_react201.default.createElement(MessageDeleted2, { message });
   }
   if (isMessageBlocked(message)) {
-    return /* @__PURE__ */ import_react200.default.createElement(MessageBlocked2, null);
+    return /* @__PURE__ */ import_react201.default.createElement(MessageBlocked2, null);
   }
   const showMetadata = !groupedByUser || endOfGroup;
   const showReplyCountButton = !threadList && !!message.reply_count;
@@ -45928,14 +45938,14 @@ var MessageSimpleWithContext = (props) => {
     }
   );
   const poll = message.poll_id && client.polls.fromState(message.poll_id);
-  return /* @__PURE__ */ import_react200.default.createElement(import_react200.default.Fragment, null, editing && /* @__PURE__ */ import_react200.default.createElement(EditMessageModal, { additionalMessageInputProps }), isBounceDialogOpen && /* @__PURE__ */ import_react200.default.createElement(
+  return /* @__PURE__ */ import_react201.default.createElement(import_react201.default.Fragment, null, editing && /* @__PURE__ */ import_react201.default.createElement(EditMessageModal, { additionalMessageInputProps }), isBounceDialogOpen && /* @__PURE__ */ import_react201.default.createElement(
     MessageBounceModal,
     {
       MessageBouncePrompt: MessageBouncePrompt2,
       onClose: () => setIsBounceDialogOpen(false),
       open: isBounceDialogOpen
     }
-  ), /* @__PURE__ */ import_react200.default.createElement("div", { className: rootClassName2, key: message.id }, PinIndicator2 && /* @__PURE__ */ import_react200.default.createElement(PinIndicator2, null), message.user && /* @__PURE__ */ import_react200.default.createElement(
+  ), /* @__PURE__ */ import_react201.default.createElement("div", { className: rootClassName2, key: message.id }, PinIndicator2 && /* @__PURE__ */ import_react201.default.createElement(PinIndicator2, null), message.user && /* @__PURE__ */ import_react201.default.createElement(
     Avatar2,
     {
       image: message.user.image,
@@ -45944,7 +45954,7 @@ var MessageSimpleWithContext = (props) => {
       onMouseOver: onUserHover,
       user: message.user
     }
-  ), /* @__PURE__ */ import_react200.default.createElement(
+  ), /* @__PURE__ */ import_react201.default.createElement(
     "div",
     {
       className: (0, import_clsx52.default)("str-chat__message-inner", {
@@ -45954,37 +45964,37 @@ var MessageSimpleWithContext = (props) => {
       onClick: handleClick,
       onKeyUp: handleClick
     },
-    /* @__PURE__ */ import_react200.default.createElement(MessageActions2, null),
-    /* @__PURE__ */ import_react200.default.createElement("div", { className: "str-chat__message-reactions-host" }, hasReactions && /* @__PURE__ */ import_react200.default.createElement(ReactionsList2, { reverse: true })),
-    /* @__PURE__ */ import_react200.default.createElement("div", { className: "str-chat__message-bubble" }, poll && /* @__PURE__ */ import_react200.default.createElement(Poll, { poll }), message.attachments?.length && !message.quoted_message ? /* @__PURE__ */ import_react200.default.createElement(
+    /* @__PURE__ */ import_react201.default.createElement(MessageActions2, null),
+    /* @__PURE__ */ import_react201.default.createElement("div", { className: "str-chat__message-reactions-host" }, hasReactions && /* @__PURE__ */ import_react201.default.createElement(ReactionsList2, { reverse: true })),
+    /* @__PURE__ */ import_react201.default.createElement("div", { className: "str-chat__message-bubble" }, poll && /* @__PURE__ */ import_react201.default.createElement(Poll, { poll }), message.attachments?.length && !message.quoted_message ? /* @__PURE__ */ import_react201.default.createElement(
       Attachment2,
       {
         actionHandler: handleAction,
         attachments: message.attachments
       }
-    ) : null, isAIGenerated ? /* @__PURE__ */ import_react200.default.createElement(StreamedMessageText2, { message, renderText: renderText2 }) : /* @__PURE__ */ import_react200.default.createElement(MessageText, { message, renderText: renderText2 }), message.mml && /* @__PURE__ */ import_react200.default.createElement(
+    ) : null, isAIGenerated ? /* @__PURE__ */ import_react201.default.createElement(StreamedMessageText2, { message, renderText: renderText2 }) : /* @__PURE__ */ import_react201.default.createElement(MessageText, { message, renderText: renderText2 }), message.mml && /* @__PURE__ */ import_react201.default.createElement(
       MML3,
       {
         actionHandler: handleAction,
         align: isMyMessage() ? "right" : "left",
         source: message.mml
       }
-    ), /* @__PURE__ */ import_react200.default.createElement(MessageErrorIcon, null))
-  ), showReplyCountButton && /* @__PURE__ */ import_react200.default.createElement(
+    ), /* @__PURE__ */ import_react201.default.createElement(MessageErrorIcon, null))
+  ), showReplyCountButton && /* @__PURE__ */ import_react201.default.createElement(
     MessageRepliesCountButton2,
     {
       onClick: handleOpenThread,
       reply_count: message.reply_count
     }
-  ), showMetadata && /* @__PURE__ */ import_react200.default.createElement("div", { className: "str-chat__message-metadata" }, /* @__PURE__ */ import_react200.default.createElement(MessageStatus2, null), !isMyMessage() && !!message.user && /* @__PURE__ */ import_react200.default.createElement("span", { className: "str-chat__message-simple-name" }, message.user.name || message.user.id), /* @__PURE__ */ import_react200.default.createElement(MessageTimestamp2, { customClass: "str-chat__message-simple-timestamp" }), isEdited && /* @__PURE__ */ import_react200.default.createElement("span", { className: "str-chat__mesage-simple-edited" }, t("Edited")), isEdited && /* @__PURE__ */ import_react200.default.createElement(MessageEditedTimestamp, { calendar: true, open: isEditedTimestampOpen }))));
+  ), showMetadata && /* @__PURE__ */ import_react201.default.createElement("div", { className: "str-chat__message-metadata" }, /* @__PURE__ */ import_react201.default.createElement(MessageStatus2, null), !isMyMessage() && !!message.user && /* @__PURE__ */ import_react201.default.createElement("span", { className: "str-chat__message-simple-name" }, message.user.name || message.user.id), /* @__PURE__ */ import_react201.default.createElement(MessageTimestamp2, { customClass: "str-chat__message-simple-timestamp" }), isEdited && /* @__PURE__ */ import_react201.default.createElement("span", { className: "str-chat__mesage-simple-edited" }, t("Edited")), isEdited && /* @__PURE__ */ import_react201.default.createElement(MessageEditedTimestamp, { calendar: true, open: isEditedTimestampOpen }))));
 };
-var MemoizedMessageSimple = import_react200.default.memo(
+var MemoizedMessageSimple = import_react201.default.memo(
   MessageSimpleWithContext,
   areMessageUIPropsEqual
 );
 var MessageSimple = (props) => {
   const messageContext = useMessageContext("MessageSimple");
-  return /* @__PURE__ */ import_react200.default.createElement(MemoizedMessageSimple, { ...messageContext, ...props });
+  return /* @__PURE__ */ import_react201.default.createElement(MemoizedMessageSimple, { ...messageContext, ...props });
 };
 
 // src/components/Message/Message.tsx
@@ -46020,11 +46030,11 @@ var MessageWithContext = (props) => {
     canReply,
     isMyMessage
   } = userRoles;
-  const messageIsUnread = (0, import_react201.useMemo)(
+  const messageIsUnread = (0, import_react202.useMemo)(
     () => !!(!isMyMessage && client.user?.id && read && (!read[client.user.id] || message?.created_at && new Date(message.created_at).getTime() > read[client.user.id].last_read.getTime())),
     [client, isMyMessage, message.created_at, read]
   );
-  const messageActionsHandler = (0, import_react201.useCallback)(
+  const messageActionsHandler = (0, import_react202.useCallback)(
     () => getMessageActions(messageActions, {
       canDelete,
       canEdit,
@@ -46078,9 +46088,9 @@ var MessageWithContext = (props) => {
     onUserHover,
     setEditingState: setEdit
   };
-  return /* @__PURE__ */ import_react201.default.createElement(MessageProvider, { value: messageContextValue }, /* @__PURE__ */ import_react201.default.createElement(MessageUIComponent, { groupedByUser }));
+  return /* @__PURE__ */ import_react202.default.createElement(MessageProvider, { value: messageContextValue }, /* @__PURE__ */ import_react202.default.createElement(MessageUIComponent, { groupedByUser }));
 };
-var MemoizedMessage = import_react201.default.memo(
+var MemoizedMessage = import_react202.default.memo(
   MessageWithContext,
   areMessagePropsEqual
 );
@@ -46147,7 +46157,7 @@ var Message = (props) => {
     notify: addNotification
   });
   const highlighted = highlightedMessageId === message.id;
-  return /* @__PURE__ */ import_react201.default.createElement(
+  return /* @__PURE__ */ import_react202.default.createElement(
     MemoizedMessage,
     {
       additionalMessageInputProps: props.additionalMessageInputProps,
@@ -46197,13 +46207,13 @@ var Message = (props) => {
 };
 
 // src/components/Thread/ThreadHeader.tsx
-var import_react203 = __toESM(require("react"));
+var import_react204 = __toESM(require("react"));
 
 // src/components/Thread/icons.tsx
-var import_react202 = __toESM(require("react"));
+var import_react203 = __toESM(require("react"));
 var CloseIcon3 = ({ title }) => {
   const { t } = useTranslationContext("CloseIcon");
-  return /* @__PURE__ */ import_react202.default.createElement(
+  return /* @__PURE__ */ import_react203.default.createElement(
     "svg",
     {
       "data-testid": "close-no-outline",
@@ -46211,8 +46221,8 @@ var CloseIcon3 = ({ title }) => {
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__PURE__ */ import_react202.default.createElement("title", null, title ?? t("Close")),
-    /* @__PURE__ */ import_react202.default.createElement(
+    /* @__PURE__ */ import_react203.default.createElement("title", null, title ?? t("Close")),
+    /* @__PURE__ */ import_react203.default.createElement(
       "path",
       {
         d: "M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z",
@@ -46232,7 +46242,7 @@ var ThreadHeader = (props) => {
     overrideImage,
     overrideTitle
   });
-  return /* @__PURE__ */ import_react203.default.createElement("div", { className: "str-chat__thread-header" }, /* @__PURE__ */ import_react203.default.createElement("div", { className: "str-chat__thread-header-details" }, /* @__PURE__ */ import_react203.default.createElement("div", { className: "str-chat__thread-header-title" }, t("Thread")), /* @__PURE__ */ import_react203.default.createElement("div", { className: "str-chat__thread-header-subtitle" }, displayTitle)), /* @__PURE__ */ import_react203.default.createElement(
+  return /* @__PURE__ */ import_react204.default.createElement("div", { className: "str-chat__thread-header" }, /* @__PURE__ */ import_react204.default.createElement("div", { className: "str-chat__thread-header-details" }, /* @__PURE__ */ import_react204.default.createElement("div", { className: "str-chat__thread-header-title" }, t("Thread")), /* @__PURE__ */ import_react204.default.createElement("div", { className: "str-chat__thread-header-subtitle" }, displayTitle)), /* @__PURE__ */ import_react204.default.createElement(
     "button",
     {
       "aria-label": t("aria/Close thread"),
@@ -46240,31 +46250,31 @@ var ThreadHeader = (props) => {
       "data-testid": "close-button",
       onClick: closeThread
     },
-    /* @__PURE__ */ import_react203.default.createElement(CloseIcon3, null)
+    /* @__PURE__ */ import_react204.default.createElement(CloseIcon3, null)
   ));
 };
 
 // src/components/Thread/ThreadHead.tsx
-var import_react205 = __toESM(require("react"));
+var import_react206 = __toESM(require("react"));
 
 // src/components/Thread/ThreadStart.tsx
-var import_react204 = __toESM(require("react"));
+var import_react205 = __toESM(require("react"));
 var ThreadStart = () => {
   const { thread } = useChannelStateContext("ThreadStart");
   const { t } = useTranslationContext("ThreadStart");
   if (!thread?.reply_count) return null;
-  return /* @__PURE__ */ import_react204.default.createElement("div", { className: "str-chat__thread-start" }, t("replyCount", { count: thread.reply_count }));
+  return /* @__PURE__ */ import_react205.default.createElement("div", { className: "str-chat__thread-start" }, t("replyCount", { count: thread.reply_count }));
 };
 
 // src/components/Thread/ThreadHead.tsx
 var ThreadHead = (props) => {
   const { ThreadStart: ThreadStart2 = ThreadStart } = useComponentContext("ThreadHead");
-  return /* @__PURE__ */ import_react205.default.createElement("div", { className: "str-chat__parent-message-li" }, /* @__PURE__ */ import_react205.default.createElement(Message, { initialMessage: true, threadList: true, ...props }), /* @__PURE__ */ import_react205.default.createElement(ThreadStart2, null));
+  return /* @__PURE__ */ import_react206.default.createElement("div", { className: "str-chat__parent-message-li" }, /* @__PURE__ */ import_react206.default.createElement(Message, { initialMessage: true, threadList: true, ...props }), /* @__PURE__ */ import_react206.default.createElement(ThreadStart2, null));
 };
 
 // src/components/Thread/Thread.tsx
-var LegacyThreadContext = import_react206.default.createContext({ legacyThread: void 0 });
-var useLegacyThreadContext = () => (0, import_react206.useContext)(LegacyThreadContext);
+var LegacyThreadContext = import_react207.default.createContext({ legacyThread: void 0 });
+var useLegacyThreadContext = () => (0, import_react207.useContext)(LegacyThreadContext);
 var Thread = (props) => {
   const { channel, channelConfig, thread } = useChannelStateContext("Thread");
   const threadInstance = useThreadContext();
@@ -46272,7 +46282,7 @@ var Thread = (props) => {
   if (channelConfig?.replies === false) return null;
   return (
     // FIXME: TS is having trouble here as at least one of the two would always be defined
-    /* @__PURE__ */ import_react206.default.createElement(
+    /* @__PURE__ */ import_react207.default.createElement(
       ThreadInner,
       {
         ...props,
@@ -46323,7 +46333,7 @@ var ThreadInner = (props) => {
   const FallbackMessage = virtualized && VirtualMessage ? VirtualMessage : ContextMessage;
   const MessageUIComponent = ThreadMessage || FallbackMessage;
   const ThreadMessageList = virtualized ? VirtualizedMessageList : MessageList;
-  (0, import_react206.useEffect)(() => {
+  (0, import_react207.useEffect)(() => {
     if (threadInstance) return;
     if ((thread?.reply_count ?? 0) > 0) {
       loadMoreThread();
@@ -46346,7 +46356,7 @@ var ThreadInner = (props) => {
   const threadClass = customClasses?.thread || (0, import_clsx53.default)("str-chat__thread-container str-chat__thread", {
     "str-chat__thread--virtualized": virtualized
   });
-  const head = /* @__PURE__ */ import_react206.default.createElement(
+  const head = /* @__PURE__ */ import_react207.default.createElement(
     ThreadHead2,
     {
       key: messageAsThread.id,
@@ -46357,14 +46367,14 @@ var ThreadInner = (props) => {
   );
   return (
     // Thread component needs a context which we can use for message composer
-    /* @__PURE__ */ import_react206.default.createElement(
+    /* @__PURE__ */ import_react207.default.createElement(
       LegacyThreadContext.Provider,
       {
         value: {
           legacyThread: thread ?? void 0
         }
       },
-      /* @__PURE__ */ import_react206.default.createElement("div", { className: threadClass }, /* @__PURE__ */ import_react206.default.createElement(ThreadHeader2, { closeThread, thread: messageAsThread }), /* @__PURE__ */ import_react206.default.createElement(
+      /* @__PURE__ */ import_react207.default.createElement("div", { className: threadClass }, /* @__PURE__ */ import_react207.default.createElement(ThreadHeader2, { closeThread, thread: messageAsThread }), /* @__PURE__ */ import_react207.default.createElement(
         ThreadMessageList,
         {
           disableDateSeparator: !enableDateSeparator,
@@ -46376,7 +46386,7 @@ var ThreadInner = (props) => {
           ...threadProps,
           ...virtualized ? additionalVirtualizedMessageListProps : additionalMessageListProps
         }
-      ), /* @__PURE__ */ import_react206.default.createElement(
+      ), /* @__PURE__ */ import_react207.default.createElement(
         MessageInput,
         {
           focus: autoFocus,
@@ -46398,15 +46408,15 @@ var useMessageComposer = () => {
   const { editing, message: editedMessage } = useMessageContext();
   const { legacyThread: parentMessage } = useLegacyThreadContext();
   const threadInstance = useThreadContext();
-  const cachedEditedMessage = (0, import_react207.useMemo)(() => {
+  const cachedEditedMessage = (0, import_react208.useMemo)(() => {
     if (!editedMessage) return void 0;
     return editedMessage;
   }, [editedMessage?.id]);
-  const cachedParentMessage = (0, import_react207.useMemo)(() => {
+  const cachedParentMessage = (0, import_react208.useMemo)(() => {
     if (!parentMessage) return void 0;
     return parentMessage;
   }, [parentMessage?.id]);
-  const messageComposer = (0, import_react207.useMemo)(() => {
+  const messageComposer = (0, import_react208.useMemo)(() => {
     if (editing && cachedEditedMessage) {
       const tag = import_stream_chat6.MessageComposer.constructTag(cachedEditedMessage);
       const cachedComposer = queueCache.get(tag);
@@ -46446,7 +46456,7 @@ var useMessageComposer = () => {
   ) && !queueCache.peek(messageComposer.tag)) {
     queueCache.add(messageComposer.tag, messageComposer);
   }
-  (0, import_react207.useEffect)(() => {
+  (0, import_react208.useEffect)(() => {
     const unsubscribe = messageComposer.registerSubscriptions();
     return () => {
       unsubscribe();
@@ -46478,24 +46488,24 @@ var useAttachmentManagerState = () => {
 var CHANNEL_CONTAINER_ID = "str-chat__channel";
 
 // src/components/Dialog/DialogMenu.tsx
-var import_react208 = __toESM(require("react"));
+var import_react209 = __toESM(require("react"));
 var import_clsx54 = __toESM(require("clsx"));
 var DialogMenuButton = ({
   children,
   className,
   ...props
-}) => /* @__PURE__ */ import_react208.default.createElement("button", { className: (0, import_clsx54.default)("str-chat__dialog-menu__button", className), ...props }, /* @__PURE__ */ import_react208.default.createElement("div", { className: "str-chat__dialog-menu__button-icon" }), /* @__PURE__ */ import_react208.default.createElement("div", { className: "str-chat__dialog-menu__button-text" }, children));
+}) => /* @__PURE__ */ import_react209.default.createElement("button", { className: (0, import_clsx54.default)("str-chat__dialog-menu__button", className), ...props }, /* @__PURE__ */ import_react209.default.createElement("div", { className: "str-chat__dialog-menu__button-icon" }), /* @__PURE__ */ import_react209.default.createElement("div", { className: "str-chat__dialog-menu__button-text" }, children));
 
 // src/context/AttachmentSelectorContext.tsx
-var import_react209 = __toESM(require("react"));
-var AttachmentSelectorContext = (0, import_react209.createContext)({
+var import_react210 = __toESM(require("react"));
+var AttachmentSelectorContext = (0, import_react210.createContext)({
   fileInput: null
 });
 var AttachmentSelectorContextProvider = ({
   children,
   value
-}) => /* @__PURE__ */ import_react209.default.createElement(AttachmentSelectorContext.Provider, { value }, children);
-var useAttachmentSelectorContext = () => (0, import_react209.useContext)(AttachmentSelectorContext);
+}) => /* @__PURE__ */ import_react210.default.createElement(AttachmentSelectorContext.Provider, { value }, children);
+var useAttachmentSelectorContext = () => (0, import_react210.useContext)(AttachmentSelectorContext);
 
 // src/components/MessageInput/AttachmentSelector.tsx
 var SimpleAttachmentSelector = () => {
@@ -46503,10 +46513,10 @@ var SimpleAttachmentSelector = () => {
     AttachmentSelectorInitiationButtonContents,
     FileUploadIcon = UploadIcon
   } = useComponentContext();
-  const inputRef = (0, import_react210.useRef)(null);
-  const [labelElement, setLabelElement] = (0, import_react210.useState)(null);
-  const id = (0, import_react210.useMemo)(() => (0, import_nanoid3.nanoid)(), []);
-  (0, import_react210.useEffect)(() => {
+  const inputRef = (0, import_react211.useRef)(null);
+  const [labelElement, setLabelElement] = (0, import_react211.useState)(null);
+  const id = useStableId();
+  (0, import_react211.useEffect)(() => {
     if (!labelElement) return;
     const handleKeyUp = (event) => {
       if (![" ", "Enter"].includes(event.key) || !inputRef.current) return;
@@ -46518,7 +46528,7 @@ var SimpleAttachmentSelector = () => {
       labelElement.removeEventListener("keyup", handleKeyUp);
     };
   }, [labelElement]);
-  return /* @__PURE__ */ import_react210.default.createElement("div", { className: "str-chat__file-input-container", "data-testid": "file-upload-button" }, /* @__PURE__ */ import_react210.default.createElement(UploadFileInput, { id, ref: inputRef }), /* @__PURE__ */ import_react210.default.createElement(
+  return /* @__PURE__ */ import_react211.default.createElement("div", { className: "str-chat__file-input-container", "data-testid": "file-upload-button" }, /* @__PURE__ */ import_react211.default.createElement(UploadFileInput, { id, ref: inputRef }), /* @__PURE__ */ import_react211.default.createElement(
     "label",
     {
       className: "str-chat__file-input-label",
@@ -46526,25 +46536,25 @@ var SimpleAttachmentSelector = () => {
       ref: setLabelElement,
       tabIndex: 0
     },
-    AttachmentSelectorInitiationButtonContents ? /* @__PURE__ */ import_react210.default.createElement(AttachmentSelectorInitiationButtonContents, null) : /* @__PURE__ */ import_react210.default.createElement(FileUploadIcon, null)
+    AttachmentSelectorInitiationButtonContents ? /* @__PURE__ */ import_react211.default.createElement(AttachmentSelectorInitiationButtonContents, null) : /* @__PURE__ */ import_react211.default.createElement(FileUploadIcon, null)
   ));
 };
 var AttachmentSelectorMenuInitButtonIcon = () => {
   const { AttachmentSelectorInitiationButtonContents, FileUploadIcon } = useComponentContext("SimpleAttachmentSelector");
   if (AttachmentSelectorInitiationButtonContents) {
-    return /* @__PURE__ */ import_react210.default.createElement(AttachmentSelectorInitiationButtonContents, null);
+    return /* @__PURE__ */ import_react211.default.createElement(AttachmentSelectorInitiationButtonContents, null);
   }
   if (FileUploadIcon) {
-    return /* @__PURE__ */ import_react210.default.createElement(FileUploadIcon, null);
+    return /* @__PURE__ */ import_react211.default.createElement(FileUploadIcon, null);
   }
-  return /* @__PURE__ */ import_react210.default.createElement("div", { className: "str-chat__attachment-selector__menu-button__icon" });
+  return /* @__PURE__ */ import_react211.default.createElement("div", { className: "str-chat__attachment-selector__menu-button__icon" });
 };
 var DefaultAttachmentSelectorComponents = {
   File({ closeMenu }) {
     const { t } = useTranslationContext();
     const { fileInput } = useAttachmentSelectorContext();
     const { isUploadEnabled } = useAttachmentManagerState();
-    return /* @__PURE__ */ import_react210.default.createElement(
+    return /* @__PURE__ */ import_react211.default.createElement(
       DialogMenuButton,
       {
         className: "str-chat__attachment-selector-actions-menu__button str-chat__attachment-selector-actions-menu__upload-file-button",
@@ -46559,7 +46569,7 @@ var DefaultAttachmentSelectorComponents = {
   },
   Poll({ closeMenu, openModalForAction }) {
     const { t } = useTranslationContext();
-    return /* @__PURE__ */ import_react210.default.createElement(
+    return /* @__PURE__ */ import_react211.default.createElement(
       DialogMenuButton,
       {
         className: "str-chat__attachment-selector-actions-menu__button str-chat__attachment-selector-actions-menu__create-poll-button",
@@ -46607,8 +46617,8 @@ var AttachmentSelector = ({
   const menuDialogId = `attachment-actions-menu${isThreadInput ? "-thread" : ""}`;
   const menuDialog = useDialog({ id: menuDialogId });
   const menuDialogIsOpen = useDialogIsOpen(menuDialogId);
-  const [modalContentAction, setModalContentActionAction] = (0, import_react210.useState)();
-  const openModal = (0, import_react210.useCallback)(
+  const [modalContentAction, setModalContentActionAction] = (0, import_react211.useState)();
+  const openModal = (0, import_react211.useCallback)(
     (actionType) => {
       const action = actions.find((a) => a.type === actionType);
       if (!action?.ModalContent) return;
@@ -46616,19 +46626,19 @@ var AttachmentSelector = ({
     },
     [actions]
   );
-  const closeModal = (0, import_react210.useCallback)(() => setModalContentActionAction(void 0), []);
-  const [fileInput, setFileInput] = (0, import_react210.useState)(null);
-  const menuButtonRef = (0, import_react210.useRef)(null);
-  const getDefaultPortalDestination = (0, import_react210.useCallback)(
+  const closeModal = (0, import_react211.useCallback)(() => setModalContentActionAction(void 0), []);
+  const [fileInput, setFileInput] = (0, import_react211.useState)(null);
+  const menuButtonRef = (0, import_react211.useRef)(null);
+  const getDefaultPortalDestination = (0, import_react211.useCallback)(
     () => document.getElementById(CHANNEL_CONTAINER_ID),
     []
   );
   if (actions.length === 0) return null;
   if (actions.length === 1 && actions[0].type === "uploadFile")
-    return /* @__PURE__ */ import_react210.default.createElement(SimpleAttachmentSelector, null);
+    return /* @__PURE__ */ import_react211.default.createElement(SimpleAttachmentSelector, null);
   const ModalContent = modalContentAction?.ModalContent;
   const modalIsOpen = !!ModalContent;
-  return /* @__PURE__ */ import_react210.default.createElement(AttachmentSelectorContextProvider, { value: { fileInput } }, /* @__PURE__ */ import_react210.default.createElement("div", { className: "str-chat__attachment-selector" }, channelCapabilities["upload-file"] && /* @__PURE__ */ import_react210.default.createElement(UploadFileInput, { ref: setFileInput }), /* @__PURE__ */ import_react210.default.createElement(
+  return /* @__PURE__ */ import_react211.default.createElement(AttachmentSelectorContextProvider, { value: { fileInput } }, /* @__PURE__ */ import_react211.default.createElement("div", { className: "str-chat__attachment-selector" }, channelCapabilities["upload-file"] && /* @__PURE__ */ import_react211.default.createElement(UploadFileInput, { ref: setFileInput }), /* @__PURE__ */ import_react211.default.createElement(
     "button",
     {
       "aria-expanded": menuDialogIsOpen,
@@ -46639,8 +46649,8 @@ var AttachmentSelector = ({
       onClick: () => menuDialog?.toggle(),
       ref: menuButtonRef
     },
-    /* @__PURE__ */ import_react210.default.createElement(AttachmentSelectorMenuInitButtonIcon, null)
-  ), /* @__PURE__ */ import_react210.default.createElement(
+    /* @__PURE__ */ import_react211.default.createElement(AttachmentSelectorMenuInitButtonIcon, null)
+  ), /* @__PURE__ */ import_react211.default.createElement(
     DialogAnchor,
     {
       id: menuDialogId,
@@ -46649,13 +46659,13 @@ var AttachmentSelector = ({
       tabIndex: -1,
       trapFocus: true
     },
-    /* @__PURE__ */ import_react210.default.createElement(
+    /* @__PURE__ */ import_react211.default.createElement(
       "div",
       {
         className: "str-chat__attachment-selector-actions-menu str-chat__dialog-menu",
         "data-testid": "attachment-selector-actions-menu"
       },
-      actions.map(({ ActionButton, type }) => /* @__PURE__ */ import_react210.default.createElement(
+      actions.map(({ ActionButton, type }) => /* @__PURE__ */ import_react211.default.createElement(
         ActionButton,
         {
           closeMenu: menuDialog.close,
@@ -46664,30 +46674,30 @@ var AttachmentSelector = ({
         }
       ))
     )
-  ), /* @__PURE__ */ import_react210.default.createElement(
+  ), /* @__PURE__ */ import_react211.default.createElement(
     Portal,
     {
       getPortalDestination: getModalPortalDestination ?? getDefaultPortalDestination,
       isOpen: modalIsOpen
     },
-    /* @__PURE__ */ import_react210.default.createElement(
+    /* @__PURE__ */ import_react211.default.createElement(
       Modal,
       {
         className: "str-chat__create-poll-modal",
         onClose: closeModal,
         open: modalIsOpen
       },
-      ModalContent && /* @__PURE__ */ import_react210.default.createElement(ModalContent, { close: closeModal })
+      ModalContent && /* @__PURE__ */ import_react211.default.createElement(ModalContent, { close: closeModal })
     )
   )));
 };
 
 // src/components/MessageInput/AttachmentPreviewList/AttachmentPreviewList.tsx
-var import_react228 = __toESM(require("react"));
+var import_react229 = __toESM(require("react"));
 var import_stream_chat9 = require("stream-chat");
 
 // src/components/MessageInput/AttachmentPreviewList/UnsupportedAttachmentPreview.tsx
-var import_react211 = __toESM(require("react"));
+var import_react212 = __toESM(require("react"));
 var import_stream_chat7 = require("stream-chat");
 var UnsupportedAttachmentPreview = ({
   attachment,
@@ -46696,14 +46706,14 @@ var UnsupportedAttachmentPreview = ({
 }) => {
   const { t } = useTranslationContext("UnsupportedAttachmentPreview");
   const title = attachment.title ?? t("Unsupported attachment");
-  return /* @__PURE__ */ import_react211.default.createElement(
+  return /* @__PURE__ */ import_react212.default.createElement(
     "div",
     {
       className: "str-chat__attachment-preview-unsupported",
       "data-testid": "attachment-preview-unknown"
     },
-    /* @__PURE__ */ import_react211.default.createElement("div", { className: "str-chat__attachment-preview-file-icon" }, /* @__PURE__ */ import_react211.default.createElement(FileIcon, { filename: title, mimeType: attachment.mime_type })),
-    /* @__PURE__ */ import_react211.default.createElement(
+    /* @__PURE__ */ import_react212.default.createElement("div", { className: "str-chat__attachment-preview-file-icon" }, /* @__PURE__ */ import_react212.default.createElement(FileIcon, { filename: title, mimeType: attachment.mime_type })),
+    /* @__PURE__ */ import_react212.default.createElement(
       "button",
       {
         "aria-label": t("aria/Remove attachment"),
@@ -46712,18 +46722,18 @@ var UnsupportedAttachmentPreview = ({
         disabled: attachment.localMetadata?.uploadState === "uploading",
         onClick: () => attachment.localMetadata?.id && removeAttachments([attachment.localMetadata?.id])
       },
-      /* @__PURE__ */ import_react211.default.createElement(CloseIcon, null)
+      /* @__PURE__ */ import_react212.default.createElement(CloseIcon, null)
     ),
-    (0, import_stream_chat7.isLocalUploadAttachment)(attachment) && ["blocked", "failed"].includes(attachment.localMetadata?.uploadState) && !!handleRetry && /* @__PURE__ */ import_react211.default.createElement(
+    (0, import_stream_chat7.isLocalUploadAttachment)(attachment) && ["blocked", "failed"].includes(attachment.localMetadata?.uploadState) && !!handleRetry && /* @__PURE__ */ import_react212.default.createElement(
       "button",
       {
         className: "str-chat__attachment-preview-error str-chat__attachment-preview-error-file",
         "data-testid": "file-preview-item-retry-button",
         onClick: () => handleRetry(attachment)
       },
-      /* @__PURE__ */ import_react211.default.createElement(RetryIcon, null)
+      /* @__PURE__ */ import_react212.default.createElement(RetryIcon, null)
     ),
-    /* @__PURE__ */ import_react211.default.createElement("div", { className: "str-chat__attachment-preview-metadata" }, /* @__PURE__ */ import_react211.default.createElement("div", { className: "str-chat__attachment-preview-title", title }, title), attachment.localMetadata?.uploadState === "finished" && !!attachment.asset_url && /* @__PURE__ */ import_react211.default.createElement(
+    /* @__PURE__ */ import_react212.default.createElement("div", { className: "str-chat__attachment-preview-metadata" }, /* @__PURE__ */ import_react212.default.createElement("div", { className: "str-chat__attachment-preview-title", title }, title), attachment.localMetadata?.uploadState === "finished" && !!attachment.asset_url && /* @__PURE__ */ import_react212.default.createElement(
       "a",
       {
         className: "str-chat__attachment-preview-file-download",
@@ -46732,16 +46742,16 @@ var UnsupportedAttachmentPreview = ({
         rel: "noreferrer",
         target: "_blank"
       },
-      /* @__PURE__ */ import_react211.default.createElement(DownloadIcon2, null)
-    ), attachment.localMetadata?.uploadState === "uploading" && /* @__PURE__ */ import_react211.default.createElement(LoadingIndicatorIcon, { size: 17 }))
+      /* @__PURE__ */ import_react212.default.createElement(DownloadIcon2, null)
+    ), attachment.localMetadata?.uploadState === "uploading" && /* @__PURE__ */ import_react212.default.createElement(LoadingIndicatorIcon, { size: 17 }))
   );
 };
 
 // src/components/MessageInput/AttachmentPreviewList/VoiceRecordingPreview.tsx
-var import_react219 = __toESM(require("react"));
+var import_react220 = __toESM(require("react"));
 
 // src/components/MediaRecorder/RecordingPermissionDeniedNotification.tsx
-var import_react212 = __toESM(require("react"));
+var import_react213 = __toESM(require("react"));
 var RecordingPermissionDeniedNotification = ({
   onClose,
   permissionName
@@ -46757,7 +46767,7 @@ var RecordingPermissionDeniedNotification = ({
       microphone: t("Allow access to microphone")
     }
   };
-  return /* @__PURE__ */ import_react212.default.createElement("div", { className: "str-chat__recording-permission-denied-notification" }, /* @__PURE__ */ import_react212.default.createElement("div", { className: "str-chat__recording-permission-denied-notification__heading" }, permissionTranslations.heading[permissionName]), /* @__PURE__ */ import_react212.default.createElement("p", { className: "str-chat__recording-permission-denied-notification__message" }, permissionTranslations.body[permissionName]), /* @__PURE__ */ import_react212.default.createElement("div", { className: "str-chat__recording-permission-denied-notification__dismiss-button-container" }, /* @__PURE__ */ import_react212.default.createElement(
+  return /* @__PURE__ */ import_react213.default.createElement("div", { className: "str-chat__recording-permission-denied-notification" }, /* @__PURE__ */ import_react213.default.createElement("div", { className: "str-chat__recording-permission-denied-notification__heading" }, permissionTranslations.heading[permissionName]), /* @__PURE__ */ import_react213.default.createElement("p", { className: "str-chat__recording-permission-denied-notification__message" }, permissionTranslations.body[permissionName]), /* @__PURE__ */ import_react213.default.createElement("div", { className: "str-chat__recording-permission-denied-notification__dismiss-button-container" }, /* @__PURE__ */ import_react213.default.createElement(
     "button",
     {
       className: "str-chat__recording-permission-denied-notification__dismiss-button",
@@ -46768,15 +46778,15 @@ var RecordingPermissionDeniedNotification = ({
 };
 
 // src/components/MediaRecorder/AudioRecorder/AudioRecorder.tsx
-var import_react217 = __toESM(require("react"));
+var import_react218 = __toESM(require("react"));
 
 // src/components/MediaRecorder/AudioRecorder/AudioRecordingPreview.tsx
-var import_react214 = __toESM(require("react"));
+var import_react215 = __toESM(require("react"));
 
 // src/components/MediaRecorder/AudioRecorder/RecordingTimer.tsx
 var import_clsx55 = __toESM(require("clsx"));
-var import_react213 = __toESM(require("react"));
-var RecordingTimer = ({ durationSeconds }) => /* @__PURE__ */ import_react213.default.createElement(
+var import_react214 = __toESM(require("react"));
+var RecordingTimer = ({ durationSeconds }) => /* @__PURE__ */ import_react214.default.createElement(
   "div",
   {
     className: (0, import_clsx55.default)("str-chat__recording-timer", {
@@ -46798,15 +46808,15 @@ var AudioRecordingPreview = ({
     mimeType
   });
   const displayedDuration = secondsElapsed || durationSeconds;
-  return /* @__PURE__ */ import_react214.default.createElement(import_react214.default.Fragment, null, /* @__PURE__ */ import_react214.default.createElement("audio", { ref: audioRef }, /* @__PURE__ */ import_react214.default.createElement("source", { src: props.src, type: mimeType })), /* @__PURE__ */ import_react214.default.createElement(
+  return /* @__PURE__ */ import_react215.default.createElement(import_react215.default.Fragment, null, /* @__PURE__ */ import_react215.default.createElement("audio", { ref: audioRef }, /* @__PURE__ */ import_react215.default.createElement("source", { src: props.src, type: mimeType })), /* @__PURE__ */ import_react215.default.createElement(
     "button",
     {
       className: "str-chat__audio_recorder__toggle-playback-button",
       "data-testid": "audio-recording-preview-toggle-play-btn",
       onClick: togglePlay
     },
-    isPlaying ? /* @__PURE__ */ import_react214.default.createElement(PauseIcon2, null) : /* @__PURE__ */ import_react214.default.createElement(PlayIcon, null)
-  ), /* @__PURE__ */ import_react214.default.createElement(RecordingTimer, { durationSeconds: displayedDuration }), /* @__PURE__ */ import_react214.default.createElement("div", { className: "str-chat__wave-progress-bar__track-container" }, /* @__PURE__ */ import_react214.default.createElement(
+    isPlaying ? /* @__PURE__ */ import_react215.default.createElement(PauseIcon2, null) : /* @__PURE__ */ import_react215.default.createElement(PlayIcon, null)
+  ), /* @__PURE__ */ import_react215.default.createElement(RecordingTimer, { durationSeconds: displayedDuration }), /* @__PURE__ */ import_react215.default.createElement("div", { className: "str-chat__wave-progress-bar__track-container" }, /* @__PURE__ */ import_react215.default.createElement(
     WaveProgressBar,
     {
       progress,
@@ -46817,24 +46827,24 @@ var AudioRecordingPreview = ({
 };
 
 // src/components/MediaRecorder/AudioRecorder/AudioRecordingInProgress.tsx
-var import_react216 = __toESM(require("react"));
+var import_react217 = __toESM(require("react"));
 
 // src/components/MediaRecorder/AudioRecorder/hooks/useTimeElapsed.ts
-var import_react215 = require("react");
+var import_react216 = require("react");
 var useTimeElapsed = ({ startOnMount } = {}) => {
-  const [secondsElapsed, setSecondsElapsed] = (0, import_react215.useState)(0);
-  const updateInterval = (0, import_react215.useRef)(void 0);
-  const startCounter = (0, import_react215.useCallback)(() => {
+  const [secondsElapsed, setSecondsElapsed] = (0, import_react216.useState)(0);
+  const updateInterval = (0, import_react216.useRef)(void 0);
+  const startCounter = (0, import_react216.useCallback)(() => {
     if (updateInterval.current) return;
     updateInterval.current = setInterval(() => {
       setSecondsElapsed((prev) => prev + 1);
     }, 1e3);
   }, []);
-  const stopCounter = (0, import_react215.useCallback)(() => {
+  const stopCounter = (0, import_react216.useCallback)(() => {
     clearInterval(updateInterval.current);
     updateInterval.current = void 0;
   }, []);
-  (0, import_react215.useEffect)(() => {
+  (0, import_react216.useEffect)(() => {
     if (!startOnMount) return;
     startCounter();
     return () => {
@@ -46853,8 +46863,8 @@ var AudioRecordingWaveform = ({ maxDataPointsDrawn = 100 }) => {
   const {
     recordingController: { recorder }
   } = useMessageInputContext();
-  const [amplitudes, setAmplitudes] = (0, import_react216.useState)([]);
-  (0, import_react216.useEffect)(() => {
+  const [amplitudes, setAmplitudes] = (0, import_react217.useState)([]);
+  (0, import_react217.useEffect)(() => {
     if (!recorder?.amplitudeRecorder) return;
     const amplitudesSubscription = recorder.amplitudeRecorder.amplitudes.subscribe(setAmplitudes);
     return () => {
@@ -46862,7 +46872,7 @@ var AudioRecordingWaveform = ({ maxDataPointsDrawn = 100 }) => {
     };
   }, [recorder]);
   if (!recorder) return null;
-  return /* @__PURE__ */ import_react216.default.createElement("div", { className: "str-chat__waveform-box-container" }, /* @__PURE__ */ import_react216.default.createElement("div", { className: "str-chat__audio_recorder__waveform-box" }, amplitudes.slice(-maxDataPointsDrawn).map((amplitude, i) => /* @__PURE__ */ import_react216.default.createElement(
+  return /* @__PURE__ */ import_react217.default.createElement("div", { className: "str-chat__waveform-box-container" }, /* @__PURE__ */ import_react217.default.createElement("div", { className: "str-chat__audio_recorder__waveform-box" }, amplitudes.slice(-maxDataPointsDrawn).map((amplitude, i) => /* @__PURE__ */ import_react217.default.createElement(
     "div",
     {
       className: "str-chat__wave-progress-bar__amplitude-bar",
@@ -46878,7 +46888,7 @@ var AudioRecordingInProgress = () => {
   const {
     recordingController: { recorder }
   } = useMessageInputContext();
-  (0, import_react216.useEffect)(() => {
+  (0, import_react217.useEffect)(() => {
     if (!recorder?.mediaRecorder) return;
     const { mediaRecorder } = recorder;
     if (mediaRecorder.state === "recording") {
@@ -46895,7 +46905,7 @@ var AudioRecordingInProgress = () => {
       mediaRecorder.removeEventListener("pause", stopCounter);
     };
   }, [recorder, startCounter, stopCounter]);
-  return /* @__PURE__ */ import_react216.default.createElement(import_react216.default.Fragment, null, /* @__PURE__ */ import_react216.default.createElement(RecordingTimer, { durationSeconds: secondsElapsed }), /* @__PURE__ */ import_react216.default.createElement(AudioRecordingWaveform, null));
+  return /* @__PURE__ */ import_react217.default.createElement(import_react217.default.Fragment, null, /* @__PURE__ */ import_react217.default.createElement(RecordingTimer, { durationSeconds: secondsElapsed }), /* @__PURE__ */ import_react217.default.createElement(AudioRecordingWaveform, null));
 };
 
 // src/components/MediaRecorder/observable/Subscription.ts
@@ -47075,7 +47085,7 @@ var BrowserPermission = class {
 
 // src/components/MediaRecorder/classes/MediaRecorderController.ts
 var import_fix_webm_duration = __toESM(require("fix-webm-duration"));
-var import_nanoid4 = require("nanoid");
+var import_nanoid5 = require("nanoid");
 
 // src/utils/mergeDeep.ts
 var import_lodash18 = __toESM(require("lodash.mergewith"));
@@ -47353,7 +47363,7 @@ var MediaRecorderController = class {
         file_size: blob.size,
         localMetadata: {
           file,
-          id: (0, import_nanoid4.nanoid)()
+          id: (0, import_nanoid5.nanoid)()
         },
         mime_type: blob.type,
         title: file.name,
@@ -47542,7 +47552,7 @@ var AudioRecorder = () => {
     recordingController: { completeRecording, recorder, recording, recordingState }
   } = messageInputContext;
   const isUploadingFile = recording?.localMetadata?.uploadState === "uploading";
-  const state = (0, import_react217.useMemo)(
+  const state = (0, import_react218.useMemo)(
     () => ({
       paused: recordingState === "paused" /* PAUSED */,
       recording: recordingState === "recording" /* RECORDING */,
@@ -47551,7 +47561,7 @@ var AudioRecorder = () => {
     [recordingState]
   );
   if (!recorder) return null;
-  return /* @__PURE__ */ import_react217.default.createElement("div", { className: "str-chat__audio_recorder-container" }, /* @__PURE__ */ import_react217.default.createElement("div", { className: "str-chat__audio_recorder", "data-testid": "audio-recorder" }, /* @__PURE__ */ import_react217.default.createElement(
+  return /* @__PURE__ */ import_react218.default.createElement("div", { className: "str-chat__audio_recorder-container" }, /* @__PURE__ */ import_react218.default.createElement("div", { className: "str-chat__audio_recorder", "data-testid": "audio-recorder" }, /* @__PURE__ */ import_react218.default.createElement(
     "button",
     {
       className: "str-chat__audio_recorder__cancel-button",
@@ -47559,8 +47569,8 @@ var AudioRecorder = () => {
       disabled: isUploadingFile,
       onClick: recorder.cancel
     },
-    /* @__PURE__ */ import_react217.default.createElement(BinIcon, null)
-  ), state.stopped && recording?.asset_url ? /* @__PURE__ */ import_react217.default.createElement(
+    /* @__PURE__ */ import_react218.default.createElement(BinIcon, null)
+  ), state.stopped && recording?.asset_url ? /* @__PURE__ */ import_react218.default.createElement(
     AudioRecordingPreview,
     {
       durationSeconds: recording.duration ?? 0,
@@ -47568,22 +47578,22 @@ var AudioRecorder = () => {
       src: recording.asset_url,
       waveformData: recording.waveform_data
     }
-  ) : state.paused || state.recording ? /* @__PURE__ */ import_react217.default.createElement(AudioRecordingInProgress, null) : null, state.paused && /* @__PURE__ */ import_react217.default.createElement(
+  ) : state.paused || state.recording ? /* @__PURE__ */ import_react218.default.createElement(AudioRecordingInProgress, null) : null, state.paused && /* @__PURE__ */ import_react218.default.createElement(
     "button",
     {
       className: "str-chat__audio_recorder__resume-recording-button",
       onClick: recorder.resume
     },
-    /* @__PURE__ */ import_react217.default.createElement(MicIcon, null)
-  ), state.recording && /* @__PURE__ */ import_react217.default.createElement(
+    /* @__PURE__ */ import_react218.default.createElement(MicIcon, null)
+  ), state.recording && /* @__PURE__ */ import_react218.default.createElement(
     "button",
     {
       className: "str-chat__audio_recorder__pause-recording-button",
       "data-testid": "pause-recording-audio-button",
       onClick: recorder.pause
     },
-    /* @__PURE__ */ import_react217.default.createElement(PauseIcon2, null)
-  ), state.stopped ? /* @__PURE__ */ import_react217.default.createElement(
+    /* @__PURE__ */ import_react218.default.createElement(PauseIcon2, null)
+  ), state.stopped ? /* @__PURE__ */ import_react218.default.createElement(
     "button",
     {
       className: "str-chat__audio_recorder__complete-button",
@@ -47591,21 +47601,21 @@ var AudioRecorder = () => {
       disabled: isUploadingFile,
       onClick: completeRecording
     },
-    isUploadingFile ? /* @__PURE__ */ import_react217.default.createElement(LoadingIndicatorIcon, null) : /* @__PURE__ */ import_react217.default.createElement(SendIcon, null)
-  ) : /* @__PURE__ */ import_react217.default.createElement(
+    isUploadingFile ? /* @__PURE__ */ import_react218.default.createElement(LoadingIndicatorIcon, null) : /* @__PURE__ */ import_react218.default.createElement(SendIcon, null)
+  ) : /* @__PURE__ */ import_react218.default.createElement(
     "button",
     {
       className: "str-chat__audio_recorder__stop-button",
       "data-testid": "audio-recorder-stop-button",
       onClick: recorder.stop
     },
-    /* @__PURE__ */ import_react217.default.createElement(CheckSignIcon, null)
+    /* @__PURE__ */ import_react218.default.createElement(CheckSignIcon, null)
   )));
 };
 
 // src/components/MediaRecorder/AudioRecorder/AudioRecordingButtons.tsx
-var import_react218 = __toESM(require("react"));
-var StartRecordingAudioButton = (props) => /* @__PURE__ */ import_react218.default.createElement(
+var import_react219 = __toESM(require("react"));
+var StartRecordingAudioButton = (props) => /* @__PURE__ */ import_react219.default.createElement(
   "button",
   {
     "aria-label": "Start recording audio",
@@ -47613,7 +47623,7 @@ var StartRecordingAudioButton = (props) => /* @__PURE__ */ import_react218.defau
     "data-testid": "start-recording-audio-button",
     ...props
   },
-  /* @__PURE__ */ import_react218.default.createElement(MicIcon, null)
+  /* @__PURE__ */ import_react219.default.createElement(MicIcon, null)
 );
 
 // src/components/MessageInput/AttachmentPreviewList/VoiceRecordingPreview.tsx
@@ -47626,13 +47636,13 @@ var VoiceRecordingPreview = ({
   const { audioRef, isPlaying, secondsElapsed, togglePlay } = useAudioController({
     mimeType: attachment.mime_type
   });
-  return /* @__PURE__ */ import_react219.default.createElement(
+  return /* @__PURE__ */ import_react220.default.createElement(
     "div",
     {
       className: "str-chat__attachment-preview-voice-recording",
       "data-testid": "attachment-preview-voice-recording"
     },
-    /* @__PURE__ */ import_react219.default.createElement("audio", { ref: audioRef }, /* @__PURE__ */ import_react219.default.createElement(
+    /* @__PURE__ */ import_react220.default.createElement("audio", { ref: audioRef }, /* @__PURE__ */ import_react220.default.createElement(
       "source",
       {
         "data-testid": "audio-source",
@@ -47640,8 +47650,8 @@ var VoiceRecordingPreview = ({
         type: attachment.mime_type
       }
     )),
-    /* @__PURE__ */ import_react219.default.createElement(PlayButton, { isPlaying, onClick: togglePlay }),
-    /* @__PURE__ */ import_react219.default.createElement(
+    /* @__PURE__ */ import_react220.default.createElement(PlayButton, { isPlaying, onClick: togglePlay }),
+    /* @__PURE__ */ import_react220.default.createElement(
       "button",
       {
         "aria-label": t("aria/Remove attachment"),
@@ -47650,24 +47660,24 @@ var VoiceRecordingPreview = ({
         disabled: attachment.localMetadata?.uploadState === "uploading",
         onClick: () => attachment.localMetadata?.id && removeAttachments([attachment.localMetadata.id])
       },
-      /* @__PURE__ */ import_react219.default.createElement(CloseIcon, null)
+      /* @__PURE__ */ import_react220.default.createElement(CloseIcon, null)
     ),
-    ["blocked", "failed"].includes(attachment.localMetadata?.uploadState) && !!handleRetry && /* @__PURE__ */ import_react219.default.createElement(
+    ["blocked", "failed"].includes(attachment.localMetadata?.uploadState) && !!handleRetry && /* @__PURE__ */ import_react220.default.createElement(
       "button",
       {
         className: "str-chat__attachment-preview-error str-chat__attachment-preview-error-file",
         "data-testid": "file-preview-item-retry-button",
         onClick: () => handleRetry(attachment)
       },
-      /* @__PURE__ */ import_react219.default.createElement(RetryIcon, null)
+      /* @__PURE__ */ import_react220.default.createElement(RetryIcon, null)
     ),
-    /* @__PURE__ */ import_react219.default.createElement("div", { className: "str-chat__attachment-preview-metadata" }, /* @__PURE__ */ import_react219.default.createElement("div", { className: "str-chat__attachment-preview-file-name", title: attachment.title }, attachment.title), typeof attachment.duration !== "undefined" && /* @__PURE__ */ import_react219.default.createElement(RecordingTimer, { durationSeconds: secondsElapsed || attachment.duration }), attachment.localMetadata?.uploadState === "uploading" && /* @__PURE__ */ import_react219.default.createElement(LoadingIndicatorIcon, { size: 17 })),
-    /* @__PURE__ */ import_react219.default.createElement("div", { className: "str-chat__attachment-preview-file-icon" }, /* @__PURE__ */ import_react219.default.createElement(FileIcon, { filename: attachment.title, mimeType: attachment.mime_type }))
+    /* @__PURE__ */ import_react220.default.createElement("div", { className: "str-chat__attachment-preview-metadata" }, /* @__PURE__ */ import_react220.default.createElement("div", { className: "str-chat__attachment-preview-file-name", title: attachment.title }, attachment.title), typeof attachment.duration !== "undefined" && /* @__PURE__ */ import_react220.default.createElement(RecordingTimer, { durationSeconds: secondsElapsed || attachment.duration }), attachment.localMetadata?.uploadState === "uploading" && /* @__PURE__ */ import_react220.default.createElement(LoadingIndicatorIcon, { size: 17 })),
+    /* @__PURE__ */ import_react220.default.createElement("div", { className: "str-chat__attachment-preview-file-icon" }, /* @__PURE__ */ import_react220.default.createElement(FileIcon, { filename: attachment.title, mimeType: attachment.mime_type }))
   );
 };
 
 // src/components/MessageInput/AttachmentPreviewList/FileAttachmentPreview.tsx
-var import_react220 = __toESM(require("react"));
+var import_react221 = __toESM(require("react"));
 var FileAttachmentPreview = ({
   attachment,
   handleRetry,
@@ -47675,14 +47685,14 @@ var FileAttachmentPreview = ({
 }) => {
   const { t } = useTranslationContext("FilePreview");
   const uploadState = attachment.localMetadata?.uploadState;
-  return /* @__PURE__ */ import_react220.default.createElement(
+  return /* @__PURE__ */ import_react221.default.createElement(
     "div",
     {
       className: "str-chat__attachment-preview-file",
       "data-testid": "attachment-preview-file"
     },
-    /* @__PURE__ */ import_react220.default.createElement("div", { className: "str-chat__attachment-preview-file-icon" }, /* @__PURE__ */ import_react220.default.createElement(FileIcon, { filename: attachment.title, mimeType: attachment.mime_type })),
-    /* @__PURE__ */ import_react220.default.createElement(
+    /* @__PURE__ */ import_react221.default.createElement("div", { className: "str-chat__attachment-preview-file-icon" }, /* @__PURE__ */ import_react221.default.createElement(FileIcon, { filename: attachment.title, mimeType: attachment.mime_type })),
+    /* @__PURE__ */ import_react221.default.createElement(
       "button",
       {
         "aria-label": t("aria/Remove attachment"),
@@ -47691,9 +47701,9 @@ var FileAttachmentPreview = ({
         disabled: uploadState === "uploading",
         onClick: () => attachment.localMetadata?.id && removeAttachments([attachment.localMetadata?.id])
       },
-      /* @__PURE__ */ import_react220.default.createElement(CloseIcon, null)
+      /* @__PURE__ */ import_react221.default.createElement(CloseIcon, null)
     ),
-    ["blocked", "failed"].includes(uploadState) && !!handleRetry && /* @__PURE__ */ import_react220.default.createElement(
+    ["blocked", "failed"].includes(uploadState) && !!handleRetry && /* @__PURE__ */ import_react221.default.createElement(
       "button",
       {
         className: "str-chat__attachment-preview-error str-chat__attachment-preview-error-file",
@@ -47702,9 +47712,9 @@ var FileAttachmentPreview = ({
           handleRetry(attachment);
         }
       },
-      /* @__PURE__ */ import_react220.default.createElement(RetryIcon, null)
+      /* @__PURE__ */ import_react221.default.createElement(RetryIcon, null)
     ),
-    /* @__PURE__ */ import_react220.default.createElement("div", { className: "str-chat__attachment-preview-file-end" }, /* @__PURE__ */ import_react220.default.createElement("div", { className: "str-chat__attachment-preview-file-name", title: attachment.title }, attachment.title), (typeof uploadState === "undefined" || uploadState === "finished") && !!attachment.asset_url && /* @__PURE__ */ import_react220.default.createElement(
+    /* @__PURE__ */ import_react221.default.createElement("div", { className: "str-chat__attachment-preview-file-end" }, /* @__PURE__ */ import_react221.default.createElement("div", { className: "str-chat__attachment-preview-file-name", title: attachment.title }, attachment.title), (typeof uploadState === "undefined" || uploadState === "finished") && !!attachment.asset_url && /* @__PURE__ */ import_react221.default.createElement(
       "a",
       {
         "aria-label": t("aria/Download attachment"),
@@ -47715,14 +47725,14 @@ var FileAttachmentPreview = ({
         target: "_blank",
         title: t("Download attachment {{ name }}", { name: attachment.title })
       },
-      /* @__PURE__ */ import_react220.default.createElement(DownloadIcon2, null)
-    ), uploadState === "uploading" && /* @__PURE__ */ import_react220.default.createElement(LoadingIndicatorIcon, { size: 17 }))
+      /* @__PURE__ */ import_react221.default.createElement(DownloadIcon2, null)
+    ), uploadState === "uploading" && /* @__PURE__ */ import_react221.default.createElement(LoadingIndicatorIcon, { size: 17 }))
   );
 };
 
 // src/components/MessageInput/AttachmentPreviewList/ImageAttachmentPreview.tsx
 var import_clsx56 = __toESM(require("clsx"));
-var import_react221 = __toESM(require("react"));
+var import_react222 = __toESM(require("react"));
 var ImageAttachmentPreview = ({
   attachment,
   handleRetry,
@@ -47730,11 +47740,11 @@ var ImageAttachmentPreview = ({
 }) => {
   const { t } = useTranslationContext("ImagePreviewItem");
   const { BaseImage: BaseImage3 = BaseImage } = useComponentContext("ImagePreview");
-  const [previewError, setPreviewError] = (0, import_react221.useState)(false);
+  const [previewError, setPreviewError] = (0, import_react222.useState)(false);
   const { id, uploadState } = attachment.localMetadata ?? {};
-  const handleLoadError = (0, import_react221.useCallback)(() => setPreviewError(true), []);
+  const handleLoadError = (0, import_react222.useCallback)(() => setPreviewError(true), []);
   const assetUrl = attachment.image_url || attachment.localMetadata.previewUri;
-  return /* @__PURE__ */ import_react221.default.createElement(
+  return /* @__PURE__ */ import_react222.default.createElement(
     "div",
     {
       className: (0, import_clsx56.default)("str-chat__attachment-preview-image", {
@@ -47742,7 +47752,7 @@ var ImageAttachmentPreview = ({
       }),
       "data-testid": "attachment-preview-image"
     },
-    /* @__PURE__ */ import_react221.default.createElement(
+    /* @__PURE__ */ import_react222.default.createElement(
       "button",
       {
         "aria-label": t("aria/Remove attachment"),
@@ -47751,19 +47761,19 @@ var ImageAttachmentPreview = ({
         disabled: uploadState === "uploading",
         onClick: () => id && removeAttachments([id])
       },
-      /* @__PURE__ */ import_react221.default.createElement(CloseIcon, null)
+      /* @__PURE__ */ import_react222.default.createElement(CloseIcon, null)
     ),
-    ["blocked", "failed"].includes(uploadState) && /* @__PURE__ */ import_react221.default.createElement(
+    ["blocked", "failed"].includes(uploadState) && /* @__PURE__ */ import_react222.default.createElement(
       "button",
       {
         className: "str-chat__attachment-preview-error str-chat__attachment-preview-error-image",
         "data-testid": "image-preview-item-retry-button",
         onClick: () => handleRetry(attachment)
       },
-      /* @__PURE__ */ import_react221.default.createElement(RetryIcon, null)
+      /* @__PURE__ */ import_react222.default.createElement(RetryIcon, null)
     ),
-    uploadState === "uploading" && /* @__PURE__ */ import_react221.default.createElement("div", { className: "str-chat__attachment-preview-image-loading" }, /* @__PURE__ */ import_react221.default.createElement(LoadingIndicatorIcon, { size: 17 })),
-    assetUrl && /* @__PURE__ */ import_react221.default.createElement(
+    uploadState === "uploading" && /* @__PURE__ */ import_react222.default.createElement("div", { className: "str-chat__attachment-preview-image-loading" }, /* @__PURE__ */ import_react222.default.createElement(LoadingIndicatorIcon, { size: 17 })),
+    assetUrl && /* @__PURE__ */ import_react222.default.createElement(
       BaseImage3,
       {
         alt: attachment.fallback,
@@ -47777,11 +47787,11 @@ var ImageAttachmentPreview = ({
 };
 
 // src/components/MessageInput/hooks/useCanCreatePoll.ts
-var import_react222 = require("react");
+var import_react223 = require("react");
 var useCanCreatePoll = () => {
   const { pollComposer } = useMessageComposer();
-  const [canCreatePoll, setCanCreatePoll] = (0, import_react222.useState)(pollComposer.canCreatePoll);
-  (0, import_react222.useEffect)(
+  const [canCreatePoll, setCanCreatePoll] = (0, import_react223.useState)(pollComposer.canCreatePoll);
+  (0, import_react223.useEffect)(
     () => pollComposer.state.subscribe(() => {
       setCanCreatePoll(pollComposer.canCreatePoll);
     }),
@@ -47791,20 +47801,20 @@ var useCanCreatePoll = () => {
 };
 
 // src/components/MessageInput/hooks/useCooldownTimer.tsx
-var import_react223 = require("react");
+var import_react224 = require("react");
 var useCooldownTimer = () => {
   const { client, latestMessageDatesByChannels } = useChatContext("useCooldownTimer");
   const { channel, messages = [] } = useChannelStateContext("useCooldownTimer");
-  const [cooldownRemaining, setCooldownRemaining] = (0, import_react223.useState)();
+  const [cooldownRemaining, setCooldownRemaining] = (0, import_react224.useState)();
   const { cooldown: cooldownInterval = 0, own_capabilities } = channel.data || {};
   const skipCooldown = own_capabilities?.includes("skip-slow-mode");
-  const ownLatestMessageDate = (0, import_react223.useMemo)(
+  const ownLatestMessageDate = (0, import_react224.useMemo)(
     () => latestMessageDatesByChannels[channel.cid] ?? [...messages].sort(
       (a, b) => b.created_at?.getTime() - a.created_at?.getTime()
     ).find((v) => v.user?.id === client.user?.id)?.created_at,
     [messages, client.user?.id, latestMessageDatesByChannels, channel.cid]
   );
-  (0, import_react223.useEffect)(() => {
+  (0, import_react224.useEffect)(() => {
     const timeSinceOwnLastMessage = ownLatestMessageDate ? (
       // prevent negative values
       Math.max(0, ((/* @__PURE__ */ new Date()).getTime() - ownLatestMessageDate.getTime()) / 1e3)
@@ -47827,11 +47837,11 @@ var useCooldownTimer = () => {
 };
 
 // src/components/MessageInput/hooks/useTextareaRef.ts
-var import_react224 = require("react");
+var import_react225 = require("react");
 var useTextareaRef = (props) => {
   const { focus } = props;
-  const textareaRef = (0, import_react224.useRef)(void 0);
-  (0, import_react224.useEffect)(() => {
+  const textareaRef = (0, import_react225.useRef)(void 0);
+  (0, import_react225.useEffect)(() => {
     if (focus && textareaRef.current) {
       textareaRef.current.focus();
     }
@@ -47842,7 +47852,7 @@ var useTextareaRef = (props) => {
 };
 
 // src/components/MessageInput/hooks/useSubmitHandler.ts
-var import_react225 = require("react");
+var import_react226 = require("react");
 var import_stream_chat8 = require("stream-chat");
 var takeStateSnapshot = (messageComposer) => {
   const textComposerState = messageComposer.textComposer.state.getLatestValue();
@@ -47865,7 +47875,7 @@ var useSubmitHandler = (props) => {
   const { addNotification, editMessage, sendMessage } = useChannelActionContext("useSubmitHandler");
   const { t } = useTranslationContext("useSubmitHandler");
   const messageComposer = useMessageComposer();
-  const handleSubmit = (0, import_react225.useCallback)(
+  const handleSubmit = (0, import_react226.useCallback)(
     async (event) => {
       event?.preventDefault();
       const composition = await messageComposer.compose();
@@ -47922,10 +47932,10 @@ var useSubmitHandler = (props) => {
 };
 
 // src/components/MessageInput/hooks/usePasteHandler.ts
-var import_react226 = require("react");
+var import_react227 = require("react");
 var usePasteHandler = () => {
   const { attachmentManager, textComposer } = useMessageComposer();
-  const onPaste = (0, import_react226.useCallback)(
+  const onPaste = (0, import_react227.useCallback)(
     (clipboardEvent) => {
       (async (event) => {
         const { items } = event.clipboardData;
@@ -47957,7 +47967,7 @@ var usePasteHandler = () => {
 };
 
 // src/components/MediaRecorder/hooks/useMediaRecorder.ts
-var import_react227 = require("react");
+var import_react228 = require("react");
 var useMediaRecorder = ({
   asyncMessagesMultiSendEnabled,
   enabled,
@@ -47967,11 +47977,11 @@ var useMediaRecorder = ({
 }) => {
   const { t } = useTranslationContext("useMediaRecorder");
   const messageComposer = useMessageComposer();
-  const [recording, setRecording] = (0, import_react227.useState)();
-  const [recordingState, setRecordingState] = (0, import_react227.useState)();
-  const [permissionState, setPermissionState] = (0, import_react227.useState)();
-  const [isScheduledForSubmit, scheduleForSubmit] = (0, import_react227.useState)(false);
-  const recorder = (0, import_react227.useMemo)(
+  const [recording, setRecording] = (0, import_react228.useState)();
+  const [recordingState, setRecordingState] = (0, import_react228.useState)();
+  const [permissionState, setPermissionState] = (0, import_react228.useState)();
+  const [isScheduledForSubmit, scheduleForSubmit] = (0, import_react228.useState)(false);
+  const recorder = (0, import_react228.useMemo)(
     () => enabled ? new MediaRecorderController({
       config: recordingConfig ?? {},
       generateRecordingTitle,
@@ -47979,7 +47989,7 @@ var useMediaRecorder = ({
     }) : void 0,
     [recordingConfig, enabled, generateRecordingTitle, t]
   );
-  const completeRecording = (0, import_react227.useCallback)(async () => {
+  const completeRecording = (0, import_react228.useCallback)(async () => {
     if (!recorder) return;
     const recording2 = await recorder.stop();
     if (!recording2) return;
@@ -47989,12 +47999,12 @@ var useMediaRecorder = ({
     }
     recorder.cleanUp();
   }, [asyncMessagesMultiSendEnabled, messageComposer, recorder]);
-  (0, import_react227.useEffect)(() => {
+  (0, import_react228.useEffect)(() => {
     if (!isScheduledForSubmit) return;
     handleSubmit();
     scheduleForSubmit(false);
   }, [handleSubmit, isScheduledForSubmit]);
-  (0, import_react227.useEffect)(() => {
+  (0, import_react228.useEffect)(() => {
     if (!recorder) return;
     recorder.permission.watch();
     const recordingSubscription = recorder.recording.subscribe(setRecording);
@@ -48057,7 +48067,7 @@ var AttachmentPreviewList = ({
   const messageComposer = useMessageComposer();
   const { attachments } = useAttachmentManagerState();
   if (!attachments.length) return null;
-  return /* @__PURE__ */ import_react228.default.createElement("div", { className: "str-chat__attachment-preview-list" }, /* @__PURE__ */ import_react228.default.createElement(
+  return /* @__PURE__ */ import_react229.default.createElement("div", { className: "str-chat__attachment-preview-list" }, /* @__PURE__ */ import_react229.default.createElement(
     "div",
     {
       className: "str-chat__attachment-list-scroll-container",
@@ -48066,7 +48076,7 @@ var AttachmentPreviewList = ({
     attachments.map((attachment) => {
       if ((0, import_stream_chat9.isScrapedContent)(attachment)) return null;
       if ((0, import_stream_chat9.isLocalVoiceRecordingAttachment)(attachment)) {
-        return /* @__PURE__ */ import_react228.default.createElement(
+        return /* @__PURE__ */ import_react229.default.createElement(
           VoiceRecordingPreview2,
           {
             attachment,
@@ -48076,7 +48086,7 @@ var AttachmentPreviewList = ({
           }
         );
       } else if ((0, import_stream_chat9.isLocalAudioAttachment)(attachment)) {
-        return /* @__PURE__ */ import_react228.default.createElement(
+        return /* @__PURE__ */ import_react229.default.createElement(
           AudioAttachmentPreview,
           {
             attachment,
@@ -48086,7 +48096,7 @@ var AttachmentPreviewList = ({
           }
         );
       } else if ((0, import_stream_chat9.isLocalVideoAttachment)(attachment)) {
-        return /* @__PURE__ */ import_react228.default.createElement(
+        return /* @__PURE__ */ import_react229.default.createElement(
           VideoAttachmentPreview,
           {
             attachment,
@@ -48096,7 +48106,7 @@ var AttachmentPreviewList = ({
           }
         );
       } else if ((0, import_stream_chat9.isLocalImageAttachment)(attachment)) {
-        return /* @__PURE__ */ import_react228.default.createElement(
+        return /* @__PURE__ */ import_react229.default.createElement(
           ImageAttachmentPreview2,
           {
             attachment,
@@ -48106,7 +48116,7 @@ var AttachmentPreviewList = ({
           }
         );
       } else if ((0, import_stream_chat9.isLocalFileAttachment)(attachment)) {
-        return /* @__PURE__ */ import_react228.default.createElement(
+        return /* @__PURE__ */ import_react229.default.createElement(
           FileAttachmentPreview2,
           {
             attachment,
@@ -48116,7 +48126,7 @@ var AttachmentPreviewList = ({
           }
         );
       } else if ((0, import_stream_chat9.isLocalAttachment)(attachment)) {
-        return /* @__PURE__ */ import_react228.default.createElement(
+        return /* @__PURE__ */ import_react229.default.createElement(
           UnsupportedAttachmentPreview2,
           {
             attachment,
@@ -48132,13 +48142,13 @@ var AttachmentPreviewList = ({
 };
 
 // src/components/MessageInput/CooldownTimer.tsx
-var import_react230 = __toESM(require("react"));
+var import_react231 = __toESM(require("react"));
 
 // src/components/MessageInput/hooks/useTimer.ts
-var import_react229 = require("react");
+var import_react230 = require("react");
 var useTimer = ({ startFrom }) => {
-  const [secondsLeft, setSecondsLeft] = (0, import_react229.useState)();
-  (0, import_react229.useEffect)(() => {
+  const [secondsLeft, setSecondsLeft] = (0, import_react230.useState)();
+  (0, import_react230.useEffect)(() => {
     let countdownTimeout;
     if (typeof secondsLeft === "number" && secondsLeft > 0) {
       countdownTimeout = setTimeout(() => {
@@ -48149,7 +48159,7 @@ var useTimer = ({ startFrom }) => {
       clearTimeout(countdownTimeout);
     };
   }, [secondsLeft]);
-  (0, import_react229.useEffect)(() => {
+  (0, import_react230.useEffect)(() => {
     setSecondsLeft(startFrom ?? 0);
   }, [startFrom]);
   return secondsLeft;
@@ -48158,23 +48168,23 @@ var useTimer = ({ startFrom }) => {
 // src/components/MessageInput/CooldownTimer.tsx
 var CooldownTimer = ({ cooldownInterval }) => {
   const secondsLeft = useTimer({ startFrom: cooldownInterval });
-  return /* @__PURE__ */ import_react230.default.createElement("div", { className: "str-chat__message-input-cooldown", "data-testid": "cooldown-timer" }, secondsLeft);
+  return /* @__PURE__ */ import_react231.default.createElement("div", { className: "str-chat__message-input-cooldown", "data-testid": "cooldown-timer" }, secondsLeft);
 };
 
 // src/components/MessageInput/EditMessageForm.tsx
-var import_react248 = __toESM(require("react"));
+var import_react249 = __toESM(require("react"));
 
 // src/components/MessageInput/MessageInput.tsx
-var import_react247 = __toESM(require("react"));
+var import_react248 = __toESM(require("react"));
 
 // src/components/MessageInput/MessageInputFlat.tsx
-var import_react245 = __toESM(require("react"));
+var import_react246 = __toESM(require("react"));
 
 // src/components/MessageInput/SendButton.tsx
-var import_react231 = __toESM(require("react"));
+var import_react232 = __toESM(require("react"));
 var SendButton = ({ sendMessage, ...rest }) => {
   const hasSendableData = useMessageComposerHasSendableData();
-  return /* @__PURE__ */ import_react231.default.createElement(
+  return /* @__PURE__ */ import_react232.default.createElement(
     "button",
     {
       "aria-label": "Send",
@@ -48185,18 +48195,18 @@ var SendButton = ({ sendMessage, ...rest }) => {
       type: "button",
       ...rest
     },
-    /* @__PURE__ */ import_react231.default.createElement(SendIcon, null)
+    /* @__PURE__ */ import_react232.default.createElement(SendIcon, null)
   );
 };
 
 // src/components/MessageInput/StopAIGenerationButton.tsx
-var import_react232 = __toESM(require("react"));
+var import_react233 = __toESM(require("react"));
 var StopAIGenerationButton = ({
   onClick,
   ...restProps
 }) => {
   const { t } = useTranslationContext();
-  return /* @__PURE__ */ import_react232.default.createElement(
+  return /* @__PURE__ */ import_react233.default.createElement(
     "button",
     {
       "aria-label": t("aria/Stop AI Generation"),
@@ -48209,7 +48219,7 @@ var StopAIGenerationButton = ({
 };
 
 // src/components/MessageInput/QuotedMessagePreview.tsx
-var import_react233 = __toESM(require("react"));
+var import_react234 = __toESM(require("react"));
 var messageComposerStateStoreSelector = (state) => ({
   quotedMessage: state.quotedMessage
 });
@@ -48221,14 +48231,14 @@ var QuotedMessagePreviewHeader = () => {
     messageComposerStateStoreSelector
   );
   if (!quotedMessage) return null;
-  return /* @__PURE__ */ import_react233.default.createElement("div", { className: "str-chat__quoted-message-preview-header" }, /* @__PURE__ */ import_react233.default.createElement("div", { className: "str-chat__quoted-message-reply-to-message" }, t("Reply to Message")), /* @__PURE__ */ import_react233.default.createElement(
+  return /* @__PURE__ */ import_react234.default.createElement("div", { className: "str-chat__quoted-message-preview-header" }, /* @__PURE__ */ import_react234.default.createElement("div", { className: "str-chat__quoted-message-reply-to-message" }, t("Reply to Message")), /* @__PURE__ */ import_react234.default.createElement(
     "button",
     {
       "aria-label": t("aria/Cancel Reply"),
       className: "str-chat__quoted-message-remove",
       onClick: () => messageComposer.setQuotedMessage(null)
     },
-    /* @__PURE__ */ import_react233.default.createElement(CloseIcon, null)
+    /* @__PURE__ */ import_react234.default.createElement(CloseIcon, null)
   ));
 };
 var QuotedMessagePreview = ({
@@ -48242,27 +48252,27 @@ var QuotedMessagePreview = ({
     messageComposer.state,
     messageComposerStateStoreSelector
   );
-  const quotedMessageText = (0, import_react233.useMemo)(
+  const quotedMessageText = (0, import_react234.useMemo)(
     () => quotedMessage?.i18n?.[`${userLanguage}_text`] || quotedMessage?.text,
     [quotedMessage?.i18n, quotedMessage?.text, userLanguage]
   );
-  const renderedText = (0, import_react233.useMemo)(
+  const renderedText = (0, import_react234.useMemo)(
     () => renderText2(quotedMessageText, quotedMessage?.mentioned_users),
     [quotedMessage, quotedMessageText, renderText2]
   );
-  const quotedMessageAttachments = (0, import_react233.useMemo)(
+  const quotedMessageAttachments = (0, import_react234.useMemo)(
     () => quotedMessage?.attachments?.length ? quotedMessage.attachments.slice(0, 1) : [],
     [quotedMessage]
   );
   const poll = quotedMessage?.poll_id && client.polls.fromState(quotedMessage.poll_id);
   if (!quotedMessageText && !quotedMessageAttachments.length && !poll) return null;
-  return /* @__PURE__ */ import_react233.default.createElement(
+  return /* @__PURE__ */ import_react234.default.createElement(
     "div",
     {
       className: "str-chat__quoted-message-preview",
       "data-testid": "quoted-message-preview"
     },
-    quotedMessage?.user && /* @__PURE__ */ import_react233.default.createElement(
+    quotedMessage?.user && /* @__PURE__ */ import_react234.default.createElement(
       Avatar2,
       {
         className: "str-chat__avatar--quoted-message-sender",
@@ -48271,7 +48281,7 @@ var QuotedMessagePreview = ({
         user: quotedMessage.user
       }
     ),
-    /* @__PURE__ */ import_react233.default.createElement("div", { className: "str-chat__quoted-message-bubble" }, poll ? /* @__PURE__ */ import_react233.default.createElement(Poll, { isQuoted: true, poll }) : /* @__PURE__ */ import_react233.default.createElement(import_react233.default.Fragment, null, !!quotedMessageAttachments.length && /* @__PURE__ */ import_react233.default.createElement(Attachment2, { attachments: quotedMessageAttachments, isQuoted: true }), /* @__PURE__ */ import_react233.default.createElement(
+    /* @__PURE__ */ import_react234.default.createElement("div", { className: "str-chat__quoted-message-bubble" }, poll ? /* @__PURE__ */ import_react234.default.createElement(Poll, { isQuoted: true, poll }) : /* @__PURE__ */ import_react234.default.createElement(import_react234.default.Fragment, null, !!quotedMessageAttachments.length && /* @__PURE__ */ import_react234.default.createElement(Attachment2, { attachments: quotedMessageAttachments, isQuoted: true }), /* @__PURE__ */ import_react234.default.createElement(
       "div",
       {
         className: "str-chat__quoted-message-text",
@@ -48284,7 +48294,7 @@ var QuotedMessagePreview = ({
 
 // src/components/MessageInput/LinkPreviewList.tsx
 var import_clsx57 = __toESM(require("clsx"));
-var import_react234 = __toESM(require("react"));
+var import_react235 = __toESM(require("react"));
 var import_stream_chat10 = require("stream-chat");
 var linkPreviewsManagerStateSelector = (state) => ({
   linkPreviews: Array.from(state.previews.values()).filter(
@@ -48307,15 +48317,15 @@ var LinkPreviewList = () => {
   );
   const showLinkPreviews = linkPreviews.length > 0 && !quotedMessage;
   if (!showLinkPreviews) return null;
-  return /* @__PURE__ */ import_react234.default.createElement("div", { className: "str-chat__link-preview-list" }, linkPreviews.map((linkPreview) => /* @__PURE__ */ import_react234.default.createElement(LinkPreviewCard, { key: linkPreview.og_scrape_url, linkPreview })));
+  return /* @__PURE__ */ import_react235.default.createElement("div", { className: "str-chat__link-preview-list" }, linkPreviews.map((linkPreview) => /* @__PURE__ */ import_react235.default.createElement(LinkPreviewCard, { key: linkPreview.og_scrape_url, linkPreview })));
 };
 var LinkPreviewCard = ({ linkPreview }) => {
   const { linkPreviewsManager } = useMessageComposer();
   const { handleEnter, handleLeave, tooltipVisible } = useEnterLeaveHandlers();
-  const [referenceElement, setReferenceElement] = (0, import_react234.useState)(null);
+  const [referenceElement, setReferenceElement] = (0, import_react235.useState)(null);
   if (!import_stream_chat10.LinkPreviewsManager.previewIsLoaded(linkPreview) && !import_stream_chat10.LinkPreviewsManager.previewIsLoading(linkPreview))
     return null;
-  return /* @__PURE__ */ import_react234.default.createElement(
+  return /* @__PURE__ */ import_react235.default.createElement(
     "div",
     {
       className: (0, import_clsx57.default)("str-chat__link-preview-card", {
@@ -48323,7 +48333,7 @@ var LinkPreviewCard = ({ linkPreview }) => {
       }),
       "data-testid": "link-preview-card"
     },
-    /* @__PURE__ */ import_react234.default.createElement(
+    /* @__PURE__ */ import_react235.default.createElement(
       PopperTooltip,
       {
         offset: [0, 5],
@@ -48332,7 +48342,7 @@ var LinkPreviewCard = ({ linkPreview }) => {
       },
       linkPreview.og_scrape_url
     ),
-    /* @__PURE__ */ import_react234.default.createElement(
+    /* @__PURE__ */ import_react235.default.createElement(
       "div",
       {
         className: "str-chat__link-preview-card__icon-container",
@@ -48340,10 +48350,10 @@ var LinkPreviewCard = ({ linkPreview }) => {
         onMouseLeave: handleLeave,
         ref: setReferenceElement
       },
-      /* @__PURE__ */ import_react234.default.createElement(LinkIcon, null)
+      /* @__PURE__ */ import_react235.default.createElement(LinkIcon, null)
     ),
-    /* @__PURE__ */ import_react234.default.createElement("div", { className: "str-chat__link-preview-card__content" }, /* @__PURE__ */ import_react234.default.createElement("div", { className: "str-chat__link-preview-card__content-title" }, linkPreview.title), /* @__PURE__ */ import_react234.default.createElement("div", { className: "str-chat__link-preview-card__content-description" }, linkPreview.text)),
-    /* @__PURE__ */ import_react234.default.createElement(
+    /* @__PURE__ */ import_react235.default.createElement("div", { className: "str-chat__link-preview-card__content" }, /* @__PURE__ */ import_react235.default.createElement("div", { className: "str-chat__link-preview-card__content-title" }, linkPreview.title), /* @__PURE__ */ import_react235.default.createElement("div", { className: "str-chat__link-preview-card__content-description" }, linkPreview.text)),
+    /* @__PURE__ */ import_react235.default.createElement(
       "button",
       {
         className: "str-chat__link-preview-card__dismiss-button",
@@ -48351,49 +48361,49 @@ var LinkPreviewCard = ({ linkPreview }) => {
         onClick: () => linkPreviewsManager.dismissPreview(linkPreview.og_scrape_url),
         type: "button"
       },
-      /* @__PURE__ */ import_react234.default.createElement(CloseIcon, null)
+      /* @__PURE__ */ import_react235.default.createElement(CloseIcon, null)
     )
   );
 };
 
 // src/components/TextareaComposer/SuggestionList/CommandItem.tsx
-var import_react235 = __toESM(require("react"));
+var import_react236 = __toESM(require("react"));
 var CommandItem = (props) => {
   const { entity } = props;
-  return /* @__PURE__ */ import_react235.default.createElement("div", { className: "str-chat__slash-command" }, /* @__PURE__ */ import_react235.default.createElement("span", { className: "str-chat__slash-command-header" }, /* @__PURE__ */ import_react235.default.createElement("strong", null, entity.name), " ", entity.args), /* @__PURE__ */ import_react235.default.createElement("br", null), /* @__PURE__ */ import_react235.default.createElement("span", { className: "str-chat__slash-command-description" }, entity.description));
+  return /* @__PURE__ */ import_react236.default.createElement("div", { className: "str-chat__slash-command" }, /* @__PURE__ */ import_react236.default.createElement("span", { className: "str-chat__slash-command-header" }, /* @__PURE__ */ import_react236.default.createElement("strong", null, entity.name), " ", entity.args), /* @__PURE__ */ import_react236.default.createElement("br", null), /* @__PURE__ */ import_react236.default.createElement("span", { className: "str-chat__slash-command-description" }, entity.description));
 };
 
 // src/components/TextareaComposer/SuggestionList/EmoticonItem.tsx
-var import_react236 = __toESM(require("react"));
+var import_react237 = __toESM(require("react"));
 var EmoticonItem = (props) => {
   const { entity } = props;
   const hasEntity = Object.keys(entity).length;
   if (!hasEntity) return null;
   const { parts, token } = entity.tokenizedDisplayName ?? {};
   const renderName = () => parts?.map(
-    (part, i) => part.toLowerCase() === token ? /* @__PURE__ */ import_react236.default.createElement("span", { className: "str-chat__emoji-item--highlight", key: `part-${i}` }, part) : /* @__PURE__ */ import_react236.default.createElement("span", { className: "str-chat__emoji-item--part", key: `part-${i}` }, part)
+    (part, i) => part.toLowerCase() === token ? /* @__PURE__ */ import_react237.default.createElement("span", { className: "str-chat__emoji-item--highlight", key: `part-${i}` }, part) : /* @__PURE__ */ import_react237.default.createElement("span", { className: "str-chat__emoji-item--part", key: `part-${i}` }, part)
   ) ?? null;
-  return /* @__PURE__ */ import_react236.default.createElement("div", { className: "str-chat__emoji-item" }, /* @__PURE__ */ import_react236.default.createElement("span", { className: "str-chat__emoji-item--entity" }, entity.native), /* @__PURE__ */ import_react236.default.createElement("span", { className: "str-chat__emoji-item--name" }, renderName()));
+  return /* @__PURE__ */ import_react237.default.createElement("div", { className: "str-chat__emoji-item" }, /* @__PURE__ */ import_react237.default.createElement("span", { className: "str-chat__emoji-item--entity" }, entity.native), /* @__PURE__ */ import_react237.default.createElement("span", { className: "str-chat__emoji-item--name" }, renderName()));
 };
 
 // src/components/TextareaComposer/SuggestionList/SuggestionList.tsx
 var import_clsx60 = __toESM(require("clsx"));
-var import_react239 = __toESM(require("react"));
+var import_react240 = __toESM(require("react"));
 
 // src/components/TextareaComposer/SuggestionList/SuggestionListItem.tsx
 var import_clsx58 = __toESM(require("clsx"));
-var import_react237 = __toESM(require("react"));
-var SuggestionListItem = import_react237.default.forwardRef(function SuggestionListItem2({ className, component: Component2, focused, item: item2, onMouseEnter }, innerRef) {
+var import_react238 = __toESM(require("react"));
+var SuggestionListItem = import_react238.default.forwardRef(function SuggestionListItem2({ className, component: Component2, focused, item: item2, onMouseEnter }, innerRef) {
   const { textComposer } = useMessageComposer();
-  const containerRef = (0, import_react237.useRef)(null);
-  const handleSelect = (0, import_react237.useCallback)(() => {
+  const containerRef = (0, import_react238.useRef)(null);
+  const handleSelect = (0, import_react238.useCallback)(() => {
     textComposer.handleSelect(item2);
   }, [item2, textComposer]);
-  (0, import_react237.useLayoutEffect)(() => {
+  (0, import_react238.useLayoutEffect)(() => {
     if (!focused) return;
     containerRef.current?.scrollIntoView({ behavior: "instant", block: "nearest" });
   }, [focused, containerRef]);
-  return /* @__PURE__ */ import_react237.default.createElement(
+  return /* @__PURE__ */ import_react238.default.createElement(
     "li",
     {
       className: (0, import_clsx58.default)("str-chat__suggestion-list-item", className, {
@@ -48402,7 +48412,7 @@ var SuggestionListItem = import_react237.default.forwardRef(function SuggestionL
       onMouseEnter,
       ref: containerRef
     },
-    /* @__PURE__ */ import_react237.default.createElement(
+    /* @__PURE__ */ import_react238.default.createElement(
       "button",
       {
         onClick: handleSelect,
@@ -48413,13 +48423,13 @@ var SuggestionListItem = import_react237.default.forwardRef(function SuggestionL
         },
         ref: innerRef
       },
-      /* @__PURE__ */ import_react237.default.createElement(Component2, { entity: item2, focused })
+      /* @__PURE__ */ import_react238.default.createElement(Component2, { entity: item2, focused })
     )
   );
 });
 
 // src/components/TextareaComposer/SuggestionList/UserItem.tsx
-var import_react238 = __toESM(require("react"));
+var import_react239 = __toESM(require("react"));
 var import_clsx59 = __toESM(require("clsx"));
 var UserItem = ({ Avatar: Avatar2 = Avatar, entity }) => {
   const hasEntity = !!Object.keys(entity).length;
@@ -48428,7 +48438,7 @@ var UserItem = ({ Avatar: Avatar2 = Avatar, entity }) => {
   const renderName = () => parts.map((part, i) => {
     const matches = part.toLowerCase() === token;
     const partWithHTMLSpacesAround = part.replace(/^\s+|\s+$/g, "\xA0");
-    return /* @__PURE__ */ import_react238.default.createElement(
+    return /* @__PURE__ */ import_react239.default.createElement(
       "span",
       {
         className: (0, import_clsx59.default)({
@@ -48440,14 +48450,14 @@ var UserItem = ({ Avatar: Avatar2 = Avatar, entity }) => {
       partWithHTMLSpacesAround
     );
   });
-  return /* @__PURE__ */ import_react238.default.createElement("div", { className: "str-chat__user-item" }, /* @__PURE__ */ import_react238.default.createElement(
+  return /* @__PURE__ */ import_react239.default.createElement("div", { className: "str-chat__user-item" }, /* @__PURE__ */ import_react239.default.createElement(
     Avatar2,
     {
       className: "str-chat__avatar--autocomplete-item",
       image: entity.image,
       name: entity.name || entity.id
     }
-  ), /* @__PURE__ */ import_react238.default.createElement("span", { className: "str-chat__user-item--name", "data-testid": "user-item-name" }, renderName()), /* @__PURE__ */ import_react238.default.createElement("div", { className: "str-chat__user-item-at" }, "@"));
+  ), /* @__PURE__ */ import_react239.default.createElement("span", { className: "str-chat__user-item--name", "data-testid": "user-item-name" }, renderName()), /* @__PURE__ */ import_react239.default.createElement("div", { className: "str-chat__user-item-at" }, "@"));
 };
 
 // src/components/TextareaComposer/SuggestionList/SuggestionList.tsx
@@ -48458,9 +48468,9 @@ var searchSourceStateSelector = (nextValue) => ({
   items: nextValue.items ?? []
 });
 var defaultComponents = {
-  "/": (props) => /* @__PURE__ */ import_react239.default.createElement(CommandItem, { entity: props.entity }),
-  ":": (props) => /* @__PURE__ */ import_react239.default.createElement(EmoticonItem, { entity: props.entity }),
-  "@": (props) => /* @__PURE__ */ import_react239.default.createElement(UserItem, { entity: props.entity })
+  "/": (props) => /* @__PURE__ */ import_react240.default.createElement(CommandItem, { entity: props.entity }),
+  ":": (props) => /* @__PURE__ */ import_react240.default.createElement(EmoticonItem, { entity: props.entity }),
+  "@": (props) => /* @__PURE__ */ import_react240.default.createElement(UserItem, { entity: props.entity })
 };
 var SuggestionList = ({
   className,
@@ -48475,9 +48485,9 @@ var SuggestionList = ({
   const { textComposer } = messageComposer;
   const { suggestions } = useStateStore(textComposer.state, textComposerStateSelector);
   const { items } = useStateStore(suggestions?.searchSource.state, searchSourceStateSelector) ?? {};
-  const [container, setContainer] = (0, import_react239.useState)(null);
+  const [container, setContainer] = (0, import_react240.useState)(null);
   const component = suggestions?.trigger ? suggestionItemComponents[suggestions?.trigger] : void 0;
-  (0, import_react239.useEffect)(() => {
+  (0, import_react240.useEffect)(() => {
     if (!closeOnClickOutside || !suggestions || !container) return;
     const handleClick = (event) => {
       if (container.contains(event.target)) return;
@@ -48489,19 +48499,19 @@ var SuggestionList = ({
     };
   }, [closeOnClickOutside, suggestions, container, textComposer]);
   if (!suggestions || !items?.length || !component) return null;
-  return /* @__PURE__ */ import_react239.default.createElement(
+  return /* @__PURE__ */ import_react240.default.createElement(
     "div",
     {
       className: (0, import_clsx60.default)("str-chat__suggestion-list-container", containerClassName),
       ref: setContainer
     },
-    /* @__PURE__ */ import_react239.default.createElement(
+    /* @__PURE__ */ import_react240.default.createElement(
       InfiniteScrollPaginator,
       {
         loadNextOnScrollToBottom: suggestions.searchSource.search,
         threshold: 100
       },
-      /* @__PURE__ */ import_react239.default.createElement(
+      /* @__PURE__ */ import_react240.default.createElement(
         "ul",
         {
           className: (0, import_clsx60.default)(
@@ -48509,7 +48519,7 @@ var SuggestionList = ({
             className
           )
         },
-        items.map((item2, i) => /* @__PURE__ */ import_react239.default.createElement(
+        items.map((item2, i) => /* @__PURE__ */ import_react240.default.createElement(
           AutocompleteSuggestionItem,
           {
             component,
@@ -48527,8 +48537,8 @@ var SuggestionList = ({
 // src/components/TextareaComposer/TextareaComposer.tsx
 var import_lodash19 = __toESM(require("lodash.debounce"));
 var import_clsx61 = __toESM(require("clsx"));
-var import_react240 = require("react");
-var import_react241 = __toESM(require("react"));
+var import_react241 = require("react");
+var import_react242 = __toESM(require("react"));
 var import_react_textarea_autosize = __toESM(require("react-textarea-autosize"));
 var textComposerStateSelector2 = (state) => ({
   selection: state.selection,
@@ -48583,10 +48593,10 @@ var TextareaComposer = ({
   );
   const { enabled } = useStateStore(messageComposer.configState, configStateSelector);
   const { isLoadingItems } = useStateStore(suggestions?.searchSource.state, searchSourceStateSelector2) ?? {};
-  const containerRef = (0, import_react241.useRef)(null);
-  const [focusedItemIndex, setFocusedItemIndex] = (0, import_react241.useState)(0);
-  const [isComposing, setIsComposing] = (0, import_react241.useState)(false);
-  const changeHandler = (0, import_react241.useCallback)(
+  const containerRef = (0, import_react242.useRef)(null);
+  const [focusedItemIndex, setFocusedItemIndex] = (0, import_react242.useState)(0);
+  const [isComposing, setIsComposing] = (0, import_react242.useState)(false);
+  const changeHandler = (0, import_react242.useCallback)(
     (e) => {
       if (onChange) {
         onChange(e);
@@ -48603,13 +48613,13 @@ var TextareaComposer = ({
     },
     [onChange, textComposer, textareaRef]
   );
-  const onCompositionEnd = (0, import_react241.useCallback)(() => {
+  const onCompositionEnd = (0, import_react242.useCallback)(() => {
     setIsComposing(false);
   }, []);
-  const onCompositionStart = (0, import_react241.useCallback)(() => {
+  const onCompositionStart = (0, import_react242.useCallback)(() => {
     setIsComposing(true);
   }, []);
-  const keyDownHandler = (0, import_react241.useCallback)(
+  const keyDownHandler = (0, import_react242.useCallback)(
     (event) => {
       if (onKeyDown) {
         onKeyDown(event);
@@ -48661,7 +48671,7 @@ var TextareaComposer = ({
       textareaRef
     ]
   );
-  const scrollHandler = (0, import_react241.useCallback)(
+  const scrollHandler = (0, import_react242.useCallback)(
     (event) => {
       if (onScroll) {
         onScroll(event);
@@ -48671,7 +48681,7 @@ var TextareaComposer = ({
     },
     [onScroll, textComposer]
   );
-  const setSelectionDebounced = (0, import_react240.useMemo)(
+  const setSelectionDebounced = (0, import_react241.useMemo)(
     () => (0, import_lodash19.default)(
       (e) => {
         onSelect?.(e);
@@ -48685,18 +48695,18 @@ var TextareaComposer = ({
     ),
     [onSelect, textComposer]
   );
-  (0, import_react241.useEffect)(() => {
+  (0, import_react242.useEffect)(() => {
     if (textareaRef.current && !isComposing) {
       textareaRef.current.selectionStart = selection.start;
       textareaRef.current.selectionEnd = selection.end;
     }
   }, [text8, textareaRef, selection.start, selection.end, isComposing]);
-  (0, import_react241.useEffect)(() => {
+  (0, import_react242.useEffect)(() => {
     if (textComposer.suggestions) {
       setFocusedItemIndex(0);
     }
   }, [textComposer.suggestions]);
-  return /* @__PURE__ */ import_react241.default.createElement(
+  return /* @__PURE__ */ import_react242.default.createElement(
     "div",
     {
       className: (0, import_clsx61.default)(
@@ -48709,7 +48719,7 @@ var TextareaComposer = ({
       ),
       ref: containerRef
     },
-    /* @__PURE__ */ import_react241.default.createElement(
+    /* @__PURE__ */ import_react242.default.createElement(
       import_react_textarea_autosize.default,
       {
         ...{ ...additionalTextareaProps, ...restTextareaProps },
@@ -48738,7 +48748,7 @@ var TextareaComposer = ({
         value: text8
       }
     ),
-    !isComposing && /* @__PURE__ */ import_react241.default.createElement(
+    !isComposing && /* @__PURE__ */ import_react242.default.createElement(
       AutocompleteSuggestionList,
       {
         className: listClassName,
@@ -48751,10 +48761,10 @@ var TextareaComposer = ({
 };
 
 // src/components/AIStateIndicator/AIStateIndicator.tsx
-var import_react243 = __toESM(require("react"));
+var import_react244 = __toESM(require("react"));
 
 // src/components/AIStateIndicator/hooks/useAIState.ts
-var import_react242 = require("react");
+var import_react243 = require("react");
 var AIStates = {
   Error: "AI_STATE_ERROR",
   ExternalSources: "AI_STATE_EXTERNAL_SOURCES",
@@ -48763,8 +48773,8 @@ var AIStates = {
   Thinking: "AI_STATE_THINKING"
 };
 var useAIState = (channel) => {
-  const [aiState, setAiState] = (0, import_react242.useState)(AIStates.Idle);
-  (0, import_react242.useEffect)(() => {
+  const [aiState, setAiState] = (0, import_react243.useState)(AIStates.Idle);
+  (0, import_react243.useEffect)(() => {
     if (!channel) {
       return;
     }
@@ -48801,21 +48811,21 @@ var AIStateIndicator = ({
     [AIStates.Thinking]: t("Thinking..."),
     [AIStates.Generating]: t("Generating...")
   };
-  return aiState in allowedStates ? /* @__PURE__ */ import_react243.default.createElement("div", { className: "str-chat__ai-state-indicator-container" }, /* @__PURE__ */ import_react243.default.createElement("p", { className: "str-chat__ai-state-indicator-text" }, allowedStates[aiState])) : null;
+  return aiState in allowedStates ? /* @__PURE__ */ import_react244.default.createElement("div", { className: "str-chat__ai-state-indicator-container" }, /* @__PURE__ */ import_react244.default.createElement("p", { className: "str-chat__ai-state-indicator-text" }, allowedStates[aiState])) : null;
 };
 
 // src/components/MessageInput/WithDragAndDropUpload.tsx
-var import_react244 = __toESM(require("react"));
+var import_react245 = __toESM(require("react"));
 var import_react_dropzone = require("react-dropzone");
 var import_clsx62 = __toESM(require("clsx"));
-var DragAndDropUploadContext = import_react244.default.createContext({
+var DragAndDropUploadContext = import_react245.default.createContext({
   subscribeToDrop: null
 });
-var useDragAndDropUploadContext = () => (0, import_react244.useContext)(DragAndDropUploadContext);
+var useDragAndDropUploadContext = () => (0, import_react245.useContext)(DragAndDropUploadContext);
 var useRegisterDropHandlers = () => {
   const { subscribeToDrop } = useDragAndDropUploadContext();
   const messageComposer = useMessageComposer();
-  (0, import_react244.useEffect)(() => {
+  (0, import_react245.useEffect)(() => {
     const unsubscribe = subscribeToDrop?.(messageComposer.attachmentManager.uploadFiles);
     return unsubscribe;
   }, [subscribeToDrop, messageComposer]);
@@ -48830,7 +48840,7 @@ var WithDragAndDropUpload = ({
   component: Component2 = "div",
   style
 }) => {
-  const dropHandlersRef = (0, import_react244.useRef)(/* @__PURE__ */ new Set());
+  const dropHandlersRef = (0, import_react245.useRef)(/* @__PURE__ */ new Set());
   const { t } = useTranslationContext();
   const messageInputContext = useMessageInputContext();
   const dragAndDropUploadContext = useDragAndDropUploadContext();
@@ -48841,20 +48851,20 @@ var WithDragAndDropUpload = ({
     attachmentManagerConfigStateSelector
   );
   const isWithinMessageInputContext = Object.keys(messageInputContext).length > 0;
-  const accept = (0, import_react244.useMemo)(
+  const accept = (0, import_react245.useMemo)(
     () => acceptedFiles.reduce((mediaTypeMap, mediaType) => {
       mediaTypeMap[mediaType] ?? (mediaTypeMap[mediaType] = []);
       return mediaTypeMap;
     }, {}),
     [acceptedFiles]
   );
-  const subscribeToDrop = (0, import_react244.useCallback)((fn) => {
+  const subscribeToDrop = (0, import_react245.useCallback)((fn) => {
     dropHandlersRef.current.add(fn);
     return () => {
       dropHandlersRef.current.delete(fn);
     };
   }, []);
-  const handleDrop = (0, import_react244.useCallback)((files) => {
+  const handleDrop = (0, import_react245.useCallback)((files) => {
     dropHandlersRef.current.forEach((fn) => fn(files));
   }, []);
   const { getRootProps, isDragActive, isDragReject } = (0, import_react_dropzone.useDropzone)({
@@ -48867,24 +48877,24 @@ var WithDragAndDropUpload = ({
     onDrop: isWithinMessageInputContext ? messageComposer.attachmentManager.uploadFiles : handleDrop
   });
   if (dragAndDropUploadContext.subscribeToDrop !== null) {
-    return /* @__PURE__ */ import_react244.default.createElement(Component2, { className }, children);
+    return /* @__PURE__ */ import_react245.default.createElement(Component2, { className }, children);
   }
-  return /* @__PURE__ */ import_react244.default.createElement(
+  return /* @__PURE__ */ import_react245.default.createElement(
     DragAndDropUploadContext.Provider,
     {
       value: {
         subscribeToDrop
       }
     },
-    /* @__PURE__ */ import_react244.default.createElement(Component2, { ...getRootProps({ className, style }) }, isDragActive && /* @__PURE__ */ import_react244.default.createElement(
+    /* @__PURE__ */ import_react245.default.createElement(Component2, { ...getRootProps({ className, style }) }, isDragActive && /* @__PURE__ */ import_react245.default.createElement(
       "div",
       {
         className: (0, import_clsx62.default)("str-chat__dropzone-container", {
           "str-chat__dropzone-container--not-accepted": isDragReject
         })
       },
-      !isDragReject && /* @__PURE__ */ import_react244.default.createElement("p", null, t("Drag your files here")),
-      isDragReject && /* @__PURE__ */ import_react244.default.createElement("p", null, t("Some of the files will not be accepted"))
+      !isDragReject && /* @__PURE__ */ import_react245.default.createElement("p", null, t("Drag your files here")),
+      isDragReject && /* @__PURE__ */ import_react245.default.createElement("p", null, t("Some of the files will not be accepted"))
     ), children)
   );
 };
@@ -48916,33 +48926,33 @@ var MessageInputFlat = () => {
   } = useComponentContext();
   const { channel } = useChatContext("MessageInputFlat");
   const { aiState } = useAIState(channel);
-  const stopGenerating = (0, import_react245.useCallback)(() => channel?.stopAIResponse(), [channel]);
+  const stopGenerating = (0, import_react246.useCallback)(() => channel?.stopAIResponse(), [channel]);
   const [
     showRecordingPermissionDeniedNotification,
     setShowRecordingPermissionDeniedNotification
-  ] = (0, import_react245.useState)(false);
-  const closePermissionDeniedNotification = (0, import_react245.useCallback)(() => {
+  ] = (0, import_react246.useState)(false);
+  const closePermissionDeniedNotification = (0, import_react246.useCallback)(() => {
     setShowRecordingPermissionDeniedNotification(false);
   }, []);
   const { attachments } = useAttachmentManagerState();
-  if (recordingController.recordingState) return /* @__PURE__ */ import_react245.default.createElement(AudioRecorder2, null);
+  if (recordingController.recordingState) return /* @__PURE__ */ import_react246.default.createElement(AudioRecorder2, null);
   const recordingEnabled = !!(recordingController.recorder && navigator.mediaDevices);
   const isRecording = !!recordingController.recordingState;
   const StopAIGenerationButton2 = StopAIGenerationButtonOverride === void 0 ? StopAIGenerationButton : StopAIGenerationButtonOverride;
   const shouldDisplayStopAIGeneration = [AIStates.Thinking, AIStates.Generating].includes(aiState) && !!StopAIGenerationButton2;
-  return /* @__PURE__ */ import_react245.default.createElement(WithDragAndDropUpload, { className: "str-chat__message-input", component: "div" }, recordingEnabled && recordingController.permissionState === "denied" && showRecordingPermissionDeniedNotification && /* @__PURE__ */ import_react245.default.createElement(
+  return /* @__PURE__ */ import_react246.default.createElement(WithDragAndDropUpload, { className: "str-chat__message-input", component: "div" }, recordingEnabled && recordingController.permissionState === "denied" && showRecordingPermissionDeniedNotification && /* @__PURE__ */ import_react246.default.createElement(
     RecordingPermissionDeniedNotification2,
     {
       onClose: closePermissionDeniedNotification,
       permissionName: "microphone" /* MIC */
     }
-  ), /* @__PURE__ */ import_react245.default.createElement(LinkPreviewList2, null), /* @__PURE__ */ import_react245.default.createElement(QuotedMessagePreviewHeader, null), /* @__PURE__ */ import_react245.default.createElement("div", { className: "str-chat__message-input-inner" }, /* @__PURE__ */ import_react245.default.createElement(AttachmentSelector2, null), /* @__PURE__ */ import_react245.default.createElement("div", { className: "str-chat__message-textarea-container" }, /* @__PURE__ */ import_react245.default.createElement(QuotedMessagePreview2, null), /* @__PURE__ */ import_react245.default.createElement(AttachmentPreviewList2, null), /* @__PURE__ */ import_react245.default.createElement("div", { className: "str-chat__message-textarea-with-emoji-picker" }, /* @__PURE__ */ import_react245.default.createElement(TextareaComposer2, null), EmojiPicker && /* @__PURE__ */ import_react245.default.createElement(EmojiPicker, null))), shouldDisplayStopAIGeneration ? /* @__PURE__ */ import_react245.default.createElement(StopAIGenerationButton2, { onClick: stopGenerating }) : !hideSendButton && /* @__PURE__ */ import_react245.default.createElement(import_react245.default.Fragment, null, cooldownRemaining ? /* @__PURE__ */ import_react245.default.createElement(
+  ), /* @__PURE__ */ import_react246.default.createElement(LinkPreviewList2, null), /* @__PURE__ */ import_react246.default.createElement(QuotedMessagePreviewHeader, null), /* @__PURE__ */ import_react246.default.createElement("div", { className: "str-chat__message-input-inner" }, /* @__PURE__ */ import_react246.default.createElement(AttachmentSelector2, null), /* @__PURE__ */ import_react246.default.createElement("div", { className: "str-chat__message-textarea-container" }, /* @__PURE__ */ import_react246.default.createElement(QuotedMessagePreview2, null), /* @__PURE__ */ import_react246.default.createElement(AttachmentPreviewList2, null), /* @__PURE__ */ import_react246.default.createElement("div", { className: "str-chat__message-textarea-with-emoji-picker" }, /* @__PURE__ */ import_react246.default.createElement(TextareaComposer2, null), EmojiPicker && /* @__PURE__ */ import_react246.default.createElement(EmojiPicker, null))), shouldDisplayStopAIGeneration ? /* @__PURE__ */ import_react246.default.createElement(StopAIGenerationButton2, { onClick: stopGenerating }) : !hideSendButton && /* @__PURE__ */ import_react246.default.createElement(import_react246.default.Fragment, null, cooldownRemaining ? /* @__PURE__ */ import_react246.default.createElement(
     CooldownTimer2,
     {
       cooldownInterval: cooldownRemaining,
       setCooldownRemaining
     }
-  ) : /* @__PURE__ */ import_react245.default.createElement(import_react245.default.Fragment, null, /* @__PURE__ */ import_react245.default.createElement(SendButton2, { sendMessage: handleSubmit }), recordingEnabled && /* @__PURE__ */ import_react245.default.createElement(
+  ) : /* @__PURE__ */ import_react246.default.createElement(import_react246.default.Fragment, null, /* @__PURE__ */ import_react246.default.createElement(SendButton2, { sendMessage: handleSubmit }), recordingEnabled && /* @__PURE__ */ import_react246.default.createElement(
     StartRecordingAudioButton2,
     {
       disabled: isRecording || !asyncMessagesMultiSendEnabled && attachments.some(
@@ -48957,7 +48967,7 @@ var MessageInputFlat = () => {
 };
 
 // src/components/MessageInput/hooks/useCreateMessageInputContext.ts
-var import_react246 = require("react");
+var import_react247 = require("react");
 var useCreateMessageInputContext = (value) => {
   const {
     additionalTextareaProps,
@@ -48981,7 +48991,7 @@ var useCreateMessageInputContext = (value) => {
     textareaRef
   } = value;
   const parentId = parent?.id;
-  const messageInputContext = (0, import_react246.useMemo)(
+  const messageInputContext = (0, import_react247.useMemo)(
     () => ({
       additionalTextareaProps,
       asyncMessagesMultiSendEnabled,
@@ -49033,13 +49043,13 @@ var MessageInputProvider = (props) => {
     emojiSearchIndex: props.emojiSearchIndex ?? emojiSearchIndex
   });
   const messageComposer = useMessageComposer();
-  (0, import_react247.useEffect)(
+  (0, import_react248.useEffect)(
     () => () => {
       messageComposer.createDraft();
     },
     [messageComposer]
   );
-  (0, import_react247.useEffect)(() => {
+  (0, import_react248.useEffect)(() => {
     const threadId = messageComposer.threadId;
     if (!threadId || !messageComposer.channel || !messageComposer.compositionIsEmpty)
       return;
@@ -49050,16 +49060,17 @@ var MessageInputProvider = (props) => {
     });
   }, [messageComposer]);
   useRegisterDropHandlers();
-  return /* @__PURE__ */ import_react247.default.createElement(MessageInputContextProvider, { value: messageInputContextValue }, props.children);
+  return /* @__PURE__ */ import_react248.default.createElement(MessageInputContextProvider, { value: messageInputContextValue }, props.children);
 };
 var UnMemoizedMessageInput = (props) => {
   const { Input: PropInput } = props;
   const { Input: ContextInput } = useComponentContext("MessageInput");
+  const id = useStableId();
   const Input3 = PropInput || ContextInput || MessageInputFlat;
-  const dialogManagerId = props.isThreadInput ? "message-input-dialog-manager-thread" : "message-input-dialog-manager";
-  return /* @__PURE__ */ import_react247.default.createElement(DialogManagerProvider, { id: dialogManagerId }, /* @__PURE__ */ import_react247.default.createElement(MessageInputProvider, { ...props }, /* @__PURE__ */ import_react247.default.createElement(Input3, null)));
+  const dialogManagerId = props.isThreadInput ? `message-input-dialog-manager-thread-${id}` : `message-input-dialog-manager-${id}`;
+  return /* @__PURE__ */ import_react248.default.createElement(DialogManagerProvider, { id: dialogManagerId }, /* @__PURE__ */ import_react248.default.createElement(MessageInputProvider, { ...props }, /* @__PURE__ */ import_react248.default.createElement(Input3, null)));
 };
-var MessageInput = import_react247.default.memo(
+var MessageInput = import_react248.default.memo(
   UnMemoizedMessageInput
 );
 
@@ -49067,7 +49078,7 @@ var MessageInput = import_react247.default.memo(
 var EditMessageFormSendButton = () => {
   const { t } = useTranslationContext();
   const hasSendableData = useMessageComposerHasSendableData();
-  return /* @__PURE__ */ import_react248.default.createElement(
+  return /* @__PURE__ */ import_react249.default.createElement(
     "button",
     {
       className: "str-chat__edit-message-send",
@@ -49082,26 +49093,26 @@ var EditMessageForm = () => {
   const { t } = useTranslationContext("EditMessageForm");
   const messageComposer = useMessageComposer();
   const { clearEditingState, handleSubmit } = useMessageInputContext("EditMessageForm");
-  const cancel = (0, import_react248.useCallback)(() => {
+  const cancel = (0, import_react249.useCallback)(() => {
     clearEditingState?.();
     messageComposer.restore();
   }, [clearEditingState, messageComposer]);
-  (0, import_react248.useEffect)(() => {
+  (0, import_react249.useEffect)(() => {
     const onKeyDown = (event) => {
       if (event.key === "Escape") cancel();
     };
     document.addEventListener("keydown", onKeyDown);
     return () => document.removeEventListener("keydown", onKeyDown);
   }, [cancel]);
-  return /* @__PURE__ */ import_react248.default.createElement(
+  return /* @__PURE__ */ import_react249.default.createElement(
     "form",
     {
       autoComplete: "off",
       className: "str-chat__edit-message-form",
       onSubmit: handleSubmit
     },
-    /* @__PURE__ */ import_react248.default.createElement(MessageInputFlat, null),
-    /* @__PURE__ */ import_react248.default.createElement("div", { className: "str-chat__edit-message-form-options" }, /* @__PURE__ */ import_react248.default.createElement(
+    /* @__PURE__ */ import_react249.default.createElement(MessageInputFlat, null),
+    /* @__PURE__ */ import_react249.default.createElement("div", { className: "str-chat__edit-message-form-options" }, /* @__PURE__ */ import_react249.default.createElement(
       "button",
       {
         className: "str-chat__edit-message-cancel",
@@ -49109,7 +49120,7 @@ var EditMessageForm = () => {
         onClick: cancel
       },
       t("Cancel")
-    ), /* @__PURE__ */ import_react248.default.createElement(EditMessageFormSendButton, null))
+    ), /* @__PURE__ */ import_react249.default.createElement(EditMessageFormSendButton, null))
   );
 };
 var EditMessageModal = ({
@@ -49118,18 +49129,18 @@ var EditMessageModal = ({
   const { EditMessageInput = EditMessageForm } = useComponentContext();
   const { clearEditingState } = useMessageContext();
   const messageComposer = useMessageComposer();
-  const onEditModalClose = (0, import_react248.useCallback)(() => {
+  const onEditModalClose = (0, import_react249.useCallback)(() => {
     clearEditingState();
     messageComposer.restore();
   }, [clearEditingState, messageComposer]);
-  return /* @__PURE__ */ import_react248.default.createElement(
+  return /* @__PURE__ */ import_react249.default.createElement(
     Modal,
     {
       className: "str-chat__edit-message-modal",
       onClose: onEditModalClose,
       open: true
     },
-    /* @__PURE__ */ import_react248.default.createElement(
+    /* @__PURE__ */ import_react249.default.createElement(
       MessageInput,
       {
         clearEditingState,
@@ -49146,12 +49157,12 @@ var attachmentManagerConfigStateSelector2 = (state) => ({
   acceptedFiles: state.attachments.acceptedFiles,
   maxNumberOfFilesPerMessage: state.attachments.maxNumberOfFilesPerMessage
 });
-var UploadButton = (0, import_react249.forwardRef)(function UploadButton2({ onFileChange, resetOnChange = true, ...rest }, ref) {
+var UploadButton = (0, import_react250.forwardRef)(function UploadButton2({ onFileChange, resetOnChange = true, ...rest }, ref) {
   const handleInputChange = useHandleFileChangeWrapper(resetOnChange, onFileChange);
-  return /* @__PURE__ */ import_react249.default.createElement("input", { onChange: handleInputChange, ref, type: "file", ...rest });
+  return /* @__PURE__ */ import_react250.default.createElement("input", { onChange: handleInputChange, ref, type: "file", ...rest });
 });
 var FileInput = UploadButton;
-var UploadFileInput = (0, import_react249.forwardRef)(function UploadFileInput2({
+var UploadFileInput = (0, import_react250.forwardRef)(function UploadFileInput2({
   className,
   onFileChange: onFileChangeCustom,
   ...props
@@ -49165,15 +49176,15 @@ var UploadFileInput = (0, import_react249.forwardRef)(function UploadFileInput2(
     messageComposer.configState,
     attachmentManagerConfigStateSelector2
   );
-  const id = (0, import_react249.useMemo)(() => (0, import_nanoid5.nanoid)(), []);
-  const onFileChange = (0, import_react249.useCallback)(
+  const id = (0, import_react250.useMemo)(() => (0, import_nanoid6.nanoid)(), []);
+  const onFileChange = (0, import_react250.useCallback)(
     (files) => {
       attachmentManager.uploadFiles(files);
       onFileChangeCustom?.(files);
     },
     [onFileChangeCustom, attachmentManager]
   );
-  return /* @__PURE__ */ import_react249.default.createElement(
+  return /* @__PURE__ */ import_react250.default.createElement(
     FileInput,
     {
       accept: acceptedFiles?.join(","),
@@ -49220,7 +49231,7 @@ var VoiceRecordingPlayer = ({
   });
   if (!asset_url) return null;
   const displayedDuration = secondsElapsed || duration;
-  return /* @__PURE__ */ import_react250.default.createElement("div", { className: rootClassName, "data-testid": "voice-recording-widget" }, /* @__PURE__ */ import_react250.default.createElement("audio", { ref: audioRef }, /* @__PURE__ */ import_react250.default.createElement("source", { "data-testid": "audio-source", src: asset_url, type: mime_type })), /* @__PURE__ */ import_react250.default.createElement(PlayButton, { isPlaying, onClick: togglePlay }), /* @__PURE__ */ import_react250.default.createElement("div", { className: "str-chat__message-attachment__voice-recording-widget__metadata" }, /* @__PURE__ */ import_react250.default.createElement(
+  return /* @__PURE__ */ import_react251.default.createElement("div", { className: rootClassName, "data-testid": "voice-recording-widget" }, /* @__PURE__ */ import_react251.default.createElement("audio", { ref: audioRef }, /* @__PURE__ */ import_react251.default.createElement("source", { "data-testid": "audio-source", src: asset_url, type: mime_type })), /* @__PURE__ */ import_react251.default.createElement(PlayButton, { isPlaying, onClick: togglePlay }), /* @__PURE__ */ import_react251.default.createElement("div", { className: "str-chat__message-attachment__voice-recording-widget__metadata" }, /* @__PURE__ */ import_react251.default.createElement(
     "div",
     {
       className: "str-chat__message-attachment__voice-recording-widget__title",
@@ -49228,25 +49239,25 @@ var VoiceRecordingPlayer = ({
       title
     },
     title
-  ), /* @__PURE__ */ import_react250.default.createElement("div", { className: "str-chat__message-attachment__voice-recording-widget__audio-state" }, /* @__PURE__ */ import_react250.default.createElement("div", { className: "str-chat__message-attachment__voice-recording-widget__timer" }, attachment.duration ? displayDuration(displayedDuration) : /* @__PURE__ */ import_react250.default.createElement(
+  ), /* @__PURE__ */ import_react251.default.createElement("div", { className: "str-chat__message-attachment__voice-recording-widget__audio-state" }, /* @__PURE__ */ import_react251.default.createElement("div", { className: "str-chat__message-attachment__voice-recording-widget__timer" }, attachment.duration ? displayDuration(displayedDuration) : /* @__PURE__ */ import_react251.default.createElement(
     FileSizeIndicator,
     {
       fileSize: attachment.file_size,
       maximumFractionDigits: 0
     }
-  )), /* @__PURE__ */ import_react250.default.createElement(
+  )), /* @__PURE__ */ import_react251.default.createElement(
     WaveProgressBar,
     {
       progress,
       seek,
       waveformData: waveform_data || []
     }
-  ))), /* @__PURE__ */ import_react250.default.createElement("div", { className: "str-chat__message-attachment__voice-recording-widget__right-section" }, isPlaying ? /* @__PURE__ */ import_react250.default.createElement(PlaybackRateButton, { disabled: !audioRef.current, onClick: increasePlaybackRate }, playbackRate.toFixed(1), "x") : /* @__PURE__ */ import_react250.default.createElement(FileIcon, { big: true, mimeType: mime_type, size: 40 })));
+  ))), /* @__PURE__ */ import_react251.default.createElement("div", { className: "str-chat__message-attachment__voice-recording-widget__right-section" }, isPlaying ? /* @__PURE__ */ import_react251.default.createElement(PlaybackRateButton, { disabled: !audioRef.current, onClick: increasePlaybackRate }, playbackRate.toFixed(1), "x") : /* @__PURE__ */ import_react251.default.createElement(FileIcon, { big: true, mimeType: mime_type, size: 40 })));
 };
 var QuotedVoiceRecording = ({ attachment }) => {
   const { t } = useTranslationContext();
   const title = attachment.title || t("Voice message");
-  return /* @__PURE__ */ import_react250.default.createElement("div", { className: rootClassName, "data-testid": "quoted-voice-recording-widget" }, /* @__PURE__ */ import_react250.default.createElement("div", { className: "str-chat__message-attachment__voice-recording-widget__metadata" }, title && /* @__PURE__ */ import_react250.default.createElement(
+  return /* @__PURE__ */ import_react251.default.createElement("div", { className: rootClassName, "data-testid": "quoted-voice-recording-widget" }, /* @__PURE__ */ import_react251.default.createElement("div", { className: "str-chat__message-attachment__voice-recording-widget__metadata" }, title && /* @__PURE__ */ import_react251.default.createElement(
     "div",
     {
       className: "str-chat__message-attachment__voice-recording-widget__title",
@@ -49254,18 +49265,18 @@ var QuotedVoiceRecording = ({ attachment }) => {
       title
     },
     title
-  ), /* @__PURE__ */ import_react250.default.createElement("div", { className: "str-chat__message-attachment__voice-recording-widget__audio-state" }, /* @__PURE__ */ import_react250.default.createElement("div", { className: "str-chat__message-attachment__voice-recording-widget__timer" }, attachment.duration ? displayDuration(attachment.duration) : /* @__PURE__ */ import_react250.default.createElement(
+  ), /* @__PURE__ */ import_react251.default.createElement("div", { className: "str-chat__message-attachment__voice-recording-widget__audio-state" }, /* @__PURE__ */ import_react251.default.createElement("div", { className: "str-chat__message-attachment__voice-recording-widget__timer" }, attachment.duration ? displayDuration(attachment.duration) : /* @__PURE__ */ import_react251.default.createElement(
     FileSizeIndicator,
     {
       fileSize: attachment.file_size,
       maximumFractionDigits: 0
     }
-  )))), /* @__PURE__ */ import_react250.default.createElement(FileIcon, { big: true, mimeType: attachment.mime_type, size: 34 }));
+  )))), /* @__PURE__ */ import_react251.default.createElement(FileIcon, { big: true, mimeType: attachment.mime_type, size: 34 }));
 };
-var VoiceRecording = ({ attachment, isQuoted }) => isQuoted ? /* @__PURE__ */ import_react250.default.createElement(QuotedVoiceRecording, { attachment }) : /* @__PURE__ */ import_react250.default.createElement(VoiceRecordingPlayer, { attachment });
+var VoiceRecording = ({ attachment, isQuoted }) => isQuoted ? /* @__PURE__ */ import_react251.default.createElement(QuotedVoiceRecording, { attachment }) : /* @__PURE__ */ import_react251.default.createElement(VoiceRecordingPlayer, { attachment });
 
 // src/components/Attachment/Card.tsx
-var import_react251 = __toESM(require("react"));
+var import_react252 = __toESM(require("react"));
 var import_clsx64 = __toESM(require("clsx"));
 var import_react_player = __toESM(require("react-player"));
 var getHostFromURL = (url) => {
@@ -49277,26 +49288,26 @@ var getHostFromURL = (url) => {
 };
 var UnableToRenderCard = ({ type }) => {
   const { t } = useTranslationContext("Card");
-  return /* @__PURE__ */ import_react251.default.createElement(
+  return /* @__PURE__ */ import_react252.default.createElement(
     "div",
     {
       className: (0, import_clsx64.default)("str-chat__message-attachment-card", {
         [`str-chat__message-attachment-card--${type}`]: type
       })
     },
-    /* @__PURE__ */ import_react251.default.createElement("div", { className: "str-chat__message-attachment-card--content" }, /* @__PURE__ */ import_react251.default.createElement("div", { className: "str-chat__message-attachment-card--text" }, t("this content could not be displayed")))
+    /* @__PURE__ */ import_react252.default.createElement("div", { className: "str-chat__message-attachment-card--content" }, /* @__PURE__ */ import_react252.default.createElement("div", { className: "str-chat__message-attachment-card--text" }, t("this content could not be displayed")))
   );
 };
 var SourceLink = ({
   author_name,
   url
-}) => /* @__PURE__ */ import_react251.default.createElement(
+}) => /* @__PURE__ */ import_react252.default.createElement(
   "div",
   {
     className: "str-chat__message-attachment-card--source-link",
     "data-testid": "card-source-link"
   },
-  /* @__PURE__ */ import_react251.default.createElement(
+  /* @__PURE__ */ import_react252.default.createElement(
     SafeAnchor,
     {
       className: "str-chat__message-attachment-card--url",
@@ -49311,7 +49322,7 @@ var CardHeader3 = (props) => {
   const { asset_url, dimensions, image: image4, image_url, thumb_url, title, type } = props;
   let visual = null;
   if (asset_url && type === "video") {
-    visual = /* @__PURE__ */ import_react251.default.createElement(
+    visual = /* @__PURE__ */ import_react252.default.createElement(
       import_react_player.default,
       {
         className: "react-player",
@@ -49322,7 +49333,7 @@ var CardHeader3 = (props) => {
       }
     );
   } else if (image4) {
-    visual = /* @__PURE__ */ import_react251.default.createElement(
+    visual = /* @__PURE__ */ import_react252.default.createElement(
       ImageComponent,
       {
         dimensions,
@@ -49332,7 +49343,7 @@ var CardHeader3 = (props) => {
       }
     );
   }
-  return visual ? /* @__PURE__ */ import_react251.default.createElement(
+  return visual ? /* @__PURE__ */ import_react252.default.createElement(
     "div",
     {
       className: "str-chat__message-attachment-card--header str-chat__message-attachment-card-react--header",
@@ -49344,7 +49355,7 @@ var CardHeader3 = (props) => {
 var CardContent = (props) => {
   const { author_name, og_scrape_url, text: text8, title, title_link, type } = props;
   const url = title_link || og_scrape_url;
-  return /* @__PURE__ */ import_react251.default.createElement("div", { className: "str-chat__message-attachment-card--content" }, type === "audio" ? /* @__PURE__ */ import_react251.default.createElement(CardAudio, { og: props }) : /* @__PURE__ */ import_react251.default.createElement("div", { className: "str-chat__message-attachment-card--flex" }, url && /* @__PURE__ */ import_react251.default.createElement(SourceLink, { author_name, url }), title && /* @__PURE__ */ import_react251.default.createElement("div", { className: "str-chat__message-attachment-card--title" }, title), text8 && /* @__PURE__ */ import_react251.default.createElement("div", { className: "str-chat__message-attachment-card--text" }, text8)));
+  return /* @__PURE__ */ import_react252.default.createElement("div", { className: "str-chat__message-attachment-card--content" }, type === "audio" ? /* @__PURE__ */ import_react252.default.createElement(CardAudio, { og: props }) : /* @__PURE__ */ import_react252.default.createElement("div", { className: "str-chat__message-attachment-card--flex" }, url && /* @__PURE__ */ import_react252.default.createElement(SourceLink, { author_name, url }), title && /* @__PURE__ */ import_react252.default.createElement("div", { className: "str-chat__message-attachment-card--title" }, title), text8 && /* @__PURE__ */ import_react252.default.createElement("div", { className: "str-chat__message-attachment-card--text" }, text8)));
 };
 var CardAudio = ({
   og: { asset_url, author_name, mime_type, og_scrape_url, text: text8, title, title_link }
@@ -49355,7 +49366,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_react251.default.createElement("div", { className: rootClassName2, "data-testid": dataTestId }, asset_url && /* @__PURE__ */ import_react251.default.createElement(import_react251.default.Fragment, null, /* @__PURE__ */ import_react251.default.createElement("audio", { ref: audioRef }, /* @__PURE__ */ import_react251.default.createElement("source", { "data-testid": "audio-source", src: asset_url, type: "audio/mp3" })), /* @__PURE__ */ import_react251.default.createElement("div", { className: "str-chat__message-attachment-card-audio-widget--first-row" }, /* @__PURE__ */ import_react251.default.createElement("div", { className: "str-chat__message-attachment-audio-widget--play-controls" }, /* @__PURE__ */ import_react251.default.createElement(PlayButton, { isPlaying, onClick: togglePlay })), /* @__PURE__ */ import_react251.default.createElement(ProgressBar, { onClick: seek, progress }))), /* @__PURE__ */ import_react251.default.createElement("div", { className: "str-chat__message-attachment-audio-widget--second-row" }, url && /* @__PURE__ */ import_react251.default.createElement(SourceLink, { author_name, url }), title && /* @__PURE__ */ import_react251.default.createElement("div", { className: "str-chat__message-attachment-audio-widget--title" }, title), text8 && /* @__PURE__ */ import_react251.default.createElement("div", { className: "str-chat__message-attachment-audio-widget--description" }, text8)));
+  return /* @__PURE__ */ import_react252.default.createElement("div", { className: rootClassName2, "data-testid": dataTestId }, asset_url && /* @__PURE__ */ import_react252.default.createElement(import_react252.default.Fragment, null, /* @__PURE__ */ import_react252.default.createElement("audio", { ref: audioRef }, /* @__PURE__ */ import_react252.default.createElement("source", { "data-testid": "audio-source", src: asset_url, type: "audio/mp3" })), /* @__PURE__ */ import_react252.default.createElement("div", { className: "str-chat__message-attachment-card-audio-widget--first-row" }, /* @__PURE__ */ import_react252.default.createElement("div", { className: "str-chat__message-attachment-audio-widget--play-controls" }, /* @__PURE__ */ import_react252.default.createElement(PlayButton, { isPlaying, onClick: togglePlay })), /* @__PURE__ */ import_react252.default.createElement(ProgressBar, { onClick: seek, progress }))), /* @__PURE__ */ import_react252.default.createElement("div", { className: "str-chat__message-attachment-audio-widget--second-row" }, url && /* @__PURE__ */ import_react252.default.createElement(SourceLink, { author_name, url }), title && /* @__PURE__ */ import_react252.default.createElement("div", { className: "str-chat__message-attachment-audio-widget--title" }, title), text8 && /* @__PURE__ */ import_react252.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;
@@ -49369,45 +49380,45 @@ var UnMemoizedCard = (props) => {
     dimensions.width = giphyVersion.width;
   }
   if (!title && !title_link && !asset_url && !image4) {
-    return /* @__PURE__ */ import_react251.default.createElement(UnableToRenderCard, null);
+    return /* @__PURE__ */ import_react252.default.createElement(UnableToRenderCard, null);
   }
-  return /* @__PURE__ */ import_react251.default.createElement(
+  return /* @__PURE__ */ import_react252.default.createElement(
     "div",
     {
       className: `str-chat__message-attachment-card str-chat__message-attachment-card--${type}`
     },
-    /* @__PURE__ */ import_react251.default.createElement(CardHeader3, { ...props, dimensions, image: image4 }),
-    /* @__PURE__ */ import_react251.default.createElement(CardContent, { ...props })
+    /* @__PURE__ */ import_react252.default.createElement(CardHeader3, { ...props, dimensions, image: image4 }),
+    /* @__PURE__ */ import_react252.default.createElement(CardContent, { ...props })
   );
 };
-var Card3 = import_react251.default.memo(UnMemoizedCard);
+var Card3 = import_react252.default.memo(UnMemoizedCard);
 
 // src/components/Attachment/FileAttachment.tsx
-var import_react252 = __toESM(require("react"));
-var UnMemoizedFileAttachment = ({ attachment }) => /* @__PURE__ */ import_react252.default.createElement("div", { className: "str-chat__message-attachment-file--item", "data-testid": "attachment-file" }, /* @__PURE__ */ import_react252.default.createElement(FileIcon, { className: "str-chat__file-icon", mimeType: attachment.mime_type }), /* @__PURE__ */ import_react252.default.createElement("div", { className: "str-chat__message-attachment-file--item-text" }, /* @__PURE__ */ import_react252.default.createElement("div", { className: "str-chat__message-attachment-file--item-first-row" }, /* @__PURE__ */ import_react252.default.createElement(
+var import_react253 = __toESM(require("react"));
+var UnMemoizedFileAttachment = ({ attachment }) => /* @__PURE__ */ import_react253.default.createElement("div", { className: "str-chat__message-attachment-file--item", "data-testid": "attachment-file" }, /* @__PURE__ */ import_react253.default.createElement(FileIcon, { className: "str-chat__file-icon", mimeType: attachment.mime_type }), /* @__PURE__ */ import_react253.default.createElement("div", { className: "str-chat__message-attachment-file--item-text" }, /* @__PURE__ */ import_react253.default.createElement("div", { className: "str-chat__message-attachment-file--item-first-row" }, /* @__PURE__ */ import_react253.default.createElement(
   "div",
   {
     className: "str-chat__message-attachment-file--item-name",
     "data-testid": "file-title"
   },
   attachment.title
-), /* @__PURE__ */ import_react252.default.createElement(DownloadButton, { assetUrl: attachment.asset_url })), /* @__PURE__ */ import_react252.default.createElement(FileSizeIndicator, { fileSize: attachment.file_size })));
-var FileAttachment = import_react252.default.memo(
+), /* @__PURE__ */ import_react253.default.createElement(DownloadButton, { assetUrl: attachment.asset_url })), /* @__PURE__ */ import_react253.default.createElement(FileSizeIndicator, { fileSize: attachment.file_size })));
+var FileAttachment = import_react253.default.memo(
   UnMemoizedFileAttachment
 );
 
 // src/components/Attachment/UnsupportedAttachment.tsx
-var import_react253 = __toESM(require("react"));
+var import_react254 = __toESM(require("react"));
 var UnsupportedAttachment = ({ attachment }) => {
   const { t } = useTranslationContext("UnsupportedAttachment");
-  return /* @__PURE__ */ import_react253.default.createElement(
+  return /* @__PURE__ */ import_react254.default.createElement(
     "div",
     {
       className: "str-chat__message-attachment-unsupported",
       "data-testid": "attachment-unsupported"
     },
-    /* @__PURE__ */ import_react253.default.createElement(FileIcon, { className: "str-chat__file-icon" }),
-    /* @__PURE__ */ import_react253.default.createElement("div", { className: "str-chat__message-attachment-unsupported__metadata" }, /* @__PURE__ */ import_react253.default.createElement(
+    /* @__PURE__ */ import_react254.default.createElement(FileIcon, { className: "str-chat__file-icon" }),
+    /* @__PURE__ */ import_react254.default.createElement("div", { className: "str-chat__message-attachment-unsupported__metadata" }, /* @__PURE__ */ import_react254.default.createElement(
       "div",
       {
         className: "str-chat__message-attachment-unsupported__title",
@@ -49439,7 +49450,7 @@ var AttachmentWithinContainer = ({
       "str-chat__message-attachment-with-actions": extra === "actions"
     }
   );
-  return /* @__PURE__ */ import_react254.default.createElement("div", { className: classNames }, children);
+  return /* @__PURE__ */ import_react255.default.createElement("div", { className: classNames }, children);
 };
 var AttachmentActionsContainer = ({
   actionHandler,
@@ -49447,7 +49458,7 @@ var AttachmentActionsContainer = ({
   AttachmentActions: AttachmentActions2 = AttachmentActions
 }) => {
   if (!attachment.actions?.length) return null;
-  return /* @__PURE__ */ import_react254.default.createElement(
+  return /* @__PURE__ */ import_react255.default.createElement(
     AttachmentActions2,
     {
       ...attachment,
@@ -49478,10 +49489,10 @@ var GalleryContainer = ({
   attachment,
   Gallery: Gallery2 = Gallery
 }) => {
-  const imageElements = (0, import_react254.useRef)([]);
+  const imageElements = (0, import_react255.useRef)([]);
   const { imageAttachmentSizeHandler } = useChannelStateContext();
-  const [attachmentConfigurations, setAttachmentConfigurations] = (0, import_react254.useState)([]);
-  (0, import_react254.useLayoutEffect)(() => {
+  const [attachmentConfigurations, setAttachmentConfigurations] = (0, import_react255.useState)([]);
+  (0, import_react255.useLayoutEffect)(() => {
     if (imageElements.current && imageElements.current.every((element4) => !!element4) && imageAttachmentSizeHandler) {
       const newConfigurations = [];
       imageElements.current.forEach((element4, i) => {
@@ -49498,15 +49509,15 @@ var GalleryContainer = ({
       attachment.images[i]?.image_url || attachment.images[i]?.thumb_url || ""
     )
   }));
-  return /* @__PURE__ */ import_react254.default.createElement(AttachmentWithinContainer, { attachment, componentType: "gallery" }, /* @__PURE__ */ import_react254.default.createElement(Gallery2, { images: images || [], innerRefs: imageElements, key: "gallery" }));
+  return /* @__PURE__ */ import_react255.default.createElement(AttachmentWithinContainer, { attachment, componentType: "gallery" }, /* @__PURE__ */ import_react255.default.createElement(Gallery2, { images: images || [], innerRefs: imageElements, key: "gallery" }));
 };
 var ImageContainer = (props) => {
   const { attachment, Image: Image4 = ImageComponent } = props;
   const componentType = "image";
-  const imageElement = (0, import_react254.useRef)(null);
+  const imageElement = (0, import_react255.useRef)(null);
   const { imageAttachmentSizeHandler } = useChannelStateContext();
-  const [attachmentConfiguration, setAttachmentConfiguration] = (0, import_react254.useState)(void 0);
-  (0, import_react254.useLayoutEffect)(() => {
+  const [attachmentConfiguration, setAttachmentConfiguration] = (0, import_react255.useState)(void 0);
+  (0, import_react255.useLayoutEffect)(() => {
     if (imageElement.current && imageAttachmentSizeHandler) {
       const config = imageAttachmentSizeHandler(attachment, imageElement.current);
       setAttachmentConfiguration(config);
@@ -49518,41 +49529,41 @@ var ImageContainer = (props) => {
     style: getCssDimensionsVariables(attachment.image_url || attachment.thumb_url || "")
   };
   if (attachment.actions && attachment.actions.length) {
-    return /* @__PURE__ */ import_react254.default.createElement(AttachmentWithinContainer, { attachment, componentType }, /* @__PURE__ */ import_react254.default.createElement("div", { className: "str-chat__attachment" }, /* @__PURE__ */ import_react254.default.createElement(Image4, { ...imageConfig, innerRef: imageElement }), /* @__PURE__ */ import_react254.default.createElement(AttachmentActionsContainer, { ...props })));
+    return /* @__PURE__ */ import_react255.default.createElement(AttachmentWithinContainer, { attachment, componentType }, /* @__PURE__ */ import_react255.default.createElement("div", { className: "str-chat__attachment" }, /* @__PURE__ */ import_react255.default.createElement(Image4, { ...imageConfig, innerRef: imageElement }), /* @__PURE__ */ import_react255.default.createElement(AttachmentActionsContainer, { ...props })));
   }
-  return /* @__PURE__ */ import_react254.default.createElement(AttachmentWithinContainer, { attachment, componentType }, /* @__PURE__ */ import_react254.default.createElement(Image4, { ...imageConfig, innerRef: imageElement }));
+  return /* @__PURE__ */ import_react255.default.createElement(AttachmentWithinContainer, { attachment, componentType }, /* @__PURE__ */ import_react255.default.createElement(Image4, { ...imageConfig, innerRef: imageElement }));
 };
 var CardContainer = (props) => {
   const { attachment, Card: Card4 = Card3 } = props;
   const componentType = "card";
   if (attachment.actions && attachment.actions.length) {
-    return /* @__PURE__ */ import_react254.default.createElement(AttachmentWithinContainer, { attachment, componentType }, /* @__PURE__ */ import_react254.default.createElement("div", { className: "str-chat__attachment" }, /* @__PURE__ */ import_react254.default.createElement(Card4, { ...attachment }), /* @__PURE__ */ import_react254.default.createElement(AttachmentActionsContainer, { ...props })));
+    return /* @__PURE__ */ import_react255.default.createElement(AttachmentWithinContainer, { attachment, componentType }, /* @__PURE__ */ import_react255.default.createElement("div", { className: "str-chat__attachment" }, /* @__PURE__ */ import_react255.default.createElement(Card4, { ...attachment }), /* @__PURE__ */ import_react255.default.createElement(AttachmentActionsContainer, { ...props })));
   }
-  return /* @__PURE__ */ import_react254.default.createElement(AttachmentWithinContainer, { attachment, componentType }, /* @__PURE__ */ import_react254.default.createElement(Card4, { ...attachment }));
+  return /* @__PURE__ */ import_react255.default.createElement(AttachmentWithinContainer, { attachment, componentType }, /* @__PURE__ */ import_react255.default.createElement(Card4, { ...attachment }));
 };
 var FileContainer = ({
   attachment,
   File: File2 = FileAttachment
 }) => {
   if (!attachment.asset_url) return null;
-  return /* @__PURE__ */ import_react254.default.createElement(AttachmentWithinContainer, { attachment, componentType: "file" }, /* @__PURE__ */ import_react254.default.createElement(File2, { attachment }));
+  return /* @__PURE__ */ import_react255.default.createElement(AttachmentWithinContainer, { attachment, componentType: "file" }, /* @__PURE__ */ import_react255.default.createElement(File2, { attachment }));
 };
 var AudioContainer = ({
   attachment,
   Audio: Audio2 = Audio
-}) => /* @__PURE__ */ import_react254.default.createElement(AttachmentWithinContainer, { attachment, componentType: "audio" }, /* @__PURE__ */ import_react254.default.createElement("div", { className: "str-chat__attachment" }, /* @__PURE__ */ import_react254.default.createElement(Audio2, { og: attachment })));
+}) => /* @__PURE__ */ import_react255.default.createElement(AttachmentWithinContainer, { attachment, componentType: "audio" }, /* @__PURE__ */ import_react255.default.createElement("div", { className: "str-chat__attachment" }, /* @__PURE__ */ import_react255.default.createElement(Audio2, { og: attachment })));
 var VoiceRecordingContainer = ({
   attachment,
   isQuoted,
   VoiceRecording: VoiceRecording2 = VoiceRecording
-}) => /* @__PURE__ */ import_react254.default.createElement(AttachmentWithinContainer, { attachment, componentType: "voiceRecording" }, /* @__PURE__ */ import_react254.default.createElement("div", { className: "str-chat__attachment" }, /* @__PURE__ */ import_react254.default.createElement(VoiceRecording2, { attachment, isQuoted })));
+}) => /* @__PURE__ */ import_react255.default.createElement(AttachmentWithinContainer, { attachment, componentType: "voiceRecording" }, /* @__PURE__ */ import_react255.default.createElement("div", { className: "str-chat__attachment" }, /* @__PURE__ */ import_react255.default.createElement(VoiceRecording2, { attachment, isQuoted })));
 var MediaContainer = (props) => {
   const { attachment, Media = import_react_player2.default } = props;
   const componentType = "media";
   const { shouldGenerateVideoThumbnail, videoAttachmentSizeHandler } = useChannelStateContext();
-  const videoElement = (0, import_react254.useRef)(null);
-  const [attachmentConfiguration, setAttachmentConfiguration] = (0, import_react254.useState)();
-  (0, import_react254.useLayoutEffect)(() => {
+  const videoElement = (0, import_react255.useRef)(null);
+  const [attachmentConfiguration, setAttachmentConfiguration] = (0, import_react255.useState)();
+  (0, import_react255.useLayoutEffect)(() => {
     if (videoElement.current && videoAttachmentSizeHandler) {
       const config = videoAttachmentSizeHandler(
         attachment,
@@ -49562,7 +49573,7 @@ var MediaContainer = (props) => {
       setAttachmentConfiguration(config);
     }
   }, [videoElement, videoAttachmentSizeHandler, attachment]);
-  const content3 = /* @__PURE__ */ import_react254.default.createElement(
+  const content3 = /* @__PURE__ */ import_react255.default.createElement(
     "div",
     {
       className: "str-chat__player-wrapper",
@@ -49570,7 +49581,7 @@ var MediaContainer = (props) => {
       ref: videoElement,
       style: getCssDimensionsVariables(attachment.thumb_url || "")
     },
-    /* @__PURE__ */ import_react254.default.createElement(
+    /* @__PURE__ */ import_react255.default.createElement(
       Media,
       {
         className: "react-player",
@@ -49582,12 +49593,12 @@ var MediaContainer = (props) => {
       }
     )
   );
-  return attachment.actions?.length ? /* @__PURE__ */ import_react254.default.createElement(AttachmentWithinContainer, { attachment, componentType }, /* @__PURE__ */ import_react254.default.createElement("div", { className: "str-chat__attachment" }, content3, /* @__PURE__ */ import_react254.default.createElement(AttachmentActionsContainer, { ...props }))) : /* @__PURE__ */ import_react254.default.createElement(AttachmentWithinContainer, { attachment, componentType }, content3);
+  return attachment.actions?.length ? /* @__PURE__ */ import_react255.default.createElement(AttachmentWithinContainer, { attachment, componentType }, /* @__PURE__ */ import_react255.default.createElement("div", { className: "str-chat__attachment" }, content3, /* @__PURE__ */ import_react255.default.createElement(AttachmentActionsContainer, { ...props }))) : /* @__PURE__ */ import_react255.default.createElement(AttachmentWithinContainer, { attachment, componentType }, content3);
 };
 var UnsupportedAttachmentContainer = ({
   attachment,
   UnsupportedAttachment: UnsupportedAttachment2 = UnsupportedAttachment
-}) => /* @__PURE__ */ import_react254.default.createElement(import_react254.default.Fragment, null, /* @__PURE__ */ import_react254.default.createElement(UnsupportedAttachment2, { attachment }));
+}) => /* @__PURE__ */ import_react255.default.createElement(import_react255.default.Fragment, null, /* @__PURE__ */ import_react255.default.createElement(UnsupportedAttachment2, { attachment }));
 
 // src/components/Attachment/Attachment.tsx
 var CONTAINER_MAP = {
@@ -49610,12 +49621,12 @@ var ATTACHMENT_GROUPS_ORDER = [
 ];
 var Attachment = (props) => {
   const { attachments } = props;
-  const groupedAttachments = (0, import_react255.useMemo)(
+  const groupedAttachments = (0, import_react256.useMemo)(
     () => renderGroupedAttachments(props),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [attachments]
   );
-  return /* @__PURE__ */ import_react255.default.createElement("div", { className: "str-chat__attachment-list" }, ATTACHMENT_GROUPS_ORDER.reduce(
+  return /* @__PURE__ */ import_react256.default.createElement("div", { className: "str-chat__attachment-list" }, ATTACHMENT_GROUPS_ORDER.reduce(
     (acc, groupName) => [...acc, ...groupedAttachments[groupName]],
     []
   ));
@@ -49632,7 +49643,7 @@ var renderGroupedAttachments = ({
       const attachmentType = getAttachmentType(attachment);
       const Container = CONTAINER_MAP[attachmentType];
       typeMap[attachmentType].push(
-        /* @__PURE__ */ import_react255.default.createElement(
+        /* @__PURE__ */ import_react256.default.createElement(
           Container,
           {
             key: `${attachmentType}-${typeMap[attachmentType].length}`,
@@ -49659,7 +49670,7 @@ var renderGroupedAttachments = ({
   );
   if (uploadedImages.length > 1) {
     containers["gallery"] = [
-      /* @__PURE__ */ import_react255.default.createElement(
+      /* @__PURE__ */ import_react256.default.createElement(
         GalleryContainer,
         {
           key: "gallery-container",
@@ -49673,7 +49684,7 @@ var renderGroupedAttachments = ({
     ];
   } else if (uploadedImages.length === 1) {
     containers["image"] = [
-      /* @__PURE__ */ import_react255.default.createElement(ImageContainer, { key: "image-container", ...rest, attachment: uploadedImages[0] })
+      /* @__PURE__ */ import_react256.default.createElement(ImageContainer, { key: "image-container", ...rest, attachment: uploadedImages[0] })
     ];
   }
   return containers;
@@ -49694,7 +49705,7 @@ var getAttachmentType = (attachment) => {
 };
 
 // src/components/Channel/Channel.tsx
-var import_react261 = __toESM(require("react"));
+var import_react262 = __toESM(require("react"));
 var import_clsx66 = __toESM(require("clsx"));
 var import_lodash20 = __toESM(require("lodash.debounce"));
 var import_lodash21 = __toESM(require("lodash.defaultsdeep"));
@@ -49875,7 +49886,7 @@ var initialState = {
 };
 
 // src/components/Channel/hooks/useCreateChannelStateContext.ts
-var import_react256 = require("react");
+var import_react257 = require("react");
 var useCreateChannelStateContext = (value) => {
   const {
     channel,
@@ -49934,7 +49945,7 @@ var useCreateChannelStateContext = (value) => {
   const memoizedThreadMessageData = threadMessages.map(
     ({ deleted_at, latest_reactions, pinned, status, updated_at, user }) => `${deleted_at}${latest_reactions ? latest_reactions.map(({ type }) => type).join() : ""}${pinned}${status}${updated_at && (isDayOrMoment(updated_at) || isDate(updated_at)) ? updated_at.toISOString() : updated_at || ""}${user?.updated_at}`
   ).join();
-  const channelStateContext = (0, import_react256.useMemo)(
+  const channelStateContext = (0, import_react257.useMemo)(
     () => ({
       channel,
       channelCapabilities,
@@ -49998,11 +50009,11 @@ var useCreateChannelStateContext = (value) => {
 };
 
 // src/components/Channel/hooks/useCreateTypingContext.ts
-var import_react257 = require("react");
+var import_react258 = require("react");
 var useCreateTypingContext = (value) => {
   const { typing } = value;
   const typingValue = Object.keys(typing || {}).join();
-  const typingContext = (0, import_react257.useMemo)(
+  const typingContext = (0, import_react258.useMemo)(
     () => ({
       typing
     }),
@@ -50026,10 +50037,10 @@ var useEditMessageHandler = (doUpdateMessageRequest) => {
 };
 
 // src/components/Channel/hooks/useIsMounted.ts
-var import_react258 = require("react");
+var import_react259 = require("react");
 var useIsMounted = () => {
-  const isMounted = (0, import_react258.useRef)(false);
-  (0, import_react258.useEffect)(() => {
+  const isMounted = (0, import_react259.useRef)(false);
+  (0, import_react259.useEffect)(() => {
     isMounted.current = true;
     return () => {
       isMounted.current = false;
@@ -50039,8 +50050,8 @@ var useIsMounted = () => {
 };
 
 // src/components/Channel/hooks/useMentionsHandlers.ts
-var import_react259 = require("react");
-var useMentionsHandlers = (onMentionsHover, onMentionsClick) => (0, import_react259.useCallback)(
+var import_react260 = require("react");
+var useMentionsHandlers = (onMentionsHover, onMentionsClick) => (0, import_react260.useCallback)(
   (event, mentioned_users) => {
     if (!onMentionsHover && !onMentionsClick || !(event.target instanceof HTMLElement)) {
       return;
@@ -50064,11 +50075,11 @@ var useMentionsHandlers = (onMentionsHover, onMentionsClick) => (0, import_react
 );
 
 // src/components/Channel/LoadingChannel.tsx
-var import_react260 = __toESM(require("react"));
-var LoadingMessage = () => /* @__PURE__ */ import_react260.default.createElement("div", { className: "str-chat__loading-channel-message" }, /* @__PURE__ */ import_react260.default.createElement("div", { className: "str-chat__loading-channel-message-avatar" }), /* @__PURE__ */ import_react260.default.createElement("div", { className: "str-chat__loading-channel-message-end" }, /* @__PURE__ */ import_react260.default.createElement("div", { className: "str-chat__loading-channel-message-sender" }), /* @__PURE__ */ import_react260.default.createElement("div", { className: "str-chat__loading-channel-message-last-row" }, /* @__PURE__ */ import_react260.default.createElement("div", { className: "str-chat__loading-channel-message-text" }), /* @__PURE__ */ import_react260.default.createElement("div", { className: "str-chat__loading-channel-message-date" }))));
-var LoadingMessageInput = () => /* @__PURE__ */ import_react260.default.createElement("div", { className: "str-chat__loading-channel-message-input-row" }, /* @__PURE__ */ import_react260.default.createElement("div", { className: "str-chat__loading-channel-message-input" }), /* @__PURE__ */ import_react260.default.createElement("div", { className: "str-chat__loading-channel-message-send" }));
-var LoadingChannelHeader = () => /* @__PURE__ */ import_react260.default.createElement("div", { className: "str-chat__loading-channel-header" }, /* @__PURE__ */ import_react260.default.createElement("div", { className: "str-chat__loading-channel-header-avatar" }), /* @__PURE__ */ import_react260.default.createElement("div", { className: "str-chat__loading-channel-header-end" }, /* @__PURE__ */ import_react260.default.createElement("div", { className: "str-chat__loading-channel-header-name" }), /* @__PURE__ */ import_react260.default.createElement("div", { className: "str-chat__loading-channel-header-info" })));
-var LoadingChannel = () => /* @__PURE__ */ import_react260.default.createElement("div", { className: "str-chat__loading-channel" }, /* @__PURE__ */ import_react260.default.createElement(LoadingChannelHeader, null), /* @__PURE__ */ import_react260.default.createElement("div", { className: "str-chat__loading-channel-message-list" }, Array.from(Array(3)).map((_, i) => /* @__PURE__ */ import_react260.default.createElement(LoadingMessage, { key: `loading-message-${i}` }))), /* @__PURE__ */ import_react260.default.createElement(LoadingMessageInput, null));
+var import_react261 = __toESM(require("react"));
+var LoadingMessage = () => /* @__PURE__ */ import_react261.default.createElement("div", { className: "str-chat__loading-channel-message" }, /* @__PURE__ */ import_react261.default.createElement("div", { className: "str-chat__loading-channel-message-avatar" }), /* @__PURE__ */ import_react261.default.createElement("div", { className: "str-chat__loading-channel-message-end" }, /* @__PURE__ */ import_react261.default.createElement("div", { className: "str-chat__loading-channel-message-sender" }), /* @__PURE__ */ import_react261.default.createElement("div", { className: "str-chat__loading-channel-message-last-row" }, /* @__PURE__ */ import_react261.default.createElement("div", { className: "str-chat__loading-channel-message-text" }), /* @__PURE__ */ import_react261.default.createElement("div", { className: "str-chat__loading-channel-message-date" }))));
+var LoadingMessageInput = () => /* @__PURE__ */ import_react261.default.createElement("div", { className: "str-chat__loading-channel-message-input-row" }, /* @__PURE__ */ import_react261.default.createElement("div", { className: "str-chat__loading-channel-message-input" }), /* @__PURE__ */ import_react261.default.createElement("div", { className: "str-chat__loading-channel-message-send" }));
+var LoadingChannelHeader = () => /* @__PURE__ */ import_react261.default.createElement("div", { className: "str-chat__loading-channel-header" }, /* @__PURE__ */ import_react261.default.createElement("div", { className: "str-chat__loading-channel-header-avatar" }), /* @__PURE__ */ import_react261.default.createElement("div", { className: "str-chat__loading-channel-header-end" }, /* @__PURE__ */ import_react261.default.createElement("div", { className: "str-chat__loading-channel-header-name" }), /* @__PURE__ */ import_react261.default.createElement("div", { className: "str-chat__loading-channel-header-info" })));
+var LoadingChannel = () => /* @__PURE__ */ import_react261.default.createElement("div", { className: "str-chat__loading-channel" }, /* @__PURE__ */ import_react261.default.createElement(LoadingChannelHeader, null), /* @__PURE__ */ import_react261.default.createElement("div", { className: "str-chat__loading-channel-message-list" }, Array.from(Array(3)).map((_, i) => /* @__PURE__ */ import_react261.default.createElement(LoadingMessage, { key: `loading-message-${i}` }))), /* @__PURE__ */ import_react261.default.createElement(LoadingMessageInput, null));
 
 // src/components/Channel/hooks/useChannelContainerClasses.ts
 var useImageFlagEmojisOnWindowsClass = () => {
@@ -50089,12 +50100,12 @@ var useChannelContainerClasses = ({
 };
 
 // src/components/Channel/utils.ts
-var import_nanoid6 = require("nanoid");
+var import_nanoid7 = require("nanoid");
 var makeAddNotifications = (setNotifications, notificationTimeouts) => (text8, type) => {
   if (typeof text8 !== "string" || type !== "success" && type !== "error") {
     return;
   }
-  const id = (0, import_nanoid6.nanoid)();
+  const id = (0, import_nanoid7.nanoid)();
   setNotifications((prevNotifications) => [...prevNotifications, { id, text: text8, type }]);
   const timeout = setTimeout(
     () => setNotifications(
@@ -50255,7 +50266,7 @@ var ChannelContainer = ({
     customClasses
   });
   const className = (0, import_clsx66.default)(chatClass, theme, channelClass, additionalClassName);
-  return /* @__PURE__ */ import_react261.default.createElement("div", { id: CHANNEL_CONTAINER_ID, ...props, className }, children);
+  return /* @__PURE__ */ import_react262.default.createElement("div", { id: CHANNEL_CONTAINER_ID, ...props, className }, children);
 };
 var UnMemoizedChannel = (props) => {
   const {
@@ -50267,15 +50278,15 @@ var UnMemoizedChannel = (props) => {
   const { channel: contextChannel, channelsQueryState } = useChatContext("Channel");
   const channel = propsChannel || contextChannel;
   if (channelsQueryState.queryInProgress === "reload" && LoadingIndicator2) {
-    return /* @__PURE__ */ import_react261.default.createElement(ChannelContainer, null, /* @__PURE__ */ import_react261.default.createElement(LoadingIndicator2, null));
+    return /* @__PURE__ */ import_react262.default.createElement(ChannelContainer, null, /* @__PURE__ */ import_react262.default.createElement(LoadingIndicator2, null));
   }
   if (channelsQueryState.error && LoadingErrorIndicator2) {
-    return /* @__PURE__ */ import_react261.default.createElement(ChannelContainer, null, /* @__PURE__ */ import_react261.default.createElement(LoadingErrorIndicator2, { error: channelsQueryState.error }));
+    return /* @__PURE__ */ import_react262.default.createElement(ChannelContainer, null, /* @__PURE__ */ import_react262.default.createElement(LoadingErrorIndicator2, { error: channelsQueryState.error }));
   }
   if (!channel?.cid) {
-    return /* @__PURE__ */ import_react261.default.createElement(ChannelContainer, null, EmptyPlaceholder2);
+    return /* @__PURE__ */ import_react262.default.createElement(ChannelContainer, null, EmptyPlaceholder2);
   }
-  return /* @__PURE__ */ import_react261.default.createElement(ChannelInner, { ...props, channel, key: channel.cid });
+  return /* @__PURE__ */ import_react262.default.createElement(ChannelInner, { ...props, channel, key: channel.cid });
 };
 var ChannelInner = (props) => {
   const {
@@ -50295,7 +50306,7 @@ var ChannelInner = (props) => {
     onMentionsHover,
     skipMessageDataMemoization
   } = props;
-  const channelQueryOptions = (0, import_react261.useMemo)(
+  const channelQueryOptions = (0, import_react262.useMemo)(
     () => (0, import_lodash21.default)(propChannelQueryOptions, {
       messages: { limit: DEFAULT_INITIAL_CHANNEL_PAGE_SIZE }
     }),
@@ -50306,12 +50317,12 @@ var ChannelInner = (props) => {
   const chatContainerClass = getChatContainerClass(customClasses?.chatContainer);
   const windowsEmojiClass = useImageFlagEmojisOnWindowsClass();
   const thread = useThreadContext();
-  const [channelConfig, setChannelConfig] = (0, import_react261.useState)(channel.getConfig());
-  const [notifications, setNotifications] = (0, import_react261.useState)([]);
-  const notificationTimeouts = (0, import_react261.useRef)([]);
-  const [channelUnreadUiState, _setChannelUnreadUiState] = (0, import_react261.useState)();
-  const channelReducer = (0, import_react261.useMemo)(() => makeChannelReducer(), []);
-  const [state, dispatch] = (0, import_react261.useReducer)(
+  const [channelConfig, setChannelConfig] = (0, import_react262.useState)(channel.getConfig());
+  const [notifications, setNotifications] = (0, import_react262.useState)([]);
+  const notificationTimeouts = (0, import_react262.useRef)([]);
+  const [channelUnreadUiState, _setChannelUnreadUiState] = (0, import_react262.useState)();
+  const channelReducer = (0, import_react262.useMemo)(() => makeChannelReducer(), []);
+  const [state, dispatch] = (0, import_react262.useReducer)(
     channelReducer,
     // channel.initialized === false if client.channel().query() was not called, e.g. ChannelList is not used
     // => Channel will call channel.watch() in useLayoutEffect => state.loading is used to signal the watch() call state
@@ -50323,10 +50334,10 @@ var ChannelInner = (props) => {
   );
   const jumpToMessageFromSearch = useSearchFocusedMessage();
   const isMounted = useIsMounted();
-  const originalTitle = (0, import_react261.useRef)("");
-  const lastRead = (0, import_react261.useRef)(void 0);
-  const online = (0, import_react261.useRef)(true);
-  const clearHighlightedMessageTimeoutId = (0, import_react261.useRef)(
+  const originalTitle = (0, import_react262.useRef)("");
+  const lastRead = (0, import_react262.useRef)(void 0);
+  const online = (0, import_react262.useRef)(true);
+  const clearHighlightedMessageTimeoutId = (0, import_react262.useRef)(
     null
   );
   const channelCapabilitiesArray = channel.data?.own_capabilities;
@@ -50338,14 +50349,14 @@ var ChannelInner = (props) => {
       trailing: true
     }
   );
-  const setChannelUnreadUiState = (0, import_react261.useMemo)(
+  const setChannelUnreadUiState = (0, import_react262.useMemo)(
     () => (0, import_lodash22.default)(_setChannelUnreadUiState, 200, {
       leading: true,
       trailing: false
     }),
     []
   );
-  const markRead = (0, import_react261.useMemo)(
+  const markRead = (0, import_react262.useMemo)(
     () => (0, import_lodash22.default)(
       async (options) => {
         const { updateChannelUiUnreadState = true } = options ?? {};
@@ -50448,7 +50459,7 @@ var ChannelInner = (props) => {
     }
     throttledCopyStateFromChannel();
   };
-  (0, import_react261.useLayoutEffect)(() => {
+  (0, import_react262.useLayoutEffect)(() => {
     let errored = false;
     let done = false;
     (async () => {
@@ -50514,12 +50525,12 @@ var ChannelInner = (props) => {
     channelConfig?.read_events,
     initializeOnMount
   ]);
-  (0, import_react261.useEffect)(() => {
+  (0, import_react262.useEffect)(() => {
     if (!state.thread) return;
     const message = state.messages?.find((m) => m.id === state.thread?.id);
     if (message) dispatch({ message, type: "setThread" });
   }, [state.messages, state.thread]);
-  const handleHighlightedMessageChange = (0, import_react261.useCallback)(
+  const handleHighlightedMessageChange = (0, import_react262.useCallback)(
     ({
       highlightDuration,
       highlightedMessageId
@@ -50542,15 +50553,15 @@ var ChannelInner = (props) => {
     },
     [channel, searchController]
   );
-  (0, import_react261.useEffect)(() => {
+  (0, import_react262.useEffect)(() => {
     if (!jumpToMessageFromSearch?.id) return;
     handleHighlightedMessageChange({ highlightedMessageId: jumpToMessageFromSearch.id });
   }, [jumpToMessageFromSearch, handleHighlightedMessageChange]);
-  const addNotification = (0, import_react261.useMemo)(
+  const addNotification = (0, import_react262.useMemo)(
     () => makeAddNotifications(setNotifications, notificationTimeouts.current),
     []
   );
-  const loadMoreFinished = (0, import_react261.useCallback)(
+  const loadMoreFinished = (0, import_react262.useCallback)(
     (0, import_lodash20.default)(
       (hasMore, messages) => {
         if (!isMounted.current) return;
@@ -50611,7 +50622,7 @@ var ChannelInner = (props) => {
     });
     return queryResponse.messages.length;
   };
-  const jumpToMessage = (0, import_react261.useCallback)(
+  const jumpToMessage = (0, import_react262.useCallback)(
     async (messageId, messageLimit = DEFAULT_JUMP_TO_PAGE_SIZE, highlightDuration = DEFAULT_HIGHLIGHT_DURATION) => {
       dispatch({ loadingMore: true, type: "setLoadingMore" });
       await channel.state.loadMessageIntoState(messageId, void 0, messageLimit);
@@ -50623,14 +50634,14 @@ var ChannelInner = (props) => {
     },
     [channel, handleHighlightedMessageChange, loadMoreFinished]
   );
-  const jumpToLatestMessage = (0, import_react261.useCallback)(async () => {
+  const jumpToLatestMessage = (0, import_react262.useCallback)(async () => {
     await channel.state.loadMessageIntoState("latest");
     loadMoreFinished(channel.state.messagePagination.hasPrev, channel.state.messages);
     dispatch({
       type: "jumpToLatestMessage"
     });
   }, [channel, loadMoreFinished]);
-  const jumpToFirstUnreadMessage = (0, import_react261.useCallback)(
+  const jumpToFirstUnreadMessage = (0, import_react262.useCallback)(
     async (queryMessageLimit = DEFAULT_JUMP_TO_PAGE_SIZE, highlightDuration = DEFAULT_HIGHLIGHT_DURATION) => {
       if (!channelUnreadUiState?.unread_messages) return;
       let lastReadMessageId = channelUnreadUiState?.last_read_message_id;
@@ -50753,7 +50764,7 @@ var ChannelInner = (props) => {
       channelUnreadUiState
     ]
   );
-  const deleteMessage = (0, import_react261.useCallback)(
+  const deleteMessage = (0, import_react262.useCallback)(
     async (message) => {
       if (!message?.id) {
         throw new Error("Cannot delete a message - missing message ID.");
@@ -50871,7 +50882,7 @@ var ChannelInner = (props) => {
     event?.preventDefault();
     dispatch({ type: "closeThread" });
   };
-  const loadMoreThreadFinished = (0, import_react261.useCallback)(
+  const loadMoreThreadFinished = (0, import_react262.useCallback)(
     (0, import_lodash20.default)(
       (threadHasMore, threadMessages) => {
         dispatch({
@@ -50926,7 +50937,7 @@ var ChannelInner = (props) => {
     videoAttachmentSizeHandler: props.videoAttachmentSizeHandler || getVideoAttachmentConfiguration,
     watcher_count: state.watcherCount
   });
-  const channelActionContextValue = (0, import_react261.useMemo)(
+  const channelActionContextValue = (0, import_react262.useMemo)(
     () => ({
       addNotification,
       closeThread,
@@ -50963,7 +50974,7 @@ var ChannelInner = (props) => {
       setChannelUnreadUiState
     ]
   );
-  const componentContextValue = (0, import_react261.useMemo)(
+  const componentContextValue = (0, import_react262.useMemo)(
     () => ({
       Attachment: props.Attachment,
       AttachmentPreviewList: props.AttachmentPreviewList,
@@ -51095,26 +51106,26 @@ var ChannelInner = (props) => {
     typing
   });
   if (state.error) {
-    return /* @__PURE__ */ import_react261.default.createElement(ChannelContainer, null, /* @__PURE__ */ import_react261.default.createElement(LoadingErrorIndicator2, { error: state.error }));
+    return /* @__PURE__ */ import_react262.default.createElement(ChannelContainer, null, /* @__PURE__ */ import_react262.default.createElement(LoadingErrorIndicator2, { error: state.error }));
   }
   if (state.loading) {
-    return /* @__PURE__ */ import_react261.default.createElement(ChannelContainer, null, /* @__PURE__ */ import_react261.default.createElement(LoadingIndicator2, null));
+    return /* @__PURE__ */ import_react262.default.createElement(ChannelContainer, null, /* @__PURE__ */ import_react262.default.createElement(LoadingIndicator2, null));
   }
   if (!channel.watch) {
-    return /* @__PURE__ */ import_react261.default.createElement(ChannelContainer, null, /* @__PURE__ */ import_react261.default.createElement("div", null, t("Channel Missing")));
+    return /* @__PURE__ */ import_react262.default.createElement(ChannelContainer, null, /* @__PURE__ */ import_react262.default.createElement("div", null, t("Channel Missing")));
   }
-  return /* @__PURE__ */ import_react261.default.createElement(ChannelContainer, { className: windowsEmojiClass }, /* @__PURE__ */ import_react261.default.createElement(ChannelStateProvider, { value: channelStateContextValue }, /* @__PURE__ */ import_react261.default.createElement(ChannelActionProvider, { value: channelActionContextValue }, /* @__PURE__ */ import_react261.default.createElement(WithComponents, { overrides: componentContextValue }, /* @__PURE__ */ import_react261.default.createElement(TypingProvider, { value: typingContextValue }, /* @__PURE__ */ import_react261.default.createElement("div", { className: (0, import_clsx66.default)(chatContainerClass) }, children))))));
+  return /* @__PURE__ */ import_react262.default.createElement(ChannelContainer, { className: windowsEmojiClass }, /* @__PURE__ */ import_react262.default.createElement(ChannelStateProvider, { value: channelStateContextValue }, /* @__PURE__ */ import_react262.default.createElement(ChannelActionProvider, { value: channelActionContextValue }, /* @__PURE__ */ import_react262.default.createElement(WithComponents, { overrides: componentContextValue }, /* @__PURE__ */ import_react262.default.createElement(TypingProvider, { value: typingContextValue }, /* @__PURE__ */ import_react262.default.createElement("div", { className: (0, import_clsx66.default)(chatContainerClass) }, children))))));
 };
-var Channel = import_react261.default.memo(UnMemoizedChannel);
+var Channel = import_react262.default.memo(UnMemoizedChannel);
 
 // src/components/ChannelHeader/ChannelHeader.tsx
-var import_react263 = __toESM(require("react"));
+var import_react264 = __toESM(require("react"));
 
 // src/components/ChannelHeader/icons.tsx
-var import_react262 = __toESM(require("react"));
+var import_react263 = __toESM(require("react"));
 var MenuIcon2 = ({ title }) => {
   const { t } = useTranslationContext("MenuIcon");
-  return /* @__PURE__ */ import_react262.default.createElement("svg", { "data-testid": "menu-icon", viewBox: "0 0 448 512", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react262.default.createElement("title", null, title ?? t("Menu")), /* @__PURE__ */ import_react262.default.createElement(
+  return /* @__PURE__ */ import_react263.default.createElement("svg", { "data-testid": "menu-icon", viewBox: "0 0 448 512", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react263.default.createElement("title", null, title ?? t("Menu")), /* @__PURE__ */ import_react263.default.createElement(
     "path",
     {
       d: "M0 88C0 74.75 10.75 64 24 64H424C437.3 64 448 74.75 448 88C448 101.3 437.3 112 424 112H24C10.75 112 0 101.3 0 88zM0 248C0 234.7 10.75 224 24 224H424C437.3 224 448 234.7 448 248C448 261.3 437.3 272 424 272H24C10.75 272 0 261.3 0 248zM424 432H24C10.75 432 0 421.3 0 408C0 394.7 10.75 384 24 384H424C437.3 384 448 394.7 448 408C448 421.3 437.3 432 424 432z",
@@ -51141,15 +51152,15 @@ var ChannelHeader = (props) => {
     overrideTitle
   });
   const { member_count, subtitle } = channel?.data || {};
-  return /* @__PURE__ */ import_react263.default.createElement("div", { className: "str-chat__channel-header" }, /* @__PURE__ */ import_react263.default.createElement(
+  return /* @__PURE__ */ import_react264.default.createElement("div", { className: "str-chat__channel-header" }, /* @__PURE__ */ import_react264.default.createElement(
     "button",
     {
       "aria-label": t("aria/Menu"),
       className: "str-chat__header-hamburger",
       onClick: openMobileNav
     },
-    /* @__PURE__ */ import_react263.default.createElement(MenuIcon3, null)
-  ), /* @__PURE__ */ import_react263.default.createElement(
+    /* @__PURE__ */ import_react264.default.createElement(MenuIcon3, null)
+  ), /* @__PURE__ */ import_react264.default.createElement(
     Avatar2,
     {
       className: "str-chat__avatar--channel-header",
@@ -51157,36 +51168,36 @@ var ChannelHeader = (props) => {
       image: displayImage,
       name: displayTitle
     }
-  ), /* @__PURE__ */ import_react263.default.createElement("div", { className: "str-chat__channel-header-end" }, /* @__PURE__ */ import_react263.default.createElement("p", { className: "str-chat__channel-header-title" }, displayTitle, " ", live && /* @__PURE__ */ import_react263.default.createElement("span", { className: "str-chat__header-livestream-livelabel" }, t("live"))), subtitle && /* @__PURE__ */ import_react263.default.createElement("p", { className: "str-chat__channel-header-subtitle" }, subtitle), /* @__PURE__ */ import_react263.default.createElement("p", { className: "str-chat__channel-header-info" }, !live && !!member_count && member_count > 0 && /* @__PURE__ */ import_react263.default.createElement(import_react263.default.Fragment, null, t("{{ memberCount }} members", {
+  ), /* @__PURE__ */ import_react264.default.createElement("div", { className: "str-chat__channel-header-end" }, /* @__PURE__ */ import_react264.default.createElement("p", { className: "str-chat__channel-header-title" }, displayTitle, " ", live && /* @__PURE__ */ import_react264.default.createElement("span", { className: "str-chat__header-livestream-livelabel" }, t("live"))), subtitle && /* @__PURE__ */ import_react264.default.createElement("p", { className: "str-chat__channel-header-subtitle" }, subtitle), /* @__PURE__ */ import_react264.default.createElement("p", { className: "str-chat__channel-header-info" }, !live && !!member_count && member_count > 0 && /* @__PURE__ */ import_react264.default.createElement(import_react264.default.Fragment, null, t("{{ memberCount }} members", {
     memberCount: member_count
   }), ",", " "), t("{{ watcherCount }} online", { watcherCount: watcher_count }))));
 };
 
 // src/components/Chat/Chat.tsx
-var import_react267 = __toESM(require("react"));
+var import_react268 = __toESM(require("react"));
 var import_stream_chat13 = require("stream-chat");
 
 // src/components/Chat/hooks/useChat.ts
-var import_react264 = require("react");
+var import_react265 = require("react");
 var useChat = ({
   client,
   defaultLanguage = "en",
   i18nInstance,
   initialNavOpen
 }) => {
-  const [translators, setTranslators] = (0, import_react264.useState)({
+  const [translators, setTranslators] = (0, import_react265.useState)({
     t: (key) => key,
     tDateTimeParser: defaultDateTimeParser,
     userLanguage: "en"
   });
-  const [channel, setChannel] = (0, import_react264.useState)();
-  const [mutes, setMutes] = (0, import_react264.useState)([]);
-  const [navOpen, setNavOpen] = (0, import_react264.useState)(initialNavOpen);
-  const [latestMessageDatesByChannels, setLatestMessageDatesByChannels] = (0, import_react264.useState)({});
+  const [channel, setChannel] = (0, import_react265.useState)();
+  const [mutes, setMutes] = (0, import_react265.useState)([]);
+  const [navOpen, setNavOpen] = (0, import_react265.useState)(initialNavOpen);
+  const [latestMessageDatesByChannels, setLatestMessageDatesByChannels] = (0, import_react265.useState)({});
   const clientMutes = client.user?.mutes ?? [];
   const closeMobileNav = () => setNavOpen(false);
   const openMobileNav = () => setTimeout(() => setNavOpen(true), 100);
-  const appSettings = (0, import_react264.useRef)(null);
+  const appSettings = (0, import_react265.useRef)(null);
   const getAppSettings = () => {
     if (appSettings.current) {
       return appSettings.current;
@@ -51194,9 +51205,9 @@ var useChat = ({
     appSettings.current = client.getAppSettings();
     return appSettings.current;
   };
-  (0, import_react264.useEffect)(() => {
+  (0, import_react265.useEffect)(() => {
     if (!client) return;
-    const version = "13.0.3";
+    const version = "13.0.4";
     const userAgent = client.getUserAgent();
     if (!userAgent.includes("stream-chat-react")) {
       client.setUserAgent(`stream-chat-react-${version}-${userAgent}`);
@@ -51208,7 +51219,7 @@ var useChat = ({
       client.polls.unregisterSubscriptions();
     };
   }, [client]);
-  (0, import_react264.useEffect)(() => {
+  (0, import_react265.useEffect)(() => {
     setMutes(clientMutes);
     const handleEvent = (event) => {
       setMutes(event.me?.mutes || []);
@@ -51216,7 +51227,7 @@ var useChat = ({
     client.on("notification.mutes_updated", handleEvent);
     return () => client.off("notification.mutes_updated", handleEvent);
   }, [clientMutes?.length]);
-  (0, import_react264.useEffect)(() => {
+  (0, import_react265.useEffect)(() => {
     let userLanguage = client.user?.language;
     if (!userLanguage) {
       const browserLanguage = window.navigator.language.slice(0, 2);
@@ -51233,7 +51244,7 @@ var useChat = ({
       });
     });
   }, [i18nInstance]);
-  const setActiveChannel = (0, import_react264.useCallback)(
+  const setActiveChannel = (0, import_react265.useCallback)(
     async (activeChannel, watchers = {}, event) => {
       if (event && event.preventDefault) event.preventDefault();
       if (activeChannel && Object.keys(watchers).length) {
@@ -51244,7 +51255,7 @@ var useChat = ({
     },
     []
   );
-  (0, import_react264.useEffect)(() => {
+  (0, import_react265.useEffect)(() => {
     setLatestMessageDatesByChannels({});
   }, [client.user?.id]);
   return {
@@ -51261,7 +51272,7 @@ var useChat = ({
 };
 
 // src/components/Chat/hooks/useCreateChatContext.ts
-var import_react265 = require("react");
+var import_react266 = require("react");
 var useCreateChatContext = (value) => {
   const {
     channel,
@@ -51286,7 +51297,7 @@ var useCreateChatContext = (value) => {
   const clientValues = `${client.clientID}${Object.keys(client.activeChannels).length}${Object.keys(client.listeners).length}${client.mutedChannels.length}
   ${client.user?.id}`;
   const mutedUsersLength = mutes.length;
-  const chatContext = (0, import_react265.useMemo)(
+  const chatContext = (0, import_react266.useMemo)(
     () => ({
       channel,
       channelsQueryState,
@@ -51321,10 +51332,10 @@ var useCreateChatContext = (value) => {
 };
 
 // src/components/Chat/hooks/useChannelsQueryState.ts
-var import_react266 = require("react");
+var import_react267 = require("react");
 var useChannelsQueryState = () => {
-  const [error, setError] = (0, import_react266.useState)(null);
-  const [queryInProgress, setQueryInProgress] = (0, import_react266.useState)("uninitialized");
+  const [error, setError] = (0, import_react267.useState)(null);
+  const [queryInProgress, setQueryInProgress] = (0, import_react267.useState)("uninitialized");
   return {
     error,
     queryInProgress,
@@ -51359,7 +51370,7 @@ var Chat = (props) => {
     translators
   } = useChat({ client, defaultLanguage, i18nInstance, initialNavOpen });
   const channelsQueryState = useChannelsQueryState();
-  const searchController = (0, import_react267.useMemo)(
+  const searchController = (0, import_react268.useMemo)(
     () => customChannelSearchController ?? new import_stream_chat13.SearchController({
       sources: [
         new import_stream_chat13.ChannelSearchSource(client),
@@ -51387,11 +51398,11 @@ var Chat = (props) => {
     useImageFlagEmojisOnWindows
   });
   if (!translators.t) return null;
-  return /* @__PURE__ */ import_react267.default.createElement(ChatProvider, { value: chatContextValue }, /* @__PURE__ */ import_react267.default.createElement(TranslationProvider, { value: translators }, children));
+  return /* @__PURE__ */ import_react268.default.createElement(ChatProvider, { value: chatContextValue }, /* @__PURE__ */ import_react268.default.createElement(TranslationProvider, { value: translators }, children));
 };
 
 // src/components/Chat/hooks/useCreateChatClient.ts
-var import_react268 = require("react");
+var import_react269 = require("react");
 var import_stream_chat14 = require("stream-chat");
 var useCreateChatClient = ({
   apiKey,
@@ -51399,13 +51410,13 @@ var useCreateChatClient = ({
   tokenOrProvider,
   userData
 }) => {
-  const [chatClient, setChatClient] = (0, import_react268.useState)(null);
-  const [cachedUserData, setCachedUserData] = (0, import_react268.useState)(userData);
+  const [chatClient, setChatClient] = (0, import_react269.useState)(null);
+  const [cachedUserData, setCachedUserData] = (0, import_react269.useState)(userData);
   if (userData.id !== cachedUserData.id) {
     setCachedUserData(userData);
   }
-  const [cachedOptions] = (0, import_react268.useState)(options);
-  (0, import_react268.useEffect)(() => {
+  const [cachedOptions] = (0, import_react269.useState)(options);
+  (0, import_react269.useEffect)(() => {
     const client = new import_stream_chat14.StreamChat(apiKey, void 0, cachedOptions);
     let didUserConnectInterrupt = false;
     const connectionPromise = client.connectUser(cachedUserData, tokenOrProvider).then(() => {
@@ -51423,12 +51434,12 @@ var useCreateChatClient = ({
 };
 
 // src/components/Window/Window.tsx
-var import_react269 = __toESM(require("react"));
+var import_react270 = __toESM(require("react"));
 var import_clsx67 = __toESM(require("clsx"));
 var UnMemoizedWindow = (props) => {
   const { children, thread: propThread } = props;
   const { thread: contextThread } = useChannelStateContext("Window");
-  return /* @__PURE__ */ import_react269.default.createElement(
+  return /* @__PURE__ */ import_react270.default.createElement(
     "div",
     {
       className: (0, import_clsx67.default)("str-chat__main-panel", {
@@ -51438,7 +51449,7 @@ var UnMemoizedWindow = (props) => {
     children
   );
 };
-var Window = import_react269.default.memo(UnMemoizedWindow);
+var Window = import_react270.default.memo(UnMemoizedWindow);
 /*! Bundled license information:
 
 is-buffer/index.js: