@sendbird/ai-agent-messenger-react 1.22.0 → 1.23.0

package/dist/index.d.ts

@@ -973,6 +973,8 @@ declare interface AIAgentStringSet {
         failed_message_remove: string;
 
         file_upload_no_supported_files: string;
+        file_upload_replace_alert_title: string;
+        file_upload_replace_alert_description: string;
 
         // Accessibility
         a11y_message_list: string;
@@ -1008,6 +1010,7 @@ declare interface AIAgentStringSet {
         a11y_screen_conversation: string;
         a11y_screen_conversation_with_agent: (name: string) => string;
         a11y_screen_conversation_list_no_count: string;
+        a11y_screen_conversation_list_with_count: (count: number) => string;
         a11y_csat_displayed: string;
         a11y_empty_conversation: string;
         a11y_input_disabled: string;
@@ -1068,6 +1071,8 @@ declare interface AIAgentStringSet {
         placeholder_no_messages: string;
         placeholder_no_conversations: string;
         placeholder_something_went_wrong_retry_label: string;
+        button_ok: string;
+        button_cancel: string;
     };
 
     feedback: {
@@ -2511,12 +2516,13 @@ declare type IncomingMessageBodyProps<T extends MessageType = MessageType> = Inc
         bubbleContentColor?: string;
         bubbleBackgroundColor?: string;
     };
+    surface?: 'bubble' | 'plain';
 };
 
 export declare const IncomingMessageLayout: {
     (props: PropsWithChildren): ReactNode;
     defaults: {
-        template: ComponentType<IncomingMessageProps>;
+        template: ComponentType<IncomingMessageTemplateProps>;
         components: {
             SenderName: ({ sender }: Pick<IncomingMessageProps, "sender">) => ReactNode;
             SenderAvatar: ({ sender, isBotMessage, }: Pick<IncomingMessageProps, "sender" | "isBotMessage">) => ReactNode;
@@ -2764,10 +2770,10 @@ export declare const IncomingMessageLayout: {
         };
     };
     Template: ({ template, children }: {
-        template?: ComponentType<IncomingMessageProps> | undefined;
+        template?: ComponentType<IncomingMessageTemplateProps> | undefined;
         children?: ReactNode;
     }) => JSX.Element;
-    Context: Context<LayoutContextValue<IncomingMessageProps, {
+    Context: Context<LayoutContextValue<IncomingMessageTemplateProps, {
     SenderName: ({ sender }: Pick<IncomingMessageProps, "sender">) => ReactNode;
     SenderAvatar: ({ sender, isBotMessage, }: Pick<IncomingMessageProps, "sender" | "isBotMessage">) => ReactNode;
     SentTime: ({ createdAt }: Pick<IncomingMessageProps, "createdAt">) => ReactNode;
@@ -3012,7 +3018,7 @@ export declare const IncomingMessageLayout: {
     Feedback: ({ isBotMessage, isConversationClosed, isStreaming, isFeedbackEnabled, isFeedbackCommentEnabled, extendedMessagePayload, onFeedbackUpdate, }: IncomingMessageProps) => ReactNode;
     MessageLogs: (_: IncomingMessageProps) => ReactNode;
     }>>;
-    useContext: () => LayoutContextValue<IncomingMessageProps, {
+    useContext: () => LayoutContextValue<IncomingMessageTemplateProps, {
     SenderName: ({ sender }: Pick<IncomingMessageProps, "sender">) => ReactNode;
     SenderAvatar: ({ sender, isBotMessage, }: Pick<IncomingMessageProps, "sender" | "isBotMessage">) => ReactNode;
     SentTime: ({ createdAt }: Pick<IncomingMessageProps, "createdAt">) => ReactNode;
@@ -3540,6 +3546,8 @@ export declare const IncomingMessageLayout: {
 export declare type IncomingMessageProps<T extends IncomingMessageUnion['messageType'] = IncomingMessageUnion['messageType']> =
 PickMessageProps<IncomingMessageUnion, T>;
 
+declare type IncomingMessageTemplateProps = IncomingMessageProps & Partial<InternalExtraProps>;
+
 declare type IncomingMessageUnion =
 | IncomingBaseMessageProps<{
     messageType: 'user';
@@ -3566,7 +3574,10 @@ declare type IncomingMessageUnion =
 
 declare function IncomingTextBody(props: IncomingMessageBodyProps): JSX.Element | null;
 
+declare type InputMode = 'enabled' | 'readOnly' | 'disabled';
+
 declare type InputState = {
+    _mode: InputMode;
     disabled: boolean;
     disabledBy:
     | 'unavailable'
@@ -3581,6 +3592,11 @@ declare type InputState = {
     | (string & {});
 };
 
+declare type InternalExtraProps = {
+    maxBodyWidth?: number;
+    testerMode?: boolean;
+};
+
 declare interface InternalMessageTemplateVariables {
     carousel_padding_left?: number;
     carousel_padding_right?: number;
@@ -3682,7 +3698,7 @@ export declare const MessageListUILayout: {
         template: ComponentType<unknown>;
         components: {
             DateSeparator: ({ className, date, style }: DateSeparatorProps) => ReactNode;
-            ScrollToBottomButton: ({ className, style, onClick, ariaLabel, }: ScrollToBottomButtonProps) => ReactNode;
+            ScrollToBottomButton: ({ className, style, onClick }: ScrollToBottomButtonProps) => ReactNode;
         };
     };
     Template: ({ template, children }: {
@@ -3691,18 +3707,18 @@ export declare const MessageListUILayout: {
     }) => JSX.Element;
     Context: Context<LayoutContextValue<unknown, {
     DateSeparator: ({ className, date, style }: DateSeparatorProps) => ReactNode;
-    ScrollToBottomButton: ({ className, style, onClick, ariaLabel, }: ScrollToBottomButtonProps) => ReactNode;
+    ScrollToBottomButton: ({ className, style, onClick }: ScrollToBottomButtonProps) => ReactNode;
     }>>;
     useContext: () => LayoutContextValue<unknown, {
     DateSeparator: ({ className, date, style }: DateSeparatorProps) => ReactNode;
-    ScrollToBottomButton: ({ className, style, onClick, ariaLabel, }: ScrollToBottomButtonProps) => ReactNode;
+    ScrollToBottomButton: ({ className, style, onClick }: ScrollToBottomButtonProps) => ReactNode;
     }>;
 } & {
     DateSeparator: (props: {
         component: ({ className, date, style }: DateSeparatorProps) => ReactNode;
     }) => null;
     ScrollToBottomButton: (props: {
-        component: ({ className, style, onClick, ariaLabel, }: ScrollToBottomButtonProps) => ReactNode;
+        component: ({ className, style, onClick }: ScrollToBottomButtonProps) => ReactNode;
     }) => null;
 };
 
@@ -4246,7 +4262,6 @@ declare type SBUFoundationProps<T = NonNullable<unknown>> = T & {
 
 export declare type ScrollToBottomButtonProps = SBUFoundationProps<{
     onClick: () => void;
-    ariaLabel?: string;
 }>;
 
 declare interface SearchConversationParams {
@@ -4315,6 +4330,7 @@ declare type StringSet = {
     MESSAGE_INPUT__PLACE_HOLDER__DISABLED: string;
     MESSAGE_INPUT__PLACE_HOLDER__STEWARD: string;
     MESSAGE_INPUT__PLACE_HOLDER__RECONNECTING: string;
+    BUTTON__OK: string;
     BUTTON__CANCEL: string;
     BUTTON__SUBMIT: string;
     RETRY: string;
@@ -4334,6 +4350,8 @@ declare type StringSet = {
     FILE_UPLOAD_NO_SUPPORTED_FILES: string;
     FILE_UPLOAD_PHOTOS: string;
     FILE_UPLOAD_FILES: string;
+    FILE_UPLOAD_REPLACE_ALERT__TITLE: string;
+    FILE_UPLOAD_REPLACE_ALERT__DESCRIPTION: string;
     FILE_VIEWER__UNSUPPORT: string;
     IMAGE_VIEWER__DEFAULT_TITLE: string;
     CSAT_TITLE_UNSUBMITTED: string;
@@ -4413,6 +4431,7 @@ declare type StringSet = {
     A11Y_FILE_UPLOAD_OPTIONS: string;
     A11Y_FAILED_MESSAGE_OPTIONS: string;
     A11Y_FEEDBACK_OPTIONS: string;
+    A11Y_CSAT_TEXT_INPUT_LABEL: string;
     A11Y_TYPING_FORMAT: (name: string) => string;
     A11Y_MESSAGE_FAILED: string;
     A11Y_NEW_MESSAGES_RECEIVED: (count: number) => string;
@@ -4427,6 +4446,7 @@ declare type StringSet = {
     A11Y_SCREEN_CONVERSATION: string;
     A11Y_SCREEN_CONVERSATION_WITH_AGENT: (name: string) => string;
     A11Y_SCREEN_CONVERSATION_LIST_NO_COUNT: string;
+    A11Y_SCREEN_CONVERSATION_LIST_WITH_COUNT: (count: number) => string;
     A11Y_CSAT_DISPLAYED: string;
     A11Y_EMPTY_CONVERSATION: string;
     A11Y_INPUT_DISABLED: string;
@@ -4470,8 +4490,6 @@ declare type StringSet = {
     /** @deprecated Unused string **/
     BUTTON__SAVE: string;
     /** @deprecated Unused string **/
-    BUTTON__OK: string;
-    /** @deprecated Unused string **/
     NO_NAME: string;
     /** @deprecated Unused string **/
     CHANNEL_FROZEN: string;