@sendbird/uikit-react 3.13.2 → 3.13.3-rc.0

package/hooks/useModal.js

@@ -1,17 +1,17 @@
-import { c as __spreadArray, _ as __assign } from '../chunks/bundle-4bxiD94h.js';
+import { c as __spreadArray, _ as __assign } from '../chunks/bundle-D5O3p2sd.js';
 import React__default, { createContext, useState, useCallback, useMemo, useContext } from 'react';
-import { K } from '../chunks/bundle-DzQcMztv.js';
-import { n as noop } from '../chunks/bundle-BdCGrzcY.js';
-import { M as Modal } from '../chunks/bundle-DdwjYXOX.js';
-export { a as MODAL_ROOT, b as ModalRoot } from '../chunks/bundle-DdwjYXOX.js';
+import { K } from '../chunks/bundle-DmJV6gQD.js';
+import { n as noop } from '../chunks/bundle-DU1sAKMN.js';
+import { M as Modal } from '../chunks/bundle-BK1kBm4R.js';
+export { a as MODAL_ROOT, b as ModalRoot } from '../chunks/bundle-BK1kBm4R.js';
 import 'react-dom';
-import '../chunks/bundle-BV8WCwVA.js';
-import '../chunks/bundle-DT8UMQCr.js';
-import '../chunks/bundle-CUBnQyTA.js';
-import '../chunks/bundle-CHxXgtL2.js';
+import '../chunks/bundle-SR6DLu-t.js';
+import '../chunks/bundle-Dal90qsH.js';
+import '../chunks/bundle-BXtCWdlN.js';
+import '../chunks/bundle-C1yuAXw9.js';
 import '../ui/IconButton.js';
 import '../ui/Button.js';
-import '../chunks/bundle-BUHwsL2D.js';
+import '../chunks/bundle-D9r0cGat.js';
 import '../ui/Icon.js';
 
 var GlobalModalContext = createContext({

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-DT8UMQCr.js';
+export { g as getStringSet } from './chunks/bundle-Dal90qsH.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-B1v1xIP1.js';
-import './chunks/bundle-4bxiD94h.js';
+export { T as TypingIndicatorType } from './chunks/bundle-BLcD7awq.js';
+import './chunks/bundle-D5O3p2sd.js';
 import 'react';
 import '@sendbird/uikit-tools';
 import 'css-vars-ponyfill';
-import './chunks/bundle-DzQcMztv.js';
-import './chunks/bundle-B9Jpp9ee.js';
-import './chunks/bundle-D-OF1Dsr.js';
+import './chunks/bundle-DmJV6gQD.js';
+import './chunks/bundle-DAyGLgqp.js';
+import './chunks/bundle-Ly0drX6F.js';
 import '@sendbird/chat';
-import './chunks/bundle-CXMfzdI7.js';
+import './chunks/bundle-D9jjb4vl.js';
 import '@sendbird/chat/openChannel';
 import '@sendbird/chat/groupChannel';
-import './chunks/bundle-D1otjGeL.js';
+import './chunks/bundle-CwzTv0XS.js';
 import './utils/message/getOutgoingMessageState.js';
-import './chunks/bundle-BdCGrzcY.js';
-import './chunks/bundle-2UMLs1R6.js';
-import './chunks/bundle-D4TIkniH.js';
-import './chunks/bundle-ugWtu0YZ.js';
+import './chunks/bundle-DU1sAKMN.js';
+import './chunks/bundle-KgsD7sHP.js';
+import './chunks/bundle-hj2wCdHR.js';
+import './chunks/bundle-xoAyfPjv.js';
 import './VoiceRecorder/context.js';
-import './chunks/bundle-BV8WCwVA.js';
-import './chunks/bundle-CUBnQyTA.js';
-import './chunks/bundle-DdwjYXOX.js';
+import './chunks/bundle-SR6DLu-t.js';
+import './chunks/bundle-BXtCWdlN.js';
+import './chunks/bundle-BK1kBm4R.js';
 import 'react-dom';
-import './chunks/bundle-CHxXgtL2.js';
+import './chunks/bundle-C1yuAXw9.js';
 import './ui/IconButton.js';
 import './ui/Button.js';
-import './chunks/bundle-BUHwsL2D.js';
+import './chunks/bundle-D9r0cGat.js';
 import './ui/Icon.js';
-import './chunks/bundle-BRhZt2zf.js';
+import './chunks/bundle-D82-9DC8.js';
 import './hooks/useModal.js';
+import './ui/ContextMenu.js';
+import './ui/SortByRow.js';
 import './GroupChannel.js';
 import './GroupChannel/context.js';
 import '@sendbird/chat/message';
-import './chunks/bundle-B_ah2kxT.js';
-import './chunks/bundle-DtcJzbuk.js';
-import './chunks/bundle-kO-Z-dxL.js';
-import './chunks/bundle-CIHv_OFc.js';
-import './chunks/bundle-B3KaaIrh.js';
-import './chunks/bundle-RJu3P_iQ.js';
-import './chunks/bundle-BZK5eiX2.js';
+import './chunks/bundle-B3YSUEgS.js';
+import './chunks/bundle-DCUEuROU.js';
+import './chunks/bundle-BggUR2rY.js';
+import './chunks/bundle-DVw9N5gr.js';
+import './chunks/bundle-BncIazvl.js';
+import './chunks/bundle-mRKEMtyQ.js';
+import './chunks/bundle-DmPACCke.js';
 import './GroupChannel/components/GroupChannelUI.js';
-import './chunks/bundle-OTdL9cWR.js';
+import './chunks/bundle-qGxP6Pc7.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-sQj5xACh.js';
+import './chunks/bundle-C_p9TOC_.js';
 import './ui/ChannelAvatar.js';
-import './chunks/bundle-DwRQcRou.js';
+import './chunks/bundle-DjgD9t7D.js';
 import './ui/ImageRenderer.js';
-import './chunks/bundle-cWhfb441.js';
-import './chunks/bundle-BlSpe5qA.js';
-import './chunks/bundle-Be2HIA26.js';
+import './chunks/bundle-VcVV1LMj.js';
+import './chunks/bundle-CnNbY4d-.js';
+import './chunks/bundle-BQvbZc7K.js';
 import './GroupChannel/components/MessageList.js';
 import './GroupChannel/components/Message.js';
-import './chunks/bundle-BIcgVVCw.js';
-import './chunks/bundle-5rwlX4db.js';
-import './chunks/bundle-2g0N2xdw.js';
+import './chunks/bundle-CTbKbzja.js';
+import './chunks/bundle-BAdGwFBk.js';
+import './chunks/bundle-C8iYQbFu.js';
 import './Message/hooks/useDirtyGetMentions.js';
 import './ui/DateSeparator.js';
-import './chunks/bundle-D9xWky57.js';
+import './chunks/bundle-DFRQ-Oo2.js';
 import './ui/MessageInput.js';
-import './chunks/bundle-C-35JoOu.js';
-import './chunks/bundle-x0WnpBed.js';
+import './chunks/bundle-CHGpi0M7.js';
+import './chunks/bundle-n75SbS1b.js';
 import 'dompurify';
-import './chunks/bundle-hAKR7PVp.js';
-import './chunks/bundle-CU8x_Vlw.js';
-import './chunks/bundle-BYdjor8f.js';
-import './chunks/bundle-C6ZHgzD6.js';
+import './chunks/bundle-D2NwprR1.js';
+import './chunks/bundle-_1Q-aBYk.js';
+import './chunks/bundle-EgY839OD.js';
+import './chunks/bundle-CnTDWHJx.js';
 import './ui/MessageContent.js';
-import './chunks/bundle-Bceke7Nk.js';
-import './chunks/bundle-C9WS75DY.js';
-import './chunks/bundle-C-UZ_gr4.js';
+import './chunks/bundle-CpIXjIkm.js';
+import './chunks/bundle-BVp7_cQQ.js';
+import './chunks/bundle-BjJPI7Sc.js';
 import './ui/MessageItemMenu.js';
-import './ui/ContextMenu.js';
-import './ui/SortByRow.js';
-import './chunks/bundle-C6MmX70M.js';
+import './chunks/bundle-4hS7j-gs.js';
 import './ui/MessageItemReactionMenu.js';
 import './ui/ReactionButton.js';
-import './chunks/bundle-CNInpRIS.js';
+import './chunks/bundle-C2iUqETc.js';
 import './ui/EmojiReactions.js';
 import './ui/ReactionBadge.js';
 import './ui/BottomSheet.js';
@@ -103,19 +103,19 @@ import './ui/TooltipWrapper.js';
 import './Message/context.js';
 import './ui/AdminMessage.js';
 import './ui/QuoteMessage.js';
-import './chunks/bundle-BxmlG4s-.js';
-import './chunks/bundle-Clnr6ml_.js';
+import './chunks/bundle-HB10teHo.js';
+import './chunks/bundle-5OktsffG.js';
 import './ui/ThreadReplies.js';
 import './ui/OGMessageItemBody.js';
-import './chunks/bundle-Cgtk2LV4.js';
+import './chunks/bundle-D8mVQVHI.js';
 import './ui/MentionLabel.js';
 import './ui/LinkLabel.js';
 import './ui/TextMessageItemBody.js';
 import './ui/FileMessageItemBody.js';
 import './ui/TextButton.js';
-import './chunks/bundle-BkTOcqVY.js';
-import './chunks/bundle-DIy5BllY.js';
-import './chunks/bundle-mkC088ne.js';
+import './chunks/bundle-CnJ586P-.js';
+import './chunks/bundle-DBqlfZ2d.js';
+import './chunks/bundle-BhjIUcay.js';
 import './ui/VoiceMessageItemBody.js';
 import './ui/ProgressBar.js';
 import './VoicePlayer/useVoicePlayer.js';
@@ -123,7 +123,7 @@ import './ui/PlaybackTime.js';
 import './ui/ThumbnailMessageItemBody.js';
 import './ui/UnknownMessageItemBody.js';
 import './ui/TemplateMessageItemBody.js';
-import './chunks/bundle-B1ObaBN3.js';
+import './chunks/bundle-DIc-itow.js';
 import './ui/FallbackTemplateMessageItemBody.tsx.js';
 import './ui/LoadingTemplateMessageItemBody.tsx.js';
 import './ui/FeedbackIconButton.js';
@@ -131,56 +131,56 @@ import './ui/MobileFeedbackMenu.js';
 import './Channel/components/MessageFeedbackModal.js';
 import './ui/Input.js';
 import './GroupChannel/components/SuggestedReplies.js';
-import './chunks/bundle-BNL2dgIA.js';
+import './chunks/bundle-CYV8zeeH.js';
 import './GroupChannel/components/FileViewer.js';
-import './chunks/bundle-5DiiOFi-.js';
+import './chunks/bundle-Kmel75IS.js';
 import './GroupChannel/components/RemoveMessageModal.js';
-import './chunks/bundle-BEzsjrvw.js';
-import './chunks/bundle-BKPDTl9U.js';
+import './chunks/bundle-C7Vg2sg7.js';
+import './chunks/bundle-C7zPvb8E.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-CExm_LIL.js';
+import './chunks/bundle-CabpA5ei.js';
 import './GroupChannel/components/SuggestedMentionList.js';
 import './ui/QuoteMessageInput.js';
 import './VoiceRecorder/useVoiceRecorder.js';
-import './chunks/bundle-B9ZQfJSL.js';
-import './chunks/bundle-DPRlCjJt.js';
+import './chunks/bundle-DufKYoOA.js';
+import './chunks/bundle-ac7nQTxZ.js';
 import './GroupChannelList.js';
 import './GroupChannelList/context.js';
 import './GroupChannelList/components/GroupChannelListUI.js';
-import './chunks/bundle-Cm3yLDom.js';
+import './chunks/bundle-Ccrcu-lm.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-Bb7wwF7C.js';
+import './chunks/bundle-o68clRDX.js';
 import './ui/Badge.js';
 import './ui/MentionUserLabel.js';
 import './GroupChannelList/components/AddGroupChannel.js';
-import './chunks/bundle-BgunHZ2y.js';
+import './chunks/bundle-XUXMq2yd.js';
 import './CreateChannel.js';
 import './CreateChannel/components/CreateChannelUI.js';
-import './chunks/bundle-5E39Cv3A.js';
+import './chunks/bundle-TgWo1p5X.js';
 import './CreateChannel/components/InviteUsers.js';
 import './CreateChannel/components/SelectChannelType.js';
 import './Thread.js';
 import './Thread/context.js';
-import './chunks/bundle-Bm8gzDx1.js';
+import './chunks/bundle-CaeGyC4L.js';
 import './Thread/context/types.js';
-import './chunks/bundle-C7SA85dp.js';
-import './chunks/bundle-CI0ovNa-.js';
+import './chunks/bundle-DqzqAw0N.js';
+import './chunks/bundle-CPj7I_Ht.js';
 import './Thread/components/ThreadUI.js';
 import './Thread/components/ParentMessageInfo.js';
-import './chunks/bundle-DIhQqYC5.js';
+import './chunks/bundle-DIdcX_-2.js';
 import './Thread/components/ParentMessageInfoItem.js';
-import './chunks/bundle-C6387K33.js';
-import './chunks/bundle-BqWBruLa.js';
+import './chunks/bundle-D0kBwA_N.js';
+import './chunks/bundle-BBFU4eTL.js';
 import './Thread/components/ThreadHeader.js';
 import './Thread/components/ThreadList.js';
 import './Thread/components/ThreadListItem.js';
@@ -195,37 +195,37 @@ import './ChannelSettings/components/EditDetailsModal.js';
 import './ChannelSettings/components/ModerationPanel.js';
 import './ui/Accordion.js';
 import './ui/AccordionGroup.js';
-import './chunks/bundle-_B5yFEP0.js';
+import './chunks/bundle-B0tCGD6H.js';
 import './ui/Toggle.js';
 import './ChannelSettings/components/UserListItem.js';
-import './chunks/bundle-TYwaKAYl.js';
+import './chunks/bundle-CXhtYaaJ.js';
 import './ChannelSettings/components/LeaveChannel.js';
 import './ChannelSettings/components/UserPanel.js';
-import './chunks/bundle-Pw0Ofufv.js';
-import './chunks/bundle-Hl5CUM1x.js';
+import './chunks/bundle-hRWx3bGt.js';
+import './chunks/bundle-Dg7p2p52.js';
 import './ChannelList/components/ChannelListUI.js';
 import './ChannelList/components/ChannelPreview.js';
 import './ChannelList/components/AddChannel.js';
 import './Channel/context.js';
-import './chunks/bundle-CcRuHA7i.js';
+import './chunks/bundle-CXTic09W.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-BpyUTLY3.js';
+import './chunks/bundle-BLA2XkKm.js';
 import './Channel/components/MessageInput.js';
 import './OpenChannel/components/OpenChannelUI.js';
-import './chunks/bundle-CBIAPOPy.js';
+import './chunks/bundle-CfNFTpLH.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-D57EENOn.js';
-import './chunks/bundle-BRedj7J7.js';
+import './chunks/bundle-DJ-85RBu.js';
+import './chunks/bundle-BjIhMAvw.js';
 import './ui/OpenChannelAdminMessage.js';
 import './ui/OpenchannelOGMessage.js';
 import './ui/OpenchannelThumbnailMessage.js';
@@ -236,7 +236,7 @@ import './OpenChannelSettings/components/OperatorUI.js';
 import './OpenChannelSettings/components/OpenChannelProfile.js';
 import './ui/OpenChannelAvatar.js';
 import './OpenChannelSettings/components/EditDetailsModal.js';
-import './chunks/bundle-CtBgDIuq.js';
+import './chunks/bundle-DohVktRn.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.13.2",
+  "version": "3.13.3-rc.0",
   "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-BZK5eiX2.js';
+export { b as PUBSUB_TOPICS, P as PublishingModuleType, p as default } from '../chunks/bundle-DmPACCke.js';
 //# sourceMappingURL=topics.js.map

package/sendbirdSelectors.js

@@ -1,5 +1,5 @@
-import { p as pubSubTopics } from './chunks/bundle-BZK5eiX2.js';
-import { n as noop } from './chunks/bundle-BdCGrzcY.js';
+import { p as pubSubTopics } from './chunks/bundle-DmPACCke.js';
+import { n as noop } from './chunks/bundle-DU1sAKMN.js';
 
 /**
  * 1. UIKit Instances

package/types/modules/GroupChannel/components/FileViewer/FileViewerView.d.ts

@@ -1,12 +1,13 @@
 import './index.scss';
-import React from 'react';
+import React, { MouseEvent } from 'react';
 import { FileViewerProps } from '.';
 import type { CoreMessageType, SendableMessageType } from '../../../../utils';
 type DeleteMessageTypeLegacy = (message: CoreMessageType) => Promise<void>;
 export interface FileViewerViewProps extends FileViewerProps {
     deleteMessage: ((message: SendableMessageType) => Promise<void>) | DeleteMessageTypeLegacy;
+    onDownloadClick?: (e: MouseEvent) => Promise<void>;
 }
-export declare const FileViewerView: ({ message, onCancel, deleteMessage, }: FileViewerViewProps) => React.ReactPortal;
+export declare const FileViewerView: ({ message, onCancel, deleteMessage, onDownloadClick, }: FileViewerViewProps) => React.ReactPortal;
 export interface FileViewerUIProps {
     profileUrl: string;
     nickname: string;
@@ -17,6 +18,7 @@ export interface FileViewerUIProps {
     onCancel: () => void;
     onDelete: () => void;
     disableDelete: boolean;
+    onDownloadClick?: (e: MouseEvent) => Promise<void>;
 }
-export declare const FileViewerComponent: ({ profileUrl, nickname, name, type, url, isByMe, onCancel, onDelete, disableDelete, }: FileViewerUIProps) => React.JSX.Element;
+export declare const FileViewerComponent: ({ profileUrl, nickname, name, type, url, isByMe, onCancel, onDelete, disableDelete, onDownloadClick, }: FileViewerUIProps) => React.JSX.Element;
 export {};

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

@@ -7,6 +7,7 @@ import { ThreadReplySelectType } from '../../context/const';
 import { CoreMessageType, SendableMessageType } from '../../../../utils';
 import { MessageContentProps } from '../../../../ui/MessageContent';
 import { SuggestedRepliesProps } from '../SuggestedReplies';
+import type { OnBeforeDownloadFileMessageType } from '../../context/GroupChannelProvider';
 export interface MessageProps {
     message: EveryMessage;
     hasSeparator?: boolean;
@@ -72,6 +73,11 @@ export interface MessageViewProps extends MessageProps {
         message: EveryMessage;
         onCancel: () => void;
     }) => React.ReactElement;
+    /**
+     * You can't use this prop in the Channel component (legacy).
+     * Accepting this prop only for the GroupChannel.
+    */
+    onBeforeDownloadFileMessage?: OnBeforeDownloadFileMessageType;
     animatedMessageId: number;
     setAnimatedMessageId: React.Dispatch<React.SetStateAction<number>>;
     onMessageAnimated?: () => void;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { SendbirdError, User } from '@sendbird/chat';
-import { FileMessageCreateParams, MultipleFilesMessageCreateParams, UserMessageCreateParams, UserMessageUpdateParams } from '@sendbird/chat/message';
+import { FileMessageCreateParams, MultipleFilesMessageCreateParams, UserMessageCreateParams, UserMessageUpdateParams, type FileMessage, type MultipleFilesMessage } from '@sendbird/chat/message';
 import type { GroupChannel, MessageCollectionParams, MessageFilterParams } from '@sendbird/chat/groupChannel';
 import { useGroupChannelMessages } from '@sendbird/uikit-tools';
 import type { SendableMessageType } from '../../../utils';
@@ -14,6 +14,10 @@ type OnBeforeHandler<T> = (params: T) => T | Promise<T>;
 type MessageListQueryParamsType = Omit<MessageCollectionParams, 'filter'> & MessageFilterParams;
 type MessageActions = ReturnType<typeof useMessageActions>;
 type MessageListDataSourceWithoutActions = Omit<ReturnType<typeof useGroupChannelMessages>, keyof MessageActions | `_dangerous_${string}`>;
+export type OnBeforeDownloadFileMessageType = (params: {
+    message: FileMessage | MultipleFilesMessage;
+    index?: number;
+}) => Promise<boolean>;
 interface ContextBaseType {
     channelUrl: string;
     isReactionEnabled?: boolean;
@@ -34,6 +38,7 @@ interface ContextBaseType {
     onBeforeSendVoiceMessage?: OnBeforeHandler<FileMessageCreateParams>;
     onBeforeSendMultipleFilesMessage?: OnBeforeHandler<MultipleFilesMessageCreateParams>;
     onBeforeUpdateUserMessage?: OnBeforeHandler<UserMessageUpdateParams>;
+    onBeforeDownloadFileMessage?: OnBeforeDownloadFileMessageType;
     onBackClick?(): void;
     onChatHeaderActionClick?(event: React.MouseEvent<HTMLElement>): void;
     onReplyInThreadClick?: (props: {

package/types/modules/Thread/components/ParentMessageInfo/ParentMessageInfoItem.d.ts

@@ -1,9 +1,11 @@
 import { ReactElement } from 'react';
 import './ParentMessageInfoItem.scss';
 import { SendableMessageType } from '../../../../utils';
+import type { OnBeforeDownloadFileMessageType } from '../../../GroupChannel/context/GroupChannelProvider';
 export interface ParentMessageInfoItemProps {
     className?: string;
     message: SendableMessageType;
     showFileViewer?: (bool: boolean) => void;
+    onBeforeDownloadFileMessage?: OnBeforeDownloadFileMessageType;
 }
-export default function ParentMessageInfoItem({ className, message, showFileViewer, }: ParentMessageInfoItemProps): ReactElement;
+export default function ParentMessageInfoItem({ className, message, showFileViewer, onBeforeDownloadFileMessage, }: ParentMessageInfoItemProps): ReactElement;

package/types/modules/Thread/context/ThreadProvider.d.ts

@@ -5,6 +5,7 @@ import type { BaseMessage, FileMessage, FileMessageCreateParams, MultipleFilesMe
 import { ThreadContextInitialState } from './dux/initialState';
 import { SendMessageParams } from './hooks/useSendUserMessageCallback';
 import { SendableMessageType } from '../../../utils';
+import type { OnBeforeDownloadFileMessageType } from '../../GroupChannel/context/GroupChannelProvider';
 export type ThreadProviderProps = {
     children?: React.ReactElement;
     channelUrl: string;
@@ -18,6 +19,7 @@ export type ThreadProviderProps = {
     onBeforeSendFileMessage?: (file: File, quotedMessage?: SendableMessageType) => FileMessageCreateParams;
     onBeforeSendVoiceMessage?: (file: File, quotedMessage?: SendableMessageType) => FileMessageCreateParams;
     onBeforeSendMultipleFilesMessage?: (files: Array<File>, quotedMessage?: SendableMessageType) => MultipleFilesMessageCreateParams;
+    onBeforeDownloadFileMessage?: OnBeforeDownloadFileMessageType;
     disableUserProfile?: boolean;
     renderUserProfile?: (props: {
         user: User;

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

@@ -1,6 +1,7 @@
 import './index.scss';
 import { ReactElement } from 'react';
 import type { FileMessage } from '@sendbird/chat/message';
+import type { OnBeforeDownloadFileMessageType } from '../../modules/GroupChannel/context/GroupChannelProvider';
 interface Props {
     className?: string | Array<string>;
     message: FileMessage;
@@ -8,6 +9,7 @@ interface Props {
     mouseHover?: boolean;
     isReactionEnabled?: boolean;
     truncateLimit?: number;
+    onBeforeDownloadFileMessage?: OnBeforeDownloadFileMessageType;
 }
-export default function FileMessageItemBody({ className, message, isByMe, mouseHover, isReactionEnabled, truncateLimit, }: Props): ReactElement;
+export default function FileMessageItemBody({ className, message, isByMe, mouseHover, isReactionEnabled, truncateLimit, onBeforeDownloadFileMessage, }: Props): ReactElement;
 export {};

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

@@ -13,5 +13,6 @@ export interface FileViewerProps {
     onDelete?: (e: MouseEvent) => void;
     onClickLeft?: () => void;
     onClickRight?: () => void;
+    onDownloadClick?: (e: MouseEvent) => Promise<void>;
 }
-export default function FileViewer({ message, statefulFileInfoList, onClose, isByMe, onDelete, currentIndex, onClickLeft, onClickRight, }: FileViewerProps): ReactElement;
+export default function FileViewer({ message, statefulFileInfoList, onClose, isByMe, onDelete, currentIndex, onClickLeft, onClickRight, onDownloadClick, }: FileViewerProps): ReactElement;

package/types/ui/FileViewer/types.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { MouseEvent } from 'react';
 export type SupportedImageMimesType = 'image/jpeg' | 'image/jpg' | 'image/png' | 'image/gif' | 'image/svg+xml' | 'image/webp';
 export type SupportedVideoMimesType = 'video/mpeg' | 'video/ogg' | 'video/webm' | 'video/mp4';
 export type SupportedMimesType = SupportedImageMimesType | SupportedVideoMimesType;
@@ -32,7 +32,8 @@ export interface SingleFileViewer extends SenderInfo, FileInfo, BaseViewer {
     viewerType?: typeof ViewerTypes.SINGLE;
     isByMe?: boolean;
     disableDelete?: boolean;
-    onDelete: (e: React.MouseEvent) => void;
+    onDelete: (e: MouseEvent) => void;
+    onDownloadClick?: (e: MouseEvent) => Promise<void>;
 }
 export interface MultiFilesViewer extends SenderInfo, BaseViewer {
     viewerType: typeof ViewerTypes.MULTI;
@@ -40,5 +41,6 @@ export interface MultiFilesViewer extends SenderInfo, BaseViewer {
     currentIndex: number;
     onClickLeft: () => void;
     onClickRight: () => void;
+    onDownloadClick?: (e: MouseEvent) => Promise<void>;
 }
 export type FileViewerComponentProps = SingleFileViewer | MultiFilesViewer;

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

@@ -4,11 +4,13 @@ import { CoreMessageType } from '../../../utils';
 import { SendBirdStateConfig } from '../../../lib/types';
 import { Nullable } from '../../../types';
 import { GroupChannel } from '@sendbird/chat/groupChannel';
+import type { OnBeforeDownloadFileMessageType } from '../../../modules/GroupChannel/context/GroupChannelProvider';
 export interface MessageBodyProps {
     channel: Nullable<GroupChannel>;
     message: CoreMessageType;
     showFileViewer?: (bool: boolean) => void;
     onMessageHeightChange?: () => void;
+    onBeforeDownloadFileMessage?: OnBeforeDownloadFileMessageType;
     mouseHover: boolean;
     isMobile: boolean;
     config: SendBirdStateConfig;

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

@@ -3,6 +3,7 @@ import './index.scss';
 import { MessageMenuProps } from '../MessageItemMenu';
 import { MessageEmojiMenuProps } from '../MessageItemReactionMenu';
 import { EmojiReactionsProps } from '../EmojiReactions';
+import type { OnBeforeDownloadFileMessageType } from '../../modules/GroupChannel/context/GroupChannelProvider';
 import { SendableMessageType, CoreMessageType } from '../../utils';
 import { GroupChannel } from '@sendbird/chat/groupChannel';
 import { EmojiContainer } from '@sendbird/chat';
@@ -41,6 +42,7 @@ export interface MessageContentProps {
         message: SendableMessageType;
     }) => void;
     onMessageHeightChange?: () => void;
+    onBeforeDownloadFileMessage?: OnBeforeDownloadFileMessageType;
     renderSenderProfile?: (props: MessageProfileProps) => ReactNode;
     renderMessageBody?: (props: MessageBodyProps) => ReactNode;
     renderMessageHeader?: (props: MessageHeaderProps) => ReactNode;

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

@@ -1,9 +1,16 @@
 import './index.scss';
-import { ReactElement } from 'react';
+import { MouseEvent, ReactElement } from 'react';
 import type { GroupChannel } from '@sendbird/chat/groupChannel';
 import type { OpenChannel } from '@sendbird/chat/openChannel';
 import { SendableMessageType } from '../../utils/index';
 import { ReplyType } from '../../types';
+export interface MessageMenuRenderMenuItemProps {
+    className?: string;
+    onClick?: (e: MouseEvent) => void;
+    dataSbId?: string;
+    disable?: boolean;
+    text: string;
+}
 export interface MessageMenuProps {
     className?: string | Array<string>;
     message: SendableMessageType;
@@ -22,6 +29,7 @@ export interface MessageMenuProps {
         message: SendableMessageType;
     }) => void;
     onMoveToParentMessage?: () => void;
+    renderMenuItem?: (props: MessageMenuRenderMenuItemProps) => ReactElement;
 }
-export declare function MessageMenu({ className, message, channel, isByMe, disabled, replyType, disableDeleteMessage, showEdit, showRemove, deleteMessage, resendMessage, setQuoteMessage, setSupposedHover, onReplyInThread, onMoveToParentMessage, }: MessageMenuProps): ReactElement;
+export declare function MessageMenu({ className, message, channel, isByMe, disabled, replyType, disableDeleteMessage, showEdit, showRemove, deleteMessage, resendMessage, setQuoteMessage, setSupposedHover, onReplyInThread, onMoveToParentMessage, renderMenuItem, }: MessageMenuProps): ReactElement;
 export default MessageMenu;

package/types/ui/MessageTemplate/messageTemplateErrorBoundary.d.ts

@@ -0,0 +1,19 @@
+import { Component, ErrorInfo, ReactNode } from 'react';
+import { LoggerInterface } from '../../lib/Logger';
+interface ErrorBoundaryProps {
+    children: ReactNode;
+    fallbackMessage: ReactNode;
+    logger?: LoggerInterface;
+}
+interface ErrorBoundaryState {
+    hasError: boolean;
+}
+export declare class MessageTemplateErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
+    constructor(props: ErrorBoundaryProps);
+    static getDerivedStateFromError(): {
+        hasError: boolean;
+    };
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    render(): ReactNode;
+}
+export default MessageTemplateErrorBoundary;

package/types/ui/MobileMenu/types.d.ts

@@ -1,7 +1,7 @@
+import React, { MouseEvent } from 'react';
 import type { EmojiContainer } from '@sendbird/chat';
 import type { GroupChannel } from '@sendbird/chat/groupChannel';
 import type { OpenChannel } from '@sendbird/chat/openChannel';
-import React from 'react';
 import { CoreMessageType, SendableMessageType } from '../../utils';
 import { ReplyType } from '../../types';
 export type DeleteMenuStates = 'DISABLE' | 'HIDE' | 'ACTIVE';
@@ -25,6 +25,7 @@ export interface BaseMenuProps {
         message: SendableMessageType;
     }) => void;
     isOpenedFromThread?: boolean;
+    onDownloadClick?: (e: MouseEvent) => Promise<void>;
 }
 export interface MobileBottomSheetProps extends BaseMenuProps {
     emojiContainer?: EmojiContainer;

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

@@ -1,5 +1,6 @@
 import { ReactElement } from 'react';
 import { MultipleFilesMessage } from '@sendbird/chat/message';
+import type { OnBeforeDownloadFileMessageType } from '../../modules/GroupChannel/context/GroupChannelProvider';
 import './index.scss';
 import { UploadedFileInfoWithUpload } from '../../types';
 export declare const ThreadMessageKind: {
@@ -16,6 +17,7 @@ interface Props {
     truncateLimit?: number;
     threadMessageKindKey?: string;
     statefulFileInfoList?: UploadedFileInfoWithUpload[];
+    onBeforeDownloadFileMessage?: OnBeforeDownloadFileMessageType;
 }
-export default function MultipleFilesMessageItemBody({ className, message, isReactionEnabled, threadMessageKindKey, statefulFileInfoList, }: Props): ReactElement;
+export default function MultipleFilesMessageItemBody({ className, message, isReactionEnabled, threadMessageKindKey, statefulFileInfoList, onBeforeDownloadFileMessage, }: Props): ReactElement;
 export {};