stream-chat-react 11.9.0 → 11.11.0

package/dist/browser.full-bundle.js

@@ -45284,6 +45284,2038 @@ var StreamChatReact = (function (exports, React$2, jsxRuntime, ReactDOM, streamC
 
     var lodash_debounce = debounce$2;
 
+    var lodash_defaultsdeep = {exports: {}};
+
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};/**
+     * Lodash (Custom Build) <https://lodash.com/>
+     * Build: `lodash modularize exports="npm" -o ./`
+     * Copyright OpenJS Foundation and other contributors <https://openjsf.org/>
+     * Released under MIT license <https://lodash.com/license>
+     * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
+     * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
+     */
+
+    (function (module, exports) {
+    	/** Used as the size to enable large array optimizations. */
+    	var LARGE_ARRAY_SIZE = 200;
+
+    	/** Used to stand-in for `undefined` hash values. */
+    	var HASH_UNDEFINED = '__lodash_hash_undefined__';
+
+    	/** Used to detect hot functions by number of calls within a span of milliseconds. */
+    	var HOT_COUNT = 800,
+    	    HOT_SPAN = 16;
+
+    	/** Used as references for various `Number` constants. */
+    	var MAX_SAFE_INTEGER = 9007199254740991;
+
+    	/** `Object#toString` result references. */
+    	var argsTag = '[object Arguments]',
+    	    arrayTag = '[object Array]',
+    	    asyncTag = '[object AsyncFunction]',
+    	    boolTag = '[object Boolean]',
+    	    dateTag = '[object Date]',
+    	    errorTag = '[object Error]',
+    	    funcTag = '[object Function]',
+    	    genTag = '[object GeneratorFunction]',
+    	    mapTag = '[object Map]',
+    	    numberTag = '[object Number]',
+    	    nullTag = '[object Null]',
+    	    objectTag = '[object Object]',
+    	    proxyTag = '[object Proxy]',
+    	    regexpTag = '[object RegExp]',
+    	    setTag = '[object Set]',
+    	    stringTag = '[object String]',
+    	    undefinedTag = '[object Undefined]',
+    	    weakMapTag = '[object WeakMap]';
+
+    	var arrayBufferTag = '[object ArrayBuffer]',
+    	    dataViewTag = '[object DataView]',
+    	    float32Tag = '[object Float32Array]',
+    	    float64Tag = '[object Float64Array]',
+    	    int8Tag = '[object Int8Array]',
+    	    int16Tag = '[object Int16Array]',
+    	    int32Tag = '[object Int32Array]',
+    	    uint8Tag = '[object Uint8Array]',
+    	    uint8ClampedTag = '[object Uint8ClampedArray]',
+    	    uint16Tag = '[object Uint16Array]',
+    	    uint32Tag = '[object Uint32Array]';
+
+    	/**
+    	 * Used to match `RegExp`
+    	 * [syntax characters](http://ecma-international.org/ecma-262/7.0/#sec-patterns).
+    	 */
+    	var reRegExpChar = /[\\^$.*+?()[\]{}|]/g;
+
+    	/** Used to detect host constructors (Safari). */
+    	var reIsHostCtor = /^\[object .+?Constructor\]$/;
+
+    	/** Used to detect unsigned integer values. */
+    	var reIsUint = /^(?:0|[1-9]\d*)$/;
+
+    	/** Used to identify `toStringTag` values of typed arrays. */
+    	var typedArrayTags = {};
+    	typedArrayTags[float32Tag] = typedArrayTags[float64Tag] =
+    	typedArrayTags[int8Tag] = typedArrayTags[int16Tag] =
+    	typedArrayTags[int32Tag] = typedArrayTags[uint8Tag] =
+    	typedArrayTags[uint8ClampedTag] = typedArrayTags[uint16Tag] =
+    	typedArrayTags[uint32Tag] = true;
+    	typedArrayTags[argsTag] = typedArrayTags[arrayTag] =
+    	typedArrayTags[arrayBufferTag] = typedArrayTags[boolTag] =
+    	typedArrayTags[dataViewTag] = typedArrayTags[dateTag] =
+    	typedArrayTags[errorTag] = typedArrayTags[funcTag] =
+    	typedArrayTags[mapTag] = typedArrayTags[numberTag] =
+    	typedArrayTags[objectTag] = typedArrayTags[regexpTag] =
+    	typedArrayTags[setTag] = typedArrayTags[stringTag] =
+    	typedArrayTags[weakMapTag] = false;
+
+    	/** Detect free variable `global` from Node.js. */
+    	var freeGlobal = typeof commonjsGlobal == 'object' && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
+
+    	/** Detect free variable `self`. */
+    	var freeSelf = typeof self == 'object' && self && self.Object === Object && self;
+
+    	/** Used as a reference to the global object. */
+    	var root = freeGlobal || freeSelf || Function('return this')();
+
+    	/** Detect free variable `exports`. */
+    	var freeExports = exports && !exports.nodeType && exports;
+
+    	/** Detect free variable `module`. */
+    	var freeModule = freeExports && 'object' == 'object' && module && !module.nodeType && module;
+
+    	/** Detect the popular CommonJS extension `module.exports`. */
+    	var moduleExports = freeModule && freeModule.exports === freeExports;
+
+    	/** Detect free variable `process` from Node.js. */
+    	var freeProcess = moduleExports && freeGlobal.process;
+
+    	/** Used to access faster Node.js helpers. */
+    	var nodeUtil = (function() {
+    	  try {
+    	    // Use `util.types` for Node.js 10+.
+    	    var types = freeModule && freeModule.require && freeModule.require('util').types;
+
+    	    if (types) {
+    	      return types;
+    	    }
+
+    	    // Legacy `process.binding('util')` for Node.js < 10.
+    	    return freeProcess && freeProcess.binding && freeProcess.binding('util');
+    	  } catch (e) {}
+    	}());
+
+    	/* Node.js helper references. */
+    	var nodeIsTypedArray = nodeUtil && nodeUtil.isTypedArray;
+
+    	/**
+    	 * A faster alternative to `Function#apply`, this function invokes `func`
+    	 * with the `this` binding of `thisArg` and the arguments of `args`.
+    	 *
+    	 * @private
+    	 * @param {Function} func The function to invoke.
+    	 * @param {*} thisArg The `this` binding of `func`.
+    	 * @param {Array} args The arguments to invoke `func` with.
+    	 * @returns {*} Returns the result of `func`.
+    	 */
+    	function apply(func, thisArg, args) {
+    	  switch (args.length) {
+    	    case 0: return func.call(thisArg);
+    	    case 1: return func.call(thisArg, args[0]);
+    	    case 2: return func.call(thisArg, args[0], args[1]);
+    	    case 3: return func.call(thisArg, args[0], args[1], args[2]);
+    	  }
+    	  return func.apply(thisArg, args);
+    	}
+
+    	/**
+    	 * The base implementation of `_.times` without support for iteratee shorthands
+    	 * or max array length checks.
+    	 *
+    	 * @private
+    	 * @param {number} n The number of times to invoke `iteratee`.
+    	 * @param {Function} iteratee The function invoked per iteration.
+    	 * @returns {Array} Returns the array of results.
+    	 */
+    	function baseTimes(n, iteratee) {
+    	  var index = -1,
+    	      result = Array(n);
+
+    	  while (++index < n) {
+    	    result[index] = iteratee(index);
+    	  }
+    	  return result;
+    	}
+
+    	/**
+    	 * The base implementation of `_.unary` without support for storing metadata.
+    	 *
+    	 * @private
+    	 * @param {Function} func The function to cap arguments for.
+    	 * @returns {Function} Returns the new capped function.
+    	 */
+    	function baseUnary(func) {
+    	  return function(value) {
+    	    return func(value);
+    	  };
+    	}
+
+    	/**
+    	 * Gets the value at `key` of `object`.
+    	 *
+    	 * @private
+    	 * @param {Object} [object] The object to query.
+    	 * @param {string} key The key of the property to get.
+    	 * @returns {*} Returns the property value.
+    	 */
+    	function getValue(object, key) {
+    	  return object == null ? undefined : object[key];
+    	}
+
+    	/**
+    	 * Creates a unary function that invokes `func` with its argument transformed.
+    	 *
+    	 * @private
+    	 * @param {Function} func The function to wrap.
+    	 * @param {Function} transform The argument transform.
+    	 * @returns {Function} Returns the new function.
+    	 */
+    	function overArg(func, transform) {
+    	  return function(arg) {
+    	    return func(transform(arg));
+    	  };
+    	}
+
+    	/** Used for built-in method references. */
+    	var arrayProto = Array.prototype,
+    	    funcProto = Function.prototype,
+    	    objectProto = Object.prototype;
+
+    	/** Used to detect overreaching core-js shims. */
+    	var coreJsData = root['__core-js_shared__'];
+
+    	/** Used to resolve the decompiled source of functions. */
+    	var funcToString = funcProto.toString;
+
+    	/** Used to check objects for own properties. */
+    	var hasOwnProperty = objectProto.hasOwnProperty;
+
+    	/** Used to detect methods masquerading as native. */
+    	var maskSrcKey = (function() {
+    	  var uid = /[^.]+$/.exec(coreJsData && coreJsData.keys && coreJsData.keys.IE_PROTO || '');
+    	  return uid ? ('Symbol(src)_1.' + uid) : '';
+    	}());
+
+    	/**
+    	 * Used to resolve the
+    	 * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
+    	 * of values.
+    	 */
+    	var nativeObjectToString = objectProto.toString;
+
+    	/** Used to infer the `Object` constructor. */
+    	var objectCtorString = funcToString.call(Object);
+
+    	/** Used to detect if a method is native. */
+    	var reIsNative = RegExp('^' +
+    	  funcToString.call(hasOwnProperty).replace(reRegExpChar, '\\$&')
+    	  .replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, '$1.*?') + '$'
+    	);
+
+    	/** Built-in value references. */
+    	var Buffer = moduleExports ? root.Buffer : undefined,
+    	    Symbol = root.Symbol,
+    	    Uint8Array = root.Uint8Array,
+    	    allocUnsafe = Buffer ? Buffer.allocUnsafe : undefined,
+    	    getPrototype = overArg(Object.getPrototypeOf, Object),
+    	    objectCreate = Object.create,
+    	    propertyIsEnumerable = objectProto.propertyIsEnumerable,
+    	    splice = arrayProto.splice,
+    	    symToStringTag = Symbol ? Symbol.toStringTag : undefined;
+
+    	var defineProperty = (function() {
+    	  try {
+    	    var func = getNative(Object, 'defineProperty');
+    	    func({}, '', {});
+    	    return func;
+    	  } catch (e) {}
+    	}());
+
+    	/* Built-in method references for those with the same name as other `lodash` methods. */
+    	var nativeIsBuffer = Buffer ? Buffer.isBuffer : undefined,
+    	    nativeMax = Math.max,
+    	    nativeNow = Date.now;
+
+    	/* Built-in method references that are verified to be native. */
+    	var Map = getNative(root, 'Map'),
+    	    nativeCreate = getNative(Object, 'create');
+
+    	/**
+    	 * The base implementation of `_.create` without support for assigning
+    	 * properties to the created object.
+    	 *
+    	 * @private
+    	 * @param {Object} proto The object to inherit from.
+    	 * @returns {Object} Returns the new object.
+    	 */
+    	var baseCreate = (function() {
+    	  function object() {}
+    	  return function(proto) {
+    	    if (!isObject(proto)) {
+    	      return {};
+    	    }
+    	    if (objectCreate) {
+    	      return objectCreate(proto);
+    	    }
+    	    object.prototype = proto;
+    	    var result = new object;
+    	    object.prototype = undefined;
+    	    return result;
+    	  };
+    	}());
+
+    	/**
+    	 * Creates a hash object.
+    	 *
+    	 * @private
+    	 * @constructor
+    	 * @param {Array} [entries] The key-value pairs to cache.
+    	 */
+    	function Hash(entries) {
+    	  var index = -1,
+    	      length = entries == null ? 0 : entries.length;
+
+    	  this.clear();
+    	  while (++index < length) {
+    	    var entry = entries[index];
+    	    this.set(entry[0], entry[1]);
+    	  }
+    	}
+
+    	/**
+    	 * Removes all key-value entries from the hash.
+    	 *
+    	 * @private
+    	 * @name clear
+    	 * @memberOf Hash
+    	 */
+    	function hashClear() {
+    	  this.__data__ = nativeCreate ? nativeCreate(null) : {};
+    	  this.size = 0;
+    	}
+
+    	/**
+    	 * Removes `key` and its value from the hash.
+    	 *
+    	 * @private
+    	 * @name delete
+    	 * @memberOf Hash
+    	 * @param {Object} hash The hash to modify.
+    	 * @param {string} key The key of the value to remove.
+    	 * @returns {boolean} Returns `true` if the entry was removed, else `false`.
+    	 */
+    	function hashDelete(key) {
+    	  var result = this.has(key) && delete this.__data__[key];
+    	  this.size -= result ? 1 : 0;
+    	  return result;
+    	}
+
+    	/**
+    	 * Gets the hash value for `key`.
+    	 *
+    	 * @private
+    	 * @name get
+    	 * @memberOf Hash
+    	 * @param {string} key The key of the value to get.
+    	 * @returns {*} Returns the entry value.
+    	 */
+    	function hashGet(key) {
+    	  var data = this.__data__;
+    	  if (nativeCreate) {
+    	    var result = data[key];
+    	    return result === HASH_UNDEFINED ? undefined : result;
+    	  }
+    	  return hasOwnProperty.call(data, key) ? data[key] : undefined;
+    	}
+
+    	/**
+    	 * Checks if a hash value for `key` exists.
+    	 *
+    	 * @private
+    	 * @name has
+    	 * @memberOf Hash
+    	 * @param {string} key The key of the entry to check.
+    	 * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
+    	 */
+    	function hashHas(key) {
+    	  var data = this.__data__;
+    	  return nativeCreate ? (data[key] !== undefined) : hasOwnProperty.call(data, key);
+    	}
+
+    	/**
+    	 * Sets the hash `key` to `value`.
+    	 *
+    	 * @private
+    	 * @name set
+    	 * @memberOf Hash
+    	 * @param {string} key The key of the value to set.
+    	 * @param {*} value The value to set.
+    	 * @returns {Object} Returns the hash instance.
+    	 */
+    	function hashSet(key, value) {
+    	  var data = this.__data__;
+    	  this.size += this.has(key) ? 0 : 1;
+    	  data[key] = (nativeCreate && value === undefined) ? HASH_UNDEFINED : value;
+    	  return this;
+    	}
+
+    	// Add methods to `Hash`.
+    	Hash.prototype.clear = hashClear;
+    	Hash.prototype['delete'] = hashDelete;
+    	Hash.prototype.get = hashGet;
+    	Hash.prototype.has = hashHas;
+    	Hash.prototype.set = hashSet;
+
+    	/**
+    	 * Creates an list cache object.
+    	 *
+    	 * @private
+    	 * @constructor
+    	 * @param {Array} [entries] The key-value pairs to cache.
+    	 */
+    	function ListCache(entries) {
+    	  var index = -1,
+    	      length = entries == null ? 0 : entries.length;
+
+    	  this.clear();
+    	  while (++index < length) {
+    	    var entry = entries[index];
+    	    this.set(entry[0], entry[1]);
+    	  }
+    	}
+
+    	/**
+    	 * Removes all key-value entries from the list cache.
+    	 *
+    	 * @private
+    	 * @name clear
+    	 * @memberOf ListCache
+    	 */
+    	function listCacheClear() {
+    	  this.__data__ = [];
+    	  this.size = 0;
+    	}
+
+    	/**
+    	 * Removes `key` and its value from the list cache.
+    	 *
+    	 * @private
+    	 * @name delete
+    	 * @memberOf ListCache
+    	 * @param {string} key The key of the value to remove.
+    	 * @returns {boolean} Returns `true` if the entry was removed, else `false`.
+    	 */
+    	function listCacheDelete(key) {
+    	  var data = this.__data__,
+    	      index = assocIndexOf(data, key);
+
+    	  if (index < 0) {
+    	    return false;
+    	  }
+    	  var lastIndex = data.length - 1;
+    	  if (index == lastIndex) {
+    	    data.pop();
+    	  } else {
+    	    splice.call(data, index, 1);
+    	  }
+    	  --this.size;
+    	  return true;
+    	}
+
+    	/**
+    	 * Gets the list cache value for `key`.
+    	 *
+    	 * @private
+    	 * @name get
+    	 * @memberOf ListCache
+    	 * @param {string} key The key of the value to get.
+    	 * @returns {*} Returns the entry value.
+    	 */
+    	function listCacheGet(key) {
+    	  var data = this.__data__,
+    	      index = assocIndexOf(data, key);
+
+    	  return index < 0 ? undefined : data[index][1];
+    	}
+
+    	/**
+    	 * Checks if a list cache value for `key` exists.
+    	 *
+    	 * @private
+    	 * @name has
+    	 * @memberOf ListCache
+    	 * @param {string} key The key of the entry to check.
+    	 * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
+    	 */
+    	function listCacheHas(key) {
+    	  return assocIndexOf(this.__data__, key) > -1;
+    	}
+
+    	/**
+    	 * Sets the list cache `key` to `value`.
+    	 *
+    	 * @private
+    	 * @name set
+    	 * @memberOf ListCache
+    	 * @param {string} key The key of the value to set.
+    	 * @param {*} value The value to set.
+    	 * @returns {Object} Returns the list cache instance.
+    	 */
+    	function listCacheSet(key, value) {
+    	  var data = this.__data__,
+    	      index = assocIndexOf(data, key);
+
+    	  if (index < 0) {
+    	    ++this.size;
+    	    data.push([key, value]);
+    	  } else {
+    	    data[index][1] = value;
+    	  }
+    	  return this;
+    	}
+
+    	// Add methods to `ListCache`.
+    	ListCache.prototype.clear = listCacheClear;
+    	ListCache.prototype['delete'] = listCacheDelete;
+    	ListCache.prototype.get = listCacheGet;
+    	ListCache.prototype.has = listCacheHas;
+    	ListCache.prototype.set = listCacheSet;
+
+    	/**
+    	 * Creates a map cache object to store key-value pairs.
+    	 *
+    	 * @private
+    	 * @constructor
+    	 * @param {Array} [entries] The key-value pairs to cache.
+    	 */
+    	function MapCache(entries) {
+    	  var index = -1,
+    	      length = entries == null ? 0 : entries.length;
+
+    	  this.clear();
+    	  while (++index < length) {
+    	    var entry = entries[index];
+    	    this.set(entry[0], entry[1]);
+    	  }
+    	}
+
+    	/**
+    	 * Removes all key-value entries from the map.
+    	 *
+    	 * @private
+    	 * @name clear
+    	 * @memberOf MapCache
+    	 */
+    	function mapCacheClear() {
+    	  this.size = 0;
+    	  this.__data__ = {
+    	    'hash': new Hash,
+    	    'map': new (Map || ListCache),
+    	    'string': new Hash
+    	  };
+    	}
+
+    	/**
+    	 * Removes `key` and its value from the map.
+    	 *
+    	 * @private
+    	 * @name delete
+    	 * @memberOf MapCache
+    	 * @param {string} key The key of the value to remove.
+    	 * @returns {boolean} Returns `true` if the entry was removed, else `false`.
+    	 */
+    	function mapCacheDelete(key) {
+    	  var result = getMapData(this, key)['delete'](key);
+    	  this.size -= result ? 1 : 0;
+    	  return result;
+    	}
+
+    	/**
+    	 * Gets the map value for `key`.
+    	 *
+    	 * @private
+    	 * @name get
+    	 * @memberOf MapCache
+    	 * @param {string} key The key of the value to get.
+    	 * @returns {*} Returns the entry value.
+    	 */
+    	function mapCacheGet(key) {
+    	  return getMapData(this, key).get(key);
+    	}
+
+    	/**
+    	 * Checks if a map value for `key` exists.
+    	 *
+    	 * @private
+    	 * @name has
+    	 * @memberOf MapCache
+    	 * @param {string} key The key of the entry to check.
+    	 * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
+    	 */
+    	function mapCacheHas(key) {
+    	  return getMapData(this, key).has(key);
+    	}
+
+    	/**
+    	 * Sets the map `key` to `value`.
+    	 *
+    	 * @private
+    	 * @name set
+    	 * @memberOf MapCache
+    	 * @param {string} key The key of the value to set.
+    	 * @param {*} value The value to set.
+    	 * @returns {Object} Returns the map cache instance.
+    	 */
+    	function mapCacheSet(key, value) {
+    	  var data = getMapData(this, key),
+    	      size = data.size;
+
+    	  data.set(key, value);
+    	  this.size += data.size == size ? 0 : 1;
+    	  return this;
+    	}
+
+    	// Add methods to `MapCache`.
+    	MapCache.prototype.clear = mapCacheClear;
+    	MapCache.prototype['delete'] = mapCacheDelete;
+    	MapCache.prototype.get = mapCacheGet;
+    	MapCache.prototype.has = mapCacheHas;
+    	MapCache.prototype.set = mapCacheSet;
+
+    	/**
+    	 * Creates a stack cache object to store key-value pairs.
+    	 *
+    	 * @private
+    	 * @constructor
+    	 * @param {Array} [entries] The key-value pairs to cache.
+    	 */
+    	function Stack(entries) {
+    	  var data = this.__data__ = new ListCache(entries);
+    	  this.size = data.size;
+    	}
+
+    	/**
+    	 * Removes all key-value entries from the stack.
+    	 *
+    	 * @private
+    	 * @name clear
+    	 * @memberOf Stack
+    	 */
+    	function stackClear() {
+    	  this.__data__ = new ListCache;
+    	  this.size = 0;
+    	}
+
+    	/**
+    	 * Removes `key` and its value from the stack.
+    	 *
+    	 * @private
+    	 * @name delete
+    	 * @memberOf Stack
+    	 * @param {string} key The key of the value to remove.
+    	 * @returns {boolean} Returns `true` if the entry was removed, else `false`.
+    	 */
+    	function stackDelete(key) {
+    	  var data = this.__data__,
+    	      result = data['delete'](key);
+
+    	  this.size = data.size;
+    	  return result;
+    	}
+
+    	/**
+    	 * Gets the stack value for `key`.
+    	 *
+    	 * @private
+    	 * @name get
+    	 * @memberOf Stack
+    	 * @param {string} key The key of the value to get.
+    	 * @returns {*} Returns the entry value.
+    	 */
+    	function stackGet(key) {
+    	  return this.__data__.get(key);
+    	}
+
+    	/**
+    	 * Checks if a stack value for `key` exists.
+    	 *
+    	 * @private
+    	 * @name has
+    	 * @memberOf Stack
+    	 * @param {string} key The key of the entry to check.
+    	 * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
+    	 */
+    	function stackHas(key) {
+    	  return this.__data__.has(key);
+    	}
+
+    	/**
+    	 * Sets the stack `key` to `value`.
+    	 *
+    	 * @private
+    	 * @name set
+    	 * @memberOf Stack
+    	 * @param {string} key The key of the value to set.
+    	 * @param {*} value The value to set.
+    	 * @returns {Object} Returns the stack cache instance.
+    	 */
+    	function stackSet(key, value) {
+    	  var data = this.__data__;
+    	  if (data instanceof ListCache) {
+    	    var pairs = data.__data__;
+    	    if (!Map || (pairs.length < LARGE_ARRAY_SIZE - 1)) {
+    	      pairs.push([key, value]);
+    	      this.size = ++data.size;
+    	      return this;
+    	    }
+    	    data = this.__data__ = new MapCache(pairs);
+    	  }
+    	  data.set(key, value);
+    	  this.size = data.size;
+    	  return this;
+    	}
+
+    	// Add methods to `Stack`.
+    	Stack.prototype.clear = stackClear;
+    	Stack.prototype['delete'] = stackDelete;
+    	Stack.prototype.get = stackGet;
+    	Stack.prototype.has = stackHas;
+    	Stack.prototype.set = stackSet;
+
+    	/**
+    	 * Creates an array of the enumerable property names of the array-like `value`.
+    	 *
+    	 * @private
+    	 * @param {*} value The value to query.
+    	 * @param {boolean} inherited Specify returning inherited property names.
+    	 * @returns {Array} Returns the array of property names.
+    	 */
+    	function arrayLikeKeys(value, inherited) {
+    	  var isArr = isArray(value),
+    	      isArg = !isArr && isArguments(value),
+    	      isBuff = !isArr && !isArg && isBuffer(value),
+    	      isType = !isArr && !isArg && !isBuff && isTypedArray(value),
+    	      skipIndexes = isArr || isArg || isBuff || isType,
+    	      result = skipIndexes ? baseTimes(value.length, String) : [],
+    	      length = result.length;
+
+    	  for (var key in value) {
+    	    if ((inherited || hasOwnProperty.call(value, key)) &&
+    	        !(skipIndexes && (
+    	           // Safari 9 has enumerable `arguments.length` in strict mode.
+    	           key == 'length' ||
+    	           // Node.js 0.10 has enumerable non-index properties on buffers.
+    	           (isBuff && (key == 'offset' || key == 'parent')) ||
+    	           // PhantomJS 2 has enumerable non-index properties on typed arrays.
+    	           (isType && (key == 'buffer' || key == 'byteLength' || key == 'byteOffset')) ||
+    	           // Skip index properties.
+    	           isIndex(key, length)
+    	        ))) {
+    	      result.push(key);
+    	    }
+    	  }
+    	  return result;
+    	}
+
+    	/**
+    	 * This function is like `assignValue` except that it doesn't assign
+    	 * `undefined` values.
+    	 *
+    	 * @private
+    	 * @param {Object} object The object to modify.
+    	 * @param {string} key The key of the property to assign.
+    	 * @param {*} value The value to assign.
+    	 */
+    	function assignMergeValue(object, key, value) {
+    	  if ((value !== undefined && !eq(object[key], value)) ||
+    	      (value === undefined && !(key in object))) {
+    	    baseAssignValue(object, key, value);
+    	  }
+    	}
+
+    	/**
+    	 * Assigns `value` to `key` of `object` if the existing value is not equivalent
+    	 * using [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)
+    	 * for equality comparisons.
+    	 *
+    	 * @private
+    	 * @param {Object} object The object to modify.
+    	 * @param {string} key The key of the property to assign.
+    	 * @param {*} value The value to assign.
+    	 */
+    	function assignValue(object, key, value) {
+    	  var objValue = object[key];
+    	  if (!(hasOwnProperty.call(object, key) && eq(objValue, value)) ||
+    	      (value === undefined && !(key in object))) {
+    	    baseAssignValue(object, key, value);
+    	  }
+    	}
+
+    	/**
+    	 * Gets the index at which the `key` is found in `array` of key-value pairs.
+    	 *
+    	 * @private
+    	 * @param {Array} array The array to inspect.
+    	 * @param {*} key The key to search for.
+    	 * @returns {number} Returns the index of the matched value, else `-1`.
+    	 */
+    	function assocIndexOf(array, key) {
+    	  var length = array.length;
+    	  while (length--) {
+    	    if (eq(array[length][0], key)) {
+    	      return length;
+    	    }
+    	  }
+    	  return -1;
+    	}
+
+    	/**
+    	 * The base implementation of `assignValue` and `assignMergeValue` without
+    	 * value checks.
+    	 *
+    	 * @private
+    	 * @param {Object} object The object to modify.
+    	 * @param {string} key The key of the property to assign.
+    	 * @param {*} value The value to assign.
+    	 */
+    	function baseAssignValue(object, key, value) {
+    	  if (key == '__proto__' && defineProperty) {
+    	    defineProperty(object, key, {
+    	      'configurable': true,
+    	      'enumerable': true,
+    	      'value': value,
+    	      'writable': true
+    	    });
+    	  } else {
+    	    object[key] = value;
+    	  }
+    	}
+
+    	/**
+    	 * The base implementation of `baseForOwn` which iterates over `object`
+    	 * properties returned by `keysFunc` and invokes `iteratee` for each property.
+    	 * Iteratee functions may exit iteration early by explicitly returning `false`.
+    	 *
+    	 * @private
+    	 * @param {Object} object The object to iterate over.
+    	 * @param {Function} iteratee The function invoked per iteration.
+    	 * @param {Function} keysFunc The function to get the keys of `object`.
+    	 * @returns {Object} Returns `object`.
+    	 */
+    	var baseFor = createBaseFor();
+
+    	/**
+    	 * The base implementation of `getTag` without fallbacks for buggy environments.
+    	 *
+    	 * @private
+    	 * @param {*} value The value to query.
+    	 * @returns {string} Returns the `toStringTag`.
+    	 */
+    	function baseGetTag(value) {
+    	  if (value == null) {
+    	    return value === undefined ? undefinedTag : nullTag;
+    	  }
+    	  return (symToStringTag && symToStringTag in Object(value))
+    	    ? getRawTag(value)
+    	    : objectToString(value);
+    	}
+
+    	/**
+    	 * The base implementation of `_.isArguments`.
+    	 *
+    	 * @private
+    	 * @param {*} value The value to check.
+    	 * @returns {boolean} Returns `true` if `value` is an `arguments` object,
+    	 */
+    	function baseIsArguments(value) {
+    	  return isObjectLike(value) && baseGetTag(value) == argsTag;
+    	}
+
+    	/**
+    	 * The base implementation of `_.isNative` without bad shim checks.
+    	 *
+    	 * @private
+    	 * @param {*} value The value to check.
+    	 * @returns {boolean} Returns `true` if `value` is a native function,
+    	 *  else `false`.
+    	 */
+    	function baseIsNative(value) {
+    	  if (!isObject(value) || isMasked(value)) {
+    	    return false;
+    	  }
+    	  var pattern = isFunction(value) ? reIsNative : reIsHostCtor;
+    	  return pattern.test(toSource(value));
+    	}
+
+    	/**
+    	 * The base implementation of `_.isTypedArray` without Node.js optimizations.
+    	 *
+    	 * @private
+    	 * @param {*} value The value to check.
+    	 * @returns {boolean} Returns `true` if `value` is a typed array, else `false`.
+    	 */
+    	function baseIsTypedArray(value) {
+    	  return isObjectLike(value) &&
+    	    isLength(value.length) && !!typedArrayTags[baseGetTag(value)];
+    	}
+
+    	/**
+    	 * The base implementation of `_.keysIn` which doesn't treat sparse arrays as dense.
+    	 *
+    	 * @private
+    	 * @param {Object} object The object to query.
+    	 * @returns {Array} Returns the array of property names.
+    	 */
+    	function baseKeysIn(object) {
+    	  if (!isObject(object)) {
+    	    return nativeKeysIn(object);
+    	  }
+    	  var isProto = isPrototype(object),
+    	      result = [];
+
+    	  for (var key in object) {
+    	    if (!(key == 'constructor' && (isProto || !hasOwnProperty.call(object, key)))) {
+    	      result.push(key);
+    	    }
+    	  }
+    	  return result;
+    	}
+
+    	/**
+    	 * The base implementation of `_.merge` without support for multiple sources.
+    	 *
+    	 * @private
+    	 * @param {Object} object The destination object.
+    	 * @param {Object} source The source object.
+    	 * @param {number} srcIndex The index of `source`.
+    	 * @param {Function} [customizer] The function to customize merged values.
+    	 * @param {Object} [stack] Tracks traversed source values and their merged
+    	 *  counterparts.
+    	 */
+    	function baseMerge(object, source, srcIndex, customizer, stack) {
+    	  if (object === source) {
+    	    return;
+    	  }
+    	  baseFor(source, function(srcValue, key) {
+    	    stack || (stack = new Stack);
+    	    if (isObject(srcValue)) {
+    	      baseMergeDeep(object, source, key, srcIndex, baseMerge, customizer, stack);
+    	    }
+    	    else {
+    	      var newValue = customizer
+    	        ? customizer(safeGet(object, key), srcValue, (key + ''), object, source, stack)
+    	        : undefined;
+
+    	      if (newValue === undefined) {
+    	        newValue = srcValue;
+    	      }
+    	      assignMergeValue(object, key, newValue);
+    	    }
+    	  }, keysIn);
+    	}
+
+    	/**
+    	 * A specialized version of `baseMerge` for arrays and objects which performs
+    	 * deep merges and tracks traversed objects enabling objects with circular
+    	 * references to be merged.
+    	 *
+    	 * @private
+    	 * @param {Object} object The destination object.
+    	 * @param {Object} source The source object.
+    	 * @param {string} key The key of the value to merge.
+    	 * @param {number} srcIndex The index of `source`.
+    	 * @param {Function} mergeFunc The function to merge values.
+    	 * @param {Function} [customizer] The function to customize assigned values.
+    	 * @param {Object} [stack] Tracks traversed source values and their merged
+    	 *  counterparts.
+    	 */
+    	function baseMergeDeep(object, source, key, srcIndex, mergeFunc, customizer, stack) {
+    	  var objValue = safeGet(object, key),
+    	      srcValue = safeGet(source, key),
+    	      stacked = stack.get(srcValue);
+
+    	  if (stacked) {
+    	    assignMergeValue(object, key, stacked);
+    	    return;
+    	  }
+    	  var newValue = customizer
+    	    ? customizer(objValue, srcValue, (key + ''), object, source, stack)
+    	    : undefined;
+
+    	  var isCommon = newValue === undefined;
+
+    	  if (isCommon) {
+    	    var isArr = isArray(srcValue),
+    	        isBuff = !isArr && isBuffer(srcValue),
+    	        isTyped = !isArr && !isBuff && isTypedArray(srcValue);
+
+    	    newValue = srcValue;
+    	    if (isArr || isBuff || isTyped) {
+    	      if (isArray(objValue)) {
+    	        newValue = objValue;
+    	      }
+    	      else if (isArrayLikeObject(objValue)) {
+    	        newValue = copyArray(objValue);
+    	      }
+    	      else if (isBuff) {
+    	        isCommon = false;
+    	        newValue = cloneBuffer(srcValue, true);
+    	      }
+    	      else if (isTyped) {
+    	        isCommon = false;
+    	        newValue = cloneTypedArray(srcValue, true);
+    	      }
+    	      else {
+    	        newValue = [];
+    	      }
+    	    }
+    	    else if (isPlainObject(srcValue) || isArguments(srcValue)) {
+    	      newValue = objValue;
+    	      if (isArguments(objValue)) {
+    	        newValue = toPlainObject(objValue);
+    	      }
+    	      else if (!isObject(objValue) || isFunction(objValue)) {
+    	        newValue = initCloneObject(srcValue);
+    	      }
+    	    }
+    	    else {
+    	      isCommon = false;
+    	    }
+    	  }
+    	  if (isCommon) {
+    	    // Recursively merge objects and arrays (susceptible to call stack limits).
+    	    stack.set(srcValue, newValue);
+    	    mergeFunc(newValue, srcValue, srcIndex, customizer, stack);
+    	    stack['delete'](srcValue);
+    	  }
+    	  assignMergeValue(object, key, newValue);
+    	}
+
+    	/**
+    	 * The base implementation of `_.rest` which doesn't validate or coerce arguments.
+    	 *
+    	 * @private
+    	 * @param {Function} func The function to apply a rest parameter to.
+    	 * @param {number} [start=func.length-1] The start position of the rest parameter.
+    	 * @returns {Function} Returns the new function.
+    	 */
+    	function baseRest(func, start) {
+    	  return setToString(overRest(func, start, identity), func + '');
+    	}
+
+    	/**
+    	 * The base implementation of `setToString` without support for hot loop shorting.
+    	 *
+    	 * @private
+    	 * @param {Function} func The function to modify.
+    	 * @param {Function} string The `toString` result.
+    	 * @returns {Function} Returns `func`.
+    	 */
+    	var baseSetToString = !defineProperty ? identity : function(func, string) {
+    	  return defineProperty(func, 'toString', {
+    	    'configurable': true,
+    	    'enumerable': false,
+    	    'value': constant(string),
+    	    'writable': true
+    	  });
+    	};
+
+    	/**
+    	 * Creates a clone of  `buffer`.
+    	 *
+    	 * @private
+    	 * @param {Buffer} buffer The buffer to clone.
+    	 * @param {boolean} [isDeep] Specify a deep clone.
+    	 * @returns {Buffer} Returns the cloned buffer.
+    	 */
+    	function cloneBuffer(buffer, isDeep) {
+    	  if (isDeep) {
+    	    return buffer.slice();
+    	  }
+    	  var length = buffer.length,
+    	      result = allocUnsafe ? allocUnsafe(length) : new buffer.constructor(length);
+
+    	  buffer.copy(result);
+    	  return result;
+    	}
+
+    	/**
+    	 * Creates a clone of `arrayBuffer`.
+    	 *
+    	 * @private
+    	 * @param {ArrayBuffer} arrayBuffer The array buffer to clone.
+    	 * @returns {ArrayBuffer} Returns the cloned array buffer.
+    	 */
+    	function cloneArrayBuffer(arrayBuffer) {
+    	  var result = new arrayBuffer.constructor(arrayBuffer.byteLength);
+    	  new Uint8Array(result).set(new Uint8Array(arrayBuffer));
+    	  return result;
+    	}
+
+    	/**
+    	 * Creates a clone of `typedArray`.
+    	 *
+    	 * @private
+    	 * @param {Object} typedArray The typed array to clone.
+    	 * @param {boolean} [isDeep] Specify a deep clone.
+    	 * @returns {Object} Returns the cloned typed array.
+    	 */
+    	function cloneTypedArray(typedArray, isDeep) {
+    	  var buffer = isDeep ? cloneArrayBuffer(typedArray.buffer) : typedArray.buffer;
+    	  return new typedArray.constructor(buffer, typedArray.byteOffset, typedArray.length);
+    	}
+
+    	/**
+    	 * Copies the values of `source` to `array`.
+    	 *
+    	 * @private
+    	 * @param {Array} source The array to copy values from.
+    	 * @param {Array} [array=[]] The array to copy values to.
+    	 * @returns {Array} Returns `array`.
+    	 */
+    	function copyArray(source, array) {
+    	  var index = -1,
+    	      length = source.length;
+
+    	  array || (array = Array(length));
+    	  while (++index < length) {
+    	    array[index] = source[index];
+    	  }
+    	  return array;
+    	}
+
+    	/**
+    	 * Copies properties of `source` to `object`.
+    	 *
+    	 * @private
+    	 * @param {Object} source The object to copy properties from.
+    	 * @param {Array} props The property identifiers to copy.
+    	 * @param {Object} [object={}] The object to copy properties to.
+    	 * @param {Function} [customizer] The function to customize copied values.
+    	 * @returns {Object} Returns `object`.
+    	 */
+    	function copyObject(source, props, object, customizer) {
+    	  var isNew = !object;
+    	  object || (object = {});
+
+    	  var index = -1,
+    	      length = props.length;
+
+    	  while (++index < length) {
+    	    var key = props[index];
+
+    	    var newValue = customizer
+    	      ? customizer(object[key], source[key], key, object, source)
+    	      : undefined;
+
+    	    if (newValue === undefined) {
+    	      newValue = source[key];
+    	    }
+    	    if (isNew) {
+    	      baseAssignValue(object, key, newValue);
+    	    } else {
+    	      assignValue(object, key, newValue);
+    	    }
+    	  }
+    	  return object;
+    	}
+
+    	/**
+    	 * Creates a function like `_.assign`.
+    	 *
+    	 * @private
+    	 * @param {Function} assigner The function to assign values.
+    	 * @returns {Function} Returns the new assigner function.
+    	 */
+    	function createAssigner(assigner) {
+    	  return baseRest(function(object, sources) {
+    	    var index = -1,
+    	        length = sources.length,
+    	        customizer = length > 1 ? sources[length - 1] : undefined,
+    	        guard = length > 2 ? sources[2] : undefined;
+
+    	    customizer = (assigner.length > 3 && typeof customizer == 'function')
+    	      ? (length--, customizer)
+    	      : undefined;
+
+    	    if (guard && isIterateeCall(sources[0], sources[1], guard)) {
+    	      customizer = length < 3 ? undefined : customizer;
+    	      length = 1;
+    	    }
+    	    object = Object(object);
+    	    while (++index < length) {
+    	      var source = sources[index];
+    	      if (source) {
+    	        assigner(object, source, index, customizer);
+    	      }
+    	    }
+    	    return object;
+    	  });
+    	}
+
+    	/**
+    	 * Creates a base function for methods like `_.forIn` and `_.forOwn`.
+    	 *
+    	 * @private
+    	 * @param {boolean} [fromRight] Specify iterating from right to left.
+    	 * @returns {Function} Returns the new base function.
+    	 */
+    	function createBaseFor(fromRight) {
+    	  return function(object, iteratee, keysFunc) {
+    	    var index = -1,
+    	        iterable = Object(object),
+    	        props = keysFunc(object),
+    	        length = props.length;
+
+    	    while (length--) {
+    	      var key = props[fromRight ? length : ++index];
+    	      if (iteratee(iterable[key], key, iterable) === false) {
+    	        break;
+    	      }
+    	    }
+    	    return object;
+    	  };
+    	}
+
+    	/**
+    	 * Used by `_.defaultsDeep` to customize its `_.merge` use to merge source
+    	 * objects into destination objects that are passed thru.
+    	 *
+    	 * @private
+    	 * @param {*} objValue The destination value.
+    	 * @param {*} srcValue The source value.
+    	 * @param {string} key The key of the property to merge.
+    	 * @param {Object} object The parent object of `objValue`.
+    	 * @param {Object} source The parent object of `srcValue`.
+    	 * @param {Object} [stack] Tracks traversed source values and their merged
+    	 *  counterparts.
+    	 * @returns {*} Returns the value to assign.
+    	 */
+    	function customDefaultsMerge(objValue, srcValue, key, object, source, stack) {
+    	  if (isObject(objValue) && isObject(srcValue)) {
+    	    // Recursively merge objects and arrays (susceptible to call stack limits).
+    	    stack.set(srcValue, objValue);
+    	    baseMerge(objValue, srcValue, undefined, customDefaultsMerge, stack);
+    	    stack['delete'](srcValue);
+    	  }
+    	  return objValue;
+    	}
+
+    	/**
+    	 * Gets the data for `map`.
+    	 *
+    	 * @private
+    	 * @param {Object} map The map to query.
+    	 * @param {string} key The reference key.
+    	 * @returns {*} Returns the map data.
+    	 */
+    	function getMapData(map, key) {
+    	  var data = map.__data__;
+    	  return isKeyable(key)
+    	    ? data[typeof key == 'string' ? 'string' : 'hash']
+    	    : data.map;
+    	}
+
+    	/**
+    	 * Gets the native function at `key` of `object`.
+    	 *
+    	 * @private
+    	 * @param {Object} object The object to query.
+    	 * @param {string} key The key of the method to get.
+    	 * @returns {*} Returns the function if it's native, else `undefined`.
+    	 */
+    	function getNative(object, key) {
+    	  var value = getValue(object, key);
+    	  return baseIsNative(value) ? value : undefined;
+    	}
+
+    	/**
+    	 * A specialized version of `baseGetTag` which ignores `Symbol.toStringTag` values.
+    	 *
+    	 * @private
+    	 * @param {*} value The value to query.
+    	 * @returns {string} Returns the raw `toStringTag`.
+    	 */
+    	function getRawTag(value) {
+    	  var isOwn = hasOwnProperty.call(value, symToStringTag),
+    	      tag = value[symToStringTag];
+
+    	  try {
+    	    value[symToStringTag] = undefined;
+    	    var unmasked = true;
+    	  } catch (e) {}
+
+    	  var result = nativeObjectToString.call(value);
+    	  if (unmasked) {
+    	    if (isOwn) {
+    	      value[symToStringTag] = tag;
+    	    } else {
+    	      delete value[symToStringTag];
+    	    }
+    	  }
+    	  return result;
+    	}
+
+    	/**
+    	 * Initializes an object clone.
+    	 *
+    	 * @private
+    	 * @param {Object} object The object to clone.
+    	 * @returns {Object} Returns the initialized clone.
+    	 */
+    	function initCloneObject(object) {
+    	  return (typeof object.constructor == 'function' && !isPrototype(object))
+    	    ? baseCreate(getPrototype(object))
+    	    : {};
+    	}
+
+    	/**
+    	 * Checks if `value` is a valid array-like index.
+    	 *
+    	 * @private
+    	 * @param {*} value The value to check.
+    	 * @param {number} [length=MAX_SAFE_INTEGER] The upper bounds of a valid index.
+    	 * @returns {boolean} Returns `true` if `value` is a valid index, else `false`.
+    	 */
+    	function isIndex(value, length) {
+    	  var type = typeof value;
+    	  length = length == null ? MAX_SAFE_INTEGER : length;
+
+    	  return !!length &&
+    	    (type == 'number' ||
+    	      (type != 'symbol' && reIsUint.test(value))) &&
+    	        (value > -1 && value % 1 == 0 && value < length);
+    	}
+
+    	/**
+    	 * Checks if the given arguments are from an iteratee call.
+    	 *
+    	 * @private
+    	 * @param {*} value The potential iteratee value argument.
+    	 * @param {*} index The potential iteratee index or key argument.
+    	 * @param {*} object The potential iteratee object argument.
+    	 * @returns {boolean} Returns `true` if the arguments are from an iteratee call,
+    	 *  else `false`.
+    	 */
+    	function isIterateeCall(value, index, object) {
+    	  if (!isObject(object)) {
+    	    return false;
+    	  }
+    	  var type = typeof index;
+    	  if (type == 'number'
+    	        ? (isArrayLike(object) && isIndex(index, object.length))
+    	        : (type == 'string' && index in object)
+    	      ) {
+    	    return eq(object[index], value);
+    	  }
+    	  return false;
+    	}
+
+    	/**
+    	 * Checks if `value` is suitable for use as unique object key.
+    	 *
+    	 * @private
+    	 * @param {*} value The value to check.
+    	 * @returns {boolean} Returns `true` if `value` is suitable, else `false`.
+    	 */
+    	function isKeyable(value) {
+    	  var type = typeof value;
+    	  return (type == 'string' || type == 'number' || type == 'symbol' || type == 'boolean')
+    	    ? (value !== '__proto__')
+    	    : (value === null);
+    	}
+
+    	/**
+    	 * Checks if `func` has its source masked.
+    	 *
+    	 * @private
+    	 * @param {Function} func The function to check.
+    	 * @returns {boolean} Returns `true` if `func` is masked, else `false`.
+    	 */
+    	function isMasked(func) {
+    	  return !!maskSrcKey && (maskSrcKey in func);
+    	}
+
+    	/**
+    	 * Checks if `value` is likely a prototype object.
+    	 *
+    	 * @private
+    	 * @param {*} value The value to check.
+    	 * @returns {boolean} Returns `true` if `value` is a prototype, else `false`.
+    	 */
+    	function isPrototype(value) {
+    	  var Ctor = value && value.constructor,
+    	      proto = (typeof Ctor == 'function' && Ctor.prototype) || objectProto;
+
+    	  return value === proto;
+    	}
+
+    	/**
+    	 * This function is like
+    	 * [`Object.keys`](http://ecma-international.org/ecma-262/7.0/#sec-object.keys)
+    	 * except that it includes inherited enumerable properties.
+    	 *
+    	 * @private
+    	 * @param {Object} object The object to query.
+    	 * @returns {Array} Returns the array of property names.
+    	 */
+    	function nativeKeysIn(object) {
+    	  var result = [];
+    	  if (object != null) {
+    	    for (var key in Object(object)) {
+    	      result.push(key);
+    	    }
+    	  }
+    	  return result;
+    	}
+
+    	/**
+    	 * Converts `value` to a string using `Object.prototype.toString`.
+    	 *
+    	 * @private
+    	 * @param {*} value The value to convert.
+    	 * @returns {string} Returns the converted string.
+    	 */
+    	function objectToString(value) {
+    	  return nativeObjectToString.call(value);
+    	}
+
+    	/**
+    	 * A specialized version of `baseRest` which transforms the rest array.
+    	 *
+    	 * @private
+    	 * @param {Function} func The function to apply a rest parameter to.
+    	 * @param {number} [start=func.length-1] The start position of the rest parameter.
+    	 * @param {Function} transform The rest array transform.
+    	 * @returns {Function} Returns the new function.
+    	 */
+    	function overRest(func, start, transform) {
+    	  start = nativeMax(start === undefined ? (func.length - 1) : start, 0);
+    	  return function() {
+    	    var args = arguments,
+    	        index = -1,
+    	        length = nativeMax(args.length - start, 0),
+    	        array = Array(length);
+
+    	    while (++index < length) {
+    	      array[index] = args[start + index];
+    	    }
+    	    index = -1;
+    	    var otherArgs = Array(start + 1);
+    	    while (++index < start) {
+    	      otherArgs[index] = args[index];
+    	    }
+    	    otherArgs[start] = transform(array);
+    	    return apply(func, this, otherArgs);
+    	  };
+    	}
+
+    	/**
+    	 * Gets the value at `key`, unless `key` is "__proto__" or "constructor".
+    	 *
+    	 * @private
+    	 * @param {Object} object The object to query.
+    	 * @param {string} key The key of the property to get.
+    	 * @returns {*} Returns the property value.
+    	 */
+    	function safeGet(object, key) {
+    	  if (key === 'constructor' && typeof object[key] === 'function') {
+    	    return;
+    	  }
+
+    	  if (key == '__proto__') {
+    	    return;
+    	  }
+
+    	  return object[key];
+    	}
+
+    	/**
+    	 * Sets the `toString` method of `func` to return `string`.
+    	 *
+    	 * @private
+    	 * @param {Function} func The function to modify.
+    	 * @param {Function} string The `toString` result.
+    	 * @returns {Function} Returns `func`.
+    	 */
+    	var setToString = shortOut(baseSetToString);
+
+    	/**
+    	 * Creates a function that'll short out and invoke `identity` instead
+    	 * of `func` when it's called `HOT_COUNT` or more times in `HOT_SPAN`
+    	 * milliseconds.
+    	 *
+    	 * @private
+    	 * @param {Function} func The function to restrict.
+    	 * @returns {Function} Returns the new shortable function.
+    	 */
+    	function shortOut(func) {
+    	  var count = 0,
+    	      lastCalled = 0;
+
+    	  return function() {
+    	    var stamp = nativeNow(),
+    	        remaining = HOT_SPAN - (stamp - lastCalled);
+
+    	    lastCalled = stamp;
+    	    if (remaining > 0) {
+    	      if (++count >= HOT_COUNT) {
+    	        return arguments[0];
+    	      }
+    	    } else {
+    	      count = 0;
+    	    }
+    	    return func.apply(undefined, arguments);
+    	  };
+    	}
+
+    	/**
+    	 * Converts `func` to its source code.
+    	 *
+    	 * @private
+    	 * @param {Function} func The function to convert.
+    	 * @returns {string} Returns the source code.
+    	 */
+    	function toSource(func) {
+    	  if (func != null) {
+    	    try {
+    	      return funcToString.call(func);
+    	    } catch (e) {}
+    	    try {
+    	      return (func + '');
+    	    } catch (e) {}
+    	  }
+    	  return '';
+    	}
+
+    	/**
+    	 * Performs a
+    	 * [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)
+    	 * comparison between two values to determine if they are equivalent.
+    	 *
+    	 * @static
+    	 * @memberOf _
+    	 * @since 4.0.0
+    	 * @category Lang
+    	 * @param {*} value The value to compare.
+    	 * @param {*} other The other value to compare.
+    	 * @returns {boolean} Returns `true` if the values are equivalent, else `false`.
+    	 * @example
+    	 *
+    	 * var object = { 'a': 1 };
+    	 * var other = { 'a': 1 };
+    	 *
+    	 * _.eq(object, object);
+    	 * // => true
+    	 *
+    	 * _.eq(object, other);
+    	 * // => false
+    	 *
+    	 * _.eq('a', 'a');
+    	 * // => true
+    	 *
+    	 * _.eq('a', Object('a'));
+    	 * // => false
+    	 *
+    	 * _.eq(NaN, NaN);
+    	 * // => true
+    	 */
+    	function eq(value, other) {
+    	  return value === other || (value !== value && other !== other);
+    	}
+
+    	/**
+    	 * Checks if `value` is likely an `arguments` object.
+    	 *
+    	 * @static
+    	 * @memberOf _
+    	 * @since 0.1.0
+    	 * @category Lang
+    	 * @param {*} value The value to check.
+    	 * @returns {boolean} Returns `true` if `value` is an `arguments` object,
+    	 *  else `false`.
+    	 * @example
+    	 *
+    	 * _.isArguments(function() { return arguments; }());
+    	 * // => true
+    	 *
+    	 * _.isArguments([1, 2, 3]);
+    	 * // => false
+    	 */
+    	var isArguments = baseIsArguments(function() { return arguments; }()) ? baseIsArguments : function(value) {
+    	  return isObjectLike(value) && hasOwnProperty.call(value, 'callee') &&
+    	    !propertyIsEnumerable.call(value, 'callee');
+    	};
+
+    	/**
+    	 * Checks if `value` is classified as an `Array` object.
+    	 *
+    	 * @static
+    	 * @memberOf _
+    	 * @since 0.1.0
+    	 * @category Lang
+    	 * @param {*} value The value to check.
+    	 * @returns {boolean} Returns `true` if `value` is an array, else `false`.
+    	 * @example
+    	 *
+    	 * _.isArray([1, 2, 3]);
+    	 * // => true
+    	 *
+    	 * _.isArray(document.body.children);
+    	 * // => false
+    	 *
+    	 * _.isArray('abc');
+    	 * // => false
+    	 *
+    	 * _.isArray(_.noop);
+    	 * // => false
+    	 */
+    	var isArray = Array.isArray;
+
+    	/**
+    	 * Checks if `value` is array-like. A value is considered array-like if it's
+    	 * not a function and has a `value.length` that's an integer greater than or
+    	 * equal to `0` and less than or equal to `Number.MAX_SAFE_INTEGER`.
+    	 *
+    	 * @static
+    	 * @memberOf _
+    	 * @since 4.0.0
+    	 * @category Lang
+    	 * @param {*} value The value to check.
+    	 * @returns {boolean} Returns `true` if `value` is array-like, else `false`.
+    	 * @example
+    	 *
+    	 * _.isArrayLike([1, 2, 3]);
+    	 * // => true
+    	 *
+    	 * _.isArrayLike(document.body.children);
+    	 * // => true
+    	 *
+    	 * _.isArrayLike('abc');
+    	 * // => true
+    	 *
+    	 * _.isArrayLike(_.noop);
+    	 * // => false
+    	 */
+    	function isArrayLike(value) {
+    	  return value != null && isLength(value.length) && !isFunction(value);
+    	}
+
+    	/**
+    	 * This method is like `_.isArrayLike` except that it also checks if `value`
+    	 * is an object.
+    	 *
+    	 * @static
+    	 * @memberOf _
+    	 * @since 4.0.0
+    	 * @category Lang
+    	 * @param {*} value The value to check.
+    	 * @returns {boolean} Returns `true` if `value` is an array-like object,
+    	 *  else `false`.
+    	 * @example
+    	 *
+    	 * _.isArrayLikeObject([1, 2, 3]);
+    	 * // => true
+    	 *
+    	 * _.isArrayLikeObject(document.body.children);
+    	 * // => true
+    	 *
+    	 * _.isArrayLikeObject('abc');
+    	 * // => false
+    	 *
+    	 * _.isArrayLikeObject(_.noop);
+    	 * // => false
+    	 */
+    	function isArrayLikeObject(value) {
+    	  return isObjectLike(value) && isArrayLike(value);
+    	}
+
+    	/**
+    	 * Checks if `value` is a buffer.
+    	 *
+    	 * @static
+    	 * @memberOf _
+    	 * @since 4.3.0
+    	 * @category Lang
+    	 * @param {*} value The value to check.
+    	 * @returns {boolean} Returns `true` if `value` is a buffer, else `false`.
+    	 * @example
+    	 *
+    	 * _.isBuffer(new Buffer(2));
+    	 * // => true
+    	 *
+    	 * _.isBuffer(new Uint8Array(2));
+    	 * // => false
+    	 */
+    	var isBuffer = nativeIsBuffer || stubFalse;
+
+    	/**
+    	 * Checks if `value` is classified as a `Function` object.
+    	 *
+    	 * @static
+    	 * @memberOf _
+    	 * @since 0.1.0
+    	 * @category Lang
+    	 * @param {*} value The value to check.
+    	 * @returns {boolean} Returns `true` if `value` is a function, else `false`.
+    	 * @example
+    	 *
+    	 * _.isFunction(_);
+    	 * // => true
+    	 *
+    	 * _.isFunction(/abc/);
+    	 * // => false
+    	 */
+    	function isFunction(value) {
+    	  if (!isObject(value)) {
+    	    return false;
+    	  }
+    	  // The use of `Object#toString` avoids issues with the `typeof` operator
+    	  // in Safari 9 which returns 'object' for typed arrays and other constructors.
+    	  var tag = baseGetTag(value);
+    	  return tag == funcTag || tag == genTag || tag == asyncTag || tag == proxyTag;
+    	}
+
+    	/**
+    	 * Checks if `value` is a valid array-like length.
+    	 *
+    	 * **Note:** This method is loosely based on
+    	 * [`ToLength`](http://ecma-international.org/ecma-262/7.0/#sec-tolength).
+    	 *
+    	 * @static
+    	 * @memberOf _
+    	 * @since 4.0.0
+    	 * @category Lang
+    	 * @param {*} value The value to check.
+    	 * @returns {boolean} Returns `true` if `value` is a valid length, else `false`.
+    	 * @example
+    	 *
+    	 * _.isLength(3);
+    	 * // => true
+    	 *
+    	 * _.isLength(Number.MIN_VALUE);
+    	 * // => false
+    	 *
+    	 * _.isLength(Infinity);
+    	 * // => false
+    	 *
+    	 * _.isLength('3');
+    	 * // => false
+    	 */
+    	function isLength(value) {
+    	  return typeof value == 'number' &&
+    	    value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER;
+    	}
+
+    	/**
+    	 * Checks if `value` is the
+    	 * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)
+    	 * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)
+    	 *
+    	 * @static
+    	 * @memberOf _
+    	 * @since 0.1.0
+    	 * @category Lang
+    	 * @param {*} value The value to check.
+    	 * @returns {boolean} Returns `true` if `value` is an object, else `false`.
+    	 * @example
+    	 *
+    	 * _.isObject({});
+    	 * // => true
+    	 *
+    	 * _.isObject([1, 2, 3]);
+    	 * // => true
+    	 *
+    	 * _.isObject(_.noop);
+    	 * // => true
+    	 *
+    	 * _.isObject(null);
+    	 * // => false
+    	 */
+    	function isObject(value) {
+    	  var type = typeof value;
+    	  return value != null && (type == 'object' || type == 'function');
+    	}
+
+    	/**
+    	 * Checks if `value` is object-like. A value is object-like if it's not `null`
+    	 * and has a `typeof` result of "object".
+    	 *
+    	 * @static
+    	 * @memberOf _
+    	 * @since 4.0.0
+    	 * @category Lang
+    	 * @param {*} value The value to check.
+    	 * @returns {boolean} Returns `true` if `value` is object-like, else `false`.
+    	 * @example
+    	 *
+    	 * _.isObjectLike({});
+    	 * // => true
+    	 *
+    	 * _.isObjectLike([1, 2, 3]);
+    	 * // => true
+    	 *
+    	 * _.isObjectLike(_.noop);
+    	 * // => false
+    	 *
+    	 * _.isObjectLike(null);
+    	 * // => false
+    	 */
+    	function isObjectLike(value) {
+    	  return value != null && typeof value == 'object';
+    	}
+
+    	/**
+    	 * Checks if `value` is a plain object, that is, an object created by the
+    	 * `Object` constructor or one with a `[[Prototype]]` of `null`.
+    	 *
+    	 * @static
+    	 * @memberOf _
+    	 * @since 0.8.0
+    	 * @category Lang
+    	 * @param {*} value The value to check.
+    	 * @returns {boolean} Returns `true` if `value` is a plain object, else `false`.
+    	 * @example
+    	 *
+    	 * function Foo() {
+    	 *   this.a = 1;
+    	 * }
+    	 *
+    	 * _.isPlainObject(new Foo);
+    	 * // => false
+    	 *
+    	 * _.isPlainObject([1, 2, 3]);
+    	 * // => false
+    	 *
+    	 * _.isPlainObject({ 'x': 0, 'y': 0 });
+    	 * // => true
+    	 *
+    	 * _.isPlainObject(Object.create(null));
+    	 * // => true
+    	 */
+    	function isPlainObject(value) {
+    	  if (!isObjectLike(value) || baseGetTag(value) != objectTag) {
+    	    return false;
+    	  }
+    	  var proto = getPrototype(value);
+    	  if (proto === null) {
+    	    return true;
+    	  }
+    	  var Ctor = hasOwnProperty.call(proto, 'constructor') && proto.constructor;
+    	  return typeof Ctor == 'function' && Ctor instanceof Ctor &&
+    	    funcToString.call(Ctor) == objectCtorString;
+    	}
+
+    	/**
+    	 * Checks if `value` is classified as a typed array.
+    	 *
+    	 * @static
+    	 * @memberOf _
+    	 * @since 3.0.0
+    	 * @category Lang
+    	 * @param {*} value The value to check.
+    	 * @returns {boolean} Returns `true` if `value` is a typed array, else `false`.
+    	 * @example
+    	 *
+    	 * _.isTypedArray(new Uint8Array);
+    	 * // => true
+    	 *
+    	 * _.isTypedArray([]);
+    	 * // => false
+    	 */
+    	var isTypedArray = nodeIsTypedArray ? baseUnary(nodeIsTypedArray) : baseIsTypedArray;
+
+    	/**
+    	 * Converts `value` to a plain object flattening inherited enumerable string
+    	 * keyed properties of `value` to own properties of the plain object.
+    	 *
+    	 * @static
+    	 * @memberOf _
+    	 * @since 3.0.0
+    	 * @category Lang
+    	 * @param {*} value The value to convert.
+    	 * @returns {Object} Returns the converted plain object.
+    	 * @example
+    	 *
+    	 * function Foo() {
+    	 *   this.b = 2;
+    	 * }
+    	 *
+    	 * Foo.prototype.c = 3;
+    	 *
+    	 * _.assign({ 'a': 1 }, new Foo);
+    	 * // => { 'a': 1, 'b': 2 }
+    	 *
+    	 * _.assign({ 'a': 1 }, _.toPlainObject(new Foo));
+    	 * // => { 'a': 1, 'b': 2, 'c': 3 }
+    	 */
+    	function toPlainObject(value) {
+    	  return copyObject(value, keysIn(value));
+    	}
+
+    	/**
+    	 * This method is like `_.defaults` except that it recursively assigns
+    	 * default properties.
+    	 *
+    	 * **Note:** This method mutates `object`.
+    	 *
+    	 * @static
+    	 * @memberOf _
+    	 * @since 3.10.0
+    	 * @category Object
+    	 * @param {Object} object The destination object.
+    	 * @param {...Object} [sources] The source objects.
+    	 * @returns {Object} Returns `object`.
+    	 * @see _.defaults
+    	 * @example
+    	 *
+    	 * _.defaultsDeep({ 'a': { 'b': 2 } }, { 'a': { 'b': 1, 'c': 3 } });
+    	 * // => { 'a': { 'b': 2, 'c': 3 } }
+    	 */
+    	var defaultsDeep = baseRest(function(args) {
+    	  args.push(undefined, customDefaultsMerge);
+    	  return apply(mergeWith, undefined, args);
+    	});
+
+    	/**
+    	 * Creates an array of the own and inherited enumerable property names of `object`.
+    	 *
+    	 * **Note:** Non-object values are coerced to objects.
+    	 *
+    	 * @static
+    	 * @memberOf _
+    	 * @since 3.0.0
+    	 * @category Object
+    	 * @param {Object} object The object to query.
+    	 * @returns {Array} Returns the array of property names.
+    	 * @example
+    	 *
+    	 * function Foo() {
+    	 *   this.a = 1;
+    	 *   this.b = 2;
+    	 * }
+    	 *
+    	 * Foo.prototype.c = 3;
+    	 *
+    	 * _.keysIn(new Foo);
+    	 * // => ['a', 'b', 'c'] (iteration order is not guaranteed)
+    	 */
+    	function keysIn(object) {
+    	  return isArrayLike(object) ? arrayLikeKeys(object, true) : baseKeysIn(object);
+    	}
+
+    	/**
+    	 * This method is like `_.merge` except that it accepts `customizer` which
+    	 * is invoked to produce the merged values of the destination and source
+    	 * properties. If `customizer` returns `undefined`, merging is handled by the
+    	 * method instead. The `customizer` is invoked with six arguments:
+    	 * (objValue, srcValue, key, object, source, stack).
+    	 *
+    	 * **Note:** This method mutates `object`.
+    	 *
+    	 * @static
+    	 * @memberOf _
+    	 * @since 4.0.0
+    	 * @category Object
+    	 * @param {Object} object The destination object.
+    	 * @param {...Object} sources The source objects.
+    	 * @param {Function} customizer The function to customize assigned values.
+    	 * @returns {Object} Returns `object`.
+    	 * @example
+    	 *
+    	 * function customizer(objValue, srcValue) {
+    	 *   if (_.isArray(objValue)) {
+    	 *     return objValue.concat(srcValue);
+    	 *   }
+    	 * }
+    	 *
+    	 * var object = { 'a': [1], 'b': [2] };
+    	 * var other = { 'a': [3], 'b': [4] };
+    	 *
+    	 * _.mergeWith(object, other, customizer);
+    	 * // => { 'a': [1, 3], 'b': [2, 4] }
+    	 */
+    	var mergeWith = createAssigner(function(object, source, srcIndex, customizer) {
+    	  baseMerge(object, source, srcIndex, customizer);
+    	});
+
+    	/**
+    	 * Creates a function that returns `value`.
+    	 *
+    	 * @static
+    	 * @memberOf _
+    	 * @since 2.4.0
+    	 * @category Util
+    	 * @param {*} value The value to return from the new function.
+    	 * @returns {Function} Returns the new constant function.
+    	 * @example
+    	 *
+    	 * var objects = _.times(2, _.constant({ 'a': 1 }));
+    	 *
+    	 * console.log(objects);
+    	 * // => [{ 'a': 1 }, { 'a': 1 }]
+    	 *
+    	 * console.log(objects[0] === objects[1]);
+    	 * // => true
+    	 */
+    	function constant(value) {
+    	  return function() {
+    	    return value;
+    	  };
+    	}
+
+    	/**
+    	 * This method returns the first argument it receives.
+    	 *
+    	 * @static
+    	 * @since 0.1.0
+    	 * @memberOf _
+    	 * @category Util
+    	 * @param {*} value Any value.
+    	 * @returns {*} Returns `value`.
+    	 * @example
+    	 *
+    	 * var object = { 'a': 1 };
+    	 *
+    	 * console.log(_.identity(object) === object);
+    	 * // => true
+    	 */
+    	function identity(value) {
+    	  return value;
+    	}
+
+    	/**
+    	 * This method returns `false`.
+    	 *
+    	 * @static
+    	 * @memberOf _
+    	 * @since 4.13.0
+    	 * @category Util
+    	 * @returns {boolean} Returns `false`.
+    	 * @example
+    	 *
+    	 * _.times(2, _.stubFalse);
+    	 * // => [false, false]
+    	 */
+    	function stubFalse() {
+    	  return false;
+    	}
+
+    	module.exports = defaultsDeep;
+    } (lodash_defaultsdeep, lodash_defaultsdeep.exports));
+
+    var defaultsDeep = lodash_defaultsdeep.exports;
+
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};/**
      * lodash (Custom Build) <https://lodash.com/>
      * Build: `lodash modularize exports="npm" -o ./`
@@ -50965,11 +52997,16 @@ var StreamChatReact = (function (exports, React$2, jsxRuntime, ReactDOM, streamC
      */
     var ReactionSelector = React__default["default"].memo(UnMemoizedReactionSelector);
 
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var useProcessReactions = function (params) {
-        var propOwnReactions = params.own_reactions, propReactionCounts = params.reaction_counts, propReactionOptions = params.reactionOptions, propReactions = params.reactions;
-        var message = useMessageContext('useProcessReactions').message;
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var defaultReactionsSort = function (a, b) {
+        return a.reactionType.localeCompare(b.reactionType, 'en');
+    };
+    var useProcessReactions = function (params) {
+        var _a;
+        var propOwnReactions = params.own_reactions, propReactionCounts = params.reaction_counts, propReactionOptions = params.reactionOptions, propReactions = params.reactions, propSortReactions = params.sortReactions;
+        var _b = useMessageContext('useProcessReactions'), message = _b.message, contextSortReactions = _b.sortReactions;
         var contextReactionOptions = useComponentContext('useProcessReactions').reactionOptions;
         var reactionOptions = propReactionOptions !== null && propReactionOptions !== void 0 ? propReactionOptions : contextReactionOptions;
+        var sortReactions = (_a = propSortReactions !== null && propSortReactions !== void 0 ? propSortReactions : contextSortReactions) !== null && _a !== void 0 ? _a : defaultReactionsSort;
         var latestReactions = propReactions || message.latest_reactions;
         var ownReactions = propOwnReactions || (message === null || message === void 0 ? void 0 : message.own_reactions);
         var reactionCounts = propReactionCounts || message.reaction_counts;
@@ -50996,7 +53033,7 @@ var StreamChatReact = (function (exports, React$2, jsxRuntime, ReactDOM, streamC
             if (!reactionCounts) {
                 return [];
             }
-            return Object.entries(reactionCounts).flatMap(function (_a) {
+            var unsortedReactions = Object.entries(reactionCounts).flatMap(function (_a) {
                 var reactionType = _a[0], reactionCount = _a[1];
                 if (reactionCount === 0 || !isSupportedReaction(reactionType)) {
                     return [];
@@ -51011,12 +53048,14 @@ var StreamChatReact = (function (exports, React$2, jsxRuntime, ReactDOM, streamC
                     },
                 ];
             });
+            return unsortedReactions.sort(sortReactions);
         }, [
             getEmojiByReactionType,
             getLatestReactedUserNames,
             isOwnReaction,
             isSupportedReaction,
             reactionCounts,
+            sortReactions,
         ]);
         var hasReactions = existingReactions.length > 0;
         var totalReactionCount = React$2.useMemo(function () { return existingReactions.reduce(function (total, _a) {
@@ -51078,24 +53117,33 @@ var StreamChatReact = (function (exports, React$2, jsxRuntime, ReactDOM, streamC
         return { isLoading: isLoading, reactions: reactions };
     }
 
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};function ReactionsListModal(_a) {
-        var _b;
-        var handleFetchReactions = _a.handleFetchReactions, onSelectedReactionTypeChange = _a.onSelectedReactionTypeChange, reactions = _a.reactions, selectedReactionType = _a.selectedReactionType, modalProps = __rest(_a, ["handleFetchReactions", "onSelectedReactionTypeChange", "reactions", "selectedReactionType"]);
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var defaultSortReactionDetails = function (a, b) {
+        var _a, _b, _c, _d, _e, _f;
+        var aName = (_b = (_a = a.user) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : (_c = a.user) === null || _c === void 0 ? void 0 : _c.id;
+        var bName = (_e = (_d = b.user) === null || _d === void 0 ? void 0 : _d.name) !== null && _e !== void 0 ? _e : (_f = b.user) === null || _f === void 0 ? void 0 : _f.id;
+        return aName ? (bName ? aName.localeCompare(bName, 'en') : -1) : 1;
+    };
+    function ReactionsListModal(_a) {
+        var _b, _c;
+        var handleFetchReactions = _a.handleFetchReactions, onSelectedReactionTypeChange = _a.onSelectedReactionTypeChange, reactions = _a.reactions, selectedReactionType = _a.selectedReactionType, propSortReactionDetails = _a.sortReactionDetails, modalProps = __rest(_a, ["handleFetchReactions", "onSelectedReactionTypeChange", "reactions", "selectedReactionType", "sortReactionDetails"]);
         var selectedReaction = reactions.find(function (_a) {
             var reactionType = _a.reactionType;
             return reactionType === selectedReactionType;
         });
         var SelectedEmojiComponent = (_b = selectedReaction === null || selectedReaction === void 0 ? void 0 : selectedReaction.EmojiComponent) !== null && _b !== void 0 ? _b : null;
-        var _c = useFetchReactions({
+        var _d = useFetchReactions({
             handleFetchReactions: handleFetchReactions,
             shouldFetch: modalProps.open,
-        }), areReactionsLoading = _c.isLoading, allReactions = _c.reactions;
+        }), areReactionsLoading = _d.isLoading, allReactions = _d.reactions;
+        var contextSortReactionDetails = useMessageContext('ReactionsListModal').sortReactionDetails;
+        var sortReactionDetails = (_c = propSortReactionDetails !== null && propSortReactionDetails !== void 0 ? propSortReactionDetails : contextSortReactionDetails) !== null && _c !== void 0 ? _c : defaultSortReactionDetails;
         var currentReactions = React$2.useMemo(function () {
             if (!selectedReactionType) {
                 return [];
             }
-            return allReactions.filter(function (reaction) { return reaction.type === selectedReactionType && reaction.user; });
-        }, [allReactions, selectedReactionType]);
+            var unsortedCurrentReactions = allReactions.filter(function (reaction) { return reaction.type === selectedReactionType && reaction.user; });
+            return unsortedCurrentReactions.sort(sortReactionDetails);
+        }, [allReactions, selectedReactionType, sortReactionDetails]);
         return (React__default["default"].createElement(Modal, __assign({}, modalProps),
             React__default["default"].createElement("div", { className: 'str-chat__message-reactions-details', "data-testid": 'reactions-list-modal' },
                 React__default["default"].createElement("div", { className: 'str-chat__message-reactions-details-reaction-types' }, reactions.map(function (_a) {
@@ -51731,7 +53779,7 @@ var StreamChatReact = (function (exports, React$2, jsxRuntime, ReactDOM, streamC
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var UnMemoizedReactionsList = function (props) {
-        var handleFetchReactions = props.handleFetchReactions, _a = props.reverse, reverse = _a === void 0 ? false : _a, rest = __rest(props, ["handleFetchReactions", "reverse"]);
+        var handleFetchReactions = props.handleFetchReactions, _a = props.reverse, reverse = _a === void 0 ? false : _a, sortReactionDetails = props.sortReactionDetails, rest = __rest(props, ["handleFetchReactions", "reverse", "sortReactionDetails"]);
         var _b = useProcessReactions(rest), existingReactions = _b.existingReactions, hasReactions = _b.hasReactions, totalReactionCount = _b.totalReactionCount;
         var _c = React$2.useState(null), selectedReactionType = _c[0], setSelectedReactionType = _c[1];
         var t = useTranslationContext('ReactionsList').t;
@@ -51761,7 +53809,7 @@ var StreamChatReact = (function (exports, React$2, jsxRuntime, ReactDOM, streamC
                     }),
                     React__default["default"].createElement("li", null,
                         React__default["default"].createElement("span", { className: 'str-chat__reaction-list--counter' }, totalReactionCount)))),
-            React__default["default"].createElement(ReactionsListModal, { handleFetchReactions: handleFetchReactions, onClose: function () { return setSelectedReactionType(null); }, onSelectedReactionTypeChange: setSelectedReactionType, open: selectedReactionType !== null, reactions: existingReactions, selectedReactionType: selectedReactionType })));
+            React__default["default"].createElement(ReactionsListModal, { handleFetchReactions: handleFetchReactions, onClose: function () { return setSelectedReactionType(null); }, onSelectedReactionTypeChange: setSelectedReactionType, open: selectedReactionType !== null, reactions: existingReactions, selectedReactionType: selectedReactionType, sortReactionDetails: sortReactionDetails })));
     };
     /**
      * Component that displays a list of reactions on a message.
@@ -51948,6 +53996,7 @@ var StreamChatReact = (function (exports, React$2, jsxRuntime, ReactDOM, streamC
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var DEFAULT_INITIAL_CHANNEL_PAGE_SIZE = 25;
     var DEFAULT_NEXT_CHANNEL_PAGE_SIZE = 100;
     var DEFAULT_THREAD_PAGE_SIZE = 50;
+    var DEFAULT_LOAD_PAGE_SCROLL_THRESHOLD = 250;
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var UnMemoizedCustomNotification = function (props) {
         var active = props.active, children = props.children, className = props.className, type = props.type;
@@ -52038,7 +54087,7 @@ var StreamChatReact = (function (exports, React$2, jsxRuntime, ReactDOM, streamC
      * an individual message. The actual UI of the message is delegated via the Message prop on Channel.
      */
     var Message = function (props) {
-        var closeReactionSelectorOnClick = props.closeReactionSelectorOnClick, disableQuotedMessages = props.disableQuotedMessages, getDeleteMessageErrorNotification = props.getDeleteMessageErrorNotification, getFetchReactionsErrorNotification = props.getFetchReactionsErrorNotification, getFlagMessageErrorNotification = props.getFlagMessageErrorNotification, getFlagMessageSuccessNotification = props.getFlagMessageSuccessNotification, getMarkMessageUnreadErrorNotification = props.getMarkMessageUnreadErrorNotification, getMarkMessageUnreadSuccessNotification = props.getMarkMessageUnreadSuccessNotification, getMuteUserErrorNotification = props.getMuteUserErrorNotification, getMuteUserSuccessNotification = props.getMuteUserSuccessNotification, getPinMessageErrorNotification = props.getPinMessageErrorNotification, message = props.message, _a = props.onlySenderCanEdit, onlySenderCanEdit = _a === void 0 ? false : _a, propOnMentionsClick = props.onMentionsClick, propOnMentionsHover = props.onMentionsHover, propOpenThread = props.openThread, pinPermissions = props.pinPermissions, propRetrySendMessage = props.retrySendMessage;
+        var closeReactionSelectorOnClick = props.closeReactionSelectorOnClick, disableQuotedMessages = props.disableQuotedMessages, getDeleteMessageErrorNotification = props.getDeleteMessageErrorNotification, getFetchReactionsErrorNotification = props.getFetchReactionsErrorNotification, getFlagMessageErrorNotification = props.getFlagMessageErrorNotification, getFlagMessageSuccessNotification = props.getFlagMessageSuccessNotification, getMarkMessageUnreadErrorNotification = props.getMarkMessageUnreadErrorNotification, getMarkMessageUnreadSuccessNotification = props.getMarkMessageUnreadSuccessNotification, getMuteUserErrorNotification = props.getMuteUserErrorNotification, getMuteUserSuccessNotification = props.getMuteUserSuccessNotification, getPinMessageErrorNotification = props.getPinMessageErrorNotification, message = props.message, _a = props.onlySenderCanEdit, onlySenderCanEdit = _a === void 0 ? false : _a, propOnMentionsClick = props.onMentionsClick, propOnMentionsHover = props.onMentionsHover, propOpenThread = props.openThread, pinPermissions = props.pinPermissions, propRetrySendMessage = props.retrySendMessage, sortReactionDetails = props.sortReactionDetails, sortReactions = props.sortReactions;
         var addNotification = useChannelActionContext('Message').addNotification;
         var _b = useChannelStateContext('Message'), highlightedMessageId = _b.highlightedMessageId, mutes = _b.mutes;
         var reactionSelectorRef = React$2.useRef(null);
@@ -52080,7 +54129,7 @@ var StreamChatReact = (function (exports, React$2, jsxRuntime, ReactDOM, streamC
         }), canPin = _d.canPin, handlePin = _d.handlePin;
         var _e = useReactionClick(message, reactionSelectorRef, undefined, closeReactionSelectorOnClick), isReactionEnabled = _e.isReactionEnabled, onReactionListClick = _e.onReactionListClick, showDetailedReactions = _e.showDetailedReactions;
         var highlighted = highlightedMessageId === message.id;
-        return (React__default["default"].createElement(MemoizedMessage, { additionalMessageInputProps: props.additionalMessageInputProps, autoscrollToBottom: props.autoscrollToBottom, canPin: canPin, customMessageActions: props.customMessageActions, disableQuotedMessages: props.disableQuotedMessages, endOfGroup: props.endOfGroup, firstOfGroup: props.firstOfGroup, formatDate: props.formatDate, groupedByUser: props.groupedByUser, groupStyles: props.groupStyles, handleAction: handleAction, handleDelete: handleDelete, handleFetchReactions: handleFetchReactions, handleFlag: handleFlag, handleMarkUnread: handleMarkUnread, handleMute: handleMute, handleOpenThread: handleOpenThread, handlePin: handlePin, handleReaction: handleReaction, handleRetry: handleRetry, highlighted: highlighted, initialMessage: props.initialMessage, isReactionEnabled: isReactionEnabled, lastReceivedId: props.lastReceivedId, message: message, Message: props.Message, messageActions: props.messageActions, messageListRect: props.messageListRect, mutes: mutes, onMentionsClickMessage: onMentionsClick, onMentionsHoverMessage: onMentionsHover, onReactionListClick: onReactionListClick, onUserClick: props.onUserClick, onUserHover: props.onUserHover, pinPermissions: props.pinPermissions, reactionSelectorRef: reactionSelectorRef, readBy: props.readBy, renderText: props.renderText, showDetailedReactions: showDetailedReactions, threadList: props.threadList, unsafeHTML: props.unsafeHTML, userRoles: userRoles }));
+        return (React__default["default"].createElement(MemoizedMessage, { additionalMessageInputProps: props.additionalMessageInputProps, autoscrollToBottom: props.autoscrollToBottom, canPin: canPin, customMessageActions: props.customMessageActions, disableQuotedMessages: props.disableQuotedMessages, endOfGroup: props.endOfGroup, firstOfGroup: props.firstOfGroup, formatDate: props.formatDate, groupedByUser: props.groupedByUser, groupStyles: props.groupStyles, handleAction: handleAction, handleDelete: handleDelete, handleFetchReactions: handleFetchReactions, handleFlag: handleFlag, handleMarkUnread: handleMarkUnread, handleMute: handleMute, handleOpenThread: handleOpenThread, handlePin: handlePin, handleReaction: handleReaction, handleRetry: handleRetry, highlighted: highlighted, initialMessage: props.initialMessage, isReactionEnabled: isReactionEnabled, lastReceivedId: props.lastReceivedId, message: message, Message: props.Message, messageActions: props.messageActions, messageListRect: props.messageListRect, mutes: mutes, onMentionsClickMessage: onMentionsClick, onMentionsHoverMessage: onMentionsHover, onReactionListClick: onReactionListClick, onUserClick: props.onUserClick, onUserHover: props.onUserHover, pinPermissions: props.pinPermissions, reactionSelectorRef: reactionSelectorRef, readBy: props.readBy, renderText: props.renderText, showDetailedReactions: showDetailedReactions, sortReactionDetails: sortReactionDetails, sortReactions: sortReactions, threadList: props.threadList, unsafeHTML: props.unsafeHTML, userRoles: userRoles }));
     };
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var GiphyPreviewMessage = function (props) {
@@ -52784,13 +54833,14 @@ var StreamChatReact = (function (exports, React$2, jsxRuntime, ReactDOM, streamC
         }
     };
     var InfiniteScroll = function (props) {
-        var children = props.children, _a = props.element, element = _a === void 0 ? 'div' : _a, hasMore = props.hasMore, hasMoreNewer = props.hasMoreNewer, hasNextPage = props.hasNextPage, hasPreviousPage = props.hasPreviousPage, head = props.head, _b = props.initialLoad, initialLoad = _b === void 0 ? true : _b, isLoading = props.isLoading, listenToScroll = props.listenToScroll, loader = props.loader, loadMore = props.loadMore, loadMoreNewer = props.loadMoreNewer, loadNextPage = props.loadNextPage, loadPreviousPage = props.loadPreviousPage, _c = props.threshold, threshold = _c === void 0 ? 250 : _c, _d = props.useCapture, useCapture = _d === void 0 ? false : _d, elementProps = __rest(props, ["children", "element", "hasMore", "hasMoreNewer", "hasNextPage", "hasPreviousPage", "head", "initialLoad", "isLoading", "listenToScroll", "loader", "loadMore", "loadMoreNewer", "loadNextPage", "loadPreviousPage", "threshold", "useCapture"]);
+        var children = props.children, _a = props.element, element = _a === void 0 ? 'div' : _a, hasMore = props.hasMore, hasMoreNewer = props.hasMoreNewer, hasNextPage = props.hasNextPage, hasPreviousPage = props.hasPreviousPage, head = props.head, _b = props.initialLoad, initialLoad = _b === void 0 ? true : _b, isLoading = props.isLoading, listenToScroll = props.listenToScroll, loader = props.loader, loadMore = props.loadMore, loadMoreNewer = props.loadMoreNewer, loadNextPage = props.loadNextPage, loadPreviousPage = props.loadPreviousPage, _c = props.threshold, threshold = _c === void 0 ? DEFAULT_LOAD_PAGE_SCROLL_THRESHOLD : _c, _d = props.useCapture, useCapture = _d === void 0 ? false : _d, elementProps = __rest(props, ["children", "element", "hasMore", "hasMoreNewer", "hasNextPage", "hasPreviousPage", "head", "initialLoad", "isLoading", "listenToScroll", "loader", "loadMore", "loadMoreNewer", "loadNextPage", "loadPreviousPage", "threshold", "useCapture"]);
         var loadNextPageFn = loadNextPage || loadMoreNewer;
         var loadPreviousPageFn = loadPreviousPage || loadMore;
         var hasNextPageFlag = hasNextPage || hasMoreNewer;
         var hasPreviousPageFlag = hasPreviousPage || hasMore;
         var scrollComponent = React$2.useRef();
-        var scrollListener = React$2.useCallback(function () {
+        var scrollListenerRef = React$2.useRef();
+        scrollListenerRef.current = function () {
             var element = scrollComponent.current;
             if (!element || element.offsetParent === null) {
                 return;
@@ -52813,15 +54863,7 @@ var StreamChatReact = (function (exports, React$2, jsxRuntime, ReactDOM, streamC
             if (offset < Number(threshold) && typeof loadNextPageFn === 'function' && hasNextPageFlag) {
                 loadNextPageFn();
             }
-        }, [
-            hasPreviousPageFlag,
-            hasNextPageFlag,
-            isLoading,
-            listenToScroll,
-            loadPreviousPageFn,
-            loadNextPageFn,
-            threshold,
-        ]);
+        };
         React$2.useEffect(function () {
             deprecationAndReplacementWarning([
                 [{ hasMoreNewer: hasMoreNewer }, { hasNextPage: hasNextPage }],
@@ -52836,13 +54878,15 @@ var StreamChatReact = (function (exports, React$2, jsxRuntime, ReactDOM, streamC
             var scrollElement = (_a = scrollComponent.current) === null || _a === void 0 ? void 0 : _a.parentNode;
             if (!scrollElement)
                 return;
+            var scrollListener = function () { var _a; return (_a = scrollListenerRef.current) === null || _a === void 0 ? void 0 : _a.call(scrollListenerRef); };
             scrollElement.addEventListener('scroll', scrollListener, useCapture);
             scrollElement.addEventListener('resize', scrollListener, useCapture);
+            scrollListener();
             return function () {
                 scrollElement.removeEventListener('scroll', scrollListener, useCapture);
                 scrollElement.removeEventListener('resize', scrollListener, useCapture);
             };
-        }, [initialLoad, scrollListener, useCapture]);
+        }, [initialLoad, useCapture]);
         React$2.useEffect(function () {
             var _a;
             var scrollElement = (_a = scrollComponent.current) === null || _a === void 0 ? void 0 : _a.parentNode;
@@ -52982,22 +55026,21 @@ var StreamChatReact = (function (exports, React$2, jsxRuntime, ReactDOM, streamC
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var MessageListWithContext = function (props) {
         var _a;
-        var channel = props.channel, channelUnreadUiState = props.channelUnreadUiState, _b = props.disableDateSeparator, disableDateSeparator = _b === void 0 ? false : _b, groupStyles = props.groupStyles, _c = props.hideDeletedMessages, hideDeletedMessages = _c === void 0 ? false : _c, _d = props.hideNewMessageSeparator, hideNewMessageSeparator = _d === void 0 ? false : _d, internalInfiniteScrollProps = props.internalInfiniteScrollProps, _e = props.messageActions, messageActions = _e === void 0 ? Object.keys(MESSAGE_ACTIONS) : _e, _f = props.messages, messages = _f === void 0 ? [] : _f, notifications = props.notifications, _g = props.noGroupByUser, noGroupByUser = _g === void 0 ? false : _g, _h = props.pinPermissions, pinPermissions = _h === void 0 ? defaultPinPermissions : _h, // @deprecated in favor of `channelCapabilities` - TODO: remove in next major release
-        _j = props.returnAllReadData, // @deprecated in favor of `channelCapabilities` - TODO: remove in next major release
-        returnAllReadData = _j === void 0 ? false : _j, _k = props.threadList, threadList = _k === void 0 ? false : _k, _l = props.unsafeHTML, unsafeHTML = _l === void 0 ? false : _l, headerPosition = props.headerPosition, read = props.read, _m = props.renderMessages, renderMessages = _m === void 0 ? defaultRenderMessages : _m, _o = props.messageLimit, messageLimit = _o === void 0 ? 100 : _o, loadMoreCallback = props.loadMore, loadMoreNewerCallback = props.loadMoreNewer, _p = props.hasMoreNewer, hasMoreNewer = _p === void 0 ? false : _p, showUnreadNotificationAlways = props.showUnreadNotificationAlways, suppressAutoscroll = props.suppressAutoscroll, highlightedMessageId = props.highlightedMessageId, _q = props.jumpToLatestMessage, jumpToLatestMessage = _q === void 0 ? function () { return Promise.resolve(); } : _q;
-        var _r = React__default["default"].useState(null), listElement = _r[0], setListElement = _r[1];
-        var _s = React__default["default"].useState(null), ulElement = _s[0], setUlElement = _s[1];
+        var channel = props.channel, channelUnreadUiState = props.channelUnreadUiState, _b = props.disableDateSeparator, disableDateSeparator = _b === void 0 ? false : _b, groupStyles = props.groupStyles, _c = props.hideDeletedMessages, hideDeletedMessages = _c === void 0 ? false : _c, _d = props.hideNewMessageSeparator, hideNewMessageSeparator = _d === void 0 ? false : _d, _e = props.internalInfiniteScrollProps, _f = _e === void 0 ? {} : _e, _g = _f.threshold, loadMoreScrollThreshold = _g === void 0 ? DEFAULT_LOAD_PAGE_SCROLL_THRESHOLD : _g, restInternalInfiniteScrollProps = __rest(_f, ["threshold"]), _h = props.messageActions, messageActions = _h === void 0 ? Object.keys(MESSAGE_ACTIONS) : _h, _j = props.messages, messages = _j === void 0 ? [] : _j, notifications = props.notifications, _k = props.noGroupByUser, noGroupByUser = _k === void 0 ? false : _k, _l = props.pinPermissions, pinPermissions = _l === void 0 ? defaultPinPermissions : _l, // @deprecated in favor of `channelCapabilities` - TODO: remove in next major release
+        _m = props.returnAllReadData, // @deprecated in favor of `channelCapabilities` - TODO: remove in next major release
+        returnAllReadData = _m === void 0 ? false : _m, _o = props.threadList, threadList = _o === void 0 ? false : _o, _p = props.unsafeHTML, unsafeHTML = _p === void 0 ? false : _p, headerPosition = props.headerPosition, read = props.read, _q = props.renderMessages, renderMessages = _q === void 0 ? defaultRenderMessages : _q, _r = props.messageLimit, messageLimit = _r === void 0 ? DEFAULT_NEXT_CHANNEL_PAGE_SIZE : _r, loadMoreCallback = props.loadMore, loadMoreNewerCallback = props.loadMoreNewer, _s = props.hasMoreNewer, hasMoreNewer = _s === void 0 ? false : _s, showUnreadNotificationAlways = props.showUnreadNotificationAlways, suppressAutoscroll = props.suppressAutoscroll, highlightedMessageId = props.highlightedMessageId, _t = props.jumpToLatestMessage, jumpToLatestMessage = _t === void 0 ? function () { return Promise.resolve(); } : _t;
+        var _u = React__default["default"].useState(null), listElement = _u[0], setListElement = _u[1];
+        var _v = React__default["default"].useState(null), ulElement = _v[0], setUlElement = _v[1];
         var customClasses = useChatContext('MessageList').customClasses;
-        var _t = useComponentContext('MessageList'), _u = _t.EmptyStateIndicator, EmptyStateIndicator$1 = _u === void 0 ? EmptyStateIndicator : _u, _v = _t.LoadingIndicator, LoadingIndicator$1 = _v === void 0 ? LoadingIndicator : _v, _w = _t.MessageListNotifications, MessageListNotifications$1 = _w === void 0 ? MessageListNotifications : _w, _x = _t.MessageNotification, MessageNotification$1 = _x === void 0 ? MessageNotification : _x, _y = _t.TypingIndicator, TypingIndicator$1 = _y === void 0 ? TypingIndicator : _y, _z = _t.UnreadMessagesNotification, UnreadMessagesNotification$1 = _z === void 0 ? UnreadMessagesNotification : _z;
-        var loadMoreScrollThreshold = (internalInfiniteScrollProps === null || internalInfiniteScrollProps === void 0 ? void 0 : internalInfiniteScrollProps.threshold) || 250;
-        var _0 = useScrollLocationLogic({
+        var _w = useComponentContext('MessageList'), _x = _w.EmptyStateIndicator, EmptyStateIndicator$1 = _x === void 0 ? EmptyStateIndicator : _x, _y = _w.LoadingIndicator, LoadingIndicator$1 = _y === void 0 ? LoadingIndicator : _y, _z = _w.MessageListNotifications, MessageListNotifications$1 = _z === void 0 ? MessageListNotifications : _z, _0 = _w.MessageNotification, MessageNotification$1 = _0 === void 0 ? MessageNotification : _0, _1 = _w.TypingIndicator, TypingIndicator$1 = _1 === void 0 ? TypingIndicator : _1, _2 = _w.UnreadMessagesNotification, UnreadMessagesNotification$1 = _2 === void 0 ? UnreadMessagesNotification : _2;
+        var _3 = useScrollLocationLogic({
             hasMoreNewer: hasMoreNewer,
             listElement: listElement,
             loadMoreScrollThreshold: loadMoreScrollThreshold,
             messages: messages,
             scrolledUpThreshold: props.scrolledUpThreshold,
             suppressAutoscroll: suppressAutoscroll,
-        }), hasNewMessages = _0.hasNewMessages, isMessageListScrolledToBottom = _0.isMessageListScrolledToBottom, onScroll = _0.onScroll, scrollToBottom = _0.scrollToBottom, wrapperRect = _0.wrapperRect;
+        }), hasNewMessages = _3.hasNewMessages, isMessageListScrolledToBottom = _3.isMessageListScrolledToBottom, onScroll = _3.onScroll, scrollToBottom = _3.scrollToBottom, wrapperRect = _3.wrapperRect;
         var showUnreadMessagesNotification = useUnreadMessagesNotification({
             isMessageListScrolledToBottom: isMessageListScrolledToBottom,
             showAlways: !!showUnreadNotificationAlways,
@@ -53009,7 +55052,7 @@ var StreamChatReact = (function (exports, React$2, jsxRuntime, ReactDOM, streamC
             unreadCount: (_a = channelUnreadUiState === null || channelUnreadUiState === void 0 ? void 0 : channelUnreadUiState.unread_messages) !== null && _a !== void 0 ? _a : 0,
             wasMarkedUnread: !!(channelUnreadUiState === null || channelUnreadUiState === void 0 ? void 0 : channelUnreadUiState.first_unread_message_id),
         });
-        var _1 = useEnrichedMessages({
+        var _4 = useEnrichedMessages({
             channel: channel,
             disableDateSeparator: disableDateSeparator,
             groupStyles: groupStyles,
@@ -53018,7 +55061,7 @@ var StreamChatReact = (function (exports, React$2, jsxRuntime, ReactDOM, streamC
             hideNewMessageSeparator: hideNewMessageSeparator,
             messages: messages,
             noGroupByUser: noGroupByUser,
-        }), messageGroupStyles = _1.messageGroupStyles, enrichedMessages = _1.messages;
+        }), messageGroupStyles = _4.messageGroupStyles, enrichedMessages = _4.messages;
         var elements = useMessageListElements({
             channelUnreadUiState: channelUnreadUiState,
             enrichedMessages: enrichedMessages,
@@ -53097,7 +55140,7 @@ var StreamChatReact = (function (exports, React$2, jsxRuntime, ReactDOM, streamC
         return (React__default["default"].createElement(MessageListContextProvider, { value: { listElement: listElement, scrollToBottom: scrollToBottom } },
             React__default["default"].createElement(MessageListMainPanel, null,
                 !threadList && showUnreadMessagesNotification && (React__default["default"].createElement(UnreadMessagesNotification$1, { unreadCount: channelUnreadUiState === null || channelUnreadUiState === void 0 ? void 0 : channelUnreadUiState.unread_messages })),
-                React__default["default"].createElement("div", { className: "".concat(messageListClass, " ").concat(threadListClass), onScroll: onScroll, ref: setListElement, tabIndex: 0 }, showEmptyStateIndicator ? (React__default["default"].createElement(EmptyStateIndicator$1, { key: 'empty-state-indicator', listType: threadList ? 'thread' : 'message' })) : (React__default["default"].createElement(InfiniteScroll, __assign({ className: 'str-chat__reverse-infinite-scroll  str-chat__message-list-scroll', "data-testid": 'reverse-infinite-scroll', hasNextPage: props.hasMoreNewer, hasPreviousPage: props.hasMore, head: props.head, isLoading: props.loadingMore, loader: React__default["default"].createElement("div", { className: 'str-chat__list__loading', key: 'loading-indicator' }, props.loadingMore && React__default["default"].createElement(LoadingIndicator$1, { size: 20 })), loadNextPage: loadMoreNewer, loadPreviousPage: loadMore }, props.internalInfiniteScrollProps, { threshold: loadMoreScrollThreshold }),
+                React__default["default"].createElement("div", { className: "".concat(messageListClass, " ").concat(threadListClass), onScroll: onScroll, ref: setListElement, tabIndex: 0 }, showEmptyStateIndicator ? (React__default["default"].createElement(EmptyStateIndicator$1, { key: 'empty-state-indicator', listType: threadList ? 'thread' : 'message' })) : (React__default["default"].createElement(InfiniteScroll, __assign({ className: 'str-chat__reverse-infinite-scroll  str-chat__message-list-scroll', "data-testid": 'reverse-infinite-scroll', hasNextPage: props.hasMoreNewer, hasPreviousPage: props.hasMore, head: props.head, isLoading: props.loadingMore, loader: React__default["default"].createElement("div", { className: 'str-chat__list__loading', key: 'loading-indicator' }, props.loadingMore && React__default["default"].createElement(LoadingIndicator$1, { size: 20 })), loadNextPage: loadMoreNewer, loadPreviousPage: loadMore, threshold: loadMoreScrollThreshold }, restInternalInfiniteScrollProps),
                     React__default["default"].createElement("ul", { className: 'str-chat__ul', ref: setUlElement }, elements),
                     React__default["default"].createElement(TypingIndicator$1, { threadList: threadList }),
                     React__default["default"].createElement("div", { key: 'bottom' }))))),
@@ -54722,7 +56765,7 @@ var StreamChatReact = (function (exports, React$2, jsxRuntime, ReactDOM, streamC
     };
     var messageRenderer = function (virtuosoIndex, _data, virtuosoContext) {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-        var additionalMessageInputProps = virtuosoContext.additionalMessageInputProps, closeReactionSelectorOnClick = virtuosoContext.closeReactionSelectorOnClick, customMessageActions = virtuosoContext.customMessageActions, customMessageRenderer = virtuosoContext.customMessageRenderer, DateSeparator = virtuosoContext.DateSeparator, firstUnreadMessageId = virtuosoContext.firstUnreadMessageId, lastReadMessageId = virtuosoContext.lastReadMessageId, lastReceivedMessageId = virtuosoContext.lastReceivedMessageId, MessageUIComponent = virtuosoContext.Message, messageActions = virtuosoContext.messageActions, MessageSystem = virtuosoContext.MessageSystem, numItemsPrepended = virtuosoContext.numItemsPrepended, ownMessagesReadByOthers = virtuosoContext.ownMessagesReadByOthers, messageList = virtuosoContext.processedMessages, shouldGroupByUser = virtuosoContext.shouldGroupByUser, _k = virtuosoContext.unreadMessageCount, unreadMessageCount = _k === void 0 ? 0 : _k, UnreadMessagesSeparator = virtuosoContext.UnreadMessagesSeparator, virtuosoRef = virtuosoContext.virtuosoRef;
+        var additionalMessageInputProps = virtuosoContext.additionalMessageInputProps, closeReactionSelectorOnClick = virtuosoContext.closeReactionSelectorOnClick, customMessageActions = virtuosoContext.customMessageActions, customMessageRenderer = virtuosoContext.customMessageRenderer, DateSeparator = virtuosoContext.DateSeparator, firstUnreadMessageId = virtuosoContext.firstUnreadMessageId, lastReadMessageId = virtuosoContext.lastReadMessageId, lastReceivedMessageId = virtuosoContext.lastReceivedMessageId, MessageUIComponent = virtuosoContext.Message, messageActions = virtuosoContext.messageActions, MessageSystem = virtuosoContext.MessageSystem, numItemsPrepended = virtuosoContext.numItemsPrepended, ownMessagesReadByOthers = virtuosoContext.ownMessagesReadByOthers, messageList = virtuosoContext.processedMessages, shouldGroupByUser = virtuosoContext.shouldGroupByUser, sortReactionDetails = virtuosoContext.sortReactionDetails, sortReactions = virtuosoContext.sortReactions, _k = virtuosoContext.unreadMessageCount, unreadMessageCount = _k === void 0 ? 0 : _k, UnreadMessagesSeparator = virtuosoContext.UnreadMessagesSeparator, virtuosoRef = virtuosoContext.virtuosoRef;
         var streamMessageIndex = calculateItemIndex(virtuosoIndex, numItemsPrepended);
         if (customMessageRenderer) {
             return customMessageRenderer(messageList, streamMessageIndex);
@@ -54745,7 +56788,7 @@ var StreamChatReact = (function (exports, React$2, jsxRuntime, ReactDOM, streamC
         var isLastReadMessage = message.id === lastReadMessageId;
         var showUnreadSeparator = isLastReadMessage && !isNewestMessage && (firstUnreadMessageId || unreadMessageCount > 0); // unread count can be 0 if the user marks unread only own messages
         return (React__default["default"].createElement(React__default["default"].Fragment, null,
-            React__default["default"].createElement(Message, { additionalMessageInputProps: additionalMessageInputProps, autoscrollToBottom: (_j = virtuosoRef.current) === null || _j === void 0 ? void 0 : _j.autoscrollToBottom, closeReactionSelectorOnClick: closeReactionSelectorOnClick, customMessageActions: customMessageActions, endOfGroup: endOfGroup, firstOfGroup: firstOfGroup, groupedByUser: groupedByUser, lastReceivedId: lastReceivedMessageId, message: message, Message: MessageUIComponent, messageActions: messageActions, readBy: ownMessagesReadByOthers[message.id] || [] }),
+            React__default["default"].createElement(Message, { additionalMessageInputProps: additionalMessageInputProps, autoscrollToBottom: (_j = virtuosoRef.current) === null || _j === void 0 ? void 0 : _j.autoscrollToBottom, closeReactionSelectorOnClick: closeReactionSelectorOnClick, customMessageActions: customMessageActions, endOfGroup: endOfGroup, firstOfGroup: firstOfGroup, groupedByUser: groupedByUser, lastReceivedId: lastReceivedMessageId, message: message, Message: MessageUIComponent, messageActions: messageActions, readBy: ownMessagesReadByOthers[message.id] || [], sortReactionDetails: sortReactionDetails, sortReactions: sortReactions }),
             showUnreadSeparator && (React__default["default"].createElement("div", { className: 'str-chat__unread-messages-separator-wrapper' },
                 React__default["default"].createElement(UnreadMessagesSeparator, { unreadCount: unreadMessageCount })))));
     };
@@ -54781,11 +56824,11 @@ var StreamChatReact = (function (exports, React$2, jsxRuntime, ReactDOM, streamC
     }
     var VirtualizedMessageListWithContext = function (props) {
         var _a, _b;
-        var additionalMessageInputProps = props.additionalMessageInputProps, _c = props.additionalVirtuosoProps, additionalVirtuosoProps = _c === void 0 ? {} : _c, channel = props.channel, channelUnreadUiState = props.channelUnreadUiState, closeReactionSelectorOnClick = props.closeReactionSelectorOnClick, customMessageActions = props.customMessageActions, customMessageRenderer = props.customMessageRenderer, defaultItemHeight = props.defaultItemHeight, _d = props.disableDateSeparator, disableDateSeparator = _d === void 0 ? true : _d, groupStyles = props.groupStyles, hasMoreNewer = props.hasMoreNewer, head = props.head, _e = props.hideDeletedMessages, hideDeletedMessages = _e === void 0 ? false : _e, _f = props.hideNewMessageSeparator, hideNewMessageSeparator = _f === void 0 ? false : _f, highlightedMessageId = props.highlightedMessageId, jumpToLatestMessage = props.jumpToLatestMessage, loadingMore = props.loadingMore, loadMore = props.loadMore, loadMoreNewer = props.loadMoreNewer, MessageUIComponentFromProps = props.Message, messageActions = props.messageActions, _g = props.messageLimit, messageLimit = _g === void 0 ? 100 : _g, messages = props.messages, notifications = props.notifications, 
+        var additionalMessageInputProps = props.additionalMessageInputProps, _c = props.additionalVirtuosoProps, additionalVirtuosoProps = _c === void 0 ? {} : _c, channel = props.channel, channelUnreadUiState = props.channelUnreadUiState, closeReactionSelectorOnClick = props.closeReactionSelectorOnClick, customMessageActions = props.customMessageActions, customMessageRenderer = props.customMessageRenderer, defaultItemHeight = props.defaultItemHeight, _d = props.disableDateSeparator, disableDateSeparator = _d === void 0 ? true : _d, groupStyles = props.groupStyles, hasMoreNewer = props.hasMoreNewer, head = props.head, _e = props.hideDeletedMessages, hideDeletedMessages = _e === void 0 ? false : _e, _f = props.hideNewMessageSeparator, hideNewMessageSeparator = _f === void 0 ? false : _f, highlightedMessageId = props.highlightedMessageId, jumpToLatestMessage = props.jumpToLatestMessage, loadingMore = props.loadingMore, loadMore = props.loadMore, loadMoreNewer = props.loadMoreNewer, MessageUIComponentFromProps = props.Message, messageActions = props.messageActions, _g = props.messageLimit, messageLimit = _g === void 0 ? DEFAULT_NEXT_CHANNEL_PAGE_SIZE : _g, messages = props.messages, notifications = props.notifications, 
         // TODO: refactor to scrollSeekPlaceHolderConfiguration and components.ScrollSeekPlaceholder, like the Virtuoso Component
         _h = props.overscan, 
         // TODO: refactor to scrollSeekPlaceHolderConfiguration and components.ScrollSeekPlaceholder, like the Virtuoso Component
-        overscan = _h === void 0 ? 0 : _h, read = props.read, _j = props.returnAllReadData, returnAllReadData = _j === void 0 ? false : _j, scrollSeekPlaceHolder = props.scrollSeekPlaceHolder, _k = props.scrollToLatestMessageOnFocus, scrollToLatestMessageOnFocus = _k === void 0 ? false : _k, _l = props.separateGiphyPreview, separateGiphyPreview = _l === void 0 ? false : _l, _m = props.shouldGroupByUser, shouldGroupByUser = _m === void 0 ? false : _m, showUnreadNotificationAlways = props.showUnreadNotificationAlways, _o = props.stickToBottomScrollBehavior, stickToBottomScrollBehavior = _o === void 0 ? 'smooth' : _o, suppressAutoscroll = props.suppressAutoscroll, threadList = props.threadList;
+        overscan = _h === void 0 ? 0 : _h, read = props.read, _j = props.returnAllReadData, returnAllReadData = _j === void 0 ? false : _j, scrollSeekPlaceHolder = props.scrollSeekPlaceHolder, _k = props.scrollToLatestMessageOnFocus, scrollToLatestMessageOnFocus = _k === void 0 ? false : _k, _l = props.separateGiphyPreview, separateGiphyPreview = _l === void 0 ? false : _l, _m = props.shouldGroupByUser, shouldGroupByUser = _m === void 0 ? false : _m, showUnreadNotificationAlways = props.showUnreadNotificationAlways, sortReactionDetails = props.sortReactionDetails, sortReactions = props.sortReactions, _o = props.stickToBottomScrollBehavior, stickToBottomScrollBehavior = _o === void 0 ? 'smooth' : _o, suppressAutoscroll = props.suppressAutoscroll, threadList = props.threadList;
         var virtuosoComponentsFromProps = additionalVirtuosoProps.components, overridingVirtuosoProps = __rest(additionalVirtuosoProps, ["components"]);
         // Stops errors generated from react-virtuoso to bubble up
         // to Sentry or other tracking tools.
@@ -54913,8 +56956,9 @@ var StreamChatReact = (function (exports, React$2, jsxRuntime, ReactDOM, streamC
             }
         };
         var atTopStateChange = function (isAtTop) {
-            if (isAtTop)
+            if (isAtTop) {
                 loadMore === null || loadMore === void 0 ? void 0 : loadMore(messageLimit);
+            }
         };
         React$2.useEffect(function () {
             var scrollTimeout;
@@ -54957,6 +57001,8 @@ var StreamChatReact = (function (exports, React$2, jsxRuntime, ReactDOM, streamC
                             ownMessagesReadByOthers: ownMessagesReadByOthers,
                             processedMessages: processedMessages,
                             shouldGroupByUser: shouldGroupByUser,
+                            sortReactionDetails: sortReactionDetails,
+                            sortReactions: sortReactions,
                             threadList: threadList,
                             unreadMessageCount: channelUnreadUiState === null || channelUnreadUiState === void 0 ? void 0 : channelUnreadUiState.unread_messages,
                             UnreadMessagesSeparator: UnreadMessagesSeparator,
@@ -55233,7 +57279,12 @@ var StreamChatReact = (function (exports, React$2, jsxRuntime, ReactDOM, streamC
     };
     var ChannelInner = function (props) {
         var _a;
-        var acceptedFiles = props.acceptedFiles, activeUnreadHandler = props.activeUnreadHandler, channel = props.channel, channelQueryOptions = props.channelQueryOptions, children = props.children, doDeleteMessageRequest = props.doDeleteMessageRequest, doMarkReadRequest = props.doMarkReadRequest, doSendMessageRequest = props.doSendMessageRequest, doUpdateMessageRequest = props.doUpdateMessageRequest, _b = props.dragAndDropWindow, dragAndDropWindow = _b === void 0 ? false : _b, enrichURLForPreviewConfig = props.enrichURLForPreviewConfig, _c = props.initializeOnMount, initializeOnMount = _c === void 0 ? true : _c, _d = props.LoadingErrorIndicator, LoadingErrorIndicator$1 = _d === void 0 ? LoadingErrorIndicator : _d, _e = props.LoadingIndicator, LoadingIndicator = _e === void 0 ? LoadingChannel : _e, _f = props.markReadOnMount, markReadOnMount = _f === void 0 ? true : _f, maxNumberOfFiles = props.maxNumberOfFiles, _g = props.multipleUploads, multipleUploads = _g === void 0 ? true : _g, onMentionsClick = props.onMentionsClick, onMentionsHover = props.onMentionsHover, _h = props.optionalMessageInputProps, optionalMessageInputProps = _h === void 0 ? {} : _h, skipMessageDataMemoization = props.skipMessageDataMemoization;
+        var acceptedFiles = props.acceptedFiles, activeUnreadHandler = props.activeUnreadHandler, channel = props.channel, propChannelQueryOptions = props.channelQueryOptions, children = props.children, doDeleteMessageRequest = props.doDeleteMessageRequest, doMarkReadRequest = props.doMarkReadRequest, doSendMessageRequest = props.doSendMessageRequest, doUpdateMessageRequest = props.doUpdateMessageRequest, _b = props.dragAndDropWindow, dragAndDropWindow = _b === void 0 ? false : _b, enrichURLForPreviewConfig = props.enrichURLForPreviewConfig, _c = props.initializeOnMount, initializeOnMount = _c === void 0 ? true : _c, _d = props.LoadingErrorIndicator, LoadingErrorIndicator$1 = _d === void 0 ? LoadingErrorIndicator : _d, _e = props.LoadingIndicator, LoadingIndicator = _e === void 0 ? LoadingChannel : _e, _f = props.markReadOnMount, markReadOnMount = _f === void 0 ? true : _f, maxNumberOfFiles = props.maxNumberOfFiles, _g = props.multipleUploads, multipleUploads = _g === void 0 ? true : _g, onMentionsClick = props.onMentionsClick, onMentionsHover = props.onMentionsHover, _h = props.optionalMessageInputProps, optionalMessageInputProps = _h === void 0 ? {} : _h, skipMessageDataMemoization = props.skipMessageDataMemoization;
+        var channelQueryOptions = React$2.useMemo(function () {
+            return defaultsDeep(propChannelQueryOptions, {
+                messages: { limit: DEFAULT_INITIAL_CHANNEL_PAGE_SIZE },
+            });
+        }, [propChannelQueryOptions]);
         var _j = useChatContext('Channel'), client = _j.client, customClasses = _j.customClasses, latestMessageDatesByChannels = _j.latestMessageDatesByChannels, mutes = _j.mutes, theme = _j.theme;
         var t = useTranslationContext('Channel').t;
         var _k = useChannelContainerClasses({ customClasses: customClasses }), channelClass = _k.channelClass, chatClass = _k.chatClass, chatContainerClass = _k.chatContainerClass, windowsEmojiClass = _k.windowsEmojiClass;
@@ -55387,16 +57438,17 @@ var StreamChatReact = (function (exports, React$2, jsxRuntime, ReactDOM, streamC
         React$2.useLayoutEffect(function () {
             var errored = false;
             var done = false;
+            var channelInitializedExternally = true;
             (function () { return __awaiter(void 0, void 0, void 0, function () {
                 var members, _i, _a, member, userId, _b, user, user_id, config, e_2, _c, user, ownReadState;
-                var _d, _e, _f, _g;
-                return __generator(this, function (_h) {
-                    switch (_h.label) {
+                var _d, _e;
+                return __generator(this, function (_f) {
+                    switch (_f.label) {
                         case 0:
                             if (!(!channel.initialized && initializeOnMount)) return [3 /*break*/, 4];
-                            _h.label = 1;
+                            _f.label = 1;
                         case 1:
-                            _h.trys.push([1, 3, , 4]);
+                            _f.trys.push([1, 3, , 4]);
                             members = [];
                             if (!channel.id && ((_d = channel.data) === null || _d === void 0 ? void 0 : _d.members)) {
                                 for (_i = 0, _a = channel.data.members; _i < _a.length; _i++) {
@@ -55416,12 +57468,13 @@ var StreamChatReact = (function (exports, React$2, jsxRuntime, ReactDOM, streamC
                             }
                             return [4 /*yield*/, getChannel({ channel: channel, client: client, members: members, options: channelQueryOptions })];
                         case 2:
-                            _h.sent();
+                            _f.sent();
                             config = channel.getConfig();
                             setChannelConfig(config);
+                            channelInitializedExternally = false;
                             return [3 /*break*/, 4];
                         case 3:
-                            e_2 = _h.sent();
+                            e_2 = _f.sent();
                             dispatch({ error: e_2, type: 'setError' });
                             errored = true;
                             return [3 /*break*/, 4];
@@ -55431,10 +57484,11 @@ var StreamChatReact = (function (exports, React$2, jsxRuntime, ReactDOM, streamC
                             if (!errored) {
                                 dispatch({
                                     channel: channel,
-                                    hasMore: hasMoreMessagesProbably(channel.state.messages.length, (_f = (_e = channelQueryOptions === null || channelQueryOptions === void 0 ? void 0 : channelQueryOptions.messages) === null || _e === void 0 ? void 0 : _e.limit) !== null && _f !== void 0 ? _f : DEFAULT_INITIAL_CHANNEL_PAGE_SIZE),
+                                    hasMore: channelInitializedExternally ||
+                                        hasMoreMessagesProbably(channel.state.messages.length, channelQueryOptions.messages.limit),
                                     type: 'initStateFromChannel',
                                 });
-                                if (((_g = client.user) === null || _g === void 0 ? void 0 : _g.id) && channel.state.read[client.user.id]) {
+                                if (((_e = client.user) === null || _e === void 0 ? void 0 : _e.id) && channel.state.read[client.user.id]) {
                                     _c = channel.state.read[client.user.id], user = _c.user, ownReadState = __rest(_c, ["user"]);
                                     _setChannelUnreadUiState(ownReadState);
                                 }
@@ -56510,18 +58564,18 @@ var StreamChatReact = (function (exports, React$2, jsxRuntime, ReactDOM, streamC
             if (queryType === void 0) { queryType = 'load-more'; }
             return __awaiter(void 0, void 0, void 0, function () {
                 var offset, newOptions, channelQueryResponse, newChannels, err_1;
-                var _a;
-                return __generator(this, function (_b) {
-                    switch (_b.label) {
+                var _a, _b;
+                return __generator(this, function (_c) {
+                    switch (_c.label) {
                         case 0:
                             setError(null);
                             if (queryType === 'reload') {
                                 setChannels([]);
                             }
                             setQueryInProgress(queryType);
-                            _b.label = 1;
+                            _c.label = 1;
                         case 1:
-                            _b.trys.push([1, 6, , 7]);
+                            _c.trys.push([1, 6, , 7]);
                             if (!customQueryChannels) return [3 /*break*/, 3];
                             return [4 /*yield*/, customQueryChannels({
                                     currentChannels: channels,
@@ -56530,14 +58584,14 @@ var StreamChatReact = (function (exports, React$2, jsxRuntime, ReactDOM, streamC
                                     setHasNextPage: setHasNextPage,
                                 })];
                         case 2:
-                            _b.sent();
+                            _c.sent();
                             return [3 /*break*/, 5];
                         case 3:
                             offset = queryType === 'reload' ? 0 : channels.length;
-                            newOptions = __assign({ limit: (_a = options === null || options === void 0 ? void 0 : options.limit) !== null && _a !== void 0 ? _a : MAX_QUERY_CHANNELS_LIMIT, offset: offset }, options);
+                            newOptions = __assign({ limit: (_a = options === null || options === void 0 ? void 0 : options.limit) !== null && _a !== void 0 ? _a : MAX_QUERY_CHANNELS_LIMIT, message_limit: (_b = options === null || options === void 0 ? void 0 : options.message_limit) !== null && _b !== void 0 ? _b : DEFAULT_INITIAL_CHANNEL_PAGE_SIZE, offset: offset }, options);
                             return [4 /*yield*/, client.queryChannels(filters, sort || {}, newOptions)];
                         case 4:
-                            channelQueryResponse = _b.sent();
+                            channelQueryResponse = _c.sent();
                             newChannels = queryType === 'reload'
                                 ? channelQueryResponse
                                 : uniqBy(__spreadArray(__spreadArray([], channels, true), channelQueryResponse, true), 'cid');
@@ -56547,10 +58601,10 @@ var StreamChatReact = (function (exports, React$2, jsxRuntime, ReactDOM, streamC
                             if (!offset && activeChannelHandler) {
                                 activeChannelHandler(newChannels, setChannels);
                             }
-                            _b.label = 5;
+                            _c.label = 5;
                         case 5: return [3 /*break*/, 7];
                         case 6:
-                            err_1 = _b.sent();
+                            err_1 = _c.sent();
                             console.warn(err_1);
                             setError(err_1);
                             return [3 /*break*/, 7];
@@ -57349,7 +59403,7 @@ var StreamChatReact = (function (exports, React$2, jsxRuntime, ReactDOM, streamC
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
 
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var version$1 = '11.9.0';
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var version$1 = '11.11.0';
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var useChat = function (_a) {
         var _b, _c;
@@ -57568,6 +59622,36 @@ var StreamChatReact = (function (exports, React$2, jsxRuntime, ReactDOM, streamC
             React__default["default"].createElement(TranslationProvider, { value: translators }, children)));
     };
 
+    window.StreamChat.StreamChat=streamChat.StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};/**
+     * React hook to create, connect and return `StreamChat` client.
+     */
+    var useCreateChatClient = function (_a) {
+        var apiKey = _a.apiKey, tokenOrProvider = _a.tokenOrProvider, userData = _a.userData;
+        var _b = React$2.useState(null), chatClient = _b[0], setChatClient = _b[1];
+        var _c = React$2.useState(userData), cachedUserData = _c[0], setCachedUserData = _c[1];
+        if (userData.id !== cachedUserData.id) {
+            setCachedUserData(userData);
+        }
+        React$2.useEffect(function () {
+            var client = new streamChat.StreamChat(apiKey);
+            var didUserConnectInterrupt = false;
+            var connectionPromise = client.connectUser(cachedUserData, tokenOrProvider).then(function () {
+                if (!didUserConnectInterrupt)
+                    setChatClient(client);
+            });
+            return function () {
+                didUserConnectInterrupt = true;
+                setChatClient(null);
+                connectionPromise
+                    .then(function () { return client.disconnectUser(); })
+                    .then(function () {
+                    console.log("Connection for user \"".concat(cachedUserData.id, "\" has been closed"));
+                });
+            };
+        }, [apiKey, cachedUserData, tokenOrProvider]);
+        return chatClient;
+    };
+
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
@@ -82045,6 +84129,7 @@ var StreamChatReact = (function (exports, React$2, jsxRuntime, ReactDOM, streamC
     exports.useComponentContext = useComponentContext;
     exports.useConnectionRecoveredListener = useConnectionRecoveredListener;
     exports.useCooldownTimer = useCooldownTimer;
+    exports.useCreateChatClient = useCreateChatClient;
     exports.useCustomStyles = useCustomStyles;
     exports.useDeleteHandler = useDeleteHandler;
     exports.useEditHandler = useEditHandler;