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

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-0081d7b2.js');
-require('../withSendBird.js');
-require('../_rollupPluginBabelHelpers-08d1d0ec.js');
+var UserProfileContext = require('../UserProfileContext-1a32d7da.js');
+require('../withSendbird.js');
+require('../_rollupPluginBabelHelpers-1be0417a.js');
 require('prop-types');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -22,7 +22,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;
@@ -33,19 +34,17 @@ var OpenChannelSettingsProvider = function OpenChannelSettingsProvider(props) {
       setChannel = _d[1];
 
   React.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["default"].createElement(OpenChannelSettingsContext.Provider, {
@@ -55,7 +54,8 @@ var OpenChannelSettingsProvider = function OpenChannelSettingsProvider(props) {
       setChannel: setChannel,
       onCloseClick: onCloseClick,
       onChannelModified: onChannelModified,
-      onBeforeUpdateChannel: onBeforeUpdateChannel
+      onBeforeUpdateChannel: onBeforeUpdateChannel,
+      onDeleteChannel: onDeleteChannel
     }
   }, /*#__PURE__*/React__default["default"].createElement(UserProfileContext.UserProfileProvider, {
     isOpenChannel: true,
@@ -64,10 +64,10 @@ var OpenChannelSettingsProvider = function OpenChannelSettingsProvider(props) {
   }, children));
 };
 
-var useOpenChannelSettings = function useOpenChannelSettings() {
+var useOpenChannelSettingsContext = function useOpenChannelSettingsContext() {
   return React__default["default"].useContext(OpenChannelSettingsContext);
 };
 
 exports.OpenChannelSettingsProvider = OpenChannelSettingsProvider;
-exports.useOpenChannelSettings = useOpenChannelSettings;
+exports.useOpenChannelSettingsContext = useOpenChannelSettingsContext;
 //# sourceMappingURL=context.js.map

package/cjs/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","UserProfileProvider","renderUserProfile","disableUserProfile","useOpenChannelSettings","useContext"],"mappings":";;;;;;;;;;;;;;;AAgCA,IAAMA,0BAA0B,gBAAGC,yBAAK,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,cAAQ,CAA8B,IAA9B,CAAhC;AAAA,MAACC,OAAO,QAAR;AAAA,MAAUC,UAAU,QAApB;;AACNC,EAAAA,eAAS,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,wCAAC,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,wCAAC2B,sCAAD;AACE,IAAA,aAAa,MADf;AAEE,IAAA,iBAAiB,EAAEvB,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEwB,iBAF5B;AAGE,IAAA,kBAAkB,EAAExB,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEyB;AAH7B,KAKGxB,QALH,CARF,CADF;AAkBD;;IAGKyB,sBAAsB,GAA+B,SAArDA,sBAAqD;AAAM,SAAA9B,yBAAK,CAAC+B,UAAN,CAAiBhC,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","UserProfileProvider","renderUserProfile","disableUserProfile","useOpenChannelSettingsContext","useContext"],"mappings":";;;;;;;;;;;;;;;AA+BA,IAAMA,0BAA0B,gBAAGC,yBAAK,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,cAAQ,CAAqB,IAArB,CAAhC;AAAA,MAACC,OAAO,QAAR;AAAA,MAAUC,UAAU,QAApB;;AACNC,EAAAA,eAAS,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,wCAAC,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,wCAAC6B,sCAAD;AACE,IAAA,aAAa,MADf;AAEE,IAAA,iBAAiB,EAAEzB,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAE0B,iBAF5B;AAGE,IAAA,kBAAkB,EAAE1B,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAE2B;AAH7B,KAKG1B,QALH,CATF,CADF;AAmBD;;IAGK2B,6BAA6B,GAA+B,SAA5DA,6BAA4D;AAAM,SAAAhC,yBAAK,CAACiC,UAAN,CAAiBlC,0BAAjB,CAAA;AAA4C;;;;;"}

package/cjs/OpenChannelSettings.js

@@ -4,45 +4,45 @@ var React = require('react');
 var OpenChannelSettings_components_OpenChannelSettingsUI = require('./OpenChannelSettings/components/OpenChannelSettingsUI.js');
 var OpenChannelSettings_context = require('./OpenChannelSettings/context.js');
 require('./useSendbirdStateContext.js');
-require('./withSendBird.js');
-require('./_rollupPluginBabelHelpers-08d1d0ec.js');
-require('./UserProfileContext-0081d7b2.js');
+require('./withSendbird.js');
+require('./_rollupPluginBabelHelpers-1be0417a.js');
+require('./UserProfileContext-1a32d7da.js');
 require('prop-types');
-require('./LocalizationContext-4c0a4a70.js');
-require('./stringSet-d9121aa6.js');
-require('./index-4e4d7494.js');
-require('./index-30e8e785.js');
+require('./LocalizationContext-af3a239a.js');
+require('./stringSet-ed353b6e.js');
+require('./index-c3d974a8.js');
+require('./index-101e25b6.js');
 require('./ui/Icon.js');
-require('./index-6d82098c.js');
+require('./index-c4440bd2.js');
 require('./ui/Loader.js');
 require('./OpenChannelSettings/components/OperatorUI.js');
 require('./OpenChannelSettings/components/OpenChannelProfile.js');
 require('./ui/TextButton.js');
-require('./color-37edcf95.js');
+require('./color-79441155.js');
 require('./ui/OpenChannelAvatar.js');
 require('./ui/Avatar.js');
-require('./tslib.es6-571bbfc9.js');
+require('./tslib.es6-4b07fef2.js');
 require('./ui/ImageRenderer.js');
-require('./uuid-086f0c34.js');
-require('./utils-f734965d.js');
+require('./uuid-c63c6c5a.js');
+require('./utils-c15722aa.js');
 require('./OpenChannelSettings/components/EditDetailsModal.js');
 require('./ui/Modal.js');
 require('react-dom');
-require('./index-1a6c1893.js');
+require('./index-7b1f120b.js');
 require('./ui/IconButton.js');
-require('./index-630f8d1b.js');
-require('./utils-b88eb3e0.js');
+require('./index-ebb83a37.js');
+require('./utils-6ff87257.js');
 require('./ui/Input.js');
 require('./OpenChannelSettings/components/ParticipantUI.js');
-require('./context-8f183eb3.js');
+require('./context-7f20c4fc.js');
 require('./ui/UserListItem.js');
 require('./ui/MutedAvatarOverlay.js');
 require('./ui/Checkbox.js');
 require('./ui/UserProfile.js');
-require('./sendBirdSelectors.js');
-require('./topics-4fc933cb.js');
+require('./sendbirdSelectors.js');
+require('./topics-1e190fcd.js');
 require('./ui/ContextMenu.js');
-require('./index-a40d57a5.js');
+require('./index-f3cc1992.js');
 require('./ui/SortByRow.js');
 require('./ui/Accordion.js');
 require('./ui/AccordionGroup.js');

package/cjs/SendbirdProvider.js

@@ -1,24 +1,25 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-08d1d0ec.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-1be0417a.js');
 var React = require('react');
 var PropTypes = require('prop-types');
-var withSendBird = require('./withSendBird.js');
-var Sb = require('sendbird');
-var actionTypes = require('./actionTypes-03bdd863.js');
-var index = require('./index-a40d57a5.js');
-var tslib_es6 = require('./tslib.es6-571bbfc9.js');
+var withSendbird = require('./withSendbird.js');
+var openChannel = require('./openChannel-19ee9ebe.js');
+var groupChannel = require('./groupChannel-57828c97.js');
+var actionTypes = require('./actionTypes-9635e2a1.js');
+var index = require('./index-f3cc1992.js');
+var tslib_es6 = require('./tslib.es6-4b07fef2.js');
 var cssVars = require('css-vars-ponyfill');
-var uuid = require('./uuid-086f0c34.js');
-var LocalizationContext = require('./LocalizationContext-4c0a4a70.js');
-var stringSet = require('./stringSet-d9121aa6.js');
-require('./index-4e4d7494.js');
+var uuid = require('./uuid-c63c6c5a.js');
+var LocalizationContext = require('./LocalizationContext-af3a239a.js');
+var stringSet = require('./stringSet-ed353b6e.js');
+require('./__bundle-7dfccc8c-3aa3a536.js');
+require('./index-c3d974a8.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var Sb__default = /*#__PURE__*/_interopDefaultLegacy(Sb);
 var cssVars__default = /*#__PURE__*/_interopDefaultLegacy(cssVars);
 
 var INIT_SDK = 'INIT_SDK';
@@ -26,7 +27,7 @@ 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,
@@ -58,6 +59,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,
@@ -69,17 +71,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__default["default"]({
-          appId: appId
-        }); // to check if code is released version from rollup and *not from storybook*
+        var newSdk = openChannel.Fn.init({
+          appId: appId,
+          modules: [new groupChannel.$r(), new openChannel.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);
         }
@@ -96,7 +105,10 @@ var handleConnection = function handleConnection(_ref2, dispatchers) {
           // or set userID as nickname
 
           if ((nickname !== user.nickname || profileUrl !== user.profileUrl) && !(index.isTextuallyNull(nickname) && index.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: actionTypes.UPDATE_USER_INFO,
                 payload: namedUser
@@ -125,6 +137,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) {
@@ -317,31 +333,30 @@ function useConnectionStatus(sdk, logger) {
   React.useEffect(function () {
     var uniqueHandlerId = uuid.uuidv4();
     logger.warning('sdk changed', uniqueHandlerId);
-    var handler;
+    var handler = new openChannel.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);
     }
 
@@ -358,7 +373,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();
         }
@@ -546,6 +561,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,
@@ -559,7 +575,7 @@ function Sendbird(props) {
       colorSet = props.colorSet,
       stringSet$1 = props.stringSet,
       imageCompression = props.imageCompression,
-      useReaction = props.useReaction,
+      isReactionEnabled = props.isReactionEnabled,
       isMentionEnabled = props.isMentionEnabled,
       isTypingIndicatorEnabledOnChannelList = props.isTypingIndicatorEnabledOnChannelList,
       isMessageReceiptStatusEnabledOnChannelList = props.isMessageReceiptStatusEnabledOnChannelList;
@@ -602,6 +618,7 @@ function Sendbird(props) {
       sdkStore: sdkStore,
       nickname: nickname,
       profileUrl: profileUrl,
+      configureSession: configureSession,
       sdk: sdkStore.sdk,
       logger: logger
     }, {
@@ -656,7 +673,7 @@ function Sendbird(props) {
 
     return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, stringSet.getStringSet('en')), stringSet$1);
   }, [stringSet$1]);
-  return /*#__PURE__*/React__default["default"].createElement(withSendBird.SendbirdSdkContext.Provider, {
+  return /*#__PURE__*/React__default["default"].createElement(withSendbird.SendbirdSdkContext.Provider, {
     value: {
       stores: {
         sdkStore: sdkStore,
@@ -695,7 +712,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,
@@ -714,6 +731,7 @@ Sendbird.propTypes = {
   userId: PropTypes__default["default"].string.isRequired,
   appId: PropTypes__default["default"].string.isRequired,
   accessToken: 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,
   nickname: PropTypes__default["default"].string,
@@ -737,7 +755,7 @@ Sendbird.propTypes = {
   }),
   stringSet: PropTypes__default["default"].objectOf(PropTypes__default["default"].string),
   colorSet: PropTypes__default["default"].objectOf(PropTypes__default["default"].string),
-  useReaction: PropTypes__default["default"].bool,
+  isReactionEnabled: PropTypes__default["default"].bool,
   isMentionEnabled: PropTypes__default["default"].bool,
   imageCompression: PropTypes__default["default"].shape({
     compressionRate: PropTypes__default["default"].number,
@@ -749,6 +767,7 @@ Sendbird.propTypes = {
 };
 Sendbird.defaultProps = {
   accessToken: '',
+  configureSession: null,
   theme: 'light',
   nickname: '',
   dateLocale: null,
@@ -761,7 +780,7 @@ Sendbird.defaultProps = {
   stringSet: null,
   colorSet: null,
   imageCompression: {},
-  useReaction: true,
+  isReactionEnabled: true,
   isMentionEnabled: false,
   isTypingIndicatorEnabledOnChannelList: false,
   isMessageReceiptStatusEnabledOnChannelList: false