@sendbird/uikit-react 3.0.0-beta.5 → 3.0.0-rc.1

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-90704c73.js';
-import '../withSendBird.js';
-import '../_rollupPluginBabelHelpers-c7eeba03.js';
+import { U as UserProfileProvider } from '../UserProfileContext-bcfe2804.js';
+import '../withSendbird.js';
+import '../_rollupPluginBabelHelpers-38569358.js';
 import 'prop-types';
 
 var OpenChannelSettingsContext = /*#__PURE__*/React__default.createContext(undefined);
@@ -14,7 +14,8 @@ var OpenChannelSettingsProvider = function OpenChannelSettingsProvider(props) {
       channelUrl = props.channelUrl,
       onCloseClick = props.onCloseClick,
       onChannelModified = props.onChannelModified,
-      onBeforeUpdateChannel = props.onBeforeUpdateChannel; // fetch store from <SendbirdProvider />
+      onBeforeUpdateChannel = props.onBeforeUpdateChannel,
+      onDeleteChannel = props.onDeleteChannel; // fetch store from <SendbirdProvider />
 
   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;
@@ -25,19 +26,17 @@ var OpenChannelSettingsProvider = function OpenChannelSettingsProvider(props) {
       setChannel = _d[1];
 
   useEffect(function () {
-    if (!channelUrl || !sdk || !sdk.getConnectionState) {
+    if (!channelUrl || !sdk.openChannel) {
       setChannel(null);
       return;
     }
 
-    sdk.OpenChannel.getChannel(channelUrl, function (openChannel, error) {
-      if (!error) {
-        logger.error('open channel setting: fetched', openChannel);
-        setChannel(openChannel);
-      } else {
-        logger.error('open channel setting: error fetching', error);
-        setChannel(null);
-      }
+    sdk.openChannel.getChannel(channelUrl).then(function (channel) {
+      logger.info('open channel setting: fetched', channel);
+      setChannel(channel);
+    }).catch(function (error) {
+      logger.error('open channel setting: error fetching', error);
+      setChannel(null);
     });
   }, [channelUrl, sdk]);
   return /*#__PURE__*/React__default.createElement(OpenChannelSettingsContext.Provider, {
@@ -47,7 +46,8 @@ var OpenChannelSettingsProvider = function OpenChannelSettingsProvider(props) {
       setChannel: setChannel,
       onCloseClick: onCloseClick,
       onChannelModified: onChannelModified,
-      onBeforeUpdateChannel: onBeforeUpdateChannel
+      onBeforeUpdateChannel: onBeforeUpdateChannel,
+      onDeleteChannel: onDeleteChannel
     }
   }, /*#__PURE__*/React__default.createElement(UserProfileProvider, {
     isOpenChannel: true,
@@ -56,9 +56,9 @@ var OpenChannelSettingsProvider = function OpenChannelSettingsProvider(props) {
   }, children));
 };
 
-var useOpenChannelSettings = function useOpenChannelSettings() {
+var useOpenChannelSettingsContext = function useOpenChannelSettingsContext() {
   return React__default.useContext(OpenChannelSettingsContext);
 };
 
-export { OpenChannelSettingsProvider, useOpenChannelSettings };
+export { OpenChannelSettingsProvider, useOpenChannelSettingsContext };
 //# sourceMappingURL=context.js.map

package/OpenChannelSettings/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../src/smart-components/OpenChannelSettings/context/OpenChannelSettingsProvider.tsx"],"sourcesContent":["\nimport React, {\n  useEffect,\n  useState,\n} from 'react';\nimport Sendbird from 'sendbird';\n\nimport useSendbirdStateContext from '../../../hooks/useSendbirdStateContext';\nimport { UserProfileProvider } from '../../../lib/UserProfileContext';\nimport { RenderUserProfileProps } from '../../../types';\n\nexport interface OpenChannelSettingsContextProps {\n  channelUrl: string;\n  children?: React.ReactNode;\n  onCloseClick?(): void;\n  onBeforeUpdateChannel?(currentTitle: string, currentImg: File, data: string): Sendbird.OpenChannelParams;\n  onChannelModified?(channel: Sendbird.OpenChannel): void;\n  onDeleteChannel?(channel: Sendbird.OpenChannel): void;\n  disableUserProfile?: boolean;\n  renderUserProfile?: (props: RenderUserProfileProps) => React.ReactNode;\n}\n\ninterface OpenChannelSettingsContextType {\n  channelUrl: string;\n  channel?: Sendbird.OpenChannel;\n  setChannel?: React.Dispatch<React.SetStateAction<Sendbird.OpenChannel>>;\n  onCloseClick?(): void;\n  onBeforeUpdateChannel?(currentTitle: string, currentImg: File, data: string): Sendbird.OpenChannelParams;\n  onChannelModified?(channel: Sendbird.OpenChannel): void;\n  onDeleteChannel?(channel: Sendbird.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  } = props;\n\n  // fetch store from <SendbirdProvider />\n  const globalStore = useSendbirdStateContext();\n  const sdk = globalStore?.stores?.sdkStore?.sdk;\n\n  const logger = globalStore?.config?.logger;\n\n  const [channel, setChannel] = useState<SendBird.OpenChannel | null>(null);\n  useEffect(() => {\n    if (!channelUrl || !sdk || !sdk.getConnectionState) {\n      setChannel(null);\n      return;\n    }\n\n    sdk.OpenChannel.getChannel(channelUrl, (openChannel, error) => {\n      if (!error) {\n        logger.error('open channel setting: fetched', openChannel);\n        setChannel(openChannel);\n      } else {\n        logger.error('open channel setting: error fetching', error);\n        setChannel(null);\n      }\n    });\n  }, [channelUrl, sdk]);\n\n  return (\n    <OpenChannelSettingsContext.Provider value={{\n      channelUrl,\n      channel,\n      setChannel,\n      onCloseClick,\n      onChannelModified,\n      onBeforeUpdateChannel,\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 useOpenChannelSettings: useOpenChannelSettingsType = () => React.useContext(OpenChannelSettingsContext);\n\nexport { OpenChannelSettingsProvider, useOpenChannelSettings };\n"],"names":["OpenChannelSettingsContext","React","createContext","undefined","OpenChannelSettingsProvider","props","children","channelUrl","onCloseClick","onChannelModified","onBeforeUpdateChannel","globalStore","useSendbirdStateContext","sdk","stores","sdkStore","logger","config","_d","useState","channel","setChannel","useEffect","getConnectionState","OpenChannel","getChannel","openChannel","error","renderUserProfile","disableUserProfile","useOpenChannelSettings","useContext"],"mappings":";;;;;;;AAgCA,IAAMA,0BAA0B,gBAAGC,cAAK,CAACC,aAAN,CAAyDC,SAAzD,CAAnC;;IAEMC,2BAA2B,GAA8C,SAAzEA,2BAAyE,CAACC,KAAD;;;AAE3E,MAAAC,QAAQ,GAKND,KAAK,SALP;AAAA,MACAE,UAAU,GAIRF,KAAK,WALP;AAAA,MAEAG,YAAY,GAGVH,KAAK,aALP;AAAA,MAGAI,iBAAiB,GAEfJ,KAAK,kBALP;AAAA,MAIAK,qBAAqB,GACnBL,KAAK,sBALP;;AAQF,MAAMM,WAAW,GAAGC,uBAAuB,EAA3C;AACA,MAAMC,GAAG,GAAG,MAAA,MAAAF,WAAW,SAAX,IAAAA,WAAW,WAAX,SAAA,GAAAA,WAAW,CAAEG,MAAb,UAAA,iBAAA,SAAA,MAAqBC,QAArB,UAAA,iBAAA,SAAA,MAA+BF,GAA3C;AAEA,MAAMG,MAAM,GAAG,MAAAL,WAAW,SAAX,IAAAA,WAAW,WAAX,SAAA,GAAAA,WAAW,CAAEM,MAAb,UAAA,iBAAA,SAAA,MAAqBD,MAApC;;AAEM,MAAAE,KAAwBC,QAAQ,CAA8B,IAA9B,CAAhC;AAAA,MAACC,OAAO,QAAR;AAAA,MAAUC,UAAU,QAApB;;AACNC,EAAAA,SAAS,CAAC;AACR,QAAI,CAACf,UAAD,IAAe,CAACM,GAAhB,IAAuB,CAACA,GAAG,CAACU,kBAAhC,EAAoD;AAClDF,MAAAA,UAAU,CAAC,IAAD,CAAV;AACA;AACD;;AAEDR,IAAAA,GAAG,CAACW,WAAJ,CAAgBC,UAAhB,CAA2BlB,UAA3B,EAAuC,UAACmB,WAAD,EAAcC,KAAd;AACrC,UAAI,CAACA,KAAL,EAAY;AACVX,QAAAA,MAAM,CAACW,KAAP,CAAa,+BAAb,EAA8CD,WAA9C;AACAL,QAAAA,UAAU,CAACK,WAAD,CAAV;AACD,OAHD,MAGO;AACLV,QAAAA,MAAM,CAACW,KAAP,CAAa,sCAAb,EAAqDA,KAArD;AACAN,QAAAA,UAAU,CAAC,IAAD,CAAV;AACD;AACF,KARD;AASD,GAfQ,EAeN,CAACd,UAAD,EAAaM,GAAb,CAfM,CAAT;AAiBA,sBACEZ,6BAAC,0BAAD,CAA4B,QAA5B;AAAqC,IAAA,KAAK,EAAE;AAC1CM,MAAAA,UAAU,YADgC;AAE1Ca,MAAAA,OAAO,SAFmC;AAG1CC,MAAAA,UAAU,YAHgC;AAI1Cb,MAAAA,YAAY,cAJ8B;AAK1CC,MAAAA,iBAAiB,mBALyB;AAM1CC,MAAAA,qBAAqB;AANqB;AAA5C,kBAQET,6BAAC,mBAAD;AACE,IAAA,aAAa,MADf;AAEE,IAAA,iBAAiB,EAAEI,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEuB,iBAF5B;AAGE,IAAA,kBAAkB,EAAEvB,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEwB;AAH7B,KAKGvB,QALH,CARF,CADF;AAkBD;;IAGKwB,sBAAsB,GAA+B,SAArDA,sBAAqD;AAAM,SAAA7B,cAAK,CAAC8B,UAAN,CAAiB/B,0BAAjB,CAAA;AAA4C;;;;"}
+{"version":3,"file":"context.js","sources":["../../src/smart-components/OpenChannelSettings/context/OpenChannelSettingsProvider.tsx"],"sourcesContent":["import React, {\n  useEffect,\n  useState,\n} from 'react';\nimport type { OpenChannel, OpenChannelUpdateParams, SendbirdOpenChat } from '@sendbird/chat/openChannel';\n\nimport useSendbirdStateContext from '../../../hooks/useSendbirdStateContext';\nimport { UserProfileProvider } from '../../../lib/UserProfileContext';\nimport { RenderUserProfileProps } from '../../../types';\n\nexport interface OpenChannelSettingsContextProps {\n  channelUrl: string;\n  children?: React.ReactNode;\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.ReactNode;\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\n  const [channel, 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        setChannel(channel);\n      })\n      .catch((error) => {\n        logger.error('open channel setting: error fetching', error);\n        setChannel(null);\n      });\n  }, [channelUrl, sdk]);\n\n  return (\n    <OpenChannelSettingsContext.Provider value={{\n      channelUrl,\n      channel,\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","_d","useState","channel","setChannel","useEffect","openChannel","getChannel","then","info","catch","error","renderUserProfile","disableUserProfile","useOpenChannelSettingsContext","useContext"],"mappings":";;;;;;;AA+BA,IAAMA,0BAA0B,gBAAGC,cAAK,CAACC,aAAN,CAA2DC,SAA3D,CAAnC;;IAEMC,2BAA2B,GAA8C,SAAzEA,2BAAyE,CAACC,KAAD;;;AAE3E,MAAAC,QAAQ,GAMND,KAAK,SANP;AAAA,MACAE,UAAU,GAKRF,KAAK,WANP;AAAA,MAEAG,YAAY,GAIVH,KAAK,aANP;AAAA,MAGAI,iBAAiB,GAGfJ,KAAK,kBANP;AAAA,MAIAK,qBAAqB,GAEnBL,KAAK,sBANP;AAAA,MAKAM,eAAe,GACbN,KAAK,gBANP;;AASF,MAAMO,WAAW,GAAGC,uBAAuB,EAA3C;AACA,MAAMC,GAAG,GAAG,MAAA,MAAAF,WAAW,SAAX,IAAAA,WAAW,WAAX,SAAA,GAAAA,WAAW,CAAEG,MAAb,UAAA,iBAAA,SAAA,MAAqBC,QAArB,UAAA,iBAAA,SAAA,MAA+BF,GAA3C;AAEA,MAAMG,MAAM,GAAG,MAAAL,WAAW,SAAX,IAAAA,WAAW,WAAX,SAAA,GAAAA,WAAW,CAAEM,MAAb,UAAA,iBAAA,SAAA,MAAqBD,MAApC;;AAEM,MAAAE,KAAwBC,QAAQ,CAAqB,IAArB,CAAhC;AAAA,MAACC,OAAO,QAAR;AAAA,MAAUC,UAAU,QAApB;;AACNC,EAAAA,SAAS,CAAC;AACR,QAAI,CAAChB,UAAD,IAAe,CAACO,GAAG,CAACU,WAAxB,EAAqC;AACnCF,MAAAA,UAAU,CAAC,IAAD,CAAV;AACA;AACD;;AAEDR,IAAAA,GAAG,CAACU,WAAJ,CAAgBC,UAAhB,CAA2BlB,UAA3B,EACGmB,IADH,CACQ,UAACL,OAAD;AACJJ,MAAAA,MAAM,CAACU,IAAP,CAAY,+BAAZ,EAA6CN,OAA7C;AACAC,MAAAA,UAAU,CAACD,OAAD,CAAV;AACD,KAJH,EAKGO,KALH,CAKS,UAACC,KAAD;AACLZ,MAAAA,MAAM,CAACY,KAAP,CAAa,sCAAb,EAAqDA,KAArD;AACAP,MAAAA,UAAU,CAAC,IAAD,CAAV;AACD,KARH;AASD,GAfQ,EAeN,CAACf,UAAD,EAAaO,GAAb,CAfM,CAAT;AAiBA,sBACEb,6BAAC,0BAAD,CAA4B,QAA5B;AAAqC,IAAA,KAAK,EAAE;AAC1CM,MAAAA,UAAU,YADgC;AAE1Cc,MAAAA,OAAO,SAFmC;AAG1CC,MAAAA,UAAU,YAHgC;AAI1Cd,MAAAA,YAAY,cAJ8B;AAK1CC,MAAAA,iBAAiB,mBALyB;AAM1CC,MAAAA,qBAAqB,uBANqB;AAO1CC,MAAAA,eAAe;AAP2B;AAA5C,kBASEV,6BAAC,mBAAD;AACE,IAAA,aAAa,MADf;AAEE,IAAA,iBAAiB,EAAEI,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEyB,iBAF5B;AAGE,IAAA,kBAAkB,EAAEzB,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAE0B;AAH7B,KAKGzB,QALH,CATF,CADF;AAmBD;;IAGK0B,6BAA6B,GAA+B,SAA5DA,6BAA4D;AAAM,SAAA/B,cAAK,CAACgC,UAAN,CAAiBjC,0BAAjB,CAAA;AAA4C;;;;"}

package/OpenChannelSettings.js

@@ -2,45 +2,45 @@ import React__default from 'react';
 import OpenChannelUI from './OpenChannelSettings/components/OpenChannelSettingsUI.js';
 import { OpenChannelSettingsProvider } from './OpenChannelSettings/context.js';
 import './useSendbirdStateContext.js';
-import './withSendBird.js';
-import './_rollupPluginBabelHelpers-c7eeba03.js';
-import './UserProfileContext-90704c73.js';
+import './withSendbird.js';
+import './_rollupPluginBabelHelpers-38569358.js';
+import './UserProfileContext-bcfe2804.js';
 import 'prop-types';
-import './LocalizationContext-0e05ddca.js';
-import './stringSet-6c9c68ae.js';
-import './index-e7c0bc26.js';
-import './index-e1b93b3a.js';
+import './LocalizationContext-0293a3fd.js';
+import './stringSet-6bcac8f5.js';
+import './index-6924378b.js';
+import './index-5729e2f0.js';
 import './ui/Icon.js';
-import './index-df459121.js';
+import './index-03332d0e.js';
 import './ui/Loader.js';
 import './OpenChannelSettings/components/OperatorUI.js';
 import './OpenChannelSettings/components/OpenChannelProfile.js';
 import './ui/TextButton.js';
-import './color-a3d3742c.js';
+import './color-8ef428b9.js';
 import './ui/OpenChannelAvatar.js';
 import './ui/Avatar.js';
-import './tslib.es6-61821688.js';
+import './tslib.es6-528d1472.js';
 import './ui/ImageRenderer.js';
-import './uuid-6e6389e2.js';
-import './utils-5e25aca3.js';
+import './uuid-ae0ebd46.js';
+import './utils-91321bf8.js';
 import './OpenChannelSettings/components/EditDetailsModal.js';
 import './ui/Modal.js';
 import 'react-dom';
-import './index-80e330a9.js';
+import './index-f6405407.js';
 import './ui/IconButton.js';
-import './index-f78ebc31.js';
-import './utils-4e85584a.js';
+import './index-b9a1f38d.js';
+import './utils-d0e53d6f.js';
 import './ui/Input.js';
 import './OpenChannelSettings/components/ParticipantUI.js';
-import './context-ae164d45.js';
+import './context-64a89b1b.js';
 import './ui/UserListItem.js';
 import './ui/MutedAvatarOverlay.js';
 import './ui/Checkbox.js';
 import './ui/UserProfile.js';
-import './sendBirdSelectors.js';
-import './topics-d347c996.js';
+import './sendbirdSelectors.js';
+import './topics-997dc2ef.js';
 import './ui/ContextMenu.js';
-import './index-03baba6a.js';
+import './index-f1c7b834.js';
 import './ui/SortByRow.js';
 import './ui/Accordion.js';
 import './ui/AccordionGroup.js';

package/README.md

@@ -1,10 +1,9 @@
 # sendbird-uikit
 
-[![Version 3 beta](https://img.shields.io/badge/Sendbird-BETA-blue.svg)](https://github.com/sendbird/sendbird-uikit-react/tree/develop-v3)
 [![Platform React](https://img.shields.io/badge/Platform-React-orange.svg)](https://reactjs.org)
 [![Language TypeScript](https://img.shields.io/badge/Language-TypeScript-orange.svg)](https://www.typescriptlang.org/)
 
-> React based UI kit based on sendbird javascript SDK
+> React based UI kit based on sendbird javascript SDK(Release Candidate)
 
 We are introducing a new version of the Sendbird Chat UIKit. Version 3 features a new modular architecture with more granular components that give you enhanced flexibility to customize your web and mobile apps. Check out our [migration guides](MIGRATION_v2-to-v3.md).
 

package/SendbirdProvider.js

@@ -1,23 +1,25 @@
-import { _ as _objectSpread2, a as _slicedToArray } from './_rollupPluginBabelHelpers-c7eeba03.js';
+import { _ as _objectSpread2, a as _slicedToArray } from './_rollupPluginBabelHelpers-38569358.js';
 import React__default, { useLayoutEffect, useState, useEffect, useReducer } from 'react';
 import PropTypes from 'prop-types';
-import { SendbirdSdkContext } from './withSendBird.js';
-import Sb from 'sendbird';
-import { R as RESET_USER, I as INIT_USER, U as UPDATE_USER_INFO } from './actionTypes-e0f4e19c.js';
-import { i as isTextuallyNull } from './index-03baba6a.js';
-import { _ as __assign } from './tslib.es6-61821688.js';
+import { SendbirdSdkContext } from './withSendbird.js';
+import { F as Fn, N as Nn, P as Pe } from './openChannel-a604a724.js';
+import { $ as $r } from './groupChannel-45ccdf2b.js';
+import { R as RESET_USER, I as INIT_USER, U as UPDATE_USER_INFO } from './actionTypes-c12e9c30.js';
+import { i as isTextuallyNull } from './index-f1c7b834.js';
+import { _ as __assign } from './tslib.es6-528d1472.js';
 import cssVars from 'css-vars-ponyfill';
-import { u as uuidv4 } from './uuid-6e6389e2.js';
-import { L as LocalizationProvider } from './LocalizationContext-0e05ddca.js';
-import { g as getStringSet } from './stringSet-6c9c68ae.js';
-import './index-e7c0bc26.js';
+import { u as uuidv4 } from './uuid-ae0ebd46.js';
+import { L as LocalizationProvider } from './LocalizationContext-0293a3fd.js';
+import { g as getStringSet } from './stringSet-6bcac8f5.js';
+import './__bundle-7dfccc8c-a0cba188.js';
+import './index-6924378b.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 = 'v3.0.0-beta.4';
+var APP_VERSION_STRING = '3.0.0-beta.6';
 var disconnectSdk = function disconnectSdk(_ref) {
   var sdkDispatcher = _ref.sdkDispatcher,
       userDispatcher = _ref.userDispatcher,
@@ -49,6 +51,7 @@ var handleConnection = function handleConnection(_ref2, dispatchers) {
       nickname = _ref2.nickname,
       profileUrl = _ref2.profileUrl,
       accessToken = _ref2.accessToken,
+      configureSession = _ref2.configureSession,
       sdk = _ref2.sdk,
       logger = _ref2.logger;
   var sdkDispatcher = dispatchers.sdkDispatcher,
@@ -60,17 +63,24 @@ var handleConnection = function handleConnection(_ref2, dispatchers) {
     logger: logger,
     onDisconnect: function onDisconnect() {
       logger.info('Setup connection');
+      var sessionHandler = null;
       sdkDispatcher({
         type: SET_SDK_LOADING,
         payload: true
       });
 
       if (userId && appId) {
-        var newSdk = new Sb({
-          appId: appId
-        }); // to check if code is released version from rollup and *not from storybook*
+        var newSdk = Fn.init({
+          appId: appId,
+          modules: [new $r(), new Nn()]
+        });
+
+        if (configureSession && typeof configureSession === 'function') {
+          sessionHandler = configureSession(newSdk);
+        } // to check if code is released version from rollup and *not from storybook*
         // see rollup config file
 
+
         {
           newSdk.addExtension('sb_uikit', APP_VERSION_STRING);
         }
@@ -87,7 +97,10 @@ var handleConnection = function handleConnection(_ref2, dispatchers) {
           // or set userID as nickname
 
           if ((nickname !== user.nickname || profileUrl !== user.profileUrl) && !(isTextuallyNull(nickname) && isTextuallyNull(profileUrl))) {
-            newSdk.updateCurrentUserInfo(nickname || user.nickname, profileUrl || user.profileUrl).then(function (namedUser) {
+            newSdk.updateCurrentUserInfo({
+              nickname: nickname || user.nickname,
+              profileUrl: profileUrl || user.profileUrl
+            }).then(function (namedUser) {
               userDispatcher({
                 type: UPDATE_USER_INFO,
                 payload: namedUser
@@ -116,6 +129,10 @@ 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) {
@@ -308,31 +325,30 @@ function useConnectionStatus(sdk, logger) {
   useEffect(function () {
     var uniqueHandlerId = uuidv4();
     logger.warning('sdk changed', uniqueHandlerId);
-    var handler;
+    var handler = new Pe();
 
-    if (sdk && sdk.ConnectionHandler) {
-      handler = new sdk.ConnectionHandler();
+    handler.onReconnectStarted = function () {
+      setIsOnline(false);
+      logger.warning('onReconnectStarted', {
+        isOnline: isOnline
+      });
+    };
 
-      handler.onReconnectStarted = function () {
-        setIsOnline(false);
-        logger.warning('onReconnectStarted', {
-          isOnline: isOnline
-        });
-      };
+    handler.onReconnectSucceeded = function () {
+      setIsOnline(true);
+      logger.warning('onReconnectSucceeded', {
+        isOnline: isOnline
+      });
+    };
 
-      handler.onReconnectSucceeded = function () {
-        setIsOnline(true);
-        logger.warning('onReconnectSucceeded', {
-          isOnline: isOnline
-        });
-      };
+    handler.onReconnectFailed = function () {
+      sdk.reconnect();
+      logger.warning('onReconnectFailed');
+    };
 
-      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);
     }
 
@@ -349,7 +365,7 @@ function useConnectionStatus(sdk, logger) {
       try {
         logger.warning('Try reconnecting SDK');
 
-        if (sdk.getConnectionState() !== 'OPEN') {
+        if (sdk.connectionState !== 'OPEN') {
           // connection is not broken yet
           sdk.reconnect();
         }
@@ -537,6 +553,7 @@ function Sendbird(props) {
       dateLocale = props.dateLocale,
       appId = props.appId,
       accessToken = props.accessToken,
+      configureSession = props.configureSession,
       children = props.children,
       disableUserProfile = props.disableUserProfile,
       renderUserProfile = props.renderUserProfile,
@@ -550,7 +567,7 @@ function Sendbird(props) {
       colorSet = props.colorSet,
       stringSet = props.stringSet,
       imageCompression = props.imageCompression,
-      useReaction = props.useReaction,
+      isReactionEnabled = props.isReactionEnabled,
       isMentionEnabled = props.isMentionEnabled,
       isTypingIndicatorEnabledOnChannelList = props.isTypingIndicatorEnabledOnChannelList,
       isMessageReceiptStatusEnabledOnChannelList = props.isMessageReceiptStatusEnabledOnChannelList;
@@ -593,6 +610,7 @@ function Sendbird(props) {
       sdkStore: sdkStore,
       nickname: nickname,
       profileUrl: profileUrl,
+      configureSession: configureSession,
       sdk: sdkStore.sdk,
       logger: logger
     }, {
@@ -686,7 +704,7 @@ function Sendbird(props) {
         logger: logger,
         pubSub: pubSub,
         imageCompression: imageCompression,
-        useReaction: useReaction,
+        isReactionEnabled: isReactionEnabled,
         isMentionEnabled: isMentionEnabled || false,
         userMention: {
           maxMentionCount: (userMention === null || userMention === void 0 ? void 0 : userMention.maxMentionCount) || 10,
@@ -705,6 +723,7 @@ Sendbird.propTypes = {
   userId: PropTypes.string.isRequired,
   appId: PropTypes.string.isRequired,
   accessToken: PropTypes.string,
+  configureSession: PropTypes.func,
   children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element), PropTypes.any]).isRequired,
   theme: PropTypes.string,
   nickname: PropTypes.string,
@@ -728,7 +747,7 @@ Sendbird.propTypes = {
   }),
   stringSet: PropTypes.objectOf(PropTypes.string),
   colorSet: PropTypes.objectOf(PropTypes.string),
-  useReaction: PropTypes.bool,
+  isReactionEnabled: PropTypes.bool,
   isMentionEnabled: PropTypes.bool,
   imageCompression: PropTypes.shape({
     compressionRate: PropTypes.number,
@@ -740,6 +759,7 @@ Sendbird.propTypes = {
 };
 Sendbird.defaultProps = {
   accessToken: '',
+  configureSession: null,
   theme: 'light',
   nickname: '',
   dateLocale: null,
@@ -752,7 +772,7 @@ Sendbird.defaultProps = {
   stringSet: null,
   colorSet: null,
   imageCompression: {},
-  useReaction: true,
+  isReactionEnabled: true,
   isMentionEnabled: false,
   isTypingIndicatorEnabledOnChannelList: false,
   isMessageReceiptStatusEnabledOnChannelList: false