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

package/dist/SendbirdProvider.js

@@ -0,0 +1,822 @@
+import { _ as _objectSpread2 } from './_rollupPluginBabelHelpers-e4ed87a8.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-a37e872a.js';
+import { i as isTextuallyNull } from './index-4217213f.js';
+import { _ as __assign } from './tslib.es6-96c33448.js';
+import cssVars from 'css-vars-ponyfill';
+import { u as uuidv4 } from './uuid-d8fc0ef1.js';
+import { VoiceRecorderProvider } from './VoiceRecorder/context.js';
+import { V as VoicePlayerProvider } from './index-bb3ccac9.js';
+import { L as LocalizationProvider } from './LocalizationContext-948efac4.js';
+import { M as MediaQueryProvider } from './MediaQueryContext-b04e7ffd.js';
+import { g as getStringSet } from './stringSet-fbd7c37c.js';
+import { V as VOICE_RECORDER_DEFAULT_MAX, a as VOICE_RECORDER_DEFAULT_MIN } from './consts-854f6e5f.js';
+import './utils/message/getOutgoingMessageState.js';
+import './lame.all.js';
+import './index-5c8b0523.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.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(() => {
+      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,
+    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);
+  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,
+        isVoiceMessageEnabled,
+        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
+      }
+    }
+  }, /*#__PURE__*/React__default.createElement(MediaQueryProvider, {
+    logger: logger,
+    mediaQueryBreakPoint: mediaQueryBreakPoint
+  }, /*#__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'
+};
+
+export { Sendbird as default };
+//# sourceMappingURL=SendbirdProvider.js.map