@sendbird/ai-agent-messenger-react 1.28.0 → 1.29.0

package/dist/index.d.ts

@@ -1,12 +1,10 @@
 import { Action } from '@sendbird/uikit-message-template';
 import type { AIAgentChannelFilter } from '@sendbird/chat/aiAgent';
-import type { AIAgentGroupChannelListQuery } from '@sendbird/chat/aiAgent';
 import type { AIAgentModule } from '@sendbird/chat/aiAgent';
-import type { BaseChannel } from '@sendbird/chat';
+import type { BaseChannelCollectionEventHandler } from '@sendbird/chat/groupChannel';
 import type { BaseMessage } from '@sendbird/chat/message';
 import type { CollectionEventSource } from '@sendbird/chat';
 import { ComponentType } from 'react';
-import type { ConnectionHandler } from '@sendbird/chat';
 import { Context } from 'react';
 import type { Conversation as Conversation_2 } from '@sendbird/chat/aiAgent';
 import type { ConversationStatus } from '@sendbird/chat/aiAgent';
@@ -17,9 +15,6 @@ import type { FileMessageCreateParams } from '@sendbird/chat/message';
 import { format } from 'date-fns';
 import { ForwardRefExoticComponent } from 'react';
 import type { GroupChannel } from '@sendbird/chat/groupChannel';
-import type { GroupChannelChangelogs } from '@sendbird/chat/aiAgent';
-import type { GroupChannelHandler } from '@sendbird/chat/groupChannel';
-import type { GroupChannelListOrder } from '@sendbird/chat/groupChannel';
 import type { GroupChannelModule } from '@sendbird/chat/groupChannel';
 import { JSX } from 'react/jsx-runtime';
 import type { Locale } from 'date-fns';
@@ -528,6 +523,15 @@ declare interface AIAgentConfig_2 {
             downloadEnabled: boolean;
         };
     };
+    launcher: {
+        /**
+         * Whether to show a red-dot badge on the launcher when there are unread
+         * messages in AI agent channels. The count is fetched once on connect and
+         * again after each successful reconnect (not in real time).
+         * @default false
+         * */
+        unreadBadgeEnabled: boolean;
+    };
 }
 
 declare interface AIAgentContextValue {
@@ -727,7 +731,7 @@ declare interface AIAgentInterface {
     /** Closes an open conversation */
     closeConversation: (channelUrl: string) => Promise<void>;
     /** Creates a collection for paginating through conversations */
-    createConversationListCollection: (params?: ConversationListCollectionParams) => ConversationListCollection;
+    createConversationListCollection: (params?: ConversationListCollectionParams) => ConversationListCollectionInterface;
     /** Patches (merges) context data for the specified channel */
     patchContext: (channelUrl: string, context: Record<string, string>) => Promise<ContextObject>;
     /** Replaces the entire context data for the specified channel */
@@ -1119,6 +1123,7 @@ declare interface AIAgentStringSet {
         a11y_conversation_closed: string;
         a11y_file_image: (name: string) => string;
         a11y_file_video: (name: string) => string;
+        a11y_file_pdf: (name: string) => string;
         a11y_file_document: (name: string) => string;
         a11y_received_file_image: string;
         a11y_received_file_video: string;
@@ -1309,20 +1314,29 @@ declare type CachedMessengerSettings = Omit<MessengerSettingsResponse, 'memory'>
     memory?: MessengerSettingsResponse['memory'];
 };
 
-declare type ChatSDKAIAgentChannelFilter = AIAgentChannelFilter;
+export declare type ChallengeActionParams = {
+    key: string;
+    requestId: string;
+    action: 'submit' | 'cancel';
+    data?: Record<string, unknown>;
+};
 
-declare type ChatSDKAIAgentGroupChannelListQuery = AIAgentGroupChannelListQuery;
+export declare interface ChallengeInfo {
+    key: string;
+    request_id: string;
+    status: 'pending' | 'succeeded' | 'failed' | 'canceled' | (string & {});
+}
+
+declare type ChatSDKAIAgentChannelFilter = AIAgentChannelFilter;
 
 declare type ChatSDKAIAgentModule = AIAgentModule;
 
-declare type ChatSDKBaseChannel = BaseChannel;
+declare type ChatSDKBaseChannelCollectionEventHandler = BaseChannelCollectionEventHandler;
 
 declare type ChatSDKBaseMessage = BaseMessage;
 
 declare type ChatSDKCollectionEventSource = CollectionEventSource;
 
-declare type ChatSDKConnectionHandler = ConnectionHandler;
-
 declare type ChatSDKConversation = Conversation_2;
 
 declare type ChatSDKConversationStatus = ConversationStatus;
@@ -1335,12 +1349,6 @@ declare type ChatSDKFileMessageCreateParams = FileMessageCreateParams;
 
 declare type ChatSDKGroupChannel = GroupChannel;
 
-declare type ChatSDKGroupChannelChangelogs = GroupChannelChangelogs;
-
-declare type ChatSDKGroupChannelHandler = GroupChannelHandler;
-
-declare type ChatSDKGroupChannelListOrder = GroupChannelListOrder;
-
 declare type ChatSDKGroupChannelModule = GroupChannelModule;
 
 declare type ChatSDKLogLevel = LogLevel_2;
@@ -1798,382 +1806,15 @@ declare interface ConversationLayoutTemplateProps {
 export declare const ConversationList: ({ conversationListLimit, conversationListFilter, children, onOpenConversationView, announcementsEnabled, style, }: Props_4) => JSX.Element;
 
 /**
- * A collection for managing AI agent group channels with real-time updates and pagination.
- * Automatically separates pinned and non-pinned channels, with pinned channels prioritized at the top.
+ * Public interface for ConversationListCollection.
+ * Exposes only the public contract without leaking internal BaseChannelCollection generics.
  */
-declare class ConversationListCollection {
-    /** The filter configuration used for this collection */
-    readonly filter?: AIAgentGroupChannelFilter;
-
-    private _sdk: ChatSDKType;
-    private _pinnedChannels: ChatSDKGroupChannel[];
-    private _channels: ChatSDKGroupChannel[];
-
-    private _isDisposed = false;
-    private _handlerId = `handler-id-${Date.now()}`;
-    private _order: ChatSDKGroupChannelListOrder = GroupChannelListOrder.LATEST_LAST_MESSAGE;
-
-    private _limit: number;
-    private _query: ChatSDKAIAgentGroupChannelListQuery;
-
-    private _token: string;
-    private _timestamp: number;
-    private _isSyncing: boolean;
-
-    private _channelHandler: ChatSDKGroupChannelHandler;
-    private _connectionHandler: ChatSDKConnectionHandler;
-    private _collectionEventHandler?: ConversationListCollectionEventHandler;
-    private _throttledOnChannelChanged: ThrottledFunction<(channel: ChatSDKBaseChannel) => void>;
-
-    /**
-     * Creates a new ConversationListCollection instance.
-     * @param sdk - The Sendbird Chat SDK instance
-     * @param params - Configuration parameters for the collection
-     */
-    constructor(sdk: ChatSDKType, { filter, limit = 20 }: ConversationListCollectionParams) {
-        this.filter = filter;
-
-        this._sdk = sdk;
-        this._pinnedChannels = [];
-        this._channels = [];
-
-        this._limit = limit;
-        this._query = this._sdk.aiAgent.createMyGroupChannelListQuery({
-            aiAgentChannelFilter: this.filter?.aiAgentChannelFilter,
-            aiAgentConversationStatusFilter: this.filter?.aiAgentConversationStatusFilter,
-            aiAgentIds: this.filter?.aiAgentIds,
-            deskChannelFilter: this.filter?.deskChannelFilter,
-            pinnedChannelUrls: this.filter?.pinnedChannelUrls,
-            copilotConversationOnly: this.filter?.copilotConversationOnly,
-            copilotSupportChannelUrl: this.filter?.copilotSupportChannelUrl,
-            limit: this._limit,
-        });
-
-        this._token = '';
-        this._timestamp = Number.MAX_SAFE_INTEGER;
-        this._isSyncing = false;
-
-        this._throttledOnChannelChanged = throttle(
-        (channel: ChatSDKGroupChannel) => {
-            if (this._query.belongsTo(channel)) {
-                this._addChannelsToView([channel], false);
-            } else {
-                this._removeChannelsFromView([channel.url]);
-            }
-        },
-        250,
-            { trailing: false, leading: true },
-        );
-
-        this._channelHandler = new GroupChannelHandler({
-            onChannelChanged: (channel) => {
-                if (!channel.isGroupChannel()) return;
-                this._throttledOnChannelChanged(channel);
-            },
-            onChannelDeleted: (channelUrl) => {
-                this._removeChannelsFromView([channelUrl]);
-            },
-        });
-
-        this._connectionHandler = new ConnectionHandler({
-            onReconnectSucceeded: () => {
-                if (this._isDefaultChangelogSyncTimestampUpdated) this._syncChannelChangelogs();
-            },
-        });
-
-        this._sdk.addConnectionHandler(this._handlerId, this._connectionHandler);
-        this._sdk.groupChannel.addGroupChannelHandler(this._handlerId, this._channelHandler);
-    }
-
-    /**
-     * Checks if the default changelog sync timestamp has been updated.
-     */
-    private get _isDefaultChangelogSyncTimestampUpdated() {
-        return this._timestamp !== Number.MAX_SAFE_INTEGER;
-    }
-
-    /**
-     * Sets the default changelog sync timestamp based on the first non-pinned channel.
-     * @param channels - Array of channels to analyze
-     */
-    private _setDefaultChangelogsSyncTimestamp(channels: ChatSDKGroupChannel[]) {
-        const pinnedUrlsSet = new Set(this.filter?.pinnedChannelUrls ?? []);
-        const firstChannel = channels.find((it) => {
-            return !pinnedUrlsSet.has(it.url);
-        });
-
-        let candidate: number;
-        if (firstChannel) {
-            candidate = firstChannel.lastMessage?.createdAt ?? firstChannel.createdAt;
-        } else {
-            candidate = this._query.lastResponseAt;
-        }
-
-        if (this._timestamp > candidate) {
-            this._timestamp = candidate;
-        }
-    }
-
-    /**
-     * Synchronizes channel changelogs to keep the collection up-to-date.
-     * @returns Promise that resolves to an empty array
-     */
-    private async _syncChannelChangelogs(): Promise<ChatSDKGroupChannel[]> {
-        if (this._isDisposed) return [];
-        if (this._isSyncing) return [];
-
-        try {
-            this._isSyncing = true;
-            let response: ChatSDKGroupChannelChangelogs;
-
-            if (this._token) {
-                response = await this._sdk.aiAgent.getMyGroupChannelChangeLogsByToken(this._token, this.filter);
-            } else {
-                response = await this._sdk.aiAgent.getMyGroupChannelChangeLogsByTimestamp(this._timestamp, this.filter);
-            }
-            this._token = response.token;
-            this._addChannelsToView(response.updatedChannels);
-            this._removeChannelsFromView(response.deletedChannelUrls);
-
-            while (response.hasMore && !!response.token) {
-                response = await this._sdk.aiAgent.getMyGroupChannelChangeLogsByToken(this._token, this.filter);
-                this._token = response.token;
-                this._addChannelsToView(response.updatedChannels);
-                this._removeChannelsFromView(response.deletedChannelUrls);
-            }
-        } catch (error) {
-            // Silently handle changelog sync errors to prevent disrupting the collection
-            // The collection will continue to work with existing data
-        } finally {
-            this._isSyncing = false;
-        }
-        return [];
-    }
-
-    /**
-     * Upserts pinned channels maintaining the order specified in pinnedChannelUrls.
-     * @param channels - Pinned channels to upsert
-     * @returns Object containing added, updated channels and unmatched URLs
-     */
-    private _upsertPinnedChannelsToArray(channels: ChatSDKGroupChannel[]): {
-        addedChannels: ChatSDKGroupChannel[];
-        updatedChannels: ChatSDKGroupChannel[];
-        unmatchedChannelUrls: string[];
-    } {
-        const pinnedUrls = this.filter?.pinnedChannelUrls ?? [];
-        const pinnedIndexMap = new Map(pinnedUrls.map((url, index) => [url, index]));
-
-        const addedChannels: ChatSDKGroupChannel[] = [];
-        const updatedChannels: ChatSDKGroupChannel[] = [];
-        const unmatchedChannelUrls: string[] = [];
-
-        for (const channel of channels) {
-            if (!this._query.belongsTo(channel)) {
-                unmatchedChannelUrls.push(channel.url);
-                continue;
-            }
-
-            const targetIndex = pinnedIndexMap.get(channel.url);
-            if (targetIndex === undefined) continue;
-
-            const existingPosition = indexOfChannel(this._pinnedChannels, channel);
-            const isExisting = existingPosition >= 0;
-
-            if (isExisting) {
-                this._pinnedChannels.splice(existingPosition, 1);
-                updatedChannels.push(channel);
-            } else {
-                addedChannels.push(channel);
-            }
-
-            const insertPosition = this._pinnedChannels.findIndex((existingChannel) => {
-                const existingIndex = pinnedIndexMap.get(existingChannel.url) ?? Infinity;
-                return existingIndex > targetIndex;
-            });
-
-            const finalPosition = insertPosition === -1 ? this._pinnedChannels.length : insertPosition;
-            this._pinnedChannels.splice(finalPosition, 0, channel);
-        }
-
-        return { addedChannels, updatedChannels, unmatchedChannelUrls };
-    }
-
-    /**
-     * Upserts regular (non-pinned) channels with time-based sorting.
-     * @param channels - Regular channels to upsert
-     * @param forceAppend - Whether to force append channels at the end regardless of hasMore status
-     * @returns Object containing added, updated channels and unmatched URLs
-     */
-    private _upsertRegularChannelsToArray(
-    channels: ChatSDKGroupChannel[],
-    forceAppend = false,
-    ): { addedChannels: ChatSDKGroupChannel[]; updatedChannels: ChatSDKGroupChannel[]; unmatchedChannelUrls: string[] } {
-        const unmatchedChannelUrls: string[] = [];
-
-        const addedChannels: ChatSDKGroupChannel[] = [];
-        const updatedChannels: ChatSDKGroupChannel[] = [];
-
-        for (const channel of channels) {
-            if (!this._query.belongsTo(channel)) {
-                unmatchedChannelUrls.push(channel.url);
-                continue;
-            }
-
-            const oldPosition = indexOfChannel(this._channels, channel);
-            const isNewChannel = oldPosition < 0;
-            const shouldRemoveBeforeInsert = !isNewChannel;
-
-            if (shouldRemoveBeforeInsert) {
-                this._channels.splice(oldPosition, 1);
-            }
-
-            const insertionIndex = placeOfChannel(this._channels, channel, this._order).place;
-            const isAtEnd = insertionIndex === this._channels.length;
-
-            if (isNewChannel) {
-                if (isAtEnd) {
-                    if (forceAppend || !this.hasMore) {
-                        this._channels.push(channel);
-                        addedChannels.push(channel);
-                    }
-                } else {
-                    this._channels.splice(insertionIndex, 0, channel);
-                    addedChannels.push(channel);
-                }
-            } else {
-                this._channels.splice(insertionIndex, 0, channel);
-                updatedChannels.push(channel);
-            }
-        }
-
-        return { addedChannels, updatedChannels, unmatchedChannelUrls };
-    }
-
-    /**
-     * Adds or updates channels in the collection, separating pinned and non-pinned channels.
-     * @param channels - Channels to add or update
-     * @param forceAppend - Whether to force append channels at the end
-     */
-    private _addChannelsToView(channels: ChatSDKGroupChannel[], forceAppend = false): void {
-        const pinnedUrlsSet = new Set(this.filter?.pinnedChannelUrls ?? []);
-
-        const pinnedChannels: ChatSDKGroupChannel[] = [];
-        const regularChannels: ChatSDKGroupChannel[] = [];
-
-        for (const channel of channels) {
-            if (pinnedUrlsSet.has(channel.url)) {
-                pinnedChannels.push(channel);
-            } else {
-                regularChannels.push(channel);
-            }
-        }
-
-        const pinnedResult = this._upsertPinnedChannelsToArray(pinnedChannels);
-        const regularResult = this._upsertRegularChannelsToArray(regularChannels, forceAppend);
-
-        const addedChannels = pinnedResult.addedChannels.concat(regularResult.addedChannels);
-        const updatedChannels = pinnedResult.updatedChannels.concat(regularResult.updatedChannels);
-        const unmatchedChannelUrls = pinnedResult.unmatchedChannelUrls.concat(regularResult.unmatchedChannelUrls);
-
-        if (addedChannels.length > 0) this._collectionEventHandler?.onChannelsAdded?.({}, addedChannels);
-        if (updatedChannels.length > 0) this._collectionEventHandler?.onChannelsUpdated?.({}, updatedChannels);
-        if (unmatchedChannelUrls.length > 0) this._removeChannelsFromView(unmatchedChannelUrls);
-    }
-
-    /**
-     * Removes channels from the collection by their URLs.
-     * @param channelUrls - Array of channel URLs to remove
-     */
-    private _removeChannelsFromView(channelUrls: string[]) {
-        const pinnedUrlsSet = new Set(this.filter?.pinnedChannelUrls ?? []);
-        const removedChannelUrls: string[] = [];
-
-        for (const channelUrl of channelUrls) {
-            if (pinnedUrlsSet.has(channelUrl)) {
-                const index = this._pinnedChannels.findIndex((channel) => channel.url === channelUrl);
-                if (index >= 0) {
-                    removedChannelUrls.push(channelUrl);
-                    this._pinnedChannels.splice(index, 1);
-                }
-            } else {
-                const index = this._channels.findIndex((channel) => channel.url === channelUrl);
-                if (index >= 0) {
-                    removedChannelUrls.push(channelUrl);
-                    this._channels.splice(index, 1);
-                }
-            }
-        }
-
-        if (removedChannelUrls.length > 0) this._collectionEventHandler?.onChannelsDeleted?.({}, removedChannelUrls);
-    }
-
-    /**
-     * Gets all channels in the collection.
-     * Pinned channels are always returned first, followed by non-pinned channels.
-     * @returns Array of GroupChannel objects
-     */
-    public get channels(): ChatSDKGroupChannel[] {
-        return this._isDisposed ? [] : [...this._pinnedChannels, ...this._channels];
-    }
-
-    /**
-     * Indicates whether the collection has more channels to load.
-     * @returns True if more channels can be loaded, false otherwise
-     */
-    public get hasMore(): boolean {
-        return this._isDisposed ? false : this._query.hasNext;
-    }
-
-    /**
-     * Loads the next batch of channels from the server.
-     * @returns Promise that resolves to an array of newly loaded channels
-     */
-    public async loadMore(): Promise<ChatSDKGroupChannel[]> {
-        if (this._isDisposed) return [];
-
-        if (this.hasMore) {
-            const channels = await this._query.next();
-
-            this._setDefaultChangelogsSyncTimestamp(channels);
-            this._addChannelsToView(channels, true);
-            return channels;
-        }
-
-        return [];
-    }
-
-    /**
-     * Sets the event handler for collection updates.
-     * @param handler - Event handler for channel collection changes
-     */
-    public setConversationListCollectionHandler(handler: ConversationListCollectionEventHandler): void {
-        this._collectionEventHandler = handler;
-    }
-
-    /**
-     * Disposes the collection and cleans up all resources.
-     * Stops all event handlers and clears all channels.
-     */
-    public dispose(): void {
-        if (this._isDisposed) return;
-
-        this._isDisposed = true;
-        this._throttledOnChannelChanged.cancel();
-        this._collectionEventHandler = undefined;
-        this._sdk.removeConnectionHandler(this._handlerId);
-        this._sdk.groupChannel.removeGroupChannelHandler(this._handlerId);
-        this._pinnedChannels.length = 0;
-        this._channels.length = 0;
-    }
-}
-
-declare interface ConversationListCollectionEventHandler {
-    /** Called when there are newly added {@link GroupChannel}s. */
-    onChannelsAdded?: (context: ConversationListContext_2, channels: ChatSDKGroupChannel[]) => void;
-    /** Called when there's an update in one or more of the {@link GroupChannel}s that `GroupChannelCollection` holds. */
-    onChannelsUpdated?: (context: ConversationListContext_2, channels: ChatSDKGroupChannel[]) => void;
-    /** Called when one or more of the {@link GroupChannel}s that `GroupChannelCollection` holds has been deleted. */
-    onChannelsDeleted?: (context: ConversationListContext_2, channelUrls: string[]) => void;
+declare interface ConversationListCollectionInterface {
+    readonly channels: ChatSDKGroupChannel[];
+    readonly hasMore: boolean;
+    loadMore(): Promise<ChatSDKGroupChannel[]>;
+    setConversationListCollectionHandler(handler: ChatSDKBaseChannelCollectionEventHandler): void;
+    dispose(): void;
 }
 
 /**
@@ -2188,8 +1829,6 @@ declare interface ConversationListCollectionParams {
 
 export declare const ConversationListContext: Context<ConversationListContextValue | null>;
 
-declare interface ConversationListContext_2 {}
-
 declare interface ConversationListContextProps {
     conversationListLimit?: number;
     conversationListFilter?: Partial<AIAgentGroupChannelFilter>;
@@ -2575,6 +2214,7 @@ export declare interface ExtendedMessagePayload {
     | 'safeguard'
     | 'error';
     citations?: CitationInfo[];
+    challenge?: ChallengeInfo;
     feedback?: FeedbackInfo;
     form?: Form;
     steward?: Steward;
@@ -2721,6 +2361,7 @@ BaseMessageProps<{
     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>;
+    onSendChallengeAction?: <T = object>(params: ChallengeActionParams) => Promise<T>;
     onStreamAnimationStart?: () => void;
     onStreamAnimationProgress?: () => void;
     onStreamAnimationComplete?: () => void;
@@ -2811,6 +2452,7 @@ export declare const IncomingMessageLayout: {
                 onCancelForm?: (params: {
                     key: string;
                 }) => Promise<void>;
+                onSendChallengeAction?: <T = object>(params: ChallengeActionParams) => Promise<T>;
                 onStreamAnimationStart?: () => void;
                 onStreamAnimationProgress?: () => void;
                 onStreamAnimationComplete?: () => void;
@@ -2888,6 +2530,7 @@ export declare const IncomingMessageLayout: {
                 onCancelForm?: (params: {
                     key: string;
                 }) => Promise<void>;
+                onSendChallengeAction?: <T = object>(params: ChallengeActionParams) => Promise<T>;
                 onStreamAnimationStart?: () => void;
                 onStreamAnimationProgress?: () => void;
                 onStreamAnimationComplete?: () => void;
@@ -2965,6 +2608,7 @@ export declare const IncomingMessageLayout: {
                 onCancelForm?: (params: {
                     key: string;
                 }) => Promise<void>;
+                onSendChallengeAction?: <T = object>(params: ChallengeActionParams) => Promise<T>;
                 onStreamAnimationStart?: () => void;
                 onStreamAnimationProgress?: () => void;
                 onStreamAnimationComplete?: () => void;
@@ -2997,145 +2641,606 @@ export declare const IncomingMessageLayout: {
                 }) => void;
                 children?: ReactNode;
             })) => ReactNode;
-            CTAButton: ({ extendedMessagePayload, onClickCTA, }: IncomingMessageProps) => ReactNode;
-            Citation: ({ extendedMessagePayload, onClickCitation, }: IncomingMessageProps) => ReactNode;
-            Form: (props: IncomingMessageProps) => ReactNode;
-            Feedback: ({ isBotMessage, isConversationClosed, isStreaming, isFeedbackEnabled, isFeedbackCommentEnabled, extendedMessagePayload, onFeedbackUpdate, }: IncomingMessageProps) => ReactNode;
-            MessageLogs: (_: IncomingMessageProps) => ReactNode;
-        };
-    };
-    Template: ({ template, children }: {
-        template?: ComponentType<IncomingMessageTemplateProps> | undefined;
-        children?: ReactNode;
-    }) => JSX.Element;
-    Context: Context<LayoutContextValue<IncomingMessageTemplateProps, {
-    SenderName: ({ sender }: Pick<IncomingMessageProps, "sender">) => ReactNode;
-    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: ({ thinkingMessage, customStyle }: IncomingMessageProps & {
-    customStyle?: {
-    bubbleContentColor?: string;
-    bubbleBackgroundColor?: string;
-    };
-    }) => ReactNode;
-    SuggestedReplies: ({ extendedMessagePayload, onClickSuggestedReply, suggestedRepliesDirection, }: IncomingMessageProps) => ReactNode;
-    MessageTemplate: (props: {
-    onGetCachedMessageTemplate?: ((templateKey: string) => string | null) | undefined;
-    onRequestMessageTemplate?: ((templateKey: string) => Promise<string>) | undefined;
-    onHandleTemplateInternalAction?: ((action: Action) => void) | undefined;
-    messageTemplateErrorFallback?: ReactNode;
-    messageTemplateLoadingFallback?: ReactNode;
-    extendedMessagePayload?: Partial<ExtendedMessagePayload> | undefined;
-    }) => ReactNode;
-    CustomMessageTemplate: (_: ({
-    messageType: "user";
-    message: string;
-    } & {
-    sender: {
-    nickname: string;
-    profileUrl?: string;
-    };
-    thinkingMessage?: string;
-    suggestedRepliesVisible?: boolean;
-    suggestedRepliesDirection?: "vertical" | "horizontal";
-    isBotMessage?: boolean;
-    isTyping?: boolean;
-    isStreaming?: boolean;
-    isHandedOff?: boolean;
-    isConversationClosed?: boolean;
-    isFeedbackEnabled?: boolean;
-    isFeedbackCommentEnabled?: boolean;
-    isSenderAvatarVisible?: boolean;
-    markdownImageRenderMode?: MarkdownImageRenderMode;
-    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;
-    }) => void;
-    onClickLink?: (params: {
-    url: string;
-    }) => void;
-    children?: ReactNode;
-    }) | ({
-    messageType: "file";
-    message: string;
-    file: {
-    type: string;
-    url: string;
-    name: string;
-    };
-    } & {
-    sender: {
-    nickname: string;
-    profileUrl?: string;
-    };
-    thinkingMessage?: string;
-    suggestedRepliesVisible?: boolean;
-    suggestedRepliesDirection?: "vertical" | "horizontal";
-    isBotMessage?: boolean;
-    isTyping?: boolean;
-    isStreaming?: boolean;
-    isHandedOff?: boolean;
-    isConversationClosed?: boolean;
-    isFeedbackEnabled?: boolean;
-    isFeedbackCommentEnabled?: boolean;
-    isSenderAvatarVisible?: boolean;
-    markdownImageRenderMode?: MarkdownImageRenderMode;
-    onGetCachedMessageTemplate?: (templateKey: string) => string | null;
-    onRequestMessageTemplate?: (templateKey: string) => Promise<string>;
-    onHandleTemplateInternalAction?: (action: Action) => void;
-    onClickSuggestedReply?: (params: {
-    reply: string;
-    }) => void;
-    onClickCTA?: (params: {
+            Challenge: (_: ({
+                messageType: "user";
+                message: string;
+            } & {
+                sender: {
+                    nickname: string;
+                    profileUrl?: string;
+                };
+                thinkingMessage?: string;
+                suggestedRepliesVisible?: boolean;
+                suggestedRepliesDirection?: "vertical" | "horizontal";
+                isBotMessage?: boolean;
+                isTyping?: boolean;
+                isStreaming?: boolean;
+                isHandedOff?: boolean;
+                isConversationClosed?: boolean;
+                isFeedbackEnabled?: boolean;
+                isFeedbackCommentEnabled?: boolean;
+                isSenderAvatarVisible?: boolean;
+                markdownImageRenderMode?: MarkdownImageRenderMode;
+                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>;
+                onSendChallengeAction?: <T = object>(params: ChallengeActionParams) => Promise<T>;
+                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;
+                }) => void;
+                onClickLink?: (params: {
+                    url: string;
+                }) => void;
+                children?: ReactNode;
+            }) | ({
+                messageType: "file";
+                message: string;
+                file: {
+                    type: string;
+                    url: string;
+                    name: string;
+                };
+            } & {
+                sender: {
+                    nickname: string;
+                    profileUrl?: string;
+                };
+                thinkingMessage?: string;
+                suggestedRepliesVisible?: boolean;
+                suggestedRepliesDirection?: "vertical" | "horizontal";
+                isBotMessage?: boolean;
+                isTyping?: boolean;
+                isStreaming?: boolean;
+                isHandedOff?: boolean;
+                isConversationClosed?: boolean;
+                isFeedbackEnabled?: boolean;
+                isFeedbackCommentEnabled?: boolean;
+                isSenderAvatarVisible?: boolean;
+                markdownImageRenderMode?: MarkdownImageRenderMode;
+                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>;
+                onSendChallengeAction?: <T = object>(params: ChallengeActionParams) => Promise<T>;
+                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;
+                }) => void;
+                onClickLink?: (params: {
+                    url: string;
+                }) => void;
+                children?: ReactNode;
+            }) | ({
+                messageType: "multipleFiles";
+                message: string;
+                files: {
+                    type: string;
+                    url: string;
+                    name: string;
+                }[];
+            } & {
+                sender: {
+                    nickname: string;
+                    profileUrl?: string;
+                };
+                thinkingMessage?: string;
+                suggestedRepliesVisible?: boolean;
+                suggestedRepliesDirection?: "vertical" | "horizontal";
+                isBotMessage?: boolean;
+                isTyping?: boolean;
+                isStreaming?: boolean;
+                isHandedOff?: boolean;
+                isConversationClosed?: boolean;
+                isFeedbackEnabled?: boolean;
+                isFeedbackCommentEnabled?: boolean;
+                isSenderAvatarVisible?: boolean;
+                markdownImageRenderMode?: MarkdownImageRenderMode;
+                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>;
+                onSendChallengeAction?: <T = object>(params: ChallengeActionParams) => Promise<T>;
+                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;
+                }) => void;
+                onClickLink?: (params: {
+                    url: string;
+                }) => void;
+                children?: ReactNode;
+            })) => ReactNode;
+            CTAButton: ({ extendedMessagePayload, onClickCTA, }: IncomingMessageProps) => ReactNode;
+            Citation: ({ extendedMessagePayload, onClickCitation, }: IncomingMessageProps) => ReactNode;
+            Form: (props: IncomingMessageProps) => ReactNode;
+            Feedback: ({ isBotMessage, isConversationClosed, isStreaming, isFeedbackEnabled, isFeedbackCommentEnabled, extendedMessagePayload, onFeedbackUpdate, }: IncomingMessageProps) => ReactNode;
+            MessageLogs: (_: IncomingMessageProps) => ReactNode;
+        };
+    };
+    Template: ({ template, children }: {
+        template?: ComponentType<IncomingMessageTemplateProps> | undefined;
+        children?: ReactNode;
+    }) => JSX.Element;
+    Context: Context<LayoutContextValue<IncomingMessageTemplateProps, {
+    SenderName: ({ sender }: Pick<IncomingMessageProps, "sender">) => ReactNode;
+    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: ({ thinkingMessage, customStyle }: IncomingMessageProps & {
+    customStyle?: {
+    bubbleContentColor?: string;
+    bubbleBackgroundColor?: string;
+    };
+    }) => ReactNode;
+    SuggestedReplies: ({ extendedMessagePayload, onClickSuggestedReply, suggestedRepliesDirection, }: IncomingMessageProps) => ReactNode;
+    MessageTemplate: (props: {
+    onGetCachedMessageTemplate?: ((templateKey: string) => string | null) | undefined;
+    onRequestMessageTemplate?: ((templateKey: string) => Promise<string>) | undefined;
+    onHandleTemplateInternalAction?: ((action: Action) => void) | undefined;
+    messageTemplateErrorFallback?: ReactNode;
+    messageTemplateLoadingFallback?: ReactNode;
+    extendedMessagePayload?: Partial<ExtendedMessagePayload> | undefined;
+    }) => ReactNode;
+    CustomMessageTemplate: (_: ({
+    messageType: "user";
+    message: string;
+    } & {
+    sender: {
+    nickname: string;
+    profileUrl?: string;
+    };
+    thinkingMessage?: string;
+    suggestedRepliesVisible?: boolean;
+    suggestedRepliesDirection?: "vertical" | "horizontal";
+    isBotMessage?: boolean;
+    isTyping?: boolean;
+    isStreaming?: boolean;
+    isHandedOff?: boolean;
+    isConversationClosed?: boolean;
+    isFeedbackEnabled?: boolean;
+    isFeedbackCommentEnabled?: boolean;
+    isSenderAvatarVisible?: boolean;
+    markdownImageRenderMode?: MarkdownImageRenderMode;
+    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>;
+    onSendChallengeAction?: <T = object>(params: ChallengeActionParams) => Promise<T>;
+    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;
+    }) => void;
+    onClickLink?: (params: {
+    url: string;
+    }) => void;
+    children?: ReactNode;
+    }) | ({
+    messageType: "file";
+    message: string;
+    file: {
+    type: string;
+    url: string;
+    name: string;
+    };
+    } & {
+    sender: {
+    nickname: string;
+    profileUrl?: string;
+    };
+    thinkingMessage?: string;
+    suggestedRepliesVisible?: boolean;
+    suggestedRepliesDirection?: "vertical" | "horizontal";
+    isBotMessage?: boolean;
+    isTyping?: boolean;
+    isStreaming?: boolean;
+    isHandedOff?: boolean;
+    isConversationClosed?: boolean;
+    isFeedbackEnabled?: boolean;
+    isFeedbackCommentEnabled?: boolean;
+    isSenderAvatarVisible?: boolean;
+    markdownImageRenderMode?: MarkdownImageRenderMode;
+    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>;
+    onSendChallengeAction?: <T = object>(params: ChallengeActionParams) => Promise<T>;
+    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;
+    }) => void;
+    onClickLink?: (params: {
+    url: string;
+    }) => void;
+    children?: ReactNode;
+    }) | ({
+    messageType: "multipleFiles";
+    message: string;
+    files: {
+    type: string;
+    url: string;
+    name: string;
+    }[];
+    } & {
+    sender: {
+    nickname: string;
+    profileUrl?: string;
+    };
+    thinkingMessage?: string;
+    suggestedRepliesVisible?: boolean;
+    suggestedRepliesDirection?: "vertical" | "horizontal";
+    isBotMessage?: boolean;
+    isTyping?: boolean;
+    isStreaming?: boolean;
+    isHandedOff?: boolean;
+    isConversationClosed?: boolean;
+    isFeedbackEnabled?: boolean;
+    isFeedbackCommentEnabled?: boolean;
+    isSenderAvatarVisible?: boolean;
+    markdownImageRenderMode?: MarkdownImageRenderMode;
+    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>;
+    onSendChallengeAction?: <T = object>(params: ChallengeActionParams) => Promise<T>;
+    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;
+    }) => void;
+    onClickLink?: (params: {
+    url: string;
+    }) => void;
+    children?: ReactNode;
+    })) => ReactNode;
+    Challenge: (_: ({
+    messageType: "user";
+    message: string;
+    } & {
+    sender: {
+    nickname: string;
+    profileUrl?: string;
+    };
+    thinkingMessage?: string;
+    suggestedRepliesVisible?: boolean;
+    suggestedRepliesDirection?: "vertical" | "horizontal";
+    isBotMessage?: boolean;
+    isTyping?: boolean;
+    isStreaming?: boolean;
+    isHandedOff?: boolean;
+    isConversationClosed?: boolean;
+    isFeedbackEnabled?: boolean;
+    isFeedbackCommentEnabled?: boolean;
+    isSenderAvatarVisible?: boolean;
+    markdownImageRenderMode?: MarkdownImageRenderMode;
+    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>;
+    onSendChallengeAction?: <T = object>(params: ChallengeActionParams) => Promise<T>;
+    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;
+    }) => void;
+    onClickLink?: (params: {
+    url: string;
+    }) => void;
+    children?: ReactNode;
+    }) | ({
+    messageType: "file";
+    message: string;
+    file: {
+    type: string;
+    url: string;
+    name: string;
+    };
+    } & {
+    sender: {
+    nickname: string;
+    profileUrl?: string;
+    };
+    thinkingMessage?: string;
+    suggestedRepliesVisible?: boolean;
+    suggestedRepliesDirection?: "vertical" | "horizontal";
+    isBotMessage?: boolean;
+    isTyping?: boolean;
+    isStreaming?: boolean;
+    isHandedOff?: boolean;
+    isConversationClosed?: boolean;
+    isFeedbackEnabled?: boolean;
+    isFeedbackCommentEnabled?: boolean;
+    isSenderAvatarVisible?: boolean;
+    markdownImageRenderMode?: MarkdownImageRenderMode;
+    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;
@@ -3150,6 +3255,7 @@ export declare const IncomingMessageLayout: {
     onCancelForm?: (params: {
     key: string;
     }) => Promise<void>;
+    onSendChallengeAction?: <T = object>(params: ChallengeActionParams) => Promise<T>;
     onStreamAnimationStart?: () => void;
     onStreamAnimationProgress?: () => void;
     onStreamAnimationComplete?: () => void;
@@ -3227,6 +3333,7 @@ export declare const IncomingMessageLayout: {
     onCancelForm?: (params: {
     key: string;
     }) => Promise<void>;
+    onSendChallengeAction?: <T = object>(params: ChallengeActionParams) => Promise<T>;
     onStreamAnimationStart?: () => void;
     onStreamAnimationProgress?: () => void;
     onStreamAnimationComplete?: () => void;
@@ -3330,6 +3437,237 @@ export declare const IncomingMessageLayout: {
     onCancelForm?: (params: {
     key: string;
     }) => Promise<void>;
+    onSendChallengeAction?: <T = object>(params: ChallengeActionParams) => Promise<T>;
+    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;
+    }) => void;
+    onClickLink?: (params: {
+    url: string;
+    }) => void;
+    children?: ReactNode;
+    }) | ({
+    messageType: "file";
+    message: string;
+    file: {
+    type: string;
+    url: string;
+    name: string;
+    };
+    } & {
+    sender: {
+    nickname: string;
+    profileUrl?: string;
+    };
+    thinkingMessage?: string;
+    suggestedRepliesVisible?: boolean;
+    suggestedRepliesDirection?: "vertical" | "horizontal";
+    isBotMessage?: boolean;
+    isTyping?: boolean;
+    isStreaming?: boolean;
+    isHandedOff?: boolean;
+    isConversationClosed?: boolean;
+    isFeedbackEnabled?: boolean;
+    isFeedbackCommentEnabled?: boolean;
+    isSenderAvatarVisible?: boolean;
+    markdownImageRenderMode?: MarkdownImageRenderMode;
+    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>;
+    onSendChallengeAction?: <T = object>(params: ChallengeActionParams) => Promise<T>;
+    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;
+    }) => void;
+    onClickLink?: (params: {
+    url: string;
+    }) => void;
+    children?: ReactNode;
+    }) | ({
+    messageType: "multipleFiles";
+    message: string;
+    files: {
+    type: string;
+    url: string;
+    name: string;
+    }[];
+    } & {
+    sender: {
+    nickname: string;
+    profileUrl?: string;
+    };
+    thinkingMessage?: string;
+    suggestedRepliesVisible?: boolean;
+    suggestedRepliesDirection?: "vertical" | "horizontal";
+    isBotMessage?: boolean;
+    isTyping?: boolean;
+    isStreaming?: boolean;
+    isHandedOff?: boolean;
+    isConversationClosed?: boolean;
+    isFeedbackEnabled?: boolean;
+    isFeedbackCommentEnabled?: boolean;
+    isSenderAvatarVisible?: boolean;
+    markdownImageRenderMode?: MarkdownImageRenderMode;
+    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>;
+    onSendChallengeAction?: <T = object>(params: ChallengeActionParams) => Promise<T>;
+    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;
+    }) => void;
+    onClickLink?: (params: {
+    url: string;
+    }) => void;
+    children?: ReactNode;
+    })) => ReactNode;
+    Challenge: (_: ({
+    messageType: "user";
+    message: string;
+    } & {
+    sender: {
+    nickname: string;
+    profileUrl?: string;
+    };
+    thinkingMessage?: string;
+    suggestedRepliesVisible?: boolean;
+    suggestedRepliesDirection?: "vertical" | "horizontal";
+    isBotMessage?: boolean;
+    isTyping?: boolean;
+    isStreaming?: boolean;
+    isHandedOff?: boolean;
+    isConversationClosed?: boolean;
+    isFeedbackEnabled?: boolean;
+    isFeedbackCommentEnabled?: boolean;
+    isSenderAvatarVisible?: boolean;
+    markdownImageRenderMode?: MarkdownImageRenderMode;
+    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>;
+    onSendChallengeAction?: <T = object>(params: ChallengeActionParams) => Promise<T>;
     onStreamAnimationStart?: () => void;
     onStreamAnimationProgress?: () => void;
     onStreamAnimationComplete?: () => void;
@@ -3407,6 +3745,7 @@ export declare const IncomingMessageLayout: {
     onCancelForm?: (params: {
     key: string;
     }) => Promise<void>;
+    onSendChallengeAction?: <T = object>(params: ChallengeActionParams) => Promise<T>;
     onStreamAnimationStart?: () => void;
     onStreamAnimationProgress?: () => void;
     onStreamAnimationComplete?: () => void;
@@ -3484,6 +3823,7 @@ export declare const IncomingMessageLayout: {
     onCancelForm?: (params: {
     key: string;
     }) => Promise<void>;
+    onSendChallengeAction?: <T = object>(params: ChallengeActionParams) => Promise<T>;
     onStreamAnimationStart?: () => void;
     onStreamAnimationProgress?: () => void;
     onStreamAnimationComplete?: () => void;
@@ -3610,6 +3950,239 @@ export declare const IncomingMessageLayout: {
             onCancelForm?: (params: {
                 key: string;
             }) => Promise<void>;
+            onSendChallengeAction?: <T = object>(params: ChallengeActionParams) => Promise<T>;
+            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;
+            }) => void;
+            onClickLink?: (params: {
+                url: string;
+            }) => void;
+            children?: ReactNode;
+        }) | ({
+            messageType: "file";
+            message: string;
+            file: {
+                type: string;
+                url: string;
+                name: string;
+            };
+        } & {
+            sender: {
+                nickname: string;
+                profileUrl?: string;
+            };
+            thinkingMessage?: string;
+            suggestedRepliesVisible?: boolean;
+            suggestedRepliesDirection?: "vertical" | "horizontal";
+            isBotMessage?: boolean;
+            isTyping?: boolean;
+            isStreaming?: boolean;
+            isHandedOff?: boolean;
+            isConversationClosed?: boolean;
+            isFeedbackEnabled?: boolean;
+            isFeedbackCommentEnabled?: boolean;
+            isSenderAvatarVisible?: boolean;
+            markdownImageRenderMode?: MarkdownImageRenderMode;
+            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>;
+            onSendChallengeAction?: <T = object>(params: ChallengeActionParams) => Promise<T>;
+            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;
+            }) => void;
+            onClickLink?: (params: {
+                url: string;
+            }) => void;
+            children?: ReactNode;
+        }) | ({
+            messageType: "multipleFiles";
+            message: string;
+            files: {
+                type: string;
+                url: string;
+                name: string;
+            }[];
+        } & {
+            sender: {
+                nickname: string;
+                profileUrl?: string;
+            };
+            thinkingMessage?: string;
+            suggestedRepliesVisible?: boolean;
+            suggestedRepliesDirection?: "vertical" | "horizontal";
+            isBotMessage?: boolean;
+            isTyping?: boolean;
+            isStreaming?: boolean;
+            isHandedOff?: boolean;
+            isConversationClosed?: boolean;
+            isFeedbackEnabled?: boolean;
+            isFeedbackCommentEnabled?: boolean;
+            isSenderAvatarVisible?: boolean;
+            markdownImageRenderMode?: MarkdownImageRenderMode;
+            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>;
+            onSendChallengeAction?: <T = object>(params: ChallengeActionParams) => Promise<T>;
+            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;
+            }) => void;
+            onClickLink?: (params: {
+                url: string;
+            }) => void;
+            children?: ReactNode;
+        })) => ReactNode;
+    }) => null;
+    Challenge: (props: {
+        component: (_: ({
+            messageType: "user";
+            message: string;
+        } & {
+            sender: {
+                nickname: string;
+                profileUrl?: string;
+            };
+            thinkingMessage?: string;
+            suggestedRepliesVisible?: boolean;
+            suggestedRepliesDirection?: "vertical" | "horizontal";
+            isBotMessage?: boolean;
+            isTyping?: boolean;
+            isStreaming?: boolean;
+            isHandedOff?: boolean;
+            isConversationClosed?: boolean;
+            isFeedbackEnabled?: boolean;
+            isFeedbackCommentEnabled?: boolean;
+            isSenderAvatarVisible?: boolean;
+            markdownImageRenderMode?: MarkdownImageRenderMode;
+            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>;
+            onSendChallengeAction?: <T = object>(params: ChallengeActionParams) => Promise<T>;
             onStreamAnimationStart?: () => void;
             onStreamAnimationProgress?: () => void;
             onStreamAnimationComplete?: () => void;
@@ -3687,6 +4260,7 @@ export declare const IncomingMessageLayout: {
             onCancelForm?: (params: {
                 key: string;
             }) => Promise<void>;
+            onSendChallengeAction?: <T = object>(params: ChallengeActionParams) => Promise<T>;
             onStreamAnimationStart?: () => void;
             onStreamAnimationProgress?: () => void;
             onStreamAnimationComplete?: () => void;
@@ -3764,6 +4338,7 @@ export declare const IncomingMessageLayout: {
             onCancelForm?: (params: {
                 key: string;
             }) => Promise<void>;
+            onSendChallengeAction?: <T = object>(params: ChallengeActionParams) => Promise<T>;
             onStreamAnimationStart?: () => void;
             onStreamAnimationProgress?: () => void;
             onStreamAnimationComplete?: () => void;
@@ -3873,7 +4448,7 @@ declare interface LanguageSet extends Omit<AIAgentLanguageSet, 'strings'> {
     stringSet: StringSet;
 }
 
-export declare function LauncherBase({ className, children, isOpened, onClick, 'aria-label': ariaLabel, 'aria-describedby': ariaDescribedBy, type, imageUrl, dir, animated, backgroundColor, size, }: LauncherProps): JSX.Element;
+export declare function LauncherBase({ className, children, isOpened, onClick, 'aria-label': ariaLabel, 'aria-describedby': ariaDescribedBy, type, imageUrl, dir, animated, backgroundColor, size, hasUnread, }: LauncherProps): JSX.Element;
 
 declare type LauncherImageType = 'default_icon' | 'custom_image';
 
@@ -3895,6 +4470,7 @@ declare type LauncherProps = {
     animated?: boolean;
     dir?: 'ltr' | 'rtl';
     size?: number;
+    hasUnread?: boolean;
 };
 
 declare interface LayoutContextValue<Props, Components extends Record<string, ComponentType<any>>> {
@@ -4746,6 +5322,7 @@ declare type StringSet = {
     A11Y_CONVERSATION_CLOSED: string;
     A11Y_FILE_IMAGE: (name: string) => string;
     A11Y_FILE_VIDEO: (name: string) => string;
+    A11Y_FILE_PDF: (name: string) => string;
     A11Y_FILE_DOCUMENT: (name: string) => string;
     A11Y_RECEIVED_FILE_IMAGE: string;
     A11Y_RECEIVED_FILE_VIDEO: string;
@@ -4887,11 +5464,6 @@ declare type TextField = {
     };
 };
 
-declare interface ThrottledFunction<T extends (...args: any[]) => any> {
-    (...args: Parameters<T>): void;
-    cancel: () => void;
-}
-
 declare interface TimerData {
     startTime: number | null;
     endTime: number | null;