@sendbird/uikit-react 3.0.0 → 3.0.2-beta.1

package/cjs/OpenChannelSettings/components/EditDetailsModal.js

@@ -1,31 +1,31 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../../LocalizationContext-855bfc31.js');
+var LocalizationContext = require('../../LocalizationContext-baf1fe9b.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-a7643049.js');
-var ui_Label = require('../../index-3bc84b64.js');
+var ui_Button = require('../../index-31de37a9.js');
+var ui_Label = require('../../index-f457d792.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-46fdf7f6.js');
-require('../../index-d85e4159.js');
+require('../../stringSet-f932274f.js');
+require('../../index-d4396be3.js');
 require('prop-types');
 require('react-dom');
-require('../../index-e844a017.js');
+require('../../index-fdfc8df4.js');
 require('../../ui/IconButton.js');
-require('../../_rollupPluginBabelHelpers-89a197f1.js');
+require('../../_rollupPluginBabelHelpers-29633c69.js');
 require('../../ui/Icon.js');
-require('../../utils-d961e3ec.js');
-require('../../tslib.es6-e6723880.js');
+require('../../utils-352cb0a5.js');
+require('../../tslib.es6-592b36e8.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-f50c28bd.js');
-require('../../color-894bd822.js');
-require('../../utils-896260ad.js');
-require('../../UserProfileContext-627c1f20.js');
+require('../../uuid-5ffba0f8.js');
+require('../../color-10db49db.js');
+require('../../utils-762f2f61.js');
+require('../../UserProfileContext-d4c230c3.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-855bfc31.js');
-var ui_Label = require('../../index-3bc84b64.js');
+var LocalizationContext = require('../../LocalizationContext-baf1fe9b.js');
+var ui_Label = require('../../index-f457d792.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-46fdf7f6.js');
-require('../../index-d85e4159.js');
-require('../../_rollupPluginBabelHelpers-89a197f1.js');
+require('../../stringSet-f932274f.js');
+require('../../index-d4396be3.js');
+require('../../_rollupPluginBabelHelpers-29633c69.js');
 require('prop-types');
-require('../../color-894bd822.js');
+require('../../color-10db49db.js');
 require('../../ui/Avatar.js');
-require('../../tslib.es6-e6723880.js');
+require('../../tslib.es6-592b36e8.js');
 require('../../ui/ImageRenderer.js');
 require('../../ui/Icon.js');
-require('../../uuid-f50c28bd.js');
-require('../../utils-896260ad.js');
+require('../../uuid-5ffba0f8.js');
+require('../../utils-762f2f61.js');
 require('../../ui/Modal.js');
 require('react-dom');
-require('../../index-e844a017.js');
+require('../../index-fdfc8df4.js');
 require('../../ui/IconButton.js');
-require('../../index-a7643049.js');
-require('../../utils-d961e3ec.js');
+require('../../index-31de37a9.js');
+require('../../utils-352cb0a5.js');
 require('../../ui/Input.js');
 require('../../withSendbird.js');
-require('../../UserProfileContext-627c1f20.js');
+require('../../UserProfileContext-d4c230c3.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-627c1f20.js');
-var LocalizationContext = require('../../LocalizationContext-855bfc31.js');
-var ui_Label = require('../../index-3bc84b64.js');
+var UserProfileContext = require('../../UserProfileContext-d4c230c3.js');
+var LocalizationContext = require('../../LocalizationContext-baf1fe9b.js');
+var ui_Label = require('../../index-f457d792.js');
 var ui_Icon = require('../../ui/Icon.js');
-var ui_PlaceHolder = require('../../index-2ce368ff.js');
+var ui_PlaceHolder = require('../../index-4aac2260.js');
 var OpenChannelSettings_components_OperatorUI = require('./OperatorUI.js');
 var OpenChannelSettings_components_ParticipantUI = require('./ParticipantUI.js');
 require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-89a197f1.js');
+require('../../_rollupPluginBabelHelpers-29633c69.js');
 require('prop-types');
-require('../../stringSet-46fdf7f6.js');
-require('../../index-d85e4159.js');
+require('../../stringSet-f932274f.js');
+require('../../index-d4396be3.js');
 require('../../ui/Loader.js');
 require('./OpenChannelProfile.js');
 require('../../ui/TextButton.js');
-require('../../color-894bd822.js');
+require('../../color-10db49db.js');
 require('../../ui/OpenChannelAvatar.js');
 require('../../ui/Avatar.js');
-require('../../tslib.es6-e6723880.js');
+require('../../tslib.es6-592b36e8.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-f50c28bd.js');
-require('../../utils-896260ad.js');
+require('../../uuid-5ffba0f8.js');
+require('../../utils-762f2f61.js');
 require('./EditDetailsModal.js');
 require('../../ui/Modal.js');
 require('react-dom');
-require('../../index-e844a017.js');
+require('../../index-fdfc8df4.js');
 require('../../ui/IconButton.js');
-require('../../index-a7643049.js');
-require('../../utils-d961e3ec.js');
+require('../../index-31de37a9.js');
+require('../../utils-352cb0a5.js');
 require('../../ui/Input.js');
 require('../../ui/Accordion.js');
 require('../../ui/AccordionGroup.js');
-require('../../context-f07caf29.js');
+require('../../context-1bb3f131.js');
 require('../../ui/UserListItem.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/Checkbox.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
-require('../../topics-8365570f.js');
+require('../../topics-e0269931.js');
 require('../../ui/ContextMenu.js');
-require('../../index-3dd33e71.js');
+require('../../index-885e6586.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-855bfc31.js');
-var ui_Label = require('../../index-3bc84b64.js');
+var LocalizationContext = require('../../LocalizationContext-baf1fe9b.js');
+var ui_Label = require('../../index-f457d792.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-46fdf7f6.js');
-require('../../index-d85e4159.js');
-require('../../_rollupPluginBabelHelpers-89a197f1.js');
+require('../../stringSet-f932274f.js');
+require('../../index-d4396be3.js');
+require('../../_rollupPluginBabelHelpers-29633c69.js');
 require('prop-types');
-require('../../UserProfileContext-627c1f20.js');
+require('../../UserProfileContext-d4c230c3.js');
 require('../../withSendbird.js');
 require('../../ui/TextButton.js');
-require('../../color-894bd822.js');
+require('../../color-10db49db.js');
 require('../../ui/OpenChannelAvatar.js');
 require('../../ui/Avatar.js');
-require('../../tslib.es6-e6723880.js');
+require('../../tslib.es6-592b36e8.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-f50c28bd.js');
-require('../../utils-896260ad.js');
+require('../../uuid-5ffba0f8.js');
+require('../../utils-762f2f61.js');
 require('./EditDetailsModal.js');
 require('../../ui/Input.js');
-require('../../index-a7643049.js');
+require('../../index-31de37a9.js');
 require('react-dom');
-require('../../index-e844a017.js');
+require('../../index-fdfc8df4.js');
 require('../../ui/IconButton.js');
-require('../../utils-d961e3ec.js');
-require('../../context-f07caf29.js');
+require('../../utils-352cb0a5.js');
+require('../../context-1bb3f131.js');
 require('../../ui/UserListItem.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/Checkbox.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
-require('../../topics-8365570f.js');
+require('../../topics-e0269931.js');
 require('../../ui/ContextMenu.js');
-require('../../index-3dd33e71.js');
+require('../../index-885e6586.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-e6723880.js');
+var tslib_es6 = require('../../tslib.es6-592b36e8.js');
 var React = require('react');
-var ui_Label = require('../../index-3bc84b64.js');
-var LocalizationContext = require('../../LocalizationContext-855bfc31.js');
-var UserProfileContext = require('../../UserProfileContext-627c1f20.js');
-require('../../index-a7643049.js');
+var ui_Label = require('../../index-f457d792.js');
+var LocalizationContext = require('../../LocalizationContext-baf1fe9b.js');
+var UserProfileContext = require('../../UserProfileContext-d4c230c3.js');
+require('../../index-31de37a9.js');
 require('../../ui/Icon.js');
-require('../../context-f07caf29.js');
+require('../../context-1bb3f131.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-89a197f1.js');
+require('../../_rollupPluginBabelHelpers-29633c69.js');
 require('prop-types');
-require('../../stringSet-46fdf7f6.js');
-require('../../index-d85e4159.js');
-require('../../utils-d961e3ec.js');
+require('../../stringSet-f932274f.js');
+require('../../index-d4396be3.js');
+require('../../utils-352cb0a5.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-f50c28bd.js');
+require('../../uuid-5ffba0f8.js');
 require('react-dom');
-require('../../index-e844a017.js');
+require('../../index-fdfc8df4.js');
 require('../../ui/IconButton.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/Checkbox.js');
 require('../../withSendbird.js');
 require('../../sendbirdSelectors.js');
-require('../../topics-8365570f.js');
-require('../../index-3dd33e71.js');
+require('../../topics-e0269931.js');
+require('../../index-885e6586.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-627c1f20.js');
+var UserProfileContext = require('../UserProfileContext-d4c230c3.js');
 require('../withSendbird.js');
-require('../_rollupPluginBabelHelpers-89a197f1.js');
+require('../_rollupPluginBabelHelpers-29633c69.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-89a197f1.js');
-require('./UserProfileContext-627c1f20.js');
+require('./_rollupPluginBabelHelpers-29633c69.js');
+require('./UserProfileContext-d4c230c3.js');
 require('prop-types');
-require('./LocalizationContext-855bfc31.js');
-require('./stringSet-46fdf7f6.js');
-require('./index-d85e4159.js');
-require('./index-3bc84b64.js');
+require('./LocalizationContext-baf1fe9b.js');
+require('./stringSet-f932274f.js');
+require('./index-d4396be3.js');
+require('./index-f457d792.js');
 require('./ui/Icon.js');
-require('./index-2ce368ff.js');
+require('./index-4aac2260.js');
 require('./ui/Loader.js');
 require('./OpenChannelSettings/components/OperatorUI.js');
 require('./OpenChannelSettings/components/OpenChannelProfile.js');
 require('./ui/TextButton.js');
-require('./color-894bd822.js');
+require('./color-10db49db.js');
 require('./ui/OpenChannelAvatar.js');
 require('./ui/Avatar.js');
-require('./tslib.es6-e6723880.js');
+require('./tslib.es6-592b36e8.js');
 require('./ui/ImageRenderer.js');
-require('./uuid-f50c28bd.js');
-require('./utils-896260ad.js');
+require('./uuid-5ffba0f8.js');
+require('./utils-762f2f61.js');
 require('./OpenChannelSettings/components/EditDetailsModal.js');
 require('./ui/Modal.js');
 require('react-dom');
-require('./index-e844a017.js');
+require('./index-fdfc8df4.js');
 require('./ui/IconButton.js');
-require('./index-a7643049.js');
-require('./utils-d961e3ec.js');
+require('./index-31de37a9.js');
+require('./utils-352cb0a5.js');
 require('./ui/Input.js');
 require('./OpenChannelSettings/components/ParticipantUI.js');
-require('./context-f07caf29.js');
+require('./context-1bb3f131.js');
 require('./ui/UserListItem.js');
 require('./ui/MutedAvatarOverlay.js');
 require('./ui/Checkbox.js');
 require('./ui/UserProfile.js');
 require('./sendbirdSelectors.js');
-require('./topics-8365570f.js');
+require('./topics-e0269931.js');
 require('./ui/ContextMenu.js');
-require('./index-3dd33e71.js');
+require('./index-885e6586.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-89a197f1.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-29633c69.js');
 var React = require('react');
 var PropTypes = require('prop-types');
 var withSendbird = require('./withSendbird.js');
-var openChannel = require('./openChannel-1fe2127a.js');
-var groupChannel = require('./groupChannel-64ff0a33.js');
-var actionTypes = require('./actionTypes-3f5d873f.js');
-var index = require('./index-3dd33e71.js');
-var tslib_es6 = require('./tslib.es6-e6723880.js');
+var openChannel = require('./openChannel-1f1f5648.js');
+var groupChannel = require('./groupChannel-7c2201a9.js');
+var actionTypes = require('./actionTypes-27fdf504.js');
+var index = require('./index-885e6586.js');
+var tslib_es6 = require('./tslib.es6-592b36e8.js');
 var cssVars = require('css-vars-ponyfill');
-var uuid = require('./uuid-f50c28bd.js');
-var LocalizationContext = require('./LocalizationContext-855bfc31.js');
-var stringSet = require('./stringSet-46fdf7f6.js');
-require('./__bundle-7dfccc8c-437d2fd3.js');
-require('./index-d85e4159.js');
+var uuid = require('./uuid-5ffba0f8.js');
+var LocalizationContext = require('./LocalizationContext-baf1fe9b.js');
+var stringSet = require('./stringSet-f932274f.js');
+require('./__bundle-7dfccc8c-e40d0934.js');
+require('./index-d4396be3.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';
+var APP_VERSION_STRING = '3.0.2';
 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: '',