@sendbird/uikit-react 3.0.0-beta.5 → 3.0.0-beta.6

package/OpenChannelSettings/components/EditDetailsModal.js

@@ -1,29 +1,29 @@
 import React__default, { useRef, useState, useContext } from 'react';
-import { a as LocalizationContext } from '../../LocalizationContext-0e05ddca.js';
+import { a as LocalizationContext } from '../../LocalizationContext-5b0a9339.js';
 import Modal from '../../ui/Modal.js';
 import Input, { InputLabel } from '../../ui/Input.js';
 import Avatar from '../../ui/Avatar.js';
-import { T as Type } from '../../index-f78ebc31.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-e1b93b3a.js';
+import { T as Type } from '../../index-9deb1389.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-17cf7808.js';
 import TextButton from '../../ui/TextButton.js';
 import ChannelAvatar from '../../ui/OpenChannelAvatar.js';
 import { useOpenChannelSettings } from '../context.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import '../../stringSet-6c9c68ae.js';
-import '../../index-e7c0bc26.js';
+import '../../stringSet-5a85ff4b.js';
+import '../../index-94489c17.js';
 import 'prop-types';
 import 'react-dom';
-import '../../index-80e330a9.js';
+import '../../index-db6a4860.js';
 import '../../ui/IconButton.js';
-import '../../_rollupPluginBabelHelpers-c7eeba03.js';
+import '../../_rollupPluginBabelHelpers-d10f91b9.js';
 import '../../ui/Icon.js';
-import '../../utils-4e85584a.js';
-import '../../tslib.es6-61821688.js';
+import '../../utils-85d3d94c.js';
+import '../../tslib.es6-2c4d01e9.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-6e6389e2.js';
-import '../../color-a3d3742c.js';
-import '../../utils-5e25aca3.js';
-import '../../UserProfileContext-90704c73.js';
+import '../../uuid-0ab81e67.js';
+import '../../color-6b259e40.js';
+import '../../utils-b3b6f503.js';
+import '../../UserProfileContext-b6d89d0d.js';
 import '../../withSendBird.js';
 
 var EditDetails = function EditDetails(props) {

package/OpenChannelSettings/components/OpenChannelProfile.js

@@ -1,31 +1,31 @@
 import React__default, { useState, useContext } from 'react';
-import { a as LocalizationContext } from '../../LocalizationContext-0e05ddca.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-e1b93b3a.js';
+import { a as LocalizationContext } from '../../LocalizationContext-5b0a9339.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-17cf7808.js';
 import TextButton from '../../ui/TextButton.js';
 import ChannelAvatar from '../../ui/OpenChannelAvatar.js';
 import EditDetails from './EditDetailsModal.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
 import { useOpenChannelSettings } from '../context.js';
-import '../../stringSet-6c9c68ae.js';
-import '../../index-e7c0bc26.js';
-import '../../_rollupPluginBabelHelpers-c7eeba03.js';
+import '../../stringSet-5a85ff4b.js';
+import '../../index-94489c17.js';
+import '../../_rollupPluginBabelHelpers-d10f91b9.js';
 import 'prop-types';
-import '../../color-a3d3742c.js';
+import '../../color-6b259e40.js';
 import '../../ui/Avatar.js';
-import '../../tslib.es6-61821688.js';
+import '../../tslib.es6-2c4d01e9.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/Icon.js';
-import '../../uuid-6e6389e2.js';
-import '../../utils-5e25aca3.js';
+import '../../uuid-0ab81e67.js';
+import '../../utils-b3b6f503.js';
 import '../../ui/Modal.js';
 import 'react-dom';
-import '../../index-80e330a9.js';
+import '../../index-db6a4860.js';
 import '../../ui/IconButton.js';
-import '../../index-f78ebc31.js';
-import '../../utils-4e85584a.js';
+import '../../index-9deb1389.js';
+import '../../utils-85d3d94c.js';
 import '../../ui/Input.js';
 import '../../withSendBird.js';
-import '../../UserProfileContext-90704c73.js';
+import '../../UserProfileContext-b6d89d0d.js';
 
 function ChannelProfile() {
   var _a, _b;

package/OpenChannelSettings/components/OpenChannelSettingsUI.js

@@ -1,47 +1,47 @@
 import React__default, { useContext } from 'react';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
 import { useOpenChannelSettings } from '../context.js';
-import { U as UserProfileProvider } from '../../UserProfileContext-90704c73.js';
-import { a as LocalizationContext } from '../../LocalizationContext-0e05ddca.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-e1b93b3a.js';
+import { U as UserProfileProvider } from '../../UserProfileContext-b6d89d0d.js';
+import { a as LocalizationContext } from '../../LocalizationContext-5b0a9339.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-17cf7808.js';
 import Icon, { IconTypes } from '../../ui/Icon.js';
-import { P as PlaceHolder, b as PlaceHolderTypes } from '../../index-df459121.js';
+import { P as PlaceHolder, b as PlaceHolderTypes } from '../../index-691dc8da.js';
 import { OperatorUI } from './OperatorUI.js';
 import ParticipantsList from './ParticipantUI.js';
 import '../../withSendBird.js';
-import '../../_rollupPluginBabelHelpers-c7eeba03.js';
+import '../../_rollupPluginBabelHelpers-d10f91b9.js';
 import 'prop-types';
-import '../../stringSet-6c9c68ae.js';
-import '../../index-e7c0bc26.js';
+import '../../stringSet-5a85ff4b.js';
+import '../../index-94489c17.js';
 import '../../ui/Loader.js';
 import './OpenChannelProfile.js';
 import '../../ui/TextButton.js';
-import '../../color-a3d3742c.js';
+import '../../color-6b259e40.js';
 import '../../ui/OpenChannelAvatar.js';
 import '../../ui/Avatar.js';
-import '../../tslib.es6-61821688.js';
+import '../../tslib.es6-2c4d01e9.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-6e6389e2.js';
-import '../../utils-5e25aca3.js';
+import '../../uuid-0ab81e67.js';
+import '../../utils-b3b6f503.js';
 import './EditDetailsModal.js';
 import '../../ui/Modal.js';
 import 'react-dom';
-import '../../index-80e330a9.js';
+import '../../index-db6a4860.js';
 import '../../ui/IconButton.js';
-import '../../index-f78ebc31.js';
-import '../../utils-4e85584a.js';
+import '../../index-9deb1389.js';
+import '../../utils-85d3d94c.js';
 import '../../ui/Input.js';
 import '../../ui/Accordion.js';
 import '../../ui/AccordionGroup.js';
-import '../../context-ae164d45.js';
+import '../../context-3d5505d0.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 '../../topics-24a660ee.js';
 import '../../ui/ContextMenu.js';
-import '../../index-03baba6a.js';
+import '../../index-902c2068.js';
 import '../../ui/SortByRow.js';
 
 function InvalidChannel(_a) {

package/OpenChannelSettings/components/OperatorUI.js

@@ -1,6 +1,6 @@
 import React__default, { useState, useContext } from 'react';
-import { a as LocalizationContext } from '../../LocalizationContext-0e05ddca.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-e1b93b3a.js';
+import { a as LocalizationContext } from '../../LocalizationContext-5b0a9339.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-17cf7808.js';
 import Icon, { IconTypes } from '../../ui/Icon.js';
 import { useOpenChannelSettings } from '../context.js';
 import ChannelProfile from './OpenChannelProfile.js';
@@ -8,36 +8,36 @@ import Modal from '../../ui/Modal.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
 import ParticipantsList from './ParticipantUI.js';
 import { AccordionGroup } from '../../ui/Accordion.js';
-import '../../stringSet-6c9c68ae.js';
-import '../../index-e7c0bc26.js';
-import '../../_rollupPluginBabelHelpers-c7eeba03.js';
+import '../../stringSet-5a85ff4b.js';
+import '../../index-94489c17.js';
+import '../../_rollupPluginBabelHelpers-d10f91b9.js';
 import 'prop-types';
-import '../../UserProfileContext-90704c73.js';
+import '../../UserProfileContext-b6d89d0d.js';
 import '../../withSendBird.js';
 import '../../ui/TextButton.js';
-import '../../color-a3d3742c.js';
+import '../../color-6b259e40.js';
 import '../../ui/OpenChannelAvatar.js';
 import '../../ui/Avatar.js';
-import '../../tslib.es6-61821688.js';
+import '../../tslib.es6-2c4d01e9.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-6e6389e2.js';
-import '../../utils-5e25aca3.js';
+import '../../uuid-0ab81e67.js';
+import '../../utils-b3b6f503.js';
 import './EditDetailsModal.js';
 import '../../ui/Input.js';
-import '../../index-f78ebc31.js';
+import '../../index-9deb1389.js';
 import 'react-dom';
-import '../../index-80e330a9.js';
+import '../../index-db6a4860.js';
 import '../../ui/IconButton.js';
-import '../../utils-4e85584a.js';
-import '../../context-ae164d45.js';
+import '../../utils-85d3d94c.js';
+import '../../context-3d5505d0.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 '../../topics-24a660ee.js';
 import '../../ui/ContextMenu.js';
-import '../../index-03baba6a.js';
+import '../../index-902c2068.js';
 import '../../ui/SortByRow.js';
 import '../../ui/AccordionGroup.js';
 

package/OpenChannelSettings/components/ParticipantUI.js

@@ -1,11 +1,11 @@
-import { a as __spreadArray } from '../../tslib.es6-61821688.js';
+import { a as __spreadArray } from '../../tslib.es6-2c4d01e9.js';
 import React__default, { useRef, useContext, useState, useEffect } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-e1b93b3a.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-17cf7808.js';
 import Icon, { IconTypes } from '../../ui/Icon.js';
-import { a as LocalizationContext } from '../../LocalizationContext-0e05ddca.js';
-import { a as UserProfileContext } from '../../UserProfileContext-90704c73.js';
-import '../../index-f78ebc31.js';
-import '../../context-ae164d45.js';
+import { a as LocalizationContext } from '../../LocalizationContext-5b0a9339.js';
+import { a as UserProfileContext } from '../../UserProfileContext-b6d89d0d.js';
+import '../../index-9deb1389.js';
+import '../../context-3d5505d0.js';
 import Avatar from '../../ui/Avatar.js';
 import '../../ui/Modal.js';
 import '../../ui/UserListItem.js';
@@ -13,22 +13,22 @@ import ConnectedUserProfile from '../../ui/UserProfile.js';
 import ContextMenu, { MenuItems } from '../../ui/ContextMenu.js';
 import { useOpenChannelSettings } from '../context.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import '../../_rollupPluginBabelHelpers-c7eeba03.js';
+import '../../_rollupPluginBabelHelpers-d10f91b9.js';
 import 'prop-types';
-import '../../stringSet-6c9c68ae.js';
-import '../../index-e7c0bc26.js';
-import '../../utils-4e85584a.js';
+import '../../stringSet-5a85ff4b.js';
+import '../../index-94489c17.js';
+import '../../utils-85d3d94c.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-6e6389e2.js';
+import '../../uuid-0ab81e67.js';
 import 'react-dom';
-import '../../index-80e330a9.js';
+import '../../index-db6a4860.js';
 import '../../ui/IconButton.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
 import '../../withSendBird.js';
 import '../../sendBirdSelectors.js';
-import '../../topics-d347c996.js';
-import '../../index-03baba6a.js';
+import '../../topics-24a660ee.js';
+import '../../index-902c2068.js';
 import '../../ui/SortByRow.js';
 
 var UserListItem = function UserListItem(_a) {

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 { U as UserProfileProvider } from '../UserProfileContext-b6d89d0d.js';
 import '../withSendBird.js';
-import '../_rollupPluginBabelHelpers-c7eeba03.js';
+import '../_rollupPluginBabelHelpers-d10f91b9.js';
 import 'prop-types';
 
 var OpenChannelSettingsContext = /*#__PURE__*/React__default.createContext(undefined);

package/OpenChannelSettings.js

@@ -3,44 +3,44 @@ import OpenChannelUI from './OpenChannelSettings/components/OpenChannelSettingsU
 import { OpenChannelSettingsProvider } from './OpenChannelSettings/context.js';
 import './useSendbirdStateContext.js';
 import './withSendBird.js';
-import './_rollupPluginBabelHelpers-c7eeba03.js';
-import './UserProfileContext-90704c73.js';
+import './_rollupPluginBabelHelpers-d10f91b9.js';
+import './UserProfileContext-b6d89d0d.js';
 import 'prop-types';
-import './LocalizationContext-0e05ddca.js';
-import './stringSet-6c9c68ae.js';
-import './index-e7c0bc26.js';
-import './index-e1b93b3a.js';
+import './LocalizationContext-5b0a9339.js';
+import './stringSet-5a85ff4b.js';
+import './index-94489c17.js';
+import './index-17cf7808.js';
 import './ui/Icon.js';
-import './index-df459121.js';
+import './index-691dc8da.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-6b259e40.js';
 import './ui/OpenChannelAvatar.js';
 import './ui/Avatar.js';
-import './tslib.es6-61821688.js';
+import './tslib.es6-2c4d01e9.js';
 import './ui/ImageRenderer.js';
-import './uuid-6e6389e2.js';
-import './utils-5e25aca3.js';
+import './uuid-0ab81e67.js';
+import './utils-b3b6f503.js';
 import './OpenChannelSettings/components/EditDetailsModal.js';
 import './ui/Modal.js';
 import 'react-dom';
-import './index-80e330a9.js';
+import './index-db6a4860.js';
 import './ui/IconButton.js';
-import './index-f78ebc31.js';
-import './utils-4e85584a.js';
+import './index-9deb1389.js';
+import './utils-85d3d94c.js';
 import './ui/Input.js';
 import './OpenChannelSettings/components/ParticipantUI.js';
-import './context-ae164d45.js';
+import './context-3d5505d0.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 './topics-24a660ee.js';
 import './ui/ContextMenu.js';
-import './index-03baba6a.js';
+import './index-902c2068.js';
 import './ui/SortByRow.js';
 import './ui/Accordion.js';
 import './ui/AccordionGroup.js';

package/SendbirdProvider.js

@@ -1,23 +1,23 @@
-import { _ as _objectSpread2, a as _slicedToArray } from './_rollupPluginBabelHelpers-c7eeba03.js';
+import { _ as _objectSpread2, a as _slicedToArray } from './_rollupPluginBabelHelpers-d10f91b9.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 { R as RESET_USER, I as INIT_USER, U as UPDATE_USER_INFO } from './actionTypes-17920f59.js';
+import { i as isTextuallyNull } from './index-902c2068.js';
+import { _ as __assign } from './tslib.es6-2c4d01e9.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-0ab81e67.js';
+import { L as LocalizationProvider } from './LocalizationContext-5b0a9339.js';
+import { g as getStringSet } from './stringSet-5a85ff4b.js';
+import './index-94489c17.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 +49,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,6 +61,7 @@ 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
@@ -68,9 +70,14 @@ var handleConnection = function handleConnection(_ref2, dispatchers) {
       if (userId && appId) {
         var newSdk = new Sb({
           appId: appId
-        }); // to check if code is released version from rollup and *not from storybook*
+        });
+
+        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);
         }
@@ -116,6 +123,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) {
@@ -537,6 +548,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,
@@ -593,6 +605,7 @@ function Sendbird(props) {
       sdkStore: sdkStore,
       nickname: nickname,
       profileUrl: profileUrl,
+      configureSession: configureSession,
       sdk: sdkStore.sdk,
       logger: logger
     }, {
@@ -705,6 +718,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,
@@ -740,6 +754,7 @@ Sendbird.propTypes = {
 };
 Sendbird.defaultProps = {
   accessToken: '',
+  configureSession: null,
   theme: 'light',
   nickname: '',
   dateLocale: null,