@sendbird/ai-agent-messenger-react-native 0.0.1-beta.5 → 1.0.0

package/dist/index.d.ts

@@ -28,6 +28,7 @@ import { PropsWithChildren } from 'react';
 import { ReactNode } from 'react';
 import { RefAttributes } from 'react';
 import { RefObject } from 'react';
+import type * as RNPermissions from 'react-native-permissions';
 import { SendbirdChatParams } from '@sendbird/chat';
 import { SendbirdChatWith } from '@sendbird/chat';
 import { SendbirdError } from '@sendbird/chat';
@@ -35,6 +36,8 @@ import { SessionHandler } from '@sendbird/chat';
 import { User } from '@sendbird/chat';
 import { UserMessage } from '@sendbird/chat/message';
 import { UserMessageCreateParams } from '@sendbird/chat/message';
+import { ViewProps } from 'react-native';
+import { ViewStyle } from 'react-native';
 
 declare interface ActionbookInfo {
     key: string;
@@ -70,6 +73,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;
+        };
     };
 }
 
@@ -86,6 +108,7 @@ declare interface AIAgentContextValue {
     dispatcher: Dispatcher;
 
     cache: AIAgentCache;
+    networkStateAdapter?: NetworkStateAdapter;
 
     queryParams?: AIAgentQueryParams;
     config?: AIAgentConfig;
@@ -98,6 +121,7 @@ declare interface AIAgentConversationContextValue {
         channel: GroupChannel | undefined;
         error: SendbirdError | undefined;
         refetch: () => Promise<void>;
+        closeConversation: () => Promise<void>;
     };
 
     messageSource: {
@@ -108,9 +132,15 @@ 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: {
+        streamAnimation: {
+            isAnimating: boolean;
+            start: (id: string | number) => void;
+            stop: (id: string | number) => void;
+        };
         input: InputState;
     };
 }
@@ -171,6 +201,8 @@ declare interface AIAgentInfo {
     specialNotice: string;
     specialNoticeEnabled: boolean;
     isMultipleActiveConversationsEnabled: boolean;
+    isUserFeedbackEnabled: boolean;
+    isUserFeedbackCommentOptionEnabled: boolean;
 }
 
 declare interface AIAgentMessengerSessionContextValue {
@@ -180,7 +212,6 @@ declare interface AIAgentMessengerSessionContextValue {
     userSession: null | UserSession;
     aiAgentInfo: null | AIAgentInfo;
     launcherInfo: null | LauncherInfo;
-    attachmentMode: AttachmentMode;
 
     connectionError?: Error;
 
@@ -192,6 +223,8 @@ declare interface AIAgentMessengerSessionContextValue {
 
     authenticate: () => Promise<MessengerSettingsResponse>;
     deauthenticate: () => Promise<void>;
+
+    createAttachmentRules: (params: { channel?: GroupChannel; uploadSizeLimit?: number }) => AttachmentRules;
 }
 
 declare interface AIAgentMessengerSessionRef {
@@ -292,16 +325,23 @@ declare interface AIAgentStringSet {
         input_placeholder_disabled: string;
         input_placeholder_wait_ai_agent_response: string;
         input_placeholder_active_form: string;
+        input_placeholder_reconnecting: 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;
+        footer_title: string;
     };
 
     date_format: {
@@ -336,6 +376,19 @@ declare interface AIAgentStringSet {
         placeholder_no_conversations: string;
         placeholder_something_went_wrong_retry_label: string;
     };
+
+    feedback: {
+        title: string;
+        good: string;
+        bad: string;
+        comment_label: string;
+        comment_placeholder: string;
+        cancel: string;
+        submit: string;
+        save: string;
+        edit: string;
+        remove: string;
+    };
 }
 
 declare type AnonUserSessionData = { userId: string; authToken: string; expireAt: number };
@@ -346,10 +399,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 {
@@ -421,6 +482,10 @@ export declare interface BottomSheetTemplateProps {
     children?: ReactNode;
 }
 
+/** Camera capture options - no options needed as camera always captures single photo */
+declare interface CameraOptions {
+}
+
 declare interface CitationInfo {
     embedding_id: number;
     source_type: string;
@@ -460,9 +525,10 @@ declare interface ConversationContextProps extends PropsWithChildren {
     onClearChannelUrl?: () => void;
     onNavigateToConversationList?: () => void;
     onClose?: () => void;
+    shouldMarkAsRead?: boolean;
 }
 
-export declare const ConversationContextProvider: ({ channelUrl, onClearChannelUrl, onClose, onNavigateToConversationList, children, }: ConversationContextProps) => JSX.Element;
+export declare const ConversationContextProvider: (props: ConversationContextProps) => JSX.Element;
 
 declare interface ConversationContextValue extends AIAgentConversationContextValue {
     scrollSource: ConversationScrollContextValue;
@@ -478,6 +544,70 @@ declare interface ConversationCreateParams {
     context?: Record<string, string>;
 }
 
+export declare const ConversationHeaderLayout: {
+    (props: PropsWithChildren): ReactNode;
+    defaults: {
+        template: ComponentType<ConversationHeaderTemplateProps>;
+        components: {
+            StartArea: () => ReactNode;
+            TitleArea: () => ReactNode;
+            EndArea: () => ReactNode;
+            MenuButton: () => ReactNode;
+            Title: () => ReactNode;
+            HandoffButton: () => ReactNode;
+            CloseButton: () => ReactNode;
+        };
+    };
+    Template: ({ template, children }: {
+        template?: ComponentType<ConversationHeaderTemplateProps> | undefined;
+        children?: ReactNode;
+    }) => JSX.Element;
+    Context: Context<LayoutContextValue<    {
+    StartArea: () => ReactNode;
+    TitleArea: () => ReactNode;
+    EndArea: () => ReactNode;
+    MenuButton: () => ReactNode;
+    Title: () => ReactNode;
+    HandoffButton: () => ReactNode;
+    CloseButton: () => ReactNode;
+    }, ConversationHeaderTemplateProps>>;
+    useContext: () => LayoutContextValue<    {
+    StartArea: () => ReactNode;
+    TitleArea: () => ReactNode;
+    EndArea: () => ReactNode;
+    MenuButton: () => ReactNode;
+    Title: () => ReactNode;
+    HandoffButton: () => ReactNode;
+    CloseButton: () => ReactNode;
+    }, ConversationHeaderTemplateProps>;
+} & {
+    StartArea: (props: {
+        component: () => ReactNode;
+    }) => null;
+    TitleArea: (props: {
+        component: () => ReactNode;
+    }) => null;
+    EndArea: (props: {
+        component: () => ReactNode;
+    }) => null;
+    MenuButton: (props: {
+        component: () => ReactNode;
+    }) => null;
+    Title: (props: {
+        component: () => ReactNode;
+    }) => null;
+    HandoffButton: (props: {
+        component: () => ReactNode;
+    }) => null;
+    CloseButton: (props: {
+        component: () => ReactNode;
+    }) => null;
+};
+
+declare interface ConversationHeaderTemplateProps {
+    titleAlign?: 'start' | 'center' | 'end';
+}
+
 export declare const ConversationLayout: {
     (props: PropsWithChildren): ReactNode;
     defaults: {
@@ -550,6 +680,58 @@ declare interface ConversationListContextValue extends AIAgentConversationListCo
     onClose?: () => void;
 }
 
+export declare const ConversationListHeaderLayout: {
+    (props: PropsWithChildren): ReactNode;
+    defaults: {
+        template: ComponentType<ConversationListHeaderTemplateProps>;
+        components: {
+            StartArea: () => ReactNode;
+            TitleArea: () => ReactNode;
+            EndArea: () => ReactNode;
+            Title: () => ReactNode;
+            CloseButton: () => ReactNode;
+        };
+    };
+    Template: ({ template, children }: {
+        template?: ComponentType<ConversationListHeaderTemplateProps> | undefined;
+        children?: ReactNode;
+    }) => JSX.Element;
+    Context: Context<LayoutContextValue<    {
+    StartArea: () => ReactNode;
+    TitleArea: () => ReactNode;
+    EndArea: () => ReactNode;
+    Title: () => ReactNode;
+    CloseButton: () => ReactNode;
+    }, ConversationListHeaderTemplateProps>>;
+    useContext: () => LayoutContextValue<    {
+    StartArea: () => ReactNode;
+    TitleArea: () => ReactNode;
+    EndArea: () => ReactNode;
+    Title: () => ReactNode;
+    CloseButton: () => ReactNode;
+    }, ConversationListHeaderTemplateProps>;
+} & {
+    StartArea: (props: {
+        component: () => ReactNode;
+    }) => null;
+    TitleArea: (props: {
+        component: () => ReactNode;
+    }) => null;
+    EndArea: (props: {
+        component: () => ReactNode;
+    }) => null;
+    Title: (props: {
+        component: () => ReactNode;
+    }) => null;
+    CloseButton: (props: {
+        component: () => ReactNode;
+    }) => null;
+};
+
+declare interface ConversationListHeaderTemplateProps {
+    titleAlign?: 'start' | 'center' | 'end';
+}
+
 export declare const ConversationListLayout: {
     (props: PropsWithChildren): ReactNode;
     defaults: {
@@ -590,7 +772,7 @@ declare interface ConversationScrollContextValue {
     ref: RefObject<FlatList | null>;
     state: {
         distanceFromBottom: number;
-        isAtBottom: boolean;
+        shouldShowScrollButton: boolean;
         bottomSpace?: number;
     };
     props: {
@@ -632,6 +814,8 @@ declare interface ConversationScrollContextValue {
     };
 }
 
+declare type ConversationScrollMode = 'auto' | 'fixed';
+
 declare type CSATSubmitParams = {
     csatType: string;
     csat?: number;
@@ -650,6 +834,15 @@ declare interface Dispatcher {
     ): void;
 }
 
+/** Adapter interface for document picker */
+declare interface DocumentPickerAdapter {
+    /**
+     * Select files from file picker
+     * @returns Array of MediaFiles, or null if cancelled
+     */
+    selectFile: (options?: FilePickerOptions) => Promise<MediaFile[] | null>;
+}
+
 declare type ExpoDocumentPickerModule = typeof ExpoDocumentPicker;
 
 declare type ExpoImagePickerModule = typeof ExpoImagePicker;
@@ -682,6 +875,7 @@ declare interface ExtendedMessagePayload {
         csat_submitted_label: string;
 
         cre?: {
+            required: boolean; // default: true
             question: string;
             positive_label: string;
             negative_label: string;
@@ -728,6 +922,70 @@ declare interface FeedbackInfo {
     comment?: string;
 }
 
+/** File picker options */
+declare interface FilePickerOptions {
+    /** Maximum number of files that can be selected (1 for single selection, >1 for multiple) */
+    selectionLimit?: number;
+    /** Filter by MIME types (e.g., ['application/pdf', 'text/plain']) */
+    mimeTypes?: string[];
+}
+
+export declare const FixedMessenger: (({ entryPoint, edgeToEdgeEnabled, windowMode, fullscreenInsets, initialChannelUrl, windowContainerProps, children, }: FixedMessengerProps) => JSX.Element) & {
+    Style: (props: FixedMessengerStyleProps) => null;
+    ConversationChildren: ({ children }: PropsWithChildren) => null;
+    ConversationListChildren: ({ children }: PropsWithChildren) => null;
+};
+
+declare type FixedMessengerMargin = {
+    top: number;
+    bottom: number;
+    start: number;
+    end: number;
+};
+
+declare type FixedMessengerPosition = `${PositionHorizontal}-${PositionVertical}`;
+
+declare interface FixedMessengerProps {
+    /**
+     * @description Initial entry point of the messenger. (Defaults to 'Conversation')
+     * */
+    entryPoint?: 'Conversation' | 'ConversationList';
+    /**
+     * @description The URL of the channel to open initially when the messenger is first loaded.
+     * */
+    initialChannelUrl?: string;
+    /**
+     * @description Window mode of the messenger. (Defaults to 'floating')
+     * */
+    windowMode?: 'floating' | 'fullscreen';
+    /**
+     * @description Insets for fullscreen mode. Only applicable when windowMode is 'fullscreen'. (Defaults to zero insets)
+     * */
+    fullscreenInsets?: Partial<{
+        top: number;
+        left: number;
+        right: number;
+        bottom: number;
+    }>;
+    /**
+     * @Platform Android
+     * @description On Android, when edge-to-edge is enabled, bottom inset will be considered when the soft keyboard is opened to avoid overlapping. (Defaults to true)
+     * */
+    edgeToEdgeEnabled?: boolean;
+    /**
+     * @description Props to pass to the window container.
+     * */
+    windowContainerProps?: ViewProps;
+    children?: ReactNode;
+}
+
+declare interface FixedMessengerStyleProps {
+    position?: FixedMessengerPosition;
+    margin?: Partial<FixedMessengerMargin>;
+    launcherSize?: number;
+    spacing?: number;
+}
+
 declare interface Form {
     key: string;
     version: number;
@@ -757,6 +1015,12 @@ declare interface FunctionCallsInfo {
     };
 }
 
+/** Gallery picker options */
+declare interface GalleryOptions {
+    /** Maximum number of images that can be selected (1 for single selection, >1 for multiple) */
+    selectionLimit?: number;
+}
+
 declare interface GroundednessInfo {
     id: number;
     source_type:
@@ -797,10 +1061,30 @@ declare const icons: {
     source: any;
     'radio-on': any;
     'radio-off': any;
+    good: any;
+    bad: any;
+    'good-filled': any;
+    'bad-filled': any;
+    delight: any;
+    'thumbnail-none': any;
 };
 
 declare type IconType = keyof typeof icons;
 
+/** Adapter interface for image picker (camera and gallery) */
+declare interface ImagePickerAdapter {
+    /**
+     * Launch camera to capture a photo
+     * @returns Array with single MediaFile, or null if cancelled
+     */
+    captureCamera: (options?: CameraOptions) => Promise<MediaFile[] | null>;
+    /**
+     * Select photos from gallery
+     * @returns Array of MediaFiles, or null if cancelled
+     */
+    selectFromGallery: (options?: GalleryOptions) => Promise<MediaFile[] | null>;
+}
+
 declare type IncomingBaseMessageProps<T> = T &
 BaseMessageProps<{
     sender: {
@@ -816,6 +1100,8 @@ BaseMessageProps<{
     isStreaming?: boolean;
     isHandedOff?: boolean;
     isConversationClosed?: boolean;
+    isFeedbackEnabled?: boolean;
+    isFeedbackCommentEnabled?: boolean;
 
     // handlers
     onGetCachedMessageTemplate?: (templateKey: string) => string | null;
@@ -824,21 +1110,19 @@ BaseMessageProps<{
     onClickSuggestedReply?: (params: { reply: string }) => void;
     onClickCTA?: (params: { url: string }) => void;
     onClickCitation?: (citation: CitationInfo) => void;
-    onFeedbackUpdate?: (
-    params: {
-        rating: 'good' | 'bad';
-        comment?: string;
-    } | null,
-    ) => 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;
+    onStreamAnimationComplete?: () => void;
 
     // fallbacks
     messageTemplateErrorFallback?: ReactNode;
     messageTemplateLoadingFallback?: ReactNode;
 }>;
 
-declare type IncomingMessageBodyProps<T extends MessageType_2 = MessageType_2> = IncomingMessageProps<T> & {
+declare type IncomingMessageBodyProps<T extends MessageType = MessageType> = IncomingMessageProps<T> & {
+    containerStyle?: ViewStyle;
     customStyle?: {
         bubbleContentColor?: string;
         bubbleBackgroundColor?: string;
@@ -853,9 +1137,12 @@ export declare const IncomingMessageLayout: {
         components: {
             SenderName: ({ sender }: Pick<IncomingMessageProps, "sender">) => JSX.Element;
             SenderAvatar: ({ sender, isBotMessage, }: Pick<IncomingMessageProps, "sender" | "isBotMessage">) => JSX.Element;
-            SentTime: ({ createdAt }: Pick<IncomingMessageProps, "createdAt">) => JSX.Element | null;
-            MessageBody: (props: IncomingMessageBodyProps) => JSX.Element | null;
-            TypingIndicator: ({ customStyle }: IncomingMessageProps & {
+            SentTime: ({ createdAt, containerStyle }: IncomingMessageProps & {
+                containerStyle?: ViewStyle;
+            }) => JSX.Element | null;
+            MessageBody: (props: IncomingMessageBodyProps) => JSX.Element;
+            TypingIndicator: ({ customStyle, containerStyle }: IncomingMessageProps & {
+                containerStyle?: ViewStyle;
                 customStyle?: {
                     bubbleContentColor?: string;
                     bubbleBackgroundColor?: string;
@@ -872,7 +1159,12 @@ export declare const IncomingMessageLayout: {
             }) => ReactNode;
             CTAButton: ({ extendedMessagePayload, onClickCTA, }: IncomingMessageProps) => ReactNode;
             Citation: ({ extendedMessagePayload, onClickCitation, }: IncomingMessageProps) => ReactNode;
-            Form: (props: IncomingMessageProps) => ReactNode;
+            Form: (props: IncomingMessageProps & {
+                containerStyle?: ViewStyle;
+            }) => ReactNode;
+            Feedback: ({ isBotMessage, isConversationClosed, isStreaming, isFeedbackEnabled, isFeedbackCommentEnabled, extendedMessagePayload, onFeedbackUpdate, containerStyle, }: IncomingMessageProps & {
+                containerStyle?: ViewStyle;
+            }) => ReactNode;
         };
     };
     Template: ({ template, children }: {
@@ -882,9 +1174,12 @@ export declare const IncomingMessageLayout: {
     Context: Context<LayoutContextValue<    {
     SenderName: ({ sender }: Pick<IncomingMessageProps, "sender">) => JSX.Element;
     SenderAvatar: ({ sender, isBotMessage, }: Pick<IncomingMessageProps, "sender" | "isBotMessage">) => JSX.Element;
-    SentTime: ({ createdAt }: Pick<IncomingMessageProps, "createdAt">) => JSX.Element | null;
-    MessageBody: (props: IncomingMessageBodyProps) => JSX.Element | null;
-    TypingIndicator: ({ customStyle }: IncomingMessageProps & {
+    SentTime: ({ createdAt, containerStyle }: IncomingMessageProps & {
+    containerStyle?: ViewStyle;
+    }) => JSX.Element | null;
+    MessageBody: (props: IncomingMessageBodyProps) => JSX.Element;
+    TypingIndicator: ({ customStyle, containerStyle }: IncomingMessageProps & {
+    containerStyle?: ViewStyle;
     customStyle?: {
     bubbleContentColor?: string;
     bubbleBackgroundColor?: string;
@@ -901,14 +1196,22 @@ export declare const IncomingMessageLayout: {
     }) => ReactNode;
     CTAButton: ({ extendedMessagePayload, onClickCTA, }: IncomingMessageProps) => ReactNode;
     Citation: ({ extendedMessagePayload, onClickCitation, }: IncomingMessageProps) => ReactNode;
-    Form: (props: IncomingMessageProps) => ReactNode;
+    Form: (props: IncomingMessageProps & {
+    containerStyle?: ViewStyle;
+    }) => ReactNode;
+    Feedback: ({ isBotMessage, isConversationClosed, isStreaming, isFeedbackEnabled, isFeedbackCommentEnabled, extendedMessagePayload, onFeedbackUpdate, containerStyle, }: IncomingMessageProps & {
+    containerStyle?: ViewStyle;
+    }) => ReactNode;
     }, IncomingMessageProps>>;
     useContext: () => LayoutContextValue<    {
     SenderName: ({ sender }: Pick<IncomingMessageProps, "sender">) => JSX.Element;
     SenderAvatar: ({ sender, isBotMessage, }: Pick<IncomingMessageProps, "sender" | "isBotMessage">) => JSX.Element;
-    SentTime: ({ createdAt }: Pick<IncomingMessageProps, "createdAt">) => JSX.Element | null;
-    MessageBody: (props: IncomingMessageBodyProps) => JSX.Element | null;
-    TypingIndicator: ({ customStyle }: IncomingMessageProps & {
+    SentTime: ({ createdAt, containerStyle }: IncomingMessageProps & {
+    containerStyle?: ViewStyle;
+    }) => JSX.Element | null;
+    MessageBody: (props: IncomingMessageBodyProps) => JSX.Element;
+    TypingIndicator: ({ customStyle, containerStyle }: IncomingMessageProps & {
+    containerStyle?: ViewStyle;
     customStyle?: {
     bubbleContentColor?: string;
     bubbleBackgroundColor?: string;
@@ -925,7 +1228,12 @@ export declare const IncomingMessageLayout: {
     }) => ReactNode;
     CTAButton: ({ extendedMessagePayload, onClickCTA, }: IncomingMessageProps) => ReactNode;
     Citation: ({ extendedMessagePayload, onClickCitation, }: IncomingMessageProps) => ReactNode;
-    Form: (props: IncomingMessageProps) => ReactNode;
+    Form: (props: IncomingMessageProps & {
+    containerStyle?: ViewStyle;
+    }) => ReactNode;
+    Feedback: ({ isBotMessage, isConversationClosed, isStreaming, isFeedbackEnabled, isFeedbackCommentEnabled, extendedMessagePayload, onFeedbackUpdate, containerStyle, }: IncomingMessageProps & {
+    containerStyle?: ViewStyle;
+    }) => ReactNode;
     }, IncomingMessageProps>;
 } & {
     SenderName: (props: {
@@ -935,13 +1243,16 @@ export declare const IncomingMessageLayout: {
         component: ({ sender, isBotMessage, }: Pick<IncomingMessageProps, "sender" | "isBotMessage">) => JSX.Element;
     }) => null;
     SentTime: (props: {
-        component: ({ createdAt }: Pick<IncomingMessageProps, "createdAt">) => JSX.Element | null;
+        component: ({ createdAt, containerStyle }: IncomingMessageProps & {
+            containerStyle?: ViewStyle;
+        }) => JSX.Element | null;
     }) => null;
     MessageBody: (props: {
-        component: (props: IncomingMessageBodyProps) => JSX.Element | null;
+        component: (props: IncomingMessageBodyProps) => JSX.Element;
     }) => null;
     TypingIndicator: (props: {
-        component: ({ customStyle }: IncomingMessageProps & {
+        component: ({ customStyle, containerStyle }: IncomingMessageProps & {
+            containerStyle?: ViewStyle;
             customStyle?: {
                 bubbleContentColor?: string;
                 bubbleBackgroundColor?: string;
@@ -968,7 +1279,14 @@ export declare const IncomingMessageLayout: {
         component: ({ extendedMessagePayload, onClickCitation, }: IncomingMessageProps) => ReactNode;
     }) => null;
     Form: (props: {
-        component: (props: IncomingMessageProps) => ReactNode;
+        component: (props: IncomingMessageProps & {
+            containerStyle?: ViewStyle;
+        }) => ReactNode;
+    }) => null;
+    Feedback: (props: {
+        component: ({ isBotMessage, isConversationClosed, isStreaming, isFeedbackEnabled, isFeedbackCommentEnabled, extendedMessagePayload, onFeedbackUpdate, containerStyle, }: IncomingMessageProps & {
+            containerStyle?: ViewStyle;
+        }) => ReactNode;
     }) => null;
 };
 
@@ -998,6 +1316,7 @@ declare type InputState = {
     | 'ai_responding'
     | 'conversation_closed'
     | 'suggested_replies'
+    | 'reconnecting'
     | (string & {});
 };
 
@@ -1060,14 +1379,6 @@ declare interface MediaFile {
     height?: number;
 }
 
-/** Picker options */
-declare interface MediaPickerOptions {
-    /** Allow multiple file selection */
-    multiple?: boolean;
-    /** Filter by MIME types (e.g., ['image/jpeg', 'image/png', 'application/pdf']) */
-    mimeTypes?: string[];
-}
-
 /**
  * @description
  * - single: The message is standalone (not grouped with adjacent messages).
@@ -1100,16 +1411,16 @@ declare interface MessageTemplateShapeAtom {
     variables?: Record<string, any>;
 }
 
-declare type MessageType = OutgoingMessageProps['messageType'];
+declare type MessageType = IncomingMessageProps['messageType'];
 
-declare type MessageType_2 = IncomingMessageProps['messageType'];
+declare type MessageType_2 = OutgoingMessageProps['messageType'];
 
 declare interface MessengerSessionCache {
     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 {
@@ -1129,6 +1440,8 @@ declare interface MessengerSettingsResponse {
         is_special_notice_enabled: boolean;
         show_handoff_button: boolean;
         is_multiple_active_conversations_enabled: boolean;
+        is_user_feedback_enabled: boolean;
+        is_user_feedback_comment_option_enabled: boolean;
     };
     appearance: {
         selected_theme: 'light' | 'dark';
@@ -1157,6 +1470,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 MMKVModule = MMKV;
@@ -1196,27 +1515,27 @@ declare type MultiSelectField = {
 /** Configuration for NativeAdapter */
 declare interface NativeAdapterConfig {
     mmkv: MMKVModule;
-    imagePicker: ExpoImagePickerModule | CommunityImagePickerModule;
-    documentPicker: ExpoDocumentPickerModule | CommunityDocumentPickerModule;
-}
-
-/** Methods available from useNativeAdapterContext() */
-declare interface NativeAdapterContextValue {
     /**
-     * Launch camera to capture a photo
-     * @returns Array with single MediaFile, or null if cancelled
+     * Optional: Image picker module for camera and gallery functionality.
+     * Can be omitted if attachment features are not used.
+     * Supports expo-image-picker or react-native-image-picker.
      */
-    captureCamera: (options?: MediaPickerOptions) => Promise<MediaFile[] | null>;
+    imagePicker?: ExpoImagePickerModule | CommunityImagePickerModule;
     /**
-     * Select photos from gallery
-     * @returns Array of MediaFiles, or null if cancelled
+     * Optional: Document picker module for file selection.
+     * Can be omitted if attachment features are not used.
+     * Supports expo-document-picker or @react-native-documents/picker.
      */
-    selectFromGallery: (options?: MediaPickerOptions) => Promise<MediaFile[] | null>;
+    documentPicker?: ExpoDocumentPickerModule | CommunityDocumentPickerModule;
     /**
-     * Select files from file picker
-     * @returns Array of MediaFiles, or null if cancelled
+     * Optional: react-native-permissions module.
+     * Only required when using react-native-image-picker (Community version).
      */
-    selectFile: (options?: MediaPickerOptions) => Promise<MediaFile[] | null>;
+    permissions?: RNPermissionsModule;
+}
+
+/** Methods available from useNativeAdapterContext() */
+declare interface NativeAdapterContextValue extends ImagePickerAdapter, DocumentPickerAdapter {
     /**
      * Key-value storage interface
      */
@@ -1234,6 +1553,13 @@ declare interface NativeAdapterProviderProps {
     children: ReactNode | ((context: NativeAdapterContextValue) => ReactNode);
 }
 
+declare interface NetworkStateAdapter {
+    /** Returns true if network is currently online */
+    isOnline: () => boolean;
+    /** Subscribe to network state changes. Returns unsubscribe function. */
+    subscribe: (callback: (isOnline: boolean) => void) => () => void;
+}
+
 declare type NumberField = {
     key: string;
     type: 'number';
@@ -1257,9 +1583,11 @@ BaseMessageProps<{
     };
 
     sendingStatus: 'pending' | 'failed' | 'succeeded' | 'canceled' | 'scheduled';
+    onClickFailedMessage?: () => void;
 }>;
 
-declare type OutgoingMessageBodyProps<T extends MessageType = MessageType> = OutgoingMessageProps<T> & {
+declare type OutgoingMessageBodyProps<T extends MessageType_2 = MessageType_2> = OutgoingMessageProps<T> & {
+    containerStyle?: ViewStyle;
     customStyle?: {
         bubbleContentColor?: string;
         bubbleBackgroundColor?: string;
@@ -1271,8 +1599,12 @@ export declare const OutgoingMessageLayout: {
     defaults: {
         template: ComponentType<OutgoingMessageProps>;
         components: {
-            SendingStatus: ({ sendingStatus }: OutgoingMessageProps) => ReactNode;
-            SentTime: ({ createdAt }: OutgoingMessageProps) => ReactNode;
+            SendingStatus: ({ sendingStatus, containerStyle }: OutgoingMessageProps<"file" | "user"> & {
+                containerStyle?: ViewStyle;
+            }) => ReactNode;
+            SentTime: ({ createdAt, containerStyle }: OutgoingMessageProps<"file" | "user"> & {
+                containerStyle?: ViewStyle;
+            }) => ReactNode;
             MessageBody: (props: OutgoingMessageBodyProps) => ReactNode;
         };
     };
@@ -1281,24 +1613,36 @@ export declare const OutgoingMessageLayout: {
         children?: ReactNode;
     }) => JSX.Element;
     Context: Context<LayoutContextValue<    {
-    SendingStatus: ({ sendingStatus }: OutgoingMessageProps) => ReactNode;
-    SentTime: ({ createdAt }: OutgoingMessageProps) => ReactNode;
+    SendingStatus: ({ sendingStatus, containerStyle }: OutgoingMessageProps<"file" | "user"> & {
+    containerStyle?: ViewStyle;
+    }) => ReactNode;
+    SentTime: ({ createdAt, containerStyle }: OutgoingMessageProps<"file" | "user"> & {
+    containerStyle?: ViewStyle;
+    }) => ReactNode;
     MessageBody: (props: OutgoingMessageBodyProps) => ReactNode;
     }, OutgoingMessageProps>>;
     useContext: () => LayoutContextValue<    {
-    SendingStatus: ({ sendingStatus }: OutgoingMessageProps) => ReactNode;
-    SentTime: ({ createdAt }: OutgoingMessageProps) => ReactNode;
+    SendingStatus: ({ sendingStatus, containerStyle }: OutgoingMessageProps<"file" | "user"> & {
+    containerStyle?: ViewStyle;
+    }) => ReactNode;
+    SentTime: ({ createdAt, containerStyle }: OutgoingMessageProps<"file" | "user"> & {
+    containerStyle?: ViewStyle;
+    }) => ReactNode;
     MessageBody: (props: OutgoingMessageBodyProps) => ReactNode;
     }, OutgoingMessageProps>;
 } & {
     SentTime: (props: {
-        component: ({ createdAt }: OutgoingMessageProps) => ReactNode;
+        component: ({ createdAt, containerStyle }: OutgoingMessageProps<"file" | "user"> & {
+            containerStyle?: ViewStyle;
+        }) => ReactNode;
     }) => null;
     MessageBody: (props: {
         component: (props: OutgoingMessageBodyProps) => ReactNode;
     }) => null;
     SendingStatus: (props: {
-        component: ({ sendingStatus }: OutgoingMessageProps) => ReactNode;
+        component: ({ sendingStatus, containerStyle }: OutgoingMessageProps<"file" | "user"> & {
+            containerStyle?: ViewStyle;
+        }) => ReactNode;
     }) => null;
 };
 
@@ -1373,6 +1717,12 @@ 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 PositionHorizontal = 'start' | 'end';
+
+declare type PositionVertical = 'top' | 'bottom';
+
+declare type RNPermissionsModule = typeof RNPermissions;
+
 declare type SingleSelectField = {
     key: string;
     type: 'single-select';
@@ -1393,6 +1743,9 @@ declare type StringSet = {
         attachment_camera: string;
         attachment_photo: string;
         attachment_document: string;
+        file_upload_notification_count_limit: (count: number) => string;
+        file_upload_notification_size_limit: (sizeInMB: number) => string;
+        file_upload_not_supported_file: string;
     };
     conversation_list: AIAgentStringSet['conversation_list'] & {
         footer_title: string;
@@ -1401,6 +1754,7 @@ declare type StringSet = {
     csat: AIAgentStringSet['csat'] & {};
     form: AIAgentStringSet['form'] & {};
     common: AIAgentStringSet['common'] & {};
+    feedback: AIAgentStringSet['feedback'] & {};
 };
 
 declare type SystemBaseMessageProps<T> = T & BaseMessageProps<{}>;