@sendbird/uikit-react 3.1.2 → 3.1.3-rc.0

package/OpenChannelSettings/components/ParticipantUI.js

@@ -1,36 +1,36 @@
-import '../../tslib.es6-710c6267.js';
+import '../../tslib.es6-ea4b7876.js';
 import 'react';
-import '../../index-6a47d16f.js';
+import '../../index-fcc0e6dc.js';
 import '../../ui/ContextMenu.js';
 import '../../ui/Icon.js';
 import '../../ui/IconButton.js';
-import '../../index-ed39099a.js';
-export { P as default } from '../../index-702d2072.js';
-import '../../LocalizationContext-2a073ef0.js';
+import '../../index-cc420cce.js';
+export { P as default } from '../../index-c6372f71.js';
+import '../../LocalizationContext-397e33d0.js';
 import '../context.js';
 import '../../useSendbirdStateContext.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
-import '../../uuid-60ae25c1.js';
-import '../../index-03ccaf35.js';
-import '../../_rollupPluginBabelHelpers-3043541a.js';
+import '../../uuid-e8af582d.js';
+import '../../index-7e7eecb5.js';
+import '../../_rollupPluginBabelHelpers-67f295c6.js';
 import 'prop-types';
-import '../../stringSet-647493ce.js';
-import '../../UserProfileContext-143a6a42.js';
-import '../../context-406bf9f1.js';
-import '../../utils-301322ba.js';
+import '../../stringSet-232e2ec0.js';
+import '../../UserProfileContext-70f3b69e.js';
+import '../../context-57c4ac55.js';
+import '../../utils-0cadb616.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/UserProfile.js';
 import '../../withSendbird.js';
 import '../../sendbirdSelectors.js';
-import '../../topics-18836011.js';
-import '../../index-5ec69689.js';
-import '../../openChannel-1548376e.js';
-import '../../__bundle-6316ce22-cd546820.js';
-import '../../__bundle-7dfccc8c-6c6e7ab4.js';
+import '../../topics-84946297.js';
+import '../../index-cd8f3035.js';
+import '../../openChannel-ea516c45.js';
+import '../../__bundle-6316ce22-a7fd8d16.js';
+import '../../__bundle-7dfccc8c-85123da0.js';
 import '../../ui/Modal.js';
-import '../../index-c9cda9f6.js';
+import '../../index-6bf196c4.js';
 import '../../ui/UserListItem.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';

package/OpenChannelSettings/context.js

@@ -1,18 +1,18 @@
 import React__default, { useState, useEffect } from 'react';
-import { U as Un } from '../openChannel-1548376e.js';
+import { U as Un } from '../openChannel-ea516c45.js';
 import useSendbirdStateContext from '../useSendbirdStateContext.js';
-import { U as UserProfileProvider } from '../UserProfileContext-143a6a42.js';
-import { u as uuidv4 } from '../uuid-60ae25c1.js';
-import '../__bundle-6316ce22-cd546820.js';
-import '../__bundle-7dfccc8c-6c6e7ab4.js';
+import { U as UserProfileProvider } from '../UserProfileContext-70f3b69e.js';
+import { u as uuidv4 } from '../uuid-e8af582d.js';
+import '../__bundle-6316ce22-a7fd8d16.js';
+import '../__bundle-7dfccc8c-85123da0.js';
 import '../withSendbird.js';
-import '../_rollupPluginBabelHelpers-3043541a.js';
+import '../_rollupPluginBabelHelpers-67f295c6.js';
 import 'prop-types';
 
 var OpenChannelSettingsContext = /*#__PURE__*/React__default.createContext(undefined);
 
 var OpenChannelSettingsProvider = function OpenChannelSettingsProvider(props) {
-  var _a, _b, _c, _d;
+  var _a, _b, _c, _d, _e, _f;
 
   var children = props.children,
       channelUrl = props.channelUrl,
@@ -23,12 +23,13 @@ var OpenChannelSettingsProvider = function OpenChannelSettingsProvider(props) {
 
   var globalStore = useSendbirdStateContext();
   var sdk = (_b = (_a = globalStore === null || globalStore === void 0 ? void 0 : globalStore.stores) === null || _a === void 0 ? void 0 : _a.sdkStore) === null || _b === void 0 ? void 0 : _b.sdk;
-  var logger = (_c = globalStore === null || globalStore === void 0 ? void 0 : globalStore.config) === null || _c === void 0 ? void 0 : _c.logger;
-  var currentUserId = (_d = sdk === null || sdk === void 0 ? void 0 : sdk.currentUser) === null || _d === void 0 ? void 0 : _d.userId;
+  var isSDKInitialized = (_d = (_c = globalStore === null || globalStore === void 0 ? void 0 : globalStore.stores) === null || _c === void 0 ? void 0 : _c.sdkStore) === null || _d === void 0 ? void 0 : _d.initialized;
+  var logger = (_e = globalStore === null || globalStore === void 0 ? void 0 : globalStore.config) === null || _e === void 0 ? void 0 : _e.logger;
+  var currentUserId = (_f = sdk === null || sdk === void 0 ? void 0 : sdk.currentUser) === null || _f === void 0 ? void 0 : _f.userId;
 
-  var _e = useState(null),
-      currentChannel = _e[0],
-      setChannel = _e[1];
+  var _g = useState(null),
+      currentChannel = _g[0],
+      setChannel = _g[1];
 
   useEffect(function () {
     if (!channelUrl || !sdk.openChannel) {
@@ -41,7 +42,7 @@ var OpenChannelSettingsProvider = function OpenChannelSettingsProvider(props) {
 
       channel.enter().then(function () {
         setChannel(channel);
-        logger.info('OpenChannelSettings | Succeeded to enter channel');
+        logger.info('OpenChannelSettings | Succeeded to enter channel', channel === null || channel === void 0 ? void 0 : channel.url);
       }).catch(function (error) {
         setChannel(null);
         logger.warning('OpenChannelSettings | Failed to enter channel', error);
@@ -53,13 +54,13 @@ var OpenChannelSettingsProvider = function OpenChannelSettingsProvider(props) {
     return function () {
       if (currentChannel && currentChannel.exit) {
         currentChannel.exit().then(function () {
-          logger.info('OpenChannelSettings | Succeeded to exit channel');
+          logger.info('OpenChannelSettings | Succeeded to exit channel', currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url);
         }).catch(function (error) {
           logger.warning('OpenChannelSettings | Failed to exit channel', error);
         });
       }
     };
-  }, [channelUrl, sdk]);
+  }, [channelUrl, isSDKInitialized]);
   useEffect(function () {
     var _a;
 
@@ -114,7 +115,7 @@ var OpenChannelSettingsProvider = function OpenChannelSettingsProvider(props) {
         (_c = (_b = sdk.openChannel).removeOpenChannelHandler) === null || _c === void 0 ? void 0 : _c.call(_b, channelHandlerId);
       }
     };
-  }, [currentChannel]);
+  }, [channelUrl]);
   return /*#__PURE__*/React__default.createElement(OpenChannelSettingsContext.Provider, {
     value: {
       channelUrl: channelUrl,

package/OpenChannelSettings/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../src/smart-components/OpenChannelSettings/context/OpenChannelSettingsProvider.tsx"],"sourcesContent":["import React, {\n  useEffect,\n  useState,\n} from 'react';\nimport { OpenChannel, OpenChannelHandler, OpenChannelUpdateParams, SendbirdOpenChat } from '@sendbird/chat/openChannel';\n\nimport useSendbirdStateContext from '../../../hooks/useSendbirdStateContext';\nimport { UserProfileProvider } from '../../../lib/UserProfileContext';\nimport { RenderUserProfileProps } from '../../../types';\nimport uuidv4 from '../../../utils/uuid';\n\nexport interface OpenChannelSettingsContextProps {\n  channelUrl: string;\n  children?: React.ReactElement;\n  onCloseClick?(): void;\n  onBeforeUpdateChannel?(currentTitle: string, currentImg: File, data: string): OpenChannelUpdateParams;\n  onChannelModified?(channel: OpenChannel): void;\n  onDeleteChannel?(channel: OpenChannel): void;\n  disableUserProfile?: boolean;\n  renderUserProfile?: (props: RenderUserProfileProps) => React.ReactElement;\n}\n\ninterface OpenChannelSettingsContextType {\n  channelUrl: string;\n  channel?: OpenChannel;\n  setChannel?: React.Dispatch<React.SetStateAction<OpenChannel>>;\n  onCloseClick?(): void;\n  onBeforeUpdateChannel?(currentTitle: string, currentImg: File, data: string): OpenChannelUpdateParams;\n  onChannelModified?(channel: OpenChannel): void;\n  onDeleteChannel?(channel: OpenChannel): void;\n}\n\nconst OpenChannelSettingsContext = React.createContext<OpenChannelSettingsContextType | null>(undefined);\n\nconst OpenChannelSettingsProvider: React.FC<OpenChannelSettingsContextProps> = (props: OpenChannelSettingsContextProps) => {\n  const {\n    children,\n    channelUrl,\n    onCloseClick,\n    onChannelModified,\n    onBeforeUpdateChannel,\n    onDeleteChannel,\n  } = props;\n\n  // fetch store from <SendbirdProvider />\n  const globalStore = useSendbirdStateContext();\n  const sdk = globalStore?.stores?.sdkStore?.sdk as SendbirdOpenChat;\n\n  const logger = globalStore?.config?.logger;\n  const currentUserId = sdk?.currentUser?.userId;\n\n  const [currentChannel, setChannel] = useState<OpenChannel | null>(null);\n  useEffect(() => {\n    if (!channelUrl || !sdk.openChannel) {\n      setChannel(null);\n      return;\n    }\n\n    sdk.openChannel.getChannel(channelUrl)\n      .then((channel) => {\n        logger.info('open channel setting: fetched', channel);\n        // TODO: Add pending status\n        channel.enter()\n          .then(() => {\n            setChannel(channel);\n            logger.info('OpenChannelSettings | Succeeded to enter channel');\n          })\n          .catch((error) => {\n            setChannel(null);\n            logger.warning('OpenChannelSettings | Failed to enter channel', error);\n          });\n      })\n      .catch((error) => {\n        logger.error('open channel setting: error fetching', error);\n        setChannel(null);\n      });\n    return () => {\n      if (currentChannel && currentChannel.exit) {\n        currentChannel.exit()\n          .then(() => {\n            logger.info('OpenChannelSettings | Succeeded to exit channel');\n          })\n          .catch((error) => {\n            logger.warning('OpenChannelSettings | Failed to exit channel', error);\n          });\n      }\n    }\n  }, [channelUrl, sdk]);\n\n  useEffect(() => {\n    const channelHandlerId = uuidv4();\n    if (currentChannel !== null && sdk?.openChannel?.addOpenChannelHandler) {\n      const channelHandlerParams = new OpenChannelHandler({\n        onOperatorUpdated(channel) {\n          if (channel?.url === currentChannel?.url) {\n            setChannel(channel as OpenChannel);\n          }\n        },\n        onUserMuted(channel, user) {\n          if (channel?.url === currentChannel?.url && user?.userId === currentUserId) {\n            setChannel(channel as OpenChannel);\n          }\n        },\n        onUserUnmuted(channel, user) {\n          if (channel?.url === currentChannel?.url && user?.userId === currentUserId) {\n            setChannel(channel as OpenChannel);\n          }\n        },\n        onUserBanned(channel, user) {\n          if (channel?.url === currentChannel?.url && user?.userId === currentUserId) {\n            setChannel(null);\n          }\n        },\n        onUserUnbanned(channel, user) {\n          if (user?.userId === currentUserId) {\n            setChannel(channel as OpenChannel);\n          }\n        },\n        onChannelChanged(channel) {\n          if (channel?.url === currentChannel?.url) {\n            setChannel(channel as OpenChannel);\n          }\n        },\n        onChannelDeleted(channelUrl) {\n          if (channelUrl === currentChannel?.url) {\n            setChannel(null);\n          }\n        },\n      });\n      sdk.openChannel.addOpenChannelHandler(channelHandlerId, channelHandlerParams);\n    }\n    return () => {\n      if (sdk?.openChannel?.removeOpenChannelHandler && channelHandlerId) {\n        logger.info('OpenChannelSettings | Removing channel handlers', channelHandlerId);\n        sdk.openChannel.removeOpenChannelHandler?.(channelHandlerId);\n      }\n    }\n  }, [currentChannel]);\n\n  return (\n    <OpenChannelSettingsContext.Provider value={{\n      channelUrl,\n      channel: currentChannel,\n      setChannel,\n      onCloseClick,\n      onChannelModified,\n      onBeforeUpdateChannel,\n      onDeleteChannel,\n    }}>\n      <UserProfileProvider\n        isOpenChannel\n        renderUserProfile={props?.renderUserProfile}\n        disableUserProfile={props?.disableUserProfile}\n      >\n        {children}\n      </UserProfileProvider>\n    </OpenChannelSettingsContext.Provider>\n  );\n}\n\ntype useOpenChannelSettingsType = () => OpenChannelSettingsContextType;\nconst useOpenChannelSettingsContext: useOpenChannelSettingsType = () => React.useContext(OpenChannelSettingsContext);\n\nexport {\n  OpenChannelSettingsProvider,\n  useOpenChannelSettingsContext,\n};\n"],"names":["OpenChannelSettingsContext","React","createContext","undefined","OpenChannelSettingsProvider","props","children","channelUrl","onCloseClick","onChannelModified","onBeforeUpdateChannel","onDeleteChannel","globalStore","useSendbirdStateContext","sdk","stores","sdkStore","logger","config","currentUserId","currentUser","userId","_e","useState","currentChannel","setChannel","useEffect","openChannel","getChannel","then","channel","info","enter","catch","error","warning","exit","channelHandlerId","uuidv4","addOpenChannelHandler","channelHandlerParams","OpenChannelHandler","onOperatorUpdated","url","onUserMuted","user","onUserUnmuted","onUserBanned","onUserUnbanned","onChannelChanged","onChannelDeleted","removeOpenChannelHandler","renderUserProfile","disableUserProfile","useOpenChannelSettingsContext","useContext"],"mappings":"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"}
+{"version":3,"file":"context.js","sources":["../../src/smart-components/OpenChannelSettings/context/OpenChannelSettingsProvider.tsx"],"sourcesContent":["import React, {\n  useEffect,\n  useState,\n} from 'react';\nimport { OpenChannel, OpenChannelHandler, OpenChannelUpdateParams, SendbirdOpenChat } from '@sendbird/chat/openChannel';\n\nimport useSendbirdStateContext from '../../../hooks/useSendbirdStateContext';\nimport { UserProfileProvider } from '../../../lib/UserProfileContext';\nimport { RenderUserProfileProps } from '../../../types';\nimport uuidv4 from '../../../utils/uuid';\n\nexport interface OpenChannelSettingsContextProps {\n  channelUrl: string;\n  children?: React.ReactElement;\n  onCloseClick?(): void;\n  onBeforeUpdateChannel?(currentTitle: string, currentImg: File, data: string): OpenChannelUpdateParams;\n  onChannelModified?(channel: OpenChannel): void;\n  onDeleteChannel?(channel: OpenChannel): void;\n  disableUserProfile?: boolean;\n  renderUserProfile?: (props: RenderUserProfileProps) => React.ReactElement;\n}\n\ninterface OpenChannelSettingsContextType {\n  channelUrl: string;\n  channel?: OpenChannel;\n  setChannel?: React.Dispatch<React.SetStateAction<OpenChannel>>;\n  onCloseClick?(): void;\n  onBeforeUpdateChannel?(currentTitle: string, currentImg: File, data: string): OpenChannelUpdateParams;\n  onChannelModified?(channel: OpenChannel): void;\n  onDeleteChannel?(channel: OpenChannel): void;\n}\n\nconst OpenChannelSettingsContext = React.createContext<OpenChannelSettingsContextType | null>(undefined);\n\nconst OpenChannelSettingsProvider: React.FC<OpenChannelSettingsContextProps> = (props: OpenChannelSettingsContextProps) => {\n  const {\n    children,\n    channelUrl,\n    onCloseClick,\n    onChannelModified,\n    onBeforeUpdateChannel,\n    onDeleteChannel,\n  } = props;\n\n  // fetch store from <SendbirdProvider />\n  const globalStore = useSendbirdStateContext();\n  const sdk = globalStore?.stores?.sdkStore?.sdk as SendbirdOpenChat;\n  const isSDKInitialized = globalStore?.stores?.sdkStore?.initialized;\n\n  const logger = globalStore?.config?.logger;\n  const currentUserId = sdk?.currentUser?.userId;\n\n  const [currentChannel, setChannel] = useState<OpenChannel | null>(null);\n  useEffect(() => {\n    if (!channelUrl || !sdk.openChannel) {\n      setChannel(null);\n      return;\n    }\n\n    sdk.openChannel.getChannel(channelUrl)\n      .then((channel) => {\n        logger.info('open channel setting: fetched', channel);\n        // TODO: Add pending status\n        channel.enter()\n          .then(() => {\n            setChannel(channel);\n            logger.info('OpenChannelSettings | Succeeded to enter channel', channel?.url);\n          })\n          .catch((error) => {\n            setChannel(null);\n            logger.warning('OpenChannelSettings | Failed to enter channel', error);\n          });\n      })\n      .catch((error) => {\n        logger.error('open channel setting: error fetching', error);\n        setChannel(null);\n      });\n    return () => {\n      if (currentChannel && currentChannel.exit) {\n        currentChannel.exit()\n          .then(() => {\n            logger.info('OpenChannelSettings | Succeeded to exit channel', currentChannel?.url);\n          })\n          .catch((error) => {\n            logger.warning('OpenChannelSettings | Failed to exit channel', error);\n          });\n      }\n    }\n  }, [channelUrl, isSDKInitialized]);\n\n  useEffect(() => {\n    const channelHandlerId = uuidv4();\n    if (currentChannel !== null && sdk?.openChannel?.addOpenChannelHandler) {\n      const channelHandlerParams = new OpenChannelHandler({\n        onOperatorUpdated(channel) {\n          if (channel?.url === currentChannel?.url) {\n            setChannel(channel as OpenChannel);\n          }\n        },\n        onUserMuted(channel, user) {\n          if (channel?.url === currentChannel?.url && user?.userId === currentUserId) {\n            setChannel(channel as OpenChannel);\n          }\n        },\n        onUserUnmuted(channel, user) {\n          if (channel?.url === currentChannel?.url && user?.userId === currentUserId) {\n            setChannel(channel as OpenChannel);\n          }\n        },\n        onUserBanned(channel, user) {\n          if (channel?.url === currentChannel?.url && user?.userId === currentUserId) {\n            setChannel(null);\n          }\n        },\n        onUserUnbanned(channel, user) {\n          if (user?.userId === currentUserId) {\n            setChannel(channel as OpenChannel);\n          }\n        },\n        onChannelChanged(channel) {\n          if (channel?.url === currentChannel?.url) {\n            setChannel(channel as OpenChannel);\n          }\n        },\n        onChannelDeleted(channelUrl) {\n          if (channelUrl === currentChannel?.url) {\n            setChannel(null);\n          }\n        },\n      });\n      sdk.openChannel.addOpenChannelHandler(channelHandlerId, channelHandlerParams);\n    }\n    return () => {\n      if (sdk?.openChannel?.removeOpenChannelHandler && channelHandlerId) {\n        logger.info('OpenChannelSettings | Removing channel handlers', channelHandlerId);\n        sdk.openChannel.removeOpenChannelHandler?.(channelHandlerId);\n      }\n    }\n  }, [channelUrl]);\n\n  return (\n    <OpenChannelSettingsContext.Provider value={{\n      channelUrl,\n      channel: currentChannel,\n      setChannel,\n      onCloseClick,\n      onChannelModified,\n      onBeforeUpdateChannel,\n      onDeleteChannel,\n    }}>\n      <UserProfileProvider\n        isOpenChannel\n        renderUserProfile={props?.renderUserProfile}\n        disableUserProfile={props?.disableUserProfile}\n      >\n        {children}\n      </UserProfileProvider>\n    </OpenChannelSettingsContext.Provider>\n  );\n}\n\ntype useOpenChannelSettingsType = () => OpenChannelSettingsContextType;\nconst useOpenChannelSettingsContext: useOpenChannelSettingsType = () => React.useContext(OpenChannelSettingsContext);\n\nexport {\n  OpenChannelSettingsProvider,\n  useOpenChannelSettingsContext,\n};\n"],"names":["OpenChannelSettingsContext","React","createContext","undefined","OpenChannelSettingsProvider","props","children","channelUrl","onCloseClick","onChannelModified","onBeforeUpdateChannel","onDeleteChannel","globalStore","useSendbirdStateContext","sdk","stores","sdkStore","isSDKInitialized","initialized","logger","config","currentUserId","currentUser","userId","_g","useState","currentChannel","setChannel","useEffect","openChannel","getChannel","then","channel","info","enter","url","catch","error","warning","exit","channelHandlerId","uuidv4","addOpenChannelHandler","channelHandlerParams","OpenChannelHandler","onOperatorUpdated","onUserMuted","user","onUserUnmuted","onUserBanned","onUserUnbanned","onChannelChanged","onChannelDeleted","removeOpenChannelHandler","renderUserProfile","disableUserProfile","useOpenChannelSettingsContext","useContext"],"mappings":"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"}

package/OpenChannelSettings.js

@@ -3,45 +3,45 @@ import OpenChannelUI from './OpenChannelSettings/components/OpenChannelSettingsU
 import { OpenChannelSettingsProvider } from './OpenChannelSettings/context.js';
 import './useSendbirdStateContext.js';
 import './withSendbird.js';
-import './_rollupPluginBabelHelpers-3043541a.js';
-import './UserProfileContext-143a6a42.js';
+import './_rollupPluginBabelHelpers-67f295c6.js';
+import './UserProfileContext-70f3b69e.js';
 import 'prop-types';
-import './LocalizationContext-2a073ef0.js';
-import './stringSet-647493ce.js';
-import './index-5ec69689.js';
-import './index-ed39099a.js';
+import './LocalizationContext-397e33d0.js';
+import './stringSet-232e2ec0.js';
+import './index-cd8f3035.js';
+import './index-cc420cce.js';
 import './ui/Icon.js';
-import './index-ced613ea.js';
-import './tslib.es6-710c6267.js';
+import './index-55ffa40a.js';
+import './tslib.es6-ea4b7876.js';
 import './ui/Loader.js';
 import './OpenChannelSettings/components/OperatorUI.js';
 import './OpenChannelSettings/components/OpenChannelProfile.js';
 import './ui/TextButton.js';
-import './color-798488ed.js';
+import './color-c5e2ab33.js';
 import './ui/OpenChannelAvatar.js';
 import './ui/Avatar.js';
 import './ui/ImageRenderer.js';
-import './uuid-60ae25c1.js';
-import './utils-2666bdfb.js';
+import './uuid-e8af582d.js';
+import './utils-6195b8b0.js';
 import './OpenChannelSettings/components/EditDetailsModal.js';
 import './ui/Modal.js';
 import 'react-dom';
-import './index-c9cda9f6.js';
-import './index-6a47d16f.js';
+import './index-6bf196c4.js';
+import './index-fcc0e6dc.js';
 import './ui/IconButton.js';
 import './ui/Input.js';
-import './index-702d2072.js';
+import './index-c6372f71.js';
 import './ui/ContextMenu.js';
 import './ui/SortByRow.js';
-import './index-03ccaf35.js';
-import './context-406bf9f1.js';
-import './utils-301322ba.js';
+import './index-7e7eecb5.js';
+import './context-57c4ac55.js';
+import './utils-0cadb616.js';
 import './ui/UserProfile.js';
 import './sendbirdSelectors.js';
-import './topics-18836011.js';
-import './openChannel-1548376e.js';
-import './__bundle-6316ce22-cd546820.js';
-import './__bundle-7dfccc8c-6c6e7ab4.js';
+import './topics-84946297.js';
+import './openChannel-ea516c45.js';
+import './__bundle-6316ce22-a7fd8d16.js';
+import './__bundle-7dfccc8c-85123da0.js';
 import './ui/UserListItem.js';
 import './ui/MutedAvatarOverlay.js';
 import './ui/Checkbox.js';

package/SendbirdProvider.js

@@ -1,28 +1,28 @@
-import { _ as _objectSpread2, a as _slicedToArray } from './_rollupPluginBabelHelpers-3043541a.js';
+import { _ as _objectSpread2, a as _slicedToArray } from './_rollupPluginBabelHelpers-67f295c6.js';
 import React__default, { useLayoutEffect, useState, useEffect, useReducer } from 'react';
 import PropTypes from 'prop-types';
 import { SendbirdSdkContext } from './withSendbird.js';
-import { F as Fn, P as Pe } from './sendbird-597583ed.js';
-import { N as Nn } from './openChannel-1548376e.js';
-import { $ as $r } from './groupChannel-17ffbb7f.js';
-import { R as RESET_USER, I as INIT_USER, U as UPDATE_USER_INFO } from './actionTypes-2873dec9.js';
-import { i as isTextuallyNull } from './index-03ccaf35.js';
-import { _ as __assign } from './tslib.es6-710c6267.js';
+import { F as Fn, P as Pe } from './sendbird-961b20e3.js';
+import { N as Nn } from './openChannel-ea516c45.js';
+import { $ as $r } from './groupChannel-333bdda8.js';
+import { R as RESET_USER, I as INIT_USER, U as UPDATE_USER_INFO } from './actionTypes-6723ddd6.js';
+import { i as isTextuallyNull } from './index-7e7eecb5.js';
+import { _ as __assign } from './tslib.es6-ea4b7876.js';
 import cssVars from 'css-vars-ponyfill';
-import { u as uuidv4 } from './uuid-60ae25c1.js';
-import { L as LocalizationProvider } from './LocalizationContext-2a073ef0.js';
-import { g as getStringSet } from './stringSet-647493ce.js';
-import './__bundle-6316ce22-cd546820.js';
-import './__bundle-fbda47dd-9dbeee1d.js';
-import './__bundle-7dfccc8c-6c6e7ab4.js';
-import './index-5ec69689.js';
+import { u as uuidv4 } from './uuid-e8af582d.js';
+import { L as LocalizationProvider } from './LocalizationContext-397e33d0.js';
+import { g as getStringSet } from './stringSet-232e2ec0.js';
+import './__bundle-6316ce22-a7fd8d16.js';
+import './__bundle-fbda47dd-0157c82e.js';
+import './__bundle-7dfccc8c-85123da0.js';
+import './index-cd8f3035.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.1.2';
+var APP_VERSION_STRING = '3.1.3';
 var disconnectSdk = function disconnectSdk(_ref) {
   var sdkDispatcher = _ref.sdkDispatcher,
       userDispatcher = _ref.userDispatcher,
@@ -92,6 +92,7 @@ var handleConnection = function handleConnection(_ref2, dispatchers) {
 
         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
 
@@ -144,10 +145,6 @@ var handleConnection = function handleConnection(_ref2, dispatchers) {
             return connectCbError(err);
           });
         } else {
-          if (sessionHandler) {
-            newSdk.setSessionHandler(sessionHandler);
-          }
-
           newSdk.connect(userId).then(function (res) {
             return connectCbSucess(res);
           }).catch(function (err) {
@@ -601,7 +598,9 @@ function Sendbird(props) {
   var _config$logLevel = config.logLevel,
       logLevel = _config$logLevel === void 0 ? '' : _config$logLevel,
       _config$userMention = config.userMention,
-      userMention = _config$userMention === void 0 ? {} : _config$userMention;
+      userMention = _config$userMention === void 0 ? {} : _config$userMention,
+      _config$isREMUnitEnab = config.isREMUnitEnabled,
+      isREMUnitEnabled = _config$isREMUnitEnab === void 0 ? false : _config$isREMUnitEnab;
 
   var _useState = useState(LoggerFactory(logLevel)),
       _useState2 = _slicedToArray(_useState, 2),
@@ -660,7 +659,15 @@ function Sendbird(props) {
 
   useEffect(function () {
     setCurrenttheme(theme);
-  }, [theme]); // add-remove theme from body
+  }, [theme]);
+  useEffect(function () {
+    var 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(function () {
     logger.info('Setup theme', "Theme: ".concat(currenttheme));
@@ -774,7 +781,8 @@ Sendbird.propTypes = {
     userMention: PropTypes.shape({
       maxMentionCount: PropTypes.number,
       maxSuggestionCount: PropTypes.number
-    })
+    }),
+    isREMUnitEnabled: PropTypes.bool
   }),
   stringSet: PropTypes.objectOf(PropTypes.string),
   colorSet: PropTypes.objectOf(PropTypes.string),