@sendbird/uikit-react 3.8.2 → 3.9.0

package/hooks/useModal.js

@@ -1,17 +1,17 @@
-import { a as __spreadArray, _ as __assign } from '../chunks/bundle-HUCZoqot.js';
+import { a as __spreadArray, _ as __assign } from '../chunks/bundle-Y6TqPszM.js';
 import React__default, { createContext, useState, useCallback, useMemo, useContext } from 'react';
-import { K } from '../chunks/bundle-qReOreYH.js';
-import { n as noop } from '../chunks/bundle-fBRojj0w.js';
-import { M as Modal } from '../chunks/bundle-mg_7Exot.js';
-export { a as MODAL_ROOT, b as ModalRoot } from '../chunks/bundle-mg_7Exot.js';
+import { K } from '../chunks/bundle-zz1eCYds.js';
+import { n as noop } from '../chunks/bundle-JhG5BHdE.js';
+import { M as Modal } from '../chunks/bundle-5JvP07dI.js';
+export { a as MODAL_ROOT, b as ModalRoot } from '../chunks/bundle-5JvP07dI.js';
 import 'react-dom';
-import '../chunks/bundle-1O7rPYFy.js';
-import '../chunks/bundle-JGL7ecyE.js';
-import '../chunks/bundle-FxBVAeu9.js';
-import '../chunks/bundle-nB9Rk0Vg.js';
+import '../chunks/bundle-Xly_X4hP.js';
+import '../chunks/bundle-JuKER7D_.js';
+import '../chunks/bundle-xgxXEKxk.js';
+import '../chunks/bundle-Mn36ivpf.js';
 import '../ui/IconButton.js';
 import '../ui/Button.js';
-import '../chunks/bundle-qJVzRD5Y.js';
+import '../chunks/bundle-0IelBspE.js';
 import '../ui/Icon.js';
 
 var GlobalModalContext = createContext({

package/index.js

@@ -3,69 +3,71 @@ export { default as App } from './App.js';
 export { default as ChannelSettings } from './ChannelSettings.js';
 export { default as ChannelList } from './ChannelList.js';
 export { default as Channel } from './Channel.js';
-export { g as getStringSet } from './chunks/bundle-JGL7ecyE.js';
+export { g as getStringSet } from './chunks/bundle-JuKER7D_.js';
 export { default as OpenChannel } from './OpenChannel.js';
 export { default as OpenChannelSettings } from './OpenChannelSettings.js';
 export { default as MessageSearch } from './MessageSearch.js';
 export { default as withSendBird } from './withSendbird.js';
 export { default as sendBirdSelectors, default as sendbirdSelectors } from './sendbirdSelectors.js';
 export { useSendbirdStateContext } from './useSendbirdStateContext.js';
-import './chunks/bundle-HUCZoqot.js';
+export { T as TypingIndicatorType } from './chunks/bundle-wRCPXISN.js';
+import './chunks/bundle-Y6TqPszM.js';
 import 'react';
 import '@sendbird/uikit-tools';
 import 'css-vars-ponyfill';
-import './chunks/bundle-qReOreYH.js';
-import './chunks/bundle-4yQvKOnq.js';
+import './chunks/bundle-zz1eCYds.js';
+import './chunks/bundle-IeIHBN9i.js';
 import '@sendbird/chat';
-import './chunks/bundle-LutukB6f.js';
+import './chunks/bundle-8VA5hO1c.js';
 import '@sendbird/chat/openChannel';
 import '@sendbird/chat/groupChannel';
-import './chunks/bundle-UW-TqfsF.js';
+import './chunks/bundle-ZT6XnGSN.js';
 import './utils/message/getOutgoingMessageState.js';
-import './chunks/bundle-fBRojj0w.js';
-import './chunks/bundle-fiU7Tho8.js';
-import './chunks/bundle-fRhlDZge.js';
+import './chunks/bundle-JhG5BHdE.js';
+import './chunks/bundle-Ku1a64TD.js';
+import './chunks/bundle-Sk3SXXP7.js';
 import './VoiceRecorder/context.js';
-import './chunks/bundle-1O7rPYFy.js';
-import './chunks/bundle-FxBVAeu9.js';
-import './chunks/bundle-mg_7Exot.js';
+import './chunks/bundle-Xly_X4hP.js';
+import './chunks/bundle-xgxXEKxk.js';
+import './chunks/bundle-5JvP07dI.js';
 import 'react-dom';
-import './chunks/bundle-nB9Rk0Vg.js';
+import './chunks/bundle-Mn36ivpf.js';
 import './ui/IconButton.js';
 import './ui/Button.js';
-import './chunks/bundle-qJVzRD5Y.js';
+import './chunks/bundle-0IelBspE.js';
 import './ui/Icon.js';
-import './chunks/bundle-j2oaAFR4.js';
+import './chunks/bundle-pCwi8C-K.js';
 import './hooks/useModal.js';
 import './Thread.js';
 import './Thread/context.js';
-import './chunks/bundle-n3JTobCF.js';
-import './chunks/bundle-Ey2KFn-R.js';
-import './chunks/bundle-EoW7JC-6.js';
-import './chunks/bundle-o_MR5zP9.js';
+import './chunks/bundle-EteEacTX.js';
+import './chunks/bundle-7x4clnC7.js';
+import './chunks/bundle-menQ38z9.js';
+import './chunks/bundle-pmVgESW3.js';
 import '@sendbird/chat/message';
-import './chunks/bundle-5WxplyP9.js';
+import './chunks/bundle-3WQuaADd.js';
 import './Thread/context/types.js';
-import './chunks/bundle-GaBLtZQZ.js';
-import './chunks/bundle-L1jL1HlF.js';
+import './chunks/bundle-GGcTNRCI.js';
+import './chunks/bundle-EPtYsHAJ.js';
 import './Thread/components/ThreadUI.js';
-import './chunks/bundle-kdRMkp9s.js';
+import './chunks/bundle-h4Ck6NLh.js';
 import './Thread/components/ParentMessageInfo.js';
-import './chunks/bundle-5asq-E-v.js';
-import './chunks/bundle-atKtJDZx.js';
+import './chunks/bundle-ZNwxfYJx.js';
+import './chunks/bundle-JSlDfYOF.js';
 import './Thread/components/ParentMessageInfoItem.js';
 import './ui/ImageRenderer.js';
 import './ui/TextButton.js';
-import './chunks/bundle-8Ct4JuXG.js';
+import './chunks/bundle-LhtrqZSE.js';
 import './ui/EmojiReactions.js';
 import './ui/ReactionBadge.js';
 import './ui/ReactionButton.js';
-import './chunks/bundle-HTP_W562.js';
+import './chunks/bundle-cJc3JBZb.js';
 import './ui/ContextMenu.js';
 import './ui/SortByRow.js';
 import './ui/BottomSheet.js';
 import './ui/UserListItem.js';
-import './chunks/bundle-cTKDcBXH.js';
+import './chunks/bundle-Tep20T57.js';
+import './chunks/bundle-2AUp3oeN.js';
 import './ui/MutedAvatarOverlay.js';
 import './ui/Checkbox.js';
 import './ui/UserProfile.js';
@@ -77,71 +79,72 @@ import './ui/ProgressBar.js';
 import './VoicePlayer/useVoicePlayer.js';
 import './ui/PlaybackTime.js';
 import './ui/Loader.js';
-import './chunks/bundle-grxc9ClY.js';
-import './chunks/bundle-EaGyVrR8.js';
+import './chunks/bundle-GiSLT4lG.js';
+import './chunks/bundle-lSKfBDuq.js';
 import './ui/MentionLabel.js';
 import './ui/LinkLabel.js';
-import './chunks/bundle-WJ4T7o4h.js';
-import './chunks/bundle-u_gMIDNK.js';
-import './chunks/bundle-BgGUA_Do.js';
-import './chunks/bundle-sTNKynXj.js';
+import './chunks/bundle-0SIFukuT.js';
+import './chunks/bundle-LTnLzJFb.js';
+import './chunks/bundle-QO9wq7-1.js';
+import './chunks/bundle-YQkYq090.js';
 import './Channel/hooks/useInitialMessagesFetch.js';
 import './Channel/components/SuggestedMentionList.js';
-import './chunks/bundle-NRuB0VyT.js';
+import './chunks/bundle-Jw6D-oM_.js';
 import './ui/MessageItemMenu.js';
-import './chunks/bundle-zL8um0im.js';
+import './chunks/bundle-KOKqPpBq.js';
 import './ui/MessageItemReactionMenu.js';
 import './ui/MessageInput.js';
-import './chunks/bundle-zz-E8ZLu.js';
+import './chunks/bundle-vSJ8dTAZ.js';
 import 'dompurify';
-import './chunks/bundle-dGdUFeGw.js';
-import './chunks/bundle-WiQweU5U.js';
-import './chunks/bundle-I0NSP9ei.js';
-import './chunks/bundle-9YazFOHk.js';
+import './chunks/bundle-2YEsND5T.js';
+import './chunks/bundle-zCWUhqT2.js';
+import './chunks/bundle-89OkQYTj.js';
+import './chunks/bundle-k4WuO78S.js';
 import './Message/hooks/useDirtyGetMentions.js';
 import './Thread/components/ThreadHeader.js';
 import './Thread/components/ThreadList.js';
 import './Thread/components/ThreadListItem.js';
 import './ui/DateSeparator.js';
-import './chunks/bundle-iTeulylJ.js';
-import './chunks/bundle-0--XgUA7.js';
-import './chunks/bundle-JJDjO0bj.js';
+import './chunks/bundle-l0M5nN1Q.js';
+import './chunks/bundle-oghsyfOE.js';
+import './chunks/bundle-6uVd8Nrl.js';
 import './ui/TextMessageItemBody.js';
 import './ui/OGMessageItemBody.js';
 import './ui/FileMessageItemBody.js';
 import './ui/ThumbnailMessageItemBody.js';
-import './chunks/bundle-9AVOtanU.js';
+import './chunks/bundle-WZvwkbYN.js';
 import './ui/UnknownMessageItemBody.js';
 import 'date-fns';
 import './Thread/components/ThreadMessageInput.js';
-import './chunks/bundle-tR2Ipjel.js';
+import './chunks/bundle-jyTJAjUy.js';
 import './VoiceRecorder/useVoiceRecorder.js';
-import './chunks/bundle-RXyEKXFG.js';
+import './chunks/bundle-nHhZeAVb.js';
+import './Channel/hooks/useHandleUploadFiles.js';
 import './ui/PlaceHolder.js';
 import './ChannelSettings/components/ChannelSettingsUI.js';
 import './ChannelSettings/context.js';
 import './ChannelSettings/components/ChannelProfile.js';
 import './ui/ChannelAvatar.js';
-import './chunks/bundle-ybonwZPt.js';
+import './chunks/bundle-dJBzT033.js';
 import './ChannelSettings/components/EditDetailsModal.js';
 import './ui/Input.js';
 import './ChannelSettings/components/ModerationPanel.js';
 import './ui/Accordion.js';
 import './ui/AccordionGroup.js';
-import './chunks/bundle-2zaLibl-.js';
+import './chunks/bundle-967zXkjf.js';
 import './ui/Badge.js';
 import './ui/Toggle.js';
 import './ChannelSettings/components/UserListItem.js';
-import './chunks/bundle-rYiLt_kr.js';
+import './chunks/bundle-tUJWK_IX.js';
 import './ChannelSettings/components/LeaveChannel.js';
 import './ChannelSettings/components/UserPanel.js';
-import './chunks/bundle-50blTGht.js';
+import './chunks/bundle-Xq25cpwP.js';
 import './ChannelList/components/ChannelListUI.js';
 import './ChannelList/components/ChannelListHeader.js';
 import './ChannelList/components/AddChannel.js';
 import './CreateChannel.js';
 import './CreateChannel/components/CreateChannelUI.js';
-import './chunks/bundle-iI1ssAAJ.js';
+import './chunks/bundle-s3qW-HFQ.js';
 import './CreateChannel/components/InviteUsers.js';
 import './CreateChannel/components/SelectChannelType.js';
 import './ChannelList/components/ChannelPreview.js';
@@ -154,44 +157,44 @@ import './EditUserProfile/components/EditUserProfileUI.js';
 import './Channel/components/ChannelUI.js';
 import './ui/ConnectionStatus.js';
 import './Channel/components/ChannelHeader.js';
-import './Channel/components/MessageList.js';
-import './Channel/components/Message.js';
-import './ui/MessageContent.js';
-import './ui/AdminMessage.js';
-import './ui/QuoteMessage.js';
-import './ui/ThreadReplies.js';
-import './Channel/components/FileViewer.js';
-import './Channel/components/RemoveMessageModal.js';
-import './chunks/bundle-mjC4Frm5.js';
-import './Channel/utils/getMessagePartsInfo.js';
-import './Channel/utils/compareMessagesForGrouping.js';
-import './Channel/components/UnreadCount.js';
-import './Channel/components/FrozenNotification.js';
 import './Channel/components/MessageInput.js';
 import './ui/QuoteMessageInput.js';
 import './OpenChannel/components/OpenChannelUI.js';
-import './chunks/bundle-Zl59BqjG.js';
+import './chunks/bundle-96I4BbNe.js';
 import './OpenChannel/components/OpenChannelInput.js';
 import './OpenChannel/components/FrozenChannelNotification.js';
 import './OpenChannel/components/OpenChannelHeader.js';
 import './OpenChannel/components/OpenChannelMessageList.js';
 import './OpenChannel/components/OpenChannelMessage.js';
 import './ui/OpenchannelUserMessage.js';
-import './chunks/bundle-UvPIovuO.js';
-import './chunks/bundle-moPxtvhk.js';
+import './chunks/bundle-PwOQ689V.js';
+import './chunks/bundle-OiOp4RUP.js';
 import './ui/OpenChannelAdminMessage.js';
 import './ui/OpenchannelOGMessage.js';
 import './ui/OpenchannelThumbnailMessage.js';
 import './ui/OpenchannelFileMessage.js';
+import './chunks/bundle-Nv1SlZSC.js';
 import './OpenChannelSettings/components/OpenChannelSettingsUI.js';
 import './OpenChannelSettings/context.js';
 import './OpenChannelSettings/components/OperatorUI.js';
 import './OpenChannelSettings/components/OpenChannelProfile.js';
 import './ui/OpenChannelAvatar.js';
 import './OpenChannelSettings/components/EditDetailsModal.js';
-import './chunks/bundle-0QcaQ8yA.js';
+import './chunks/bundle-jw3t70tT.js';
 import './MessageSearch/components/MessageSearchUI.js';
 import './MessageSearch/context.js';
 import './ui/MessageSearchItem.js';
 import './ui/MessageSearchFileItem.js';
+import './Channel/components/Message.js';
+import './ui/MessageContent.js';
+import './ui/AdminMessage.js';
+import './ui/QuoteMessage.js';
+import './ui/ThreadReplies.js';
+import './Channel/components/FileViewer.js';
+import './Channel/components/RemoveMessageModal.js';
+import './Channel/utils/getMessagePartsInfo.js';
+import './Channel/utils/compareMessagesForGrouping.js';
+import './Channel/components/UnreadCount.js';
+import './Channel/components/FrozenNotification.js';
+import './ui/TypingIndicatorBubble.js';
 //# sourceMappingURL=index.js.map

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -36,14 +36,14 @@
     "url": "https://community.sendbird.com"
   },
   "homepage": "https://sendbird.com",
-  "version": "3.8.2",
+  "version": "3.9.0",
   "peerDependencies": {
     "react": "^16.8.6 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.6 || ^17.0.0 || ^18.0.0"
   },
   "dependencies": {
     "@sendbird/chat": "^4.10.1",
-    "@sendbird/uikit-tools": "0.0.1-alpha.40",
+    "@sendbird/uikit-tools": "0.0.1-alpha.43",
     "css-vars-ponyfill": "^2.3.2",
     "date-fns": "^2.16.1",
     "dompurify": "^3.0.1"
@@ -289,6 +289,12 @@
       "import": "./Channel/hooks/useInitialMessagesFetch.js",
       "default": "./Channel/hooks/useInitialMessagesFetch.js"
     },
+    "./Channel/hooks/useHandleUploadFiles": {
+      "types": "./types/modules/Channel/components/MessageInput/useHandleUploadFiles.d.ts",
+      "require": "./cjs/Channel/hooks/useHandleUploadFiles.js",
+      "import": "./Channel/hooks/useHandleUploadFiles.js",
+      "default": "./Channel/hooks/useHandleUploadFiles.js"
+    },
     "./Channel/utils/getMessagePartsInfo": {
       "types": "./types/modules/Channel/components/MessageList/getMessagePartsInfo.d.ts",
       "require": "./cjs/Channel/utils/getMessagePartsInfo.js",
@@ -979,6 +985,12 @@
       "import": "./ui/TooltipWrapper.js",
       "default": "./ui/TooltipWrapper.js"
     },
+    "./ui/TypingIndicatorBubble": {
+      "types": "./types/ui/TypingIndicatorBubble/index.d.ts",
+      "require": "./cjs/ui/TypingIndicatorBubble.js",
+      "import": "./ui/TypingIndicatorBubble.js",
+      "default": "./ui/TypingIndicatorBubble.js"
+    },
     "./ui/UnknownMessageItemBody": {
       "types": "./types/ui/UnknownMessageItemBody/index.d.ts",
       "require": "./cjs/ui/UnknownMessageItemBody.js",
@@ -997,11 +1009,11 @@
       "import": "./ui/UserProfile.js",
       "default": "./ui/UserProfile.js"
     },
-    "./ui/VoiceMessgeInput": {
+    "./ui/VoiceMessageInput": {
       "types": "./types/ui/VoiceMessageInput/index.d.ts",
-      "require": "./cjs/ui/VoiceMessgeInput.js",
-      "import": "./ui/VoiceMessgeInput.js",
-      "default": "./ui/VoiceMessgeInput.js"
+      "require": "./cjs/ui/VoiceMessageInput.js",
+      "import": "./ui/VoiceMessageInput.js",
+      "default": "./ui/VoiceMessageInput.js"
     },
     "./ui/VoiceMessageItemBody": {
       "types": "./types/ui/VoiceMessageItemBody/index.d.ts",
@@ -1135,6 +1147,9 @@
       "Channel/hooks/useInitialMessagesFetch": [
         "./types/modules/Channel/context/hooks/useInitialMessagesFetch.d.ts"
       ],
+      "Channel/hooks/useHandleUploadFiles": [
+        "./types/modules/Channel/components/MessageInput/useHandleUploadFiles.d.ts"
+      ],
       "Channel/utils/getMessagePartsInfo": [
         "./types/modules/Channel/components/MessageList/getMessagePartsInfo.d.ts"
       ],
@@ -1480,6 +1495,9 @@
       "ui/TooltipWrapper": [
         "./types/ui/TooltipWrapper/index.d.ts"
       ],
+      "ui/TypingIndicatorBubble": [
+        "./types/ui/TypingIndicatorBubble/index.d.ts"
+      ],
       "ui/UnknownMessageItemBody": [
         "./types/ui/UnknownMessageItemBody/index.d.ts"
       ],
@@ -1489,7 +1507,7 @@
       "ui/UserProfile": [
         "./types/ui/UserProfile/index.d.ts"
       ],
-      "ui/VoiceMessgeInput": [
+      "ui/VoiceMessageInput": [
         "./types/ui/VoiceMessageInput/index.d.ts"
       ],
       "ui/VoiceMessageItemBody": [

package/pubSub/topics.js

@@ -1,2 +1,2 @@
-export { b as PUBSUB_TOPICS, P as PublishingModuleType, p as default } from '../chunks/bundle-Ey2KFn-R.js';
+export { b as PUBSUB_TOPICS, P as PublishingModuleType, p as default } from '../chunks/bundle-7x4clnC7.js';
 //# sourceMappingURL=topics.js.map

package/sendbirdSelectors.js

@@ -1,5 +1,5 @@
-import { p as pubSubTopics } from './chunks/bundle-Ey2KFn-R.js';
-import { n as noop } from './chunks/bundle-fBRojj0w.js';
+import { p as pubSubTopics } from './chunks/bundle-7x4clnC7.js';
+import { n as noop } from './chunks/bundle-JhG5BHdE.js';
 
 /**
  * 1. UIKit Instances

package/types/hooks/useOnScrollReachedEndDetector/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface UseOnScrollReachedEndDetectorProps {
+    onReachedTop?: () => void;
+    onReachedBottom?: () => void;
+    onInBetween?: () => void;
+}
+export declare function useOnScrollPositionChangeDetector(props: UseOnScrollReachedEndDetectorProps): (event: React.UIEvent<HTMLDivElement, UIEvent>) => void;

package/types/index.d.ts

@@ -11,3 +11,4 @@ export { default as withSendBird } from './lib/SendbirdSdkContext';
 export { default as sendbirdSelectors } from './lib/selectors';
 export { default as sendBirdSelectors } from './lib/selectors';
 export { default as useSendbirdStateContext } from './hooks/useSendbirdStateContext';
+export { TypingIndicatorType } from './types';

package/types/lib/hooks/useConnect/connect.d.ts

@@ -1,2 +1,2 @@
 import { ConnectTypes } from './types';
-export declare function connect({ logger, sdkDispatcher, userDispatcher, initDashboardConfigs, userId, appId, customApiHost, customWebSocketHost, configureSession, nickname, profileUrl, accessToken, sdk, sdkInitParams, customExtensionParams, isMobile, }: ConnectTypes): Promise<void>;
+export declare function connect({ logger, sdkDispatcher, userDispatcher, initDashboardConfigs, userId, appId, customApiHost, customWebSocketHost, configureSession, nickname, profileUrl, accessToken, sdk, sdkInitParams, customExtensionParams, isMobile, eventHandlers, }: ConnectTypes): Promise<void>;

package/types/lib/hooks/useConnect/setupConnection.d.ts

@@ -15,4 +15,4 @@ export declare function setUpParams({ appId, customApiHost, customWebSocketHost,
     sdkInitParams?: SendbirdChatInitParams;
     customExtensionParams?: CustomExtensionParams;
 }): SendbirdChat & import("@sendbird/chat/lib/__definition").ModuleNamespaces<[...(import("@sendbird/chat/lib/__definition").Module & (GroupChannelModule | OpenChannelModule))[], import("@sendbird/chat/message").MessageModule, import("@sendbird/chat/poll").PollModule], import("@sendbird/chat/message").MessageModule | import("@sendbird/chat/poll").PollModule | (import("@sendbird/chat/lib/__definition").Module & (GroupChannelModule | OpenChannelModule))>;
-export declare function setUpConnection({ logger, sdkDispatcher, userDispatcher, initDashboardConfigs, userId, appId, customApiHost, customWebSocketHost, configureSession, nickname, profileUrl, accessToken, isUserIdUsedForNickname, sdkInitParams, customExtensionParams, isMobile, }: SetupConnectionTypes): Promise<void>;
+export declare function setUpConnection({ logger, sdkDispatcher, userDispatcher, initDashboardConfigs, userId, appId, customApiHost, customWebSocketHost, configureSession, nickname, profileUrl, accessToken, isUserIdUsedForNickname, sdkInitParams, customExtensionParams, isMobile, eventHandlers, }: SetupConnectionTypes): Promise<void>;

package/types/lib/hooks/useConnect/types.d.ts

@@ -5,7 +5,7 @@ import { SendbirdOpenChat } from '@sendbird/chat/openChannel';
 import { SdkActionTypes } from '../../dux/sdk/actionTypes';
 import { UserActionTypes } from '../../dux/user/actionTypes';
 import { Logger } from '../../SendbirdState';
-import { SendbirdChatInitParams, CustomExtensionParams } from '../../types';
+import { SendbirdChatInitParams, CustomExtensionParams, SBUEventHandlers } from '../../types';
 type SdkDispatcher = React.Dispatch<SdkActionTypes>;
 type UserDispatcher = React.Dispatch<UserActionTypes>;
 export type TriggerTypes = {
@@ -29,6 +29,7 @@ export type StaticTypes = {
     initDashboardConfigs: (sdk: SendbirdChat) => Promise<void>;
     sdkInitParams?: SendbirdChatInitParams;
     customExtensionParams?: CustomExtensionParams;
+    eventHandlers?: SBUEventHandlers;
 };
 export type ConnectTypes = TriggerTypes & StaticTypes;
 export type SetupConnectionTypes = Omit<ConnectTypes, 'sdk'>;

package/types/lib/types.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type SendbirdChat from '@sendbird/chat';
-import type { User, SendbirdChatParams } from '@sendbird/chat';
+import type { User, SendbirdChatParams, SendbirdError } from '@sendbird/chat';
 import type { GroupChannel, GroupChannelCreateParams, GroupChannelModule } from '@sendbird/chat/groupChannel';
 import type { OpenChannel, OpenChannelCreateParams, OpenChannelModule } from '@sendbird/chat/openChannel';
 import type { FileMessage, FileMessageCreateParams, UserMessage, UserMessageCreateParams, UserMessageUpdateParams } from '@sendbird/chat/message';
@@ -25,6 +25,9 @@ export interface SBUEventHandlers {
     reaction?: {
         onPressUserProfile?(member: User): void;
     };
+    connection?: {
+        onFailed?(error: SendbirdError): void;
+    };
 }
 export interface SendBirdStateConfig {
     disableUserProfile: boolean;
@@ -73,6 +76,7 @@ export interface SendBirdStateConfig {
         enableTypingIndicator: SBUConfig['groupChannel']['channel']['enableTypingIndicator'];
         enableDocument: SBUConfig['groupChannel']['channel']['input']['enableDocument'];
         threadReplySelectType: SBUConfig['groupChannel']['channel']['threadReplySelectType'];
+        typingIndicatorTypes: SBUConfig['groupChannel']['channel']['typingIndicatorTypes'];
     };
     openChannel: {
         enableOgtag: SBUConfig['openChannel']['channel']['enableOgtag'];

package/types/modules/Channel/components/ChannelUI/index.d.ts

@@ -14,6 +14,7 @@ export interface ChannelUIProps {
     renderSendMessageIcon?: () => React.ReactElement;
     renderTypingIndicator?: () => React.ReactElement;
     renderCustomSeparator?: (props: RenderCustomSeparatorProps) => React.ReactElement;
+    renderFrozenNotification?: () => React.ReactElement;
 }
 declare const ChannelUI: React.FC<ChannelUIProps>;
 export default ChannelUI;

package/types/modules/Channel/components/MessageInput/index.d.ts

@@ -7,5 +7,6 @@ export type MessageInputWrapperProps = {
     renderVoiceMessageIcon?: () => React.ReactElement;
     renderSendMessageIcon?: () => React.ReactElement;
 };
+export { VoiceMessageInputWrapper, VoiceMessageInputWrapperProps, } from './VoiceMessageInputWrapper';
 declare const _default: React.ForwardRefExoticComponent<MessageInputWrapperProps & React.RefAttributes<any>>;
 export default _default;

package/types/modules/Channel/components/MessageList/index.d.ts

@@ -7,6 +7,7 @@ export interface MessageListProps {
     renderPlaceholderEmpty?: () => React.ReactElement;
     renderCustomSeparator?: (props: RenderCustomSeparatorProps) => React.ReactElement;
     renderPlaceholderLoader?: () => React.ReactElement;
+    renderFrozenNotification?: () => React.ReactElement;
 }
 declare const MessageList: React.FC<MessageListProps>;
 export default MessageList;

package/types/modules/EditUserProfile/components/EditUserProfileUI/index.d.ts

@@ -1,3 +1,3 @@
 import './edit-user-profile.scss';
 import { ReactElement } from 'react';
-export default function EditUserProfile(): ReactElement;
+export default function EditUserProfileUI(): ReactElement;

package/types/modules/EditUserProfile/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { EditUserProfileProps } from './context/EditUserProfileProvider';
-declare const EditProfile: React.FC<EditUserProfileProps>;
-export default EditProfile;
+declare const EditUserProfile: React.FC<EditUserProfileProps>;
+export default EditUserProfile;

package/types/types.d.ts

@@ -16,6 +16,10 @@ export interface UserListQuery {
     next(): Promise<Array<User>>;
     get isLoading(): boolean;
 }
+export declare enum TypingIndicatorType {
+    Text = "text",
+    Bubble = "bubble"
+}
 export interface RenderUserProfileProps {
     user: User | Member;
     currentUserId: string;

package/types/ui/Avatar/AvatarDefault.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+interface AvatarDefaultProps {
+    width: string | number;
+    height: string | number;
+    text?: string;
+}
+declare const AvatarDefault: (props: AvatarDefaultProps) => JSX.Element;
+export default AvatarDefault;

package/types/ui/Avatar/index.d.ts

@@ -15,6 +15,8 @@ interface AvatarProps {
     className?: string | Array<string>;
     height?: string | number;
     width?: string | number;
+    zIndex?: string | number;
+    left?: string;
     src?: string | Array<string>;
     alt?: string;
     onClick?(): void;

package/types/ui/EmojiReactions/index.d.ts

@@ -5,7 +5,7 @@ import type { GroupChannel } from '@sendbird/chat/groupChannel';
 import { Nullable, SpaceFromTriggerType } from '../../types';
 import { SendableMessageType } from '../../utils';
 import { User } from '@sendbird/chat';
-interface Props {
+export interface EmojiReactionsProps {
     className?: string | Array<string>;
     userId: string;
     message: SendableMessageType;
@@ -17,5 +17,5 @@ interface Props {
     toggleReaction?: (message: SendableMessageType, key: string, byMe: boolean) => void;
     onPressUserProfile?: (member: User) => void;
 }
-declare const EmojiReactions: ({ className, userId, message, channel, emojiContainer, memberNicknamesMap, spaceFromTrigger, isByMe, toggleReaction, onPressUserProfile, }: Props) => ReactElement;
+declare const EmojiReactions: ({ className, userId, message, channel, emojiContainer, memberNicknamesMap, spaceFromTrigger, isByMe, toggleReaction, onPressUserProfile, }: EmojiReactionsProps) => ReactElement;
 export default EmojiReactions;

package/types/ui/MessageContent/MessageProfile/index.d.ts

@@ -1,15 +1,8 @@
-import { Dispatch, ReactElement, SetStateAction } from 'react';
+import { ReactElement } from 'react';
 import '../index.scss';
 import { MessageContentProps } from '../index';
 export interface MessageProfileProps extends MessageContentProps {
-    setSupposedHover?: Dispatch<SetStateAction<boolean>>;
-    isMobile?: boolean;
-    isReactionEnabledInChannel?: boolean;
-    isReactionEnabledClassName?: string;
     isByMe?: boolean;
-    isByMeClassName?: string;
-    useReplyingClassName?: string;
     displayThreadReplies?: boolean;
-    supposedHoverClassName?: string;
 }
 export default function MessageProfile(props: MessageProfileProps): ReactElement;

package/types/ui/MessageContent/index.d.ts

@@ -1,5 +1,8 @@
 import { ReactElement, ReactNode } from 'react';
 import './index.scss';
+import { MessageMenuProps } from '../MessageItemMenu';
+import { MessageEmojiMenuProps } from '../MessageItemReactionMenu';
+import { EmojiReactionsProps } from '../EmojiReactions';
 import { SendableMessageType, CoreMessageType } from '../../utils';
 import { GroupChannel } from '@sendbird/chat/groupChannel';
 import { EmojiContainer } from '@sendbird/chat';
@@ -40,5 +43,8 @@ export interface MessageContentProps {
     renderSenderProfile?: (props: MessageProfileProps) => ReactNode;
     renderMessageBody?: (props: MessageBodyProps) => ReactNode;
     renderMessageHeader?: (props: MessageHeaderProps) => ReactNode;
+    renderMessageMenu?: (props: MessageMenuProps) => ReactNode;
+    renderEmojiMenu?: (props: MessageEmojiMenuProps) => ReactNode;
+    renderEmojiReactions?: (props: EmojiReactionsProps) => ReactNode;
 }
 export default function MessageContent(props: MessageContentProps): ReactElement;

package/types/ui/MessageItemMenu/index.d.ts

@@ -4,7 +4,7 @@ import type { GroupChannel } from '@sendbird/chat/groupChannel';
 import type { OpenChannel } from '@sendbird/chat/openChannel';
 import { SendableMessageType } from '../../utils/index';
 import { ReplyType } from '../../types';
-interface Props {
+export interface MessageMenuProps {
     className?: string | Array<string>;
     message: SendableMessageType;
     channel: GroupChannel | OpenChannel;
@@ -22,5 +22,5 @@ interface Props {
     }) => void;
     onMoveToParentMessage?: () => void;
 }
-export default function MessageItemMenu({ className, message, channel, isByMe, disabled, replyType, disableDeleteMessage, showEdit, showRemove, resendMessage, setQuoteMessage, setSupposedHover, onReplyInThread, onMoveToParentMessage, }: Props): ReactElement;
-export {};
+export declare function MessageMenu({ className, message, channel, isByMe, disabled, replyType, disableDeleteMessage, showEdit, showRemove, resendMessage, setQuoteMessage, setSupposedHover, onReplyInThread, onMoveToParentMessage, }: MessageMenuProps): ReactElement;
+export default MessageMenu;

package/types/ui/MessageItemReactionMenu/index.d.ts

@@ -3,7 +3,7 @@ import { ReactElement } from 'react';
 import type { EmojiContainer } from '@sendbird/chat';
 import { SendableMessageType } from '../../utils';
 import { SpaceFromTriggerType } from '../../types';
-interface Props {
+export interface MessageEmojiMenuProps {
     className?: string | Array<string>;
     message: SendableMessageType;
     userId: string;
@@ -12,5 +12,5 @@ interface Props {
     toggleReaction?: (message: SendableMessageType, reactionKey: string, isReacted: boolean) => void;
     setSupposedHover?: (bool: boolean) => void;
 }
-export default function MessageItemReactionMenu({ className, message, userId, spaceFromTrigger, emojiContainer, toggleReaction, setSupposedHover, }: Props): ReactElement;
-export {};
+export declare function MessageEmojiMenu({ className, message, userId, spaceFromTrigger, emojiContainer, toggleReaction, setSupposedHover, }: MessageEmojiMenuProps): ReactElement;
+export default MessageEmojiMenu;