feat: Add session handler interface (#157)

Interface:
```
// its recommended to memoize configureSession function
const memoizedConfigureSession = (sb) => {
  const sessionHandler = new sb.SessionHandler();
  sessionHandler.onSessionTokenRequired = (onSuccess, onError) => {
  };
  sessionHandler.onSessionClosed = () => {
  };
  sessionHandler.onSessionRefreshed = () => {
  };
  sessionHandler.onSessionError = err => {
  };
  return sessionHandler;
};

<SendbirdProvider
  configureSession={memoizedConfigureSession}
/>
```
see: https://sendbird.com/docs/chat/v3/javascript/guides/authentication
Fixes: https://sendbird.atlassian.net/browse/UIKIT-1796
Co-authored-by: Sravan S <[email protected]>

Author: sravan-s

scripts/index_d_ts

@@ -53,6 +53,7 @@ interface SendBirdProviderProps {
   userId: string;
   appId: string;
   accessToken?: string;
+  configureSession?: (sdk: SendBird.SendBirdInstance) => SendBird.SessionHandler;
   children?: React.ReactNode;
   theme?: 'light' | 'dark';
   nickname?: string;

src/index.d.ts

@@ -59,6 +59,7 @@ interface SendBirdProviderProps {
   userId: string;
   appId: string;
   accessToken?: string;
+  configureSession?: (sdk: SendBird.SendBirdInstance) => SendBird.SessionHandler;
   children?: React.ReactNode;
   theme?: 'light' | 'dark';
   nickname?: string;

src/lib/Sendbird.jsx

@@ -28,6 +28,7 @@ export default function Sendbird(props) {
     dateLocale,
     appId,
     accessToken,
+    configureSession,
     children,
     disableUserProfile,
     renderUserProfile,
@@ -71,6 +72,7 @@ export default function Sendbird(props) {
       sdkStore,
       nickname,
       profileUrl,
+      configureSession,
       sdk: sdkStore.sdk,
       logger,
     }, {
@@ -192,6 +194,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),
@@ -241,6 +244,7 @@ Sendbird.propTypes = {
 
 Sendbird.defaultProps = {
   accessToken: '',
+  configureSession: null,
   theme: 'light',
   nickname: '',
   dateLocale: null,

src/lib/dux/sdk/thunks.js

@@ -40,6 +40,7 @@ export const handleConnection = ({
   nickname,
   profileUrl,
   accessToken,
+  configureSession,
   sdk,
   logger,
 }, dispatchers) => {
@@ -54,9 +55,13 @@ export const handleConnection = ({
     logger,
     onDisconnect: () => {
       logger.info('Setup connection');
+      let sessionHandler = null;
       sdkDispatcher({ type: SET_SDK_LOADING, payload: true });
       if (userId && appId) {
         const newSdk = new Sb({ appId });
+        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
         if (IS_ROLLUP === IS_ROLLUP_REPLACE) {
@@ -89,6 +94,9 @@ export const handleConnection = ({
             .then((res) => connectCbSucess(res))
             .catch((err) => connectCbError(err));
         } else {
+          if (sessionHandler) {
+            newSdk.setSessionHandler(sessionHandler);
+          }
           newSdk.connect(userId)
             .then((res) => connectCbSucess(res))
             .catch((err) => connectCbError(err));