@sendbird/uikit-react 3.4.3 → 3.4.4-rc.1

package/SendbirdProvider.js

@@ -1,31 +1,30 @@
-import { _ as _objectSpread2 } from './_rollupPluginBabelHelpers-38fb8170.js';
+import { _ as __assign } from './tslib.es6-f2e08a44.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 { OpenChannelModule } from '@sendbird/chat/openChannel';
 import { GroupChannelModule } from '@sendbird/chat/groupChannel';
-import { R as RESET_USER, I as INIT_USER, U as UPDATE_USER_INFO } from './actionTypes-ce60cab6.js';
-import { i as isTextuallyNull } from './index-58b5008c.js';
-import { _ as __assign } from './tslib.es6-33004eb4.js';
+import { R as RESET_USER, I as INIT_USER, U as UPDATE_USER_INFO } from './actionTypes-179e71b8.js';
+import { i as isTextuallyNull } from './index-2dfbf6a2.js';
 import cssVars from 'css-vars-ponyfill';
-import { u as uuidv4 } from './uuid-7397f1ec.js';
+import { _ as _objectSpread2 } from './_rollupPluginBabelHelpers-b23d4685.js';
+import { u as uuidv4 } from './uuid-ba6bc915.js';
+import { V as VoicePlayerProvider } from './index-64ea2c4d.js';
 import { VoiceRecorderProvider } from './VoiceRecorder/context.js';
-import { V as VoicePlayerProvider } from './index-5e921f58.js';
-import { L as LocalizationProvider } from './LocalizationContext-4b25e6bc.js';
-import { M as MediaQueryProvider } from './MediaQueryContext-29dcaddb.js';
-import { g as getStringSet } from './stringSet-80381462.js';
-import { V as VOICE_RECORDER_DEFAULT_MAX, a as VOICE_RECORDER_DEFAULT_MIN } from './consts-cedae35a.js';
+import { L as LocalizationProvider } from './LocalizationContext-4fbc679d.js';
+import { M as MediaQueryProvider } from './MediaQueryContext-96262052.js';
+import { g as getStringSet } from './stringSet-5c7aee85.js';
+import { V as VOICE_RECORDER_DEFAULT_MAX, a as VOICE_RECORDER_DEFAULT_MIN } from './consts-ebe0485e.js';
 import './utils/message/getOutgoingMessageState.js';
-import './lame.all.js';
-import './index-f3ba7696.js';
+import './useSendbirdStateContext.js';
+import './index-27f0ab65.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.4.3';
+const APP_VERSION_STRING = '3.4.4-rc.1';
 const disconnectSdk = _ref => {
   let {
     sdkDispatcher,
@@ -421,9 +420,8 @@ function useConnectionStatus(sdk, logger) {
 }
 
 // Logger, pretty much explains it
-// in SendbirdProvider
-// const [logger, setLogger] = useState(LoggerFactory(logLevel));
-const LOG_LEVELS = {
+
+var LOG_LEVELS = {
   DEBUG: 'debug',
   WARNING: 'warning',
   ERROR: 'error',
@@ -431,7 +429,7 @@ const LOG_LEVELS = {
   ALL: 'all'
 };
 
-const colorLog = level => {
+var colorLog = function (level) {
   switch (level) {
     case LOG_LEVELS.WARNING:
       return 'color: Orange';
@@ -444,33 +442,41 @@ const colorLog = level => {
   }
 };
 
-const printLog = _ref => {
-  let {
-    level,
-    title,
-    description = ''
-  } = _ref;
-  // eslint-disable-next-line no-console
-  console.log(`%c SendbirdUIKit | ${level} | ${new Date().toISOString()} | ${title} ${description && '|'}`, colorLog(level), description);
+var printLog = function (_a) {
+  var level = _a.level,
+      title = _a.title,
+      _b = _a.description,
+      description = _b === void 0 ? '' : _b; // eslint-disable-next-line no-console
+
+  console.log("%c SendbirdUIKit | ".concat(level, " | ").concat(new Date().toISOString(), " | ").concat(title, " ").concat(description && '|'), colorLog(level), 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
-  });
 
-  const logger = lvlArray.reduce((accumulator, currentLvl) => {
+var noop = function () {};
+
+var getDefaultLogger = function () {
+  return {
+    info: noop,
+    error: noop,
+    warning: noop
+  };
+};
+var LoggerFactory = function (lvl, customInterface) {
+  var logInterface = customInterface || printLog;
+  var lvlArray = Array.isArray(lvl) ? lvl : [lvl];
+
+  var applyLog = function (lgLvl) {
+    return function (title, description) {
+      return logInterface({
+        level: lgLvl,
+        title: title,
+        description: description
+      });
+    };
+  };
+
+  var logger = lvlArray.reduce(function (accumulator, currentLvl) {
     if (currentLvl === LOG_LEVELS.DEBUG || currentLvl === LOG_LEVELS.ALL) {
-      return _objectSpread2(_objectSpread2({}, accumulator), {}, {
+      return __assign(__assign({}, accumulator), {
         info: applyLog(LOG_LEVELS.INFO),
         error: applyLog(LOG_LEVELS.ERROR),
         warning: applyLog(LOG_LEVELS.WARNING)
@@ -478,66 +484,68 @@ const LoggerFactory = (lvl, customInterface) => {
     }
 
     if (currentLvl === LOG_LEVELS.INFO) {
-      return _objectSpread2(_objectSpread2({}, accumulator), {}, {
+      return __assign(__assign({}, accumulator), {
         info: applyLog(LOG_LEVELS.INFO)
       });
     }
 
     if (currentLvl === LOG_LEVELS.ERROR) {
-      return _objectSpread2(_objectSpread2({}, accumulator), {}, {
+      return __assign(__assign({}, accumulator), {
         error: applyLog(LOG_LEVELS.ERROR)
       });
     }
 
     if (currentLvl === LOG_LEVELS.WARNING) {
-      return _objectSpread2(_objectSpread2({}, accumulator), {}, {
+      return __assign(__assign({}, accumulator), {
         warning: applyLog(LOG_LEVELS.WARNING)
       });
     }
 
-    return _objectSpread2({}, accumulator);
+    return __assign({}, accumulator);
   }, getDefaultLogger());
   return logger;
-};
+}; // TODO: Make this to hook, useLogger
 
 // https://davidwalsh.name/pubsub-javascript
 // we use pubsub to sync events between multiple components(example - ChannelList, Channel)
 // 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 = (() => {
-  const topics = {};
-  const hOP = topics.hasOwnProperty;
+var pubSubFactory = function () {
+  var topics = {};
+  var hOP = topics.hasOwnProperty;
   return {
-    __getTopics: () => topics,
-    subscribe: (topic, listener) => {
+    __getTopics: function () {
+      return topics;
+    },
+    subscribe: function (topic, listener) {
       // Create the topic's object if not yet created
       if (!hOP.call(topics, topic)) {
         topics[topic] = [];
       } // Add the listener to queue
 
 
-      const index = topics[topic].push(listener) - 1; // Provide handle back for removal of topic
+      var index = topics[topic].push(listener) - 1; // Provide handle back for removal of topic
 
       return {
-        remove: () => {
+        remove: function () {
           delete topics[topic][index];
         }
       };
     },
-    publish: (topic, info) => {
+    publish: function (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(item => {
+      topics[topic].forEach(function (item) {
         item(info !== undefined ? info : {});
       });
     }
   };
-});
+};
 
 function useAppendDomNode() {
   let ids = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
@@ -561,81 +569,133 @@ function useAppendDomNode() {
   }, []);
 }
 
-function Sendbird(props) {
-  const {
-    userId,
-    dateLocale,
-    appId,
-    accessToken,
-    configureSession,
-    // mediaQueryBreakPoint,
-    customApiHost,
-    customWebSocketHost,
-    children,
-    disableUserProfile,
-    disableMarkAsDelivered,
-    renderUserProfile,
-    onUserProfileMessage,
-    allowProfileEdit,
-    theme,
-    nickname,
-    profileUrl,
-    userListQuery,
-    config = {},
-    colorSet,
-    stringSet,
-    imageCompression,
-    isReactionEnabled,
-    isMentionEnabled,
-    isVoiceMessageEnabled,
-    voiceRecord,
-    isTypingIndicatorEnabledOnChannelList,
-    isMessageReceiptStatusEnabledOnChannelList,
-    replyType
-  } = props;
-  const mediaQueryBreakPoint = false;
-  const {
-    logLevel = '',
-    userMention = {},
-    isREMUnitEnabled = false
-  } = config;
-  const [logger, setLogger] = useState(LoggerFactory(logLevel));
-  const [pubSub] = useState(pubSubFactory());
-  const [sdkStore, sdkDispatcher] = useReducer(reducer$1, sdkInitialState);
-  const [userStore, userDispatcher] = useReducer(reducer, userInitialState);
+var VoiceMessageProvider = function (_a) {
+  var children = _a.children,
+      _b = _a.isVoiceMessageEnabled,
+      isVoiceMessageEnabled = _b === void 0 ? true : _b;
+
+  if (!isVoiceMessageEnabled) {
+    return /*#__PURE__*/React__default.createElement(VoicePlayerProvider, null, children);
+  }
+
+  return /*#__PURE__*/React__default.createElement(VoiceRecorderProvider, null, /*#__PURE__*/React__default.createElement(VoicePlayerProvider, null, children));
+};
+
+var Sendbird = function (_a) {
+  var appId = _a.appId,
+      userId = _a.userId,
+      children = _a.children,
+      _b = _a.accessToken,
+      accessToken = _b === void 0 ? '' : _b,
+      _c = _a.customApiHost,
+      customApiHost = _c === void 0 ? '' : _c,
+      _d = _a.customWebSocketHost,
+      customWebSocketHost = _d === void 0 ? '' : _d,
+      _e = _a.configureSession,
+      configureSession = _e === void 0 ? null : _e,
+      _f = _a.theme,
+      theme = _f === void 0 ? 'light' : _f,
+      _g = _a.config,
+      config = _g === void 0 ? {} : _g,
+      _h = _a.nickname,
+      nickname = _h === void 0 ? '' : _h,
+      _j = _a.colorSet,
+      colorSet = _j === void 0 ? null : _j,
+      _k = _a.stringSet,
+      stringSet = _k === void 0 ? null : _k,
+      _l = _a.replyType,
+      replyType = _l === void 0 ? 'NONE' : _l,
+      _m = _a.dateLocale,
+      dateLocale = _m === void 0 ? null : _m,
+      _o = _a.profileUrl,
+      profileUrl = _o === void 0 ? '' : _o,
+      _p = _a.voiceRecord,
+      voiceRecord = _p === void 0 ? {
+    maxRecordingTime: VOICE_RECORDER_DEFAULT_MAX,
+    minRecordingTime: VOICE_RECORDER_DEFAULT_MIN
+  } : _p,
+      _q = _a.userListQuery,
+      userListQuery = _q === void 0 ? null : _q,
+      _r = _a.imageCompression,
+      imageCompression = _r === void 0 ? {} : _r,
+      _s = _a.allowProfileEdit,
+      allowProfileEdit = _s === void 0 ? false : _s,
+      _t = _a.isMentionEnabled,
+      isMentionEnabled = _t === void 0 ? false : _t,
+      _u = _a.isReactionEnabled,
+      isReactionEnabled = _u === void 0 ? true : _u,
+      _v = _a.disableUserProfile,
+      disableUserProfile = _v === void 0 ? false : _v,
+      _w = _a.isVoiceMessageEnabled,
+      isVoiceMessageEnabled = _w === void 0 ? true : _w,
+      _x = _a.disableMarkAsDelivered,
+      disableMarkAsDelivered = _x === void 0 ? false : _x,
+      _y = _a.isTypingIndicatorEnabledOnChannelList,
+      isTypingIndicatorEnabledOnChannelList = _y === void 0 ? false : _y,
+      _z = _a.isMessageReceiptStatusEnabledOnChannelList,
+      isMessageReceiptStatusEnabledOnChannelList = _z === void 0 ? false : _z,
+      _0 = _a.renderUserProfile,
+      renderUserProfile = _0 === void 0 ? null : _0,
+      _1 = _a.onUserProfileMessage,
+      onUserProfileMessage = _1 === void 0 ? null : _1;
+  var mediaQueryBreakPoint = false;
+  var _2 = config.logLevel,
+      logLevel = _2 === void 0 ? '' : _2,
+      _3 = config.userMention,
+      userMention = _3 === void 0 ? {} : _3,
+      _4 = config.isREMUnitEnabled,
+      isREMUnitEnabled = _4 === void 0 ? false : _4;
+
+  var _5 = useState(LoggerFactory(logLevel)),
+      logger = _5[0],
+      setLogger = _5[1];
+
+  var pubSub = useState(pubSubFactory())[0];
+
+  var _6 = useReducer(reducer$1, sdkInitialState),
+      sdkStore = _6[0],
+      sdkDispatcher = _6[1];
+
+  var _7 = useReducer(reducer, userInitialState),
+      userStore = _7[0],
+      userDispatcher = _7[1];
+
   useTheme(colorSet);
-  useEffect(() => {
+  useEffect(function () {
     logger.info('App Init'); // dispatch action
 
     handleConnection({
-      userId,
-      appId,
-      accessToken,
-      sdkStore,
-      nickname,
-      profileUrl,
-      configureSession,
-      customApiHost,
-      customWebSocketHost,
+      userId: userId,
+      appId: appId,
+      accessToken: accessToken,
+      sdkStore: sdkStore,
+      nickname: nickname,
+      profileUrl: profileUrl,
+      configureSession: configureSession,
+      customApiHost: customApiHost,
+      customWebSocketHost: customWebSocketHost,
       sdk: sdkStore.sdk,
-      logger
+      logger: logger
     }, {
-      sdkDispatcher,
-      userDispatcher
+      sdkDispatcher: sdkDispatcher,
+      userDispatcher: userDispatcher
     });
   }, [userId, appId, accessToken]); // to create a pubsub to communicate between parent and child
 
-  useEffect(() => {
+  useEffect(function () {
     setLogger(LoggerFactory(logLevel));
   }, [logLevel]);
   useAppendDomNode(['sendbird-modal-root', 'sendbird-dropdown-portal', 'sendbird-emoji-list-portal'], 'body'); // should move to reducer
 
-  const [currenttheme, setCurrenttheme] = useState(theme);
-  useEffect(() => {
+  var _8 = useState(theme),
+      currenttheme = _8[0],
+      setCurrenttheme = _8[1];
+
+  useEffect(function () {
     setCurrenttheme(theme);
   }, [theme]);
-  useEffect(() => {
-    const body = document.querySelector('body');
+  useEffect(function () {
+    var body = document.querySelector('body');
     body.classList.remove('sendbird-experimental__rem__units');
 
     if (isREMUnitEnabled) {
@@ -643,89 +703,89 @@ function Sendbird(props) {
     }
   }, [isREMUnitEnabled]); // add-remove theme from body
 
-  useEffect(() => {
-    logger.info('Setup theme', `Theme: ${currenttheme}`);
+  useEffect(function () {
+    logger.info('Setup theme', "Theme: ".concat(currenttheme));
 
     try {
-      const body = document.querySelector('body');
+      var body = document.querySelector('body');
       body.classList.remove('sendbird-theme--light');
       body.classList.remove('sendbird-theme--dark');
-      body.classList.add(`sendbird-theme--${currenttheme || 'light'}`);
+      body.classList.add("sendbird-theme--".concat(currenttheme || 'light'));
       logger.info('Finish setup theme'); // eslint-disable-next-line no-empty
     } catch (e) {
-      logger.warning('Setup theme failed', `${e}`);
+      logger.warning('Setup theme failed', "".concat(e));
     }
 
-    return () => {
+    return function () {
       try {
-        const body = document.querySelector('body');
+        var body = document.querySelector('body');
         body.classList.remove('sendbird-theme--light');
         body.classList.remove('sendbird-theme--dark'); // eslint-disable-next-line no-empty
-      } catch (_unused) {}
+      } catch (_a) {}
     };
   }, [currenttheme]);
-  const isOnline = useConnectionStatus(sdkStore.sdk, logger);
-  const localeStringSet = React__default.useMemo(() => {
+  var isOnline = useConnectionStatus(sdkStore.sdk, logger);
+  var localeStringSet = React__default.useMemo(function () {
     if (!stringSet) {
       return getStringSet('en');
     }
 
-    return _objectSpread2(_objectSpread2({}, getStringSet('en')), stringSet);
+    return __assign(__assign({}, getStringSet('en')), stringSet);
   }, [stringSet]);
   return /*#__PURE__*/React__default.createElement(SendbirdSdkContext.Provider, {
     value: {
       stores: {
-        sdkStore,
-        userStore
+        sdkStore: sdkStore,
+        userStore: userStore
       },
       dispatchers: {
-        sdkDispatcher,
-        userDispatcher,
-        reconnect: () => {
+        sdkDispatcher: sdkDispatcher,
+        userDispatcher: userDispatcher,
+        reconnect: function () {
           handleConnection({
-            userId,
-            appId,
-            accessToken,
-            sdkStore,
-            nickname,
-            profileUrl,
-            logger,
+            userId: userId,
+            appId: appId,
+            accessToken: accessToken,
+            sdkStore: sdkStore,
+            nickname: nickname,
+            profileUrl: profileUrl,
+            logger: logger,
             sdk: sdkStore.sdk
           }, {
-            sdkDispatcher,
-            userDispatcher
+            sdkDispatcher: sdkDispatcher,
+            userDispatcher: userDispatcher
           });
         }
       },
       config: {
-        disableUserProfile,
-        disableMarkAsDelivered,
-        renderUserProfile,
-        onUserProfileMessage,
-        allowProfileEdit,
-        isOnline,
-        userId,
-        appId,
-        accessToken,
+        disableUserProfile: disableUserProfile,
+        disableMarkAsDelivered: disableMarkAsDelivered,
+        renderUserProfile: renderUserProfile,
+        onUserProfileMessage: onUserProfileMessage,
+        allowProfileEdit: allowProfileEdit,
+        isOnline: isOnline,
+        userId: userId,
+        appId: appId,
+        accessToken: accessToken,
         theme: currenttheme,
-        setCurrenttheme,
-        userListQuery,
-        logger,
-        pubSub,
-        imageCompression: _objectSpread2({
+        setCurrenttheme: setCurrenttheme,
+        userListQuery: userListQuery,
+        logger: logger,
+        pubSub: pubSub,
+        imageCompression: __assign({
           compressionRate: 0.7
         }, imageCompression),
-        isReactionEnabled,
+        isReactionEnabled: isReactionEnabled,
         isMentionEnabled: isMentionEnabled || false,
-        isVoiceMessageEnabled,
-        voiceRecord,
+        isVoiceMessageEnabled: isVoiceMessageEnabled,
+        voiceRecord: voiceRecord,
         userMention: {
           maxMentionCount: (userMention === null || userMention === void 0 ? void 0 : userMention.maxMentionCount) || 10,
           maxSuggestionCount: (userMention === null || userMention === void 0 ? void 0 : userMention.maxSuggestionCount) || 15
         },
-        isTypingIndicatorEnabledOnChannelList,
-        isMessageReceiptStatusEnabledOnChannelList,
-        replyType
+        isTypingIndicatorEnabledOnChannelList: isTypingIndicatorEnabledOnChannelList,
+        isMessageReceiptStatusEnabledOnChannelList: isMessageReceiptStatusEnabledOnChannelList,
+        replyType: replyType
       }
     }
   }, /*#__PURE__*/React__default.createElement(MediaQueryProvider, {
@@ -734,88 +794,9 @@ function Sendbird(props) {
   }, /*#__PURE__*/React__default.createElement(LocalizationProvider, {
     stringSet: localeStringSet,
     dateLocale: dateLocale
-  }, /*#__PURE__*/React__default.createElement(VoiceRecorderProvider, null, /*#__PURE__*/React__default.createElement(VoicePlayerProvider, null, children)))));
-}
-Sendbird.propTypes = {
-  userId: PropTypes.string.isRequired,
-  appId: PropTypes.string.isRequired,
-  accessToken: PropTypes.string,
-  customApiHost: PropTypes.string,
-  customWebSocketHost: PropTypes.string,
-  // mediaQueryBreakPoint: PropTypes.string,
-  configureSession: PropTypes.func,
-  children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element), PropTypes.any]).isRequired,
-  theme: PropTypes.string,
-  nickname: PropTypes.string,
-  dateLocale: PropTypes.shape({}),
-  profileUrl: PropTypes.string,
-  disableUserProfile: PropTypes.bool,
-  disableMarkAsDelivered: PropTypes.bool,
-  renderUserProfile: PropTypes.func,
-  onUserProfileMessage: PropTypes.func,
-  allowProfileEdit: PropTypes.bool,
-  userListQuery: PropTypes.func,
-  config: PropTypes.shape({
-    // None Error Warning Info 'All/Debug'
-    logLevel: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),
-    pubSub: PropTypes.shape({
-      subscribe: PropTypes.func,
-      publish: PropTypes.func
-    }),
-    userMention: PropTypes.shape({
-      maxMentionCount: PropTypes.number,
-      maxSuggestionCount: PropTypes.number
-    }),
-    isREMUnitEnabled: PropTypes.bool
-  }),
-  stringSet: PropTypes.objectOf(PropTypes.string),
-  colorSet: PropTypes.objectOf(PropTypes.string),
-  isReactionEnabled: PropTypes.bool,
-  isMentionEnabled: PropTypes.bool,
-  isVoiceMessageEnabled: PropTypes.bool,
-  voiceRecord: PropTypes.shape({
-    maxRecordingTime: PropTypes.number,
-    minRecordingTime: PropTypes.number
-  }),
-  imageCompression: PropTypes.shape({
-    compressionRate: PropTypes.number,
-    resizingWidth: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-    resizingHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.string])
-  }),
-  isTypingIndicatorEnabledOnChannelList: PropTypes.bool,
-  isMessageReceiptStatusEnabledOnChannelList: PropTypes.bool,
-  replyType: PropTypes.oneOf(['NONE', 'QUOTE_REPLY', 'THREAD'])
-};
-Sendbird.defaultProps = {
-  accessToken: '',
-  customApiHost: null,
-  customWebSocketHost: null,
-  configureSession: null,
-  theme: 'light',
-  // mediaQueryBreakPoint: null,
-  nickname: '',
-  dateLocale: null,
-  profileUrl: '',
-  disableUserProfile: false,
-  disableMarkAsDelivered: false,
-  renderUserProfile: null,
-  onUserProfileMessage: null,
-  allowProfileEdit: false,
-  userListQuery: null,
-  config: {},
-  stringSet: null,
-  colorSet: null,
-  imageCompression: {},
-  isReactionEnabled: true,
-  isMentionEnabled: false,
-  isVoiceMessageEnabled: true,
-  voiceRecord: {
-    maxRecordingTime: VOICE_RECORDER_DEFAULT_MAX,
-    minRecordingTime: VOICE_RECORDER_DEFAULT_MIN
-  },
-  isTypingIndicatorEnabledOnChannelList: false,
-  isMessageReceiptStatusEnabledOnChannelList: false,
-  replyType: 'NONE'
+  }, /*#__PURE__*/React__default.createElement(VoiceMessageProvider, {
+    isVoiceMessageEnabled: isVoiceMessageEnabled
+  }, children))));
 };
 
 export { Sendbird as default };