@sendbird/uikit-react 3.2.0-rc.0 → 3.2.0-rc.1

package/SendbirdProvider.js

@@ -1,81 +1,87 @@
-import { _ as _objectSpread2, a as _slicedToArray } from './_rollupPluginBabelHelpers-4527872e.js';
+import { _ as _objectSpread2 } from './_rollupPluginBabelHelpers-22c28a74.js';
 import React__default, { useLayoutEffect, useState, useEffect, useReducer } from 'react';
 import PropTypes from 'prop-types';
 import { SendbirdSdkContext } from './withSendbird.js';
 import SendbirdChat, { ConnectionHandler } from '@sendbird/chat';
-import { N as Nn } from './openChannel-8c75e1a4.js';
-import { $ as $r } from './groupChannel-e2a071e1.js';
-import { R as RESET_USER, I as INIT_USER, U as UPDATE_USER_INFO } from './actionTypes-517789b8.js';
-import { i as isTextuallyNull } from './index-f59cf800.js';
-import { _ as __assign } from './tslib.es6-cb5d77bf.js';
+import { N as Nn } from './openChannel-2aef0cd5.js';
+import { e as es } from './groupChannel-3301a732.js';
+import { R as RESET_USER, I as INIT_USER, U as UPDATE_USER_INFO } from './actionTypes-fd0f0a6c.js';
+import { i as isTextuallyNull } from './index-46beca69.js';
+import { _ as __assign } from './tslib.es6-4faaa58d.js';
 import cssVars from 'css-vars-ponyfill';
-import { u as uuidv4 } from './uuid-180d497e.js';
-import { L as LocalizationProvider } from './LocalizationContext-4cefc770.js';
-import { g as getStringSet } from './stringSet-dc330bcf.js';
-import './__bundle-bd072f34-95f6bf17.js';
-import './index-176e9ad4.js';
-
-var INIT_SDK = 'INIT_SDK';
-var SET_SDK_LOADING = 'SET_SDK_LOADING';
-var RESET_SDK = 'RESET_SDK';
-var SDK_ERROR = 'SDK_ERROR';
-
-var APP_VERSION_STRING = '3.2.0-rc.0';
-var disconnectSdk = function disconnectSdk(_ref) {
-  var sdkDispatcher = _ref.sdkDispatcher,
-      userDispatcher = _ref.userDispatcher,
-      sdk = _ref.sdk,
-      onDisconnect = _ref.onDisconnect;
+import { u as uuidv4 } from './uuid-4521c466.js';
+import { L as LocalizationProvider } from './LocalizationContext-10829cf3.js';
+import { g as getStringSet } from './stringSet-804c49f3.js';
+import './__bundle-c41dd401-d4ab6c10.js';
+import './index-940576d8.js';
+
+const INIT_SDK = 'INIT_SDK';
+const SET_SDK_LOADING = 'SET_SDK_LOADING';
+const RESET_SDK = 'RESET_SDK';
+const SDK_ERROR = 'SDK_ERROR';
+
+const APP_VERSION_STRING = '3.2.0-rc.1';
+const disconnectSdk = _ref => {
+  let {
+    sdkDispatcher,
+    userDispatcher,
+    sdk,
+    onDisconnect
+  } = _ref;
   sdkDispatcher({
     type: SET_SDK_LOADING,
     payload: true
   });
 
   if (sdk && sdk.disconnect) {
-    sdk.disconnect().then(function () {
+    sdk.disconnect().then(() => {
       sdkDispatcher({
         type: RESET_SDK
       });
       userDispatcher({
         type: RESET_USER
       });
-    }).finally(function () {
+    }).finally(() => {
       onDisconnect();
     });
   } else {
     onDisconnect();
   }
 };
-var handleConnection = function handleConnection(_ref2, dispatchers) {
-  var userId = _ref2.userId,
-      appId = _ref2.appId,
-      nickname = _ref2.nickname,
-      profileUrl = _ref2.profileUrl,
-      accessToken = _ref2.accessToken,
-      configureSession = _ref2.configureSession,
-      customApiHost = _ref2.customApiHost,
-      customWebSocketHost = _ref2.customWebSocketHost,
-      sdk = _ref2.sdk,
-      logger = _ref2.logger;
-  var sdkDispatcher = dispatchers.sdkDispatcher,
-      userDispatcher = dispatchers.userDispatcher;
+const handleConnection = (_ref2, dispatchers) => {
+  let {
+    userId,
+    appId,
+    nickname,
+    profileUrl,
+    accessToken,
+    configureSession,
+    customApiHost,
+    customWebSocketHost,
+    sdk,
+    logger
+  } = _ref2;
+  const {
+    sdkDispatcher,
+    userDispatcher
+  } = dispatchers;
   disconnectSdk({
-    sdkDispatcher: sdkDispatcher,
-    userDispatcher: userDispatcher,
-    sdk: sdk,
-    logger: logger,
-    onDisconnect: function onDisconnect() {
+    sdkDispatcher,
+    userDispatcher,
+    sdk,
+    logger,
+    onDisconnect: () => {
       logger.info('Setup connection');
-      var sessionHandler = null;
+      let sessionHandler = null;
       sdkDispatcher({
         type: SET_SDK_LOADING,
         payload: true
       });
 
       if (userId && appId) {
-        var params = {
-          appId: appId,
-          modules: [new $r(), new Nn()]
+        const params = {
+          appId,
+          modules: [new es(), new Nn()]
         };
 
         if (customApiHost) {
@@ -86,7 +92,7 @@ var handleConnection = function handleConnection(_ref2, dispatchers) {
           params.customWebSocketHost = customWebSocketHost;
         }
 
-        var newSdk = SendbirdChat.init(params);
+        const newSdk = SendbirdChat.init(params);
 
         if (configureSession && typeof configureSession === 'function') {
           sessionHandler = configureSession(newSdk);
@@ -99,7 +105,7 @@ var handleConnection = function handleConnection(_ref2, dispatchers) {
           newSdk.addExtension('sb_uikit', APP_VERSION_STRING);
         }
 
-        var connectCbSucess = function connectCbSucess(user) {
+        const connectCbSucess = user => {
           sdkDispatcher({
             type: INIT_SDK,
             payload: newSdk
@@ -114,7 +120,7 @@ var handleConnection = function handleConnection(_ref2, dispatchers) {
             newSdk.updateCurrentUserInfo({
               nickname: nickname || user.nickname,
               profileUrl: profileUrl || user.profileUrl
-            }).then(function (namedUser) {
+            }).then(namedUser => {
               userDispatcher({
                 type: UPDATE_USER_INFO,
                 payload: namedUser
@@ -123,8 +129,8 @@ var handleConnection = function handleConnection(_ref2, dispatchers) {
           }
         };
 
-        var connectCbError = function connectCbError(e) {
-          logger.error('Connection failed', "".concat(e));
+        const connectCbError = e => {
+          logger.error('Connection failed', `${e}`);
           sdkDispatcher({
             type: RESET_SDK
           });
@@ -137,17 +143,9 @@ var handleConnection = function handleConnection(_ref2, dispatchers) {
         };
 
         if (accessToken) {
-          newSdk.connect(userId, accessToken).then(function (res) {
-            return connectCbSucess(res);
-          }).catch(function (err) {
-            return connectCbError(err);
-          });
+          newSdk.connect(userId, accessToken).then(res => connectCbSucess(res)).catch(err => connectCbError(err));
         } else {
-          newSdk.connect(userId).then(function (res) {
-            return connectCbSucess(res);
-          }).catch(function (err) {
-            return connectCbError(err);
-          });
+          newSdk.connect(userId).then(res => connectCbSucess(res)).catch(err => connectCbError(err));
         }
       } else {
         sdkDispatcher({
@@ -159,7 +157,7 @@ var handleConnection = function handleConnection(_ref2, dispatchers) {
   });
 };
 
-var isEmpty = function isEmpty(obj) {
+var isEmpty = function (obj) {
   if (obj === null || obj === undefined) {
     return true;
   }
@@ -173,7 +171,7 @@ var isEmpty = function isEmpty(obj) {
   return JSON.stringify(obj) === JSON.stringify({});
 };
 
-var useTheme = function useTheme(overrides) {
+var useTheme = function (overrides) {
   useLayoutEffect(function () {
     if (!isEmpty(overrides)) {
       cssVars({
@@ -327,39 +325,35 @@ function reducer(state, action) {
 }
 
 function useConnectionStatus(sdk, logger, configureSession) {
-  var _useState = useState(true),
-      _useState2 = _slicedToArray(_useState, 2),
-      isOnline = _useState2[0],
-      setIsOnline = _useState2[1];
-
-  useEffect(function () {
-    var uniqueHandlerId = uuidv4();
+  const [isOnline, setIsOnline] = useState(true);
+  useEffect(() => {
+    const uniqueHandlerId = uuidv4();
 
     try {
       logger.warning('sdk changed', uniqueHandlerId);
-      var handler = new ConnectionHandler();
+      const handler = new ConnectionHandler();
 
-      handler.onDisconnected = function () {
+      handler.onDisconnected = () => {
         logger.warning('onDisconnected', {
-          isOnline: isOnline
+          isOnline
         });
       };
 
-      handler.onReconnectStarted = function () {
+      handler.onReconnectStarted = () => {
         setIsOnline(false);
         logger.warning('onReconnectStarted', {
-          isOnline: isOnline
+          isOnline
         });
       };
 
-      handler.onReconnectSucceeded = function () {
+      handler.onReconnectSucceeded = () => {
         setIsOnline(true);
         logger.warning('onReconnectSucceeded', {
-          isOnline: isOnline
+          isOnline
         });
       };
 
-      handler.onReconnectFailed = function () {
+      handler.onReconnectFailed = () => {
         sdk.reconnect();
         logger.warning('onReconnectFailed');
       };
@@ -373,7 +367,7 @@ function useConnectionStatus(sdk, logger, configureSession) {
     } catch (_unused) {//
     }
 
-    return function () {
+    return () => {
       try {
         sdk.removeConnectionHandler(uniqueHandlerId);
         logger.info('Removed ConnectionHandler', uniqueHandlerId);
@@ -381,8 +375,8 @@ function useConnectionStatus(sdk, logger, configureSession) {
       }
     };
   }, [sdk, configureSession]);
-  useEffect(function () {
-    var tryReconnect = function tryReconnect() {
+  useEffect(() => {
+    const tryReconnect = () => {
       try {
         logger.warning('Try reconnecting SDK');
 
@@ -396,13 +390,13 @@ function useConnectionStatus(sdk, logger, configureSession) {
 
 
     window.addEventListener('online', tryReconnect);
-    return function () {
+    return () => {
       window.removeEventListener('online', tryReconnect);
     };
   }, [sdk]); // add offline-class to body
 
-  useEffect(function () {
-    var body = document.querySelector('body');
+  useEffect(() => {
+    const body = document.querySelector('body');
 
     if (!isOnline) {
       try {
@@ -424,7 +418,7 @@ function useConnectionStatus(sdk, logger, configureSession) {
 // Logger, pretty much explains it
 // in SendbirdProvider
 // const [logger, setLogger] = useState(LoggerFactory(logLevel));
-var LOG_LEVELS = {
+const LOG_LEVELS = {
   DEBUG: 'debug',
   WARNING: 'warning',
   ERROR: 'error',
@@ -432,7 +426,7 @@ var LOG_LEVELS = {
   ALL: 'all'
 };
 
-var colorLog = function colorLog(level) {
+const colorLog = level => {
   switch (level) {
     case LOG_LEVELS.WARNING:
       return 'color: Orange';
@@ -445,36 +439,31 @@ var colorLog = function colorLog(level) {
   }
 };
 
-var printLog = function printLog(_ref) {
-  var level = _ref.level,
-      title = _ref.title,
-      _ref$description = _ref.description,
-      description = _ref$description === void 0 ? '' : _ref$description;
+const printLog = _ref => {
+  let {
+    level,
+    title,
+    description = ''
+  } = _ref;
   // eslint-disable-next-line no-console
-  console.log("%c SendbirdUIKit | ".concat(level, " | ").concat(new Date().toISOString(), " | ").concat(title, " ").concat(description && '|'), colorLog(level), description);
+  console.log(`%c SendbirdUIKit | ${level} | ${new Date().toISOString()} | ${title} ${description && '|'}`, colorLog(level), description);
 };
-var getDefaultLogger = function getDefaultLogger() {
-  return {
-    info: function info() {},
-    error: function error() {},
-    warning: function warning() {}
-  };
-};
-var LoggerFactory = function LoggerFactory(lvl, customInterface) {
-  var logInterface = customInterface || printLog;
-  var lvlArray = Array.isArray(lvl) ? lvl : [lvl];
-
-  var applyLog = function applyLog(lgLvl) {
-    return function (title, description) {
-      return logInterface({
-        level: lgLvl,
-        title: title,
-        description: description
-      });
-    };
-  };
+const getDefaultLogger = () => ({
+  info: () => {},
+  error: () => {},
+  warning: () => {}
+});
+const LoggerFactory = (lvl, customInterface) => {
+  const logInterface = customInterface || printLog;
+  const lvlArray = Array.isArray(lvl) ? lvl : [lvl];
+
+  const applyLog = lgLvl => (title, description) => logInterface({
+    level: lgLvl,
+    title,
+    description
+  });
 
-  var logger = lvlArray.reduce(function (accumulator, currentLvl) {
+  const logger = lvlArray.reduce((accumulator, currentLvl) => {
     if (currentLvl === LOG_LEVELS.DEBUG || currentLvl === LOG_LEVELS.ALL) {
       return _objectSpread2(_objectSpread2({}, accumulator), {}, {
         info: applyLog(LOG_LEVELS.INFO),
@@ -511,36 +500,34 @@ var LoggerFactory = function LoggerFactory(lvl, customInterface) {
 // for example, if customer sends a message from their custom component
 // without pubsub,we would not be able to listen to it
 // in our ChannelList or Conversation
-var pubSubFactory = (function () {
-  var topics = {};
-  var hOP = topics.hasOwnProperty;
+var pubSubFactory = (() => {
+  const topics = {};
+  const hOP = topics.hasOwnProperty;
   return {
-    __getTopics: function __getTopics() {
-      return topics;
-    },
-    subscribe: function subscribe(topic, listener) {
+    __getTopics: () => topics,
+    subscribe: (topic, listener) => {
       // Create the topic's object if not yet created
       if (!hOP.call(topics, topic)) {
         topics[topic] = [];
       } // Add the listener to queue
 
 
-      var index = topics[topic].push(listener) - 1; // Provide handle back for removal of topic
+      const index = topics[topic].push(listener) - 1; // Provide handle back for removal of topic
 
       return {
-        remove: function remove() {
+        remove: () => {
           delete topics[topic][index];
         }
       };
     },
-    publish: function publish(topic, info) {
+    publish: (topic, info) => {
       // If the topic doesn't exist, or there's no listeners in queue, just leave
       if (!hOP.call(topics, topic)) {
         return;
       } // Cycle through topics queue, fire!
 
 
-      topics[topic].forEach(function (item) {
+      topics[topic].forEach(item => {
         item(info !== undefined ? info : {});
       });
     }
@@ -548,18 +535,18 @@ var pubSubFactory = (function () {
 });
 
 function useAppendDomNode() {
-  var ids = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  var rootSelector = arguments.length > 1 ? arguments[1] : undefined;
-  useEffect(function () {
-    var root = document.querySelector(rootSelector);
-    ids.forEach(function (id) {
-      var elem = document.createElement('div');
+  let ids = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  let rootSelector = arguments.length > 1 ? arguments[1] : undefined;
+  useEffect(() => {
+    const root = document.querySelector(rootSelector);
+    ids.forEach(id => {
+      const elem = document.createElement('div');
       elem.setAttribute('id', id);
       root.appendChild(elem);
     });
-    return function () {
-      ids.forEach(function (id) {
-        var target = document.getElementById(id);
+    return () => {
+      ids.forEach(id => {
+        const target = document.getElementById(id);
 
         if (target) {
           root.removeChild(target);
@@ -570,97 +557,76 @@ function useAppendDomNode() {
 }
 
 function Sendbird(props) {
-  var userId = props.userId,
-      dateLocale = props.dateLocale,
-      appId = props.appId,
-      accessToken = props.accessToken,
-      configureSession = props.configureSession,
-      customApiHost = props.customApiHost,
-      customWebSocketHost = props.customWebSocketHost,
-      children = props.children,
-      disableUserProfile = props.disableUserProfile,
-      renderUserProfile = props.renderUserProfile,
-      allowProfileEdit = props.allowProfileEdit,
-      theme = props.theme,
-      nickname = props.nickname,
-      profileUrl = props.profileUrl,
-      userListQuery = props.userListQuery,
-      _props$config = props.config,
-      config = _props$config === void 0 ? {} : _props$config,
-      colorSet = props.colorSet,
-      stringSet = props.stringSet,
-      imageCompression = props.imageCompression,
-      isReactionEnabled = props.isReactionEnabled,
-      isMentionEnabled = props.isMentionEnabled,
-      isTypingIndicatorEnabledOnChannelList = props.isTypingIndicatorEnabledOnChannelList,
-      isMessageReceiptStatusEnabledOnChannelList = props.isMessageReceiptStatusEnabledOnChannelList;
-  var _config$logLevel = config.logLevel,
-      logLevel = _config$logLevel === void 0 ? '' : _config$logLevel,
-      _config$userMention = config.userMention,
-      userMention = _config$userMention === void 0 ? {} : _config$userMention,
-      _config$isREMUnitEnab = config.isREMUnitEnabled,
-      isREMUnitEnabled = _config$isREMUnitEnab === void 0 ? false : _config$isREMUnitEnab;
-
-  var _useState = useState(LoggerFactory(logLevel)),
-      _useState2 = _slicedToArray(_useState, 2),
-      logger = _useState2[0],
-      setLogger = _useState2[1];
-
-  var _useState3 = useState(),
-      _useState4 = _slicedToArray(_useState3, 2),
-      pubSub = _useState4[0],
-      setPubSub = _useState4[1];
-
-  var _useReducer = useReducer(reducer$1, sdkInitialState),
-      _useReducer2 = _slicedToArray(_useReducer, 2),
-      sdkStore = _useReducer2[0],
-      sdkDispatcher = _useReducer2[1];
-
-  var _useReducer3 = useReducer(reducer, userInitialState),
-      _useReducer4 = _slicedToArray(_useReducer3, 2),
-      userStore = _useReducer4[0],
-      userDispatcher = _useReducer4[1];
-
+  const {
+    userId,
+    dateLocale,
+    appId,
+    accessToken,
+    configureSession,
+    customApiHost,
+    customWebSocketHost,
+    children,
+    disableUserProfile,
+    renderUserProfile,
+    allowProfileEdit,
+    theme,
+    nickname,
+    profileUrl,
+    userListQuery,
+    config = {},
+    colorSet,
+    stringSet,
+    imageCompression,
+    isReactionEnabled,
+    isMentionEnabled,
+    isTypingIndicatorEnabledOnChannelList,
+    isMessageReceiptStatusEnabledOnChannelList
+  } = props;
+  const {
+    logLevel = '',
+    userMention = {},
+    isREMUnitEnabled = false
+  } = config;
+  const [logger, setLogger] = useState(LoggerFactory(logLevel));
+  const [pubSub, setPubSub] = useState();
+  const [sdkStore, sdkDispatcher] = useReducer(reducer$1, sdkInitialState);
+  const [userStore, userDispatcher] = useReducer(reducer, userInitialState);
   useTheme(colorSet);
-  useEffect(function () {
+  useEffect(() => {
     setPubSub(pubSubFactory());
   }, []);
-  useEffect(function () {
+  useEffect(() => {
     logger.info('App Init'); // dispatch action
 
     handleConnection({
-      userId: userId,
-      appId: appId,
-      accessToken: accessToken,
-      sdkStore: sdkStore,
-      nickname: nickname,
-      profileUrl: profileUrl,
-      configureSession: configureSession,
-      customApiHost: customApiHost,
-      customWebSocketHost: customWebSocketHost,
+      userId,
+      appId,
+      accessToken,
+      sdkStore,
+      nickname,
+      profileUrl,
+      configureSession,
+      customApiHost,
+      customWebSocketHost,
       sdk: sdkStore.sdk,
-      logger: logger
+      logger
     }, {
-      sdkDispatcher: sdkDispatcher,
-      userDispatcher: userDispatcher
+      sdkDispatcher,
+      userDispatcher
     });
   }, [userId, appId, accessToken]); // to create a pubsub to communicate between parent and child
 
-  useEffect(function () {
+  useEffect(() => {
     setLogger(LoggerFactory(logLevel));
   }, [logLevel]);
   useAppendDomNode(['sendbird-modal-root', 'sendbird-dropdown-portal', 'sendbird-emoji-list-portal'], 'body'); // should move to reducer
 
-  var _useState5 = useState(theme),
-      _useState6 = _slicedToArray(_useState5, 2),
-      currenttheme = _useState6[0],
-      setCurrenttheme = _useState6[1];
-
-  useEffect(function () {
+  const [currenttheme, setCurrenttheme] = useState(theme);
+  useEffect(() => {
     setCurrenttheme(theme);
   }, [theme]);
-  useEffect(function () {
-    var body = document.querySelector('body');
+  useEffect(() => {
+    const body = document.querySelector('body');
     body.classList.remove('sendbird-experimental__rem__units');
 
     if (isREMUnitEnabled) {
@@ -668,32 +634,29 @@ function Sendbird(props) {
     }
   }, [isREMUnitEnabled]); // add-remove theme from body
 
-  useEffect(function () {
-    logger.info('Setup theme', "Theme: ".concat(currenttheme));
+  useEffect(() => {
+    logger.info('Setup theme', `Theme: ${currenttheme}`);
 
     try {
-      var body = document.querySelector('body');
+      const body = document.querySelector('body');
       body.classList.remove('sendbird-theme--light');
       body.classList.remove('sendbird-theme--dark');
-      body.classList.add("sendbird-theme--".concat(currenttheme || 'light'));
+      body.classList.add(`sendbird-theme--${currenttheme || 'light'}`);
       logger.info('Finish setup theme'); // eslint-disable-next-line no-empty
     } catch (e) {
-      logger.warning('Setup theme failed', "".concat(e));
+      logger.warning('Setup theme failed', `${e}`);
     }
 
-    return function () {
+    return () => {
       try {
-        var _body = document.querySelector('body');
-
-        _body.classList.remove('sendbird-theme--light');
-
-        _body.classList.remove('sendbird-theme--dark'); // eslint-disable-next-line no-empty
-
+        const body = document.querySelector('body');
+        body.classList.remove('sendbird-theme--light');
+        body.classList.remove('sendbird-theme--dark'); // eslint-disable-next-line no-empty
       } catch (_unused) {}
     };
   }, [currenttheme]);
-  var isOnline = useConnectionStatus(sdkStore.sdk, logger, configureSession);
-  var localeStringSet = React__default.useMemo(function () {
+  const isOnline = useConnectionStatus(sdkStore.sdk, logger, configureSession);
+  const localeStringSet = React__default.useMemo(() => {
     if (!stringSet) {
       return getStringSet('en');
     }
@@ -703,50 +666,50 @@ function Sendbird(props) {
   return /*#__PURE__*/React__default.createElement(SendbirdSdkContext.Provider, {
     value: {
       stores: {
-        sdkStore: sdkStore,
-        userStore: userStore
+        sdkStore,
+        userStore
       },
       dispatchers: {
-        sdkDispatcher: sdkDispatcher,
-        userDispatcher: userDispatcher,
-        reconnect: function reconnect() {
+        sdkDispatcher,
+        userDispatcher,
+        reconnect: () => {
           handleConnection({
-            userId: userId,
-            appId: appId,
-            accessToken: accessToken,
-            sdkStore: sdkStore,
-            nickname: nickname,
-            profileUrl: profileUrl,
-            logger: logger,
+            userId,
+            appId,
+            accessToken,
+            sdkStore,
+            nickname,
+            profileUrl,
+            logger,
             sdk: sdkStore.sdk
           }, {
-            sdkDispatcher: sdkDispatcher,
-            userDispatcher: userDispatcher
+            sdkDispatcher,
+            userDispatcher
           });
         }
       },
       config: {
-        disableUserProfile: disableUserProfile,
-        renderUserProfile: renderUserProfile,
-        allowProfileEdit: allowProfileEdit,
-        isOnline: isOnline,
-        userId: userId,
-        appId: appId,
-        accessToken: accessToken,
+        disableUserProfile,
+        renderUserProfile,
+        allowProfileEdit,
+        isOnline,
+        userId,
+        appId,
+        accessToken,
         theme: currenttheme,
-        setCurrenttheme: setCurrenttheme,
-        userListQuery: userListQuery,
-        logger: logger,
-        pubSub: pubSub,
-        imageCompression: imageCompression,
-        isReactionEnabled: isReactionEnabled,
+        setCurrenttheme,
+        userListQuery,
+        logger,
+        pubSub,
+        imageCompression,
+        isReactionEnabled,
         isMentionEnabled: isMentionEnabled || false,
         userMention: {
           maxMentionCount: (userMention === null || userMention === void 0 ? void 0 : userMention.maxMentionCount) || 10,
           maxSuggestionCount: (userMention === null || userMention === void 0 ? void 0 : userMention.maxSuggestionCount) || 15
         },
-        isTypingIndicatorEnabledOnChannelList: isTypingIndicatorEnabledOnChannelList,
-        isMessageReceiptStatusEnabledOnChannelList: isMessageReceiptStatusEnabledOnChannelList
+        isTypingIndicatorEnabledOnChannelList,
+        isMessageReceiptStatusEnabledOnChannelList
       }
     }
   }, /*#__PURE__*/React__default.createElement(LocalizationProvider, {