stream-chat-react 12.9.0 → 12.10.0

package/dist/index.browser.cjs

@@ -416,6 +416,200 @@ var require_extend = __commonJS({
   }
 });
 
+// node_modules/react-markdown/node_modules/react-is/cjs/react-is.development.js
+var require_react_is_development = __commonJS({
+  "node_modules/react-markdown/node_modules/react-is/cjs/react-is.development.js"(exports) {
+    "use strict";
+    if (true) {
+      (function() {
+        "use strict";
+        var REACT_ELEMENT_TYPE = Symbol.for("react.element");
+        var REACT_PORTAL_TYPE = Symbol.for("react.portal");
+        var REACT_FRAGMENT_TYPE = Symbol.for("react.fragment");
+        var REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode");
+        var REACT_PROFILER_TYPE = Symbol.for("react.profiler");
+        var REACT_PROVIDER_TYPE = Symbol.for("react.provider");
+        var REACT_CONTEXT_TYPE = Symbol.for("react.context");
+        var REACT_SERVER_CONTEXT_TYPE = Symbol.for("react.server_context");
+        var REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref");
+        var REACT_SUSPENSE_TYPE = Symbol.for("react.suspense");
+        var REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list");
+        var REACT_MEMO_TYPE = Symbol.for("react.memo");
+        var REACT_LAZY_TYPE = Symbol.for("react.lazy");
+        var REACT_OFFSCREEN_TYPE = Symbol.for("react.offscreen");
+        var enableScopeAPI = false;
+        var enableCacheElement = false;
+        var enableTransitionTracing = false;
+        var enableLegacyHidden = false;
+        var enableDebugTracing = false;
+        var REACT_MODULE_REFERENCE;
+        {
+          REACT_MODULE_REFERENCE = Symbol.for("react.module.reference");
+        }
+        function isValidElementType(type) {
+          if (typeof type === "string" || typeof type === "function") {
+            return true;
+          }
+          if (type === REACT_FRAGMENT_TYPE || type === REACT_PROFILER_TYPE || enableDebugTracing || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || enableLegacyHidden || type === REACT_OFFSCREEN_TYPE || enableScopeAPI || enableCacheElement || enableTransitionTracing) {
+            return true;
+          }
+          if (typeof type === "object" && type !== null) {
+            if (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || // This needs to include all possible module reference object
+            // types supported by any Flight configuration anywhere since
+            // we don't know which Flight build this will end up being used
+            // with.
+            type.$$typeof === REACT_MODULE_REFERENCE || type.getModuleId !== void 0) {
+              return true;
+            }
+          }
+          return false;
+        }
+        function typeOf(object) {
+          if (typeof object === "object" && object !== null) {
+            var $$typeof = object.$$typeof;
+            switch ($$typeof) {
+              case REACT_ELEMENT_TYPE:
+                var type = object.type;
+                switch (type) {
+                  case REACT_FRAGMENT_TYPE:
+                  case REACT_PROFILER_TYPE:
+                  case REACT_STRICT_MODE_TYPE:
+                  case REACT_SUSPENSE_TYPE:
+                  case REACT_SUSPENSE_LIST_TYPE:
+                    return type;
+                  default:
+                    var $$typeofType = type && type.$$typeof;
+                    switch ($$typeofType) {
+                      case REACT_SERVER_CONTEXT_TYPE:
+                      case REACT_CONTEXT_TYPE:
+                      case REACT_FORWARD_REF_TYPE:
+                      case REACT_LAZY_TYPE:
+                      case REACT_MEMO_TYPE:
+                      case REACT_PROVIDER_TYPE:
+                        return $$typeofType;
+                      default:
+                        return $$typeof;
+                    }
+                }
+              case REACT_PORTAL_TYPE:
+                return $$typeof;
+            }
+          }
+          return void 0;
+        }
+        var ContextConsumer = REACT_CONTEXT_TYPE;
+        var ContextProvider = REACT_PROVIDER_TYPE;
+        var Element = REACT_ELEMENT_TYPE;
+        var ForwardRef = REACT_FORWARD_REF_TYPE;
+        var Fragment2 = REACT_FRAGMENT_TYPE;
+        var Lazy = REACT_LAZY_TYPE;
+        var Memo = REACT_MEMO_TYPE;
+        var Portal2 = REACT_PORTAL_TYPE;
+        var Profiler = REACT_PROFILER_TYPE;
+        var StrictMode = REACT_STRICT_MODE_TYPE;
+        var Suspense2 = REACT_SUSPENSE_TYPE;
+        var SuspenseList = REACT_SUSPENSE_LIST_TYPE;
+        var hasWarnedAboutDeprecatedIsAsyncMode = false;
+        var hasWarnedAboutDeprecatedIsConcurrentMode = false;
+        function isAsyncMode(object) {
+          {
+            if (!hasWarnedAboutDeprecatedIsAsyncMode) {
+              hasWarnedAboutDeprecatedIsAsyncMode = true;
+              console["warn"]("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 18+.");
+            }
+          }
+          return false;
+        }
+        function isConcurrentMode(object) {
+          {
+            if (!hasWarnedAboutDeprecatedIsConcurrentMode) {
+              hasWarnedAboutDeprecatedIsConcurrentMode = true;
+              console["warn"]("The ReactIs.isConcurrentMode() alias has been deprecated, and will be removed in React 18+.");
+            }
+          }
+          return false;
+        }
+        function isContextConsumer(object) {
+          return typeOf(object) === REACT_CONTEXT_TYPE;
+        }
+        function isContextProvider(object) {
+          return typeOf(object) === REACT_PROVIDER_TYPE;
+        }
+        function isElement2(object) {
+          return typeof object === "object" && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
+        }
+        function isForwardRef(object) {
+          return typeOf(object) === REACT_FORWARD_REF_TYPE;
+        }
+        function isFragment(object) {
+          return typeOf(object) === REACT_FRAGMENT_TYPE;
+        }
+        function isLazy(object) {
+          return typeOf(object) === REACT_LAZY_TYPE;
+        }
+        function isMemo(object) {
+          return typeOf(object) === REACT_MEMO_TYPE;
+        }
+        function isPortal(object) {
+          return typeOf(object) === REACT_PORTAL_TYPE;
+        }
+        function isProfiler(object) {
+          return typeOf(object) === REACT_PROFILER_TYPE;
+        }
+        function isStrictMode(object) {
+          return typeOf(object) === REACT_STRICT_MODE_TYPE;
+        }
+        function isSuspense(object) {
+          return typeOf(object) === REACT_SUSPENSE_TYPE;
+        }
+        function isSuspenseList(object) {
+          return typeOf(object) === REACT_SUSPENSE_LIST_TYPE;
+        }
+        exports.ContextConsumer = ContextConsumer;
+        exports.ContextProvider = ContextProvider;
+        exports.Element = Element;
+        exports.ForwardRef = ForwardRef;
+        exports.Fragment = Fragment2;
+        exports.Lazy = Lazy;
+        exports.Memo = Memo;
+        exports.Portal = Portal2;
+        exports.Profiler = Profiler;
+        exports.StrictMode = StrictMode;
+        exports.Suspense = Suspense2;
+        exports.SuspenseList = SuspenseList;
+        exports.isAsyncMode = isAsyncMode;
+        exports.isConcurrentMode = isConcurrentMode;
+        exports.isContextConsumer = isContextConsumer;
+        exports.isContextProvider = isContextProvider;
+        exports.isElement = isElement2;
+        exports.isForwardRef = isForwardRef;
+        exports.isFragment = isFragment;
+        exports.isLazy = isLazy;
+        exports.isMemo = isMemo;
+        exports.isPortal = isPortal;
+        exports.isProfiler = isProfiler;
+        exports.isStrictMode = isStrictMode;
+        exports.isSuspense = isSuspense;
+        exports.isSuspenseList = isSuspenseList;
+        exports.isValidElementType = isValidElementType;
+        exports.typeOf = typeOf;
+      })();
+    }
+  }
+});
+
+// node_modules/react-markdown/node_modules/react-is/index.js
+var require_react_is = __commonJS({
+  "node_modules/react-markdown/node_modules/react-is/index.js"(exports, module2) {
+    "use strict";
+    if (false) {
+      module2.exports = null;
+    } else {
+      module2.exports = require_react_is_development();
+    }
+  }
+});
+
 // node_modules/inline-style-parser/index.js
 var require_inline_style_parser = __commonJS({
   "node_modules/inline-style-parser/index.js"(exports, module2) {
@@ -2535,7 +2729,7 @@ var require_unified = __commonJS({
       processor.stringify = stringify3;
       processor.run = run;
       processor.runSync = runSync;
-      processor.process = process;
+      processor.process = process2;
       processor.processSync = processSync;
       return processor;
       function processor() {
@@ -2715,7 +2909,7 @@ var require_unified = __commonJS({
         }
         return Compiler(node2, file);
       }
-      function process(doc, cb) {
+      function process2(doc, cb) {
         freeze();
         assertParser2("process", processor.Parser);
         assertCompiler2("process", processor.Compiler);
@@ -2744,7 +2938,7 @@ var require_unified = __commonJS({
         assertParser2("processSync", processor.Parser);
         assertCompiler2("processSync", processor.Compiler);
         file = vfile2(doc);
-        process(file, done);
+        process2(file, done);
         assertDone2("processSync", "process", complete);
         return file;
         function done(error) {
@@ -8274,13 +8468,180 @@ var require_disallow_node = __commonJS({
   }
 });
 
+// node_modules/react-is/cjs/react-is.development.js
+var require_react_is_development2 = __commonJS({
+  "node_modules/react-is/cjs/react-is.development.js"(exports) {
+    "use strict";
+    if (true) {
+      (function() {
+        "use strict";
+        var hasSymbol = typeof Symbol === "function" && Symbol.for;
+        var REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for("react.element") : 60103;
+        var REACT_PORTAL_TYPE = hasSymbol ? Symbol.for("react.portal") : 60106;
+        var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for("react.fragment") : 60107;
+        var REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for("react.strict_mode") : 60108;
+        var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for("react.profiler") : 60114;
+        var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for("react.provider") : 60109;
+        var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for("react.context") : 60110;
+        var REACT_ASYNC_MODE_TYPE = hasSymbol ? Symbol.for("react.async_mode") : 60111;
+        var REACT_CONCURRENT_MODE_TYPE = hasSymbol ? Symbol.for("react.concurrent_mode") : 60111;
+        var REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for("react.forward_ref") : 60112;
+        var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for("react.suspense") : 60113;
+        var REACT_SUSPENSE_LIST_TYPE = hasSymbol ? Symbol.for("react.suspense_list") : 60120;
+        var REACT_MEMO_TYPE = hasSymbol ? Symbol.for("react.memo") : 60115;
+        var REACT_LAZY_TYPE = hasSymbol ? Symbol.for("react.lazy") : 60116;
+        var REACT_BLOCK_TYPE = hasSymbol ? Symbol.for("react.block") : 60121;
+        var REACT_FUNDAMENTAL_TYPE = hasSymbol ? Symbol.for("react.fundamental") : 60117;
+        var REACT_RESPONDER_TYPE = hasSymbol ? Symbol.for("react.responder") : 60118;
+        var REACT_SCOPE_TYPE = hasSymbol ? Symbol.for("react.scope") : 60119;
+        function isValidElementType(type) {
+          return typeof type === "string" || typeof type === "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
+          type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || typeof type === "object" && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_RESPONDER_TYPE || type.$$typeof === REACT_SCOPE_TYPE || type.$$typeof === REACT_BLOCK_TYPE);
+        }
+        function typeOf(object) {
+          if (typeof object === "object" && object !== null) {
+            var $$typeof = object.$$typeof;
+            switch ($$typeof) {
+              case REACT_ELEMENT_TYPE:
+                var type = object.type;
+                switch (type) {
+                  case REACT_ASYNC_MODE_TYPE:
+                  case REACT_CONCURRENT_MODE_TYPE:
+                  case REACT_FRAGMENT_TYPE:
+                  case REACT_PROFILER_TYPE:
+                  case REACT_STRICT_MODE_TYPE:
+                  case REACT_SUSPENSE_TYPE:
+                    return type;
+                  default:
+                    var $$typeofType = type && type.$$typeof;
+                    switch ($$typeofType) {
+                      case REACT_CONTEXT_TYPE:
+                      case REACT_FORWARD_REF_TYPE:
+                      case REACT_LAZY_TYPE:
+                      case REACT_MEMO_TYPE:
+                      case REACT_PROVIDER_TYPE:
+                        return $$typeofType;
+                      default:
+                        return $$typeof;
+                    }
+                }
+              case REACT_PORTAL_TYPE:
+                return $$typeof;
+            }
+          }
+          return void 0;
+        }
+        var AsyncMode = REACT_ASYNC_MODE_TYPE;
+        var ConcurrentMode = REACT_CONCURRENT_MODE_TYPE;
+        var ContextConsumer = REACT_CONTEXT_TYPE;
+        var ContextProvider = REACT_PROVIDER_TYPE;
+        var Element = REACT_ELEMENT_TYPE;
+        var ForwardRef = REACT_FORWARD_REF_TYPE;
+        var Fragment2 = REACT_FRAGMENT_TYPE;
+        var Lazy = REACT_LAZY_TYPE;
+        var Memo = REACT_MEMO_TYPE;
+        var Portal2 = REACT_PORTAL_TYPE;
+        var Profiler = REACT_PROFILER_TYPE;
+        var StrictMode = REACT_STRICT_MODE_TYPE;
+        var Suspense2 = REACT_SUSPENSE_TYPE;
+        var hasWarnedAboutDeprecatedIsAsyncMode = false;
+        function isAsyncMode(object) {
+          {
+            if (!hasWarnedAboutDeprecatedIsAsyncMode) {
+              hasWarnedAboutDeprecatedIsAsyncMode = true;
+              console["warn"]("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.");
+            }
+          }
+          return isConcurrentMode(object) || typeOf(object) === REACT_ASYNC_MODE_TYPE;
+        }
+        function isConcurrentMode(object) {
+          return typeOf(object) === REACT_CONCURRENT_MODE_TYPE;
+        }
+        function isContextConsumer(object) {
+          return typeOf(object) === REACT_CONTEXT_TYPE;
+        }
+        function isContextProvider(object) {
+          return typeOf(object) === REACT_PROVIDER_TYPE;
+        }
+        function isElement2(object) {
+          return typeof object === "object" && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
+        }
+        function isForwardRef(object) {
+          return typeOf(object) === REACT_FORWARD_REF_TYPE;
+        }
+        function isFragment(object) {
+          return typeOf(object) === REACT_FRAGMENT_TYPE;
+        }
+        function isLazy(object) {
+          return typeOf(object) === REACT_LAZY_TYPE;
+        }
+        function isMemo(object) {
+          return typeOf(object) === REACT_MEMO_TYPE;
+        }
+        function isPortal(object) {
+          return typeOf(object) === REACT_PORTAL_TYPE;
+        }
+        function isProfiler(object) {
+          return typeOf(object) === REACT_PROFILER_TYPE;
+        }
+        function isStrictMode(object) {
+          return typeOf(object) === REACT_STRICT_MODE_TYPE;
+        }
+        function isSuspense(object) {
+          return typeOf(object) === REACT_SUSPENSE_TYPE;
+        }
+        exports.AsyncMode = AsyncMode;
+        exports.ConcurrentMode = ConcurrentMode;
+        exports.ContextConsumer = ContextConsumer;
+        exports.ContextProvider = ContextProvider;
+        exports.Element = Element;
+        exports.ForwardRef = ForwardRef;
+        exports.Fragment = Fragment2;
+        exports.Lazy = Lazy;
+        exports.Memo = Memo;
+        exports.Portal = Portal2;
+        exports.Profiler = Profiler;
+        exports.StrictMode = StrictMode;
+        exports.Suspense = Suspense2;
+        exports.isAsyncMode = isAsyncMode;
+        exports.isConcurrentMode = isConcurrentMode;
+        exports.isContextConsumer = isContextConsumer;
+        exports.isContextProvider = isContextProvider;
+        exports.isElement = isElement2;
+        exports.isForwardRef = isForwardRef;
+        exports.isFragment = isFragment;
+        exports.isLazy = isLazy;
+        exports.isMemo = isMemo;
+        exports.isPortal = isPortal;
+        exports.isProfiler = isProfiler;
+        exports.isStrictMode = isStrictMode;
+        exports.isSuspense = isSuspense;
+        exports.isValidElementType = isValidElementType;
+        exports.typeOf = typeOf;
+      })();
+    }
+  }
+});
+
+// node_modules/react-is/index.js
+var require_react_is2 = __commonJS({
+  "node_modules/react-is/index.js"(exports, module2) {
+    "use strict";
+    if (false) {
+      module2.exports = null;
+    } else {
+      module2.exports = require_react_is_development2();
+    }
+  }
+});
+
 // node_modules/mml-react/node_modules/react-markdown/lib/ast-to-react.js
 var require_ast_to_react = __commonJS({
   "node_modules/mml-react/node_modules/react-markdown/lib/ast-to-react.js"(exports, module2) {
     "use strict";
-    var React210 = require("react");
+    var React211 = require("react");
     var xtend = require_immutable();
-    var ReactIs2 = require("react-is");
+    var ReactIs2 = require_react_is2();
     function astToReact(node2, options) {
       var parent = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
       var index3 = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : 0;
@@ -8305,7 +8666,7 @@ var require_ast_to_react = __commonJS({
         throw new Error("Renderer for type `".concat(node2.type, "` not defined or is not renderable"));
       }
       var nodeProps = getNodeProps(node2, key, options, renderer, parent, index3);
-      return React210.createElement(renderer, nodeProps, nodeProps.children || resolveChildren() || void 0);
+      return React211.createElement(renderer, nodeProps, nodeProps.children || resolveChildren() || void 0);
       function resolveChildren() {
         return node2.children && node2.children.map(function(childNode, i) {
           return astToReact(childNode, options, {
@@ -8319,7 +8680,7 @@ var require_ast_to_react = __commonJS({
       var props = {
         key
       };
-      var isSimpleRenderer = typeof renderer === "string" || renderer === React210.Fragment;
+      var isSimpleRenderer = typeof renderer === "string" || renderer === React211.Fragment;
       if (opts.sourcePos && node2.position) {
         props["data-sourcepos"] = flattenPosition2(node2.position);
       }
@@ -8472,14 +8833,14 @@ var require_ast_to_react = __commonJS({
     function mergeNodeChildren(node2, parsedChildren) {
       var el = node2.element;
       if (Array.isArray(el)) {
-        var Fragment2 = React210.Fragment || "div";
-        return React210.createElement(Fragment2, null, el);
+        var Fragment2 = React211.Fragment || "div";
+        return React211.createElement(Fragment2, null, el);
       }
       if (el.props.children || parsedChildren) {
-        var children = React210.Children.toArray(el.props.children).concat(parsedChildren);
-        return React210.cloneElement(el, null, children);
+        var children = React211.Children.toArray(el.props.children).concat(parsedChildren);
+        return React211.cloneElement(el, null, children);
       }
-      return React210.cloneElement(el, null);
+      return React211.cloneElement(el, null);
     }
     function flattenPosition2(pos) {
       return [pos.start.line, ":", pos.start.column, "-", pos.end.line, ":", pos.end.column].map(String).join("");
@@ -8603,9 +8964,9 @@ var require_renderers = __commonJS({
   "node_modules/mml-react/node_modules/react-markdown/lib/renderers.js"(exports, module2) {
     "use strict";
     var xtend = require_immutable();
-    var React210 = require("react");
-    var supportsStringRender = parseInt((React210.version || "16").slice(0, 2), 10) >= 16;
-    var createElement = React210.createElement;
+    var React211 = require("react");
+    var supportsStringRender = parseInt((React211.version || "16").slice(0, 2), 10) >= 16;
+    var createElement = React211.createElement;
     module2.exports = {
       break: "br",
       paragraph: "p",
@@ -8641,7 +9002,7 @@ var require_renderers = __commonJS({
     }
     function Root(props) {
       var className = props.className;
-      var root2 = !className && React210.Fragment || "div";
+      var root2 = !className && React211.Fragment || "div";
       return createElement(root2, className ? {
         className
       } : null, props.children);
@@ -8697,7 +9058,7 @@ var require_renderers = __commonJS({
       var dangerous = props.allowDangerousHtml || props.escapeHtml === false;
       var tag = props.isBlock ? "div" : "span";
       if (!dangerous) {
-        return createElement(React210.Fragment || tag, null, props.value);
+        return createElement(React211.Fragment || tag, null, props.value);
       }
       var nodeProps = {
         dangerouslySetInnerHTML: {
@@ -8707,7 +9068,7 @@ var require_renderers = __commonJS({
       return createElement(tag, nodeProps);
     }
     function ParsedHtml(props) {
-      return props["data-sourcepos"] ? React210.cloneElement(props.element, {
+      return props["data-sourcepos"] ? React211.cloneElement(props.element, {
         "data-sourcepos": props["data-sourcepos"]
       }) : props.element;
     }
@@ -18869,7 +19230,7 @@ var WaveProgressBar = ({
   const isDragging = (0, import_react27.useRef)(false);
   const [root2, setRoot] = (0, import_react27.useState)(null);
   const [trackAxisX, setTrackAxisX] = (0, import_react27.useState)();
-  const lastRootWidth = (0, import_react27.useRef)();
+  const lastRootWidth = (0, import_react27.useRef)(void 0);
   const handleDragStart = (e2) => {
     e2.preventDefault();
     if (!progressIndicator) return;
@@ -18990,7 +19351,7 @@ var useAudioController = ({
   const [canPlayRecord, setCanPlayRecord] = (0, import_react28.useState)(true);
   const [secondsElapsed, setSecondsElapsed] = (0, import_react28.useState)(0);
   const [playbackRateIndex, setPlaybackRateIndex] = (0, import_react28.useState)(0);
-  const playTimeout = (0, import_react28.useRef)();
+  const playTimeout = (0, import_react28.useRef)(void 0);
   const audioRef = (0, import_react28.useRef)(null);
   const registerError = (0, import_react28.useCallback)(
     (e2) => {
@@ -20378,19 +20739,22 @@ var ModalGallery = (props) => {
         source: imageSrc
       };
     }),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [images]
+    [images, t2]
   );
-  return /* @__PURE__ */ import_react39.default.createElement(
-    import_react_image_gallery.default,
-    {
-      items: formattedArray,
-      renderItem,
-      showIndex: true,
-      showPlayButton: false,
-      showThumbnails: false,
-      startIndex: index3
-    }
+  return (
+    // ignore the TS error as react-image-gallery was on @types/react@18 while stream-chat-react being upgraded to React 19 (https://github.com/xiaolin/react-image-gallery/issues/809)
+    // @ts-expect-error
+    /* @__PURE__ */ import_react39.default.createElement(
+      import_react_image_gallery.default,
+      {
+        items: formattedArray,
+        renderItem,
+        showIndex: true,
+        showPlayButton: false,
+        showThumbnails: false,
+        startIndex: index3
+      }
+    )
   );
 };
 
@@ -20426,7 +20790,11 @@ var UnMemoizedGallery = (props) => {
           backgroundImage: `url(${images[lastImageIndexInPreview].previewUrl || images[lastImageIndexInPreview].image_url || images[lastImageIndexInPreview].thumb_url})`,
           ...image3.style
         },
-        ...innerRefs?.current && { ref: (r) => innerRefs.current[i] = r }
+        ...innerRefs?.current && {
+          ref: (r) => {
+            innerRefs.current[i] = r;
+          }
+        }
       },
       /* @__PURE__ */ import_react40.default.createElement("p", null, t2("{{ imageCount }} more", {
         imageCount: images.length - countImagesDisplayedInPreview
@@ -20446,7 +20814,11 @@ var UnMemoizedGallery = (props) => {
           src: (0, import_sanitize_url2.sanitizeUrl)(image3.previewUrl || image3.image_url || image3.thumb_url),
           style: image3.style,
           title: image3?.fallback || imageFallbackTitle,
-          ...innerRefs?.current && { ref: (r) => innerRefs.current[i] = r }
+          ...innerRefs?.current && {
+            ref: (r) => {
+              innerRefs.current[i] = r;
+            }
+          }
         }
       )
     )
@@ -22421,7 +22793,7 @@ function base() {
   processor.stringify = stringify3;
   processor.run = run;
   processor.runSync = runSync;
-  processor.process = process;
+  processor.process = process2;
   processor.processSync = processSync;
   return processor;
   function processor() {
@@ -22598,7 +22970,7 @@ function base() {
       complete = true;
     }
   }
-  function process(doc, callback) {
+  function process2(doc, callback) {
     processor.freeze();
     assertParser("process", processor.Parser);
     assertCompiler("process", processor.Compiler);
@@ -29962,7 +30334,7 @@ function rehypeFilter(options) {
 
 // node_modules/react-markdown/lib/ast-to-react.js
 var import_react48 = __toESM(require("react"), 1);
-var import_react_is = __toESM(require("react-is"), 1);
+var import_react_is = __toESM(require_react_is(), 1);
 
 // node_modules/hast-util-whitespace/index.js
 function whitespace(thing) {
@@ -33181,11 +33553,9 @@ var import_react62 = __toESM(require("react"));
 var import_prop_types2 = __toESM(require("prop-types"));
 var import_react_textarea_autosize = __toESM(require("react-textarea-autosize"));
 var import_textarea_caret = __toESM(require("textarea-caret"));
-var import_react_is3 = require("react-is");
 var import_clsx17 = __toESM(require("clsx"));
 
 // src/components/AutoCompleteTextarea/utils.js
-var import_react_is2 = require("react-is");
 var DEFAULT_CARET_POSITION = "next";
 function defaultScrollToItem(container, item2) {
   if (!item2) return;
@@ -33212,10 +33582,7 @@ var triggerPropsCheck = ({ trigger }) => {
       return Error("Invalid prop trigger. Keys of the object has to be string / one character.");
     }
     const triggerSetting = settings;
-    const { callback, component, dataProvider, output } = triggerSetting;
-    if (!(0, import_react_is2.isValidElementType)(component)) {
-      return Error("Invalid prop trigger: component should be defined.");
-    }
+    const { callback, dataProvider, output } = triggerSetting;
     if (!dataProvider || typeof dataProvider !== "function") {
       return Error("Invalid prop trigger: dataProvider should be defined.");
     }
@@ -33748,9 +34115,6 @@ See https://github.com/webscopeio/react-textarea-autocomplete#trigger-type for m
         if (!Array.isArray(data)) {
           throw new Error("Trigger provider has to provide an array!");
         }
-        if (!(0, import_react_is3.isValidElementType)(component)) {
-          throw new Error("Component should be defined!");
-        }
         if (currentTrigger !== this.state.currentTrigger) return;
         if (!data.length) {
           this._closeAutocomplete();
@@ -34135,7 +34499,7 @@ ReactTextareaAutocomplete.propTypes = {
 };
 
 // src/components/Channel/Channel.tsx
-var import_react258 = __toESM(require("react"));
+var import_react259 = __toESM(require("react"));
 var import_lodash23 = __toESM(require("lodash.debounce"));
 var import_lodash24 = __toESM(require("lodash.defaultsdeep"));
 var import_lodash25 = __toESM(require("lodash.throttle"));
@@ -34143,7 +34507,7 @@ var import_nanoid11 = require("nanoid");
 var import_clsx64 = __toESM(require("clsx"));
 
 // src/components/Channel/channelState.ts
-var channelReducer = (state, action) => {
+var makeChannelReducer = () => (state, action) => {
   switch (action.type) {
     case "closeThread": {
       return {
@@ -38019,13 +38383,13 @@ var useMessageInputText = (props, state, dispatch, findAndEnqueueURLsToEnrich) =
   const { channel } = useChannelStateContext("useMessageInputText");
   const { additionalTextareaProps, focus, parent, publishTypingEvent = true } = props;
   const { text: text6 } = state;
-  const textareaRef = (0, import_react75.useRef)();
+  const textareaRef = (0, import_react75.useRef)(void 0);
   (0, import_react75.useEffect)(() => {
     if (focus && textareaRef.current) {
       textareaRef.current.focus();
     }
   }, [focus]);
-  const newCursorPosition = (0, import_react75.useRef)();
+  const newCursorPosition = (0, import_react75.useRef)(void 0);
   const insertText = (0, import_react75.useCallback)(
     (textToInsert) => {
       const { maxLength } = additionalTextareaProps || {};
@@ -40035,7 +40399,7 @@ var usePaginatedChannels = (client, filters, sort, options, activeChannelHandler
   } = useChatContext("usePaginatedChannels");
   const [channels, setChannels] = (0, import_react90.useState)([]);
   const [hasNextPage, setHasNextPage] = (0, import_react90.useState)(true);
-  const lastRecoveryTimestamp = (0, import_react90.useRef)();
+  const lastRecoveryTimestamp = (0, import_react90.useRef)(void 0);
   const recoveryThrottleInterval = recoveryThrottleIntervalMs < MIN_RECOVER_LOADED_CHANNELS_THROTTLE_INTERVAL_IN_MS ? MIN_RECOVER_LOADED_CHANNELS_THROTTLE_INTERVAL_IN_MS : recoveryThrottleIntervalMs ?? RECOVER_LOADED_CHANNELS_THROTTLE_INTERVAL_IN_MS;
   const filterString = (0, import_react90.useMemo)(() => JSON.stringify(filters), [filters]);
   const sortString = (0, import_react90.useMemo)(() => JSON.stringify(sort), [sort]);
@@ -40137,7 +40501,7 @@ var useChannelSearch = ({
   const [query, setQuery] = (0, import_react91.useState)("");
   const [results, setResults] = (0, import_react91.useState)([]);
   const [searching, setSearching] = (0, import_react91.useState)(false);
-  const searchQueryPromiseInProgress = (0, import_react91.useRef)();
+  const searchQueryPromiseInProgress = (0, import_react91.useRef)(void 0);
   const shouldIgnoreQueryResults = (0, import_react91.useRef)(false);
   const inputRef = (0, import_react91.useRef)(null);
   const searchBarRef = (0, import_react91.useRef)(null);
@@ -41164,8 +41528,8 @@ var usePrepareShapeHandlers = ({
   sort
 }) => {
   const defaults = useChannelListShapeDefaults();
-  const defaultHandleChannelListShapeRef = (0, import_react101.useRef)();
-  const customHandleChannelListShapeRef = (0, import_react101.useRef)();
+  const defaultHandleChannelListShapeRef = (0, import_react101.useRef)(void 0);
+  const customHandleChannelListShapeRef = (0, import_react101.useRef)(void 0);
   customHandleChannelListShapeRef.current = (event) => {
     customHandleChannelListShape?.({ defaults, event, setChannels });
   };
@@ -45802,7 +46166,7 @@ var import_react194 = __toESM(require("react"));
 var import_react193 = require("react");
 var useTimeElapsed = ({ startOnMount } = {}) => {
   const [secondsElapsed, setSecondsElapsed] = (0, import_react193.useState)(0);
-  const updateInterval = (0, import_react193.useRef)();
+  const updateInterval = (0, import_react193.useRef)(void 0);
   const startCounter = (0, import_react193.useCallback)(() => {
     if (updateInterval.current) return;
     updateInterval.current = setInterval(() => {
@@ -48027,7 +48391,7 @@ function useMessageListScrollManager(params) {
     offsetHeight: 0,
     scrollHeight: 0
   });
-  const messages = (0, import_react231.useRef)();
+  const messages = (0, import_react231.useRef)(void 0);
   const scrollTop = (0, import_react231.useRef)(0);
   (0, import_react231.useLayoutEffect)(() => {
     const prevMeasures = measures.current;
@@ -48235,25 +48599,26 @@ var useUnreadMessagesNotification = ({
 
 // src/components/MessageList/hooks/useMarkRead.ts
 var import_react236 = require("react");
+var hasReadLastMessage = (channel, userId) => {
+  const latestMessageIdInChannel = channel.state.latestMessages.slice(-1)[0]?.id;
+  const lastReadMessageIdServer = channel.state.read[userId]?.last_read_message_id;
+  return latestMessageIdInChannel === lastReadMessageIdServer;
+};
 var useMarkRead = ({
   isMessageListScrolledToBottom,
   messageListIsThread,
-  unreadCount,
   wasMarkedUnread
 }) => {
   const { client } = useChatContext("useMarkRead");
   const { markRead, setChannelUnreadUiState } = useChannelActionContext("useMarkRead");
   const { channel } = useChannelStateContext("useMarkRead");
-  const previousRenderMessageListScrolledToBottom = (0, import_react236.useRef)(isMessageListScrolledToBottom);
   (0, import_react236.useEffect)(() => {
-    const shouldMarkRead = (unreadMessages) => !document.hidden && !wasMarkedUnread && !messageListIsThread && isMessageListScrolledToBottom && unreadMessages > 0;
+    const shouldMarkRead = () => !document.hidden && !wasMarkedUnread && !messageListIsThread && isMessageListScrolledToBottom && client.user?.id && !hasReadLastMessage(channel, client.user.id);
     const onVisibilityChange = () => {
-      if (shouldMarkRead(channel.countUnread())) markRead();
+      if (shouldMarkRead()) markRead();
     };
     const handleMessageNew = (event) => {
-      const isOwnMessage = event.user?.id && event.user.id === client.user?.id;
       const mainChannelUpdated = !event.message?.parent_id || event.message?.show_in_channel;
-      if (isOwnMessage) return;
       if (!isMessageListScrolledToBottom || wasMarkedUnread || document.hidden) {
         setChannelUnreadUiState((prev) => {
           const previousUnreadCount = prev?.unread_messages ?? 0;
@@ -48268,15 +48633,15 @@ var useMarkRead = ({
             unread_messages: previousUnreadCount + 1
           };
         });
-      } else if (mainChannelUpdated && shouldMarkRead(channel.countUnread())) {
+      } else if (mainChannelUpdated && shouldMarkRead()) {
         markRead();
       }
     };
     channel.on("message.new", handleMessageNew);
     document.addEventListener("visibilitychange", onVisibilityChange);
-    const hasScrolledToBottom = previousRenderMessageListScrolledToBottom.current !== isMessageListScrolledToBottom && isMessageListScrolledToBottom;
-    if (hasScrolledToBottom && shouldMarkRead(channel.countUnread())) markRead();
-    previousRenderMessageListScrolledToBottom.current = isMessageListScrolledToBottom;
+    if (shouldMarkRead()) {
+      markRead();
+    }
     return () => {
       channel.off("message.new", handleMessageNew);
       document.removeEventListener("visibilitychange", onVisibilityChange);
@@ -48288,7 +48653,6 @@ var useMarkRead = ({
     markRead,
     messageListIsThread,
     setChannelUnreadUiState,
-    unreadCount,
     wasMarkedUnread
   ]);
 };
@@ -48432,10 +48796,10 @@ var InfiniteScroll = (props) => {
   const loadPreviousPageFn = loadPreviousPage || loadMore;
   const hasNextPageFlag = hasNextPage || hasMoreNewer;
   const hasPreviousPageFlag = hasPreviousPage || hasMore;
-  const scrollComponent = (0, import_react241.useRef)();
-  const previousOffset = (0, import_react241.useRef)();
-  const previousReverseOffset = (0, import_react241.useRef)();
-  const scrollListenerRef = (0, import_react241.useRef)();
+  const scrollComponent = (0, import_react241.useRef)(void 0);
+  const previousOffset = (0, import_react241.useRef)(void 0);
+  const previousReverseOffset = (0, import_react241.useRef)(void 0);
+  const scrollListenerRef = (0, import_react241.useRef)(void 0);
   scrollListenerRef.current = () => {
     const element4 = scrollComponent.current;
     if (!element4 || element4.offsetParent === null) {
@@ -48841,7 +49205,6 @@ var MessageListWithContext = (props) => {
   useMarkRead({
     isMessageListScrolledToBottom,
     messageListIsThread: threadList,
-    unreadCount: channelUnreadUiState?.unread_messages ?? 0,
     wasMarkedUnread: !!channelUnreadUiState?.first_unread_message_id
   });
   const { messageGroupStyles, messages: enrichedMessages } = useEnrichedMessages({
@@ -49059,7 +49422,7 @@ var ScrollToBottomButton = import_react248.default.memo(
 );
 
 // src/components/MessageList/VirtualizedMessageList.tsx
-var import_react257 = __toESM(require("react"));
+var import_react258 = __toESM(require("react"));
 var import_react_virtuoso3 = require("react-virtuoso");
 
 // src/components/MessageList/hooks/VirtualizedMessageList/useNewMessageNotification.ts
@@ -49103,8 +49466,10 @@ var STATUSES_EXCLUDED_FROM_PREPEND = {
 };
 function usePrependedMessagesCount(messages, hasDateSeparator) {
   const firstRealMessageIndex = hasDateSeparator ? 1 : 0;
-  const firstMessageOnFirstLoadedPage = (0, import_react250.useRef)();
-  const previousFirstMessageOnFirstLoadedPage = (0, import_react250.useRef)();
+  const firstMessageOnFirstLoadedPage = (0, import_react250.useRef)(void 0);
+  const previousFirstMessageOnFirstLoadedPage = (0, import_react250.useRef)(
+    void 0
+  );
   const previousNumItemsPrepended = (0, import_react250.useRef)(0);
   const numItemsPrepended = (0, import_react250.useMemo)(() => {
     if (!messages || !messages.length) {
@@ -49186,7 +49551,7 @@ var useMessageSetKey = ({
   messages
 }) => {
   const [messageSetKey, setMessageSetKey] = (0, import_react253.useState)(+/* @__PURE__ */ new Date());
-  const firstMessageId = (0, import_react253.useRef)();
+  const firstMessageId = (0, import_react253.useRef)(void 0);
   (0, import_react253.useEffect)(() => {
     const continuousSet = messages?.find((message) => message.id === firstMessageId.current);
     if (!continuousSet) {
@@ -49207,7 +49572,7 @@ var useScrollToBottomOnNewMessage = ({
   scrollToLatestMessageOnFocus
 }) => {
   const [newMessagesReceivedInBackground, setNewMessagesReceivedInBackground] = (0, import_react254.useState)(false);
-  const scrollToBottomIfConfigured = (0, import_react254.useRef)();
+  const scrollToBottomIfConfigured = (0, import_react254.useRef)(void 0);
   scrollToBottomIfConfigured.current = (event) => {
     if (!scrollToLatestMessageOnFocus || !newMessagesReceivedInBackground || event.target !== window) {
       return;
@@ -49397,6 +49762,14 @@ var messageRenderer = (virtuosoIndex, _data, virtuosoContext) => {
   ));
 };
 
+// src/context/VirtualizedMessageListContext.tsx
+var import_react257 = __toESM(require("react"));
+var VirtualizedMessageListContext = (0, import_react257.createContext)(void 0);
+var VirtualizedMessageListContextProvider = ({
+  children,
+  value
+}) => /* @__PURE__ */ import_react257.default.createElement(VirtualizedMessageListContext.Provider, { value }, children);
+
 // src/components/MessageList/VirtualizedMessageList.tsx
 function captureResizeObserverExceededError(e2) {
   if (e2.message === "ResizeObserver loop completed with undelivered notifications." || e2.message === "ResizeObserver loop limit exceeded") {
@@ -49404,7 +49777,7 @@ function captureResizeObserverExceededError(e2) {
   }
 }
 function useCaptureResizeObserverExceededError() {
-  (0, import_react257.useEffect)(() => {
+  (0, import_react258.useEffect)(() => {
     window.addEventListener("error", captureResizeObserverExceededError);
     return () => {
       window.removeEventListener("error", captureResizeObserverExceededError);
@@ -49491,8 +49864,8 @@ var VirtualizedMessageListWithContext = (props) => {
   } = useComponentContext("VirtualizedMessageList");
   const MessageUIComponent = MessageUIComponentFromProps || MessageUIComponentFromContext;
   const { client, customClasses } = useChatContext("VirtualizedMessageList");
-  const virtuoso = (0, import_react257.useRef)(null);
-  const lastRead = (0, import_react257.useMemo)(() => channel.lastRead?.(), [channel]);
+  const virtuoso = (0, import_react258.useRef)(null);
+  const lastRead = (0, import_react258.useMemo)(() => channel.lastRead?.(), [channel]);
   const {
     show: showUnreadMessagesNotification,
     toggleShowUnreadMessagesNotification
@@ -49504,7 +49877,7 @@ var VirtualizedMessageListWithContext = (props) => {
   const { giphyPreviewMessage, setGiphyPreviewMessage } = useGiphyPreview(
     separateGiphyPreview
   );
-  const processedMessages = (0, import_react257.useMemo)(() => {
+  const processedMessages = (0, import_react258.useMemo)(() => {
     if (typeof messages === "undefined") {
       return [];
     }
@@ -49536,11 +49909,11 @@ var VirtualizedMessageListWithContext = (props) => {
     returnAllReadData,
     userID: client.userID
   });
-  const lastReceivedMessageId = (0, import_react257.useMemo)(() => getLastReceived(processedMessages), [
+  const lastReceivedMessageId = (0, import_react258.useMemo)(() => getLastReceived(processedMessages), [
     processedMessages
   ]);
   const groupStylesFn = groupStyles || getGroupStyles;
-  const messageGroupStyles = (0, import_react257.useMemo)(
+  const messageGroupStyles = (0, import_react258.useMemo)(
     () => processedMessages.reduce((acc, message, i) => {
       const style = groupStylesFn(
         message,
@@ -49566,10 +49939,9 @@ var VirtualizedMessageListWithContext = (props) => {
   useMarkRead({
     isMessageListScrolledToBottom,
     messageListIsThread: !!threadList,
-    unreadCount: channelUnreadUiState?.unread_messages ?? 0,
     wasMarkedUnread: !!channelUnreadUiState?.first_unread_message_id
   });
-  const scrollToBottom = (0, import_react257.useCallback)(async () => {
+  const scrollToBottom = (0, import_react258.useCallback)(async () => {
     if (hasMoreNewer) {
       await jumpToLatestMessage();
       return;
@@ -49591,7 +49963,7 @@ var VirtualizedMessageListWithContext = (props) => {
   const numItemsPrepended = usePrependedMessagesCount(processedMessages, !disableDateSeparator);
   const { messageSetKey } = useMessageSetKey({ messages });
   const shouldForceScrollToBottom = useShouldForceScrollToBottom(processedMessages, client.userID);
-  const handleItemsRendered = (0, import_react257.useMemo)(
+  const handleItemsRendered = (0, import_react258.useMemo)(
     () => makeItemsRenderedHandler([toggleShowUnreadMessagesNotification], processedMessages),
     [processedMessages, toggleShowUnreadMessagesNotification]
   );
@@ -49604,7 +49976,7 @@ var VirtualizedMessageListWithContext = (props) => {
     }
     return isAtBottom ? stickToBottomScrollBehavior : false;
   };
-  const computeItemKey2 = (0, import_react257.useCallback)(
+  const computeItemKey2 = (0, import_react258.useCallback)(
     (index3, _, { numItemsPrepended: numItemsPrepended2, processedMessages: processedMessages2 }) => processedMessages2[calculateItemIndex(index3, numItemsPrepended2)].id,
     []
   );
@@ -49621,7 +49993,7 @@ var VirtualizedMessageListWithContext = (props) => {
       loadMore?.(messageLimit);
     }
   };
-  (0, import_react257.useEffect)(() => {
+  (0, import_react258.useEffect)(() => {
     let scrollTimeout;
     if (highlightedMessageId) {
       const index3 = findMessageIndex(processedMessages, highlightedMessageId);
@@ -49637,7 +50009,7 @@ var VirtualizedMessageListWithContext = (props) => {
   }, [highlightedMessageId, processedMessages]);
   if (!processedMessages) return null;
   const dialogManagerId = threadList ? "virtualized-message-list-dialog-manager-thread" : "virtualized-message-list-dialog-manager";
-  return /* @__PURE__ */ import_react257.default.createElement(import_react257.default.Fragment, null, /* @__PURE__ */ import_react257.default.createElement(MessageListMainPanel2, null, /* @__PURE__ */ import_react257.default.createElement(DialogManagerProvider, { id: dialogManagerId }, !threadList && showUnreadMessagesNotification && /* @__PURE__ */ import_react257.default.createElement(UnreadMessagesNotification2, { unreadCount: channelUnreadUiState?.unread_messages }), /* @__PURE__ */ import_react257.default.createElement("div", { className: customClasses?.virtualizedMessageList || "str-chat__virtual-list" }, /* @__PURE__ */ import_react257.default.createElement(
+  return /* @__PURE__ */ import_react258.default.createElement(VirtualizedMessageListContextProvider, { value: { scrollToBottom } }, /* @__PURE__ */ import_react258.default.createElement(MessageListMainPanel2, null, /* @__PURE__ */ import_react258.default.createElement(DialogManagerProvider, { id: dialogManagerId }, !threadList && showUnreadMessagesNotification && /* @__PURE__ */ import_react258.default.createElement(UnreadMessagesNotification2, { unreadCount: channelUnreadUiState?.unread_messages }), /* @__PURE__ */ import_react258.default.createElement("div", { className: customClasses?.virtualizedMessageList || "str-chat__virtual-list" }, /* @__PURE__ */ import_react258.default.createElement(
     import_react_virtuoso3.Virtuoso,
     {
       atBottomStateChange,
@@ -49702,7 +50074,7 @@ var VirtualizedMessageListWithContext = (props) => {
       ...scrollSeekPlaceHolder ? { scrollSeek: scrollSeekPlaceHolder } : {},
       ...defaultItemHeight ? { defaultItemHeight } : {}
     }
-  ))), TypingIndicator2 && /* @__PURE__ */ import_react257.default.createElement(TypingIndicator2, null)), /* @__PURE__ */ import_react257.default.createElement(
+  ))), TypingIndicator2 && /* @__PURE__ */ import_react258.default.createElement(TypingIndicator2, null)), /* @__PURE__ */ import_react258.default.createElement(
     MessageListNotifications2,
     {
       hasNewMessages: newMessagesNotification,
@@ -49714,7 +50086,7 @@ var VirtualizedMessageListWithContext = (props) => {
       threadList,
       unreadCount: threadList ? void 0 : channelUnreadUiState?.unread_messages
     }
-  ), giphyPreviewMessage && /* @__PURE__ */ import_react257.default.createElement(GiphyPreviewMessage2, { message: giphyPreviewMessage }));
+  ), giphyPreviewMessage && /* @__PURE__ */ import_react258.default.createElement(GiphyPreviewMessage2, { message: giphyPreviewMessage }));
 };
 function VirtualizedMessageList(props) {
   const {
@@ -49736,7 +50108,7 @@ function VirtualizedMessageList(props) {
     suppressAutoscroll
   } = useChannelStateContext("VirtualizedMessageList");
   const messages = props.messages || contextMessages;
-  return /* @__PURE__ */ import_react257.default.createElement(
+  return /* @__PURE__ */ import_react258.default.createElement(
     VirtualizedMessageListWithContext,
     {
       channel,
@@ -49927,7 +50299,7 @@ var ChannelContainer = ({
     customClasses
   });
   const className = (0, import_clsx64.default)(chatClass, theme, channelClass, additionalClassName);
-  return /* @__PURE__ */ import_react258.default.createElement("div", { id: CHANNEL_CONTAINER_ID, ...props, className }, children);
+  return /* @__PURE__ */ import_react259.default.createElement("div", { id: CHANNEL_CONTAINER_ID, ...props, className }, children);
 };
 var UnMemoizedChannel = (props) => {
   const {
@@ -49941,15 +50313,15 @@ var UnMemoizedChannel = (props) => {
   );
   const channel = propsChannel || contextChannel;
   if (channelsQueryState.queryInProgress === "reload" && LoadingIndicator2) {
-    return /* @__PURE__ */ import_react258.default.createElement(ChannelContainer, null, /* @__PURE__ */ import_react258.default.createElement(LoadingIndicator2, null));
+    return /* @__PURE__ */ import_react259.default.createElement(ChannelContainer, null, /* @__PURE__ */ import_react259.default.createElement(LoadingIndicator2, null));
   }
   if (channelsQueryState.error && LoadingErrorIndicator2) {
-    return /* @__PURE__ */ import_react258.default.createElement(ChannelContainer, null, /* @__PURE__ */ import_react258.default.createElement(LoadingErrorIndicator2, { error: channelsQueryState.error }));
+    return /* @__PURE__ */ import_react259.default.createElement(ChannelContainer, null, /* @__PURE__ */ import_react259.default.createElement(LoadingErrorIndicator2, { error: channelsQueryState.error }));
   }
   if (!channel?.cid) {
-    return /* @__PURE__ */ import_react258.default.createElement(ChannelContainer, null, EmptyPlaceholder2);
+    return /* @__PURE__ */ import_react259.default.createElement(ChannelContainer, null, EmptyPlaceholder2);
   }
-  return /* @__PURE__ */ import_react258.default.createElement(ChannelInner, { ...props, channel, key: channel.cid });
+  return /* @__PURE__ */ import_react259.default.createElement(ChannelInner, { ...props, channel, key: channel.cid });
 };
 var ChannelInner = (props) => {
   const {
@@ -49975,7 +50347,7 @@ var ChannelInner = (props) => {
     optionalMessageInputProps = {},
     skipMessageDataMemoization
   } = props;
-  const channelQueryOptions = (0, import_react258.useMemo)(
+  const channelQueryOptions = (0, import_react259.useMemo)(
     () => (0, import_lodash24.default)(propChannelQueryOptions, {
       messages: { limit: DEFAULT_INITIAL_CHANNEL_PAGE_SIZE }
     }),
@@ -49991,12 +50363,13 @@ var ChannelInner = (props) => {
   const chatContainerClass = getChatContainerClass(customClasses?.chatContainer);
   const windowsEmojiClass = useImageFlagEmojisOnWindowsClass();
   const thread = useThreadContext();
-  const [channelConfig, setChannelConfig] = (0, import_react258.useState)(channel.getConfig());
-  const [notifications, setNotifications] = (0, import_react258.useState)([]);
-  const [quotedMessage, setQuotedMessage] = (0, import_react258.useState)();
-  const [channelUnreadUiState, _setChannelUnreadUiState] = (0, import_react258.useState)();
-  const notificationTimeouts = (0, import_react258.useRef)([]);
-  const [state, dispatch] = (0, import_react258.useReducer)(
+  const [channelConfig, setChannelConfig] = (0, import_react259.useState)(channel.getConfig());
+  const [notifications, setNotifications] = (0, import_react259.useState)([]);
+  const [quotedMessage, setQuotedMessage] = (0, import_react259.useState)();
+  const [channelUnreadUiState, _setChannelUnreadUiState] = (0, import_react259.useState)();
+  const notificationTimeouts = (0, import_react259.useRef)([]);
+  const channelReducer = (0, import_react259.useMemo)(() => makeChannelReducer(), []);
+  const [state, dispatch] = (0, import_react259.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
@@ -50007,9 +50380,9 @@ var ChannelInner = (props) => {
     }
   );
   const isMounted = useIsMounted();
-  const originalTitle = (0, import_react258.useRef)("");
-  const lastRead = (0, import_react258.useRef)();
-  const online = (0, import_react258.useRef)(true);
+  const originalTitle = (0, import_react259.useRef)("");
+  const lastRead = (0, import_react259.useRef)(void 0);
+  const online = (0, import_react259.useRef)(true);
   const channelCapabilitiesArray = channel.data?.own_capabilities;
   const throttledCopyStateFromChannel = (0, import_lodash25.default)(
     () => dispatch({ channel, type: "copyStateFromChannelOnEvent" }),
@@ -50019,14 +50392,14 @@ var ChannelInner = (props) => {
       trailing: true
     }
   );
-  const setChannelUnreadUiState = (0, import_react258.useMemo)(
+  const setChannelUnreadUiState = (0, import_react259.useMemo)(
     () => (0, import_lodash25.default)(_setChannelUnreadUiState, 200, {
       leading: true,
       trailing: false
     }),
     []
   );
-  const markRead = (0, import_react258.useMemo)(
+  const markRead = (0, import_react259.useMemo)(
     () => (0, import_lodash25.default)(
       async (options) => {
         const { updateChannelUiUnreadState = true } = options ?? {};
@@ -50121,7 +50494,7 @@ var ChannelInner = (props) => {
     }
     throttledCopyStateFromChannel();
   };
-  (0, import_react258.useLayoutEffect)(() => {
+  (0, import_react259.useLayoutEffect)(() => {
     let errored = false;
     let done = false;
     (async () => {
@@ -50187,16 +50560,16 @@ var ChannelInner = (props) => {
     channelConfig?.read_events,
     initializeOnMount
   ]);
-  (0, import_react258.useEffect)(() => {
+  (0, import_react259.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 addNotification = (0, import_react258.useMemo)(
+  const addNotification = (0, import_react259.useMemo)(
     () => makeAddNotifications(setNotifications, notificationTimeouts.current),
     []
   );
-  const loadMoreFinished = (0, import_react258.useCallback)(
+  const loadMoreFinished = (0, import_react259.useCallback)(
     (0, import_lodash23.default)(
       (hasMore, messages) => {
         if (!isMounted.current) return;
@@ -50257,8 +50630,8 @@ var ChannelInner = (props) => {
     });
     return queryResponse.messages.length;
   };
-  const clearHighlightedMessageTimeoutId = (0, import_react258.useRef)(null);
-  const jumpToMessage = (0, import_react258.useCallback)(
+  const clearHighlightedMessageTimeoutId = (0, import_react259.useRef)(null);
+  const jumpToMessage = (0, import_react259.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);
@@ -50278,14 +50651,14 @@ var ChannelInner = (props) => {
     },
     [channel, loadMoreFinished]
   );
-  const jumpToLatestMessage = (0, import_react258.useCallback)(async () => {
+  const jumpToLatestMessage = (0, import_react259.useCallback)(async () => {
     await channel.state.loadMessageIntoState("latest");
     loadMoreFinished(channel.state.messagePagination.hasPrev, channel.state.messages);
     dispatch({
       type: "jumpToLatestMessage"
     });
   }, [channel, loadMoreFinished]);
-  const jumpToFirstUnreadMessage = (0, import_react258.useCallback)(
+  const jumpToFirstUnreadMessage = (0, import_react259.useCallback)(
     async (queryMessageLimit = DEFAULT_JUMP_TO_PAGE_SIZE, highlightDuration = DEFAULT_HIGHLIGHT_DURATION) => {
       if (!channelUnreadUiState?.unread_messages) return;
       let lastReadMessageId = channelUnreadUiState?.last_read_message_id;
@@ -50390,7 +50763,7 @@ var ChannelInner = (props) => {
     },
     [addNotification, channel, loadMoreFinished, t2, channelUnreadUiState]
   );
-  const deleteMessage = (0, import_react258.useCallback)(
+  const deleteMessage = (0, import_react259.useCallback)(
     async (message) => {
       if (!message?.id) {
         throw new Error("Cannot delete a message - missing message ID.");
@@ -50539,7 +50912,7 @@ var ChannelInner = (props) => {
     event?.preventDefault();
     dispatch({ type: "closeThread" });
   };
-  const loadMoreThreadFinished = (0, import_react258.useCallback)(
+  const loadMoreThreadFinished = (0, import_react259.useCallback)(
     (0, import_lodash23.default)(
       (threadHasMore, threadMessages) => {
         dispatch({
@@ -50600,7 +50973,7 @@ var ChannelInner = (props) => {
     videoAttachmentSizeHandler: props.videoAttachmentSizeHandler || getVideoAttachmentConfiguration,
     watcher_count: state.watcherCount
   });
-  const channelActionContextValue = (0, import_react258.useMemo)(
+  const channelActionContextValue = (0, import_react259.useMemo)(
     () => ({
       addNotification,
       closeThread,
@@ -50641,7 +51014,7 @@ var ChannelInner = (props) => {
       setChannelUnreadUiState
     ]
   );
-  const componentContextValue = (0, import_react258.useMemo)(
+  const componentContextValue = (0, import_react259.useMemo)(
     () => ({
       Attachment: props.Attachment,
       AttachmentPreviewList: props.AttachmentPreviewList,
@@ -50769,26 +51142,26 @@ var ChannelInner = (props) => {
     typing
   });
   if (state.error) {
-    return /* @__PURE__ */ import_react258.default.createElement(ChannelContainer, null, /* @__PURE__ */ import_react258.default.createElement(LoadingErrorIndicator2, { error: state.error }));
+    return /* @__PURE__ */ import_react259.default.createElement(ChannelContainer, null, /* @__PURE__ */ import_react259.default.createElement(LoadingErrorIndicator2, { error: state.error }));
   }
   if (state.loading) {
-    return /* @__PURE__ */ import_react258.default.createElement(ChannelContainer, null, /* @__PURE__ */ import_react258.default.createElement(LoadingIndicator2, null));
+    return /* @__PURE__ */ import_react259.default.createElement(ChannelContainer, null, /* @__PURE__ */ import_react259.default.createElement(LoadingIndicator2, null));
   }
   if (!channel.watch) {
-    return /* @__PURE__ */ import_react258.default.createElement(ChannelContainer, null, /* @__PURE__ */ import_react258.default.createElement("div", null, t2("Channel Missing")));
+    return /* @__PURE__ */ import_react259.default.createElement(ChannelContainer, null, /* @__PURE__ */ import_react259.default.createElement("div", null, t2("Channel Missing")));
   }
-  return /* @__PURE__ */ import_react258.default.createElement(ChannelContainer, { className: windowsEmojiClass }, /* @__PURE__ */ import_react258.default.createElement(ChannelStateProvider, { value: channelStateContextValue }, /* @__PURE__ */ import_react258.default.createElement(ChannelActionProvider, { value: channelActionContextValue }, /* @__PURE__ */ import_react258.default.createElement(WithComponents, { overrides: componentContextValue }, /* @__PURE__ */ import_react258.default.createElement(TypingProvider, { value: typingContextValue }, /* @__PURE__ */ import_react258.default.createElement("div", { className: `${chatContainerClass}` }, dragAndDropWindow && /* @__PURE__ */ import_react258.default.createElement(DropzoneProvider, { ...optionalMessageInputProps }, children), !dragAndDropWindow && /* @__PURE__ */ import_react258.default.createElement(import_react258.default.Fragment, null, children)))))));
+  return /* @__PURE__ */ import_react259.default.createElement(ChannelContainer, { className: windowsEmojiClass }, /* @__PURE__ */ import_react259.default.createElement(ChannelStateProvider, { value: channelStateContextValue }, /* @__PURE__ */ import_react259.default.createElement(ChannelActionProvider, { value: channelActionContextValue }, /* @__PURE__ */ import_react259.default.createElement(WithComponents, { overrides: componentContextValue }, /* @__PURE__ */ import_react259.default.createElement(TypingProvider, { value: typingContextValue }, /* @__PURE__ */ import_react259.default.createElement("div", { className: `${chatContainerClass}` }, dragAndDropWindow && /* @__PURE__ */ import_react259.default.createElement(DropzoneProvider, { ...optionalMessageInputProps }, children), !dragAndDropWindow && /* @__PURE__ */ import_react259.default.createElement(import_react259.default.Fragment, null, children)))))));
 };
-var Channel = import_react258.default.memo(UnMemoizedChannel);
+var Channel = import_react259.default.memo(UnMemoizedChannel);
 
 // src/components/ChannelHeader/ChannelHeader.tsx
-var import_react260 = __toESM(require("react"));
+var import_react261 = __toESM(require("react"));
 
 // src/components/ChannelHeader/icons.tsx
-var import_react259 = __toESM(require("react"));
+var import_react260 = __toESM(require("react"));
 var MenuIcon2 = ({ title }) => {
   const { t: t2 } = useTranslationContext("MenuIcon");
-  return /* @__PURE__ */ import_react259.default.createElement("svg", { "data-testid": "menu-icon", viewBox: "0 0 448 512", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react259.default.createElement("title", null, title ?? t2("Menu")), /* @__PURE__ */ import_react259.default.createElement(
+  return /* @__PURE__ */ import_react260.default.createElement("svg", { "data-testid": "menu-icon", viewBox: "0 0 448 512", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react260.default.createElement("title", null, title ?? t2("Menu")), /* @__PURE__ */ import_react260.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",
@@ -50815,15 +51188,15 @@ var ChannelHeader = (props) => {
     overrideTitle
   });
   const { member_count, subtitle } = channel?.data || {};
-  return /* @__PURE__ */ import_react260.default.createElement("div", { className: "str-chat__channel-header" }, /* @__PURE__ */ import_react260.default.createElement(
+  return /* @__PURE__ */ import_react261.default.createElement("div", { className: "str-chat__channel-header" }, /* @__PURE__ */ import_react261.default.createElement(
     "button",
     {
       "aria-label": t2("aria/Menu"),
       className: "str-chat__header-hamburger",
       onClick: openMobileNav
     },
-    /* @__PURE__ */ import_react260.default.createElement(MenuIcon3, null)
-  ), /* @__PURE__ */ import_react260.default.createElement(
+    /* @__PURE__ */ import_react261.default.createElement(MenuIcon3, null)
+  ), /* @__PURE__ */ import_react261.default.createElement(
     Avatar2,
     {
       className: "str-chat__avatar--channel-header",
@@ -50831,35 +51204,35 @@ var ChannelHeader = (props) => {
       image: displayImage,
       name: displayTitle
     }
-  ), /* @__PURE__ */ import_react260.default.createElement("div", { className: "str-chat__channel-header-end" }, /* @__PURE__ */ import_react260.default.createElement("p", { className: "str-chat__channel-header-title" }, displayTitle, " ", live && /* @__PURE__ */ import_react260.default.createElement("span", { className: "str-chat__header-livestream-livelabel" }, t2("live"))), subtitle && /* @__PURE__ */ import_react260.default.createElement("p", { className: "str-chat__channel-header-subtitle" }, subtitle), /* @__PURE__ */ import_react260.default.createElement("p", { className: "str-chat__channel-header-info" }, !live && !!member_count && member_count > 0 && /* @__PURE__ */ import_react260.default.createElement(import_react260.default.Fragment, null, t2("{{ memberCount }} members", {
+  ), /* @__PURE__ */ import_react261.default.createElement("div", { className: "str-chat__channel-header-end" }, /* @__PURE__ */ import_react261.default.createElement("p", { className: "str-chat__channel-header-title" }, displayTitle, " ", live && /* @__PURE__ */ import_react261.default.createElement("span", { className: "str-chat__header-livestream-livelabel" }, t2("live"))), subtitle && /* @__PURE__ */ import_react261.default.createElement("p", { className: "str-chat__channel-header-subtitle" }, subtitle), /* @__PURE__ */ import_react261.default.createElement("p", { className: "str-chat__channel-header-info" }, !live && !!member_count && member_count > 0 && /* @__PURE__ */ import_react261.default.createElement(import_react261.default.Fragment, null, t2("{{ memberCount }} members", {
     memberCount: member_count
   }), ",", " "), t2("{{ watcherCount }} online", { watcherCount: watcher_count }))));
 };
 
 // src/components/Chat/Chat.tsx
-var import_react264 = __toESM(require("react"));
+var import_react265 = __toESM(require("react"));
 
 // src/components/Chat/hooks/useChat.ts
-var import_react261 = require("react");
+var import_react262 = require("react");
 var useChat = ({
   client,
   defaultLanguage = "en",
   i18nInstance,
   initialNavOpen
 }) => {
-  const [translators, setTranslators] = (0, import_react261.useState)({
+  const [translators, setTranslators] = (0, import_react262.useState)({
     t: (key) => key,
     tDateTimeParser: defaultDateTimeParser,
     userLanguage: "en"
   });
-  const [channel, setChannel] = (0, import_react261.useState)();
-  const [mutes, setMutes] = (0, import_react261.useState)([]);
-  const [navOpen, setNavOpen] = (0, import_react261.useState)(initialNavOpen);
-  const [latestMessageDatesByChannels, setLatestMessageDatesByChannels] = (0, import_react261.useState)({});
+  const [channel, setChannel] = (0, import_react262.useState)();
+  const [mutes, setMutes] = (0, import_react262.useState)([]);
+  const [navOpen, setNavOpen] = (0, import_react262.useState)(initialNavOpen);
+  const [latestMessageDatesByChannels, setLatestMessageDatesByChannels] = (0, import_react262.useState)({});
   const clientMutes = client.user?.mutes || [];
   const closeMobileNav = () => setNavOpen(false);
   const openMobileNav = () => setTimeout(() => setNavOpen(true), 100);
-  const appSettings = (0, import_react261.useRef)(null);
+  const appSettings = (0, import_react262.useRef)(null);
   const getAppSettings = () => {
     if (appSettings.current) {
       return appSettings.current;
@@ -50867,11 +51240,11 @@ var useChat = ({
     appSettings.current = client.getAppSettings();
     return appSettings.current;
   };
-  (0, import_react261.useEffect)(() => {
+  (0, import_react262.useEffect)(() => {
     if (!client) return;
     const userAgent = client.getUserAgent();
     if (!userAgent.includes("stream-chat-react")) {
-      client.setUserAgent(`stream-chat-react-12.9.0-${userAgent}`);
+      client.setUserAgent(`stream-chat-react-12.10.0-${userAgent}`);
     }
     client.threads.registerSubscriptions();
     client.polls.registerSubscriptions();
@@ -50880,7 +51253,7 @@ var useChat = ({
       client.polls.unregisterSubscriptions();
     };
   }, [client]);
-  (0, import_react261.useEffect)(() => {
+  (0, import_react262.useEffect)(() => {
     setMutes(clientMutes);
     const handleEvent = (event) => {
       setMutes(event.me?.mutes || []);
@@ -50888,7 +51261,7 @@ var useChat = ({
     client.on("notification.mutes_updated", handleEvent);
     return () => client.off("notification.mutes_updated", handleEvent);
   }, [clientMutes?.length]);
-  (0, import_react261.useEffect)(() => {
+  (0, import_react262.useEffect)(() => {
     let userLanguage = client.user?.language;
     if (!userLanguage) {
       const browserLanguage = window.navigator.language.slice(0, 2);
@@ -50905,7 +51278,7 @@ var useChat = ({
       });
     });
   }, [i18nInstance]);
-  const setActiveChannel = (0, import_react261.useCallback)(
+  const setActiveChannel = (0, import_react262.useCallback)(
     async (activeChannel, watchers = {}, event) => {
       if (event && event.preventDefault) event.preventDefault();
       if (activeChannel && Object.keys(watchers).length) {
@@ -50916,7 +51289,7 @@ var useChat = ({
     },
     []
   );
-  (0, import_react261.useEffect)(() => {
+  (0, import_react262.useEffect)(() => {
     setLatestMessageDatesByChannels({});
   }, [client.user?.id]);
   return {
@@ -50933,7 +51306,7 @@ var useChat = ({
 };
 
 // src/components/Chat/hooks/useCreateChatContext.ts
-var import_react262 = require("react");
+var import_react263 = require("react");
 var useCreateChatContext = (value) => {
   const {
     channel,
@@ -50957,7 +51330,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_react262.useMemo)(
+  const chatContext = (0, import_react263.useMemo)(
     () => ({
       channel,
       channelsQueryState,
@@ -50990,10 +51363,10 @@ var useCreateChatContext = (value) => {
 };
 
 // src/components/Chat/hooks/useChannelsQueryState.ts
-var import_react263 = require("react");
+var import_react264 = require("react");
 var useChannelsQueryState = () => {
-  const [error, setError] = (0, import_react263.useState)(null);
-  const [queryInProgress, setQueryInProgress] = (0, import_react263.useState)("uninitialized");
+  const [error, setError] = (0, import_react264.useState)(null);
+  const [queryInProgress, setQueryInProgress] = (0, import_react264.useState)("uninitialized");
   return {
     error,
     queryInProgress,
@@ -51044,11 +51417,11 @@ var Chat = (props) => {
     useImageFlagEmojisOnWindows
   });
   if (!translators.t) return null;
-  return /* @__PURE__ */ import_react264.default.createElement(ChatProvider, { value: chatContextValue }, /* @__PURE__ */ import_react264.default.createElement(TranslationProvider, { value: translators }, children));
+  return /* @__PURE__ */ import_react265.default.createElement(ChatProvider, { value: chatContextValue }, /* @__PURE__ */ import_react265.default.createElement(TranslationProvider, { value: translators }, children));
 };
 
 // src/components/Chat/hooks/useCreateChatClient.ts
-var import_react265 = require("react");
+var import_react266 = require("react");
 var import_stream_chat6 = require("stream-chat");
 var useCreateChatClient = ({
   apiKey,
@@ -51056,13 +51429,13 @@ var useCreateChatClient = ({
   tokenOrProvider,
   userData
 }) => {
-  const [chatClient, setChatClient] = (0, import_react265.useState)(null);
-  const [cachedUserData, setCachedUserData] = (0, import_react265.useState)(userData);
+  const [chatClient, setChatClient] = (0, import_react266.useState)(null);
+  const [cachedUserData, setCachedUserData] = (0, import_react266.useState)(userData);
   if (userData.id !== cachedUserData.id) {
     setCachedUserData(userData);
   }
-  const [cachedOptions] = (0, import_react265.useState)(options);
-  (0, import_react265.useEffect)(() => {
+  const [cachedOptions] = (0, import_react266.useState)(options);
+  (0, import_react266.useEffect)(() => {
     const client = new import_stream_chat6.StreamChat(apiKey, void 0, cachedOptions);
     let didUserConnectInterrupt = false;
     const connectionPromise = client.connectUser(cachedUserData, tokenOrProvider).then(() => {
@@ -51080,17 +51453,17 @@ var useCreateChatClient = ({
 };
 
 // src/components/Thread/Thread.tsx
-var import_react270 = __toESM(require("react"));
+var import_react271 = __toESM(require("react"));
 var import_clsx65 = __toESM(require("clsx"));
 
 // src/components/Thread/ThreadHeader.tsx
-var import_react267 = __toESM(require("react"));
+var import_react268 = __toESM(require("react"));
 
 // src/components/Thread/icons.tsx
-var import_react266 = __toESM(require("react"));
+var import_react267 = __toESM(require("react"));
 var CloseIcon3 = ({ title }) => {
   const { t: t2 } = useTranslationContext("CloseIcon");
-  return /* @__PURE__ */ import_react266.default.createElement(
+  return /* @__PURE__ */ import_react267.default.createElement(
     "svg",
     {
       "data-testid": "close-no-outline",
@@ -51098,8 +51471,8 @@ var CloseIcon3 = ({ title }) => {
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__PURE__ */ import_react266.default.createElement("title", null, title ?? t2("Close")),
-    /* @__PURE__ */ import_react266.default.createElement(
+    /* @__PURE__ */ import_react267.default.createElement("title", null, title ?? t2("Close")),
+    /* @__PURE__ */ import_react267.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",
@@ -51119,7 +51492,7 @@ var ThreadHeader = (props) => {
     overrideImage,
     overrideTitle
   });
-  return /* @__PURE__ */ import_react267.default.createElement("div", { className: "str-chat__thread-header" }, /* @__PURE__ */ import_react267.default.createElement("div", { className: "str-chat__thread-header-details" }, /* @__PURE__ */ import_react267.default.createElement("div", { className: "str-chat__thread-header-title" }, t2("Thread")), /* @__PURE__ */ import_react267.default.createElement("div", { className: "str-chat__thread-header-subtitle" }, displayTitle)), /* @__PURE__ */ import_react267.default.createElement(
+  return /* @__PURE__ */ import_react268.default.createElement("div", { className: "str-chat__thread-header" }, /* @__PURE__ */ import_react268.default.createElement("div", { className: "str-chat__thread-header-details" }, /* @__PURE__ */ import_react268.default.createElement("div", { className: "str-chat__thread-header-title" }, t2("Thread")), /* @__PURE__ */ import_react268.default.createElement("div", { className: "str-chat__thread-header-subtitle" }, displayTitle)), /* @__PURE__ */ import_react268.default.createElement(
     "button",
     {
       "aria-label": t2("aria/Close thread"),
@@ -51127,20 +51500,20 @@ var ThreadHeader = (props) => {
       "data-testid": "close-button",
       onClick: closeThread
     },
-    /* @__PURE__ */ import_react267.default.createElement(CloseIcon3, null)
+    /* @__PURE__ */ import_react268.default.createElement(CloseIcon3, null)
   ));
 };
 
 // src/components/Thread/ThreadHead.tsx
-var import_react269 = __toESM(require("react"));
+var import_react270 = __toESM(require("react"));
 
 // src/components/Thread/ThreadStart.tsx
-var import_react268 = __toESM(require("react"));
+var import_react269 = __toESM(require("react"));
 var ThreadStart = () => {
   const { thread } = useChannelStateContext("ThreadStart");
   const { t: t2 } = useTranslationContext("ThreadStart");
   if (!thread?.reply_count) return null;
-  return /* @__PURE__ */ import_react268.default.createElement("div", { className: "str-chat__thread-start" }, t2("replyCount", { count: thread.reply_count }));
+  return /* @__PURE__ */ import_react269.default.createElement("div", { className: "str-chat__thread-start" }, t2("replyCount", { count: thread.reply_count }));
 };
 
 // src/components/Thread/ThreadHead.tsx
@@ -51148,7 +51521,7 @@ var ThreadHead = (props) => {
   const { ThreadStart: ThreadStart2 = ThreadStart } = useComponentContext(
     "ThreadHead"
   );
-  return /* @__PURE__ */ import_react269.default.createElement("div", { className: "str-chat__parent-message-li" }, /* @__PURE__ */ import_react269.default.createElement(Message, { initialMessage: true, threadList: true, ...props }), /* @__PURE__ */ import_react269.default.createElement(ThreadStart2, null));
+  return /* @__PURE__ */ import_react270.default.createElement("div", { className: "str-chat__parent-message-li" }, /* @__PURE__ */ import_react270.default.createElement(Message, { initialMessage: true, threadList: true, ...props }), /* @__PURE__ */ import_react270.default.createElement(ThreadStart2, null));
 };
 
 // src/components/Thread/Thread.tsx
@@ -51158,7 +51531,7 @@ var Thread = (props) => {
   if (!thread && !threadInstance || 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_react270.default.createElement(ThreadInner, { ...props, key: `thread-${(thread ?? threadInstance)?.id}-${channel?.cid}` })
+    /* @__PURE__ */ import_react271.default.createElement(ThreadInner, { ...props, key: `thread-${(thread ?? threadInstance)?.id}-${channel?.cid}` })
   );
 };
 var selector6 = (nextValue) => ({
@@ -51203,7 +51576,7 @@ var ThreadInner = (props) => {
   const FallbackMessage = virtualized && VirtualMessage ? VirtualMessage : ContextMessage;
   const MessageUIComponent = ThreadMessage || FallbackMessage;
   const ThreadMessageList = virtualized ? VirtualizedMessageList : MessageList;
-  (0, import_react270.useEffect)(() => {
+  (0, import_react271.useEffect)(() => {
     if (thread?.id && thread?.reply_count) {
       loadMoreThread();
     }
@@ -51225,7 +51598,7 @@ var ThreadInner = (props) => {
   const threadClass = customClasses?.thread || (0, import_clsx65.default)("str-chat__thread-container str-chat__thread", {
     "str-chat__thread--virtualized": virtualized
   });
-  const head = /* @__PURE__ */ import_react270.default.createElement(
+  const head = /* @__PURE__ */ import_react271.default.createElement(
     ThreadHead2,
     {
       key: messageAsThread.id,
@@ -51234,7 +51607,7 @@ var ThreadInner = (props) => {
       ...additionalParentMessageProps
     }
   );
-  return /* @__PURE__ */ import_react270.default.createElement("div", { className: threadClass }, /* @__PURE__ */ import_react270.default.createElement(ThreadHeader2, { closeThread, thread: messageAsThread }), /* @__PURE__ */ import_react270.default.createElement(
+  return /* @__PURE__ */ import_react271.default.createElement("div", { className: threadClass }, /* @__PURE__ */ import_react271.default.createElement(ThreadHeader2, { closeThread, thread: messageAsThread }), /* @__PURE__ */ import_react271.default.createElement(
     ThreadMessageList,
     {
       disableDateSeparator: !enableDateSeparator,
@@ -51246,7 +51619,7 @@ var ThreadInner = (props) => {
       ...threadProps,
       ...virtualized ? additionalVirtualizedMessageListProps : additionalMessageListProps
     }
-  ), /* @__PURE__ */ import_react270.default.createElement(
+  ), /* @__PURE__ */ import_react271.default.createElement(
     MessageInput,
     {
       focus: autoFocus,
@@ -51260,12 +51633,12 @@ var ThreadInner = (props) => {
 };
 
 // src/components/Window/Window.tsx
-var import_react271 = __toESM(require("react"));
+var import_react272 = __toESM(require("react"));
 var import_clsx66 = __toESM(require("clsx"));
 var UnMemoizedWindow = (props) => {
   const { children, thread: propThread } = props;
   const { thread: contextThread } = useChannelStateContext("Window");
-  return /* @__PURE__ */ import_react271.default.createElement(
+  return /* @__PURE__ */ import_react272.default.createElement(
     "div",
     {
       className: (0, import_clsx66.default)("str-chat__main-panel", {
@@ -51275,7 +51648,7 @@ var UnMemoizedWindow = (props) => {
     children
   );
 };
-var Window = import_react271.default.memo(UnMemoizedWindow);
+var Window = import_react272.default.memo(UnMemoizedWindow);
 /*! Bundled license information:
 
 is-buffer/index.js:
@@ -51285,5 +51658,26 @@ is-buffer/index.js:
    * @author   Feross Aboukhadijeh <https://feross.org>
    * @license  MIT
    *)
+
+react-is/cjs/react-is.development.js:
+  (**
+   * @license React
+   * react-is.development.js
+   *
+   * Copyright (c) Facebook, Inc. and its affiliates.
+   *
+   * This source code is licensed under the MIT license found in the
+   * LICENSE file in the root directory of this source tree.
+   *)
+
+react-is/cjs/react-is.development.js:
+  (** @license React v16.13.1
+   * react-is.development.js
+   *
+   * Copyright (c) Facebook, Inc. and its affiliates.
+   *
+   * This source code is licensed under the MIT license found in the
+   * LICENSE file in the root directory of this source tree.
+   *)
 */
 //# sourceMappingURL=index.browser.cjs.map