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

package/cjs/SendbirdProvider.js

@@ -1,31 +1,29 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-6bd3ed3b.js');
+var tslib_es6 = require('./tslib.es6-08359f50.js');
 var React = require('react');
-var PropTypes = require('prop-types');
 var withSendbird = require('./withSendbird.js');
 var SendbirdChat = require('@sendbird/chat');
 var openChannel = require('@sendbird/chat/openChannel');
 var groupChannel = require('@sendbird/chat/groupChannel');
-var actionTypes = require('./actionTypes-f0a152e4.js');
-var index = require('./index-7ba6befd.js');
-var tslib_es6 = require('./tslib.es6-a674f4e5.js');
+var actionTypes = require('./actionTypes-e9702e2f.js');
+var index = require('./index-39a87513.js');
 var cssVars = require('css-vars-ponyfill');
-var uuid = require('./uuid-f5d1a1fe.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-6137a140.js');
+var uuid = require('./uuid-cd03215f.js');
+var VoicePlayer_context = require('./index-9e4bf057.js');
 var VoiceRecorder_context = require('./VoiceRecorder/context.js');
-var VoicePlayer_context = require('./index-f2e27f6a.js');
-var LocalizationContext = require('./LocalizationContext-d6a49817.js');
-var MediaQueryContext = require('./MediaQueryContext-fe920821.js');
-var stringSet = require('./stringSet-1e9a4bf2.js');
-var consts = require('./consts-0e64ad01.js');
+var LocalizationContext = require('./LocalizationContext-51dc836f.js');
+var MediaQueryContext = require('./MediaQueryContext-07055899.js');
+var stringSet = require('./stringSet-618eb438.js');
+var consts = require('./consts-7df240d1.js');
 require('./utils/message/getOutgoingMessageState.js');
-require('./lame.all.js');
-require('./index-3b0363a8.js');
+require('./useSendbirdStateContext.js');
+require('./index-bef0eca0.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var SendbirdChat__default = /*#__PURE__*/_interopDefaultLegacy(SendbirdChat);
 var cssVars__default = /*#__PURE__*/_interopDefaultLegacy(cssVars);
 
@@ -34,7 +32,7 @@ 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.0';
 const disconnectSdk = _ref => {
   let {
     sdkDispatcher,
@@ -430,9 +428,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',
@@ -440,7 +437,7 @@ const LOG_LEVELS = {
   ALL: 'all'
 };
 
-const colorLog = level => {
+var colorLog = function (level) {
   switch (level) {
     case LOG_LEVELS.WARNING:
       return 'color: Orange';
@@ -453,33 +450,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 _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, accumulator), {}, {
+      return tslib_es6.__assign(tslib_es6.__assign({}, accumulator), {
         info: applyLog(LOG_LEVELS.INFO),
         error: applyLog(LOG_LEVELS.ERROR),
         warning: applyLog(LOG_LEVELS.WARNING)
@@ -487,66 +492,68 @@ const LoggerFactory = (lvl, customInterface) => {
     }
 
     if (currentLvl === LOG_LEVELS.INFO) {
-      return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, accumulator), {}, {
+      return tslib_es6.__assign(tslib_es6.__assign({}, accumulator), {
         info: applyLog(LOG_LEVELS.INFO)
       });
     }
 
     if (currentLvl === LOG_LEVELS.ERROR) {
-      return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, accumulator), {}, {
+      return tslib_es6.__assign(tslib_es6.__assign({}, accumulator), {
         error: applyLog(LOG_LEVELS.ERROR)
       });
     }
 
     if (currentLvl === LOG_LEVELS.WARNING) {
-      return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, accumulator), {}, {
+      return tslib_es6.__assign(tslib_es6.__assign({}, accumulator), {
         warning: applyLog(LOG_LEVELS.WARNING)
       });
     }
 
-    return _rollupPluginBabelHelpers._objectSpread2({}, accumulator);
+    return tslib_es6.__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] : [];
@@ -570,81 +577,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: stringSet$1,
-    imageCompression,
-    isReactionEnabled,
-    isMentionEnabled,
-    isVoiceMessageEnabled,
-    voiceRecord,
-    isTypingIndicatorEnabledOnChannelList,
-    isMessageReceiptStatusEnabledOnChannelList,
-    replyType
-  } = props;
-  const mediaQueryBreakPoint = false;
-  const {
-    logLevel = '',
-    userMention = {},
-    isREMUnitEnabled = false
-  } = config;
-  const [logger, setLogger] = React.useState(LoggerFactory(logLevel));
-  const [pubSub] = React.useState(pubSubFactory());
-  const [sdkStore, sdkDispatcher] = React.useReducer(reducer$1, sdkInitialState);
-  const [userStore, userDispatcher] = React.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["default"].createElement(VoicePlayer_context.VoicePlayerProvider, null, children);
+  }
+
+  return /*#__PURE__*/React__default["default"].createElement(VoiceRecorder_context.VoiceRecorderProvider, null, /*#__PURE__*/React__default["default"].createElement(VoicePlayer_context.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$1 = _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: consts.VOICE_RECORDER_DEFAULT_MAX,
+    minRecordingTime: consts.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 = React.useState(LoggerFactory(logLevel)),
+      logger = _5[0],
+      setLogger = _5[1];
+
+  var pubSub = React.useState(pubSubFactory())[0];
+
+  var _6 = React.useReducer(reducer$1, sdkInitialState),
+      sdkStore = _6[0],
+      sdkDispatcher = _6[1];
+
+  var _7 = React.useReducer(reducer, userInitialState),
+      userStore = _7[0],
+      userDispatcher = _7[1];
+
   useTheme(colorSet);
-  React.useEffect(() => {
+  React.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
 
-  React.useEffect(() => {
+  React.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] = React.useState(theme);
-  React.useEffect(() => {
+  var _8 = React.useState(theme),
+      currenttheme = _8[0],
+      setCurrenttheme = _8[1];
+
+  React.useEffect(function () {
     setCurrenttheme(theme);
   }, [theme]);
-  React.useEffect(() => {
-    const body = document.querySelector('body');
+  React.useEffect(function () {
+    var body = document.querySelector('body');
     body.classList.remove('sendbird-experimental__rem__units');
 
     if (isREMUnitEnabled) {
@@ -652,89 +711,89 @@ function Sendbird(props) {
     }
   }, [isREMUnitEnabled]); // add-remove theme from body
 
-  React.useEffect(() => {
-    logger.info('Setup theme', `Theme: ${currenttheme}`);
+  React.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["default"].useMemo(() => {
+  var isOnline = useConnectionStatus(sdkStore.sdk, logger);
+  var localeStringSet = React__default["default"].useMemo(function () {
     if (!stringSet$1) {
       return stringSet.getStringSet('en');
     }
 
-    return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, stringSet.getStringSet('en')), stringSet$1);
+    return tslib_es6.__assign(tslib_es6.__assign({}, stringSet.getStringSet('en')), stringSet$1);
   }, [stringSet$1]);
   return /*#__PURE__*/React__default["default"].createElement(withSendbird.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: _rollupPluginBabelHelpers._objectSpread2({
+        setCurrenttheme: setCurrenttheme,
+        userListQuery: userListQuery,
+        logger: logger,
+        pubSub: pubSub,
+        imageCompression: tslib_es6.__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["default"].createElement(MediaQueryContext.MediaQueryProvider, {
@@ -743,88 +802,9 @@ function Sendbird(props) {
   }, /*#__PURE__*/React__default["default"].createElement(LocalizationContext.LocalizationProvider, {
     stringSet: localeStringSet,
     dateLocale: dateLocale
-  }, /*#__PURE__*/React__default["default"].createElement(VoiceRecorder_context.VoiceRecorderProvider, null, /*#__PURE__*/React__default["default"].createElement(VoicePlayer_context.VoicePlayerProvider, null, children)))));
-}
-Sendbird.propTypes = {
-  userId: PropTypes__default["default"].string.isRequired,
-  appId: PropTypes__default["default"].string.isRequired,
-  accessToken: PropTypes__default["default"].string,
-  customApiHost: PropTypes__default["default"].string,
-  customWebSocketHost: PropTypes__default["default"].string,
-  // mediaQueryBreakPoint: PropTypes.string,
-  configureSession: PropTypes__default["default"].func,
-  children: PropTypes__default["default"].oneOfType([PropTypes__default["default"].element, PropTypes__default["default"].arrayOf(PropTypes__default["default"].element), PropTypes__default["default"].any]).isRequired,
-  theme: PropTypes__default["default"].string,
-  nickname: PropTypes__default["default"].string,
-  dateLocale: PropTypes__default["default"].shape({}),
-  profileUrl: PropTypes__default["default"].string,
-  disableUserProfile: PropTypes__default["default"].bool,
-  disableMarkAsDelivered: PropTypes__default["default"].bool,
-  renderUserProfile: PropTypes__default["default"].func,
-  onUserProfileMessage: PropTypes__default["default"].func,
-  allowProfileEdit: PropTypes__default["default"].bool,
-  userListQuery: PropTypes__default["default"].func,
-  config: PropTypes__default["default"].shape({
-    // None Error Warning Info 'All/Debug'
-    logLevel: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].arrayOf(PropTypes__default["default"].string)]),
-    pubSub: PropTypes__default["default"].shape({
-      subscribe: PropTypes__default["default"].func,
-      publish: PropTypes__default["default"].func
-    }),
-    userMention: PropTypes__default["default"].shape({
-      maxMentionCount: PropTypes__default["default"].number,
-      maxSuggestionCount: PropTypes__default["default"].number
-    }),
-    isREMUnitEnabled: PropTypes__default["default"].bool
-  }),
-  stringSet: PropTypes__default["default"].objectOf(PropTypes__default["default"].string),
-  colorSet: PropTypes__default["default"].objectOf(PropTypes__default["default"].string),
-  isReactionEnabled: PropTypes__default["default"].bool,
-  isMentionEnabled: PropTypes__default["default"].bool,
-  isVoiceMessageEnabled: PropTypes__default["default"].bool,
-  voiceRecord: PropTypes__default["default"].shape({
-    maxRecordingTime: PropTypes__default["default"].number,
-    minRecordingTime: PropTypes__default["default"].number
-  }),
-  imageCompression: PropTypes__default["default"].shape({
-    compressionRate: PropTypes__default["default"].number,
-    resizingWidth: PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, PropTypes__default["default"].string]),
-    resizingHeight: PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, PropTypes__default["default"].string])
-  }),
-  isTypingIndicatorEnabledOnChannelList: PropTypes__default["default"].bool,
-  isMessageReceiptStatusEnabledOnChannelList: PropTypes__default["default"].bool,
-  replyType: PropTypes__default["default"].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: consts.VOICE_RECORDER_DEFAULT_MAX,
-    minRecordingTime: consts.VOICE_RECORDER_DEFAULT_MIN
-  },
-  isTypingIndicatorEnabledOnChannelList: false,
-  isMessageReceiptStatusEnabledOnChannelList: false,
-  replyType: 'NONE'
+  }, /*#__PURE__*/React__default["default"].createElement(VoiceMessageProvider, {
+    isVoiceMessageEnabled: isVoiceMessageEnabled
+  }, children))));
 };
 
 module.exports = Sendbird;