stream-chat-react 12.0.0-rc.11 → 12.0.0-rc.13

package/dist/index.node.cjs

@@ -38303,7 +38303,7 @@ var import_lodash10 = __toESM(require("lodash.debounce"));
 var import_lodash11 = __toESM(require("lodash.defaultsdeep"));
 var import_lodash12 = __toESM(require("lodash.throttle"));
 var import_nanoid8 = require("nanoid");
-var import_clsx37 = __toESM(require("clsx"));
+var import_clsx38 = __toESM(require("clsx"));
 
 // src/components/Channel/channelState.ts
 var channelReducer = (state, action) => {
@@ -43325,7 +43325,7 @@ var import_react82 = __toESM(require("react"));
 
 // src/components/Threads/ThreadList/ThreadListItemUI.tsx
 var import_react81 = __toESM(require("react"));
-var import_clsx17 = __toESM(require("clsx"));
+var import_clsx18 = __toESM(require("clsx"));
 
 // src/components/Message/Timestamp.tsx
 var import_react77 = __toESM(require("react"));
@@ -43373,6 +43373,7 @@ var UnreadCountBadge = ({
 
 // src/components/ChatView/ChatView.tsx
 var import_react79 = __toESM(require("react"));
+var import_clsx17 = __toESM(require("clsx"));
 var ChatViewContext = (0, import_react79.createContext)({
   activeChatView: "channels",
   setActiveChatView: () => void 0
@@ -43381,8 +43382,9 @@ var ChatView = ({ children }) => {
   const [activeChatView, setActiveChatView] = (0, import_react79.useState)(
     "channels"
   );
+  const { theme } = useChatContext();
   const value = (0, import_react79.useMemo)(() => ({ activeChatView, setActiveChatView }), [activeChatView]);
-  return /* @__PURE__ */ import_react79.default.createElement(ChatViewContext.Provider, { value }, /* @__PURE__ */ import_react79.default.createElement("div", { className: "str-chat str-chat__chat-view" }, children));
+  return /* @__PURE__ */ import_react79.default.createElement(ChatViewContext.Provider, { value }, /* @__PURE__ */ import_react79.default.createElement("div", { className: (0, import_clsx17.default)("str-chat", theme, "str-chat__chat-view") }, children));
 };
 var ChannelsView = ({ children }) => {
   const { activeChatView } = (0, import_react79.useContext)(ChatViewContext);
@@ -43495,12 +43497,12 @@ var getTitleFromMessage = ({
   }
   const messageBelongsToCurrentUser = message?.user?.id === currentUserId;
   if (message?.deleted_at && message.parent_id)
-    return (0, import_clsx17.default)(messageBelongsToCurrentUser && "You:", "This reply was deleted.");
+    return (0, import_clsx18.default)(messageBelongsToCurrentUser && "You:", "This reply was deleted.");
   if (message?.deleted_at && !message.parent_id)
-    return (0, import_clsx17.default)(messageBelongsToCurrentUser && "You:", "The source message was deleted.");
+    return (0, import_clsx18.default)(messageBelongsToCurrentUser && "You:", "The source message was deleted.");
   if (attachment?.type === "voiceRecording")
-    return (0, import_clsx17.default)(attachmentIcon, messageBelongsToCurrentUser && "You:", "Voice message");
-  return (0, import_clsx17.default)(
+    return (0, import_clsx18.default)(attachmentIcon, messageBelongsToCurrentUser && "You:", "Voice message");
+  return (0, import_clsx18.default)(
     attachmentIcon,
     messageBelongsToCurrentUser && "You:",
     message?.text || attachment?.fallback || "N/A"
@@ -43895,7 +43897,7 @@ async function fetchMessageReactions(client, messageId, reactionType, sort) {
 
 // src/components/Message/MessageSimple.tsx
 var import_react141 = __toESM(require("react"));
-var import_clsx32 = __toESM(require("clsx"));
+var import_clsx33 = __toESM(require("clsx"));
 
 // src/components/Message/icons.tsx
 var import_react88 = __toESM(require("react"));
@@ -44073,11 +44075,11 @@ var import_react96 = __toESM(require("react"));
 
 // src/components/MessageActions/MessageActions.tsx
 var import_react95 = __toESM(require("react"));
-var import_clsx19 = __toESM(require("clsx"));
+var import_clsx20 = __toESM(require("clsx"));
 
 // src/components/MessageActions/MessageActionsBox.tsx
 var import_react93 = __toESM(require("react"));
-var import_clsx18 = __toESM(require("clsx"));
+var import_clsx19 = __toESM(require("clsx"));
 
 // src/components/MessageActions/CustomMessageActionsList.tsx
 var import_react92 = __toESM(require("react"));
@@ -44134,7 +44136,7 @@ var UnMemoizedMessageActionsBox = import_react93.default.forwardRef(
         textarea.focus();
       }
     };
-    const rootClassName2 = (0, import_clsx18.default)("str-chat__message-actions-box", {
+    const rootClassName2 = (0, import_clsx19.default)("str-chat__message-actions-box", {
       "str-chat__message-actions-box--open": open
     });
     const buttonClassName = "str-chat__message-actions-list-item str-chat__message-actions-list-item-button";
@@ -44380,7 +44382,7 @@ var MessageActions = (props) => {
 };
 var MessageActionsWrapper = (props) => {
   const { children, customWrapperClass, inline, setActionsBoxOpen } = props;
-  const defaultWrapperClass = (0, import_clsx19.default)(
+  const defaultWrapperClass = (0, import_clsx20.default)(
     "str-chat__message-simple__actions__action",
     "str-chat__message-simple__actions__action--options",
     "str-chat__message-actions-container"
@@ -44481,7 +44483,7 @@ var MessageRepliesCountButton = import_react97.default.memo(
 
 // src/components/Message/MessageStatus.tsx
 var import_react100 = __toESM(require("react"));
-var import_clsx20 = __toESM(require("clsx"));
+var import_clsx21 = __toESM(require("clsx"));
 
 // src/components/Tooltip/Tooltip.tsx
 var import_react98 = __toESM(require("react"));
@@ -44578,7 +44580,7 @@ var UnMemoizedMessageStatus = (props) => {
     "span",
     {
       className: rootClassName2,
-      "data-testid": (0, import_clsx20.default)({
+      "data-testid": (0, import_clsx21.default)({
         "message-status-read-by": deliveredAndRead,
         "message-status-received": delivered && !deliveredAndRead,
         "message-status-sending": sending
@@ -44634,12 +44636,12 @@ var UnMemoizedMessageStatus = (props) => {
 var MessageStatus = import_react100.default.memo(UnMemoizedMessageStatus);
 
 // src/components/Message/MessageText.tsx
-var import_clsx22 = __toESM(require("clsx"));
+var import_clsx23 = __toESM(require("clsx"));
 var import_react103 = __toESM(require("react"));
 
 // src/components/Message/QuotedMessage.tsx
 var import_react101 = __toESM(require("react"));
-var import_clsx21 = __toESM(require("clsx"));
+var import_clsx22 = __toESM(require("clsx"));
 var QuotedMessage = () => {
   const {
     Attachment: Attachment2 = Attachment,
@@ -44658,7 +44660,7 @@ var QuotedMessage = () => {
   return /* @__PURE__ */ import_react101.default.createElement(import_react101.default.Fragment, null, /* @__PURE__ */ import_react101.default.createElement(
     "div",
     {
-      className: (0, import_clsx21.default)("str-chat__quoted-message-preview", { mine: isMyMessage() }),
+      className: (0, import_clsx22.default)("str-chat__quoted-message-preview", { mine: isMyMessage() }),
       "data-testid": "quoted-message",
       onClickCapture: (e2) => {
         e2.stopPropagation();
@@ -44726,7 +44728,7 @@ var UnMemoizedMessageTextComponent = (props) => {
   return /* @__PURE__ */ import_react103.default.createElement("div", { className: wrapperClass, tabIndex: 0 }, /* @__PURE__ */ import_react103.default.createElement(
     "div",
     {
-      className: (0, import_clsx22.default)(innerClass, {
+      className: (0, import_clsx23.default)(innerClass, {
         [`str-chat__message-${theme}-text-inner--has-attachment`]: hasAttachment,
         [` str-chat__message-${theme}-text-inner--is-emoji`]: isOnlyEmojis(message.text) && !message.quoted_message
       }),
@@ -45004,12 +45006,12 @@ var import_react112 = __toESM(require("react"));
 var import_react109 = __toESM(require("react"));
 
 // src/components/MediaRecorder/AudioRecorder/RecordingTimer.tsx
-var import_clsx23 = __toESM(require("clsx"));
+var import_clsx24 = __toESM(require("clsx"));
 var import_react108 = __toESM(require("react"));
 var RecordingTimer = ({ durationSeconds }) => /* @__PURE__ */ import_react108.default.createElement(
   "div",
   {
-    className: (0, import_clsx23.default)("str-chat__recording-timer", {
+    className: (0, import_clsx24.default)("str-chat__recording-timer", {
       "str-chat__recording-timer--hours": durationSeconds >= 3600
     })
   },
@@ -45284,7 +45286,7 @@ var FileAttachmentPreview = ({
 };
 
 // src/components/MessageInput/AttachmentPreviewList/ImageAttachmentPreview.tsx
-var import_clsx24 = __toESM(require("clsx"));
+var import_clsx25 = __toESM(require("clsx"));
 var import_react116 = __toESM(require("react"));
 var ImageAttachmentPreview = ({
   attachment,
@@ -45300,7 +45302,7 @@ var ImageAttachmentPreview = ({
   return /* @__PURE__ */ import_react116.default.createElement(
     "div",
     {
-      className: (0, import_clsx24.default)("str-chat__attachment-preview-image", {
+      className: (0, import_clsx25.default)("str-chat__attachment-preview-image", {
         "str-chat__attachment-preview-image--error": previewError
       }),
       "data-testid": "attachment-preview-image"
@@ -45716,7 +45718,7 @@ var import_react128 = __toESM(require("react"));
 
 // src/components/MessageInput/MessageInputFlat.tsx
 var import_react127 = __toESM(require("react"));
-var import_clsx26 = __toESM(require("clsx"));
+var import_clsx27 = __toESM(require("clsx"));
 var import_react_dropzone2 = require("react-dropzone");
 var import_nanoid5 = require("nanoid");
 
@@ -45779,7 +45781,7 @@ var QuotedMessagePreview = ({
 };
 
 // src/components/MessageInput/LinkPreviewList.tsx
-var import_clsx25 = __toESM(require("clsx"));
+var import_clsx26 = __toESM(require("clsx"));
 var import_react125 = __toESM(require("react"));
 var LinkPreviewList = ({ linkPreviews }) => {
   const { quotedMessage } = useChannelStateContext();
@@ -45796,7 +45798,7 @@ var LinkPreviewCard = ({ linkPreview }) => {
   return /* @__PURE__ */ import_react125.default.createElement(
     "div",
     {
-      className: (0, import_clsx25.default)("str-chat__link-preview-card", {
+      className: (0, import_clsx26.default)("str-chat__link-preview-card", {
         "str-chat__link-preview-card--loading": linkPreview.state === "loading" /* LOADING */
       }),
       "data-testid": "link-preview-card"
@@ -45985,7 +45987,7 @@ var MessageInputFlat = () => {
   ), findAndEnqueueURLsToEnrich && /* @__PURE__ */ import_react127.default.createElement(LinkPreviewList2, { linkPreviews: Array.from(linkPreviews.values()) }), isDragActive && /* @__PURE__ */ import_react127.default.createElement(
     "div",
     {
-      className: (0, import_clsx26.default)("str-chat__dropzone-container", {
+      className: (0, import_clsx27.default)("str-chat__dropzone-container", {
         "str-chat__dropzone-container--not-accepted": isDragReject
       })
     },
@@ -46110,7 +46112,7 @@ var MML = (props) => {
 
 // src/components/Reactions/ReactionSelector.tsx
 var import_react134 = __toESM(require("react"));
-var import_clsx27 = __toESM(require("clsx"));
+var import_clsx28 = __toESM(require("clsx"));
 
 // src/components/Reactions/utils/utils.ts
 var isMutableRef = (ref) => {
@@ -46287,7 +46289,7 @@ var UnMemoizedReactionSelector = import_react134.default.forwardRef(
     return /* @__PURE__ */ import_react134.default.createElement(
       "div",
       {
-        className: (0, import_clsx27.default)("str-chat__reaction-selector str-chat__message-reaction-selector", {
+        className: (0, import_clsx28.default)("str-chat__reaction-selector str-chat__message-reaction-selector", {
           "str-chat__reaction-selector--reverse": reverse
         }),
         "data-testid": "reaction-selector",
@@ -46313,7 +46315,7 @@ var UnMemoizedReactionSelector = import_react134.default.forwardRef(
           "button",
           {
             "aria-label": `Select Reaction: ${reactionName || reactionType}`,
-            className: (0, import_clsx27.default)(
+            className: (0, import_clsx28.default)(
               "str-chat__message-reactions-list-item str-chat__message-reactions-option",
               {
                 "str-chat__message-reactions-option-selected": iHaveReactedWithReaction(
@@ -46355,7 +46357,7 @@ var ReactionSelector = import_react134.default.memo(
 
 // src/components/Reactions/ReactionsList.tsx
 var import_react138 = __toESM(require("react"));
-var import_clsx29 = __toESM(require("clsx"));
+var import_clsx30 = __toESM(require("clsx"));
 
 // src/components/Reactions/hooks/useProcessReactions.tsx
 var import_react135 = require("react");
@@ -46453,7 +46455,7 @@ var useProcessReactions = (params) => {
 
 // src/components/Reactions/ReactionsListModal.tsx
 var import_react137 = __toESM(require("react"));
-var import_clsx28 = __toESM(require("clsx"));
+var import_clsx29 = __toESM(require("clsx"));
 
 // src/components/Reactions/hooks/useFetchReactions.ts
 var import_react136 = require("react");
@@ -46537,13 +46539,13 @@ function ReactionsListModal({
     Modal,
     {
       ...modalProps,
-      className: (0, import_clsx28.default)("str-chat__message-reactions-details-modal", modalProps.className)
+      className: (0, import_clsx29.default)("str-chat__message-reactions-details-modal", modalProps.className)
     },
     /* @__PURE__ */ import_react137.default.createElement("div", { className: "str-chat__message-reactions-details", "data-testid": "reactions-list-modal" }, /* @__PURE__ */ import_react137.default.createElement("div", { className: "str-chat__message-reactions-details-reaction-types" }, reactions.map(
       ({ EmojiComponent, reactionCount, reactionType }) => EmojiComponent && /* @__PURE__ */ import_react137.default.createElement(
         "div",
         {
-          className: (0, import_clsx28.default)("str-chat__message-reactions-details-reaction-type", {
+          className: (0, import_clsx29.default)("str-chat__message-reactions-details-reaction-type", {
             "str-chat__message-reactions-details-reaction-type--selected": selectedReactionType === reactionType
           }),
           "data-testid": `reaction-details-selector-${reactionType}`,
@@ -46599,7 +46601,7 @@ var UnMemoizedReactionsList = (props) => {
     "div",
     {
       "aria-label": t2("aria/Reaction list"),
-      className: (0, import_clsx29.default)("str-chat__reaction-list str-chat__message-reactions-container", {
+      className: (0, import_clsx30.default)("str-chat__reaction-list str-chat__message-reactions-container", {
         // we are stuck with both classes as both are used in CSS
         "str-chat__reaction-list--reverse": reverse
       }),
@@ -46610,7 +46612,7 @@ var UnMemoizedReactionsList = (props) => {
       ({ EmojiComponent, isOwnReaction, reactionCount, reactionType }) => EmojiComponent && /* @__PURE__ */ import_react138.default.createElement(
         "li",
         {
-          className: (0, import_clsx29.default)("str-chat__message-reaction", {
+          className: (0, import_clsx30.default)("str-chat__message-reaction", {
             "str-chat__message-reaction-own": isOwnReaction
           }),
           key: reactionType
@@ -46653,7 +46655,7 @@ var ReactionsList = import_react138.default.memo(UnMemoizedReactionsList);
 
 // src/components/Reactions/SimpleReactionsList.tsx
 var import_react139 = __toESM(require("react"));
-var import_clsx30 = __toESM(require("clsx"));
+var import_clsx31 = __toESM(require("clsx"));
 var WithTooltip = ({
   children,
   onMouseEnter,
@@ -46687,7 +46689,7 @@ var UnMemoizedSimpleReactionsList = (props) => {
         return EmojiComponent && /* @__PURE__ */ import_react139.default.createElement(
           "li",
           {
-            className: (0, import_clsx30.default)("str-chat__simple-reactions-list-item", {
+            className: (0, import_clsx31.default)("str-chat__simple-reactions-list-item", {
               "str-chat__message-reaction-own": isOwnReaction
             }),
             key: reactionType,
@@ -46707,7 +46709,7 @@ var SimpleReactionsList = import_react139.default.memo(
 
 // src/components/Message/MessageEditedTimestamp.tsx
 var import_react140 = __toESM(require("react"));
-var import_clsx31 = __toESM(require("clsx"));
+var import_clsx32 = __toESM(require("clsx"));
 function MessageEditedTimestamp({
   message: propMessage,
   open,
@@ -46725,7 +46727,7 @@ function MessageEditedTimestamp({
   return /* @__PURE__ */ import_react140.default.createElement(
     "div",
     {
-      className: (0, import_clsx31.default)(
+      className: (0, import_clsx32.default)(
         "str-chat__message-edited-timestamp",
         open ? "str-chat__message-edited-timestamp--open" : "str-chat__message-edited-timestamp--collapsed"
       ),
@@ -46800,7 +46802,7 @@ var MessageSimpleWithContext = (props) => {
   } else if (isEdited) {
     handleClick = () => setEditedTimestampOpen((prev) => !prev);
   }
-  const rootClassName2 = (0, import_clsx32.default)(
+  const rootClassName2 = (0, import_clsx33.default)(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${message.type}`,
     `str-chat__message--${message.status}`,
@@ -46847,7 +46849,7 @@ var MessageSimpleWithContext = (props) => {
   ), /* @__PURE__ */ import_react141.default.createElement(
     "div",
     {
-      className: (0, import_clsx32.default)("str-chat__message-inner", {
+      className: (0, import_clsx33.default)("str-chat__message-inner", {
         "str-chat__simple-message--error-failed": allowRetry || isBounced
       }),
       "data-testid": "message-inner",
@@ -47106,7 +47108,7 @@ var GiphyPreviewMessage = (props) => {
 };
 
 // src/components/MessageList/MessageList.tsx
-var import_clsx34 = __toESM(require("clsx"));
+var import_clsx35 = __toESM(require("clsx"));
 var import_react165 = __toESM(require("react"));
 
 // src/components/MessageList/hooks/MessageList/useEnrichedMessages.ts
@@ -47957,7 +47959,7 @@ var InfiniteScroll = (props) => {
 
 // src/components/TypingIndicator/TypingIndicator.tsx
 var import_react160 = __toESM(require("react"));
-var import_clsx33 = __toESM(require("clsx"));
+var import_clsx34 = __toESM(require("clsx"));
 var useJoinTypingUsers = (names) => {
   const { t: t2 } = useTranslationContext();
   if (!names.length) return null;
@@ -47997,7 +47999,7 @@ var UnMemoizedTypingIndicator = (props) => {
   return /* @__PURE__ */ import_react160.default.createElement(
     "div",
     {
-      className: (0, import_clsx33.default)("str-chat__typing-indicator", {
+      className: (0, import_clsx34.default)("str-chat__typing-indicator", {
         "str-chat__typing-indicator--typing": isTypingActive
       }),
       "data-testid": "typing-indicator"
@@ -48369,7 +48371,7 @@ var MessageListWithContext = (props) => {
   return /* @__PURE__ */ import_react165.default.createElement(MessageListContextProvider, { value: { listElement, scrollToBottom } }, /* @__PURE__ */ import_react165.default.createElement(MessageListMainPanel, null, !threadList && showUnreadMessagesNotification && /* @__PURE__ */ import_react165.default.createElement(UnreadMessagesNotification2, { unreadCount: channelUnreadUiState?.unread_messages }), /* @__PURE__ */ import_react165.default.createElement(
     "div",
     {
-      className: (0, import_clsx34.default)(messageListClass, customClasses?.threadList),
+      className: (0, import_clsx35.default)(messageListClass, customClasses?.threadList),
       onScroll,
       ref: setListElement,
       tabIndex: 0
@@ -48436,7 +48438,7 @@ var MessageList = (props) => {
 
 // src/components/MessageList/ScrollToBottomButton.tsx
 var import_react166 = __toESM(require("react"));
-var import_clsx35 = __toESM(require("clsx"));
+var import_clsx36 = __toESM(require("clsx"));
 var UnMemoizedScrollToBottomButton = (props) => {
   const { isMessageListScrolledToBottom, onClick, threadList } = props;
   const { channel: activeChannel, client } = useChatContext();
@@ -48488,7 +48490,7 @@ var UnMemoizedScrollToBottomButton = (props) => {
     countUnread > 0 && /* @__PURE__ */ import_react166.default.createElement(
       "div",
       {
-        className: (0, import_clsx35.default)(
+        className: (0, import_clsx36.default)(
           "str-chat__message-notification",
           "str-chat__jump-to-latest-unread-count"
         ),
@@ -48708,7 +48710,7 @@ var useUnreadMessagesNotificationVirtualized = ({
 };
 
 // src/components/MessageList/VirtualizedMessageListComponents.tsx
-var import_clsx36 = __toESM(require("clsx"));
+var import_clsx37 = __toESM(require("clsx"));
 var import_lodash9 = __toESM(require("lodash.throttle"));
 var import_react174 = __toESM(require("react"));
 var PREPEND_OFFSET = 10 ** 7;
@@ -48738,7 +48740,7 @@ var Item3 = ({
     "div",
     {
       ...props,
-      className: context?.customClasses?.virtualMessage || (0, import_clsx36.default)("str-chat__virtual-list-message-wrapper str-chat__li", {
+      className: context?.customClasses?.virtualMessage || (0, import_clsx37.default)("str-chat__virtual-list-message-wrapper str-chat__li", {
         [`str-chat__li--${groupStyles}`]: groupStyles
       })
     }
@@ -49366,7 +49368,7 @@ var UnMemoizedChannel = (props) => {
     customClasses
   });
   const channel = propsChannel || contextChannel;
-  const className = (0, import_clsx37.default)(chatClass, theme, channelClass);
+  const className = (0, import_clsx38.default)(chatClass, theme, channelClass);
   if (channelsQueryState.queryInProgress === "reload" && LoadingIndicator2) {
     return /* @__PURE__ */ import_react176.default.createElement("div", { className }, /* @__PURE__ */ import_react176.default.createElement(LoadingIndicator2, null));
   }
@@ -50178,7 +50180,7 @@ var ChannelInner = (props) => {
   const typingContextValue = useCreateTypingContext({
     typing
   });
-  const className = (0, import_clsx37.default)(chatClass, theme, channelClass);
+  const className = (0, import_clsx38.default)(chatClass, theme, channelClass);
   if (state.error) {
     return /* @__PURE__ */ import_react176.default.createElement("div", { className }, /* @__PURE__ */ import_react176.default.createElement(LoadingErrorIndicator2, { error: state.error }));
   }
@@ -50188,7 +50190,7 @@ var ChannelInner = (props) => {
   if (!channel.watch) {
     return /* @__PURE__ */ import_react176.default.createElement("div", { className }, /* @__PURE__ */ import_react176.default.createElement("div", null, t2("Channel Missing")));
   }
-  return /* @__PURE__ */ import_react176.default.createElement("div", { className: (0, import_clsx37.default)(className, windowsEmojiClass) }, /* @__PURE__ */ import_react176.default.createElement(ChannelStateProvider, { value: channelStateContextValue }, /* @__PURE__ */ import_react176.default.createElement(ChannelActionProvider, { value: channelActionContextValue }, /* @__PURE__ */ import_react176.default.createElement(WithComponents, { overrides: componentContextValue }, /* @__PURE__ */ import_react176.default.createElement(TypingProvider, { value: typingContextValue }, /* @__PURE__ */ import_react176.default.createElement("div", { className: `${chatContainerClass}` }, dragAndDropWindow && /* @__PURE__ */ import_react176.default.createElement(DropzoneProvider, { ...optionalMessageInputProps }, children), !dragAndDropWindow && /* @__PURE__ */ import_react176.default.createElement(import_react176.default.Fragment, null, children)))))));
+  return /* @__PURE__ */ import_react176.default.createElement("div", { className: (0, import_clsx38.default)(className, windowsEmojiClass) }, /* @__PURE__ */ import_react176.default.createElement(ChannelStateProvider, { value: channelStateContextValue }, /* @__PURE__ */ import_react176.default.createElement(ChannelActionProvider, { value: channelActionContextValue }, /* @__PURE__ */ import_react176.default.createElement(WithComponents, { overrides: componentContextValue }, /* @__PURE__ */ import_react176.default.createElement(TypingProvider, { value: typingContextValue }, /* @__PURE__ */ import_react176.default.createElement("div", { className: `${chatContainerClass}` }, dragAndDropWindow && /* @__PURE__ */ import_react176.default.createElement(DropzoneProvider, { ...optionalMessageInputProps }, children), !dragAndDropWindow && /* @__PURE__ */ import_react176.default.createElement(import_react176.default.Fragment, null, children)))))));
 };
 var Channel = import_react176.default.memo(UnMemoizedChannel);
 
@@ -50327,7 +50329,7 @@ var ChannelHeader = import_react180.default.memo(UnMemoizedChannelHeader);
 
 // src/components/ChannelList/ChannelList.tsx
 var import_react207 = __toESM(require("react"));
-var import_clsx42 = __toESM(require("clsx"));
+var import_clsx43 = __toESM(require("clsx"));
 
 // src/components/ChannelList/ChannelListMessenger.tsx
 var import_react181 = __toESM(require("react"));
@@ -50752,7 +50754,7 @@ var import_react198 = __toESM(require("react"));
 
 // src/components/ChannelPreview/ChannelPreviewMessenger.tsx
 var import_react195 = __toESM(require("react"));
-var import_clsx38 = __toESM(require("clsx"));
+var import_clsx39 = __toESM(require("clsx"));
 var UnMemoizedChannelPreviewMessenger = (props) => {
   const {
     active,
@@ -50784,7 +50786,7 @@ var UnMemoizedChannelPreviewMessenger = (props) => {
     {
       "aria-label": `Select Channel: ${displayTitle || ""}`,
       "aria-selected": active,
-      className: (0, import_clsx38.default)(
+      className: (0, import_clsx39.default)(
         `str-chat__channel-preview-messenger str-chat__channel-preview`,
         active && "str-chat__channel-preview-messenger--active",
         unread && unread >= 1 && "str-chat__channel-preview-messenger--unread",
@@ -50962,7 +50964,7 @@ var ChannelPreview = (props) => {
 };
 
 // src/components/ChannelSearch/ChannelSearch.tsx
-var import_clsx41 = __toESM(require("clsx"));
+var import_clsx42 = __toESM(require("clsx"));
 var import_react204 = __toESM(require("react"));
 
 // src/components/ChannelSearch/hooks/useChannelSearch.ts
@@ -51162,7 +51164,7 @@ var useChannelSearch = ({
 
 // src/components/ChannelSearch/SearchBar.tsx
 var import_react202 = __toESM(require("react"));
-var import_clsx39 = __toESM(require("clsx"));
+var import_clsx40 = __toESM(require("clsx"));
 
 // src/components/ChannelSearch/icons.tsx
 var import_react200 = __toESM(require("react"));
@@ -51258,7 +51260,7 @@ var SearchBarButton = ({
 }) => /* @__PURE__ */ import_react202.default.createElement(
   "button",
   {
-    className: (0, import_clsx39.default)("str-chat__channel-search-bar-button", className),
+    className: (0, import_clsx40.default)("str-chat__channel-search-bar-button", className),
     "data-testid": "search-bar-button",
     onClick
   },
@@ -51336,7 +51338,7 @@ var SearchBar = (props) => {
   ) : null, /* @__PURE__ */ import_react202.default.createElement(
     "div",
     {
-      className: (0, import_clsx39.default)(
+      className: (0, import_clsx40.default)(
         "str-chat__channel-search-input--wrapper",
         inputProps.query && "str-chat__channel-search-input--wrapper-active"
       )
@@ -51358,7 +51360,7 @@ var SearchBar = (props) => {
 
 // src/components/ChannelSearch/SearchResults.tsx
 var import_react203 = __toESM(require("react"));
-var import_clsx40 = __toESM(require("clsx"));
+var import_clsx41 = __toESM(require("clsx"));
 var DefaultSearchEmpty = () => {
   const { t: t2 } = useTranslationContext("SearchResults");
   return /* @__PURE__ */ import_react203.default.createElement("div", { "aria-live": "polite", className: "str-chat__channel-search-container-empty" }, /* @__PURE__ */ import_react203.default.createElement(SearchIcon, null), t2("No results found"));
@@ -51394,7 +51396,7 @@ var DefaultSearchResultsList = (props) => {
 var DefaultSearchResultItem = (props) => {
   const { focusedUser, index: index3, result, selectResult } = props;
   const focused = focusedUser === index3;
-  const className = (0, import_clsx40.default)(
+  const className = (0, import_clsx41.default)(
     "str-chat__channel-search-result",
     focused && "str-chat__channel-search-result--focused"
   );
@@ -51440,7 +51442,7 @@ var ResultsContainer = ({
     "div",
     {
       "aria-label": t2("aria/Channel search results"),
-      className: (0, import_clsx40.default)(`str-chat__channel-search-result-list`, popupResults ? "popup" : "inline")
+      className: (0, import_clsx41.default)(`str-chat__channel-search-result-list`, popupResults ? "popup" : "inline")
     },
     children
   );
@@ -51547,7 +51549,7 @@ var UnMemoizedChannelSearch = (props) => {
   return /* @__PURE__ */ import_react204.default.createElement(
     "div",
     {
-      className: (0, import_clsx41.default)(
+      className: (0, import_clsx42.default)(
         "str-chat__channel-search",
         popupResults ? "str-chat__channel-search--popup" : "str-chat__channel-search--inline",
         {
@@ -51802,7 +51804,7 @@ var UnMemoizedChannelList = (props) => {
     return /* @__PURE__ */ import_react207.default.createElement(ChannelPreview, { ...previewProps });
   };
   const baseClass = "str-chat__channel-list";
-  const className = (0, import_clsx42.default)(
+  const className = (0, import_clsx43.default)(
     customClasses?.chat ?? "str-chat",
     theme,
     customClasses?.channelList ?? `${baseClass} ${baseClass}-react`,
@@ -52086,7 +52088,7 @@ var useCreateChatClient = ({
 
 // src/components/Thread/Thread.tsx
 var import_react217 = __toESM(require("react"));
-var import_clsx43 = __toESM(require("clsx"));
+var import_clsx44 = __toESM(require("clsx"));
 
 // src/components/Thread/ThreadHeader.tsx
 var import_react214 = __toESM(require("react"));
@@ -52227,7 +52229,7 @@ var ThreadInner = (props) => {
   };
   const messageAsThread = thread ?? parentMessage;
   if (!messageAsThread) return null;
-  const threadClass = customClasses?.thread || (0, import_clsx43.default)("str-chat__thread-container str-chat__thread", {
+  const threadClass = customClasses?.thread || (0, import_clsx44.default)("str-chat__thread-container str-chat__thread", {
     "str-chat__thread--virtualized": virtualized
   });
   const head = /* @__PURE__ */ import_react217.default.createElement(
@@ -52265,14 +52267,14 @@ var ThreadInner = (props) => {
 
 // src/components/Window/Window.tsx
 var import_react218 = __toESM(require("react"));
-var import_clsx44 = __toESM(require("clsx"));
+var import_clsx45 = __toESM(require("clsx"));
 var UnMemoizedWindow = (props) => {
   const { children, thread: propThread } = props;
   const { thread: contextThread } = useChannelStateContext("Window");
   return /* @__PURE__ */ import_react218.default.createElement(
     "div",
     {
-      className: (0, import_clsx44.default)("str-chat__main-panel", {
+      className: (0, import_clsx45.default)("str-chat__main-panel", {
         "str-chat__main-panel--thread-open": contextThread || propThread
       })
     },