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

package/cjs/OpenChannelSettings/components/EditDetailsModal.js

@@ -1,31 +1,31 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../../LocalizationContext-65b97b58.js');
+var LocalizationContext = require('../../LocalizationContext-6465626c.js');
 var ui_Modal = require('../../ui/Modal.js');
 var ui_Input = require('../../ui/Input.js');
 var ui_Avatar = require('../../ui/Avatar.js');
-var ui_Button = require('../../index-7ef68704.js');
-var ui_Label = require('../../index-574ef41e.js');
+var ui_Button = require('../../index-b28dfe02.js');
+var ui_Label = require('../../index-11031c1a.js');
 var ui_TextButton = require('../../ui/TextButton.js');
 var ui_OpenChannelAvatar = require('../../ui/OpenChannelAvatar.js');
 var OpenChannelSettings_context = require('../context.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-require('../../stringSet-da976cc5.js');
-require('../../index-bf350acc.js');
+require('../../stringSet-8cf3905e.js');
+require('../../index-c142357a.js');
 require('prop-types');
 require('react-dom');
-require('../../index-97c28907.js');
+require('../../index-8cd26508.js');
 require('../../ui/IconButton.js');
-require('../../_rollupPluginBabelHelpers-0d29c748.js');
+require('../../_rollupPluginBabelHelpers-720b1baf.js');
 require('../../ui/Icon.js');
-require('../../utils-52a504d9.js');
-require('../../tslib.es6-4b76ba01.js');
+require('../../utils-65925965.js');
+require('../../tslib.es6-22430723.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-d0e513e8.js');
-require('../../color-51e4fff0.js');
-require('../../utils-4d87243e.js');
-require('../../UserProfileContext-9f3727c8.js');
+require('../../uuid-88159451.js');
+require('../../color-63291cc4.js');
+require('../../utils-f5e0083d.js');
+require('../../UserProfileContext-df8199ec.js');
 require('../../withSendbird.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/OpenChannelSettings/components/OpenChannelProfile.js

@@ -1,33 +1,33 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../../LocalizationContext-65b97b58.js');
-var ui_Label = require('../../index-574ef41e.js');
+var LocalizationContext = require('../../LocalizationContext-6465626c.js');
+var ui_Label = require('../../index-11031c1a.js');
 var ui_TextButton = require('../../ui/TextButton.js');
 var ui_OpenChannelAvatar = require('../../ui/OpenChannelAvatar.js');
 var OpenChannelSettings_components_EditDetailsModal = require('./EditDetailsModal.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
 var OpenChannelSettings_context = require('../context.js');
-require('../../stringSet-da976cc5.js');
-require('../../index-bf350acc.js');
-require('../../_rollupPluginBabelHelpers-0d29c748.js');
+require('../../stringSet-8cf3905e.js');
+require('../../index-c142357a.js');
+require('../../_rollupPluginBabelHelpers-720b1baf.js');
 require('prop-types');
-require('../../color-51e4fff0.js');
+require('../../color-63291cc4.js');
 require('../../ui/Avatar.js');
-require('../../tslib.es6-4b76ba01.js');
+require('../../tslib.es6-22430723.js');
 require('../../ui/ImageRenderer.js');
 require('../../ui/Icon.js');
-require('../../uuid-d0e513e8.js');
-require('../../utils-4d87243e.js');
+require('../../uuid-88159451.js');
+require('../../utils-f5e0083d.js');
 require('../../ui/Modal.js');
 require('react-dom');
-require('../../index-97c28907.js');
+require('../../index-8cd26508.js');
 require('../../ui/IconButton.js');
-require('../../index-7ef68704.js');
-require('../../utils-52a504d9.js');
+require('../../index-b28dfe02.js');
+require('../../utils-65925965.js');
 require('../../ui/Input.js');
 require('../../withSendbird.js');
-require('../../UserProfileContext-9f3727c8.js');
+require('../../UserProfileContext-df8199ec.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/OpenChannelSettings/components/OpenChannelSettingsUI.js

@@ -3,47 +3,47 @@
 var React = require('react');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
 var OpenChannelSettings_context = require('../context.js');
-var UserProfileContext = require('../../UserProfileContext-9f3727c8.js');
-var LocalizationContext = require('../../LocalizationContext-65b97b58.js');
-var ui_Label = require('../../index-574ef41e.js');
+var UserProfileContext = require('../../UserProfileContext-df8199ec.js');
+var LocalizationContext = require('../../LocalizationContext-6465626c.js');
+var ui_Label = require('../../index-11031c1a.js');
 var ui_Icon = require('../../ui/Icon.js');
-var ui_PlaceHolder = require('../../index-a66b1af1.js');
+var ui_PlaceHolder = require('../../index-f2004893.js');
 var OpenChannelSettings_components_OperatorUI = require('./OperatorUI.js');
 var OpenChannelSettings_components_ParticipantUI = require('./ParticipantUI.js');
 require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-0d29c748.js');
+require('../../_rollupPluginBabelHelpers-720b1baf.js');
 require('prop-types');
-require('../../stringSet-da976cc5.js');
-require('../../index-bf350acc.js');
+require('../../stringSet-8cf3905e.js');
+require('../../index-c142357a.js');
 require('../../ui/Loader.js');
 require('./OpenChannelProfile.js');
 require('../../ui/TextButton.js');
-require('../../color-51e4fff0.js');
+require('../../color-63291cc4.js');
 require('../../ui/OpenChannelAvatar.js');
 require('../../ui/Avatar.js');
-require('../../tslib.es6-4b76ba01.js');
+require('../../tslib.es6-22430723.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-d0e513e8.js');
-require('../../utils-4d87243e.js');
+require('../../uuid-88159451.js');
+require('../../utils-f5e0083d.js');
 require('./EditDetailsModal.js');
 require('../../ui/Modal.js');
 require('react-dom');
-require('../../index-97c28907.js');
+require('../../index-8cd26508.js');
 require('../../ui/IconButton.js');
-require('../../index-7ef68704.js');
-require('../../utils-52a504d9.js');
+require('../../index-b28dfe02.js');
+require('../../utils-65925965.js');
 require('../../ui/Input.js');
 require('../../ui/Accordion.js');
 require('../../ui/AccordionGroup.js');
-require('../../context-0aa8e3f8.js');
+require('../../context-f090cc51.js');
 require('../../ui/UserListItem.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/Checkbox.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
-require('../../topics-a595e22a.js');
+require('../../topics-db086d13.js');
 require('../../ui/ContextMenu.js');
-require('../../index-32f8310c.js');
+require('../../index-cb538ec6.js');
 require('../../ui/SortByRow.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/OpenChannelSettings/components/OperatorUI.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var LocalizationContext = require('../../LocalizationContext-65b97b58.js');
-var ui_Label = require('../../index-574ef41e.js');
+var LocalizationContext = require('../../LocalizationContext-6465626c.js');
+var ui_Label = require('../../index-11031c1a.js');
 var ui_Icon = require('../../ui/Icon.js');
 var OpenChannelSettings_context = require('../context.js');
 var OpenChannelSettings_components_OpenChannelProfile = require('./OpenChannelProfile.js');
@@ -12,36 +12,36 @@ var ui_Modal = require('../../ui/Modal.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
 var OpenChannelSettings_components_ParticipantUI = require('./ParticipantUI.js');
 var ui_Accordion = require('../../ui/Accordion.js');
-require('../../stringSet-da976cc5.js');
-require('../../index-bf350acc.js');
-require('../../_rollupPluginBabelHelpers-0d29c748.js');
+require('../../stringSet-8cf3905e.js');
+require('../../index-c142357a.js');
+require('../../_rollupPluginBabelHelpers-720b1baf.js');
 require('prop-types');
-require('../../UserProfileContext-9f3727c8.js');
+require('../../UserProfileContext-df8199ec.js');
 require('../../withSendbird.js');
 require('../../ui/TextButton.js');
-require('../../color-51e4fff0.js');
+require('../../color-63291cc4.js');
 require('../../ui/OpenChannelAvatar.js');
 require('../../ui/Avatar.js');
-require('../../tslib.es6-4b76ba01.js');
+require('../../tslib.es6-22430723.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-d0e513e8.js');
-require('../../utils-4d87243e.js');
+require('../../uuid-88159451.js');
+require('../../utils-f5e0083d.js');
 require('./EditDetailsModal.js');
 require('../../ui/Input.js');
-require('../../index-7ef68704.js');
+require('../../index-b28dfe02.js');
 require('react-dom');
-require('../../index-97c28907.js');
+require('../../index-8cd26508.js');
 require('../../ui/IconButton.js');
-require('../../utils-52a504d9.js');
-require('../../context-0aa8e3f8.js');
+require('../../utils-65925965.js');
+require('../../context-f090cc51.js');
 require('../../ui/UserListItem.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/Checkbox.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
-require('../../topics-a595e22a.js');
+require('../../topics-db086d13.js');
 require('../../ui/ContextMenu.js');
-require('../../index-32f8310c.js');
+require('../../index-cb538ec6.js');
 require('../../ui/SortByRow.js');
 require('../../ui/AccordionGroup.js');
 

package/cjs/OpenChannelSettings/components/ParticipantUI.js

@@ -1,13 +1,13 @@
 'use strict';
 
-var tslib_es6 = require('../../tslib.es6-4b76ba01.js');
+var tslib_es6 = require('../../tslib.es6-22430723.js');
 var React = require('react');
-var ui_Label = require('../../index-574ef41e.js');
-var LocalizationContext = require('../../LocalizationContext-65b97b58.js');
-var UserProfileContext = require('../../UserProfileContext-9f3727c8.js');
-require('../../index-7ef68704.js');
+var ui_Label = require('../../index-11031c1a.js');
+var LocalizationContext = require('../../LocalizationContext-6465626c.js');
+var UserProfileContext = require('../../UserProfileContext-df8199ec.js');
+require('../../index-b28dfe02.js');
 require('../../ui/Icon.js');
-require('../../context-0aa8e3f8.js');
+require('../../context-f090cc51.js');
 var ui_Avatar = require('../../ui/Avatar.js');
 require('../../ui/Modal.js');
 require('../../ui/UserListItem.js');
@@ -15,22 +15,22 @@ var ui_UserProfile = require('../../ui/UserProfile.js');
 var ui_ContextMenu = require('../../ui/ContextMenu.js');
 var OpenChannelSettings_context = require('../context.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-require('../../_rollupPluginBabelHelpers-0d29c748.js');
+require('../../_rollupPluginBabelHelpers-720b1baf.js');
 require('prop-types');
-require('../../stringSet-da976cc5.js');
-require('../../index-bf350acc.js');
-require('../../utils-52a504d9.js');
+require('../../stringSet-8cf3905e.js');
+require('../../index-c142357a.js');
+require('../../utils-65925965.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-d0e513e8.js');
+require('../../uuid-88159451.js');
 require('react-dom');
-require('../../index-97c28907.js');
+require('../../index-8cd26508.js');
 require('../../ui/IconButton.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/Checkbox.js');
 require('../../withSendbird.js');
 require('../../sendbirdSelectors.js');
-require('../../topics-a595e22a.js');
-require('../../index-32f8310c.js');
+require('../../topics-db086d13.js');
+require('../../index-cb538ec6.js');
 require('../../ui/SortByRow.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/OpenChannelSettings/context.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var UserProfileContext = require('../UserProfileContext-9f3727c8.js');
+var UserProfileContext = require('../UserProfileContext-df8199ec.js');
 require('../withSendbird.js');
-require('../_rollupPluginBabelHelpers-0d29c748.js');
+require('../_rollupPluginBabelHelpers-720b1baf.js');
 require('prop-types');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/OpenChannelSettings.js

@@ -5,44 +5,44 @@ var OpenChannelSettings_components_OpenChannelSettingsUI = require('./OpenChanne
 var OpenChannelSettings_context = require('./OpenChannelSettings/context.js');
 require('./useSendbirdStateContext.js');
 require('./withSendbird.js');
-require('./_rollupPluginBabelHelpers-0d29c748.js');
-require('./UserProfileContext-9f3727c8.js');
+require('./_rollupPluginBabelHelpers-720b1baf.js');
+require('./UserProfileContext-df8199ec.js');
 require('prop-types');
-require('./LocalizationContext-65b97b58.js');
-require('./stringSet-da976cc5.js');
-require('./index-bf350acc.js');
-require('./index-574ef41e.js');
+require('./LocalizationContext-6465626c.js');
+require('./stringSet-8cf3905e.js');
+require('./index-c142357a.js');
+require('./index-11031c1a.js');
 require('./ui/Icon.js');
-require('./index-a66b1af1.js');
+require('./index-f2004893.js');
 require('./ui/Loader.js');
 require('./OpenChannelSettings/components/OperatorUI.js');
 require('./OpenChannelSettings/components/OpenChannelProfile.js');
 require('./ui/TextButton.js');
-require('./color-51e4fff0.js');
+require('./color-63291cc4.js');
 require('./ui/OpenChannelAvatar.js');
 require('./ui/Avatar.js');
-require('./tslib.es6-4b76ba01.js');
+require('./tslib.es6-22430723.js');
 require('./ui/ImageRenderer.js');
-require('./uuid-d0e513e8.js');
-require('./utils-4d87243e.js');
+require('./uuid-88159451.js');
+require('./utils-f5e0083d.js');
 require('./OpenChannelSettings/components/EditDetailsModal.js');
 require('./ui/Modal.js');
 require('react-dom');
-require('./index-97c28907.js');
+require('./index-8cd26508.js');
 require('./ui/IconButton.js');
-require('./index-7ef68704.js');
-require('./utils-52a504d9.js');
+require('./index-b28dfe02.js');
+require('./utils-65925965.js');
 require('./ui/Input.js');
 require('./OpenChannelSettings/components/ParticipantUI.js');
-require('./context-0aa8e3f8.js');
+require('./context-f090cc51.js');
 require('./ui/UserListItem.js');
 require('./ui/MutedAvatarOverlay.js');
 require('./ui/Checkbox.js');
 require('./ui/UserProfile.js');
 require('./sendbirdSelectors.js');
-require('./topics-a595e22a.js');
+require('./topics-db086d13.js');
 require('./ui/ContextMenu.js');
-require('./index-32f8310c.js');
+require('./index-cb538ec6.js');
 require('./ui/SortByRow.js');
 require('./ui/Accordion.js');
 require('./ui/AccordionGroup.js');

package/cjs/SendbirdProvider.js

@@ -1,20 +1,20 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-0d29c748.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-720b1baf.js');
 var React = require('react');
 var PropTypes = require('prop-types');
 var withSendbird = require('./withSendbird.js');
-var openChannel = require('./openChannel-146282ad.js');
-var groupChannel = require('./groupChannel-8023bd09.js');
-var actionTypes = require('./actionTypes-5dc3015b.js');
-var index = require('./index-32f8310c.js');
-var tslib_es6 = require('./tslib.es6-4b76ba01.js');
+var openChannel = require('./openChannel-44cc2f8f.js');
+var groupChannel = require('./groupChannel-c1f53052.js');
+var actionTypes = require('./actionTypes-ed5cc34a.js');
+var index = require('./index-cb538ec6.js');
+var tslib_es6 = require('./tslib.es6-22430723.js');
 var cssVars = require('css-vars-ponyfill');
-var uuid = require('./uuid-d0e513e8.js');
-var LocalizationContext = require('./LocalizationContext-65b97b58.js');
-var stringSet = require('./stringSet-da976cc5.js');
-require('./__bundle-7dfccc8c-d9262ff8.js');
-require('./index-bf350acc.js');
+var uuid = require('./uuid-88159451.js');
+var LocalizationContext = require('./LocalizationContext-6465626c.js');
+var stringSet = require('./stringSet-8cf3905e.js');
+require('./__bundle-7dfccc8c-5e21874b.js');
+require('./index-c142357a.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -27,7 +27,7 @@ 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,
@@ -60,6 +60,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,
@@ -78,10 +80,20 @@ var handleConnection = function handleConnection(_ref2, dispatchers) {
       });
 
       if (userId && appId) {
-        var newSdk = openChannel.Fn.init({
+        var params = {
           appId: appId,
           modules: [new groupChannel.$r(), new openChannel.Nn()]
-        });
+        };
+
+        if (customApiHost) {
+          params.customApiHost = customApiHost;
+        }
+
+        if (customWebSocketHost) {
+          params.customWebSocketHost = customWebSocketHost;
+        }
+
+        var newSdk = openChannel.Fn.init(params);
 
         if (configureSession && typeof configureSession === 'function') {
           sessionHandler = configureSession(newSdk);
@@ -332,39 +344,49 @@ function useConnectionStatus(sdk, logger) {
 
   React.useEffect(function () {
     var uniqueHandlerId = uuid.uuidv4();
-    logger.warning('sdk changed', uniqueHandlerId);
-    var handler = new openChannel.Pe();
 
-    handler.onReconnectStarted = function () {
-      setIsOnline(false);
-      logger.warning('onReconnectStarted', {
-        isOnline: isOnline
-      });
-    };
+    try {
+      logger.warning('sdk changed', uniqueHandlerId);
+      var handler = new openChannel.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]);
@@ -377,7 +399,7 @@ function useConnectionStatus(sdk, logger) {
           // connection is not broken yet
           sdk.reconnect();
         }
-      } catch (_unused2) {//
+      } catch (_unused3) {//
       }
     }; // addEventListener version
 
@@ -562,6 +584,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,
@@ -619,6 +643,8 @@ function Sendbird(props) {
       nickname: nickname,
       profileUrl: profileUrl,
       configureSession: configureSession,
+      customApiHost: customApiHost,
+      customWebSocketHost: customWebSocketHost,
       sdk: sdkStore.sdk,
       logger: logger
     }, {
@@ -731,6 +757,8 @@ 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,
   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,
@@ -767,6 +795,8 @@ Sendbird.propTypes = {
 };
 Sendbird.defaultProps = {
   accessToken: '',
+  customApiHost: null,
+  customWebSocketHost: null,
   configureSession: null,
   theme: 'light',
   nickname: '',