@sendbird/uikit-react 3.4.6-0 → 3.4.6-rc.0

package/OpenChannelSettings/components/ParticipantUI.js

@@ -1,35 +1,35 @@
-import '../../tslib.es6-5180f9d1.js';
+import '../../tslib.es6-debac48c.js';
 import 'react';
 import '../../ui/Button.js';
 import '../../ui/ContextMenu.js';
 import '../../ui/Icon.js';
 import '../../ui/IconButton.js';
-import '../../index-8f0ae983.js';
-export { P as default } from '../../index-88523047.js';
-import '../../LocalizationContext-43b10f97.js';
+import '../../index-8efe881f.js';
+export { P as default } from '../../index-5cbdbcf9.js';
+import '../../LocalizationContext-428ea690.js';
 import '../context.js';
 import '../../useSendbirdStateContext.js';
 import 'prop-types';
-import '../../stringSet-2d42f6ff.js';
+import '../../stringSet-fa7e0d83.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
-import '../../uuid-368c5040.js';
-import '../../index-cd1a9173.js';
+import '../../uuid-e979d613.js';
+import '../../index-f87c5aab.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../UserProfileContext-12b6fabf.js';
-import '../../context-993ee0c3.js';
-import '../../utils-a7563986.js';
+import '../../UserProfileContext-576f1ef9.js';
+import '../../context-8436b333.js';
+import '../../utils-87be98af.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../topics-6d4bf2ed.js';
-import '../../index-0f373e79.js';
+import '../../topics-2647294d.js';
+import '../../index-8b3cd0b6.js';
 import '../../withSendbird.js';
 import '@sendbird/chat/openChannel';
 import '../../ui/Modal.js';
-import '../../index-5c20d787.js';
-import '../../MediaQueryContext-f2df2472.js';
+import '../../index-d5a761b9.js';
+import '../../MediaQueryContext-e4d4fb2a.js';
 import '../../ui/UserListItem.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';

package/OpenChannelSettings/context.js

@@ -1,10 +1,10 @@
 import React__default, { useState, useEffect } from 'react';
 import { OpenChannelHandler } from '@sendbird/chat/openChannel';
 import useSendbirdStateContext from '../useSendbirdStateContext.js';
-import { U as UserProfileProvider } from '../UserProfileContext-12b6fabf.js';
-import { u as uuidv4 } from '../uuid-368c5040.js';
+import { U as UserProfileProvider } from '../UserProfileContext-576f1ef9.js';
+import { u as uuidv4 } from '../uuid-e979d613.js';
 import '../withSendbird.js';
-import '../tslib.es6-5180f9d1.js';
+import '../tslib.es6-debac48c.js';
 import 'prop-types';
 
 var OpenChannelSettingsContext = /*#__PURE__*/React__default.createContext(undefined);

package/OpenChannelSettings.js

@@ -3,41 +3,41 @@ import OpenChannelUI from './OpenChannelSettings/components/OpenChannelSettingsU
 import { OpenChannelSettingsProvider } from './OpenChannelSettings/context.js';
 import './useSendbirdStateContext.js';
 import './withSendbird.js';
-import './tslib.es6-5180f9d1.js';
-import './UserProfileContext-12b6fabf.js';
+import './tslib.es6-debac48c.js';
+import './UserProfileContext-576f1ef9.js';
 import 'prop-types';
-import './LocalizationContext-43b10f97.js';
-import './stringSet-2d42f6ff.js';
-import './index-0f373e79.js';
-import './index-8f0ae983.js';
+import './LocalizationContext-428ea690.js';
+import './stringSet-fa7e0d83.js';
+import './index-8b3cd0b6.js';
+import './index-8efe881f.js';
 import './ui/Icon.js';
-import './index-ec8cbdfb.js';
+import './index-10da4b99.js';
 import './ui/Loader.js';
 import './OpenChannelSettings/components/OperatorUI.js';
 import './OpenChannelSettings/components/OpenChannelProfile.js';
 import './ui/TextButton.js';
-import './color-e54d3ed7.js';
+import './color-2037c3b8.js';
 import './ui/OpenChannelAvatar.js';
 import './ui/Avatar.js';
 import './ui/ImageRenderer.js';
-import './uuid-368c5040.js';
-import './utils-760413c9.js';
+import './uuid-e979d613.js';
+import './utils-b568cd44.js';
 import './OpenChannelSettings/components/EditDetailsModal.js';
-import './topics-6d4bf2ed.js';
+import './topics-2647294d.js';
 import './ui/Modal.js';
 import 'react-dom';
-import './index-5c20d787.js';
+import './index-d5a761b9.js';
 import './ui/Button.js';
 import './ui/IconButton.js';
-import './MediaQueryContext-f2df2472.js';
+import './MediaQueryContext-e4d4fb2a.js';
 import './ui/Input.js';
-import './index-88523047.js';
+import './index-5cbdbcf9.js';
 import './ui/ContextMenu.js';
 import './ui/SortByRow.js';
-import './index-cd1a9173.js';
+import './index-f87c5aab.js';
 import './utils/message/getOutgoingMessageState.js';
-import './context-993ee0c3.js';
-import './utils-a7563986.js';
+import './context-8436b333.js';
+import './utils-87be98af.js';
 import './ui/UserProfile.js';
 import './sendbirdSelectors.js';
 import '@sendbird/chat/openChannel';

package/{RemoveMessageModal-d0a5c64c.js → RemoveMessageModal-cced59b5.js}

@@ -1,8 +1,8 @@
 import React__default, { useContext } from 'react';
 import Modal from './ui/Modal.js';
 import { ButtonTypes } from './ui/Button.js';
-import { a as LocalizationContext } from './LocalizationContext-43b10f97.js';
-import { u as useThreadContext } from './ThreadProvider-533e9025.js';
+import { a as LocalizationContext } from './LocalizationContext-428ea690.js';
+import { u as useThreadContext } from './ThreadProvider-c33f66a4.js';
 
 var RemoveMessage = function (props) {
   var _a;
@@ -27,4 +27,4 @@ var RemoveMessage = function (props) {
 };
 
 export { RemoveMessage as R };
-//# sourceMappingURL=RemoveMessageModal-d0a5c64c.js.map
+//# sourceMappingURL=RemoveMessageModal-cced59b5.js.map

package/{RemoveMessageModal-d0a5c64c.js.map → RemoveMessageModal-cced59b5.js.map}

@@ -1 +1 @@
-{"version":3,"file":"RemoveMessageModal-d0a5c64c.js","sources":["../src/smart-components/Thread/components/RemoveMessageModal.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport Modal from '../../../ui/Modal';\nimport { ButtonTypes } from '../../../ui/Button';\nimport { LocalizationContext } from '../../../lib/LocalizationContext';\nimport { useThreadContext } from '../context/ThreadProvider';\nimport { FileMessage, UserMessage } from '@sendbird/chat/message';\n\nexport interface RemoveMessageProps {\n  onCancel: () => void; // rename to onClose\n  onSubmit?: () => void;\n  message: UserMessage | FileMessage;\n}\n\nconst RemoveMessage: React.FC<RemoveMessageProps> = (props: RemoveMessageProps) => {\n  const {\n    onCancel,\n    onSubmit,\n    message,\n  } = props;\n  const { stringSet } = useContext(LocalizationContext);\n  const {\n    deleteMessage,\n  } = useThreadContext();\n  return (\n    <Modal\n      type={ButtonTypes.DANGER}\n      disabled={message?.threadInfo?.replyCount > 0}\n      onCancel={onCancel}\n      onSubmit={() => {\n        deleteMessage(message).then(() => {\n          onCancel?.();\n          onSubmit?.();\n        });\n      }}\n      submitText={stringSet.MESSAGE_MENU__DELETE}\n      titleText={stringSet.MODAL__DELETE_MESSAGE__TITLE}\n    />\n  );\n};\n\nexport default RemoveMessage;\n"],"names":["RemoveMessage","props","onCancel","onSubmit","message","stringSet","useContext","LocalizationContext","deleteMessage","useThreadContext","React","createElement","Modal","type","ButtonTypes","DANGER","disabled","threadInfo","_a","replyCount","then","submitText","MESSAGE_MENU__DELETE","titleText","MODAL__DELETE_MESSAGE__TITLE"],"mappings":";;;;;;AAcA,IAAMA,aAAa,GAAiC,UAACC,KAAyB,EAAA;;AAE1E,EAAA,IAAAC,QAAQ,GAGND,KAAK,CAAAC,QAHC;IACRC,QAAQ,GAENF,KAAK,CAAAE,QAFC;IACRC,OAAO,GACLH,KAAK,QADA,CAAA;AAED,EAAA,IAAAI,SAAS,GAAKC,UAAU,CAACC,mBAAmB,CAAC,UAApC,CAAA;AAEf,EAAA,IAAAC,aAAa,GACXC,gBAAgB,EAAE,cADP,CAAA;AAEf,EAAA,oBACEC,cAAA,CAAAC,aAAA,CAACC,KAAK,EAAA;IACJC,IAAI,EAAEC,WAAW,CAACC,MAAO;AACzBC,IAAAA,QAAQ,EAAE,CAAA,MAAAZ,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAEa,UAAU,MAAE,IAAA,IAAAC,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAC,UAAU,IAAG,CAAE;AAC9CjB,IAAAA,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAE,YAAA;AACRK,MAAAA,aAAa,CAACJ,OAAO,CAAC,CAACgB,IAAI,CAAC,YAAA;AAC1BlB,QAAAA,QAAQ,KAAR,IAAA,IAAAA,QAAQ,KAAR,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,QAAQ,EAAI,CAAA;AACZC,QAAAA,QAAQ,KAAR,IAAA,IAAAA,QAAQ,KAAR,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,QAAQ,EAAI,CAAA;AACd,OAAC,CAAC,CAAA;KACF;IACFkB,UAAU,EAAEhB,SAAS,CAACiB,oBAAqB;IAC3CC,SAAS,EAAElB,SAAS,CAACmB,4BAAAA;GACrB,CAAA,CAAA;AAEN;;;;"}
+{"version":3,"file":"RemoveMessageModal-cced59b5.js","sources":["../src/smart-components/Thread/components/RemoveMessageModal.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport Modal from '../../../ui/Modal';\nimport { ButtonTypes } from '../../../ui/Button';\nimport { LocalizationContext } from '../../../lib/LocalizationContext';\nimport { useThreadContext } from '../context/ThreadProvider';\nimport { FileMessage, UserMessage } from '@sendbird/chat/message';\n\nexport interface RemoveMessageProps {\n  onCancel: () => void; // rename to onClose\n  onSubmit?: () => void;\n  message: UserMessage | FileMessage;\n}\n\nconst RemoveMessage: React.FC<RemoveMessageProps> = (props: RemoveMessageProps) => {\n  const {\n    onCancel,\n    onSubmit,\n    message,\n  } = props;\n  const { stringSet } = useContext(LocalizationContext);\n  const {\n    deleteMessage,\n  } = useThreadContext();\n  return (\n    <Modal\n      type={ButtonTypes.DANGER}\n      disabled={message?.threadInfo?.replyCount > 0}\n      onCancel={onCancel}\n      onSubmit={() => {\n        deleteMessage(message).then(() => {\n          onCancel?.();\n          onSubmit?.();\n        });\n      }}\n      submitText={stringSet.MESSAGE_MENU__DELETE}\n      titleText={stringSet.MODAL__DELETE_MESSAGE__TITLE}\n    />\n  );\n};\n\nexport default RemoveMessage;\n"],"names":["RemoveMessage","props","onCancel","onSubmit","message","stringSet","useContext","LocalizationContext","deleteMessage","useThreadContext","React","createElement","Modal","type","ButtonTypes","DANGER","disabled","threadInfo","_a","replyCount","then","submitText","MESSAGE_MENU__DELETE","titleText","MODAL__DELETE_MESSAGE__TITLE"],"mappings":";;;;;;AAcA,IAAMA,aAAa,GAAiC,UAACC,KAAyB,EAAA;;AAE1E,EAAA,IAAAC,QAAQ,GAGND,KAAK,CAAAC,QAHC;IACRC,QAAQ,GAENF,KAAK,CAAAE,QAFC;IACRC,OAAO,GACLH,KAAK,QADA,CAAA;AAED,EAAA,IAAAI,SAAS,GAAKC,UAAU,CAACC,mBAAmB,CAAC,UAApC,CAAA;AAEf,EAAA,IAAAC,aAAa,GACXC,gBAAgB,EAAE,cADP,CAAA;AAEf,EAAA,oBACEC,cAAA,CAAAC,aAAA,CAACC,KAAK,EAAA;IACJC,IAAI,EAAEC,WAAW,CAACC,MAAO;AACzBC,IAAAA,QAAQ,EAAE,CAAA,MAAAZ,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAEa,UAAU,MAAE,IAAA,IAAAC,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAC,UAAU,IAAG,CAAE;AAC9CjB,IAAAA,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAE,YAAA;AACRK,MAAAA,aAAa,CAACJ,OAAO,CAAC,CAACgB,IAAI,CAAC,YAAA;AAC1BlB,QAAAA,QAAQ,KAAR,IAAA,IAAAA,QAAQ,KAAR,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,QAAQ,EAAI,CAAA;AACZC,QAAAA,QAAQ,KAAR,IAAA,IAAAA,QAAQ,KAAR,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,QAAQ,EAAI,CAAA;AACd,OAAC,CAAC,CAAA;KACF;IACFkB,UAAU,EAAEhB,SAAS,CAACiB,oBAAqB;IAC3CC,SAAS,EAAElB,SAAS,CAACmB,4BAAAA;GACrB,CAAA,CAAA;AAEN;;;;"}

package/SendbirdProvider.js

@@ -1,111 +1,119 @@
-import { _ as __assign } from './tslib.es6-5180f9d1.js';
+import { _ as __assign } from './tslib.es6-debac48c.js';
 import React__default, { useLayoutEffect, useState, useEffect, useMemo, useReducer } from 'react';
 import { SendbirdSdkContext } from './withSendbird.js';
 import SendbirdChat, { ConnectionHandler } from '@sendbird/chat';
 import { OpenChannelModule } from '@sendbird/chat/openChannel';
 import { GroupChannelModule } from '@sendbird/chat/groupChannel';
-import { R as RESET_USER, I as INIT_USER, U as UPDATE_USER_INFO } from './actionTypes-f6400d21.js';
-import { i as isTextuallyNull } from './index-cd1a9173.js';
+import { i as isTextuallyNull } from './index-f87c5aab.js';
 import cssVars from 'css-vars-ponyfill';
-import { _ as _objectSpread2 } from './_rollupPluginBabelHelpers-3756a6a3.js';
-import { u as uuidv4 } from './uuid-368c5040.js';
-import { V as VoicePlayerProvider } from './index-207577d6.js';
+import { match } from 'ts-pattern';
+import { u as uuidv4 } from './uuid-e979d613.js';
+import { V as VoicePlayerProvider } from './index-e01f2743.js';
 import { VoiceRecorderProvider } from './VoiceRecorder/context.js';
-import { L as LocalizationProvider } from './LocalizationContext-43b10f97.js';
-import { M as MediaQueryProvider } from './MediaQueryContext-f2df2472.js';
-import { g as getStringSet } from './stringSet-2d42f6ff.js';
-import { V as VOICE_RECORDER_DEFAULT_MAX, a as VOICE_RECORDER_DEFAULT_MIN } from './consts-30f09302.js';
+import { L as LocalizationProvider } from './LocalizationContext-428ea690.js';
+import { M as MediaQueryProvider } from './MediaQueryContext-e4d4fb2a.js';
+import { g as getStringSet } from './stringSet-fa7e0d83.js';
+import { V as VOICE_RECORDER_DEFAULT_MAX, a as VOICE_RECORDER_DEFAULT_MIN } from './consts-f3b2a046.js';
 import './utils/message/getOutgoingMessageState.js';
 import './useSendbirdStateContext.js';
-import './lame.all.js';
-import './index-0f373e79.js';
+import './index-8b3cd0b6.js';
 
-const INIT_SDK = 'INIT_SDK';
-const SET_SDK_LOADING = 'SET_SDK_LOADING';
-const RESET_SDK = 'RESET_SDK';
-const SDK_ERROR = 'SDK_ERROR';
+var SDK_ACTIONS = {
+  INIT_SDK: 'INIT_SDK',
+  SET_SDK_LOADING: 'SET_SDK_LOADING',
+  RESET_SDK: 'RESET_SDK',
+  SDK_ERROR: 'SDK_ERROR'
+};
+
+var USER_ACTIONS = {
+  INIT_USER: 'INIT_USER',
+  RESET_USER: 'RESET_USER',
+  UPDATE_USER_INFO: 'UPDATE_USER_INFO'
+};
 
-const APP_VERSION_STRING = '3.4.6-0';
-const disconnectSdk = _ref => {
-  let {
-    sdkDispatcher,
-    userDispatcher,
-    sdk,
-    onDisconnect
-  } = _ref;
+var INIT_SDK = SDK_ACTIONS.INIT_SDK,
+  SET_SDK_LOADING = SDK_ACTIONS.SET_SDK_LOADING,
+  RESET_SDK = SDK_ACTIONS.RESET_SDK,
+  SDK_ERROR = SDK_ACTIONS.SDK_ERROR;
+var INIT_USER = USER_ACTIONS.INIT_USER,
+  UPDATE_USER_INFO = USER_ACTIONS.UPDATE_USER_INFO,
+  RESET_USER = USER_ACTIONS.RESET_USER;
+var APP_VERSION_STRING = '3.4.6-rc.0';
+var disconnectSdk = function (_a) {
+  var sdkDispatcher = _a.sdkDispatcher,
+    userDispatcher = _a.userDispatcher,
+    sdk = _a.sdk,
+    onDisconnect = _a.onDisconnect;
   sdkDispatcher({
     type: SET_SDK_LOADING,
     payload: true
   });
-  if (sdk && sdk.disconnect) {
-    sdk.disconnect().then(() => {
+  if (sdk === null || sdk === void 0 ? void 0 : sdk.disconnect) {
+    sdk.disconnect().then(function () {
       sdkDispatcher({
         type: RESET_SDK
       });
       userDispatcher({
         type: RESET_USER
       });
-    }).finally(() => {
+    }).finally(function () {
       onDisconnect();
     });
   } else {
     onDisconnect();
   }
 };
-const handleConnection = (_ref2, dispatchers) => {
-  let {
-    userId,
-    appId,
-    nickname,
-    profileUrl,
-    accessToken,
-    configureSession,
-    customApiHost,
-    customWebSocketHost,
-    sdk,
-    logger
-  } = _ref2;
-  const {
-    sdkDispatcher,
-    userDispatcher
-  } = dispatchers;
+var handleConnection = function (_a, dispatchers) {
+  var userId = _a.userId,
+    appId = _a.appId,
+    nickname = _a.nickname,
+    profileUrl = _a.profileUrl,
+    accessToken = _a.accessToken,
+    configureSession = _a.configureSession,
+    customApiHost = _a.customApiHost,
+    customWebSocketHost = _a.customWebSocketHost,
+    sdk = _a.sdk,
+    logger = _a.logger;
+  var sdkDispatcher = dispatchers.sdkDispatcher,
+    userDispatcher = dispatchers.userDispatcher;
   disconnectSdk({
-    sdkDispatcher,
-    userDispatcher,
-    sdk,
-    logger,
-    onDisconnect: () => {
+    sdkDispatcher: sdkDispatcher,
+    userDispatcher: userDispatcher,
+    sdk: sdk,
+    logger: logger,
+    onDisconnect: function () {
       logger.info('Setup connection');
-      let sessionHandler = null;
+      var sessionHandler = null;
       sdkDispatcher({
         type: SET_SDK_LOADING,
         payload: true
       });
       if (userId && appId) {
-        const params = {
-          appId,
+        var params = {
+          appId: appId,
           modules: [new GroupChannelModule(), new OpenChannelModule()]
         };
         if (customApiHost) {
-          params.customApiHost = customApiHost;
+          params['customApiHost'] = customApiHost;
         }
         if (customWebSocketHost) {
-          params.customWebSocketHost = customWebSocketHost;
+          params['customWebSocketHost'] = customWebSocketHost;
         }
-        const newSdk = SendbirdChat.init(params);
+        var newSdk_1 = SendbirdChat.init(params);
         if (configureSession && typeof configureSession === 'function') {
-          sessionHandler = configureSession(newSdk);
-          newSdk.setSessionHandler(sessionHandler);
+          sessionHandler = configureSession(newSdk_1);
+          newSdk_1.setSessionHandler(sessionHandler);
         }
         // to check if code is released version from rollup and *not from storybook*
         // see rollup config file
+        // @ts-ignore
         {
-          newSdk.addExtension('sb_uikit', APP_VERSION_STRING);
+          newSdk_1.addExtension('sb_uikit', APP_VERSION_STRING);
         }
-        const connectCbSucess = user => {
+        var connectCbSucess_1 = function (user) {
           sdkDispatcher({
             type: INIT_SDK,
-            payload: newSdk
+            payload: newSdk_1
           });
           userDispatcher({
             type: INIT_USER,
@@ -114,10 +122,10 @@ const handleConnection = (_ref2, dispatchers) => {
           // use nickname/profileUrl if provided
           // or set userID as nickname
           if ((nickname !== user.nickname || profileUrl !== user.profileUrl) && !(isTextuallyNull(nickname) && isTextuallyNull(profileUrl))) {
-            newSdk.updateCurrentUserInfo({
+            newSdk_1.updateCurrentUserInfo({
               nickname: nickname || user.nickname,
               profileUrl: profileUrl || user.profileUrl
-            }).then(namedUser => {
+            }).then(function (namedUser) {
               userDispatcher({
                 type: UPDATE_USER_INFO,
                 payload: namedUser
@@ -125,12 +133,12 @@ const handleConnection = (_ref2, dispatchers) => {
             });
           }
         };
-        const connectCbError = e => {
-          logger.error('Connection failed', `${e}`);
+        var connectCbError_1 = function (e) {
+          logger.error('Connection failed', "".concat(e));
           sdkDispatcher({
             type: RESET_SDK
           });
-          sdkDispatcher({
+          userDispatcher({
             type: RESET_USER
           });
           sdkDispatcher({
@@ -138,9 +146,17 @@ const handleConnection = (_ref2, dispatchers) => {
           });
         };
         if (accessToken) {
-          newSdk.connect(userId, accessToken).then(res => connectCbSucess(res)).catch(err => connectCbError(err));
+          newSdk_1.connect(userId, accessToken).then(function (res) {
+            return connectCbSucess_1(res);
+          }).catch(function (err) {
+            return connectCbError_1(err);
+          });
         } else {
-          newSdk.connect(userId).then(res => connectCbSucess(res)).catch(err => connectCbError(err));
+          newSdk_1.connect(userId).then(function (res) {
+            return connectCbSucess_1(res);
+          }).catch(function (err) {
+            return connectCbError_1(err);
+          });
         }
       } else {
         sdkDispatcher({
@@ -250,7 +266,7 @@ var useTheme = function (overrides) {
   }, [overrides]);
 };
 
-var sdkInitialState = {
+var initialState$1 = {
   initialized: false,
   loading: false,
   sdk: {},
@@ -258,55 +274,71 @@ var sdkInitialState = {
 };
 
 function reducer$1(state, action) {
-  switch (action.type) {
-    case SET_SDK_LOADING:
-      return _objectSpread2(_objectSpread2({}, state), {}, {
-        initialized: false,
-        loading: action.payload
-      });
-    case SDK_ERROR:
-      return _objectSpread2(_objectSpread2({}, state), {}, {
-        initialized: false,
-        loading: false,
-        error: true
-      });
-    case INIT_SDK:
-      return {
-        sdk: action.payload,
-        initialized: true,
-        loading: false,
-        error: false
-      };
-    case RESET_SDK:
-      return sdkInitialState;
-    default:
-      return state;
-  }
+  return match(action).with({
+    type: SDK_ACTIONS.SET_SDK_LOADING
+  }, function (_a) {
+    var payload = _a.payload;
+    return __assign(__assign({}, state), {
+      initialized: false,
+      loading: payload
+    });
+  }).with({
+    type: SDK_ACTIONS.SDK_ERROR
+  }, function () {
+    return __assign(__assign({}, state), {
+      initialized: false,
+      loading: false,
+      error: true
+    });
+  }).with({
+    type: SDK_ACTIONS.INIT_SDK
+  }, function (_a) {
+    var payload = _a.payload;
+    return {
+      sdk: payload,
+      initialized: true,
+      loading: false,
+      error: false
+    };
+  }).with({
+    type: SDK_ACTIONS.RESET_SDK
+  }, function () {
+    return initialState$1;
+  }).otherwise(function () {
+    return state;
+  });
 }
 
-var userInitialState = {
+var initialState = {
   initialized: false,
   loading: false,
   user: {}
 };
 
 function reducer(state, action) {
-  switch (action.type) {
-    case INIT_USER:
-      return {
-        initialized: true,
-        loading: false,
-        user: action.payload
-      };
-    case RESET_USER:
-      return userInitialState;
-    case UPDATE_USER_INFO:
-      return _objectSpread2(_objectSpread2({}, state), {}, {
-        user: action.payload
-      });
-    default:
-      return state;
-  }
+  return match(action).with({
+    type: USER_ACTIONS.INIT_USER
+  }, function (_a) {
+    var payload = _a.payload;
+    return {
+      initialized: true,
+      loading: false,
+      user: payload
+    };
+  }).with({
+    type: USER_ACTIONS.RESET_USER
+  }, function () {
+    return initialState;
+  }).with({
+    type: USER_ACTIONS.UPDATE_USER_INFO
+  }, function (_a) {
+    var payload = _a.payload;
+    return __assign(__assign({}, state), {
+      user: payload
+    });
+  }).otherwise(function () {
+    return state;
+  });
 }
 
 function useConnectionStatus(sdk, logger) {
@@ -674,10 +706,10 @@ var Sendbird = function (_a) {
     logger = _5[0],
     setLogger = _5[1];
   var pubSub = useState(pubSubFactory())[0];
-  var _6 = useReducer(reducer$1, sdkInitialState),
+  var _6 = useReducer(reducer$1, initialState$1),
     sdkStore = _6[0],
     sdkDispatcher = _6[1];
-  var _7 = useReducer(reducer, userInitialState),
+  var _7 = useReducer(reducer, initialState),
     userStore = _7[0],
     userDispatcher = _7[1];
   useTheme(colorSet);