@sendbird/ai-agent-messenger-react 1.7.0 → 1.8.1

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import { Action } from '@sendbird/uikit-message-template';
+import type { Action } from '@sendbird/uikit-message-template';
 import { AIAgentChannelFilter } from '@sendbird/chat/aiAgent';
 import { AIAgentModule } from '@sendbird/chat/aiAgent';
 import { BaseMessage } from '@sendbird/chat/message';
@@ -7,9 +7,7 @@ import { Context } from 'react';
 import { Conversation as Conversation_2 } from '@sendbird/chat/aiAgent';
 import { ConversationStatus } from '@sendbird/chat/aiAgent';
 import { CSSProperties } from 'react';
-import { DependencyList } from 'react';
 import { DeskChannelFilter } from '@sendbird/chat/aiAgent';
-import { Dispatch } from 'react';
 import { FC } from 'react';
 import { FileMessage } from '@sendbird/chat/message';
 import { FileMessageCreateParams } from '@sendbird/chat/message';
@@ -19,7 +17,7 @@ import { GroupChannel } from '@sendbird/chat/groupChannel';
 import { GroupChannelModule } from '@sendbird/chat/groupChannel';
 import { JSX } from 'react/jsx-runtime';
 import { LazyExoticComponent } from 'react';
-import { Locale } from 'date-fns';
+import type { Locale } from 'date-fns';
 import { LogLevel as LogLevel_2 } from '@sendbird/chat';
 import { PropsWithChildren } from 'react';
 import { ReactNode } from 'react';
@@ -29,8 +27,8 @@ import { SendbirdChatParams } from '@sendbird/chat';
 import { SendbirdChatWith } from '@sendbird/chat';
 import { SendbirdError } from '@sendbird/chat';
 import { SessionHandler } from '@sendbird/chat';
-import { SetStateAction } from 'react';
 import { SVGProps } from 'react';
+import { User } from '@sendbird/chat';
 import { UserMessage } from '@sendbird/chat/message';
 import { UserMessageCreateParams } from '@sendbird/chat/message';
 
@@ -253,6 +251,25 @@ declare interface AIAgentCache {
 declare interface AIAgentConfig {
     conversation?: {
         isTalkToAgentViewEnabled?: boolean;
+        scrollMode?: ConversationScrollMode;
+        input?: {
+            /**
+             * (Mobile only) Whether to enable the camera option in the attachment menu.
+             * */
+            camera?: {
+                photoEnabled?: boolean;
+            };
+            /**
+             * (Mobile only) Whether to enable the gallery option in the attachment menu.
+             * */
+            gallery?: {
+                photoEnabled?: boolean;
+            };
+            /**
+             * (Mobile only) Whether to enable the file option in the attachment menu.
+             * */
+            fileEnabled?: boolean;
+        };
     };
 }
 
@@ -292,6 +309,7 @@ declare interface AIAgentConversationContextValue {
         sendUserMessage: (params: UserMessageCreateParams) => Promise<UserMessage>;
         sendFileMessage: (params: FileMessageCreateParams) => Promise<FileMessage>;
         deleteMessage: (message: UserMessage | FileMessage) => Promise<void>;
+        resendMessage: (message: UserMessage | FileMessage) => Promise<UserMessage | FileMessage>;
     };
 
     state: {
@@ -359,13 +377,23 @@ declare interface AIAgentInfo {
     isUserFeedbackCommentOptionEnabled: boolean;
 }
 
+/**
+ * Language set interface that includes strings and locale
+ * T can be any shape - doesn't have to extend AIAgentCommonStrings
+ */
+declare interface AIAgentLanguageSet {
+    language: string;
+    strings: AIAgentStringSet;
+    dateLocale: Locale;
+}
+
 declare interface AIAgentMessengerSessionContextValue {
     userSessionInfo?: UserSessionInfo | ManualSessionInfo | AnonymousSessionInfo;
 
+    sdkUser: null | User;
     userSession: null | UserSession;
     aiAgentInfo: null | AIAgentInfo;
     launcherInfo: null | LauncherInfo;
-    attachmentMode: AttachmentMode;
 
     connectionError?: Error;
 
@@ -377,6 +405,8 @@ declare interface AIAgentMessengerSessionContextValue {
 
     authenticate: () => Promise<MessengerSettingsResponse>;
     deauthenticate: () => Promise<void>;
+
+    createAttachmentRules: (params: { channel?: GroupChannel; uploadSizeLimit?: number }) => AttachmentRules;
 }
 
 declare interface AIAgentMessengerSessionRef {
@@ -539,6 +569,68 @@ declare interface AIAgentQueryParams {
     conversationListParams?: ConversationListCollectionParams;
 }
 
+/**
+ * Common string set interface shared between react and react-native packages
+ * These are the base strings that both packages use
+ * Structure follows the react-native nested format
+ */
+declare interface AIAgentStringSet {
+    conversation: {
+        input_placeholder: string;
+        input_placeholder_disabled: string;
+        input_placeholder_wait_ai_agent_response: string;
+        input_placeholder_active_form: string;
+
+        unknown_message_type: string;
+        powered_by: string;
+        citation_title: string;
+        start_new_conversation_label: string;
+
+        failed_message_resend: string;
+        failed_message_remove: string;
+
+        file_upload_no_supported_files: string;
+    };
+
+    conversation_list: {
+        header_title: string;
+        ended: string;
+    };
+
+    date_format: {
+        just_now: string;
+        minutes_ago: (minutes: number) => string;
+        hours_ago: (hours: number) => string;
+        date_short: string;
+        date_separator: string;
+        message_timestamp: string;
+    };
+
+    csat: {
+        title: string;
+        submitted_label: string;
+        cre_question: string;
+        cre_positive_label: string;
+        cre_negative_label: string;
+        reason_placeholder: string;
+        question: string;
+        submit_label: string;
+        submission_expired: string;
+    };
+
+    form: {
+        optional_label: string;
+        validation_required: string;
+    };
+
+    common: {
+        placeholder_something_went_wrong: string;
+        placeholder_no_messages: string;
+        placeholder_no_conversations: string;
+        placeholder_something_went_wrong_retry_label: string;
+    };
+}
+
 declare type AnonUserSessionData = { userId: string; authToken: string; expireAt: number };
 
 export declare class AnonymousSessionInfo {
@@ -547,10 +639,18 @@ export declare class AnonymousSessionInfo {
     sessionHandler?: never;
 }
 
-declare enum AttachmentMode {
-    OFF = 'off',
-    ALWAYS = 'always',
-    HANDED_OFF_ONLY = 'handed_off_only',
+declare interface AttachmentRules {
+    maxAttachmentCount: number;
+
+    // Attachment button visibility flag
+    isEnabled: () => boolean;
+
+    // Supported mime types
+    supportedMimeTypes: string[];
+
+    isSupportedMimeType: (mimeType: string) => boolean;
+    getUploadSizeLimit: (mimeType: string) => number;
+    getUploadSizeLimitInMB: (mimeType: string) => number;
 }
 
 declare abstract class BaseCommand {
@@ -569,16 +669,15 @@ declare abstract class BaseCommand {
 declare type BaseMessageProps<T> = T & {
     createdAt?: number;
     extendedMessagePayload?: Partial<ExtendedMessagePayload>;
+
+    // flags
     groupType?: MessageGroupType;
     maxBodyWidth?: number;
-    onClickMedia?: (params: {
-        url: string;
-        type: string;
-    }) => void;
-    onClickFile?: (params: {
-        url: string;
-        type: string;
-    }) => void;
+
+    // handlers
+    onClickMedia?: (params: { url: string; type: string }) => void;
+    onClickFile?: (params: { url: string; type: string }) => void;
+
     children?: ReactNode;
 };
 
@@ -626,7 +725,7 @@ declare interface ConversationContextProps {
 export declare const ConversationContextProvider: ({ channelUrl, onClearChannelUrl, onNavigateToConversationList, shouldMarkAsRead, children, }: PropsWithChildren<ConversationContextProps>) => JSX.Element;
 
 declare interface ConversationContextValue extends AIAgentConversationContextValue {
-    scrollSource: ReturnType<typeof useMessageListScroll>;
+    scrollSource: ConversationScrollContextValue;
     goToActiveConversation: () => Promise<void>;
     onNavigateToConversationList?: () => void;
 }
@@ -760,6 +859,56 @@ export declare const ConversationListLayout: {
     }) => null;
 };
 
+declare interface ConversationScrollContextValue {
+    ref: RefObject<HTMLDivElement | null> | ((element: HTMLDivElement | null) => void);
+    state: {
+        bottomSpace?: number;
+        shouldShowScrollButton: boolean;
+    };
+    props: {
+        onScroll?: (event: React.UIEvent<HTMLDivElement, UIEvent>) => void;
+    };
+    actions: {
+        /**
+         * Scrolls to the bottom of the list (latest messages)
+         * @param animated - Whether to animate the scroll. Defaults to true
+         */
+        scrollToBottom: (animated?: boolean) => void;
+        /**
+         * Call before sending a message
+         * - Fixed mode: Captures current content height as baseline for padding calculation
+         * - Auto mode: No operation
+         */
+        onBeforeMessageSend: () => void;
+        /**
+         * Call after a message is sent and rendered
+         * - Fixed mode: Scrolls to the last user message
+         * - Auto mode: Scrolls to bottom to show the latest message
+         */
+        onAfterMessageSend: () => void;
+        /**
+         * Call when receiving streaming message updates
+         * - Fixed mode: Maintains scroll position while content grows
+         * - Auto mode: No operation (scrolling is handled by shouldScrollToBottom check)
+         */
+        onStreamingUpdate: (isStreaming: boolean) => void;
+        /**
+         * Notify when conversation closed state changes
+         * - When closed and in fixed mode: Switches to auto mode internally
+         * - When reopened or in auto mode: No change
+         */
+        onConversationClosed: (isClosed: boolean) => void;
+        /**
+         * Notify when typing indicator state changes
+         * - When typing starts: Keep scroll button hidden
+         * - When typing stops: Show button again after a delay
+         */
+        onTypingIndicatorUpdate: (isTyping: boolean) => void;
+    };
+}
+
+declare type ConversationScrollMode = 'auto' | 'fixed';
+
 declare type CSATSubmitParams = {
     csatType: string;
     csat?: number;
@@ -770,9 +919,9 @@ declare type CSATSubmitParams = {
 };
 
 export declare enum CSATType {
-    AI_AGENT_CSAT_5 = "AI_AGENT_CSAT_5",
-    AI_AGENT_CSAT_5_WITH_CRE = "AI_AGENT_CSAT_5_WITH_CRE",
-    HELPDESK_CSAT_5 = "HELPDESK_CSAT_5"
+    AI_AGENT_CSAT_5 = 'AI_AGENT_CSAT_5',
+    AI_AGENT_CSAT_5_WITH_CRE = 'AI_AGENT_CSAT_5_WITH_CRE',
+    HELPDESK_CSAT_5 = 'HELPDESK_CSAT_5',
 }
 
 declare type CustomEvent_2 = {
@@ -791,89 +940,6 @@ declare type CustomEvent_2 = {
 };
 export { CustomEvent_2 as CustomEvent }
 
-declare const _default: {
-    language: string;
-    dateLocale: Locale;
-    stringSet: {
-        CHANNEL_FROZEN: string;
-        PLACE_HOLDER__WRONG: string;
-        PLACE_HOLDER__NO_MESSAGES: string;
-        UNKNOWN__UNKNOWN_MESSAGE_TYPE: string;
-        HEADER_BUTTON__AGENT_HANDOFF: string;
-        MESSAGE_INPUT__PLACE_HOLDER: string;
-        MESSAGE_INPUT__PLACE_HOLDER__WAIT_AI_AGENT_RESPONSE: string;
-        MESSAGE_INPUT__PLACE_HOLDER__SUGGESTED_REPLIES: string;
-        MESSAGE_INPUT__PLACE_HOLDER__DISABLED: string;
-        BUTTON__CANCEL: string;
-        BUTTON__SAVE: string;
-        BUTTON__OK: string;
-        BUTTON__SUBMIT: string;
-        NO_NAME: string;
-        RETRY: string;
-        POWERED_BY: string;
-        OPTIONAL: string;
-        SUBMITTED: string;
-        TRY_AGAIN: string;
-        DATE_FORMAT__MESSAGE_LIST__DATE_SEPARATOR: string;
-        DATE_FORMAT__MESSAGE_TIMESTAMP: string;
-        DATE_FORMAT__JUST_NOW: string;
-        DATE_FORMAT__MINUTES_AGO: (minutes: number) => string;
-        DATE_FORMAT__HOURS_AGO: (hours: number) => string;
-        DATE_FORMAT__DATE_SHORT: string;
-        FILE_UPLOAD_NOTIFICATION__COUNT_LIMIT: string;
-        FILE_UPLOAD_NOTIFICATION__SIZE_LIMIT: string;
-        FILE_VIEWER__UNSUPPORT: string;
-        CSAT_TITLE_UNSUBMITTED: string;
-        CSAT_TITLE_SUBMITTED: string;
-        CSAT_CRE_TITLE: string;
-        CSAT_CRE_SOLVED: string;
-        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;
-        CSAT_SUBMIT_LABEL: string;
-        CSAT_SUBMISSION_EXPIRED: string;
-        CONVERSATION_CLOSED_FOOTER_LABEL: string;
-        START_NEW_CONVERSATION: string;
-        RETURN_TO_CONVERSATION: string;
-        TALK_TO_AGENT: string;
-        CONVERSATION_LIST__HEADER_TITLE: string;
-        CONVERSATION_LIST__TOPICS_FALLBACK: string;
-        CONVERSATION_LIST__NO_CONVERSATIONS: string;
-        CONVERSATION_LIST__ENDED: string;
-        CITATION_SOURCE_TITLE: string;
-        FORM_PLACEHOLDER: string;
-        FORM_UNAVAILABLE: string;
-        FORM_NOT_SUPPORTED: string;
-        FORM_VALIDATION_REQUIRED: string;
-        FORM_VALIDATION_MIN_LENGTH: (minLength: number) => string;
-        FORM_VALIDATION_MAX_LENGTH: (maxLength: number) => string;
-        FORM_VALIDATION_MIN: (minValue: number) => string;
-        FORM_VALIDATION_MAX: (maxValue: number) => string;
-        FORM_VALIDATION_MIN_SELECT: (minSelect: number) => string;
-        FORM_VALIDATION_MAX_SELECT: (maxSelect: number) => string;
-        FORM_VALIDATION_REGEX_FAILED: string;
-        FEEDBACK_TITLE: string;
-        FEEDBACK_GOOD: string;
-        FEEDBACK_BAD: string;
-        FEEDBACK_COMMENT_LABEL: string;
-        FEEDBACK_COMMENT_PLACEHOLDER: string;
-        FEEDBACK_CANCEL: string;
-        FEEDBACK_SUBMIT: string;
-        FEEDBACK_SAVE: string;
-        FEEDBACK_EDIT: string;
-        FEEDBACK_REMOVE: string;
-        /** @deprecated Please use DATE_FORMAT__DATE_SHORT instead. **/
-        DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE: string;
-        /** @deprecated Unused string **/
-        DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE_CAPTION: string;
-    };
-};
-
 export declare const DefaultMessenger: ForwardRefExoticComponent<MessengerProps & RefAttributes<MessengerSessionRef>>;
 
 declare interface Dispatcher {
@@ -926,6 +992,7 @@ export declare interface ExtendedMessagePayload {
         csat_submitted_label: string;
 
         cre?: {
+            required: boolean; // default: true
             question: string;
             positive_label: string;
             negative_label: string;
@@ -1104,11 +1171,14 @@ declare const icons: {
 
 declare type IconType = keyof typeof icons;
 
-declare type IncomingBaseMessageProps<T> = T & BaseMessageProps<{
+declare type IncomingBaseMessageProps<T> = T &
+BaseMessageProps<{
     sender: {
         nickname: string;
         profileUrl?: string;
     };
+
+    // flags
     suggestedRepliesVisible?: boolean;
     suggestedRepliesDirection?: 'vertical' | 'horizontal';
     isBotMessage?: boolean;
@@ -1118,27 +1188,19 @@ declare type IncomingBaseMessageProps<T> = T & BaseMessageProps<{
     isConversationClosed?: boolean;
     isFeedbackEnabled?: boolean;
     isFeedbackCommentEnabled?: boolean;
+
+    // handlers
     onGetCachedMessageTemplate?: (templateKey: string) => string | null;
     onRequestMessageTemplate?: (templateKey: string) => Promise<string>;
     onHandleTemplateInternalAction?: (action: Action) => void;
-    onClickSuggestedReply?: (params: {
-        reply: string;
-    }) => void;
-    onClickCTA?: (params: {
-        url: string;
-    }) => 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>;
+    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>;
+
+    // fallbacks
     messageTemplateErrorFallback?: ReactNode;
     messageTemplateLoadingFallback?: ReactNode;
 }>;
@@ -1242,12 +1304,15 @@ export declare const IncomingMessageLayout: {
     }) => null;
 };
 
-export declare type IncomingMessageProps<T extends IncomingMessageUnion['messageType'] = IncomingMessageUnion['messageType']> = PickMessageProps<IncomingMessageUnion, T>;
+export declare type IncomingMessageProps<T extends IncomingMessageUnion['messageType'] = IncomingMessageUnion['messageType']> =
+PickMessageProps<IncomingMessageUnion, T>;
 
-declare type IncomingMessageUnion = IncomingBaseMessageProps<{
+declare type IncomingMessageUnion =
+| IncomingBaseMessageProps<{
     messageType: 'user';
     message: string;
-}> | IncomingBaseMessageProps<{
+}>
+| IncomingBaseMessageProps<{
     messageType: 'file';
     message: string;
     file: {
@@ -1283,10 +1348,11 @@ declare interface InternalMessageTemplateVariables {
     cascade_padding_right?: number;
 }
 
-declare interface LanguageSet {
-    language: string;
+/**
+ * Language set interface for React
+ */
+declare interface LanguageSet extends Omit<AIAgentLanguageSet, 'strings'> {
     stringSet: StringSet;
-    dateLocale: Locale;
 }
 
 export declare function LauncherBase({ className, isOpened, onClick, type, imageUrl, dir, animated, backgroundColor, size, }: LauncherProps): JSX.Element;
@@ -1460,11 +1526,11 @@ declare interface MessengerProps extends AIAgentProps {
 }
 
 declare interface MessengerSessionCache {
-    getSettings(userId: string): MessengerSettingsData | null;
-    setSettings(userId: string, value: MessengerSettingsData): void;
+    getSettings(userId: string): MessengerSettingsResponse | null;
+    setSettings(userId: string, value: MessengerSettingsResponse): void;
     getAnonUser(): AnonUserSessionData | null;
     setAnonUser(value: AnonUserSessionData): void;
-    clear(userId: string): void;
+    clear(userId: string | undefined): void;
 }
 
 declare interface MessengerSessionContextValue extends AIAgentMessengerSessionContextValue {
@@ -1480,8 +1546,6 @@ declare interface MessengerSessionContextValue extends AIAgentMessengerSessionCo
 export declare interface MessengerSessionRef extends AIAgentMessengerSessionRef {
 }
 
-declare type MessengerSettingsData = { knownActiveChannelUrl: string };
-
 declare interface MessengerSettingsResponse {
     active_channel: {
         channel_url: string;
@@ -1526,6 +1590,12 @@ declare interface MessengerSettingsResponse {
         session_token: string;
         expire_at: number;
     };
+    upload_restriction?: {
+        default_upload_size_limit: number;
+        upload_size_limit_per_type: Record<string, number>;
+        supported_image_mime_types: string[];
+        supported_file_mime_types: string[];
+    };
 }
 
 declare type MultiSelectField = {
@@ -1562,15 +1632,18 @@ declare type OnJoinedProactiveConversation = (params: {
     channel: GroupChannel;
 }) => void;
 
-declare type OutgoingBaseMessageProps<T> = T & BaseMessageProps<{
+declare type OutgoingBaseMessageProps<T> = T &
+BaseMessageProps<{
     sender: {
         nickname: string;
         profileUrl?: string;
     };
+
     sendingStatus: 'pending' | 'failed' | 'succeeded' | 'canceled' | 'scheduled';
+    onClickFailedMessage?: () => void;
 }>;
 
-declare function OutgoingMessageBody(props: OutgoingMessageBodyProps): JSX.Element | null;
+declare function OutgoingMessageBody(props: OutgoingMessageBodyProps): JSX.Element;
 
 declare type OutgoingMessageBodyProps<T extends MessageType_2 = MessageType_2> = OutgoingMessageProps<T> & {
     customStyle?: {
@@ -1615,12 +1688,15 @@ export declare const OutgoingMessageLayout: {
     }) => null;
 };
 
-export declare type OutgoingMessageProps<T extends OutgoingMessageUnion['messageType'] = OutgoingMessageUnion['messageType']> = PickMessageProps<OutgoingMessageUnion, T>;
+export declare type OutgoingMessageProps<T extends OutgoingMessageUnion['messageType'] = OutgoingMessageUnion['messageType']> =
+PickMessageProps<OutgoingMessageUnion, T>;
 
-declare type OutgoingMessageUnion = OutgoingBaseMessageProps<{
+declare type OutgoingMessageUnion =
+| OutgoingBaseMessageProps<{
     messageType: 'user';
     message: string;
-}> | OutgoingBaseMessageProps<{
+}>
+| OutgoingBaseMessageProps<{
     messageType: 'file';
     message: string;
     file: {
@@ -1674,13 +1750,10 @@ declare interface PaletteTextEmphasis {
     textDisabled: string;
 }
 
-declare type PickMessageProps<Union, T extends Union extends {
-    messageType: infer MT;
-} ? MT : never = Union extends {
-    messageType: infer MT;
-} ? MT : never> = Union extends {
-    messageType: T;
-} ? Union : never;
+declare type PickMessageProps<
+Union,
+T extends Union extends { messageType: infer MT } ? MT : never = Union extends { messageType: infer MT } ? MT : never,
+> = Union extends { messageType: T } ? Union : never;
 
 export declare interface PlaceholderBaseProps extends PlaceholderCommonProps {
     icon?: IconType;
@@ -1757,11 +1830,6 @@ export declare type PositionHorizontal = 'start' | 'end';
 
 export declare type PositionVertical = 'top' | 'bottom';
 
-/**
- * You can pass the resolve function to scrollPubSub, if you want to catch when the scroll is finished.
- * */
-declare type PromiseResolver = () => void;
-
 declare type Props = {
     children: ReactNode;
     rootElement?: HTMLElement;
@@ -1824,26 +1892,6 @@ declare type Props_5 = PropsWithChildren<{
     onOpenConversationView?: (channelUrl: string, status: 'open' | 'closed') => void;
 }>;
 
-declare type PubSub<T> = {
-    publish: (data: T) => void;
-    subscribe: (subscriber: (data: T) => void) => () => void;
-};
-
-declare type ScrollTopicUnion = {
-    type: 'scrollToBottom';
-    data?: {
-        animated?: boolean;
-        resolve?: PromiseResolver;
-    };
-} | {
-    type: 'scroll';
-    data?: {
-        top?: number;
-        animated?: boolean;
-        resolve?: PromiseResolver;
-    };
-};
-
 declare type SingleSelectField = {
     key: string;
     type: 'single-select';
@@ -1855,7 +1903,91 @@ declare type SingleSelectField = {
     layout: 'default';
 };
 
-declare type StringSet = typeof _default.stringSet;
+/**
+ * StringSet type for React components
+ * Uses SNAKE_CASE keys for backward compatibility
+ */
+declare type StringSet = {
+    CHANNEL_FROZEN: string;
+    PLACE_HOLDER__WRONG: string;
+    PLACE_HOLDER__NO_MESSAGES: string;
+    UNKNOWN__UNKNOWN_MESSAGE_TYPE: string;
+    HEADER_BUTTON__AGENT_HANDOFF: string;
+    MESSAGE_INPUT__PLACE_HOLDER: string;
+    MESSAGE_INPUT__PLACE_HOLDER__WAIT_AI_AGENT_RESPONSE: string;
+    MESSAGE_INPUT__PLACE_HOLDER__SUGGESTED_REPLIES: string;
+    MESSAGE_INPUT__PLACE_HOLDER__DISABLED: string;
+    BUTTON__CANCEL: string;
+    BUTTON__SAVE: string;
+    BUTTON__OK: string;
+    BUTTON__SUBMIT: string;
+    NO_NAME: string;
+    RETRY: string;
+    POWERED_BY: string;
+    OPTIONAL: string;
+    SUBMITTED: string;
+    TRY_AGAIN: string;
+    DATE_FORMAT__MESSAGE_LIST__DATE_SEPARATOR: string;
+    DATE_FORMAT__MESSAGE_TIMESTAMP: string;
+    DATE_FORMAT__JUST_NOW: string;
+    DATE_FORMAT__MINUTES_AGO: (minutes: number) => string;
+    DATE_FORMAT__HOURS_AGO: (hours: number) => string;
+    DATE_FORMAT__DATE_SHORT: string;
+    FILE_UPLOAD_NOTIFICATION__COUNT_LIMIT: string;
+    FILE_UPLOAD_NOTIFICATION__SIZE_LIMIT: string;
+    FILE_UPLOAD_NO_SUPPORTED_FILES: string;
+    FILE_VIEWER__UNSUPPORT: string;
+    CSAT_TITLE_UNSUBMITTED: string;
+    CSAT_TITLE_SUBMITTED: string;
+    CSAT_CRE_TITLE: string;
+    CSAT_CRE_SOLVED: string;
+    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;
+    CSAT_SUBMIT_LABEL: string;
+    CSAT_SUBMISSION_EXPIRED: string;
+    CONVERSATION_CLOSED_FOOTER_LABEL: string;
+    START_NEW_CONVERSATION: string;
+    RETURN_TO_CONVERSATION: string;
+    TALK_TO_AGENT: string;
+    CONVERSATION_LIST__HEADER_TITLE: string;
+    CONVERSATION_LIST__TOPICS_FALLBACK: string;
+    CONVERSATION_LIST__NO_CONVERSATIONS: string;
+    CONVERSATION_LIST__ENDED: string;
+    CITATION_SOURCE_TITLE: string;
+    FORM_PLACEHOLDER: string;
+    FORM_UNAVAILABLE: string;
+    FORM_NOT_SUPPORTED: string;
+    FORM_VALIDATION_REQUIRED: string;
+    FORM_VALIDATION_MIN_LENGTH: (minLength: number) => string;
+    FORM_VALIDATION_MAX_LENGTH: (maxLength: number) => string;
+    FORM_VALIDATION_MIN: (minValue: number) => string;
+    FORM_VALIDATION_MAX: (maxValue: number) => string;
+    FORM_VALIDATION_MIN_SELECT: (minSelect: number) => string;
+    FORM_VALIDATION_MAX_SELECT: (maxSelect: number) => string;
+    FORM_VALIDATION_REGEX_FAILED: string;
+    FEEDBACK_TITLE: string;
+    FEEDBACK_GOOD: string;
+    FEEDBACK_BAD: string;
+    FEEDBACK_COMMENT_LABEL: string;
+    FEEDBACK_COMMENT_PLACEHOLDER: string;
+    FEEDBACK_CANCEL: string;
+    FEEDBACK_SUBMIT: string;
+    FEEDBACK_SAVE: string;
+    FEEDBACK_EDIT: string;
+    FEEDBACK_REMOVE: string;
+    FAILED_MESSAGE_RESEND: string;
+    FAILED_MESSAGE_REMOVE: string;
+    /** @deprecated Please use DATE_FORMAT__DATE_SHORT instead. **/
+    DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE: string;
+    /** @deprecated Unused string **/
+    DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE_CAPTION: string;
+};
 
 declare function SystemAdminMessage(props: SystemMessageProps): JSX.Element | null;
 
@@ -1891,12 +2023,15 @@ export declare const SystemMessageLayout: {
     }) => null;
 };
 
-export declare type SystemMessageProps<T extends SystemMessageUnion['messageType'] = SystemMessageUnion['messageType']> = PickMessageProps<SystemMessageUnion, T>;
+export declare type SystemMessageProps<T extends SystemMessageUnion['messageType'] = SystemMessageUnion['messageType']> =
+PickMessageProps<SystemMessageUnion, T>;
 
-declare type SystemMessageUnion = SystemBaseMessageProps<{
+declare type SystemMessageUnion =
+| SystemBaseMessageProps<{
     messageType: 'admin';
     message: string;
-}> | SystemBaseMessageProps<{
+}>
+| SystemBaseMessageProps<{
     messageType: 'admin.csat';
     csat?: number;
     csatReason?: string;
@@ -1965,15 +2100,6 @@ export declare const useLocalizationContext: {
     displayName: string;
 };
 
-declare function useMessageListScroll(behavior: 'smooth' | 'auto', deps?: DependencyList): {
-    scrollRef: RefObject<HTMLDivElement | null>;
-    scrollPubSub: PubSub<ScrollTopicUnion>;
-    isScrollBottomReached: boolean;
-    setIsScrollBottomReached: Dispatch<SetStateAction<boolean>>;
-    scrollDistanceFromBottomRef: RefObject<number>;
-    scrollPositionRef: RefObject<number>;
-};
-
 export declare const useMessengerContext: {
     (): MessengerContextValue;
     displayName: string;