@sendbird/uikit-react 3.14.5 → 3.14.6

package/index.js

@@ -3,94 +3,94 @@ 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-B621kS6J.js';
+export { g as getStringSet } from './chunks/bundle-Ce-B4ROs.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';
-export { T as TypingIndicatorType } from './chunks/bundle-BH5EGLxi.js';
-import './chunks/bundle-CDy_GVNR.js';
+export { T as TypingIndicatorType } from './chunks/bundle-janisM9b.js';
+import './chunks/bundle-DKkCwVCs.js';
 import 'react';
 import '@sendbird/uikit-tools';
 import 'css-vars-ponyfill';
-import './chunks/bundle-u9Zl-7Je.js';
-import './chunks/bundle-CUOi3VHK.js';
+import './chunks/bundle-CFgnDIJC.js';
+import './chunks/bundle-BjTYwue9.js';
 import '@sendbird/chat';
-import './chunks/bundle-8J9SSfIS.js';
+import './chunks/bundle-uIqOEfCa.js';
 import '@sendbird/chat/openChannel';
 import '@sendbird/chat/groupChannel';
-import './chunks/bundle-DhJuLwLJ.js';
-import './chunks/bundle-E4462uBn.js';
-import './chunks/bundle-D2MpL8t0.js';
-import './chunks/bundle-thdxvFU8.js';
-import './chunks/bundle-DiVyB2HD.js';
+import './chunks/bundle-Dw9nwO7e.js';
+import './chunks/bundle-B65gr4tC.js';
+import './chunks/bundle-BMQLJ23N.js';
+import './chunks/bundle-DhBuJR0w.js';
+import './chunks/bundle-CGmq3qGM.js';
 import 'react-dom';
-import './chunks/bundle-CAdxJnio.js';
-import './chunks/bundle-9Pg6kODx.js';
-import './chunks/bundle-Cj-w5I5i.js';
+import './chunks/bundle-nfJ9J5Md.js';
+import './chunks/bundle-DprHnWfH.js';
+import './chunks/bundle-3Mubyujl.js';
 import './ui/IconButton.js';
 import './ui/Button.js';
-import './chunks/bundle-q3jyuKU7.js';
+import './chunks/bundle-prXB4t_m.js';
 import './ui/Icon.js';
-import './chunks/bundle-2vhBVWLQ.js';
-import './chunks/bundle-B26G55qN.js';
+import './chunks/bundle-DwJ8HgZK.js';
+import './chunks/bundle-BiK_ngKm.js';
 import './ui/ContextMenu.js';
 import './ui/SortByRow.js';
 import './GroupChannel.js';
 import './GroupChannel/context.js';
 import '@sendbird/chat/message';
-import './chunks/bundle-60et0yds.js';
-import './chunks/bundle-C8XqVZD9.js';
-import './chunks/bundle-klvZ-YE5.js';
-import './chunks/bundle-BGTq2aZA.js';
-import './chunks/bundle-CDMcNani.js';
-import './chunks/bundle-HFOQJZAX.js';
-import './chunks/bundle-CtgXJZJt.js';
-import './chunks/bundle-BxaysvGU.js';
+import './chunks/bundle-C_dNvBEo.js';
+import './chunks/bundle-DQZG-uS3.js';
+import './chunks/bundle-EgWLYRXK.js';
+import './chunks/bundle-Ck_ke5Gq.js';
+import './chunks/bundle-B9ue8vfn.js';
+import './chunks/bundle-Bd6fN8eX.js';
+import './chunks/bundle-CriEArZn.js';
+import './chunks/bundle-BFa8UJ8b.js';
 import './GroupChannel/components/GroupChannelUI.js';
-import './chunks/bundle-Cdx5L_Jm.js';
+import './chunks/bundle-BRZDoZIQ.js';
 import './GroupChannel/components/TypingIndicator.js';
 import './ui/ConnectionStatus.js';
 import './ui/PlaceHolder.js';
 import './ui/Loader.js';
 import './GroupChannel/components/GroupChannelHeader.js';
-import './chunks/bundle-DVc25Jb7.js';
+import './chunks/bundle-EYdnditu.js';
 import './ui/ChannelAvatar.js';
-import './chunks/bundle-C1XVT5qc.js';
+import './chunks/bundle-BgL9QnGd.js';
 import './ui/ImageRenderer.js';
-import './chunks/bundle-BQPvwBK8.js';
-import './chunks/bundle-DHrYAkRt.js';
-import './chunks/bundle-uI-GOX6U.js';
+import './chunks/bundle-Bmk2FVdj.js';
+import './chunks/bundle-COoyrRF6.js';
+import './chunks/bundle-DuBg9tG9.js';
 import './ui/Header.js';
 import './ui/TextButton.js';
-import './chunks/bundle-BCuW6lS8.js';
+import './chunks/bundle-h8I0AuUK.js';
 import './GroupChannel/components/MessageList.js';
 import './GroupChannel/components/Message.js';
-import './chunks/bundle-DVMiIa_8.js';
-import './chunks/bundle-DQ3tLeW9.js';
-import './chunks/bundle-DudTIr4X.js';
+import './chunks/bundle-RuTR5KRM.js';
+import './chunks/bundle-t4qeDosj.js';
+import './chunks/bundle-COYqO05C.js';
 import './Message/hooks/useDirtyGetMentions.js';
 import './ui/DateSeparator.js';
 import './ui/MessageInput.js';
-import './chunks/bundle-C5i4dn9q.js';
-import './chunks/bundle-Dpj_mOs8.js';
+import './chunks/bundle-CWXSCBTE.js';
+import './chunks/bundle-YUF6WfTL.js';
 import 'dompurify';
-import './chunks/bundle-YveljAuC.js';
-import './chunks/bundle-DUVa5cu6.js';
-import './chunks/bundle-C2B-jwQF.js';
-import './chunks/bundle-HhDUyQa4.js';
+import './chunks/bundle-B3nNazhn.js';
+import './chunks/bundle-QPuxH0uW.js';
+import './chunks/bundle-C8jE79mn.js';
+import './chunks/bundle-ZBhGb8Lc.js';
 import './ui/MessageContent.js';
-import './chunks/bundle-B4q4jk6S.js';
+import './chunks/bundle-C3gISq8S.js';
 import './utils/message/getOutgoingMessageState.js';
-import './chunks/bundle-SI5OarjR.js';
-import './chunks/bundle-DZl5IVWc.js';
+import './chunks/bundle-BWiA6-mB.js';
+import './chunks/bundle-D1rcEkoi.js';
 import './ui/MessageItemMenu.js';
-import './chunks/bundle-hF8Gurf8.js';
+import './chunks/bundle-Boh0Ffwo.js';
 import './ui/MessageItemReactionMenu.js';
 import './ui/ReactionButton.js';
-import './chunks/bundle-xHRJMo_A.js';
+import './chunks/bundle-RoB3xpYU.js';
 import './ui/EmojiReactions.js';
 import './ui/ReactionBadge.js';
 import './ui/BottomSheet.js';
@@ -103,18 +103,18 @@ import './ui/TooltipWrapper.js';
 import './Message/context.js';
 import './ui/AdminMessage.js';
 import './ui/QuoteMessage.js';
-import './chunks/bundle-ARb5Lm9T.js';
-import './chunks/bundle-C6yCDg1g.js';
+import './chunks/bundle-DYErcqMl.js';
+import './chunks/bundle-Cp2PKGXI.js';
 import './ui/ThreadReplies.js';
 import './ui/OGMessageItemBody.js';
-import './chunks/bundle-DEFOjZw9.js';
+import './chunks/bundle-B-DnYw4p.js';
 import './ui/MentionLabel.js';
 import './ui/LinkLabel.js';
 import './ui/TextMessageItemBody.js';
 import './ui/FileMessageItemBody.js';
-import './chunks/bundle-CclWZYVY.js';
-import './chunks/bundle-DYmy2oK3.js';
-import './chunks/bundle-Cw_yF4Vi.js';
+import './chunks/bundle-zwvszN0Y.js';
+import './chunks/bundle-Cn6S1UKt.js';
+import './chunks/bundle-B4izwMfD.js';
 import './ui/VoiceMessageItemBody.js';
 import './ui/ProgressBar.js';
 import './VoicePlayer/useVoicePlayer.js';
@@ -122,7 +122,7 @@ import './ui/PlaybackTime.js';
 import './ui/ThumbnailMessageItemBody.js';
 import './ui/UnknownMessageItemBody.js';
 import './ui/TemplateMessageItemBody.js';
-import './chunks/bundle-CTqXLoJ-.js';
+import './chunks/bundle-C7Vw36CA.js';
 import './ui/FallbackTemplateMessageItemBody.tsx.js';
 import './ui/LoadingTemplateMessageItemBody.tsx.js';
 import './ui/FeedbackIconButton.js';
@@ -131,55 +131,55 @@ import './ui/MessageFeedbackModal.js';
 import './ui/Input.js';
 import './ui/MessageFeedbackFailedModal.js';
 import './GroupChannel/components/SuggestedReplies.js';
-import './chunks/bundle-BUMKThPh.js';
+import './chunks/bundle-gH-X0MYD.js';
 import './GroupChannel/components/FileViewer.js';
-import './chunks/bundle-DElB1Hqa.js';
+import './chunks/bundle-CbFt9rKR.js';
 import './GroupChannel/components/RemoveMessageModal.js';
-import './chunks/bundle-e3NlFYfX.js';
-import './chunks/bundle-Chn4Xw78.js';
+import './chunks/bundle-Dv6nIlPZ.js';
+import './chunks/bundle-DvNDJy8Z.js';
 import './Channel/utils/getMessagePartsInfo.js';
 import './Channel/utils/compareMessagesForGrouping.js';
 import './GroupChannel/components/UnreadCount.js';
 import './GroupChannel/components/FrozenNotification.js';
 import './ui/TypingIndicatorBubble.js';
 import './GroupChannel/components/MessageInputWrapper.js';
-import './chunks/bundle-2jZ-0hKC.js';
+import './chunks/bundle-Ct6xKrI3.js';
 import './GroupChannel/components/SuggestedMentionList.js';
 import './ui/QuoteMessageInput.js';
 import './VoiceRecorder/useVoiceRecorder.js';
-import './chunks/bundle-C8hyJJ4a.js';
-import './chunks/bundle-DwvN2wPi.js';
+import './chunks/bundle-C093wLqR.js';
+import './chunks/bundle-DYtgOX1c.js';
 import './GroupChannelList.js';
 import './GroupChannelList/context.js';
 import './GroupChannelList/components/GroupChannelListUI.js';
-import './chunks/bundle-Y_WIAHds.js';
+import './chunks/bundle-BaXke8XU.js';
 import './GroupChannelList/components/GroupChannelListHeader.js';
 import './EditUserProfile.js';
 import './EditUserProfile/context.js';
 import './EditUserProfile/components/EditUserProfileUI.js';
 import './GroupChannelList/components/GroupChannelPreviewAction.js';
 import './GroupChannelList/components/GroupChannelListItem.js';
-import './chunks/bundle-WdeDKCD0.js';
+import './chunks/bundle-DuRujwfr.js';
 import './ui/Badge.js';
 import './ui/MentionUserLabel.js';
 import './GroupChannelList/components/AddGroupChannel.js';
-import './chunks/bundle-Br_sURBN.js';
+import './chunks/bundle-BKVuhi2w.js';
 import './CreateChannel.js';
 import './CreateChannel/components/CreateChannelUI.js';
-import './chunks/bundle-iA2l_iD3.js';
+import './chunks/bundle-Ps1Qc3cX.js';
 import './CreateChannel/components/InviteUsers.js';
 import './CreateChannel/components/SelectChannelType.js';
 import './Thread.js';
 import './Thread/context.js';
-import './chunks/bundle-BEbribQZ.js';
+import './chunks/bundle-sX9kxwmI.js';
 import './Thread/context/types.js';
-import './chunks/bundle-KmtzKHnJ.js';
-import './chunks/bundle-DwPw_RW5.js';
+import './chunks/bundle-gNs_MAJh.js';
+import './chunks/bundle-Dk5y6RzJ.js';
 import './Thread/components/ThreadUI.js';
 import './Thread/components/ParentMessageInfo.js';
-import './chunks/bundle-BfjOoJk6.js';
+import './chunks/bundle-D9dyuFq0.js';
 import './Thread/components/ParentMessageInfoItem.js';
-import './chunks/bundle-CLQfFjkS.js';
+import './chunks/bundle-U_oIvkG2.js';
 import './Thread/components/ThreadHeader.js';
 import './Thread/components/ThreadList.js';
 import './Thread/components/ThreadListItem.js';
@@ -196,34 +196,34 @@ import './ui/Accordion.js';
 import './ui/AccordionGroup.js';
 import './ui/Toggle.js';
 import './ChannelSettings/components/UserListItem.js';
-import './chunks/bundle-BXXtOrta.js';
+import './chunks/bundle-D5P54ZJi.js';
 import './ChannelSettings/components/LeaveChannel.js';
 import './ChannelSettings/components/UserPanel.js';
-import './chunks/bundle-D-cEFrBM.js';
-import './chunks/bundle-cgNuve_E.js';
+import './chunks/bundle-CttExrDx.js';
+import './chunks/bundle-BYyMnx0z.js';
 import './ChannelList/components/ChannelListUI.js';
 import './ChannelList/components/ChannelPreview.js';
 import './ChannelList/components/AddChannel.js';
 import './Channel/context.js';
-import './chunks/bundle-DG8DFRNL.js';
+import './chunks/bundle-B3xB7_P4.js';
 import './Channel/components/ChannelUI.js';
 import './Channel/components/ChannelHeader.js';
 import './Channel/components/MessageList.js';
 import './Channel/components/Message.js';
 import './Channel/components/FileViewer.js';
 import './Channel/components/RemoveMessageModal.js';
-import './chunks/bundle-BI0n-T1b.js';
+import './chunks/bundle-B3sFrr1p.js';
 import './Channel/components/MessageInput.js';
 import './OpenChannel/components/OpenChannelUI.js';
-import './chunks/bundle-D5DtB0L7.js';
+import './chunks/bundle-DQdztuN4.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-DoXeGvHN.js';
-import './chunks/bundle-BD-1uffr.js';
+import './chunks/bundle-FfoT30Gt.js';
+import './chunks/bundle-CYknZObK.js';
 import './ui/OpenChannelAdminMessage.js';
 import './ui/OpenchannelOGMessage.js';
 import './ui/OpenchannelThumbnailMessage.js';
@@ -234,7 +234,7 @@ import './OpenChannelSettings/components/OperatorUI.js';
 import './OpenChannelSettings/components/OpenChannelProfile.js';
 import './ui/OpenChannelAvatar.js';
 import './OpenChannelSettings/components/EditDetailsModal.js';
-import './chunks/bundle-B8F-tpmW.js';
+import './chunks/bundle-COd0N3nE.js';
 import './MessageSearch/components/MessageSearchUI.js';
 import './MessageSearch/context.js';
 import './ui/MessageSearchItem.js';

package/package.json

@@ -36,7 +36,7 @@
     "url": "https://community.sendbird.com"
   },
   "homepage": "https://sendbird.com",
-  "version": "3.14.5",
+  "version": "3.14.6",
   "peerDependencies": {
     "react": "^16.8.6 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.6 || ^17.0.0 || ^18.0.0"

package/pubSub/topics.js

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

package/sendbirdSelectors.js

@@ -1,5 +1,5 @@
-import { p as pubSubTopics } from './chunks/bundle-CtgXJZJt.js';
-import { n as noop } from './chunks/bundle-DhJuLwLJ.js';
+import { p as pubSubTopics } from './chunks/bundle-CriEArZn.js';
+import { n as noop } from './chunks/bundle-Dw9nwO7e.js';
 
 /**
  * 1. UIKit Instances
@@ -330,7 +330,7 @@ var UikitMessageHandler = /** @class */ (function () {
         this._onPending(message);
     };
     UikitMessageHandler.prototype.triggerFailed = function (error, message) {
-        this._onFailed(error, message.isResendable ? message : null);
+        this._onFailed(error, (message === null || message === void 0 ? void 0 : message.isResendable) ? message : null);
     };
     UikitMessageHandler.prototype.triggerSucceeded = function (message) {
         this._onSucceeded(message);

package/types/hooks/VoicePlayer/useVoicePlayer.d.ts

@@ -1,7 +1,7 @@
 import { VoicePlayerStatusType } from './dux/initialState';
 export interface UseVoicePlayerProps {
-    key: string;
-    channelUrl: string;
+    key?: string;
+    channelUrl?: string;
     audioFile?: File;
     audioFileUrl?: string;
 }

package/types/hooks/VoiceRecorder/WebAudioUtils.d.ts

@@ -1,4 +1,7 @@
-import { WavHeader } from '../../_externals/lamejs/lame.all';
-declare function encodeMp3(arrayBuffer: ArrayBuffer): WavHeader;
+declare function encodeMp3(arrayBuffer: ArrayBuffer): Int8Array[];
 declare function downsampleToWav(file: File, callback: (buffer: ArrayBuffer) => void): void;
+export interface WebAudioUtils {
+    downsampleToWav: typeof downsampleToWav;
+    encodeMp3: typeof encodeMp3;
+}
 export { downsampleToWav, encodeMp3 };

package/types/hooks/VoiceRecorder/useVoiceRecorder.d.ts

@@ -12,7 +12,7 @@ export interface UseVoiceRecorderContext {
     cancel: () => void;
     recordingLimit: number;
     recordingTime: number;
-    recordedFile: File;
+    recordedFile: File | null;
     recordingStatus: VoiceRecorderStatus;
 }
 export declare const useVoiceRecorder: ({ onRecordingStarted, onRecordingEnded, }: VoiceRecorderEventHandler) => UseVoiceRecorderContext;

package/types/lib/LocalizationContext.d.ts

@@ -7,13 +7,12 @@ declare const LocalizationContext: React.Context<{
 }>;
 interface LocalizationProviderProps {
     stringSet: StringSet;
-    dateLocale: Locale;
+    dateLocale?: Locale;
     children: React.ReactElement;
 }
 declare const LocalizationProvider: (props: LocalizationProviderProps) => React.ReactElement;
-export type UseLocalizationType = () => {
+declare const useLocalization: () => {
     stringSet: StringSet;
-    dateLocale: Locale;
+    dateLocale: globalThis.Locale;
 };
-declare const useLocalization: UseLocalizationType;
 export { LocalizationContext, LocalizationProvider, useLocalization };

package/types/lib/Logger/index.d.ts

@@ -9,7 +9,7 @@ export declare const LOG_LEVELS: {
 export type LogLevel = ObjectValues<typeof LOG_LEVELS>;
 interface PrintLogProps {
     level: LogLevel;
-    title: string;
+    title?: string;
     description?: string;
     payload?: unknown[];
 }

package/types/lib/Sendbird.d.ts

@@ -1,19 +1,13 @@
 import './index.scss';
 import './__experimental__typography.scss';
 import React from 'react';
-import { User } from '@sendbird/chat';
 import { GroupChannel } from '@sendbird/chat/groupChannel';
 import { StringSet } from '../ui/Label/stringSet';
 import { ConfigureSessionTypes } from './hooks/useConnect/types';
 import { UIKitOptions, CommonUIKitConfigProps, SendbirdChatInitParams, CustomExtensionParams, SBUEventHandlers } from './types';
-import { RenderUserProfileProps } from '../types';
+import { RenderUserProfileProps, UserListQuery } from '../types';
 import { SBUGlobalPubSub } from './pubSub/topics';
 export { useSendbirdStateContext } from '../hooks/useSendbirdStateContext';
-export type UserListQueryType = {
-    hasNext?: boolean;
-    next: () => Promise<Array<User>>;
-    get isLoading(): boolean;
-};
 interface VoiceRecordOptions {
     maxRecordingTime?: number;
     minRecordingTime?: number;
@@ -49,7 +43,7 @@ export interface SendbirdProviderProps extends CommonUIKitConfigProps, React.Pro
     dateLocale?: Locale;
     profileUrl?: string;
     voiceRecord?: VoiceRecordOptions;
-    userListQuery?(): UserListQueryType;
+    userListQuery?: () => UserListQuery;
     imageCompression?: ImageCompressionOptions;
     allowProfileEdit?: boolean;
     disableMarkAsDelivered?: boolean;

package/types/lib/SendbirdSdkContext.d.ts

@@ -5,5 +5,8 @@ type ContextAwareComponentType = {
     displayName: string;
 };
 export declare const SendbirdSdkContext: React.Context<SendBirdState>;
+/**
+ * @deprecated This function is deprecated. Use `useSendbirdStateContext` instead.
+ * */
 declare const withSendbirdContext: (OriginalComponent: any, mapStoreToProps: Record<string, any>) => ContextAwareComponentType;
 export default withSendbirdContext;

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

@@ -1,2 +1,2 @@
-declare const useTheme: (overrides: Record<string, string>) => void;
+declare const useTheme: (overrides?: Record<string, string>) => void;
 export default useTheme;

package/types/lib/pubSub/topics.d.ts

@@ -71,12 +71,12 @@ export type SBUGlobalPubSubTopicPayloadUnion = {
 } | {
     topic: PUBSUB_TOPICS.LEAVE_CHANNEL;
     payload: {
-        channel: GroupChannel | OpenChannel;
+        channel: GroupChannel;
     };
 } | {
     topic: PUBSUB_TOPICS.CREATE_CHANNEL;
     payload: {
-        channel: GroupChannel | OpenChannel;
+        channel: GroupChannel;
     };
 } | {
     topic: PUBSUB_TOPICS.UPDATE_OPEN_CHANNEL;

package/types/lib/selectors.d.ts

@@ -143,11 +143,11 @@ export declare class UikitMessageHandler<T extends SendableMessage = SendableMes
     private _onFailed;
     private _onSucceeded;
     triggerPending(message: T): void;
-    triggerFailed(error: Error, message: T): void;
+    triggerFailed(error: Error, message: T | null): void;
     triggerSucceeded(message: T): void;
-    onPending(handler: MessageHandler<T>): UikitMessageHandler;
-    onFailed(handler: FailedMessageHandler<T>): UikitMessageHandler;
-    onSucceeded(handler: MessageHandler<T>): UikitMessageHandler;
+    onPending(handler: MessageHandler<T>): UikitMessageHandler<T>;
+    onFailed(handler: FailedMessageHandler<T>): UikitMessageHandler<T>;
+    onSucceeded(handler: MessageHandler<T>): UikitMessageHandler<T>;
 }
 /**
  * const sendUserMessage = selectors.getSendUserMessage(state);

package/types/lib/types.d.ts

@@ -46,15 +46,15 @@ export interface SendBirdStateConfig {
     isOnline: boolean;
     userId: string;
     appId: string;
-    accessToken: string;
+    accessToken?: string;
     theme: string;
     pubSub: SBUGlobalPubSub;
     logger: Logger;
     setCurrentTheme: (theme: 'light' | 'dark') => void;
-    userListQuery?(): UserListQuery;
+    userListQuery?: () => UserListQuery;
     uikitUploadSizeLimit: number;
     uikitMultipleFilesMessageLimit: number;
-    voiceRecord?: {
+    voiceRecord: {
         maxRecordingTime: number;
         minRecordingTime: number;
     };
@@ -62,7 +62,7 @@ export interface SendBirdStateConfig {
         maxMentionCount: number;
         maxSuggestionCount: number;
     };
-    imageCompression?: ImageCompressionOptions;
+    imageCompression: ImageCompressionOptions;
     markAsReadScheduler: MarkAsReadSchedulerType;
     markAsDeliveredScheduler: MarkAsDeliveredSchedulerType;
     disableMarkAsDelivered: boolean;
@@ -147,7 +147,7 @@ export type SendBirdState = {
         reconnect: ReconnectType;
     };
     eventHandlers?: SBUEventHandlers;
-    emojiManager?: EmojiManager;
+    emojiManager: EmojiManager;
     utils: SendbirdProviderUtils;
 };
 type GetSdk = SendbirdChat | undefined;

package/types/modules/App/AppLayout.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import type { AppLayoutProps } from './types';
-export declare const AppLayout: React.FC<AppLayoutProps>;
+export declare const AppLayout: (props: AppLayoutProps) => React.JSX.Element;

package/types/modules/App/types.d.ts

@@ -15,7 +15,7 @@ export interface AppLayoutProps {
     onProfileEditSuccess?(user: User): void;
     disableAutoSelect?: boolean;
     currentChannel?: GroupChannel;
-    setCurrentChannel: React.Dispatch<GroupChannel | null>;
+    setCurrentChannel: React.Dispatch<GroupChannel | undefined>;
     enableLegacyChannelModules: boolean;
 }
 interface SubLayoutCommonProps {

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

@@ -1,4 +1,4 @@
 import React from 'react';
 import { MessageProps } from '../../../GroupChannel/components/Message/MessageView';
-declare const Message: (props: MessageProps) => React.ReactElement;
+declare const Message: (props: MessageProps) => React.JSX.Element;
 export default Message;

package/types/modules/Channel/context/ChannelProvider.d.ts

@@ -83,25 +83,25 @@ interface UpdateMessageParams {
 export type SendMessageType = (params: SendMessageParams) => void;
 export type UpdateMessageType = (props: UpdateMessageParams, callback?: (err: SendbirdError, message: UserMessage) => void) => void;
 export interface ChannelProviderInterface extends ChannelContextProps, MessageStoreInterface {
-    scrollToMessage?(createdAt: number, messageId: number): void;
+    scrollToMessage(createdAt: number, messageId: number): void;
     isScrolled?: boolean;
     setIsScrolled?: React.Dispatch<React.SetStateAction<boolean>>;
     messageActionTypes: typeof channelActions;
     messagesDispatcher: React.Dispatch<ChannelActionTypes>;
     quoteMessage: SendableMessageType | null;
     setQuoteMessage: React.Dispatch<React.SetStateAction<SendableMessageType | null>>;
-    initialTimeStamp: number;
-    setInitialTimeStamp: React.Dispatch<React.SetStateAction<number>>;
-    animatedMessageId: number;
-    highLightedMessageId: number;
+    initialTimeStamp: number | null | undefined;
+    setInitialTimeStamp: React.Dispatch<React.SetStateAction<number | null | undefined>>;
+    animatedMessageId: number | null;
+    highLightedMessageId: number | null | undefined;
     nicknamesMap: Map<string, string>;
     emojiAllMap: any;
     onScrollCallback: (callback: () => void) => void;
     onScrollDownCallback: (callback: (param: [BaseMessage[], null] | [null, unknown]) => void) => void;
-    scrollRef: React.MutableRefObject<HTMLDivElement>;
-    setAnimatedMessageId: React.Dispatch<React.SetStateAction<number>>;
-    setHighLightedMessageId: React.Dispatch<React.SetStateAction<number>>;
-    messageInputRef: React.MutableRefObject<HTMLInputElement>;
+    scrollRef: React.RefObject<HTMLDivElement>;
+    setAnimatedMessageId: React.Dispatch<React.SetStateAction<number | null>>;
+    setHighLightedMessageId: React.Dispatch<React.SetStateAction<number | null | undefined>>;
+    messageInputRef: React.RefObject<HTMLInputElement>;
     deleteMessage(message: CoreMessageType): Promise<void>;
     updateMessage: UpdateMessageType;
     resendMessage(failedMessage: SendableMessageType): void;
@@ -114,7 +114,6 @@ export interface ChannelProviderInterface extends ChannelContextProps, MessageSt
         user: User;
     }) => JSX.Element;
 }
-declare const ChannelProvider: React.FC<ChannelContextProps>;
-export type UseChannelType = () => ChannelProviderInterface;
-declare const useChannelContext: UseChannelType;
+declare const ChannelProvider: (props: ChannelContextProps) => React.JSX.Element;
+declare const useChannelContext: () => ChannelProviderInterface;
 export { ChannelProvider, useChannelContext, };

package/types/modules/Channel/context/hooks/useHandleChannelEvents.d.ts

@@ -15,14 +15,14 @@ import { SdkStore } from '../../../../lib/types';
 interface DynamicParams {
     sdkInit: boolean;
     currentUserId: string;
-    currentGroupChannel: GroupChannel;
+    currentGroupChannel: GroupChannel | null;
     disableMarkAsRead: boolean;
 }
 interface StaticParams {
     sdk: SdkStore['sdk'];
     logger: LoggerInterface;
     scrollRef: React.RefObject<HTMLDivElement>;
-    setQuoteMessage: React.Dispatch<React.SetStateAction<SendableMessageType>>;
+    setQuoteMessage: React.Dispatch<React.SetStateAction<SendableMessageType | null>>;
     messagesDispatcher: React.Dispatch<ChannelActionTypes>;
 }
 declare function useHandleChannelEvents({ sdkInit, currentGroupChannel, disableMarkAsRead, }: DynamicParams, { sdk, logger, scrollRef, setQuoteMessage, messagesDispatcher, }: StaticParams): void;

package/types/modules/Channel/context/hooks/useHandleReconnect.d.ts

@@ -13,7 +13,7 @@ interface DynamicParams {
 interface StaticParams {
     logger: Logger;
     sdk: SdkStore['sdk'];
-    currentGroupChannel: GroupChannel;
+    currentGroupChannel: GroupChannel | null;
     scrollRef: React.RefObject<HTMLDivElement>;
     markAsReadScheduler: MarkAsReadSchedulerType;
     messagesDispatcher: React.Dispatch<ChannelActionTypes>;

package/types/modules/Channel/context/hooks/useHandleReconnectForChannelList.d.ts

@@ -7,14 +7,14 @@ import { GroupChannelListQueryParamsInternal } from '../../../ChannelList/contex
 import { MarkAsDeliveredSchedulerType } from '../../../../lib/hooks/useMarkAsDeliveredScheduler';
 interface UseHandleReconnectForChannelListProps {
     isOnline: boolean;
-    reconnectOnIdle: boolean;
+    reconnectOnIdle?: boolean;
     logger: Logger;
     sdk: SdkStore['sdk'];
-    currentGroupChannel: GroupChannel;
+    currentGroupChannel: GroupChannel | null;
     channelListDispatcher: React.Dispatch<ChannelListActionTypes>;
     setChannelSource: (query: GroupChannelListQuery) => void;
-    userFilledChannelListQuery: GroupChannelListQueryParamsInternal;
-    sortChannelList: (channels: GroupChannel[]) => GroupChannel[];
+    userFilledChannelListQuery?: GroupChannelListQueryParamsInternal;
+    sortChannelList?: (channels: GroupChannel[]) => GroupChannel[];
     disableAutoSelect: boolean;
     markAsDeliveredScheduler: MarkAsDeliveredSchedulerType;
     disableMarkAsDelivered: boolean;