@sendbird/uikit-react 3.0.0-rc.2 → 3.0.2-beta.0

package/OpenChannelSettings/components/EditDetailsModal.js

@@ -1,29 +1,29 @@
 import React__default, { useRef, useState, useContext } from 'react';
-import { a as LocalizationContext } from '../../LocalizationContext-3dbcc9d8.js';
+import { a as LocalizationContext } from '../../LocalizationContext-08cebf79.js';
 import Modal from '../../ui/Modal.js';
 import Input, { InputLabel } from '../../ui/Input.js';
 import Avatar from '../../ui/Avatar.js';
-import { T as Type } from '../../index-905615b2.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-d1179659.js';
+import { T as Type } from '../../index-cdd2789a.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-0d4dcc94.js';
 import TextButton from '../../ui/TextButton.js';
 import ChannelAvatar from '../../ui/OpenChannelAvatar.js';
 import { useOpenChannelSettingsContext } from '../context.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import '../../stringSet-3a2b916e.js';
-import '../../index-21a0df21.js';
+import '../../stringSet-efeb1ad3.js';
+import '../../index-623fd405.js';
 import 'prop-types';
 import 'react-dom';
-import '../../index-3ea848a1.js';
+import '../../index-8528dcd1.js';
 import '../../ui/IconButton.js';
-import '../../_rollupPluginBabelHelpers-8ba74698.js';
+import '../../_rollupPluginBabelHelpers-9a08c8bf.js';
 import '../../ui/Icon.js';
-import '../../utils-83135175.js';
-import '../../tslib.es6-9548150b.js';
+import '../../utils-0db9b91e.js';
+import '../../tslib.es6-91aa0158.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-c5e7a9dd.js';
-import '../../color-b580a421.js';
-import '../../utils-29691dff.js';
-import '../../UserProfileContext-f0ef00c0.js';
+import '../../uuid-902e6498.js';
+import '../../color-aef1bef8.js';
+import '../../utils-7b9c4aab.js';
+import '../../UserProfileContext-97bec8f7.js';
 import '../../withSendbird.js';
 
 var EditDetails = function EditDetails(props) {

package/OpenChannelSettings/components/OpenChannelProfile.js

@@ -1,31 +1,31 @@
 import React__default, { useState, useContext } from 'react';
-import { a as LocalizationContext } from '../../LocalizationContext-3dbcc9d8.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-d1179659.js';
+import { a as LocalizationContext } from '../../LocalizationContext-08cebf79.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-0d4dcc94.js';
 import TextButton from '../../ui/TextButton.js';
 import ChannelAvatar from '../../ui/OpenChannelAvatar.js';
 import EditDetails from './EditDetailsModal.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
 import { useOpenChannelSettingsContext } from '../context.js';
-import '../../stringSet-3a2b916e.js';
-import '../../index-21a0df21.js';
-import '../../_rollupPluginBabelHelpers-8ba74698.js';
+import '../../stringSet-efeb1ad3.js';
+import '../../index-623fd405.js';
+import '../../_rollupPluginBabelHelpers-9a08c8bf.js';
 import 'prop-types';
-import '../../color-b580a421.js';
+import '../../color-aef1bef8.js';
 import '../../ui/Avatar.js';
-import '../../tslib.es6-9548150b.js';
+import '../../tslib.es6-91aa0158.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/Icon.js';
-import '../../uuid-c5e7a9dd.js';
-import '../../utils-29691dff.js';
+import '../../uuid-902e6498.js';
+import '../../utils-7b9c4aab.js';
 import '../../ui/Modal.js';
 import 'react-dom';
-import '../../index-3ea848a1.js';
+import '../../index-8528dcd1.js';
 import '../../ui/IconButton.js';
-import '../../index-905615b2.js';
-import '../../utils-83135175.js';
+import '../../index-cdd2789a.js';
+import '../../utils-0db9b91e.js';
 import '../../ui/Input.js';
 import '../../withSendbird.js';
-import '../../UserProfileContext-f0ef00c0.js';
+import '../../UserProfileContext-97bec8f7.js';
 
 function ChannelProfile() {
   var _a, _b;

package/OpenChannelSettings/components/OpenChannelSettingsUI.js

@@ -1,47 +1,47 @@
 import React__default, { useContext } from 'react';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
 import { useOpenChannelSettingsContext } from '../context.js';
-import { U as UserProfileProvider } from '../../UserProfileContext-f0ef00c0.js';
-import { a as LocalizationContext } from '../../LocalizationContext-3dbcc9d8.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-d1179659.js';
+import { U as UserProfileProvider } from '../../UserProfileContext-97bec8f7.js';
+import { a as LocalizationContext } from '../../LocalizationContext-08cebf79.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-0d4dcc94.js';
 import Icon, { IconTypes } from '../../ui/Icon.js';
-import { P as PlaceHolder, b as PlaceHolderTypes } from '../../index-64bb5b19.js';
+import { P as PlaceHolder, b as PlaceHolderTypes } from '../../index-41a3e405.js';
 import { OperatorUI } from './OperatorUI.js';
 import ParticipantsList from './ParticipantUI.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-8ba74698.js';
+import '../../_rollupPluginBabelHelpers-9a08c8bf.js';
 import 'prop-types';
-import '../../stringSet-3a2b916e.js';
-import '../../index-21a0df21.js';
+import '../../stringSet-efeb1ad3.js';
+import '../../index-623fd405.js';
 import '../../ui/Loader.js';
 import './OpenChannelProfile.js';
 import '../../ui/TextButton.js';
-import '../../color-b580a421.js';
+import '../../color-aef1bef8.js';
 import '../../ui/OpenChannelAvatar.js';
 import '../../ui/Avatar.js';
-import '../../tslib.es6-9548150b.js';
+import '../../tslib.es6-91aa0158.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-c5e7a9dd.js';
-import '../../utils-29691dff.js';
+import '../../uuid-902e6498.js';
+import '../../utils-7b9c4aab.js';
 import './EditDetailsModal.js';
 import '../../ui/Modal.js';
 import 'react-dom';
-import '../../index-3ea848a1.js';
+import '../../index-8528dcd1.js';
 import '../../ui/IconButton.js';
-import '../../index-905615b2.js';
-import '../../utils-83135175.js';
+import '../../index-cdd2789a.js';
+import '../../utils-0db9b91e.js';
 import '../../ui/Input.js';
 import '../../ui/Accordion.js';
 import '../../ui/AccordionGroup.js';
-import '../../context-d867aec7.js';
+import '../../context-d04e2502.js';
 import '../../ui/UserListItem.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../topics-19b96cc7.js';
+import '../../topics-7181983e.js';
 import '../../ui/ContextMenu.js';
-import '../../index-4c5351e9.js';
+import '../../index-afd61eff.js';
 import '../../ui/SortByRow.js';
 
 function InvalidChannel(_a) {

package/OpenChannelSettings/components/OperatorUI.js

@@ -1,6 +1,6 @@
 import React__default, { useState, useContext } from 'react';
-import { a as LocalizationContext } from '../../LocalizationContext-3dbcc9d8.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-d1179659.js';
+import { a as LocalizationContext } from '../../LocalizationContext-08cebf79.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-0d4dcc94.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
 import { useOpenChannelSettingsContext } from '../context.js';
 import ChannelProfile from './OpenChannelProfile.js';
@@ -8,36 +8,36 @@ import Modal from '../../ui/Modal.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
 import ParticipantsList from './ParticipantUI.js';
 import Accordion, { AccordionGroup } from '../../ui/Accordion.js';
-import '../../stringSet-3a2b916e.js';
-import '../../index-21a0df21.js';
-import '../../_rollupPluginBabelHelpers-8ba74698.js';
+import '../../stringSet-efeb1ad3.js';
+import '../../index-623fd405.js';
+import '../../_rollupPluginBabelHelpers-9a08c8bf.js';
 import 'prop-types';
-import '../../UserProfileContext-f0ef00c0.js';
+import '../../UserProfileContext-97bec8f7.js';
 import '../../withSendbird.js';
 import '../../ui/TextButton.js';
-import '../../color-b580a421.js';
+import '../../color-aef1bef8.js';
 import '../../ui/OpenChannelAvatar.js';
 import '../../ui/Avatar.js';
-import '../../tslib.es6-9548150b.js';
+import '../../tslib.es6-91aa0158.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-c5e7a9dd.js';
-import '../../utils-29691dff.js';
+import '../../uuid-902e6498.js';
+import '../../utils-7b9c4aab.js';
 import './EditDetailsModal.js';
 import '../../ui/Input.js';
-import '../../index-905615b2.js';
+import '../../index-cdd2789a.js';
 import 'react-dom';
-import '../../index-3ea848a1.js';
+import '../../index-8528dcd1.js';
 import '../../ui/IconButton.js';
-import '../../utils-83135175.js';
-import '../../context-d867aec7.js';
+import '../../utils-0db9b91e.js';
+import '../../context-d04e2502.js';
 import '../../ui/UserListItem.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../topics-19b96cc7.js';
+import '../../topics-7181983e.js';
 import '../../ui/ContextMenu.js';
-import '../../index-4c5351e9.js';
+import '../../index-afd61eff.js';
 import '../../ui/SortByRow.js';
 import '../../ui/AccordionGroup.js';
 

package/OpenChannelSettings/components/ParticipantUI.js

@@ -1,11 +1,11 @@
-import { a as __spreadArray } from '../../tslib.es6-9548150b.js';
+import { a as __spreadArray } from '../../tslib.es6-91aa0158.js';
 import React__default, { useRef, useContext, useState, useEffect } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-d1179659.js';
-import { a as LocalizationContext } from '../../LocalizationContext-3dbcc9d8.js';
-import { a as UserProfileContext } from '../../UserProfileContext-f0ef00c0.js';
-import '../../index-905615b2.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-0d4dcc94.js';
+import { a as LocalizationContext } from '../../LocalizationContext-08cebf79.js';
+import { a as UserProfileContext } from '../../UserProfileContext-97bec8f7.js';
+import '../../index-cdd2789a.js';
 import '../../ui/Icon.js';
-import '../../context-d867aec7.js';
+import '../../context-d04e2502.js';
 import Avatar from '../../ui/Avatar.js';
 import '../../ui/Modal.js';
 import '../../ui/UserListItem.js';
@@ -13,22 +13,22 @@ import ConnectedUserProfile from '../../ui/UserProfile.js';
 import ContextMenu, { MenuItems } from '../../ui/ContextMenu.js';
 import { useOpenChannelSettingsContext } from '../context.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import '../../_rollupPluginBabelHelpers-8ba74698.js';
+import '../../_rollupPluginBabelHelpers-9a08c8bf.js';
 import 'prop-types';
-import '../../stringSet-3a2b916e.js';
-import '../../index-21a0df21.js';
-import '../../utils-83135175.js';
+import '../../stringSet-efeb1ad3.js';
+import '../../index-623fd405.js';
+import '../../utils-0db9b91e.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-c5e7a9dd.js';
+import '../../uuid-902e6498.js';
 import 'react-dom';
-import '../../index-3ea848a1.js';
+import '../../index-8528dcd1.js';
 import '../../ui/IconButton.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
 import '../../withSendbird.js';
 import '../../sendbirdSelectors.js';
-import '../../topics-19b96cc7.js';
-import '../../index-4c5351e9.js';
+import '../../topics-7181983e.js';
+import '../../index-afd61eff.js';
 import '../../ui/SortByRow.js';
 
 var UserListItem = function UserListItem(_a) {

package/OpenChannelSettings/context.js

@@ -1,8 +1,8 @@
 import React__default, { useState, useEffect } from 'react';
 import useSendbirdStateContext from '../useSendbirdStateContext.js';
-import { U as UserProfileProvider } from '../UserProfileContext-f0ef00c0.js';
+import { U as UserProfileProvider } from '../UserProfileContext-97bec8f7.js';
 import '../withSendbird.js';
-import '../_rollupPluginBabelHelpers-8ba74698.js';
+import '../_rollupPluginBabelHelpers-9a08c8bf.js';
 import 'prop-types';
 
 var OpenChannelSettingsContext = /*#__PURE__*/React__default.createContext(undefined);

package/OpenChannelSettings.js

@@ -3,44 +3,44 @@ import OpenChannelUI from './OpenChannelSettings/components/OpenChannelSettingsU
 import { OpenChannelSettingsProvider } from './OpenChannelSettings/context.js';
 import './useSendbirdStateContext.js';
 import './withSendbird.js';
-import './_rollupPluginBabelHelpers-8ba74698.js';
-import './UserProfileContext-f0ef00c0.js';
+import './_rollupPluginBabelHelpers-9a08c8bf.js';
+import './UserProfileContext-97bec8f7.js';
 import 'prop-types';
-import './LocalizationContext-3dbcc9d8.js';
-import './stringSet-3a2b916e.js';
-import './index-21a0df21.js';
-import './index-d1179659.js';
+import './LocalizationContext-08cebf79.js';
+import './stringSet-efeb1ad3.js';
+import './index-623fd405.js';
+import './index-0d4dcc94.js';
 import './ui/Icon.js';
-import './index-64bb5b19.js';
+import './index-41a3e405.js';
 import './ui/Loader.js';
 import './OpenChannelSettings/components/OperatorUI.js';
 import './OpenChannelSettings/components/OpenChannelProfile.js';
 import './ui/TextButton.js';
-import './color-b580a421.js';
+import './color-aef1bef8.js';
 import './ui/OpenChannelAvatar.js';
 import './ui/Avatar.js';
-import './tslib.es6-9548150b.js';
+import './tslib.es6-91aa0158.js';
 import './ui/ImageRenderer.js';
-import './uuid-c5e7a9dd.js';
-import './utils-29691dff.js';
+import './uuid-902e6498.js';
+import './utils-7b9c4aab.js';
 import './OpenChannelSettings/components/EditDetailsModal.js';
 import './ui/Modal.js';
 import 'react-dom';
-import './index-3ea848a1.js';
+import './index-8528dcd1.js';
 import './ui/IconButton.js';
-import './index-905615b2.js';
-import './utils-83135175.js';
+import './index-cdd2789a.js';
+import './utils-0db9b91e.js';
 import './ui/Input.js';
 import './OpenChannelSettings/components/ParticipantUI.js';
-import './context-d867aec7.js';
+import './context-d04e2502.js';
 import './ui/UserListItem.js';
 import './ui/MutedAvatarOverlay.js';
 import './ui/Checkbox.js';
 import './ui/UserProfile.js';
 import './sendbirdSelectors.js';
-import './topics-19b96cc7.js';
+import './topics-7181983e.js';
 import './ui/ContextMenu.js';
-import './index-4c5351e9.js';
+import './index-afd61eff.js';
 import './ui/SortByRow.js';
 import './ui/Accordion.js';
 import './ui/AccordionGroup.js';

package/SendbirdProvider.js

@@ -1,25 +1,25 @@
-import { _ as _objectSpread2, a as _slicedToArray } from './_rollupPluginBabelHelpers-8ba74698.js';
+import { _ as _objectSpread2, a as _slicedToArray } from './_rollupPluginBabelHelpers-9a08c8bf.js';
 import React__default, { useLayoutEffect, useState, useEffect, useReducer } from 'react';
 import PropTypes from 'prop-types';
 import { SendbirdSdkContext } from './withSendbird.js';
-import { F as Fn, N as Nn, P as Pe } from './openChannel-f429ff22.js';
-import { $ as $r } from './groupChannel-9a1eb726.js';
-import { R as RESET_USER, I as INIT_USER, U as UPDATE_USER_INFO } from './actionTypes-1444365b.js';
-import { i as isTextuallyNull } from './index-4c5351e9.js';
-import { _ as __assign } from './tslib.es6-9548150b.js';
+import { N as Nn, F as Fn, P as Pe } from './openChannel-b0ad7380.js';
+import { $ as $r } from './groupChannel-10e918af.js';
+import { R as RESET_USER, I as INIT_USER, U as UPDATE_USER_INFO } from './actionTypes-eea40cdf.js';
+import { i as isTextuallyNull } from './index-afd61eff.js';
+import { _ as __assign } from './tslib.es6-91aa0158.js';
 import cssVars from 'css-vars-ponyfill';
-import { u as uuidv4 } from './uuid-c5e7a9dd.js';
-import { L as LocalizationProvider } from './LocalizationContext-3dbcc9d8.js';
-import { g as getStringSet } from './stringSet-3a2b916e.js';
-import './__bundle-7dfccc8c-c503198e.js';
-import './index-21a0df21.js';
+import { u as uuidv4 } from './uuid-902e6498.js';
+import { L as LocalizationProvider } from './LocalizationContext-08cebf79.js';
+import { g as getStringSet } from './stringSet-efeb1ad3.js';
+import './__bundle-7dfccc8c-ff995ba0.js';
+import './index-623fd405.js';
 
 var INIT_SDK = 'INIT_SDK';
 var SET_SDK_LOADING = 'SET_SDK_LOADING';
 var RESET_SDK = 'RESET_SDK';
 var SDK_ERROR = 'SDK_ERROR';
 
-var APP_VERSION_STRING = '3.0.0-beta.6';
+var APP_VERSION_STRING = 'v3.0.2-beta.0';
 var disconnectSdk = function disconnectSdk(_ref) {
   var sdkDispatcher = _ref.sdkDispatcher,
       userDispatcher = _ref.userDispatcher,
@@ -52,6 +52,8 @@ var handleConnection = function handleConnection(_ref2, dispatchers) {
       profileUrl = _ref2.profileUrl,
       accessToken = _ref2.accessToken,
       configureSession = _ref2.configureSession,
+      customApiHost = _ref2.customApiHost,
+      customWebSocketHost = _ref2.customWebSocketHost,
       sdk = _ref2.sdk,
       logger = _ref2.logger;
   var sdkDispatcher = dispatchers.sdkDispatcher,
@@ -70,10 +72,20 @@ var handleConnection = function handleConnection(_ref2, dispatchers) {
       });
 
       if (userId && appId) {
-        var newSdk = Fn.init({
+        var params = {
           appId: appId,
           modules: [new $r(), new Nn()]
-        });
+        };
+
+        if (customApiHost) {
+          params.customApiHost = customApiHost;
+        }
+
+        if (customWebSocketHost) {
+          params.customWebSocketHost = customWebSocketHost;
+        }
+
+        var newSdk = Fn.init(params);
 
         if (configureSession && typeof configureSession === 'function') {
           sessionHandler = configureSession(newSdk);
@@ -324,39 +336,49 @@ function useConnectionStatus(sdk, logger) {
 
   useEffect(function () {
     var uniqueHandlerId = uuidv4();
-    logger.warning('sdk changed', uniqueHandlerId);
-    var handler = new Pe();
 
-    handler.onReconnectStarted = function () {
-      setIsOnline(false);
-      logger.warning('onReconnectStarted', {
-        isOnline: isOnline
-      });
-    };
+    try {
+      logger.warning('sdk changed', uniqueHandlerId);
+      var handler = new Pe();
 
-    handler.onReconnectSucceeded = function () {
-      setIsOnline(true);
-      logger.warning('onReconnectSucceeded', {
-        isOnline: isOnline
-      });
-    };
+      handler.onDisconnected = function () {
+        logger.warning('onDisconnected', {
+          isOnline: isOnline
+        });
+      };
 
-    handler.onReconnectFailed = function () {
-      sdk.reconnect();
-      logger.warning('onReconnectFailed');
-    };
+      handler.onReconnectStarted = function () {
+        setIsOnline(false);
+        logger.warning('onReconnectStarted', {
+          isOnline: isOnline
+        });
+      };
+
+      handler.onReconnectSucceeded = function () {
+        setIsOnline(true);
+        logger.warning('onReconnectSucceeded', {
+          isOnline: isOnline
+        });
+      };
+
+      handler.onReconnectFailed = function () {
+        sdk.reconnect();
+        logger.warning('onReconnectFailed');
+      };
 
-    logger.info('Added ConnectionHandler', uniqueHandlerId);
+      logger.info('Added ConnectionHandler', uniqueHandlerId);
 
-    if (sdk !== null && sdk !== void 0 && sdk.addConnectionHandler) {
-      sdk.addConnectionHandler(uniqueHandlerId, handler);
+      if (sdk !== null && sdk !== void 0 && sdk.addConnectionHandler) {
+        sdk.addConnectionHandler(uniqueHandlerId, handler);
+      }
+    } catch (_unused) {//
     }
 
     return function () {
       try {
         sdk.removeConnectionHandler(uniqueHandlerId);
         logger.info('Removed ConnectionHandler', uniqueHandlerId);
-      } catch (_unused) {//
+      } catch (_unused2) {//
       }
     };
   }, [sdk]);
@@ -369,7 +391,7 @@ function useConnectionStatus(sdk, logger) {
           // connection is not broken yet
           sdk.reconnect();
         }
-      } catch (_unused2) {//
+      } catch (_unused3) {//
       }
     }; // addEventListener version
 
@@ -554,6 +576,8 @@ function Sendbird(props) {
       appId = props.appId,
       accessToken = props.accessToken,
       configureSession = props.configureSession,
+      customApiHost = props.customApiHost,
+      customWebSocketHost = props.customWebSocketHost,
       children = props.children,
       disableUserProfile = props.disableUserProfile,
       renderUserProfile = props.renderUserProfile,
@@ -611,6 +635,8 @@ function Sendbird(props) {
       nickname: nickname,
       profileUrl: profileUrl,
       configureSession: configureSession,
+      customApiHost: customApiHost,
+      customWebSocketHost: customWebSocketHost,
       sdk: sdkStore.sdk,
       logger: logger
     }, {
@@ -723,6 +749,8 @@ Sendbird.propTypes = {
   userId: PropTypes.string.isRequired,
   appId: PropTypes.string.isRequired,
   accessToken: PropTypes.string,
+  customApiHost: PropTypes.string,
+  customWebSocketHost: PropTypes.string,
   configureSession: PropTypes.func,
   children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element), PropTypes.any]).isRequired,
   theme: PropTypes.string,
@@ -759,6 +787,8 @@ Sendbird.propTypes = {
 };
 Sendbird.defaultProps = {
   accessToken: '',
+  customApiHost: null,
+  customWebSocketHost: null,
   configureSession: null,
   theme: 'light',
   nickname: '',