stream-chat-react 12.8.2 → 12.10.0

package/dist/index.node.cjs

@@ -416,6 +416,311 @@ var require_extend = __commonJS({
   }
 });
 
+// node_modules/react-markdown/node_modules/react-is/cjs/react-is.production.min.js
+var require_react_is_production_min = __commonJS({
+  "node_modules/react-markdown/node_modules/react-is/cjs/react-is.production.min.js"(exports2) {
+    "use strict";
+    var b = Symbol.for("react.element");
+    var c = Symbol.for("react.portal");
+    var d = Symbol.for("react.fragment");
+    var e2 = Symbol.for("react.strict_mode");
+    var f = Symbol.for("react.profiler");
+    var g = Symbol.for("react.provider");
+    var h2 = Symbol.for("react.context");
+    var k = Symbol.for("react.server_context");
+    var l = Symbol.for("react.forward_ref");
+    var m = Symbol.for("react.suspense");
+    var n = Symbol.for("react.suspense_list");
+    var p = Symbol.for("react.memo");
+    var q = Symbol.for("react.lazy");
+    var t2 = Symbol.for("react.offscreen");
+    var u2;
+    u2 = Symbol.for("react.module.reference");
+    function v(a2) {
+      if ("object" === typeof a2 && null !== a2) {
+        var r = a2.$$typeof;
+        switch (r) {
+          case b:
+            switch (a2 = a2.type, a2) {
+              case d:
+              case f:
+              case e2:
+              case m:
+              case n:
+                return a2;
+              default:
+                switch (a2 = a2 && a2.$$typeof, a2) {
+                  case k:
+                  case h2:
+                  case l:
+                  case q:
+                  case p:
+                  case g:
+                    return a2;
+                  default:
+                    return r;
+                }
+            }
+          case c:
+            return r;
+        }
+      }
+    }
+    exports2.ContextConsumer = h2;
+    exports2.ContextProvider = g;
+    exports2.Element = b;
+    exports2.ForwardRef = l;
+    exports2.Fragment = d;
+    exports2.Lazy = q;
+    exports2.Memo = p;
+    exports2.Portal = c;
+    exports2.Profiler = f;
+    exports2.StrictMode = e2;
+    exports2.Suspense = m;
+    exports2.SuspenseList = n;
+    exports2.isAsyncMode = function() {
+      return false;
+    };
+    exports2.isConcurrentMode = function() {
+      return false;
+    };
+    exports2.isContextConsumer = function(a2) {
+      return v(a2) === h2;
+    };
+    exports2.isContextProvider = function(a2) {
+      return v(a2) === g;
+    };
+    exports2.isElement = function(a2) {
+      return "object" === typeof a2 && null !== a2 && a2.$$typeof === b;
+    };
+    exports2.isForwardRef = function(a2) {
+      return v(a2) === l;
+    };
+    exports2.isFragment = function(a2) {
+      return v(a2) === d;
+    };
+    exports2.isLazy = function(a2) {
+      return v(a2) === q;
+    };
+    exports2.isMemo = function(a2) {
+      return v(a2) === p;
+    };
+    exports2.isPortal = function(a2) {
+      return v(a2) === c;
+    };
+    exports2.isProfiler = function(a2) {
+      return v(a2) === f;
+    };
+    exports2.isStrictMode = function(a2) {
+      return v(a2) === e2;
+    };
+    exports2.isSuspense = function(a2) {
+      return v(a2) === m;
+    };
+    exports2.isSuspenseList = function(a2) {
+      return v(a2) === n;
+    };
+    exports2.isValidElementType = function(a2) {
+      return "string" === typeof a2 || "function" === typeof a2 || a2 === d || a2 === f || a2 === e2 || a2 === m || a2 === n || a2 === t2 || "object" === typeof a2 && null !== a2 && (a2.$$typeof === q || a2.$$typeof === p || a2.$$typeof === g || a2.$$typeof === h2 || a2.$$typeof === l || a2.$$typeof === u2 || void 0 !== a2.getModuleId) ? true : false;
+    };
+    exports2.typeOf = v;
+  }
+});
+
+// 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"(exports2) {
+    "use strict";
+    if (process.env.NODE_ENV !== "production") {
+      (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;
+        }
+        exports2.ContextConsumer = ContextConsumer;
+        exports2.ContextProvider = ContextProvider;
+        exports2.Element = Element;
+        exports2.ForwardRef = ForwardRef;
+        exports2.Fragment = Fragment2;
+        exports2.Lazy = Lazy;
+        exports2.Memo = Memo;
+        exports2.Portal = Portal2;
+        exports2.Profiler = Profiler;
+        exports2.StrictMode = StrictMode;
+        exports2.Suspense = Suspense2;
+        exports2.SuspenseList = SuspenseList;
+        exports2.isAsyncMode = isAsyncMode;
+        exports2.isConcurrentMode = isConcurrentMode;
+        exports2.isContextConsumer = isContextConsumer;
+        exports2.isContextProvider = isContextProvider;
+        exports2.isElement = isElement2;
+        exports2.isForwardRef = isForwardRef;
+        exports2.isFragment = isFragment;
+        exports2.isLazy = isLazy;
+        exports2.isMemo = isMemo;
+        exports2.isPortal = isPortal;
+        exports2.isProfiler = isProfiler;
+        exports2.isStrictMode = isStrictMode;
+        exports2.isSuspense = isSuspense;
+        exports2.isSuspenseList = isSuspenseList;
+        exports2.isValidElementType = isValidElementType;
+        exports2.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"(exports2, module2) {
+    "use strict";
+    if (process.env.NODE_ENV === "production") {
+      module2.exports = require_react_is_production_min();
+    } 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"(exports2, module2) {
@@ -2531,9 +2836,9 @@ var require_unified = __commonJS({
       return typeof value === "function" && value.prototype && // A function with keys in its prototype is probably a constructor.
       // Classes’ prototype methods are not enumerable, so we check if some value
       // exists in the prototype.
-      (keys2(value.prototype) || name in value.prototype);
+      (keys3(value.prototype) || name in value.prototype);
     }
-    function keys2(value) {
+    function keys3(value) {
       var key;
       for (key in value) {
         return true;
@@ -10270,13 +10575,293 @@ var require_disallow_node = __commonJS({
   }
 });
 
+// node_modules/react-is/cjs/react-is.production.min.js
+var require_react_is_production_min2 = __commonJS({
+  "node_modules/react-is/cjs/react-is.production.min.js"(exports2) {
+    "use strict";
+    var b = "function" === typeof Symbol && Symbol.for;
+    var c = b ? Symbol.for("react.element") : 60103;
+    var d = b ? Symbol.for("react.portal") : 60106;
+    var e2 = b ? Symbol.for("react.fragment") : 60107;
+    var f = b ? Symbol.for("react.strict_mode") : 60108;
+    var g = b ? Symbol.for("react.profiler") : 60114;
+    var h2 = b ? Symbol.for("react.provider") : 60109;
+    var k = b ? Symbol.for("react.context") : 60110;
+    var l = b ? Symbol.for("react.async_mode") : 60111;
+    var m = b ? Symbol.for("react.concurrent_mode") : 60111;
+    var n = b ? Symbol.for("react.forward_ref") : 60112;
+    var p = b ? Symbol.for("react.suspense") : 60113;
+    var q = b ? Symbol.for("react.suspense_list") : 60120;
+    var r = b ? Symbol.for("react.memo") : 60115;
+    var t2 = b ? Symbol.for("react.lazy") : 60116;
+    var v = b ? Symbol.for("react.block") : 60121;
+    var w = b ? Symbol.for("react.fundamental") : 60117;
+    var x = b ? Symbol.for("react.responder") : 60118;
+    var y = b ? Symbol.for("react.scope") : 60119;
+    function z(a2) {
+      if ("object" === typeof a2 && null !== a2) {
+        var u2 = a2.$$typeof;
+        switch (u2) {
+          case c:
+            switch (a2 = a2.type, a2) {
+              case l:
+              case m:
+              case e2:
+              case g:
+              case f:
+              case p:
+                return a2;
+              default:
+                switch (a2 = a2 && a2.$$typeof, a2) {
+                  case k:
+                  case n:
+                  case t2:
+                  case r:
+                  case h2:
+                    return a2;
+                  default:
+                    return u2;
+                }
+            }
+          case d:
+            return u2;
+        }
+      }
+    }
+    function A(a2) {
+      return z(a2) === m;
+    }
+    exports2.AsyncMode = l;
+    exports2.ConcurrentMode = m;
+    exports2.ContextConsumer = k;
+    exports2.ContextProvider = h2;
+    exports2.Element = c;
+    exports2.ForwardRef = n;
+    exports2.Fragment = e2;
+    exports2.Lazy = t2;
+    exports2.Memo = r;
+    exports2.Portal = d;
+    exports2.Profiler = g;
+    exports2.StrictMode = f;
+    exports2.Suspense = p;
+    exports2.isAsyncMode = function(a2) {
+      return A(a2) || z(a2) === l;
+    };
+    exports2.isConcurrentMode = A;
+    exports2.isContextConsumer = function(a2) {
+      return z(a2) === k;
+    };
+    exports2.isContextProvider = function(a2) {
+      return z(a2) === h2;
+    };
+    exports2.isElement = function(a2) {
+      return "object" === typeof a2 && null !== a2 && a2.$$typeof === c;
+    };
+    exports2.isForwardRef = function(a2) {
+      return z(a2) === n;
+    };
+    exports2.isFragment = function(a2) {
+      return z(a2) === e2;
+    };
+    exports2.isLazy = function(a2) {
+      return z(a2) === t2;
+    };
+    exports2.isMemo = function(a2) {
+      return z(a2) === r;
+    };
+    exports2.isPortal = function(a2) {
+      return z(a2) === d;
+    };
+    exports2.isProfiler = function(a2) {
+      return z(a2) === g;
+    };
+    exports2.isStrictMode = function(a2) {
+      return z(a2) === f;
+    };
+    exports2.isSuspense = function(a2) {
+      return z(a2) === p;
+    };
+    exports2.isValidElementType = function(a2) {
+      return "string" === typeof a2 || "function" === typeof a2 || a2 === e2 || a2 === m || a2 === g || a2 === f || a2 === p || a2 === q || "object" === typeof a2 && null !== a2 && (a2.$$typeof === t2 || a2.$$typeof === r || a2.$$typeof === h2 || a2.$$typeof === k || a2.$$typeof === n || a2.$$typeof === w || a2.$$typeof === x || a2.$$typeof === y || a2.$$typeof === v);
+    };
+    exports2.typeOf = z;
+  }
+});
+
+// node_modules/react-is/cjs/react-is.development.js
+var require_react_is_development2 = __commonJS({
+  "node_modules/react-is/cjs/react-is.development.js"(exports2) {
+    "use strict";
+    if (process.env.NODE_ENV !== "production") {
+      (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;
+        }
+        exports2.AsyncMode = AsyncMode;
+        exports2.ConcurrentMode = ConcurrentMode;
+        exports2.ContextConsumer = ContextConsumer;
+        exports2.ContextProvider = ContextProvider;
+        exports2.Element = Element;
+        exports2.ForwardRef = ForwardRef;
+        exports2.Fragment = Fragment2;
+        exports2.Lazy = Lazy;
+        exports2.Memo = Memo;
+        exports2.Portal = Portal2;
+        exports2.Profiler = Profiler;
+        exports2.StrictMode = StrictMode;
+        exports2.Suspense = Suspense2;
+        exports2.isAsyncMode = isAsyncMode;
+        exports2.isConcurrentMode = isConcurrentMode;
+        exports2.isContextConsumer = isContextConsumer;
+        exports2.isContextProvider = isContextProvider;
+        exports2.isElement = isElement2;
+        exports2.isForwardRef = isForwardRef;
+        exports2.isFragment = isFragment;
+        exports2.isLazy = isLazy;
+        exports2.isMemo = isMemo;
+        exports2.isPortal = isPortal;
+        exports2.isProfiler = isProfiler;
+        exports2.isStrictMode = isStrictMode;
+        exports2.isSuspense = isSuspense;
+        exports2.isValidElementType = isValidElementType;
+        exports2.typeOf = typeOf;
+      })();
+    }
+  }
+});
+
+// node_modules/react-is/index.js
+var require_react_is2 = __commonJS({
+  "node_modules/react-is/index.js"(exports2, module2) {
+    "use strict";
+    if (process.env.NODE_ENV === "production") {
+      module2.exports = require_react_is_production_min2();
+    } 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"(exports2, module2) {
     "use strict";
-    var React209 = require("react");
+    var React210 = 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;
@@ -10301,7 +10886,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 React209.createElement(renderer, nodeProps, nodeProps.children || resolveChildren() || void 0);
+      return React210.createElement(renderer, nodeProps, nodeProps.children || resolveChildren() || void 0);
       function resolveChildren() {
         return node2.children && node2.children.map(function(childNode, i) {
           return astToReact(childNode, options, {
@@ -10315,7 +10900,7 @@ var require_ast_to_react = __commonJS({
       var props = {
         key
       };
-      var isSimpleRenderer = typeof renderer === "string" || renderer === React209.Fragment;
+      var isSimpleRenderer = typeof renderer === "string" || renderer === React210.Fragment;
       if (opts.sourcePos && node2.position) {
         props["data-sourcepos"] = flattenPosition2(node2.position);
       }
@@ -10468,14 +11053,14 @@ var require_ast_to_react = __commonJS({
     function mergeNodeChildren(node2, parsedChildren) {
       var el = node2.element;
       if (Array.isArray(el)) {
-        var Fragment2 = React209.Fragment || "div";
-        return React209.createElement(Fragment2, null, el);
+        var Fragment2 = React210.Fragment || "div";
+        return React210.createElement(Fragment2, null, el);
       }
       if (el.props.children || parsedChildren) {
-        var children = React209.Children.toArray(el.props.children).concat(parsedChildren);
-        return React209.cloneElement(el, null, children);
+        var children = React210.Children.toArray(el.props.children).concat(parsedChildren);
+        return React210.cloneElement(el, null, children);
       }
-      return React209.cloneElement(el, null);
+      return React210.cloneElement(el, null);
     }
     function flattenPosition2(pos) {
       return [pos.start.line, ":", pos.start.column, "-", pos.end.line, ":", pos.end.column].map(String).join("");
@@ -10599,9 +11184,9 @@ var require_renderers = __commonJS({
   "node_modules/mml-react/node_modules/react-markdown/lib/renderers.js"(exports2, module2) {
     "use strict";
     var xtend = require_immutable();
-    var React209 = require("react");
-    var supportsStringRender = parseInt((React209.version || "16").slice(0, 2), 10) >= 16;
-    var createElement = React209.createElement;
+    var React210 = require("react");
+    var supportsStringRender = parseInt((React210.version || "16").slice(0, 2), 10) >= 16;
+    var createElement = React210.createElement;
     module2.exports = {
       break: "br",
       paragraph: "p",
@@ -10637,7 +11222,7 @@ var require_renderers = __commonJS({
     }
     function Root(props) {
       var className = props.className;
-      var root2 = !className && React209.Fragment || "div";
+      var root2 = !className && React210.Fragment || "div";
       return createElement(root2, className ? {
         className
       } : null, props.children);
@@ -10693,7 +11278,7 @@ var require_renderers = __commonJS({
       var dangerous = props.allowDangerousHtml || props.escapeHtml === false;
       var tag = props.isBlock ? "div" : "span";
       if (!dangerous) {
-        return createElement(React209.Fragment || tag, null, props.value);
+        return createElement(React210.Fragment || tag, null, props.value);
       }
       var nodeProps = {
         dangerouslySetInnerHTML: {
@@ -10703,7 +11288,7 @@ var require_renderers = __commonJS({
       return createElement(tag, nodeProps);
     }
     function ParsedHtml(props) {
-      return props["data-sourcepos"] ? React209.cloneElement(props.element, {
+      return props["data-sourcepos"] ? React210.cloneElement(props.element, {
         "data-sourcepos": props["data-sourcepos"]
       }) : props.element;
     }
@@ -18555,8 +19140,8 @@ var require_mml_react_cjs_development = __commonJS({
     function _interopDefault(ex) {
       return ex && typeof ex === "object" && "default" in ex ? ex["default"] : ex;
     }
-    var React209 = require("react");
-    var React__default = _interopDefault(React209);
+    var React210 = require("react");
+    var React__default = _interopDefault(React210);
     var parseXml = _interopDefault(require_src());
     var dayjs = _interopDefault(require("dayjs"));
     var sanitizeUrl4 = require("@braintree/sanitize-url");
@@ -18902,14 +19487,14 @@ var require_mml_react_cjs_development = __commonJS({
           this.reset(true);
         }
         exports3.keys = function(object) {
-          var keys2 = [];
+          var keys3 = [];
           for (var key in object) {
-            keys2.push(key);
+            keys3.push(key);
           }
-          keys2.reverse();
+          keys3.reverse();
           return function next() {
-            while (keys2.length) {
-              var key2 = keys2.pop();
+            while (keys3.length) {
+              var key2 = keys3.pop();
               if (key2 in object) {
                 next.value = key2;
                 next.done = false;
@@ -19341,8 +19926,8 @@ var require_mml_react_cjs_development = __commonJS({
         className: "mml-carousel__track"
       }, React__default.createElement("div", {
         className: "mml-carousel__slides"
-      }, React209.Children.map(children, function(child) {
-        return React209.cloneElement(child, {
+      }, React210.Children.map(children, function(child) {
+        return React210.cloneElement(child, {
           className: "mml-carousel__slide",
           slideWidth
         });
@@ -19386,7 +19971,7 @@ var require_mml_react_cjs_development = __commonJS({
     };
     var Input = function Input2(_ref) {
       var name = _ref.name, label = _ref.label, _ref$value = _ref.value, value = _ref$value === void 0 ? "" : _ref$value, _ref$type = _ref.type, type = _ref$type === void 0 ? "text" : _ref$type, _ref$placeholder = _ref.placeholder, placeholder = _ref$placeholder === void 0 ? "" : _ref$placeholder;
-      var _useState = React209.useState(value), state = _useState[0], setState = _useState[1];
+      var _useState = React210.useState(value), state = _useState[0], setState = _useState[1];
       var id = "mml-" + name;
       return React__default.createElement(React__default.Fragment, null, label && React__default.createElement("label", {
         className: "mml-card-header",
@@ -19516,7 +20101,7 @@ var require_mml_react_cjs_development = __commonJS({
     };
     var Number2 = function Number3(_ref) {
       var name = _ref.name, value = _ref.value;
-      var _useState = React209.useState(parseInt("" + value, 10) || 0), state = _useState[0], setState = _useState[1];
+      var _useState = React210.useState(parseInt("" + value, 10) || 0), state = _useState[0], setState = _useState[1];
       return React__default.createElement("div", {
         className: "mml-number"
       }, React__default.createElement("input", {
@@ -19553,7 +20138,7 @@ var require_mml_react_cjs_development = __commonJS({
     var VIRTUOSO_START_INDEX = 1e4;
     var DatePickerSelect = function DatePickerSelect2(props) {
       var onChange = props.onChange, icalFilter = props.icalFilter, getItemData2 = props.getItemData, itemClassName = props.itemClassName, interval = props.interval, format = props.format, value = props.value;
-      var generateItems = React209.useCallback(function(quantity, firstIdx) {
+      var generateItems = React210.useCallback(function(quantity, firstIdx) {
         return Array(quantity).fill(true).map(function(_, idx) {
           return getItemData2({
             interval,
@@ -19565,11 +20150,11 @@ var require_mml_react_cjs_development = __commonJS({
           return !icalFilter || icalFilter && icalFilter(newItem.value);
         });
       }, [interval, format, value, icalFilter, getItemData2]);
-      var _useState = React209.useState(generateItems(ITEMS_PER_PAGE * 2, -ITEMS_PER_PAGE)), items = _useState[0], setItems = _useState[1];
-      var _useState2 = React209.useState(VIRTUOSO_START_INDEX), firstItemIndex = _useState2[0], setFirstItemIndex = _useState2[1];
-      var initialIndexOffset = React209.useRef(INITIAL_INDEX);
-      var _useState3 = React209.useState(null), selectedIdx = _useState3[0], setSelectedIdx = _useState3[1];
-      var handleClick = React209.useCallback(function(item) {
+      var _useState = React210.useState(generateItems(ITEMS_PER_PAGE * 2, -ITEMS_PER_PAGE)), items = _useState[0], setItems = _useState[1];
+      var _useState2 = React210.useState(VIRTUOSO_START_INDEX), firstItemIndex = _useState2[0], setFirstItemIndex = _useState2[1];
+      var initialIndexOffset = React210.useRef(INITIAL_INDEX);
+      var _useState3 = React210.useState(null), selectedIdx = _useState3[0], setSelectedIdx = _useState3[1];
+      var handleClick = React210.useCallback(function(item) {
         onChange(item.value);
         var firstItemIndex2 = initialIndexOffset.current || 0;
         var nextFirstItemIdx = firstItemIndex2 - INITIAL_INDEX - ITEMS_PER_PAGE;
@@ -19583,12 +20168,12 @@ var require_mml_react_cjs_development = __commonJS({
         }
         setSelectedIdx(item.idx);
       }, [setItems, generateItems, initialIndexOffset, onChange]);
-      var appendItems = React209.useCallback(function(lastItemIndex) {
+      var appendItems = React210.useCallback(function(lastItemIndex) {
         setItems(function(items2) {
           return [].concat(items2, generateItems(ITEMS_PER_PAGE, lastItemIndex));
         });
       }, [setItems, generateItems]);
-      var prependItems = React209.useCallback(function() {
+      var prependItems = React210.useCallback(function() {
         var firstItemIndex2 = initialIndexOffset.current || 0;
         var nextFirstItemIdx = firstItemIndex2 - INITIAL_INDEX - ITEMS_PER_PAGE;
         if (initialIndexOffset) {
@@ -19600,7 +20185,7 @@ var require_mml_react_cjs_development = __commonJS({
         setFirstItemIndex(firstItemIndex2 - ITEMS_PER_PAGE);
         return false;
       }, [setItems, generateItems, initialIndexOffset]);
-      React209.useEffect(function() {
+      React210.useEffect(function() {
         if (value) {
           var initialSelectedIdx = null;
           for (var i = 0; i < items.length; i++) {
@@ -19670,7 +20255,7 @@ var require_mml_react_cjs_development = __commonJS({
     };
     var DatePicker = function DatePicker2(_ref) {
       var name = _ref.name, selected = _ref.selected, dateInterval = _ref.dateInterval, timeInterval = _ref.timeInterval, dateFormat = _ref.dateFormat, timeFormat = _ref.timeFormat, fullDay = _ref.fullDay, icalFilter = _ref.icalFilter;
-      var _useState = React209.useState(selected), date = _useState[0], setDate = _useState[1];
+      var _useState = React210.useState(selected), date = _useState[0], setDate = _useState[1];
       var handleChangeDate = function handleChangeDate2(value) {
         setDate(function(prevDate) {
           return prevDate.set("date", value.get("date")).set("month", value.get("month")).set("year", value.get("year"));
@@ -19750,14 +20335,14 @@ var require_mml_react_cjs_development = __commonJS({
     }();
     var Scheduler = function Scheduler2(_ref2) {
       var name = _ref2.name, selected = _ref2.selected, icalAvailability = _ref2.icalAvailability, _ref2$duration = _ref2.duration, duration = _ref2$duration === void 0 ? 30 : _ref2$duration, _ref2$dateInterval = _ref2.dateInterval, dateInterval = _ref2$dateInterval === void 0 ? 1 : _ref2$dateInterval, _ref2$timeInterval = _ref2.timeInterval, timeInterval = _ref2$timeInterval === void 0 ? 30 : _ref2$timeInterval, _ref2$dateFormat = _ref2.dateFormat, dateFormat = _ref2$dateFormat === void 0 ? "ddd MMM DD" : _ref2$dateFormat, _ref2$timeFormat = _ref2.timeFormat, timeFormat = _ref2$timeFormat === void 0 ? "hh:mm A" : _ref2$timeFormat, _ref2$fullDay = _ref2.fullDay, fullDay = _ref2$fullDay === void 0 ? false : _ref2$fullDay;
-      var _useState = React209.useState(false), loading = _useState[0], setLoading = _useState[1];
-      var _useState2 = React209.useState(""), error = _useState2[0], setError = _useState2[1];
-      var _useState3 = React209.useState(function() {
+      var _useState = React210.useState(false), loading = _useState[0], setLoading = _useState[1];
+      var _useState2 = React210.useState(""), error = _useState2[0], setError = _useState2[1];
+      var _useState3 = React210.useState(function() {
         return function() {
           return true;
         };
       }), icalFilter = _useState3[0], setIcalFilter = _useState3[1];
-      React209.useEffect(function() {
+      React210.useEffect(function() {
         if (!icalAvailability) return;
         setLoading(true);
         setupIcalFilter(icalAvailability, duration).then(setIcalFilter)["catch"](function(err) {
@@ -19961,13 +20546,13 @@ var require_mml_react_cjs_development = __commonJS({
     }
     var MML2 = function MML3(_ref) {
       var source = _ref.source, onSubmit = _ref.onSubmit, converters2 = _ref.converters, _ref$theme = _ref.theme, theme = _ref$theme === void 0 ? "" : _ref$theme, _ref$className = _ref.className, className = _ref$className === void 0 ? "" : _ref$className, _ref$Loading = _ref.Loading, Loading$1 = _ref$Loading === void 0 ? Loading : _ref$Loading, _ref$Error = _ref.Error, Error2 = _ref$Error === void 0 ? Error$1 : _ref$Error, _ref$Success = _ref.Success, Success$1 = _ref$Success === void 0 ? Success : _ref$Success;
-      var _useState = React209.useState(""), error = _useState[0], setError = _useState[1];
-      var _useState2 = React209.useState({
+      var _useState = React210.useState(""), error = _useState[0], setError = _useState[1];
+      var _useState2 = React210.useState({
         loading: false,
         error: "",
         success: ""
       }), submitState = _useState2[0], setSubmitState = _useState2[1];
-      var tree = React209.useMemo(function() {
+      var tree = React210.useMemo(function() {
         try {
           return Parse(source, converters2);
         } catch (e2) {
@@ -19976,7 +20561,7 @@ var require_mml_react_cjs_development = __commonJS({
           return null;
         }
       }, [source, converters2]);
-      var handleSubmit = React209.useCallback(/* @__PURE__ */ function() {
+      var handleSubmit = React210.useCallback(/* @__PURE__ */ function() {
         var _ref2 = _asyncToGenerator(/* @__PURE__ */ runtime_1.mark(function _callee(event) {
           var state;
           return runtime_1.wrap(function _callee$(_context) {
@@ -20319,6 +20904,7 @@ __export(src_exports, {
   enTranslations: () => en_default,
   esTranslations: () => es_default,
   escapeRegExp: () => escapeRegExp,
+  extractSortValue: () => extractSortValue,
   findLastPinnedChannelIndex: () => findLastPinnedChannelIndex,
   frTranslations: () => fr_default,
   getChannel: () => getChannel,
@@ -20782,16 +21368,16 @@ var import_react7 = require("react");
 
 // src/store/hooks/useStateStore.ts
 var import_react6 = require("react");
-function useStateStore(store, selector6) {
+function useStateStore(store, selector7) {
   const [state, setState] = (0, import_react6.useState)(() => {
     if (!store) return void 0;
-    return selector6(store.getLatestValue());
+    return selector7(store.getLatestValue());
   });
   (0, import_react6.useEffect)(() => {
     if (!store) return;
-    const unsubscribe = store.subscribeWithSelector(selector6, setState);
+    const unsubscribe = store.subscribeWithSelector(selector7, setState);
     return unsubscribe;
-  }, [store, selector6]);
+  }, [store, selector7]);
   return state;
 }
 
@@ -21565,7 +22151,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;
@@ -21686,7 +22272,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) => {
@@ -23074,19 +23660,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
+      }
+    )
   );
 };
 
@@ -23122,7 +23711,11 @@ var UnMemoizedGallery = (props) => {
           backgroundImage: `url(${images[lastImageIndexInPreview].previewUrl || images[lastImageIndexInPreview].image_url || images[lastImageIndexInPreview].thumb_url})`,
           ...image2.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
@@ -23142,7 +23735,11 @@ var UnMemoizedGallery = (props) => {
           src: (0, import_sanitize_url2.sanitizeUrl)(image2.previewUrl || image2.image_url || image2.thumb_url),
           style: image2.style,
           title: image2?.fallback || imageFallbackTitle,
-          ...innerRefs?.current && { ref: (r) => innerRefs.current[i] = r }
+          ...innerRefs?.current && {
+            ref: (r) => {
+              innerRefs.current[i] = r;
+            }
+          }
         }
       )
     )
@@ -34528,7 +35125,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) {
@@ -37747,11 +38344,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, item) {
   if (!item) return;
@@ -37778,10 +38373,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.");
     }
@@ -38314,9 +38906,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();
@@ -38701,7 +39290,7 @@ ReactTextareaAutocomplete.propTypes = {
 };
 
 // src/components/Channel/Channel.tsx
-var import_react257 = __toESM(require("react"));
+var import_react258 = __toESM(require("react"));
 var import_lodash23 = __toESM(require("lodash.debounce"));
 var import_lodash24 = __toESM(require("lodash.defaultsdeep"));
 var import_lodash25 = __toESM(require("lodash.throttle"));
@@ -38709,7 +39298,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 {
@@ -42585,13 +43174,13 @@ var useMessageInputText = (props, state, dispatch, findAndEnqueueURLsToEnrich) =
   const { channel } = useChannelStateContext("useMessageInputText");
   const { additionalTextareaProps, focus, parent, publishTypingEvent = true } = props;
   const { text: text5 } = 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 || {};
@@ -44528,7 +45117,10 @@ var moveChannelUpwards = ({
   const targetChannelExistsWithinList = targetChannelIndex >= 0;
   const targetChannelAlreadyAtTheTop = targetChannelIndex === 0;
   const considerPinnedChannels = shouldConsiderPinnedChannels(sort);
-  if (targetChannelAlreadyAtTheTop) return channels;
+  const isTargetChannelPinned = isChannelPinned(channelToMove);
+  if (targetChannelAlreadyAtTheTop || considerPinnedChannels && isTargetChannelPinned) {
+    return channels;
+  }
   const newChannels = [...channels];
   if (targetChannelExistsWithinList) {
     newChannels.splice(targetChannelIndex, 1);
@@ -44545,25 +45137,48 @@ var moveChannelUpwards = ({
   return newChannels;
 };
 var shouldConsiderPinnedChannels = (sort) => {
-  if (!sort) return false;
-  if (!Array.isArray(sort)) return false;
-  const [option] = sort;
-  if (!option?.pinned_at) return false;
-  return Math.abs(option.pinned_at) === 1;
+  const value = extractSortValue({ atIndex: 0, sort, targetKey: "pinned_at" });
+  if (typeof value !== "number") return false;
+  return Math.abs(value) === 1;
+};
+var extractSortValue = ({
+  atIndex,
+  sort,
+  targetKey
+}) => {
+  if (!sort) return null;
+  let option = null;
+  if (Array.isArray(sort)) {
+    option = sort[atIndex] ?? null;
+  } else {
+    let index3 = 0;
+    for (const key in sort) {
+      if (index3 !== atIndex) {
+        index3++;
+        continue;
+      }
+      if (key !== targetKey) {
+        return null;
+      }
+      option = sort;
+      break;
+    }
+  }
+  return option?.[targetKey] ?? null;
 };
 var shouldConsiderArchivedChannels = (filters) => {
   if (!filters) return false;
-  return !filters.archived;
+  return typeof filters.archived === "boolean";
 };
 var isChannelPinned = (channel) => {
   if (!channel) return false;
-  const member = channel.state.membership;
-  return !!member?.pinned_at;
+  const membership = channel.state.membership;
+  return typeof membership.pinned_at === "string";
 };
 var isChannelArchived = (channel) => {
   if (!channel) return false;
-  const member = channel.state.membership;
-  return !!member?.archived_at;
+  const membership = channel.state.membership;
+  return typeof membership.archived_at === "string";
 };
 
 // src/components/ChannelList/hooks/usePaginatedChannels.ts
@@ -44575,7 +45190,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]);
@@ -44677,7 +45292,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);
@@ -45426,33 +46041,33 @@ var useChannelListShapeDefaults = () => {
       if (typeof customHandler === "function") {
         return customHandler(setChannels, event);
       }
-      setChannels((channels) => {
-        const targetChannelIndex = channels.findIndex((channel) => channel.cid === event.cid);
+      const channelType = event.channel_type;
+      const channelId = event.channel_id;
+      if (!channelType || !channelId) return;
+      setChannels((currentChannels) => {
+        const targetChannel = client.channel(channelType, channelId);
+        const targetChannelIndex = currentChannels.indexOf(targetChannel);
         const targetChannelExistsWithinList = targetChannelIndex >= 0;
-        const targetChannel = channels[targetChannelIndex];
         const isTargetChannelPinned = isChannelPinned(targetChannel);
         const isTargetChannelArchived = isChannelArchived(targetChannel);
         const considerArchivedChannels = shouldConsiderArchivedChannels(filters);
         const considerPinnedChannels = shouldConsiderPinnedChannels(sort);
         if (
-          // target channel is archived
-          isTargetChannelArchived && considerArchivedChannels || // target channel is pinned
-          isTargetChannelPinned && considerPinnedChannels || // list order is locked
+          // filter is defined, target channel is archived and filter option is set to false
+          considerArchivedChannels && isTargetChannelArchived && !filters.archived || // filter is defined, target channel isn't archived and filter option is set to true
+          considerArchivedChannels && !isTargetChannelArchived && filters.archived || // sort option is defined, target channel is pinned
+          considerPinnedChannels && isTargetChannelPinned || // list order is locked
           lockChannelOrder || // target channel is not within the loaded list and loading from cache is disallowed
           !targetChannelExistsWithinList && !allowNewMessagesFromUnfilteredChannels
         ) {
-          return channels;
-        }
-        const channelToMove = channels[targetChannelIndex] ?? (allowNewMessagesFromUnfilteredChannels && event.channel_type ? client.channel(event.channel_type, event.channel_id) : null);
-        if (channelToMove) {
-          return moveChannelUpwards({
-            channels,
-            channelToMove,
-            channelToMoveIndexWithinChannels: targetChannelIndex,
-            sort
-          });
+          return currentChannels;
         }
-        return channels;
+        return moveChannelUpwards({
+          channels: currentChannels,
+          channelToMove: targetChannel,
+          channelToMoveIndexWithinChannels: targetChannelIndex,
+          sort
+        });
       });
     },
     [client]
@@ -45478,7 +46093,7 @@ var useChannelListShapeDefaults = () => {
         type: event.channel.type
       });
       const considerArchivedChannels = shouldConsiderArchivedChannels(filters);
-      if (isChannelArchived(channel) && considerArchivedChannels) {
+      if (isChannelArchived(channel) && considerArchivedChannels && !filters.archived) {
         return;
       }
       if (!allowNewMessagesFromUnfilteredChannels) {
@@ -45500,26 +46115,33 @@ var useChannelListShapeDefaults = () => {
       allowNewMessagesFromUnfilteredChannels,
       customHandler,
       event,
-      setChannels
+      setChannels,
+      sort
     }) => {
       if (typeof customHandler === "function") {
         return customHandler(setChannels, event);
       }
-      if (allowNewMessagesFromUnfilteredChannels && event.channel?.type) {
-        const channel = await getChannel({
-          client,
-          id: event.channel.id,
-          members: event.channel.members?.reduce((acc, { user, user_id }) => {
-            const userId = user_id || user?.id;
-            if (userId) {
-              acc.push(userId);
-            }
-            return acc;
-          }, []),
-          type: event.channel.type
-        });
-        setChannels((channels) => (0, import_lodash11.default)([channel, ...channels], "cid"));
+      if (!event.channel || !allowNewMessagesFromUnfilteredChannels) {
+        return;
       }
+      const channel = await getChannel({
+        client,
+        id: event.channel.id,
+        members: event.channel.members?.reduce((newMembers, { user, user_id }) => {
+          const userId = user_id || user?.id;
+          if (userId) newMembers.push(userId);
+          return newMembers;
+        }, []),
+        type: event.channel.type
+      });
+      setChannels(
+        (channels) => moveChannelUpwards({
+          channels,
+          channelToMove: channel,
+          channelToMoveIndexWithinChannels: -1,
+          sort
+        })
+      );
     },
     [client]
   );
@@ -45537,29 +46159,37 @@ var useChannelListShapeDefaults = () => {
     []
   );
   const handleMemberUpdated = (0, import_react101.useCallback)(
-    ({ event, lockChannelOrder, setChannels, sort }) => {
+    ({
+      event,
+      filters,
+      lockChannelOrder,
+      setChannels,
+      sort
+    }) => {
       if (!event.member?.user || event.member.user.id !== client.userID || !event.channel_type) {
         return;
       }
-      const member = event.member;
       const channelType = event.channel_type;
       const channelId = event.channel_id;
       const considerPinnedChannels = shouldConsiderPinnedChannels(sort);
-      const pinnedAtSort = Array.isArray(sort) ? sort[0]?.pinned_at ?? null : null;
+      const considerArchivedChannels = shouldConsiderArchivedChannels(filters);
+      const pinnedAtSort = extractSortValue({ atIndex: 0, sort, targetKey: "pinned_at" });
       setChannels((currentChannels) => {
         const targetChannel = client.channel(channelType, channelId);
         const targetChannelIndex = currentChannels.indexOf(targetChannel);
         const targetChannelExistsWithinList = targetChannelIndex >= 0;
+        const isTargetChannelArchived = isChannelArchived(targetChannel);
+        const isTargetChannelPinned = isChannelPinned(targetChannel);
         if (!considerPinnedChannels || lockChannelOrder) return currentChannels;
         const newChannels = [...currentChannels];
         if (targetChannelExistsWithinList) {
           newChannels.splice(targetChannelIndex, 1);
         }
-        if (typeof member.archived_at === "string") {
+        if (considerArchivedChannels && isTargetChannelArchived && !filters.archived || considerArchivedChannels && !isTargetChannelArchived && filters.archived) {
           return newChannels;
         }
         let lastPinnedChannelIndex = null;
-        if (pinnedAtSort === 1 || pinnedAtSort === -1 && !member.pinned_at) {
+        if (pinnedAtSort === 1 || pinnedAtSort === -1 && !isTargetChannelPinned) {
           lastPinnedChannelIndex = findLastPinnedChannelIndex({ channels: newChannels });
         }
         const newTargetChannelIndex = typeof lastPinnedChannelIndex === "number" ? lastPinnedChannelIndex + 1 : 0;
@@ -45689,8 +46319,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 });
   };
@@ -45760,6 +46390,7 @@ var usePrepareShapeHandlers = ({
       case "member.updated":
         defaults.handleMemberUpdated({
           event,
+          filters,
           lockChannelOrder,
           setChannels,
           sort
@@ -46243,24 +46874,41 @@ var useUserPresenceChangedListener = (setChannels) => {
   }, [client, setChannels]);
 };
 
-// src/components/ChannelList/hooks/useChannelMembershipState.ts
+// src/components/ChannelList/hooks/useSelectedChannelState.ts
 var import_react113 = require("react");
-var useChannelMembershipState = (channel) => {
-  const [membership, setMembership] = (0, import_react113.useState)(
-    channel?.state.membership || {}
-  );
-  const { client } = useChatContext();
-  (0, import_react113.useEffect)(() => {
-    if (!channel) return;
-    const subscriptions = ["member.updated"].map(
-      (v) => client.on(v, () => {
-        setMembership(channel.state.membership);
-      })
-    );
-    return () => subscriptions.forEach((subscription) => subscription.unsubscribe());
-  }, [client, channel]);
-  return membership;
+var import_shim = require("use-sync-external-store/shim");
+var noop = () => {
 };
+function useSelectedChannelState({
+  channel,
+  stateChangeEventKeys = ["all"],
+  selector: selector7
+}) {
+  const subscribe = (0, import_react113.useCallback)(
+    (onStoreChange) => {
+      if (!channel) return noop;
+      const subscriptions = stateChangeEventKeys.map(
+        (et) => channel.on(et, () => {
+          onStoreChange(selector7(channel));
+        })
+      );
+      return () => subscriptions.forEach((subscription) => subscription.unsubscribe());
+    },
+    [channel, selector7, stateChangeEventKeys]
+  );
+  const getSnapshot = (0, import_react113.useCallback)(() => {
+    if (!channel) return void 0;
+    return selector7(channel);
+  }, [channel, selector7]);
+  return (0, import_shim.useSyncExternalStore)(subscribe, getSnapshot);
+}
+
+// src/components/ChannelList/hooks/useChannelMembershipState.ts
+var selector = (c) => c.state.membership;
+var keys2 = ["member.updated"];
+function useChannelMembershipState(channel) {
+  return useSelectedChannelState({ channel, selector, stateChangeEventKeys: keys2 });
+}
 
 // src/components/ChannelPreview/icons.tsx
 var import_react114 = __toESM(require("react"));
@@ -46745,12 +47393,12 @@ var ThreadAdapter = ({ children }) => {
   useActiveThread({ activeThread });
   return /* @__PURE__ */ import_react122.default.createElement(ThreadProvider, { thread: activeThread }, children);
 };
-var selector = ({ unreadThreadCount }) => ({
+var selector2 = ({ unreadThreadCount }) => ({
   unreadThreadCount
 });
 var ChatViewSelector = () => {
   const { client } = useChatContext();
-  const { unreadThreadCount } = useStateStore(client.threads.state, selector);
+  const { unreadThreadCount } = useStateStore(client.threads.state, selector2);
   const { activeChatView, setActiveChatView } = (0, import_react122.useContext)(ChatViewContext);
   return /* @__PURE__ */ import_react122.default.createElement("div", { className: "str-chat__chat-view__selector" }, /* @__PURE__ */ import_react122.default.createElement(
     "button",
@@ -46812,7 +47460,7 @@ var getTitleFromMessage = ({
 var ThreadListItemUI = (props) => {
   const { client } = useChatContext();
   const thread = useThreadListItemContext();
-  const selector6 = (0, import_react123.useCallback)(
+  const selector7 = (0, import_react123.useCallback)(
     (nextValue) => ({
       channel: nextValue.channel,
       deletedAt: nextValue.deletedAt,
@@ -46824,7 +47472,7 @@ var ThreadListItemUI = (props) => {
   );
   const { channel, deletedAt, latestReply, ownUnreadMessageCount, parentMessage } = useStateStore(
     thread.state,
-    selector6
+    selector7
   );
   const { displayTitle: channelDisplayTitle } = useChannelPreviewInfo({ channel });
   const { activeThread, setActiveThread } = useThreadsViewContext();
@@ -46861,12 +47509,12 @@ var ThreadListEmptyPlaceholder = () => /* @__PURE__ */ import_react125.default.c
 
 // src/components/Threads/ThreadList/ThreadListUnseenThreadsBanner.tsx
 var import_react126 = __toESM(require("react"));
-var selector2 = (nextValue) => ({
+var selector3 = (nextValue) => ({
   unseenThreadIds: nextValue.unseenThreadIds
 });
 var ThreadListUnseenThreadsBanner = () => {
   const { client } = useChatContext();
-  const { unseenThreadIds } = useStateStore(client.threads.state, selector2);
+  const { unseenThreadIds } = useStateStore(client.threads.state, selector3);
   if (!unseenThreadIds.length) return null;
   return /* @__PURE__ */ import_react126.default.createElement("div", { className: "str-chat__unseen-threads-banner" }, unseenThreadIds.length, " unread threads", /* @__PURE__ */ import_react126.default.createElement(
     "button",
@@ -46880,19 +47528,19 @@ var ThreadListUnseenThreadsBanner = () => {
 
 // src/components/Threads/ThreadList/ThreadListLoadingIndicator.tsx
 var import_react127 = __toESM(require("react"));
-var selector3 = (nextValue) => ({
+var selector4 = (nextValue) => ({
   isLoadingNext: nextValue.pagination.isLoadingNext
 });
 var ThreadListLoadingIndicator = () => {
   const { LoadingIndicator: LoadingIndicator2 = LoadingIndicator } = useComponentContext();
   const { client } = useChatContext();
-  const { isLoadingNext } = useStateStore(client.threads.state, selector3);
+  const { isLoadingNext } = useStateStore(client.threads.state, selector4);
   if (!isLoadingNext) return null;
   return /* @__PURE__ */ import_react127.default.createElement("div", { className: "str-chat__thread-list-loading-indicator" }, /* @__PURE__ */ import_react127.default.createElement(LoadingIndicator2, null));
 };
 
 // src/components/Threads/ThreadList/ThreadList.tsx
-var selector4 = (nextValue) => ({ threads: nextValue.threads });
+var selector5 = (nextValue) => ({ threads: nextValue.threads });
 var computeItemKey = (_, item) => item.id;
 var useThreadList = () => {
   const { client } = useChatContext();
@@ -46921,7 +47569,7 @@ var ThreadList = ({ virtuosoProps }) => {
     ThreadListLoadingIndicator: ThreadListLoadingIndicator2 = ThreadListLoadingIndicator,
     ThreadListUnseenThreadsBanner: ThreadListUnseenThreadsBanner2 = ThreadListUnseenThreadsBanner
   } = useComponentContext();
-  const { threads } = useStateStore(client.threads.state, selector4);
+  const { threads } = useStateStore(client.threads.state, selector5);
   useThreadList();
   return /* @__PURE__ */ import_react128.default.createElement("div", { className: "str-chat__thread-list-container" }, /* @__PURE__ */ import_react128.default.createElement(ThreadListUnseenThreadsBanner2, null), /* @__PURE__ */ import_react128.default.createElement(
     import_react_virtuoso.Virtuoso,
@@ -50309,7 +50957,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(() => {
@@ -51139,7 +51787,7 @@ var UnMemoizedChatAutoComplete = (props) => {
       closeCommandsList: messageInput.closeCommandsList,
       closeMentionsList: messageInput.closeMentionsList,
       containerClassName: "str-chat__textarea str-chat__message-textarea-react-host",
-      disabled: disabled || !!cooldownRemaining,
+      disabled: (props.disabled ?? disabled) || !!cooldownRemaining,
       disableMentions: messageInput.disableMentions,
       grow: messageInput.grow,
       handleSubmit: props.handleSubmit || messageInput.handleSubmit,
@@ -52534,7 +53182,7 @@ function useMessageListScrollManager(params) {
     offsetHeight: 0,
     scrollHeight: 0
   });
-  const messages = (0, import_react230.useRef)();
+  const messages = (0, import_react230.useRef)(void 0);
   const scrollTop = (0, import_react230.useRef)(0);
   (0, import_react230.useLayoutEffect)(() => {
     const prevMeasures = measures.current;
@@ -52742,25 +53390,26 @@ var useUnreadMessagesNotification = ({
 
 // src/components/MessageList/hooks/useMarkRead.ts
 var import_react235 = 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_react235.useRef)(isMessageListScrolledToBottom);
   (0, import_react235.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;
@@ -52775,15 +53424,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);
@@ -52795,7 +53444,6 @@ var useMarkRead = ({
     markRead,
     messageListIsThread,
     setChannelUnreadUiState,
-    unreadCount,
     wasMarkedUnread
   ]);
 };
@@ -52939,10 +53587,10 @@ var InfiniteScroll = (props) => {
   const loadPreviousPageFn = loadPreviousPage || loadMore;
   const hasNextPageFlag = hasNextPage || hasMoreNewer;
   const hasPreviousPageFlag = hasPreviousPage || hasMore;
-  const scrollComponent = (0, import_react240.useRef)();
-  const previousOffset = (0, import_react240.useRef)();
-  const previousReverseOffset = (0, import_react240.useRef)();
-  const scrollListenerRef = (0, import_react240.useRef)();
+  const scrollComponent = (0, import_react240.useRef)(void 0);
+  const previousOffset = (0, import_react240.useRef)(void 0);
+  const previousReverseOffset = (0, import_react240.useRef)(void 0);
+  const scrollListenerRef = (0, import_react240.useRef)(void 0);
   scrollListenerRef.current = () => {
     const element3 = scrollComponent.current;
     if (!element3 || element3.offsetParent === null) {
@@ -53348,7 +53996,6 @@ var MessageListWithContext = (props) => {
   useMarkRead({
     isMessageListScrolledToBottom,
     messageListIsThread: threadList,
-    unreadCount: channelUnreadUiState?.unread_messages ?? 0,
     wasMarkedUnread: !!channelUnreadUiState?.first_unread_message_id
   });
   const { messageGroupStyles, messages: enrichedMessages } = useEnrichedMessages({
@@ -53566,7 +54213,7 @@ var ScrollToBottomButton = import_react247.default.memo(
 );
 
 // src/components/MessageList/VirtualizedMessageList.tsx
-var import_react256 = __toESM(require("react"));
+var import_react257 = __toESM(require("react"));
 var import_react_virtuoso2 = require("react-virtuoso");
 
 // src/components/MessageList/hooks/VirtualizedMessageList/useNewMessageNotification.ts
@@ -53610,8 +54257,10 @@ var STATUSES_EXCLUDED_FROM_PREPEND = {
 };
 function usePrependedMessagesCount(messages, hasDateSeparator) {
   const firstRealMessageIndex = hasDateSeparator ? 1 : 0;
-  const firstMessageOnFirstLoadedPage = (0, import_react249.useRef)();
-  const previousFirstMessageOnFirstLoadedPage = (0, import_react249.useRef)();
+  const firstMessageOnFirstLoadedPage = (0, import_react249.useRef)(void 0);
+  const previousFirstMessageOnFirstLoadedPage = (0, import_react249.useRef)(
+    void 0
+  );
   const previousNumItemsPrepended = (0, import_react249.useRef)(0);
   const numItemsPrepended = (0, import_react249.useMemo)(() => {
     if (!messages || !messages.length) {
@@ -53693,7 +54342,7 @@ var useMessageSetKey = ({
   messages
 }) => {
   const [messageSetKey, setMessageSetKey] = (0, import_react252.useState)(+/* @__PURE__ */ new Date());
-  const firstMessageId = (0, import_react252.useRef)();
+  const firstMessageId = (0, import_react252.useRef)(void 0);
   (0, import_react252.useEffect)(() => {
     const continuousSet = messages?.find((message) => message.id === firstMessageId.current);
     if (!continuousSet) {
@@ -53714,7 +54363,7 @@ var useScrollToBottomOnNewMessage = ({
   scrollToLatestMessageOnFocus
 }) => {
   const [newMessagesReceivedInBackground, setNewMessagesReceivedInBackground] = (0, import_react253.useState)(false);
-  const scrollToBottomIfConfigured = (0, import_react253.useRef)();
+  const scrollToBottomIfConfigured = (0, import_react253.useRef)(void 0);
   scrollToBottomIfConfigured.current = (event) => {
     if (!scrollToLatestMessageOnFocus || !newMessagesReceivedInBackground || event.target !== window) {
       return;
@@ -53904,6 +54553,14 @@ var messageRenderer = (virtuosoIndex, _data, virtuosoContext) => {
   ));
 };
 
+// src/context/VirtualizedMessageListContext.tsx
+var import_react256 = __toESM(require("react"));
+var VirtualizedMessageListContext = (0, import_react256.createContext)(void 0);
+var VirtualizedMessageListContextProvider = ({
+  children,
+  value
+}) => /* @__PURE__ */ import_react256.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") {
@@ -53911,7 +54568,7 @@ function captureResizeObserverExceededError(e2) {
   }
 }
 function useCaptureResizeObserverExceededError() {
-  (0, import_react256.useEffect)(() => {
+  (0, import_react257.useEffect)(() => {
     window.addEventListener("error", captureResizeObserverExceededError);
     return () => {
       window.removeEventListener("error", captureResizeObserverExceededError);
@@ -53998,8 +54655,8 @@ var VirtualizedMessageListWithContext = (props) => {
   } = useComponentContext("VirtualizedMessageList");
   const MessageUIComponent = MessageUIComponentFromProps || MessageUIComponentFromContext;
   const { client, customClasses } = useChatContext("VirtualizedMessageList");
-  const virtuoso = (0, import_react256.useRef)(null);
-  const lastRead = (0, import_react256.useMemo)(() => channel.lastRead?.(), [channel]);
+  const virtuoso = (0, import_react257.useRef)(null);
+  const lastRead = (0, import_react257.useMemo)(() => channel.lastRead?.(), [channel]);
   const {
     show: showUnreadMessagesNotification,
     toggleShowUnreadMessagesNotification
@@ -54011,7 +54668,7 @@ var VirtualizedMessageListWithContext = (props) => {
   const { giphyPreviewMessage, setGiphyPreviewMessage } = useGiphyPreview(
     separateGiphyPreview
   );
-  const processedMessages = (0, import_react256.useMemo)(() => {
+  const processedMessages = (0, import_react257.useMemo)(() => {
     if (typeof messages === "undefined") {
       return [];
     }
@@ -54043,11 +54700,11 @@ var VirtualizedMessageListWithContext = (props) => {
     returnAllReadData,
     userID: client.userID
   });
-  const lastReceivedMessageId = (0, import_react256.useMemo)(() => getLastReceived(processedMessages), [
+  const lastReceivedMessageId = (0, import_react257.useMemo)(() => getLastReceived(processedMessages), [
     processedMessages
   ]);
   const groupStylesFn = groupStyles || getGroupStyles;
-  const messageGroupStyles = (0, import_react256.useMemo)(
+  const messageGroupStyles = (0, import_react257.useMemo)(
     () => processedMessages.reduce((acc, message, i) => {
       const style = groupStylesFn(
         message,
@@ -54073,10 +54730,9 @@ var VirtualizedMessageListWithContext = (props) => {
   useMarkRead({
     isMessageListScrolledToBottom,
     messageListIsThread: !!threadList,
-    unreadCount: channelUnreadUiState?.unread_messages ?? 0,
     wasMarkedUnread: !!channelUnreadUiState?.first_unread_message_id
   });
-  const scrollToBottom = (0, import_react256.useCallback)(async () => {
+  const scrollToBottom = (0, import_react257.useCallback)(async () => {
     if (hasMoreNewer) {
       await jumpToLatestMessage();
       return;
@@ -54098,7 +54754,7 @@ var VirtualizedMessageListWithContext = (props) => {
   const numItemsPrepended = usePrependedMessagesCount(processedMessages, !disableDateSeparator);
   const { messageSetKey } = useMessageSetKey({ messages });
   const shouldForceScrollToBottom = useShouldForceScrollToBottom(processedMessages, client.userID);
-  const handleItemsRendered = (0, import_react256.useMemo)(
+  const handleItemsRendered = (0, import_react257.useMemo)(
     () => makeItemsRenderedHandler([toggleShowUnreadMessagesNotification], processedMessages),
     [processedMessages, toggleShowUnreadMessagesNotification]
   );
@@ -54111,7 +54767,7 @@ var VirtualizedMessageListWithContext = (props) => {
     }
     return isAtBottom ? stickToBottomScrollBehavior : false;
   };
-  const computeItemKey2 = (0, import_react256.useCallback)(
+  const computeItemKey2 = (0, import_react257.useCallback)(
     (index3, _, { numItemsPrepended: numItemsPrepended2, processedMessages: processedMessages2 }) => processedMessages2[calculateItemIndex(index3, numItemsPrepended2)].id,
     []
   );
@@ -54128,7 +54784,7 @@ var VirtualizedMessageListWithContext = (props) => {
       loadMore?.(messageLimit);
     }
   };
-  (0, import_react256.useEffect)(() => {
+  (0, import_react257.useEffect)(() => {
     let scrollTimeout;
     if (highlightedMessageId) {
       const index3 = findMessageIndex(processedMessages, highlightedMessageId);
@@ -54144,7 +54800,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_react256.default.createElement(import_react256.default.Fragment, null, /* @__PURE__ */ import_react256.default.createElement(MessageListMainPanel2, null, /* @__PURE__ */ import_react256.default.createElement(DialogManagerProvider, { id: dialogManagerId }, !threadList && showUnreadMessagesNotification && /* @__PURE__ */ import_react256.default.createElement(UnreadMessagesNotification2, { unreadCount: channelUnreadUiState?.unread_messages }), /* @__PURE__ */ import_react256.default.createElement("div", { className: customClasses?.virtualizedMessageList || "str-chat__virtual-list" }, /* @__PURE__ */ import_react256.default.createElement(
+  return /* @__PURE__ */ import_react257.default.createElement(VirtualizedMessageListContextProvider, { value: { scrollToBottom } }, /* @__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(
     import_react_virtuoso2.Virtuoso,
     {
       atBottomStateChange,
@@ -54209,7 +54865,7 @@ var VirtualizedMessageListWithContext = (props) => {
       ...scrollSeekPlaceHolder ? { scrollSeek: scrollSeekPlaceHolder } : {},
       ...defaultItemHeight ? { defaultItemHeight } : {}
     }
-  ))), TypingIndicator2 && /* @__PURE__ */ import_react256.default.createElement(TypingIndicator2, null)), /* @__PURE__ */ import_react256.default.createElement(
+  ))), TypingIndicator2 && /* @__PURE__ */ import_react257.default.createElement(TypingIndicator2, null)), /* @__PURE__ */ import_react257.default.createElement(
     MessageListNotifications2,
     {
       hasNewMessages: newMessagesNotification,
@@ -54221,7 +54877,7 @@ var VirtualizedMessageListWithContext = (props) => {
       threadList,
       unreadCount: threadList ? void 0 : channelUnreadUiState?.unread_messages
     }
-  ), giphyPreviewMessage && /* @__PURE__ */ import_react256.default.createElement(GiphyPreviewMessage2, { message: giphyPreviewMessage }));
+  ), giphyPreviewMessage && /* @__PURE__ */ import_react257.default.createElement(GiphyPreviewMessage2, { message: giphyPreviewMessage }));
 };
 function VirtualizedMessageList(props) {
   const {
@@ -54243,7 +54899,7 @@ function VirtualizedMessageList(props) {
     suppressAutoscroll
   } = useChannelStateContext("VirtualizedMessageList");
   const messages = props.messages || contextMessages;
-  return /* @__PURE__ */ import_react256.default.createElement(
+  return /* @__PURE__ */ import_react257.default.createElement(
     VirtualizedMessageListWithContext,
     {
       channel,
@@ -54434,7 +55090,7 @@ var ChannelContainer = ({
     customClasses
   });
   const className = (0, import_clsx64.default)(chatClass, theme, channelClass, additionalClassName);
-  return /* @__PURE__ */ import_react257.default.createElement("div", { id: CHANNEL_CONTAINER_ID, ...props, className }, children);
+  return /* @__PURE__ */ import_react258.default.createElement("div", { id: CHANNEL_CONTAINER_ID, ...props, className }, children);
 };
 var UnMemoizedChannel = (props) => {
   const {
@@ -54448,15 +55104,15 @@ var UnMemoizedChannel = (props) => {
   );
   const channel = propsChannel || contextChannel;
   if (channelsQueryState.queryInProgress === "reload" && LoadingIndicator2) {
-    return /* @__PURE__ */ import_react257.default.createElement(ChannelContainer, null, /* @__PURE__ */ import_react257.default.createElement(LoadingIndicator2, null));
+    return /* @__PURE__ */ import_react258.default.createElement(ChannelContainer, null, /* @__PURE__ */ import_react258.default.createElement(LoadingIndicator2, null));
   }
   if (channelsQueryState.error && LoadingErrorIndicator2) {
-    return /* @__PURE__ */ import_react257.default.createElement(ChannelContainer, null, /* @__PURE__ */ import_react257.default.createElement(LoadingErrorIndicator2, { error: channelsQueryState.error }));
+    return /* @__PURE__ */ import_react258.default.createElement(ChannelContainer, null, /* @__PURE__ */ import_react258.default.createElement(LoadingErrorIndicator2, { error: channelsQueryState.error }));
   }
   if (!channel?.cid) {
-    return /* @__PURE__ */ import_react257.default.createElement(ChannelContainer, null, EmptyPlaceholder2);
+    return /* @__PURE__ */ import_react258.default.createElement(ChannelContainer, null, EmptyPlaceholder2);
   }
-  return /* @__PURE__ */ import_react257.default.createElement(ChannelInner, { ...props, channel, key: channel.cid });
+  return /* @__PURE__ */ import_react258.default.createElement(ChannelInner, { ...props, channel, key: channel.cid });
 };
 var ChannelInner = (props) => {
   const {
@@ -54482,7 +55138,7 @@ var ChannelInner = (props) => {
     optionalMessageInputProps = {},
     skipMessageDataMemoization
   } = props;
-  const channelQueryOptions = (0, import_react257.useMemo)(
+  const channelQueryOptions = (0, import_react258.useMemo)(
     () => (0, import_lodash24.default)(propChannelQueryOptions, {
       messages: { limit: DEFAULT_INITIAL_CHANNEL_PAGE_SIZE }
     }),
@@ -54498,12 +55154,13 @@ var ChannelInner = (props) => {
   const chatContainerClass = getChatContainerClass(customClasses?.chatContainer);
   const windowsEmojiClass = useImageFlagEmojisOnWindowsClass();
   const thread = useThreadContext();
-  const [channelConfig, setChannelConfig] = (0, import_react257.useState)(channel.getConfig());
-  const [notifications, setNotifications] = (0, import_react257.useState)([]);
-  const [quotedMessage, setQuotedMessage] = (0, import_react257.useState)();
-  const [channelUnreadUiState, _setChannelUnreadUiState] = (0, import_react257.useState)();
-  const notificationTimeouts = (0, import_react257.useRef)([]);
-  const [state, dispatch] = (0, import_react257.useReducer)(
+  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 channelReducer = (0, import_react258.useMemo)(() => makeChannelReducer(), []);
+  const [state, dispatch] = (0, import_react258.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
@@ -54514,9 +55171,9 @@ var ChannelInner = (props) => {
     }
   );
   const isMounted = useIsMounted();
-  const originalTitle = (0, import_react257.useRef)("");
-  const lastRead = (0, import_react257.useRef)();
-  const online = (0, import_react257.useRef)(true);
+  const originalTitle = (0, import_react258.useRef)("");
+  const lastRead = (0, import_react258.useRef)(void 0);
+  const online = (0, import_react258.useRef)(true);
   const channelCapabilitiesArray = channel.data?.own_capabilities;
   const throttledCopyStateFromChannel = (0, import_lodash25.default)(
     () => dispatch({ channel, type: "copyStateFromChannelOnEvent" }),
@@ -54526,14 +55183,14 @@ var ChannelInner = (props) => {
       trailing: true
     }
   );
-  const setChannelUnreadUiState = (0, import_react257.useMemo)(
+  const setChannelUnreadUiState = (0, import_react258.useMemo)(
     () => (0, import_lodash25.default)(_setChannelUnreadUiState, 200, {
       leading: true,
       trailing: false
     }),
     []
   );
-  const markRead = (0, import_react257.useMemo)(
+  const markRead = (0, import_react258.useMemo)(
     () => (0, import_lodash25.default)(
       async (options) => {
         const { updateChannelUiUnreadState = true } = options ?? {};
@@ -54628,7 +55285,7 @@ var ChannelInner = (props) => {
     }
     throttledCopyStateFromChannel();
   };
-  (0, import_react257.useLayoutEffect)(() => {
+  (0, import_react258.useLayoutEffect)(() => {
     let errored = false;
     let done = false;
     (async () => {
@@ -54694,16 +55351,16 @@ var ChannelInner = (props) => {
     channelConfig?.read_events,
     initializeOnMount
   ]);
-  (0, import_react257.useEffect)(() => {
+  (0, import_react258.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_react257.useMemo)(
+  const addNotification = (0, import_react258.useMemo)(
     () => makeAddNotifications(setNotifications, notificationTimeouts.current),
     []
   );
-  const loadMoreFinished = (0, import_react257.useCallback)(
+  const loadMoreFinished = (0, import_react258.useCallback)(
     (0, import_lodash23.default)(
       (hasMore, messages) => {
         if (!isMounted.current) return;
@@ -54764,8 +55421,8 @@ var ChannelInner = (props) => {
     });
     return queryResponse.messages.length;
   };
-  const clearHighlightedMessageTimeoutId = (0, import_react257.useRef)(null);
-  const jumpToMessage = (0, import_react257.useCallback)(
+  const clearHighlightedMessageTimeoutId = (0, import_react258.useRef)(null);
+  const jumpToMessage = (0, import_react258.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);
@@ -54785,14 +55442,14 @@ var ChannelInner = (props) => {
     },
     [channel, loadMoreFinished]
   );
-  const jumpToLatestMessage = (0, import_react257.useCallback)(async () => {
+  const jumpToLatestMessage = (0, import_react258.useCallback)(async () => {
     await channel.state.loadMessageIntoState("latest");
     loadMoreFinished(channel.state.messagePagination.hasPrev, channel.state.messages);
     dispatch({
       type: "jumpToLatestMessage"
     });
   }, [channel, loadMoreFinished]);
-  const jumpToFirstUnreadMessage = (0, import_react257.useCallback)(
+  const jumpToFirstUnreadMessage = (0, import_react258.useCallback)(
     async (queryMessageLimit = DEFAULT_JUMP_TO_PAGE_SIZE, highlightDuration = DEFAULT_HIGHLIGHT_DURATION) => {
       if (!channelUnreadUiState?.unread_messages) return;
       let lastReadMessageId = channelUnreadUiState?.last_read_message_id;
@@ -54897,7 +55554,7 @@ var ChannelInner = (props) => {
     },
     [addNotification, channel, loadMoreFinished, t2, channelUnreadUiState]
   );
-  const deleteMessage = (0, import_react257.useCallback)(
+  const deleteMessage = (0, import_react258.useCallback)(
     async (message) => {
       if (!message?.id) {
         throw new Error("Cannot delete a message - missing message ID.");
@@ -55046,7 +55703,7 @@ var ChannelInner = (props) => {
     event?.preventDefault();
     dispatch({ type: "closeThread" });
   };
-  const loadMoreThreadFinished = (0, import_react257.useCallback)(
+  const loadMoreThreadFinished = (0, import_react258.useCallback)(
     (0, import_lodash23.default)(
       (threadHasMore, threadMessages) => {
         dispatch({
@@ -55107,7 +55764,7 @@ var ChannelInner = (props) => {
     videoAttachmentSizeHandler: props.videoAttachmentSizeHandler || getVideoAttachmentConfiguration,
     watcher_count: state.watcherCount
   });
-  const channelActionContextValue = (0, import_react257.useMemo)(
+  const channelActionContextValue = (0, import_react258.useMemo)(
     () => ({
       addNotification,
       closeThread,
@@ -55148,7 +55805,7 @@ var ChannelInner = (props) => {
       setChannelUnreadUiState
     ]
   );
-  const componentContextValue = (0, import_react257.useMemo)(
+  const componentContextValue = (0, import_react258.useMemo)(
     () => ({
       Attachment: props.Attachment,
       AttachmentPreviewList: props.AttachmentPreviewList,
@@ -55276,26 +55933,26 @@ var ChannelInner = (props) => {
     typing
   });
   if (state.error) {
-    return /* @__PURE__ */ import_react257.default.createElement(ChannelContainer, null, /* @__PURE__ */ import_react257.default.createElement(LoadingErrorIndicator2, { error: state.error }));
+    return /* @__PURE__ */ import_react258.default.createElement(ChannelContainer, null, /* @__PURE__ */ import_react258.default.createElement(LoadingErrorIndicator2, { error: state.error }));
   }
   if (state.loading) {
-    return /* @__PURE__ */ import_react257.default.createElement(ChannelContainer, null, /* @__PURE__ */ import_react257.default.createElement(LoadingIndicator2, null));
+    return /* @__PURE__ */ import_react258.default.createElement(ChannelContainer, null, /* @__PURE__ */ import_react258.default.createElement(LoadingIndicator2, null));
   }
   if (!channel.watch) {
-    return /* @__PURE__ */ import_react257.default.createElement(ChannelContainer, null, /* @__PURE__ */ import_react257.default.createElement("div", null, t2("Channel Missing")));
+    return /* @__PURE__ */ import_react258.default.createElement(ChannelContainer, null, /* @__PURE__ */ import_react258.default.createElement("div", null, t2("Channel Missing")));
   }
-  return /* @__PURE__ */ import_react257.default.createElement(ChannelContainer, { className: windowsEmojiClass }, /* @__PURE__ */ import_react257.default.createElement(ChannelStateProvider, { value: channelStateContextValue }, /* @__PURE__ */ import_react257.default.createElement(ChannelActionProvider, { value: channelActionContextValue }, /* @__PURE__ */ import_react257.default.createElement(WithComponents, { overrides: componentContextValue }, /* @__PURE__ */ import_react257.default.createElement(TypingProvider, { value: typingContextValue }, /* @__PURE__ */ import_react257.default.createElement("div", { className: `${chatContainerClass}` }, dragAndDropWindow && /* @__PURE__ */ import_react257.default.createElement(DropzoneProvider, { ...optionalMessageInputProps }, children), !dragAndDropWindow && /* @__PURE__ */ import_react257.default.createElement(import_react257.default.Fragment, null, children)))))));
+  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)))))));
 };
-var Channel = import_react257.default.memo(UnMemoizedChannel);
+var Channel = import_react258.default.memo(UnMemoizedChannel);
 
 // src/components/ChannelHeader/ChannelHeader.tsx
-var import_react259 = __toESM(require("react"));
+var import_react260 = __toESM(require("react"));
 
 // src/components/ChannelHeader/icons.tsx
-var import_react258 = __toESM(require("react"));
+var import_react259 = __toESM(require("react"));
 var MenuIcon2 = ({ title }) => {
   const { t: t2 } = useTranslationContext("MenuIcon");
-  return /* @__PURE__ */ import_react258.default.createElement("svg", { "data-testid": "menu-icon", viewBox: "0 0 448 512", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react258.default.createElement("title", null, title ?? t2("Menu")), /* @__PURE__ */ import_react258.default.createElement(
+  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(
     "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",
@@ -55322,15 +55979,15 @@ var ChannelHeader = (props) => {
     overrideTitle
   });
   const { member_count, subtitle } = channel?.data || {};
-  return /* @__PURE__ */ import_react259.default.createElement("div", { className: "str-chat__channel-header" }, /* @__PURE__ */ import_react259.default.createElement(
+  return /* @__PURE__ */ import_react260.default.createElement("div", { className: "str-chat__channel-header" }, /* @__PURE__ */ import_react260.default.createElement(
     "button",
     {
       "aria-label": t2("aria/Menu"),
       className: "str-chat__header-hamburger",
       onClick: openMobileNav
     },
-    /* @__PURE__ */ import_react259.default.createElement(MenuIcon3, null)
-  ), /* @__PURE__ */ import_react259.default.createElement(
+    /* @__PURE__ */ import_react260.default.createElement(MenuIcon3, null)
+  ), /* @__PURE__ */ import_react260.default.createElement(
     Avatar2,
     {
       className: "str-chat__avatar--channel-header",
@@ -55338,35 +55995,35 @@ var ChannelHeader = (props) => {
       image: displayImage,
       name: displayTitle
     }
-  ), /* @__PURE__ */ import_react259.default.createElement("div", { className: "str-chat__channel-header-end" }, /* @__PURE__ */ import_react259.default.createElement("p", { className: "str-chat__channel-header-title" }, displayTitle, " ", live && /* @__PURE__ */ import_react259.default.createElement("span", { className: "str-chat__header-livestream-livelabel" }, t2("live"))), subtitle && /* @__PURE__ */ import_react259.default.createElement("p", { className: "str-chat__channel-header-subtitle" }, subtitle), /* @__PURE__ */ import_react259.default.createElement("p", { className: "str-chat__channel-header-info" }, !live && !!member_count && member_count > 0 && /* @__PURE__ */ import_react259.default.createElement(import_react259.default.Fragment, null, t2("{{ memberCount }} members", {
+  ), /* @__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", {
     memberCount: member_count
   }), ",", " "), t2("{{ watcherCount }} online", { watcherCount: watcher_count }))));
 };
 
 // src/components/Chat/Chat.tsx
-var import_react263 = __toESM(require("react"));
+var import_react264 = __toESM(require("react"));
 
 // src/components/Chat/hooks/useChat.ts
-var import_react260 = require("react");
+var import_react261 = require("react");
 var useChat = ({
   client,
   defaultLanguage = "en",
   i18nInstance,
   initialNavOpen
 }) => {
-  const [translators, setTranslators] = (0, import_react260.useState)({
+  const [translators, setTranslators] = (0, import_react261.useState)({
     t: (key) => key,
     tDateTimeParser: defaultDateTimeParser,
     userLanguage: "en"
   });
-  const [channel, setChannel] = (0, import_react260.useState)();
-  const [mutes, setMutes] = (0, import_react260.useState)([]);
-  const [navOpen, setNavOpen] = (0, import_react260.useState)(initialNavOpen);
-  const [latestMessageDatesByChannels, setLatestMessageDatesByChannels] = (0, import_react260.useState)({});
+  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 clientMutes = client.user?.mutes || [];
   const closeMobileNav = () => setNavOpen(false);
   const openMobileNav = () => setTimeout(() => setNavOpen(true), 100);
-  const appSettings = (0, import_react260.useRef)(null);
+  const appSettings = (0, import_react261.useRef)(null);
   const getAppSettings = () => {
     if (appSettings.current) {
       return appSettings.current;
@@ -55374,11 +56031,11 @@ var useChat = ({
     appSettings.current = client.getAppSettings();
     return appSettings.current;
   };
-  (0, import_react260.useEffect)(() => {
+  (0, import_react261.useEffect)(() => {
     if (!client) return;
     const userAgent = client.getUserAgent();
     if (!userAgent.includes("stream-chat-react")) {
-      client.setUserAgent(`stream-chat-react-12.8.2-${userAgent}`);
+      client.setUserAgent(`stream-chat-react-12.10.0-${userAgent}`);
     }
     client.threads.registerSubscriptions();
     client.polls.registerSubscriptions();
@@ -55387,7 +56044,7 @@ var useChat = ({
       client.polls.unregisterSubscriptions();
     };
   }, [client]);
-  (0, import_react260.useEffect)(() => {
+  (0, import_react261.useEffect)(() => {
     setMutes(clientMutes);
     const handleEvent = (event) => {
       setMutes(event.me?.mutes || []);
@@ -55395,7 +56052,7 @@ var useChat = ({
     client.on("notification.mutes_updated", handleEvent);
     return () => client.off("notification.mutes_updated", handleEvent);
   }, [clientMutes?.length]);
-  (0, import_react260.useEffect)(() => {
+  (0, import_react261.useEffect)(() => {
     let userLanguage = client.user?.language;
     if (!userLanguage) {
       const browserLanguage = window.navigator.language.slice(0, 2);
@@ -55412,7 +56069,7 @@ var useChat = ({
       });
     });
   }, [i18nInstance]);
-  const setActiveChannel = (0, import_react260.useCallback)(
+  const setActiveChannel = (0, import_react261.useCallback)(
     async (activeChannel, watchers = {}, event) => {
       if (event && event.preventDefault) event.preventDefault();
       if (activeChannel && Object.keys(watchers).length) {
@@ -55423,7 +56080,7 @@ var useChat = ({
     },
     []
   );
-  (0, import_react260.useEffect)(() => {
+  (0, import_react261.useEffect)(() => {
     setLatestMessageDatesByChannels({});
   }, [client.user?.id]);
   return {
@@ -55440,7 +56097,7 @@ var useChat = ({
 };
 
 // src/components/Chat/hooks/useCreateChatContext.ts
-var import_react261 = require("react");
+var import_react262 = require("react");
 var useCreateChatContext = (value) => {
   const {
     channel,
@@ -55464,7 +56121,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_react261.useMemo)(
+  const chatContext = (0, import_react262.useMemo)(
     () => ({
       channel,
       channelsQueryState,
@@ -55497,10 +56154,10 @@ var useCreateChatContext = (value) => {
 };
 
 // src/components/Chat/hooks/useChannelsQueryState.ts
-var import_react262 = require("react");
+var import_react263 = require("react");
 var useChannelsQueryState = () => {
-  const [error, setError] = (0, import_react262.useState)(null);
-  const [queryInProgress, setQueryInProgress] = (0, import_react262.useState)("uninitialized");
+  const [error, setError] = (0, import_react263.useState)(null);
+  const [queryInProgress, setQueryInProgress] = (0, import_react263.useState)("uninitialized");
   return {
     error,
     queryInProgress,
@@ -55551,11 +56208,11 @@ var Chat = (props) => {
     useImageFlagEmojisOnWindows
   });
   if (!translators.t) return null;
-  return /* @__PURE__ */ import_react263.default.createElement(ChatProvider, { value: chatContextValue }, /* @__PURE__ */ import_react263.default.createElement(TranslationProvider, { value: translators }, children));
+  return /* @__PURE__ */ import_react264.default.createElement(ChatProvider, { value: chatContextValue }, /* @__PURE__ */ import_react264.default.createElement(TranslationProvider, { value: translators }, children));
 };
 
 // src/components/Chat/hooks/useCreateChatClient.ts
-var import_react264 = require("react");
+var import_react265 = require("react");
 var import_stream_chat6 = require("stream-chat");
 var useCreateChatClient = ({
   apiKey,
@@ -55563,13 +56220,13 @@ var useCreateChatClient = ({
   tokenOrProvider,
   userData
 }) => {
-  const [chatClient, setChatClient] = (0, import_react264.useState)(null);
-  const [cachedUserData, setCachedUserData] = (0, import_react264.useState)(userData);
+  const [chatClient, setChatClient] = (0, import_react265.useState)(null);
+  const [cachedUserData, setCachedUserData] = (0, import_react265.useState)(userData);
   if (userData.id !== cachedUserData.id) {
     setCachedUserData(userData);
   }
-  const [cachedOptions] = (0, import_react264.useState)(options);
-  (0, import_react264.useEffect)(() => {
+  const [cachedOptions] = (0, import_react265.useState)(options);
+  (0, import_react265.useEffect)(() => {
     const client = new import_stream_chat6.StreamChat(apiKey, void 0, cachedOptions);
     let didUserConnectInterrupt = false;
     const connectionPromise = client.connectUser(cachedUserData, tokenOrProvider).then(() => {
@@ -55587,17 +56244,17 @@ var useCreateChatClient = ({
 };
 
 // src/components/Thread/Thread.tsx
-var import_react269 = __toESM(require("react"));
+var import_react270 = __toESM(require("react"));
 var import_clsx65 = __toESM(require("clsx"));
 
 // src/components/Thread/ThreadHeader.tsx
-var import_react266 = __toESM(require("react"));
+var import_react267 = __toESM(require("react"));
 
 // src/components/Thread/icons.tsx
-var import_react265 = __toESM(require("react"));
+var import_react266 = __toESM(require("react"));
 var CloseIcon3 = ({ title }) => {
   const { t: t2 } = useTranslationContext("CloseIcon");
-  return /* @__PURE__ */ import_react265.default.createElement(
+  return /* @__PURE__ */ import_react266.default.createElement(
     "svg",
     {
       "data-testid": "close-no-outline",
@@ -55605,8 +56262,8 @@ var CloseIcon3 = ({ title }) => {
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__PURE__ */ import_react265.default.createElement("title", null, title ?? t2("Close")),
-    /* @__PURE__ */ import_react265.default.createElement(
+    /* @__PURE__ */ import_react266.default.createElement("title", null, title ?? t2("Close")),
+    /* @__PURE__ */ import_react266.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",
@@ -55626,7 +56283,7 @@ var ThreadHeader = (props) => {
     overrideImage,
     overrideTitle
   });
-  return /* @__PURE__ */ import_react266.default.createElement("div", { className: "str-chat__thread-header" }, /* @__PURE__ */ import_react266.default.createElement("div", { className: "str-chat__thread-header-details" }, /* @__PURE__ */ import_react266.default.createElement("div", { className: "str-chat__thread-header-title" }, t2("Thread")), /* @__PURE__ */ import_react266.default.createElement("div", { className: "str-chat__thread-header-subtitle" }, displayTitle)), /* @__PURE__ */ import_react266.default.createElement(
+  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(
     "button",
     {
       "aria-label": t2("aria/Close thread"),
@@ -55634,20 +56291,20 @@ var ThreadHeader = (props) => {
       "data-testid": "close-button",
       onClick: closeThread
     },
-    /* @__PURE__ */ import_react266.default.createElement(CloseIcon3, null)
+    /* @__PURE__ */ import_react267.default.createElement(CloseIcon3, null)
   ));
 };
 
 // src/components/Thread/ThreadHead.tsx
-var import_react268 = __toESM(require("react"));
+var import_react269 = __toESM(require("react"));
 
 // src/components/Thread/ThreadStart.tsx
-var import_react267 = __toESM(require("react"));
+var import_react268 = __toESM(require("react"));
 var ThreadStart = () => {
   const { thread } = useChannelStateContext("ThreadStart");
   const { t: t2 } = useTranslationContext("ThreadStart");
   if (!thread?.reply_count) return null;
-  return /* @__PURE__ */ import_react267.default.createElement("div", { className: "str-chat__thread-start" }, t2("replyCount", { count: thread.reply_count }));
+  return /* @__PURE__ */ import_react268.default.createElement("div", { className: "str-chat__thread-start" }, t2("replyCount", { count: thread.reply_count }));
 };
 
 // src/components/Thread/ThreadHead.tsx
@@ -55655,7 +56312,7 @@ var ThreadHead = (props) => {
   const { ThreadStart: ThreadStart2 = ThreadStart } = useComponentContext(
     "ThreadHead"
   );
-  return /* @__PURE__ */ import_react268.default.createElement("div", { className: "str-chat__parent-message-li" }, /* @__PURE__ */ import_react268.default.createElement(Message, { initialMessage: true, threadList: true, ...props }), /* @__PURE__ */ import_react268.default.createElement(ThreadStart2, null));
+  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));
 };
 
 // src/components/Thread/Thread.tsx
@@ -55665,10 +56322,10 @@ 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_react269.default.createElement(ThreadInner, { ...props, key: `thread-${(thread ?? threadInstance)?.id}-${channel?.cid}` })
+    /* @__PURE__ */ import_react270.default.createElement(ThreadInner, { ...props, key: `thread-${(thread ?? threadInstance)?.id}-${channel?.cid}` })
   );
 };
-var selector5 = (nextValue) => ({
+var selector6 = (nextValue) => ({
   isLoadingNext: nextValue.pagination.isLoadingNext,
   isLoadingPrev: nextValue.pagination.isLoadingPrev,
   parentMessage: nextValue.parentMessage,
@@ -55688,7 +56345,7 @@ var ThreadInner = (props) => {
     virtualized
   } = props;
   const threadInstance = useThreadContext();
-  const { isLoadingNext, isLoadingPrev, parentMessage, replies } = useStateStore(threadInstance?.state, selector5) ?? {};
+  const { isLoadingNext, isLoadingPrev, parentMessage, replies } = useStateStore(threadInstance?.state, selector6) ?? {};
   const {
     thread,
     threadHasMore,
@@ -55710,7 +56367,7 @@ var ThreadInner = (props) => {
   const FallbackMessage = virtualized && VirtualMessage ? VirtualMessage : ContextMessage;
   const MessageUIComponent = ThreadMessage || FallbackMessage;
   const ThreadMessageList = virtualized ? VirtualizedMessageList : MessageList;
-  (0, import_react269.useEffect)(() => {
+  (0, import_react270.useEffect)(() => {
     if (thread?.id && thread?.reply_count) {
       loadMoreThread();
     }
@@ -55732,7 +56389,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_react269.default.createElement(
+  const head = /* @__PURE__ */ import_react270.default.createElement(
     ThreadHead2,
     {
       key: messageAsThread.id,
@@ -55741,7 +56398,7 @@ var ThreadInner = (props) => {
       ...additionalParentMessageProps
     }
   );
-  return /* @__PURE__ */ import_react269.default.createElement("div", { className: threadClass }, /* @__PURE__ */ import_react269.default.createElement(ThreadHeader2, { closeThread, thread: messageAsThread }), /* @__PURE__ */ import_react269.default.createElement(
+  return /* @__PURE__ */ import_react270.default.createElement("div", { className: threadClass }, /* @__PURE__ */ import_react270.default.createElement(ThreadHeader2, { closeThread, thread: messageAsThread }), /* @__PURE__ */ import_react270.default.createElement(
     ThreadMessageList,
     {
       disableDateSeparator: !enableDateSeparator,
@@ -55753,7 +56410,7 @@ var ThreadInner = (props) => {
       ...threadProps,
       ...virtualized ? additionalVirtualizedMessageListProps : additionalMessageListProps
     }
-  ), /* @__PURE__ */ import_react269.default.createElement(
+  ), /* @__PURE__ */ import_react270.default.createElement(
     MessageInput,
     {
       focus: autoFocus,
@@ -55767,12 +56424,12 @@ var ThreadInner = (props) => {
 };
 
 // src/components/Window/Window.tsx
-var import_react270 = __toESM(require("react"));
+var import_react271 = __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_react270.default.createElement(
+  return /* @__PURE__ */ import_react271.default.createElement(
     "div",
     {
       className: (0, import_clsx66.default)("str-chat__main-panel", {
@@ -55782,7 +56439,7 @@ var UnMemoizedWindow = (props) => {
     children
   );
 };
-var Window = import_react270.default.memo(UnMemoizedWindow);
+var Window = import_react271.default.memo(UnMemoizedWindow);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ACTIONS_NOT_WORKING_IN_THREAD,
@@ -56007,6 +56664,7 @@ var Window = import_react270.default.memo(UnMemoizedWindow);
   enTranslations,
   esTranslations,
   escapeRegExp,
+  extractSortValue,
   findLastPinnedChannelIndex,
   frTranslations,
   getChannel,
@@ -56173,5 +56831,47 @@ is-buffer/index.js:
    * @author   Feross Aboukhadijeh <https://feross.org>
    * @license  MIT
    *)
+
+react-is/cjs/react-is.production.min.js:
+  (**
+   * @license React
+   * react-is.production.min.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
+   * 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.production.min.js:
+  (** @license React v16.13.1
+   * react-is.production.min.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.node.cjs.map