@sendbird/ai-agent-messenger-react 1.17.0 → 1.18.0

package/dist/index.d.ts

@@ -19,6 +19,8 @@ import { JSX } from 'react/jsx-runtime';
 import { LazyExoticComponent } from 'react';
 import type { Locale } from 'date-fns';
 import { LogLevel as LogLevel_2 } from '@sendbird/chat';
+import { MultipleFilesMessage } from '@sendbird/chat/message';
+import { MultipleFilesMessageCreateParams } from '@sendbird/chat/message';
 import { PropsWithChildren } from 'react';
 import { ReactNode } from 'react';
 import { RefAttributes } from 'react';
@@ -269,10 +271,6 @@ origin?: string;
 messageTemplate?: {
 __internalVariables?: InternalMessageTemplateVariables;
 };
-/**
-* @internal DO NOT USE THIS - Used for conversation initial render stat tracking.
-*/
-presentMethod?: PresentMethod;
 } & {
 children?: ReactNode | undefined;
 } & RefAttributes<MessengerSessionRef>>;
@@ -411,13 +409,13 @@ declare interface AIAgentConfig {
                 photoEnabled?: boolean;
             };
             /**
-             * (React-Native only) Whether to enable the gallery option in the attachment menu.
+             * Whether to enable the gallery/photo option in the attachment menu.
              * */
             gallery?: {
                 photoEnabled?: boolean;
             };
             /**
-             * (React-Native only) Whether to enable the file option in the attachment menu.
+             * Whether to enable the file option in the attachment menu.
              * */
             fileEnabled?: boolean;
         };
@@ -476,8 +474,11 @@ declare interface AIAgentConversationContextValue {
         loadNext: () => Promise<void>;
         sendUserMessage: (params: UserMessageCreateParams) => Promise<UserMessage>;
         sendFileMessage: (params: FileMessageCreateParams) => Promise<FileMessage>;
-        deleteMessage: (message: UserMessage | FileMessage) => Promise<void>;
-        resendMessage: (message: UserMessage | FileMessage) => Promise<UserMessage | FileMessage>;
+        sendMultipleFilesMessage: (params: MultipleFilesMessageCreateParams) => Promise<MultipleFilesMessage>;
+        deleteMessage: (message: UserMessage | FileMessage | MultipleFilesMessage) => Promise<void>;
+        resendMessage: (
+        message: UserMessage | FileMessage | MultipleFilesMessage,
+        ) => Promise<UserMessage | FileMessage | MultipleFilesMessage>;
         resetNewMessages: () => void;
     };
 
@@ -568,7 +569,6 @@ declare interface AIAgentMessengerSessionContextValue {
     userSession: null | UserSession;
     aiAgentInfo: null | AIAgentInfo;
     launcherInfo: null | LauncherInfo;
-    presentMethod: PresentMethod;
 
     connectionError?: Error;
 
@@ -755,10 +755,6 @@ export declare type AIAgentProps = PropsWithChildren<{
     messageTemplate?: {
         __internalVariables?: InternalMessageTemplateVariables;
     };
-    /**
-     * @internal DO NOT USE THIS - Used for conversation initial render stat tracking.
-     */
-    presentMethod?: PresentMethod;
 }>;
 
 declare interface AIAgentQueryParams {
@@ -816,6 +812,7 @@ declare interface AIAgentStringSet {
         header_title: string;
         ended: string;
         footer_title: string;
+        multiple_files_count: (count: number) => string;
     };
 
     date_format: {
@@ -910,7 +907,9 @@ declare type BaseMessageProps<T> = T & {
     maxBodyWidth?: number;
 
     // handlers
+    /** @deprecated Use onClickMediaFiles instead */
     onClickMedia?: (params: { url: string; type: string }) => void;
+    onClickMediaFiles?: (params: { files: Array<{ url: string; type: string; name?: string }>; index: number }) => void;
     onClickFile?: (params: { url: string; type: string }) => void;
 
     children?: ReactNode;
@@ -1055,11 +1054,11 @@ declare interface ConversationHeaderTemplateProps {
 }
 
 declare class ConversationInitialRenderStats extends AIAgentBaseStats {
-    private presentMethod: PresentMethod;
+    private presentMethod: PresentMethod = 'direct_present';
 
-    constructor(presentMethod: PresentMethod) {
-        super();
-        this.presentMethod = presentMethod;
+    setPresentMethod(method: PresentMethod): this {
+        this.presentMethod = method;
+        return this;
     }
 
     protected getMetricKey(): string {
@@ -1102,18 +1101,18 @@ declare class ConversationInitialRenderStats extends AIAgentBaseStats {
  */
 declare class ConversationInitialRenderStatsTracker {
     private readonly commitCallback: StatsAppendCallback;
-    private readonly presentMethod: PresentMethod;
+    private presentMethod: PresentMethod = 'direct_present';
     private stats: ConversationInitialRenderStats | null = null;
 
-    constructor(commitCallback: StatsAppendCallback, presentMethod: PresentMethod) {
+    constructor(commitCallback: StatsAppendCallback) {
         this.commitCallback = commitCallback;
-        this.presentMethod = presentMethod;
     }
 
     private getOrCreateStats(): ConversationInitialRenderStats {
         if (!this.stats || this.stats.isCommitted()) {
-            this.stats = new ConversationInitialRenderStats(this.presentMethod);
-            this.stats.setCommitCallback(this.commitCallback);
+            this.stats = new ConversationInitialRenderStats()
+            .setCommitCallback(this.commitCallback)
+            .setPresentMethod(this.presentMethod);
         }
         return this.stats;
     }
@@ -1189,6 +1188,11 @@ declare class ConversationInitialRenderStatsTracker {
         this.stats?.commit();
     }
 
+    setPresentMethod(method: PresentMethod): void {
+        this.presentMethod = method;
+        this.stats?.setPresentMethod(method);
+    }
+
     clear(): void {
         this.stats = null;
     }
@@ -1693,6 +1697,10 @@ declare const icons: {
     readonly 'good-filled': LazyExoticComponent<FC<SVGProps<SVGElement>>>;
     readonly 'bad-filled': LazyExoticComponent<FC<SVGProps<SVGElement>>>;
     readonly delight: LazyExoticComponent<FC<SVGProps<SVGElement>>>;
+    readonly photo: LazyExoticComponent<FC<SVGProps<SVGElement>>>;
+    readonly 'arrow-left': LazyExoticComponent<FC<SVGProps<SVGElement>>>;
+    readonly add: LazyExoticComponent<FC<SVGProps<SVGElement>>>;
+    readonly document: LazyExoticComponent<FC<SVGProps<SVGElement>>>;
 };
 
 declare type IconType = keyof typeof icons;
@@ -1735,6 +1743,10 @@ BaseMessageProps<{
     messageTemplateLoadingFallback?: ReactNode;
 }>;
 
+declare function IncomingFileBody({ file, children, onClickFile }: IncomingMessageProps<'file'>): JSX.Element;
+
+declare function IncomingMediaBody({ file, onClickMedia, onClickMediaFiles, children, }: IncomingMessageBodyProps<'file'>): JSX.Element | null;
+
 declare type IncomingMessageBodyProps<T extends MessageType = MessageType> = IncomingMessageProps<T> & {
     customStyle?: {
         bubbleContentColor?: string;
@@ -1751,6 +1763,10 @@ export declare const IncomingMessageLayout: {
             SenderAvatar: ({ sender, isBotMessage, }: Pick<IncomingMessageProps, "sender" | "isBotMessage">) => ReactNode;
             SentTime: ({ createdAt }: Pick<IncomingMessageProps, "createdAt">) => ReactNode;
             MessageBody: (props: IncomingMessageBodyProps) => ReactNode;
+            TextMessageBody: typeof IncomingTextBody;
+            MediaMessageBody: typeof IncomingMediaBody;
+            FileMessageBody: typeof IncomingFileBody;
+            MultipleFilesMessageBody: ({ files, children, onClickMedia, onClickMediaFiles, }: IncomingMessageBodyProps<"multipleFiles">) => JSX.Element;
             TypingIndicator: ({ customStyle }: IncomingMessageProps & {
                 customStyle?: {
                     bubbleContentColor?: string;
@@ -1820,6 +1836,14 @@ export declare const IncomingMessageLayout: {
                     url: string;
                     type: string;
                 }) => void;
+                onClickMediaFiles?: (params: {
+                    files: Array<{
+                        url: string;
+                        type: string;
+                        name?: string;
+                    }>;
+                    index: number;
+                }) => void;
                 onClickFile?: (params: {
                     url: string;
                     type: string;
@@ -1884,6 +1908,86 @@ export declare const IncomingMessageLayout: {
                     url: string;
                     type: string;
                 }) => void;
+                onClickMediaFiles?: (params: {
+                    files: Array<{
+                        url: string;
+                        type: string;
+                        name?: string;
+                    }>;
+                    index: number;
+                }) => void;
+                onClickFile?: (params: {
+                    url: string;
+                    type: string;
+                }) => void;
+                children?: ReactNode;
+            }) | ({
+                messageType: "multipleFiles";
+                message: string;
+                files: {
+                    type: string;
+                    url: string;
+                    name: string;
+                }[];
+            } & {
+                sender: {
+                    nickname: string;
+                    profileUrl?: string;
+                };
+                suggestedRepliesVisible?: boolean;
+                suggestedRepliesDirection?: "vertical" | "horizontal";
+                isBotMessage?: boolean;
+                isTyping?: boolean;
+                isStreaming?: boolean;
+                isHandedOff?: boolean;
+                isConversationClosed?: boolean;
+                isFeedbackEnabled?: boolean;
+                isFeedbackCommentEnabled?: boolean;
+                isSenderAvatarVisible?: boolean;
+                onGetCachedMessageTemplate?: (templateKey: string) => string | null;
+                onRequestMessageTemplate?: (templateKey: string) => Promise<string>;
+                onHandleTemplateInternalAction?: (action: Action) => void;
+                onClickSuggestedReply?: (params: {
+                    reply: string;
+                }) => void;
+                onClickCTA?: (params: {
+                    url: string;
+                }) => void;
+                onClickCitation?: (citation: CitationInfo) => void;
+                onFeedbackUpdate?: (params: {
+                    rating: "good" | "bad";
+                    comment?: string;
+                } | null) => void;
+                onSubmitForm?: (params: {
+                    key: string;
+                    data: Record<string, FormFieldValue>;
+                }) => Promise<void>;
+                onCancelForm?: (params: {
+                    key: string;
+                }) => Promise<void>;
+                onStreamAnimationStart?: () => void;
+                onStreamAnimationProgress?: () => void;
+                onStreamAnimationComplete?: () => void;
+                messageTemplateErrorFallback?: ReactNode;
+                messageTemplateLoadingFallback?: ReactNode;
+            } & {
+                data?: string;
+                createdAt?: number;
+                extendedMessagePayload?: Partial<ExtendedMessagePayload>;
+                groupType?: MessageGroupType;
+                maxBodyWidth?: number;
+                onClickMedia?: (params: {
+                    url: string;
+                    type: string;
+                }) => void;
+                onClickMediaFiles?: (params: {
+                    files: Array<{
+                        url: string;
+                        type: string;
+                        name?: string;
+                    }>;
+                    index: number;
+                }) => void;
                 onClickFile?: (params: {
                     url: string;
                     type: string;
@@ -1906,6 +2010,10 @@ export declare const IncomingMessageLayout: {
     SenderAvatar: ({ sender, isBotMessage, }: Pick<IncomingMessageProps, "sender" | "isBotMessage">) => ReactNode;
     SentTime: ({ createdAt }: Pick<IncomingMessageProps, "createdAt">) => ReactNode;
     MessageBody: (props: IncomingMessageBodyProps) => ReactNode;
+    TextMessageBody: typeof IncomingTextBody;
+    MediaMessageBody: typeof IncomingMediaBody;
+    FileMessageBody: typeof IncomingFileBody;
+    MultipleFilesMessageBody: ({ files, children, onClickMedia, onClickMediaFiles, }: IncomingMessageBodyProps<"multipleFiles">) => JSX.Element;
     TypingIndicator: ({ customStyle }: IncomingMessageProps & {
     customStyle?: {
     bubbleContentColor?: string;
@@ -1975,6 +2083,14 @@ export declare const IncomingMessageLayout: {
     url: string;
     type: string;
     }) => void;
+    onClickMediaFiles?: (params: {
+    files: Array<{
+    url: string;
+    type: string;
+    name?: string;
+    }>;
+    index: number;
+    }) => void;
     onClickFile?: (params: {
     url: string;
     type: string;
@@ -2039,6 +2155,86 @@ export declare const IncomingMessageLayout: {
     url: string;
     type: string;
     }) => void;
+    onClickMediaFiles?: (params: {
+    files: Array<{
+    url: string;
+    type: string;
+    name?: string;
+    }>;
+    index: number;
+    }) => void;
+    onClickFile?: (params: {
+    url: string;
+    type: string;
+    }) => void;
+    children?: ReactNode;
+    }) | ({
+    messageType: "multipleFiles";
+    message: string;
+    files: {
+    type: string;
+    url: string;
+    name: string;
+    }[];
+    } & {
+    sender: {
+    nickname: string;
+    profileUrl?: string;
+    };
+    suggestedRepliesVisible?: boolean;
+    suggestedRepliesDirection?: "vertical" | "horizontal";
+    isBotMessage?: boolean;
+    isTyping?: boolean;
+    isStreaming?: boolean;
+    isHandedOff?: boolean;
+    isConversationClosed?: boolean;
+    isFeedbackEnabled?: boolean;
+    isFeedbackCommentEnabled?: boolean;
+    isSenderAvatarVisible?: boolean;
+    onGetCachedMessageTemplate?: (templateKey: string) => string | null;
+    onRequestMessageTemplate?: (templateKey: string) => Promise<string>;
+    onHandleTemplateInternalAction?: (action: Action) => void;
+    onClickSuggestedReply?: (params: {
+    reply: string;
+    }) => void;
+    onClickCTA?: (params: {
+    url: string;
+    }) => void;
+    onClickCitation?: (citation: CitationInfo) => void;
+    onFeedbackUpdate?: (params: {
+    rating: "good" | "bad";
+    comment?: string;
+    } | null) => void;
+    onSubmitForm?: (params: {
+    key: string;
+    data: Record<string, FormFieldValue>;
+    }) => Promise<void>;
+    onCancelForm?: (params: {
+    key: string;
+    }) => Promise<void>;
+    onStreamAnimationStart?: () => void;
+    onStreamAnimationProgress?: () => void;
+    onStreamAnimationComplete?: () => void;
+    messageTemplateErrorFallback?: ReactNode;
+    messageTemplateLoadingFallback?: ReactNode;
+    } & {
+    data?: string;
+    createdAt?: number;
+    extendedMessagePayload?: Partial<ExtendedMessagePayload>;
+    groupType?: MessageGroupType;
+    maxBodyWidth?: number;
+    onClickMedia?: (params: {
+    url: string;
+    type: string;
+    }) => void;
+    onClickMediaFiles?: (params: {
+    files: Array<{
+    url: string;
+    type: string;
+    name?: string;
+    }>;
+    index: number;
+    }) => void;
     onClickFile?: (params: {
     url: string;
     type: string;
@@ -2056,6 +2252,10 @@ export declare const IncomingMessageLayout: {
     SenderAvatar: ({ sender, isBotMessage, }: Pick<IncomingMessageProps, "sender" | "isBotMessage">) => ReactNode;
     SentTime: ({ createdAt }: Pick<IncomingMessageProps, "createdAt">) => ReactNode;
     MessageBody: (props: IncomingMessageBodyProps) => ReactNode;
+    TextMessageBody: typeof IncomingTextBody;
+    MediaMessageBody: typeof IncomingMediaBody;
+    FileMessageBody: typeof IncomingFileBody;
+    MultipleFilesMessageBody: ({ files, children, onClickMedia, onClickMediaFiles, }: IncomingMessageBodyProps<"multipleFiles">) => JSX.Element;
     TypingIndicator: ({ customStyle }: IncomingMessageProps & {
     customStyle?: {
     bubbleContentColor?: string;
@@ -2125,6 +2325,14 @@ export declare const IncomingMessageLayout: {
     url: string;
     type: string;
     }) => void;
+    onClickMediaFiles?: (params: {
+    files: Array<{
+    url: string;
+    type: string;
+    name?: string;
+    }>;
+    index: number;
+    }) => void;
     onClickFile?: (params: {
     url: string;
     type: string;
@@ -2189,6 +2397,86 @@ export declare const IncomingMessageLayout: {
     url: string;
     type: string;
     }) => void;
+    onClickMediaFiles?: (params: {
+    files: Array<{
+    url: string;
+    type: string;
+    name?: string;
+    }>;
+    index: number;
+    }) => void;
+    onClickFile?: (params: {
+    url: string;
+    type: string;
+    }) => void;
+    children?: ReactNode;
+    }) | ({
+    messageType: "multipleFiles";
+    message: string;
+    files: {
+    type: string;
+    url: string;
+    name: string;
+    }[];
+    } & {
+    sender: {
+    nickname: string;
+    profileUrl?: string;
+    };
+    suggestedRepliesVisible?: boolean;
+    suggestedRepliesDirection?: "vertical" | "horizontal";
+    isBotMessage?: boolean;
+    isTyping?: boolean;
+    isStreaming?: boolean;
+    isHandedOff?: boolean;
+    isConversationClosed?: boolean;
+    isFeedbackEnabled?: boolean;
+    isFeedbackCommentEnabled?: boolean;
+    isSenderAvatarVisible?: boolean;
+    onGetCachedMessageTemplate?: (templateKey: string) => string | null;
+    onRequestMessageTemplate?: (templateKey: string) => Promise<string>;
+    onHandleTemplateInternalAction?: (action: Action) => void;
+    onClickSuggestedReply?: (params: {
+    reply: string;
+    }) => void;
+    onClickCTA?: (params: {
+    url: string;
+    }) => void;
+    onClickCitation?: (citation: CitationInfo) => void;
+    onFeedbackUpdate?: (params: {
+    rating: "good" | "bad";
+    comment?: string;
+    } | null) => void;
+    onSubmitForm?: (params: {
+    key: string;
+    data: Record<string, FormFieldValue>;
+    }) => Promise<void>;
+    onCancelForm?: (params: {
+    key: string;
+    }) => Promise<void>;
+    onStreamAnimationStart?: () => void;
+    onStreamAnimationProgress?: () => void;
+    onStreamAnimationComplete?: () => void;
+    messageTemplateErrorFallback?: ReactNode;
+    messageTemplateLoadingFallback?: ReactNode;
+    } & {
+    data?: string;
+    createdAt?: number;
+    extendedMessagePayload?: Partial<ExtendedMessagePayload>;
+    groupType?: MessageGroupType;
+    maxBodyWidth?: number;
+    onClickMedia?: (params: {
+    url: string;
+    type: string;
+    }) => void;
+    onClickMediaFiles?: (params: {
+    files: Array<{
+    url: string;
+    type: string;
+    name?: string;
+    }>;
+    index: number;
+    }) => void;
     onClickFile?: (params: {
     url: string;
     type: string;
@@ -2224,6 +2512,18 @@ export declare const IncomingMessageLayout: {
     MessageBody: (props: {
         component: (props: IncomingMessageBodyProps) => ReactNode;
     }) => null;
+    TextMessageBody: (props: {
+        component: typeof IncomingTextBody;
+    }) => null;
+    MediaMessageBody: (props: {
+        component: typeof IncomingMediaBody;
+    }) => null;
+    FileMessageBody: (props: {
+        component: typeof IncomingFileBody;
+    }) => null;
+    MultipleFilesMessageBody: (props: {
+        component: ({ files, children, onClickMedia, onClickMediaFiles, }: IncomingMessageBodyProps<"multipleFiles">) => JSX.Element;
+    }) => null;
     TypingIndicator: (props: {
         component: ({ customStyle }: IncomingMessageProps & {
             customStyle?: {
@@ -2290,6 +2590,14 @@ export declare const IncomingMessageLayout: {
                 url: string;
                 type: string;
             }) => void;
+            onClickMediaFiles?: (params: {
+                files: Array<{
+                    url: string;
+                    type: string;
+                    name?: string;
+                }>;
+                index: number;
+            }) => void;
             onClickFile?: (params: {
                 url: string;
                 type: string;
@@ -2354,6 +2662,86 @@ export declare const IncomingMessageLayout: {
                 url: string;
                 type: string;
             }) => void;
+            onClickMediaFiles?: (params: {
+                files: Array<{
+                    url: string;
+                    type: string;
+                    name?: string;
+                }>;
+                index: number;
+            }) => void;
+            onClickFile?: (params: {
+                url: string;
+                type: string;
+            }) => void;
+            children?: ReactNode;
+        }) | ({
+            messageType: "multipleFiles";
+            message: string;
+            files: {
+                type: string;
+                url: string;
+                name: string;
+            }[];
+        } & {
+            sender: {
+                nickname: string;
+                profileUrl?: string;
+            };
+            suggestedRepliesVisible?: boolean;
+            suggestedRepliesDirection?: "vertical" | "horizontal";
+            isBotMessage?: boolean;
+            isTyping?: boolean;
+            isStreaming?: boolean;
+            isHandedOff?: boolean;
+            isConversationClosed?: boolean;
+            isFeedbackEnabled?: boolean;
+            isFeedbackCommentEnabled?: boolean;
+            isSenderAvatarVisible?: boolean;
+            onGetCachedMessageTemplate?: (templateKey: string) => string | null;
+            onRequestMessageTemplate?: (templateKey: string) => Promise<string>;
+            onHandleTemplateInternalAction?: (action: Action) => void;
+            onClickSuggestedReply?: (params: {
+                reply: string;
+            }) => void;
+            onClickCTA?: (params: {
+                url: string;
+            }) => void;
+            onClickCitation?: (citation: CitationInfo) => void;
+            onFeedbackUpdate?: (params: {
+                rating: "good" | "bad";
+                comment?: string;
+            } | null) => void;
+            onSubmitForm?: (params: {
+                key: string;
+                data: Record<string, FormFieldValue>;
+            }) => Promise<void>;
+            onCancelForm?: (params: {
+                key: string;
+            }) => Promise<void>;
+            onStreamAnimationStart?: () => void;
+            onStreamAnimationProgress?: () => void;
+            onStreamAnimationComplete?: () => void;
+            messageTemplateErrorFallback?: ReactNode;
+            messageTemplateLoadingFallback?: ReactNode;
+        } & {
+            data?: string;
+            createdAt?: number;
+            extendedMessagePayload?: Partial<ExtendedMessagePayload>;
+            groupType?: MessageGroupType;
+            maxBodyWidth?: number;
+            onClickMedia?: (params: {
+                url: string;
+                type: string;
+            }) => void;
+            onClickMediaFiles?: (params: {
+                files: Array<{
+                    url: string;
+                    type: string;
+                    name?: string;
+                }>;
+                index: number;
+            }) => void;
             onClickFile?: (params: {
                 url: string;
                 type: string;
@@ -2394,8 +2782,19 @@ declare type IncomingMessageUnion =
         url: string;
         name: string;
     };
+}>
+| IncomingBaseMessageProps<{
+    messageType: 'multipleFiles';
+    message: string;
+    files: {
+        type: string;
+        url: string;
+        name: string;
+    }[];
 }>;
 
+declare function IncomingTextBody(props: IncomingMessageBodyProps): JSX.Element | null;
+
 declare type InputState = {
     disabled: boolean;
     disabledBy:
@@ -2698,6 +3097,7 @@ declare interface MessengerSettingsResponse {
         upload_size_limit_per_type: Record<string, number>;
         supported_image_mime_types: string[];
         supported_file_mime_types: string[];
+        max_attachment_count?: number;
     };
 }
 
@@ -2758,6 +3158,10 @@ BaseMessageProps<{
     onClickFailedMessage?: () => void;
 }>;
 
+declare function OutgoingFileBody({ file, children, onClickFile, sendingStatus }: OutgoingMessageBodyProps<'file'>): JSX.Element;
+
+declare function OutgoingImageBody({ sendingStatus, file, metadata, onClickMedia, onClickMediaFiles, children, }: OutgoingMessageBodyProps<'file'>): JSX.Element;
+
 declare type OutgoingMessageBodyProps<T extends MessageType_2 = MessageType_2> = OutgoingMessageProps<T> & {
     customStyle?: {
         bubbleContentColor?: string;
@@ -2773,6 +3177,10 @@ export declare const OutgoingMessageLayout: {
             SendingStatus: ({ sendingStatus }: OutgoingMessageProps) => ReactNode;
             SentTime: ({ createdAt }: OutgoingMessageProps) => ReactNode;
             MessageBody: (props: OutgoingMessageBodyProps) => ReactNode;
+            TextMessageBody: typeof OutgoingTextBody;
+            MediaMessageBody: typeof OutgoingImageBody;
+            FileMessageBody: typeof OutgoingFileBody;
+            MultipleFilesMessageBody: ({ sendingStatus, files, metadata, onClickMedia, onClickMediaFiles, children, }: OutgoingMessageBodyProps<"multipleFiles">) => JSX.Element;
         };
     };
     Template: ({ template, children }: {
@@ -2783,11 +3191,19 @@ export declare const OutgoingMessageLayout: {
     SendingStatus: ({ sendingStatus }: OutgoingMessageProps) => ReactNode;
     SentTime: ({ createdAt }: OutgoingMessageProps) => ReactNode;
     MessageBody: (props: OutgoingMessageBodyProps) => ReactNode;
+    TextMessageBody: typeof OutgoingTextBody;
+    MediaMessageBody: typeof OutgoingImageBody;
+    FileMessageBody: typeof OutgoingFileBody;
+    MultipleFilesMessageBody: ({ sendingStatus, files, metadata, onClickMedia, onClickMediaFiles, children, }: OutgoingMessageBodyProps<"multipleFiles">) => JSX.Element;
     }>>;
     useContext: () => LayoutContextValue<OutgoingMessageProps, {
     SendingStatus: ({ sendingStatus }: OutgoingMessageProps) => ReactNode;
     SentTime: ({ createdAt }: OutgoingMessageProps) => ReactNode;
     MessageBody: (props: OutgoingMessageBodyProps) => ReactNode;
+    TextMessageBody: typeof OutgoingTextBody;
+    MediaMessageBody: typeof OutgoingImageBody;
+    FileMessageBody: typeof OutgoingFileBody;
+    MultipleFilesMessageBody: ({ sendingStatus, files, metadata, onClickMedia, onClickMediaFiles, children, }: OutgoingMessageBodyProps<"multipleFiles">) => JSX.Element;
     }>;
 } & {
     SentTime: (props: {
@@ -2796,6 +3212,18 @@ export declare const OutgoingMessageLayout: {
     MessageBody: (props: {
         component: (props: OutgoingMessageBodyProps) => ReactNode;
     }) => null;
+    TextMessageBody: (props: {
+        component: typeof OutgoingTextBody;
+    }) => null;
+    MediaMessageBody: (props: {
+        component: typeof OutgoingImageBody;
+    }) => null;
+    FileMessageBody: (props: {
+        component: typeof OutgoingFileBody;
+    }) => null;
+    MultipleFilesMessageBody: (props: {
+        component: ({ sendingStatus, files, metadata, onClickMedia, onClickMediaFiles, children, }: OutgoingMessageBodyProps<"multipleFiles">) => JSX.Element;
+    }) => null;
     SendingStatus: (props: {
         component: ({ sendingStatus }: OutgoingMessageProps) => ReactNode;
     }) => null;
@@ -2821,8 +3249,22 @@ declare type OutgoingMessageUnion =
         aspectRatio: string;
         localFile?: unknown;
     };
+}>
+| OutgoingBaseMessageProps<{
+    messageType: 'multipleFiles';
+    message: string;
+    files: {
+        type: string;
+        url: string;
+        name: string;
+    }[];
+    metadata: {
+        localFiles?: unknown[];
+    };
 }>;
 
+declare function OutgoingTextBody(props: OutgoingMessageBodyProps): JSX.Element;
+
 declare interface PaletteColor {
     extraDark: string;
     dark: string;
@@ -3065,8 +3507,12 @@ declare type StringSet = {
     DATE_FORMAT__DATE_SHORT: string;
     FILE_UPLOAD_NOTIFICATION__COUNT_LIMIT: string;
     FILE_UPLOAD_NOTIFICATION__SIZE_LIMIT: string;
+    FILE_UPLOAD_NOTIFICATION__FILES_EXCLUDED_BY_VALIDATION: string;
     FILE_UPLOAD_NO_SUPPORTED_FILES: string;
+    FILE_UPLOAD_PHOTOS: string;
+    FILE_UPLOAD_FILES: string;
     FILE_VIEWER__UNSUPPORT: string;
+    IMAGE_VIEWER__DEFAULT_TITLE: string;
     CSAT_TITLE_UNSUBMITTED: string;
     CSAT_TITLE_SUBMITTED: string;
     CSAT_CRE_TITLE: string;
@@ -3074,17 +3520,26 @@ declare type StringSet = {
     CSAT_CRE_NOT_SOLVED: string;
     CSAT_REASON_PLACEHOLDER: string;
     CSAT_RATING_TITLE: string;
-    CSAT5_RATING_SCORE_1: string;
-    CSAT5_RATING_SCORE_2: string;
-    CSAT5_RATING_SCORE_3: string;
-    CSAT5_RATING_SCORE_4: string;
-    CSAT5_RATING_SCORE_5: string;
+    /**
+     * @deprecated Use dynamic values from server payload instead.
+     * The CSAT component now uses labels provided by the server (csatPayload.csat_scores[n].label).
+     */
+    CSAT5_RATING_SCORE_1?: string;
+    /** @deprecated Use dynamic values from server payload instead. **/
+    CSAT5_RATING_SCORE_2?: string;
+    /** @deprecated Use dynamic values from server payload instead. **/
+    CSAT5_RATING_SCORE_3?: string;
+    /** @deprecated Use dynamic values from server payload instead. **/
+    CSAT5_RATING_SCORE_4?: string;
+    /** @deprecated Use dynamic values from server payload instead. **/
+    CSAT5_RATING_SCORE_5?: string;
     CSAT_SUBMIT_LABEL: string;
     CSAT_SUBMISSION_EXPIRED: string;
     TALK_TO_AGENT: string;
     CONVERSATION_LIST__HEADER_TITLE: string;
     CONVERSATION_LIST__NO_CONVERSATIONS: string;
     CONVERSATION_LIST__ENDED: string;
+    CONVERSATION_LIST__MULTIPLE_FILES_COUNT: (count: number) => string;
     CITATION_SOURCE_TITLE: string;
     FORM_PLACEHOLDER: string;
     FORM_UNAVAILABLE: string;
@@ -3113,6 +3568,11 @@ declare type StringSet = {
     A11Y_SCROLL_TO_BOTTOM: string;
     A11Y_SCROLL_TO_NEW_MESSAGES: string;
     A11Y_OPEN_CONVERSATION_LIST: string;
+    A11Y_IMAGE_VIEWER_CLOSE: string;
+    A11Y_IMAGE_VIEWER_PREVIOUS: string;
+    A11Y_IMAGE_VIEWER_NEXT: string;
+    A11Y_IMAGE_VIEWER_DOWNLOAD: string;
+    A11Y_ATTACH_FILE: string;
     SCROLL_TO_NEW_MESSAGES_LABEL: (messages: BaseMessage[]) => string;
     /** @deprecated Please use DATE_FORMAT__DATE_SHORT instead. **/
     DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE: string;