@sendbird/uikit-react 3.14.14 → 3.15.0

package/package.json

@@ -36,15 +36,15 @@
     "url": "https://community.sendbird.com"
   },
   "homepage": "https://sendbird.com",
-  "version": "3.14.14",
+  "version": "3.15.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.13.0",
-    "@sendbird/react-uikit-message-template-view": "0.0.1-alpha.76",
-    "@sendbird/uikit-tools": "0.0.1-alpha.76",
+    "@sendbird/chat": "^4.14.2",
+    "@sendbird/react-uikit-message-template-view": "0.0.1-alpha.79",
+    "@sendbird/uikit-tools": "0.0.1-alpha.79",
     "css-vars-ponyfill": "^2.3.2",
     "date-fns": "^2.16.1",
     "dompurify": "^3.0.1"

package/pubSub/topics.js

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

package/sendbirdSelectors.js

@@ -1,5 +1,5 @@
-import { p as pubSubTopics } from './chunks/bundle-DZhG3Z6D.js';
-import { n as noop } from './chunks/bundle-CtBgdgkK.js';
+import { p as pubSubTopics } from './chunks/bundle-Bt2dBxqH.js';
+import { n as noop } from './chunks/bundle-DQcY2W86.js';
 
 /**
  * 1. UIKit Instances

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

@@ -14,7 +14,7 @@ export interface VoiceRecorderContext {
 export declare const VoiceRecorderProvider: (props: VoiceRecorderProps) => React.ReactElement;
 export declare const useVoiceRecorderContext: () => VoiceRecorderContext;
 declare const _default: {
-    VoiceRecorderProvider: (props: VoiceRecorderProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    VoiceRecorderProvider: (props: VoiceRecorderProps) => React.ReactElement;
     useVoiceRecorderContext: () => VoiceRecorderContext;
 };
 export default _default;

package/types/hooks/useKeyDown/useKeyDown.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type KeyDownCallbackMap = Record<string, (event: React.KeyboardEvent<HTMLDivElement>) => void>;
 export declare function useKeyDown(ref: React.RefObject<HTMLDivElement>, keyDownCallbackMap: KeyDownCallbackMap): React.KeyboardEventHandler<HTMLDivElement>;
 export {};

package/types/lib/Sendbird.d.ts

@@ -50,13 +50,17 @@ export interface SendbirdProviderProps extends CommonUIKitConfigProps, React.Pro
     breakpoint?: string | boolean;
     htmlTextDirection?: HTMLTextDirection;
     forceLeftToRightMessageLayout?: boolean;
-    renderUserProfile?: (props: RenderUserProfileProps) => React.ReactElement;
-    onUserProfileMessage?: (channel: GroupChannel) => void;
     uikitOptions?: UIKitOptions;
     isUserIdUsedForNickname?: boolean;
     sdkInitParams?: SendbirdChatInitParams;
     customExtensionParams?: CustomExtensionParams;
     isMultipleFilesMessageEnabled?: boolean;
+    renderUserProfile?: (props: RenderUserProfileProps) => React.ReactElement;
+    onStartDirectMessage?: (channel: GroupChannel) => void;
+    /**
+     * @deprecated Please use `onStartDirectMessage` instead. It's renamed.
+     */
+    onUserProfileMessage?: (channel: GroupChannel) => void;
     eventHandlers?: SBUEventHandlers;
 }
 export declare function SendbirdProvider(props: SendbirdProviderProps): React.JSX.Element;

package/types/lib/UserProfileContext.d.ts

@@ -2,21 +2,26 @@ import React from 'react';
 import type { GroupChannel } from '@sendbird/chat/groupChannel';
 import type { RenderUserProfileProps } from '../types';
 interface UserProfileContextInterface {
-    disableUserProfile: boolean;
     isOpenChannel: boolean;
+    disableUserProfile: boolean;
     renderUserProfile?: (props: RenderUserProfileProps) => React.ReactElement;
+    onStartDirectMessage?: (channel: GroupChannel) => void;
+    /**
+     * @deprecated This prop has been renamed to `onStartDirectMessage`.
+     */
     onUserProfileMessage?: (channel: GroupChannel) => void;
 }
 /**
  * user profile goes deep inside the component tree
  * use this context as a short circuit to send in values
  */
-declare const UserProfileContext: React.Context<UserProfileContextInterface>;
-export type UserProfileProviderProps = React.PropsWithChildren<{
+export declare const UserProfileContext: React.Context<UserProfileContextInterface>;
+export type UserProfileProviderProps = React.PropsWithChildren<Partial<UserProfileContextInterface> & {
+    /** This prop is optional. It is no longer necessary to provide it because the value can be accessed through SendbirdStateContext. */
     disableUserProfile?: boolean;
-    isOpenChannel?: boolean;
+    /** This prop is optional. It is no longer necessary to provide it because the value can be accessed through SendbirdStateContext. */
     renderUserProfile?: (props: RenderUserProfileProps) => React.ReactElement;
-    onUserProfileMessage?: (channel: GroupChannel) => void;
 }>;
-declare const UserProfileProvider: ({ isOpenChannel, disableUserProfile, renderUserProfile, onUserProfileMessage, children, }: UserProfileProviderProps) => React.JSX.Element;
-export { UserProfileContext, UserProfileProvider };
+export declare const useUserProfileContext: () => UserProfileContextInterface;
+export declare const UserProfileProvider: ({ isOpenChannel, disableUserProfile: _disableUserProfile, renderUserProfile: _renderUserProfile, onUserProfileMessage: _onUserProfileMessage, onStartDirectMessage: _onStartDirectMessage, children, }: UserProfileProviderProps) => React.JSX.Element;
+export {};

package/types/lib/hooks/useConnect/__test__/data.mocks.d.ts

@@ -2,11 +2,11 @@ import { User } from '@sendbird/chat';
 import { ConnectTypes, DisconnectSdkTypes, SetupConnectionTypes, StaticTypes, TriggerTypes } from '../types';
 export declare const mockUser: User;
 export declare const mockUser2: User;
-export declare const mockSdk: import("@sendbird/chat").default;
-export declare const mockSdkDispatcher: import("../types").SdkDispatcher;
-export declare const mockUserDispatcher: import("../types").UserDispatcher;
-export declare const mockAppInfoDispatcher: import("../types").AppInfoDispatcher;
-export declare const mockInitDashboardConfigs: (sdk: import("@sendbird/chat").default) => Promise<void>;
+export declare const mockSdk: ConnectTypes["sdk"];
+export declare const mockSdkDispatcher: ConnectTypes["sdkDispatcher"];
+export declare const mockUserDispatcher: ConnectTypes["userDispatcher"];
+export declare const mockAppInfoDispatcher: ConnectTypes["appInfoDispatcher"];
+export declare const mockInitDashboardConfigs: ConnectTypes["initDashboardConfigs"];
 export declare const defaultStaticParams: StaticTypes;
 export declare const defaultTriggerParams: TriggerTypes;
 export declare const defaultConnectParams: ConnectTypes;

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

@@ -19,4 +19,4 @@ export declare function initSDK({ appId, isNewApp, customApiHost, customWebSocke
     customWebSocketHost?: string;
     sdkInitParams?: SendbirdChatInitParams;
     customExtensionParams?: CustomExtensionParams;
-}): SendbirdChatWith<import("@sendbird/chat/lib/__definition").Module[] & (GroupChannelModule | OpenChannelModule)[]>;
+}): SendbirdChatWith<import("@sendbird/chat/lib/__definition").Module[] & (OpenChannelModule | GroupChannelModule)[]>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import SendbirdChat, { SessionHandler } from '@sendbird/chat';
 import { SendbirdGroupChat } from '@sendbird/chat/groupChannel';
 import { SendbirdOpenChat } from '@sendbird/chat/openChannel';

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

@@ -15,7 +15,7 @@ type PayloadByTopic<T extends keyof any, U> = U extends {
 type Options = {
     publishSynchronous?: boolean;
 };
-declare const pubSubFactory: <T extends string | number | symbol = string | number | symbol, U extends {
+declare const pubSubFactory: <T extends keyof any = string | number | symbol, U extends {
     topic: T;
     payload: any;
 } = any>(opts?: Options) => PubSubTypes<T, U>;

package/types/lib/types.d.ts

@@ -42,7 +42,7 @@ export interface SBUEventHandlers {
 }
 export interface SendBirdStateConfig {
     renderUserProfile?: (props: RenderUserProfileProps) => React.ReactElement;
-    onUserProfileMessage?: (props: GroupChannel) => void;
+    onStartDirectMessage?: (props: GroupChannel) => void;
     allowProfileEdit: boolean;
     isOnline: boolean;
     userId: string;
@@ -88,6 +88,7 @@ export interface SendBirdStateConfig {
         showSuggestedRepliesFor: SBUConfig['groupChannel']['channel']['showSuggestedRepliesFor'];
         suggestedRepliesDirection: SBUConfig['groupChannel']['channel']['suggestedRepliesDirection'];
         enableMarkdownForUserMessage: SBUConfig['groupChannel']['channel']['enableMarkdownForUserMessage'];
+        enableFormTypeMessage: SBUConfig['groupChannel']['channel']['enableFormTypeMessage'];
         /**
          * @deprecated Currently, this feature is turned off by default. If you wish to use this feature, contact us: {@link https://dashboard.sendbird.com/settings/contact_us?category=feedback_and_feature_requests&product=UIKit}
          */
@@ -104,21 +105,29 @@ export interface SendBirdStateConfig {
         enableOgtag: SBUConfig['openChannel']['channel']['enableOgtag'];
         enableDocument: SBUConfig['openChannel']['channel']['input']['enableDocument'];
     };
-    /** @deprecated Please use `common.enableUsingDefaultUserProfile` instead * */
+    /**
+     * @deprecated Please use `onStartDirectMessage` instead. It's renamed.
+     */
+    onUserProfileMessage?: (props: GroupChannel) => void;
+    /**
+     * @deprecated Please use `!config.common.enableUsingDefaultUserProfile` instead.
+     * Note that you should use the negation of `config.common.enableUsingDefaultUserProfile`
+     * to replace `disableUserProfile`.
+     */
     disableUserProfile: boolean;
-    /** @deprecated Please use `groupChannel.enableReactions` instead * */
+    /** @deprecated Please use `config.groupChannel.enableReactions` instead * */
     isReactionEnabled: boolean;
-    /** @deprecated Please use `groupChannel.enableMention` instead * */
+    /** @deprecated Please use `config.groupChannel.enableMention` instead * */
     isMentionEnabled: boolean;
-    /** @deprecated Please use `groupChannel.enableVoiceMessage` instead * */
+    /** @deprecated Please use `config.groupChannel.enableVoiceMessage` instead * */
     isVoiceMessageEnabled?: boolean;
-    /** @deprecated Please use `groupChannel.replyType` instead * */
+    /** @deprecated Please use `config.groupChannel.replyType` instead * */
     replyType: ReplyType;
-    /** @deprecated Please use `groupChannelSettings.enableMessageSearch` instead * */
+    /** @deprecated Please use `config.groupChannelSettings.enableMessageSearch` instead * */
     showSearchIcon?: boolean;
-    /** @deprecated Please use `groupChannelList.enableTypingIndicator` instead * */
+    /** @deprecated Please use `config.groupChannelList.enableTypingIndicator` instead * */
     isTypingIndicatorEnabledOnChannelList?: boolean;
-    /** @deprecated Please use `groupChannelList.enableMessageReceiptStatus` instead * */
+    /** @deprecated Please use `config.groupChannelList.enableMessageReceiptStatus` instead * */
     isMessageReceiptStatusEnabledOnChannelList?: boolean;
     /** @deprecated Please use setCurrentTheme instead * */
     setCurrenttheme: (theme: 'light' | 'dark') => void;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { User } from '@sendbird/chat';
 import { GroupChannel } from '@sendbird/chat/groupChannel';
 import type { Locale } from 'date-fns';

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

@@ -2,7 +2,8 @@ import React from 'react';
 import type { GroupChannel, Member } from '@sendbird/chat/groupChannel';
 import type { BaseMessage, FileMessage, FileMessageCreateParams, MultipleFilesMessage, MultipleFilesMessageCreateParams, UserMessage, UserMessageCreateParams, UserMessageUpdateParams, MessageListParams as SDKMessageListParams } from '@sendbird/chat/message';
 import type { EmojiContainer, SendbirdError, User } from '@sendbird/chat';
-import { ReplyType, RenderUserProfileProps, Nullable } from '../../../types';
+import { ReplyType, Nullable } from '../../../types';
+import { UserProfileProviderProps } from '../../../lib/UserProfileContext';
 import { CoreMessageType, SendableMessageType } from '../../../utils';
 import { ThreadReplySelectType } from './const';
 import * as channelActions from './dux/actionTypes';
@@ -14,7 +15,7 @@ export interface MessageListParams extends Partial<SDKMessageListParams> {
 export type ChannelQueries = {
     messageListParams?: MessageListParams;
 };
-export type ChannelContextProps = {
+export interface ChannelContextProps extends Pick<UserProfileProviderProps, 'disableUserProfile' | 'renderUserProfile'> {
     children?: React.ReactElement;
     channelUrl: string;
     isReactionEnabled?: boolean;
@@ -35,9 +36,7 @@ export type ChannelContextProps = {
     replyType?: ReplyType;
     threadReplySelectType?: ThreadReplySelectType;
     queries?: ChannelQueries;
-    renderUserProfile?: (props: RenderUserProfileProps) => React.ReactElement;
     filterMessageList?(messages: BaseMessage): boolean;
-    disableUserProfile?: boolean;
     disableMarkAsRead?: boolean;
     onReplyInThread?: (props: {
         message: SendableMessageType;
@@ -49,7 +48,7 @@ export type ChannelContextProps = {
     onMessageHighlighted?: () => void;
     scrollBehavior?: 'smooth' | 'auto';
     reconnectOnIdle?: boolean;
-};
+}
 interface MessageStoreInterface {
     allMessages: CoreMessageType[];
     localMessages: CoreMessageType[];

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { GroupChannel } from '@sendbird/chat/groupChannel';
 import type { MultipleFilesMessageCreateParams, UploadableFileInfo } from '@sendbird/chat/message';
 import { MultipleFilesMessage } from '@sendbird/chat/message';

package/types/modules/ChannelList/context/ChannelListProvider.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import type { User } from '@sendbird/chat';
 import { GroupChannel, GroupChannelCreateParams, GroupChannelListOrder, GroupChannelListQuery as GroupChannelListQuerySb, GroupChannelUserIdsFilter, HiddenChannelFilter, MyMemberStateFilter, PublicChannelFilter, QueryType, SuperChannelFilter, UnreadChannelFilter } from '@sendbird/chat/groupChannel';
-import { RenderUserProfileProps } from '../../../types';
 import { ChannelListActionTypes } from '../dux/actionTypes';
+import { UserProfileProviderProps } from '../../../lib/UserProfileContext';
 import { CHANNEL_TYPE } from '../../CreateChannel/types';
 export interface ApplicationUserListQueryInternal {
     limit?: number;
@@ -40,7 +40,7 @@ type OverrideInviteUserType = {
     onClose: () => void;
     channelType: CHANNEL_TYPE;
 };
-export interface ChannelListProviderProps {
+export interface ChannelListProviderProps extends Pick<UserProfileProviderProps, 'disableUserProfile' | 'renderUserProfile'> {
     allowProfileEdit?: boolean;
     onBeforeCreateChannel?(users: Array<string>): GroupChannelCreateParams;
     overrideInviteUser?(params: OverrideInviteUserType): void;
@@ -51,8 +51,6 @@ export interface ChannelListProviderProps {
     queries?: ChannelListQueries;
     children?: React.ReactElement;
     className?: string | string[];
-    renderUserProfile?: (props: RenderUserProfileProps) => React.ReactElement;
-    disableUserProfile?: boolean;
     disableAutoSelect?: boolean;
     activeChannelUrl?: string;
     typingChannels?: Array<GroupChannel>;

package/types/modules/ChannelList/context/hooks/useActiveChannelUrl.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { GroupChannel } from '@sendbird/chat/groupChannel';
 import { Logger } from '../../../../lib/SendbirdState';
 import { SdkStore } from '../../../../lib/types';

package/types/modules/ChannelList/utils.d.ts

@@ -31,9 +31,7 @@ type SetupChannelListParams = {
     disableMarkAsDelivered: boolean;
 };
 declare function setupChannelList({ sdk, sdkChannelHandlerId, channelListDispatcher, setChannelSource, onChannelSelect, userFilledChannelListQuery, logger, sortChannelList, disableAutoSelect, markAsDeliveredScheduler, disableMarkAsDelivered, }: SetupChannelListParams): void;
-export declare const pubSubHandleRemover: (subscriber: Map<string, {
-    remove: () => void;
-}>) => void;
+export declare const pubSubHandleRemover: (subscriber: ReturnType<typeof pubSubHandler>) => void;
 export declare const pubSubHandler: (pubSub: SBUGlobalPubSub, channelListDispatcher: React.Dispatch<ChannelListActionTypes>) => Map<string, {
     remove: () => void;
 }>;

package/types/modules/ChannelSettings/context/ChannelSettingsProvider.d.ts

@@ -1,7 +1,7 @@
 import React, { ReactNode } from 'react';
 import { GroupChannel, GroupChannelUpdateParams } from '@sendbird/chat/groupChannel';
 import type { UserListItemProps } from '../../../ui/UserListItem';
-import type { RenderUserProfileProps } from '../../../types';
+import { UserProfileProviderProps } from '../../../lib/UserProfileContext';
 interface ApplicationUserListQuery {
     limit?: number;
     userIdsFilter?: Array<string>;
@@ -26,11 +26,9 @@ interface CommonChannelSettingsProps {
     queries?: ChannelSettingsQueries;
     renderUserListItem?: (props: UserListItemProps) => ReactNode;
 }
-export interface ChannelSettingsContextProps extends CommonChannelSettingsProps {
+export interface ChannelSettingsContextProps extends CommonChannelSettingsProps, Pick<UserProfileProviderProps, 'renderUserProfile' | 'disableUserProfile'> {
     children?: React.ReactElement;
     className?: string;
-    renderUserProfile?: (props: RenderUserProfileProps) => React.ReactElement;
-    disableUserProfile?: boolean;
 }
 interface ChannelSettingsProviderInterface extends CommonChannelSettingsProps {
     setChannelUpdateId(uniqId: string): void;
@@ -39,6 +37,6 @@ interface ChannelSettingsProviderInterface extends CommonChannelSettingsProps {
     loading: boolean;
     invalidChannel: boolean;
 }
-declare const ChannelSettingsProvider: ({ children, className, channelUrl, onCloseClick, onLeaveChannel, onChannelModified, overrideInviteUser, onBeforeUpdateChannel, queries, renderUserProfile, disableUserProfile, renderUserListItem, }: ChannelSettingsContextProps) => React.JSX.Element;
+declare const ChannelSettingsProvider: (props: ChannelSettingsContextProps) => React.JSX.Element;
 declare const useChannelSettingsContext: () => ChannelSettingsProviderInterface;
 export { ChannelSettingsProvider, useChannelSettingsContext };

package/types/modules/CreateChannel/utils.d.ts

@@ -1,3 +1,3 @@
 import { SdkStore } from '../../lib/types';
-export declare const isBroadcastChannelEnabled: (sdk: SdkStore['sdk']) => boolean;
-export declare const isSuperGroupChannelEnabled: (sdk: SdkStore['sdk']) => boolean;
+export declare const isBroadcastChannelEnabled: (sdk: SdkStore["sdk"]) => boolean;
+export declare const isSuperGroupChannelEnabled: (sdk: SdkStore["sdk"]) => boolean;

package/types/modules/GroupChannel/components/Message/MessageView.d.ts

@@ -1,6 +1,6 @@
 import type { EveryMessage, RenderCustomSeparatorProps, RenderMessageParamsType, ReplyType } from '../../../../types';
 import React from 'react';
-import { EmojiContainer, User } from '@sendbird/chat';
+import { type EmojiCategory, EmojiContainer, User } from '@sendbird/chat';
 import { GroupChannel } from '@sendbird/chat/groupChannel';
 import type { FileMessage, UserMessageCreateParams, UserMessageUpdateParams } from '@sendbird/chat/message';
 import { ThreadReplySelectType } from '../../context/const';
@@ -52,6 +52,7 @@ export interface MessageViewProps extends MessageProps {
     renderUserMentionItem?: (props: {
         user: User;
     }) => React.ReactElement;
+    filterEmojiCategoryIds?: (message: SendableMessageType) => EmojiCategory['id'][];
     scrollToMessage: (createdAt: number, messageId: number) => void;
     toggleReaction: (message: SendableMessageType, emojiKey: string, isReacted: boolean) => void;
     setQuoteMessage: React.Dispatch<React.SetStateAction<SendableMessageType | null>>;

package/types/modules/GroupChannel/components/MessageInputWrapper/MessageInputWrapperView.d.ts

@@ -2,12 +2,13 @@ import './index.scss';
 import React from 'react';
 import type { User } from '@sendbird/chat';
 import type { GroupChannel } from '@sendbird/chat/groupChannel';
-import type { FileMessage, FileMessageCreateParams, MultipleFilesMessage, MultipleFilesMessageCreateParams, UserMessage, UserMessageCreateParams } from '@sendbird/chat/message';
+import type { BaseMessage, FileMessage, FileMessageCreateParams, MultipleFilesMessage, MultipleFilesMessageCreateParams, UserMessage, UserMessageCreateParams } from '@sendbird/chat/message';
 import { SendableMessageType } from '../../../../utils';
 export interface MessageInputWrapperViewProps {
     value?: string;
     disabled?: boolean;
     currentChannel: GroupChannel | null;
+    messages: BaseMessage[];
     isMultipleFilesMessageEnabled?: boolean;
     loading: boolean;
     quoteMessage: SendableMessageType | null;

package/types/modules/GroupChannel/context/GroupChannelProvider.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
-import type { SendbirdError, User } from '@sendbird/chat';
+import type { EmojiCategory, SendbirdError, User } from '@sendbird/chat';
 import { type FileMessage, FileMessageCreateParams, type MultipleFilesMessage, MultipleFilesMessageCreateParams, UserMessageCreateParams, UserMessageUpdateParams } from '@sendbird/chat/message';
 import type { GroupChannel, MessageCollectionParams, MessageFilterParams } from '@sendbird/chat/groupChannel';
 import { useGroupChannelMessages } from '@sendbird/uikit-tools';
 import type { SendableMessageType } from '../../../utils';
 import { UserProfileProviderProps } from '../../../lib/UserProfileContext';
 import { ThreadReplySelectType } from './const';
-import { RenderUserProfileProps, ReplyType } from '../../../types';
+import { ReplyType } from '../../../types';
 import { ScrollTopics, ScrollTopicUnion } from './hooks/useMessageListScroll';
 import { PubSubTypes } from '../../../lib/pubSub';
 import { useMessageActions } from './hooks/useMessageActions';
@@ -18,7 +18,7 @@ export type OnBeforeDownloadFileMessageType = (params: {
     message: FileMessage | MultipleFilesMessage;
     index?: number;
 }) => Promise<boolean>;
-interface ContextBaseType {
+interface ContextBaseType extends Pick<UserProfileProviderProps, 'renderUserProfile' | 'disableUserProfile'> {
     channelUrl: string;
     isReactionEnabled?: boolean;
     isMessageGroupingEnabled?: boolean;
@@ -26,7 +26,6 @@ interface ContextBaseType {
     showSearchIcon?: boolean;
     replyType?: ReplyType;
     threadReplySelectType?: ThreadReplySelectType;
-    disableUserProfile?: boolean;
     disableMarkAsRead?: boolean;
     scrollBehavior?: 'smooth' | 'auto';
     forceLeftToRightMessageLayout?: boolean;
@@ -34,6 +33,7 @@ interface ContextBaseType {
     animatedMessageId?: number | null;
     onMessageAnimated?: () => void;
     messageListQueryParams?: MessageListQueryParamsType;
+    filterEmojiCategoryIds?: (message: SendableMessageType) => EmojiCategory['id'][];
     onBeforeSendUserMessage?: OnBeforeHandler<UserMessageCreateParams>;
     onBeforeSendFileMessage?: OnBeforeHandler<FileMessageCreateParams>;
     onBeforeSendVoiceMessage?: OnBeforeHandler<FileMessageCreateParams>;
@@ -49,7 +49,6 @@ interface ContextBaseType {
     onQuoteMessageClick?: (props: {
         message: SendableMessageType;
     }) => void;
-    renderUserProfile?: (props: RenderUserProfileProps) => React.ReactElement;
     renderUserMentionItem?: (props: {
         user: User;
     }) => JSX.Element;
@@ -73,7 +72,7 @@ export interface GroupChannelContextType extends ContextBaseType, MessageListDat
     scrollToMessage: (createdAt: number, messageId: number) => void;
     toggleReaction(message: SendableMessageType, emojiKey: string, isReacted: boolean): void;
 }
-export interface GroupChannelProviderProps extends ContextBaseType, Pick<UserProfileProviderProps, 'onUserProfileMessage' | 'renderUserProfile' | 'disableUserProfile'> {
+export interface GroupChannelProviderProps extends ContextBaseType, Pick<UserProfileProviderProps, 'onUserProfileMessage' | 'onStartDirectMessage'> {
     children?: React.ReactNode;
 }
 export declare const GroupChannelContext: React.Context<GroupChannelContextType>;

package/types/modules/GroupChannel/context/const.d.ts

@@ -1,6 +1,7 @@
 export declare const MAX_USER_MENTION_COUNT = 10;
 export declare const MAX_USER_SUGGESTION_COUNT = 15;
 export declare const USER_MENTION_TEMP_CHAR = "@";
+export declare const UIKIT_COMPATIBLE_FORM_VERSION = 1;
 export declare enum ThreadReplySelectType {
     PARENT = "PARENT",
     THREAD = "THREAD"

package/types/modules/GroupChannel/context/utils.d.ts

@@ -7,3 +7,5 @@ export declare function getMessageTopOffset(messageCreatedAt: number): number |
 export declare const isDisabledBecauseFrozen: (groupChannel?: GroupChannel | null) => boolean;
 export declare const isDisabledBecauseMuted: (groupChannel?: GroupChannel | null) => boolean;
 export declare const isDisabledBecauseSuggestedReplies: (channel: GroupChannel | null | undefined, enableSuggestedReplies: boolean) => boolean;
+export declare const isFormVersionCompatible: (version: number) => boolean;
+export declare const isDisabledBecauseMessageForm: (allMessages: BaseMessage[], enableFormTypeMessage: boolean) => boolean;

package/types/modules/GroupChannelList/components/GroupChannelListItem/utils.d.ts

@@ -6,5 +6,5 @@ export declare const getLastMessageCreatedAt: ({ channel, locale, stringSet }: {
     stringSet?: import("../../../../ui/Label/stringSet").StringSet;
 }) => string;
 export declare const getTotalMembers: (channel?: GroupChannel) => number;
-export declare const getLastMessage: (channel?: GroupChannel, stringSet?: import("../../../../ui/Label/stringSet").StringSet) => any;
+export declare const getLastMessageText: (channel?: GroupChannel, stringSet?: import("../../../../ui/Label/stringSet").StringSet) => any;
 export declare const getChannelUnreadMessageCount: (channel?: GroupChannel) => number;

package/types/modules/GroupChannelList/context/GroupChannelListProvider.d.ts

@@ -31,7 +31,7 @@ interface ContextBaseType {
 export interface GroupChannelListContextType extends ContextBaseType, ChannelListDataSource {
     typingChannelUrls: string[];
 }
-export interface GroupChannelListProviderProps extends PartialRequired<ContextBaseType, 'onChannelSelect' | 'onChannelCreated'>, Pick<UserProfileProviderProps, 'onUserProfileMessage' | 'renderUserProfile' | 'disableUserProfile'> {
+export interface GroupChannelListProviderProps extends PartialRequired<ContextBaseType, 'onChannelSelect' | 'onChannelCreated'>, Pick<UserProfileProviderProps, 'onUserProfileMessage' | 'onStartDirectMessage' | 'renderUserProfile' | 'disableUserProfile'> {
     children?: React.ReactNode;
 }
 export declare const GroupChannelListContext: React.Context<GroupChannelListContextType>;

package/types/modules/Message/hooks/useDirtyGetMentions.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Logger } from '../../../lib/SendbirdState';
 interface DynamicParams {
     ref: React.RefObject<HTMLElement>;

package/types/modules/Message/utils/tokens/tokenize.d.ts

@@ -15,6 +15,8 @@ export declare function combineNearbyStrings(tokens: Token[]): Token[];
  * Converts text into set of rich tokens
  */
 export declare function tokenizeMessage({ messageText, mentionedUsers, templatePrefix, includeMarkdown, }: TokenParams): Token[];
+export declare function getChannelPreviewMessage(messageText: string): string;
+export declare function markDownTokenResolver(tokens: Token[]): string;
 export declare function tokenizeMarkdown({ messageText, }: {
     messageText: any;
 }): Token[];

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.scss';
 import { MessageSearchUIProps } from './components/MessageSearchUI';
 import { MessageSearchProviderProps } from './context/MessageSearchProvider';

package/types/modules/OpenChannel/components/FrozenChannelNotification/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './frozen-channel-notification.scss';
 declare const FrozenNotification: () => JSX.Element;
 export default FrozenNotification;

package/types/modules/OpenChannel/components/OpenChannelHeader/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import './open-channel-header.scss';
 export default function OpenchannelConversationHeader(): JSX.Element;

package/types/modules/OpenChannel/components/OpenChannelMessage/RemoveMessageModal.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ClientFileMessage, ClientUserMessage } from '../../../../types';
 import { CoreMessageType } from '../../../../utils';
 interface Props {

package/types/modules/OpenChannel/context/hooks/useCheckScrollBottom.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { LoggerInterface } from '../../../../lib/Logger';
 interface DynamicParams {
     conversationScrollRef: React.RefObject<HTMLDivElement>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { OpenChannel } from '@sendbird/chat/openChannel';
 import { Logger } from '../../../../lib/SendbirdState';
 import { SdkStore } from '../../../../lib/types';

package/types/modules/OpenChannelApp/components/CommunityChannelList.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './community-channel-list.scss';
 declare const _default: {
     (props: any): JSX.Element;

package/types/modules/OpenChannelApp/components/StreamingChannelList.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './streaming-channel-list.scss';
 declare const _default: {
     (props: any): JSX.Element;

package/types/modules/Thread/components/ThreadList/ThreadListItem.d.ts

@@ -1,8 +1,7 @@
-import React, { ReactNode } from 'react';
+import React from 'react';
 import { SendableMessageType } from '../../../../utils';
-import type { MessageMenuProps } from '../../../../ui/MessageMenu';
-import type { MessageEmojiMenuProps } from '../../../../ui/MessageItemReactionMenu';
-export interface ThreadListItemProps {
+import { MessageComponentRenderers } from '../../../../ui/MessageContent';
+export interface ThreadListItemProps extends MessageComponentRenderers {
     className?: string;
     message: SendableMessageType;
     chainTop?: boolean;
@@ -12,7 +11,5 @@ export interface ThreadListItemProps {
         message: SendableMessageType;
     }) => React.ReactElement;
     handleScroll?: () => void;
-    renderEmojiMenu?: (props: MessageEmojiMenuProps) => ReactNode;
-    renderMessageMenu?: (props: MessageMenuProps) => ReactNode;
 }
-export default function ThreadListItem({ className, message, chainTop, chainBottom, hasSeparator, renderCustomSeparator, handleScroll, renderEmojiMenu, renderMessageMenu, }: ThreadListItemProps): React.ReactElement;
+export default function ThreadListItem(props: ThreadListItemProps): React.ReactElement;

package/types/modules/Thread/components/ThreadList/ThreadListItemContent.d.ts

@@ -1,21 +1,17 @@
-import React, { ReactNode } from 'react';
+import React from 'react';
 import { EmojiContainer } from '@sendbird/chat';
 import { GroupChannel } from '@sendbird/chat/groupChannel';
 import './ThreadListItemContent.scss';
 import { ReplyType } from '../../../../types';
-import { MessageEmojiMenuProps } from '../../../../ui/MessageItemReactionMenu';
 import { SendableMessageType } from '../../../../utils';
-import { MessageMenuProps } from '../../../../ui/MessageMenu';
-export interface ThreadListItemContentProps {
+import type { MessageComponentRenderers } from '../../../../ui/MessageContent';
+export interface ThreadListItemContentProps extends MessageComponentRenderers {
     className?: string;
     userId: string;
     channel: GroupChannel;
     message: SendableMessageType;
-    /** @deprecated This prop is deprecated and no longer in use. */
-    disabled?: boolean;
     chainTop?: boolean;
     chainBottom?: boolean;
-    isMentionEnabled?: boolean;
     isReactionEnabled?: boolean;
     disableQuoteMessage?: boolean;
     replyType?: ReplyType;
@@ -29,7 +25,9 @@ export interface ThreadListItemContentProps {
     onReplyInThread?: (props: {
         message: SendableMessageType;
     }) => void;
-    renderEmojiMenu?: (props: MessageEmojiMenuProps) => ReactNode;
-    renderMessageMenu?: (props: MessageMenuProps) => ReactNode;
+    /** @deprecated This prop is deprecated and no longer in use. */
+    disabled?: boolean;
+    /** @deprecated This props is deprecated and no longer in use. */
+    isMentionEnabled?: boolean;
 }
-export default function ThreadListItemContent({ className, userId, channel, message, chainTop, chainBottom, isMentionEnabled, isReactionEnabled, disableQuoteMessage, replyType, nicknamesMap, emojiContainer, showEdit, showRemove, showFileViewer, resendMessage, toggleReaction, onReplyInThread, renderEmojiMenu, renderMessageMenu, }: ThreadListItemContentProps): React.ReactElement;
+export default function ThreadListItemContent(props: ThreadListItemContentProps): React.ReactElement;