@sendbird/uikit-react 3.3.7 → 3.4.0-rc.1

package/SendbirdProvider.js

@@ -1,804 +0,0 @@
-import { _ as _objectSpread2 } from './_rollupPluginBabelHelpers-b45d3824.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-c69daac1.js';
-import { i as isTextuallyNull } from './index-425e5f17.js';
-import { _ as __assign } from './tslib.es6-13412863.js';
-import cssVars from 'css-vars-ponyfill';
-import { u as uuidv4 } from './uuid-7a5e68ed.js';
-import { L as LocalizationProvider } from './LocalizationContext-4c2faa9a.js';
-import { M as MediaQueryProvider } from './MediaQueryContext-97a21b7e.js';
-import { g as getStringSet } from './stringSet-c2443946.js';
-import './utils/message/getOutgoingMessageState.js';
-import './index-a53d78b6.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.3.7';
-const disconnectSdk = _ref => {
-  let {
-    sdkDispatcher,
-    userDispatcher,
-    sdk,
-    onDisconnect
-  } = _ref;
-  sdkDispatcher({
-    type: SET_SDK_LOADING,
-    payload: true
-  });
-
-  if (sdk && sdk.disconnect) {
-    sdk.disconnect().then(() => {
-      sdkDispatcher({
-        type: RESET_SDK
-      });
-      userDispatcher({
-        type: RESET_USER
-      });
-    }).finally(() => {
-      onDisconnect();
-    });
-  } else {
-    onDisconnect();
-  }
-};
-const handleConnection = (_ref2, dispatchers) => {
-  let {
-    userId,
-    appId,
-    nickname,
-    profileUrl,
-    accessToken,
-    configureSession,
-    customApiHost,
-    customWebSocketHost,
-    sdk,
-    logger
-  } = _ref2;
-  const {
-    sdkDispatcher,
-    userDispatcher
-  } = dispatchers;
-  disconnectSdk({
-    sdkDispatcher,
-    userDispatcher,
-    sdk,
-    logger,
-    onDisconnect: () => {
-      logger.info('Setup connection');
-      let sessionHandler = null;
-      sdkDispatcher({
-        type: SET_SDK_LOADING,
-        payload: true
-      });
-
-      if (userId && appId) {
-        const params = {
-          appId,
-          modules: [new GroupChannelModule(), new OpenChannelModule()]
-        };
-
-        if (customApiHost) {
-          params.customApiHost = customApiHost;
-        }
-
-        if (customWebSocketHost) {
-          params.customWebSocketHost = customWebSocketHost;
-        }
-
-        const newSdk = SendbirdChat.init(params);
-
-        if (configureSession && typeof configureSession === 'function') {
-          sessionHandler = configureSession(newSdk);
-          newSdk.setSessionHandler(sessionHandler);
-        } // to check if code is released version from rollup and *not from storybook*
-        // see rollup config file
-
-
-        {
-          newSdk.addExtension('sb_uikit', APP_VERSION_STRING);
-        }
-
-        const connectCbSucess = user => {
-          sdkDispatcher({
-            type: INIT_SDK,
-            payload: newSdk
-          });
-          userDispatcher({
-            type: INIT_USER,
-            payload: user
-          }); // use nickname/profileUrl if provided
-          // or set userID as nickname
-
-          if ((nickname !== user.nickname || profileUrl !== user.profileUrl) && !(isTextuallyNull(nickname) && isTextuallyNull(profileUrl))) {
-            newSdk.updateCurrentUserInfo({
-              nickname: nickname || user.nickname,
-              profileUrl: profileUrl || user.profileUrl
-            }).then(namedUser => {
-              userDispatcher({
-                type: UPDATE_USER_INFO,
-                payload: namedUser
-              });
-            });
-          }
-        };
-
-        const connectCbError = e => {
-          logger.error('Connection failed', `${e}`);
-          sdkDispatcher({
-            type: RESET_SDK
-          });
-          sdkDispatcher({
-            type: RESET_USER
-          });
-          sdkDispatcher({
-            type: SDK_ERROR
-          });
-        };
-
-        if (accessToken) {
-          newSdk.connect(userId, accessToken).then(res => connectCbSucess(res)).catch(err => connectCbError(err));
-        } else {
-          newSdk.connect(userId).then(res => connectCbSucess(res)).catch(err => connectCbError(err));
-        }
-      } else {
-        sdkDispatcher({
-          type: SDK_ERROR
-        });
-        logger.warning('Connection failed', 'UserId or appId missing');
-      }
-    }
-  });
-};
-
-var isEmpty = function (obj) {
-  if (obj === null || obj === undefined) {
-    return true;
-  }
-
-  for (var prop in obj) {
-    if (obj.hasOwnProperty(prop)) {
-      return false;
-    }
-  }
-
-  return JSON.stringify(obj) === JSON.stringify({});
-};
-
-var useTheme = function (overrides) {
-  useLayoutEffect(function () {
-    if (!isEmpty(overrides)) {
-      cssVars({
-        variables: __assign({
-          '--sendbird-dark-primary-500': '#4d2aa6',
-          '--sendbird-dark-primary-400': '#6440C4',
-          '--sendbird-dark-primary-300': '#7B53EF',
-          '--sendbird-dark-primary-200': '#9E8CF5',
-          '--sendbird-dark-primary-100': '#E2DFFF',
-          '--sendbird-dark-secondary-500': '#007A7A',
-          '--sendbird-dark-secondary-400': '#189A8D',
-          '--sendbird-dark-secondary-300': '#2EBA9F',
-          '--sendbird-dark-secondary-200': '#6FD6BE',
-          '--sendbird-dark-secondary-100': '#AEF2DC',
-          '--sendbird-dark-information-100': '#b2d9ff',
-          '--sendbird-dark-error-500': '#A30E2D',
-          '--sendbird-dark-error-400': '#C11F41',
-          '--sendbird-dark-error-300': '#E53157',
-          '--sendbird-dark-error-200': '#FF6183',
-          '--sendbird-dark-error-100': '#FFABBD',
-          '--sendbird-dark-background-700': '#000000',
-          '--sendbird-dark-background-600': '#161616',
-          '--sendbird-dark-background-500': '#2C2C2C',
-          '--sendbird-dark-background-400': '#393939',
-          '--sendbird-dark-background-300': '#A8A8A8',
-          '--sendbird-dark-background-200': '#D9D9D9',
-          '--sendbird-dark-background-100': '#F0F0F0',
-          '--sendbird-dark-background-50': '#FFFFFF',
-          '--sendbird-dark-overlay': 'rgba(0, 0, 0, 0.32)',
-          '--sendbird-dark-onlight-01': 'rgba(0, 0, 0, 0.88)',
-          '--sendbird-dark-onlight-02': 'rgba(0, 0, 0, 0.50)',
-          '--sendbird-dark-onlight-03': 'rgba(0, 0, 0, 0.38)',
-          '--sendbird-dark-onlight-04': 'rgba(0, 0, 0, 0.12)',
-          '--sendbird-dark-ondark-01': 'rgba(255, 255, 255, 0.88)',
-          '--sendbird-dark-ondark-02': 'rgba(255, 255, 255, 0.50)',
-          '--sendbird-dark-ondark-03': 'rgba(255, 255, 255, 0.38)',
-          '--sendbird-dark-ondark-04': 'rgba(255, 255, 255, 0.12)',
-          '--sendbird-dark-shadow-01': '0 1px 5px 0 rgba(33, 34, 66, 0.04), 0 0 3px 0 rgba(0, 0, 0, 0.08), 0 2px 1px 0 rgba(0, 0, 0, 0.12)',
-          '--sendbird-dark-shadow-02': '0 3px 5px -3px rgba(33, 34, 66, 0.04), 0 3px 14px 2px rgba(0, 0, 0, 0.08), 0 8px 10px 1px rgba(0, 0, 0, 0.12)',
-          '--sendbird-dark-shadow-03': '0 6px 10px -5px rgba(0, 0, 0, 0.04), 0 6px 30px 5px rgba(0, 0, 0, 0.08), 0 16px 24px 2px rgba(0, 0, 0, 0.12)',
-          '--sendbird-dark-shadow-04': '0 9px 15px -7px rgba(0, 0, 0, 0.04), 0 9px 46px 8px rgba(0, 0, 0, 0.08), 0 24px 38px 3px rgba(0, 0, 0, 0.12)',
-          '--sendbird-dark-shadow-message-input': '0 1px 5px 0 rgba(33, 34, 66, 0.12), 0 0 1px 0 rgba(33, 34, 66, 0.16), 0 2px 1px 0 rgba(33, 34, 66, 0.08), 0 1px 5px 0 rgba(0, 0, 0, 0.12)',
-          '--sendbird-light-primary-500': '#4d2aa6',
-          '--sendbird-light-primary-400': '#6440C4',
-          '--sendbird-light-primary-300': '#7B53EF',
-          '--sendbird-light-primary-200': '#9E8CF5',
-          '--sendbird-light-primary-100': '#E2DFFF',
-          '--sendbird-light-secondary-500': '#007A7A',
-          '--sendbird-light-secondary-400': '#189A8D',
-          '--sendbird-light-secondary-300': '#2EBA9F',
-          '--sendbird-light-secondary-200': '#6FD6BE',
-          '--sendbird-light-secondary-100': '#AEF2DC',
-          '--sendbird-light-information-100': '#b2d9ff',
-          '--sendbird-light-error-500': '#A30E2D',
-          '--sendbird-light-error-400': '#C11F41',
-          '--sendbird-light-error-300': '#E53157',
-          '--sendbird-light-error-200': '#FF6183',
-          '--sendbird-light-error-100': '#FFABBD',
-          '--sendbird-light-background-700': '#000000',
-          '--sendbird-light-background-600': '#161616',
-          '--sendbird-light-background-500': '#2C2C2C',
-          '--sendbird-light-background-400': '#393939',
-          '--sendbird-light-background-300': '#A8A8A8',
-          '--sendbird-light-background-200': '#D9D9D9',
-          '--sendbird-light-background-100': '#F0F0F0',
-          '--sendbird-light-background-50': ' #FFFFFF',
-          '--sendbird-light-overlay': 'rgba(0, 0, 0, 0.32)',
-          '--sendbird-light-onlight-01': 'rgba(0, 0, 0, 0.88)',
-          '--sendbird-light-onlight-02': 'rgba(0, 0, 0, 0.50)',
-          '--sendbird-light-onlight-03': 'rgba(0, 0, 0, 0.38)',
-          '--sendbird-light-onlight-04': 'rgba(0, 0, 0, 0.12)',
-          '--sendbird-light-ondark-01': 'rgba(255, 255, 255, 0.88)',
-          '--sendbird-light-ondark-02': 'rgba(255, 255, 255, 0.50)',
-          '--sendbird-light-ondark-03': 'rgba(255, 255, 255, 0.38)',
-          '--sendbird-light-ondark-04': 'rgba(255, 255, 255, 0.12)',
-          '--sendbird-light-shadow-01': '0 1px 5px 0 rgba(33, 34, 66, 0.04), 0 0 3px 0 rgba(0, 0, 0, 0.08), 0 2px 1px 0 rgba(0, 0, 0, 0.12)',
-          '--sendbird-light-shadow-02': '0 3px 5px -3px rgba(33, 34, 66, 0.04), 0 3px 14px 2px rgba(0, 0, 0, 0.08), 0 8px 10px 1px rgba(0, 0, 0, 0.12)',
-          '--sendbird-light-shadow-03': '0 6px 10px -5px rgba(0, 0, 0, 0.04), 0 6px 30px 5px rgba(0, 0, 0, 0.08), 0 16px 24px 2px rgba(0, 0, 0, 0.12)',
-          '--sendbird-light-shadow-04': '0 9px 15px -7px rgba(0, 0, 0, 0.04), 0 9px 46px 8px rgba(0, 0, 0, 0.08), 0 24px 38px 3px rgba(0, 0, 0, 0.12)',
-          '--sendbird-light-shadow-message-input': '0 1px 5px 0 rgba(33, 34, 66, 0.12), 0 0 1px 0 rgba(33, 34, 66, 0.16), 0 2px 1px 0 rgba(33, 34, 66, 0.08), 0 1px 5px 0 rgba(0, 0, 0, 0.12)'
-        }, overrides)
-      });
-    }
-  }, [overrides]);
-};
-
-var sdkInitialState = {
-  initialized: false,
-  loading: false,
-  sdk: {},
-  error: false
-};
-
-function reducer$1(state, action) {
-  switch (action.type) {
-    case SET_SDK_LOADING:
-      return _objectSpread2(_objectSpread2({}, state), {}, {
-        initialized: false,
-        loading: action.payload
-      });
-
-    case SDK_ERROR:
-      return _objectSpread2(_objectSpread2({}, state), {}, {
-        initialized: false,
-        loading: false,
-        error: true
-      });
-
-    case INIT_SDK:
-      return {
-        sdk: action.payload,
-        initialized: true,
-        loading: false,
-        error: false
-      };
-
-    case RESET_SDK:
-      return sdkInitialState;
-
-    default:
-      return state;
-  }
-}
-
-var userInitialState = {
-  initialized: false,
-  loading: false,
-  user: {}
-};
-
-function reducer(state, action) {
-  switch (action.type) {
-    case INIT_USER:
-      return {
-        initialized: true,
-        loading: false,
-        user: action.payload
-      };
-
-    case RESET_USER:
-      return userInitialState;
-
-    case UPDATE_USER_INFO:
-      return _objectSpread2(_objectSpread2({}, state), {}, {
-        user: action.payload
-      });
-
-    default:
-      return state;
-  }
-}
-
-function useConnectionStatus(sdk, logger) {
-  const [isOnline, setIsOnline] = useState(true);
-  useEffect(() => {
-    const uniqueHandlerId = uuidv4();
-
-    try {
-      logger.warning('sdk changed', uniqueHandlerId);
-      const handler = new ConnectionHandler();
-
-      handler.onDisconnected = () => {
-        logger.warning('onDisconnected', {
-          isOnline
-        });
-      };
-
-      handler.onReconnectStarted = () => {
-        setIsOnline(false);
-        logger.warning('onReconnectStarted', {
-          isOnline
-        });
-      };
-
-      handler.onReconnectSucceeded = () => {
-        setIsOnline(true);
-        logger.warning('onReconnectSucceeded', {
-          isOnline
-        });
-      };
-
-      handler.onReconnectFailed = () => {
-        sdk.reconnect();
-        logger.warning('onReconnectFailed');
-      };
-
-      logger.info('Added ConnectionHandler', uniqueHandlerId); // workaround -> addConnectionHandler invalidates session handler
-      // provided through configureSession
-
-      if (sdk !== null && sdk !== void 0 && sdk.addConnectionHandler) {
-        sdk.addConnectionHandler(uniqueHandlerId, handler);
-      }
-    } catch (_unused) {//
-    }
-
-    return () => {
-      try {
-        sdk.removeConnectionHandler(uniqueHandlerId);
-        logger.info('Removed ConnectionHandler', uniqueHandlerId);
-      } catch (_unused2) {//
-      }
-    };
-  }, [sdk]);
-  useEffect(() => {
-    const tryReconnect = () => {
-      try {
-        logger.warning('Try reconnecting SDK');
-
-        if (sdk.connectionState !== 'OPEN') {
-          // connection is not broken yet
-          sdk.reconnect();
-        }
-      } catch (_unused3) {//
-      }
-    }; // addEventListener version
-
-
-    window.addEventListener('online', tryReconnect);
-    return () => {
-      window.removeEventListener('online', tryReconnect);
-    };
-  }, [sdk]); // add offline-class to body
-
-  useEffect(() => {
-    const body = document.querySelector('body');
-
-    if (!isOnline) {
-      try {
-        body.classList.add('sendbird__offline');
-        logger.info('Added class sendbird__offline to body');
-      } catch (e) {//
-      }
-    } else {
-      try {
-        body.classList.remove('sendbird__offline');
-        logger.info('Removed class sendbird__offline from body');
-      } catch (e) {//
-      }
-    }
-  }, [isOnline]);
-  return isOnline;
-}
-
-// Logger, pretty much explains it
-// in SendbirdProvider
-// const [logger, setLogger] = useState(LoggerFactory(logLevel));
-const LOG_LEVELS = {
-  DEBUG: 'debug',
-  WARNING: 'warning',
-  ERROR: 'error',
-  INFO: 'info',
-  ALL: 'all'
-};
-
-const colorLog = level => {
-  switch (level) {
-    case LOG_LEVELS.WARNING:
-      return 'color: Orange';
-
-    case LOG_LEVELS.ERROR:
-      return 'color: Red';
-
-    default:
-      return 'color: Gray';
-  }
-};
-
-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);
-};
-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) => {
-    if (currentLvl === LOG_LEVELS.DEBUG || currentLvl === LOG_LEVELS.ALL) {
-      return _objectSpread2(_objectSpread2({}, accumulator), {}, {
-        info: applyLog(LOG_LEVELS.INFO),
-        error: applyLog(LOG_LEVELS.ERROR),
-        warning: applyLog(LOG_LEVELS.WARNING)
-      });
-    }
-
-    if (currentLvl === LOG_LEVELS.INFO) {
-      return _objectSpread2(_objectSpread2({}, accumulator), {}, {
-        info: applyLog(LOG_LEVELS.INFO)
-      });
-    }
-
-    if (currentLvl === LOG_LEVELS.ERROR) {
-      return _objectSpread2(_objectSpread2({}, accumulator), {}, {
-        error: applyLog(LOG_LEVELS.ERROR)
-      });
-    }
-
-    if (currentLvl === LOG_LEVELS.WARNING) {
-      return _objectSpread2(_objectSpread2({}, accumulator), {}, {
-        warning: applyLog(LOG_LEVELS.WARNING)
-      });
-    }
-
-    return _objectSpread2({}, accumulator);
-  }, getDefaultLogger());
-  return logger;
-};
-
-// 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;
-  return {
-    __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
-
-
-      const index = topics[topic].push(listener) - 1; // Provide handle back for removal of topic
-
-      return {
-        remove: () => {
-          delete topics[topic][index];
-        }
-      };
-    },
-    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(item => {
-        item(info !== undefined ? info : {});
-      });
-    }
-  };
-});
-
-function useAppendDomNode() {
-  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 () => {
-      ids.forEach(id => {
-        const target = document.getElementById(id);
-
-        if (target) {
-          root.removeChild(target);
-        }
-      });
-    };
-  }, []);
-}
-
-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,
-    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);
-  useTheme(colorSet);
-  useEffect(() => {
-    logger.info('App Init'); // dispatch action
-
-    handleConnection({
-      userId,
-      appId,
-      accessToken,
-      sdkStore,
-      nickname,
-      profileUrl,
-      configureSession,
-      customApiHost,
-      customWebSocketHost,
-      sdk: sdkStore.sdk,
-      logger
-    }, {
-      sdkDispatcher,
-      userDispatcher
-    });
-  }, [userId, appId, accessToken]); // to create a pubsub to communicate between parent and child
-
-  useEffect(() => {
-    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(() => {
-    setCurrenttheme(theme);
-  }, [theme]);
-  useEffect(() => {
-    const body = document.querySelector('body');
-    body.classList.remove('sendbird-experimental__rem__units');
-
-    if (isREMUnitEnabled) {
-      body.classList.add('sendbird-experimental__rem__units');
-    }
-  }, [isREMUnitEnabled]); // add-remove theme from body
-
-  useEffect(() => {
-    logger.info('Setup theme', `Theme: ${currenttheme}`);
-
-    try {
-      const body = document.querySelector('body');
-      body.classList.remove('sendbird-theme--light');
-      body.classList.remove('sendbird-theme--dark');
-      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', `${e}`);
-    }
-
-    return () => {
-      try {
-        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]);
-  const isOnline = useConnectionStatus(sdkStore.sdk, logger);
-  const localeStringSet = React__default.useMemo(() => {
-    if (!stringSet) {
-      return getStringSet('en');
-    }
-
-    return _objectSpread2(_objectSpread2({}, getStringSet('en')), stringSet);
-  }, [stringSet]);
-  return /*#__PURE__*/React__default.createElement(SendbirdSdkContext.Provider, {
-    value: {
-      stores: {
-        sdkStore,
-        userStore
-      },
-      dispatchers: {
-        sdkDispatcher,
-        userDispatcher,
-        reconnect: () => {
-          handleConnection({
-            userId,
-            appId,
-            accessToken,
-            sdkStore,
-            nickname,
-            profileUrl,
-            logger,
-            sdk: sdkStore.sdk
-          }, {
-            sdkDispatcher,
-            userDispatcher
-          });
-        }
-      },
-      config: {
-        disableUserProfile,
-        disableMarkAsDelivered,
-        renderUserProfile,
-        onUserProfileMessage,
-        allowProfileEdit,
-        isOnline,
-        userId,
-        appId,
-        accessToken,
-        theme: currenttheme,
-        setCurrenttheme,
-        userListQuery,
-        logger,
-        pubSub,
-        imageCompression: _objectSpread2({
-          compressionRate: 0.7
-        }, 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,
-        isMessageReceiptStatusEnabledOnChannelList,
-        replyType
-      }
-    }
-  }, /*#__PURE__*/React__default.createElement(MediaQueryProvider, {
-    logger: logger,
-    mediaQueryBreakPoint: mediaQueryBreakPoint
-  }, /*#__PURE__*/React__default.createElement(LocalizationProvider, {
-    stringSet: localeStringSet,
-    dateLocale: dateLocale
-  }, 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,
-  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,
-  isTypingIndicatorEnabledOnChannelList: false,
-  isMessageReceiptStatusEnabledOnChannelList: false,
-  replyType: 'NONE'
-};
-
-export { Sendbird as default };
-//# sourceMappingURL=SendbirdProvider.js.map