import { IMessage, IWebchatQuickReply as QuickReply, IWebchatTemplateAttachment as TemplateAttachment, IWebchatAudioAttachment as AudioAttachment, IWebchatImageAttachment as ImageAttachment, IWebchatVideoAttachment as VideoAttachment } from '@cognigy/socket-client';
import { Component } from 'vue';
/**
 * Parameters about the current message state in the conversation.
 * Used to control interactive element behavior (e.g., disabling quick replies after user reply).
 */
export interface MessageParams {
    /** Whether the user has already replied to this message (disables quick reply buttons) */
    hasReply?: boolean;
    /** Whether the conversation has ended (disables all interactive elements) */
    isConversationEnded?: boolean;
}
/**
 * Extended IMessage with streaming animation state.
 * Used with progressive message rendering to conditionally show/hide elements
 * based on whether the message is still being streamed.
 */
export interface IStreamingMessage extends IMessage {
    animationState?: 'start' | 'animating' | 'done';
}
/**
 * Extended IMessage with optional runtime properties not in base interface.
 * The socket-client IMessage doesn't include 'id', but it may be present at runtime.
 */
export interface IMessageWithId extends IMessage {
    id?: string;
}
/**
 * Type guard to check if a message has an id property
 */
export declare function hasMessageId(message: IMessage): message is IMessageWithId & {
    id: string;
};
/**
 * Get message ID with fallback to timestamp-based ID
 */
export declare function getMessageId(message: IMessage): string;
/**
 * Adaptive card payload structure.
 * Used for type narrowing when accessing adaptive card data from message payloads.
 */
export interface IAdaptiveCardPayload {
    adaptiveCard: unknown;
}
/**
 * Type guard to check if a payload contains an adaptive card
 */
export declare function isAdaptiveCardPayload(payload: unknown): payload is IAdaptiveCardPayload;
declare global {
    interface Window {
        /** Test-only: Message ID for component testing */
        __TEST_MESSAGE_ID__?: string;
    }
}
/**
 * Configuration for the chat components
 * Mirrors IWebchatConfig from React version
 */
export interface ChatConfig {
    active?: boolean;
    URLToken?: string;
    initialSessionId?: string;
    settings?: ChatSettings;
    isConfigLoaded?: boolean;
    isTimedOut?: boolean;
}
export interface ChatSettings {
    layout?: {
        title?: string;
        logoUrl?: string;
        botAvatarName?: string;
        botLogoUrl?: string;
        agentAvatarName?: string;
        agentLogoUrl?: string;
        disableHtmlContentSanitization?: boolean;
        enableGenericHTMLStyling?: boolean;
        disableBotOutputBorder?: boolean;
        botOutputMaxWidthPercentage?: number;
        disableUrlButtonSanitization?: boolean;
        dynamicImageAspectRatio?: boolean;
        showEngagementInChat?: boolean;
        /**
         * Gallery layout variant:
         * - 'default': Standard gallery with 206px wide slides
         * - 'compact': Narrower slides with smaller navigation buttons
         * - 'copilot': Adaptive sizing based on card count (1-card, 2-card, 3+ layouts)
         */
        galleryVariant?: 'default' | 'compact' | 'copilot';
    };
    colors?: {
        primaryColor?: string;
        primaryColorHover?: string;
        primaryColorFocus?: string;
        primaryColorDisabled?: string;
        primaryContrastColor?: string;
        secondaryColor?: string;
        botMessageColor?: string;
        botMessageContrastColor?: string;
        userMessageColor?: string;
        userMessageContrastColor?: string;
        agentMessageColor?: string;
        agentMessageContrastColor?: string;
        borderBotMessage?: string;
        borderUserMessage?: string;
        borderAgentMessage?: string;
        borderMediaCard?: string;
        listDividerColor?: string;
        textLinkColor?: string;
        adaptiveCardTextColor?: string;
        adaptiveCardInputColor?: string;
        adaptiveCardInputBackground?: string;
        adaptiveCardInputBorder?: string;
        filePreviewBackground?: string;
        filePreviewTextColor?: string;
        filePreviewSecondaryTextColor?: string;
        chatEventBackground?: string;
        chatEventTextColor?: string;
        messageShadow?: string;
    };
    behavior?: {
        renderMarkdown?: boolean;
        enableTypingIndicator?: boolean;
        messageDelay?: number;
        collateStreamedOutputs?: boolean;
        focusInputAfterPostback?: boolean;
        /**
         * Controls adaptive card interactivity.
         * - `true`: All cards are readonly (presentation only), regardless of submitted data
         * - `false` or `undefined`: Smart default - readonly only if card has submitted data
         *
         * Use `true` for chat history/transcript displays where no interaction is needed.
         * Use `false`/omit for interactive chat interfaces with smart auto-detection.
         */
        adaptiveCardsReadonly?: boolean;
        /**
         * When true, buttons/quick replies are hidden while a message is still being streamed.
         * Works with IStreamingMessage.animationState to delay showing interactive elements
         * until the text animation is complete.
         */
        progressiveMessageRendering?: boolean;
    };
    widgetSettings?: {
        enableDefaultPreview?: boolean;
        enableStrictMessengerSync?: boolean;
        customAllowedHtmlTags?: string[];
        enableAutoFocus?: boolean;
        disableRenderURLsAsLinks?: boolean;
        disableTextInputSanitization?: boolean;
        sourceDirectionMapping?: {
            user?: 'incoming' | 'outgoing';
            bot?: 'incoming' | 'outgoing';
            agent?: 'incoming' | 'outgoing';
        };
    };
    customTranslations?: {
        ariaLabels?: {
            messageHeader?: {
                user?: string;
                bot?: string;
                timestamp?: string;
            };
            opensInNewTab?: string;
            actionButtonPositionText?: string;
            viewImageInFullsize?: string;
            fullSizeImageViewerTitle?: string;
            downloadFullsizeImage?: string;
            closeFullsizeImageModal?: string;
            playAudio?: string;
            pauseAudio?: string;
            audioPlaybackProgress?: string;
            audioTimeRemaining?: string;
            downloadTranscript?: string;
            playVideo?: string;
            slide?: string;
            [key: string]: any;
        };
        [key: string]: any;
    };
}
/**
 * Theme configuration
 */
export interface ChatTheme {
    primaryColor?: string;
    primaryColorHover?: string;
    secondaryColor?: string;
    backgroundBotMessage?: string;
    backgroundUserMessage?: string;
    textDark?: string;
    textLight?: string;
    fontFamily?: string;
    /** Base font size for text scaling. All text sizes scale proportionally from this value. Default: '14px' */
    fontSize?: string;
}
/**
 * Message sender callback type.
 * The data parameter uses Record<string, any> because it passes through
 * unchanged to @cognigy/socket-client - shape is determined by backend.
 */
export type MessageSender = (text?: string, data?: Record<string, any> | null, options?: Partial<SendMessageOptions>) => void;
export interface SendMessageOptions {
    label: string;
    collate: boolean;
}
/**
 * Custom icon for action buttons.
 * Can be a Vue component or a string identifier.
 */
export type CustomIcon = Component | string;
/**
 * Analytics event data passed to analytics callbacks.
 * Shape varies by event type, so we use Record<string, any> for flexibility.
 */
export type AnalyticsEventData = Record<string, any>;
/**
 * Callback for emitting analytics events from components.
 */
export type AnalyticsEventCallback = (event: string, data?: AnalyticsEventData) => void;
/**
 * Props for the Message component
 */
export interface MessageProps {
    message: IMessage;
    action?: MessageSender;
    config?: ChatConfig;
    theme?: ChatTheme;
    prevMessage?: IMessage;
    disableHeader?: boolean;
    plugins?: MessagePlugin[];
    onEmitAnalytics?: (event: string, payload?: unknown) => void;
    /** Conversation state parameters (hasReply, isConversationEnded) */
    messageParams?: MessageParams;
    /** Callback to open an xApp overlay (for openXApp button type) */
    openXAppOverlay?: (url: string | undefined) => void;
    /** Callback when gallery slide changes — receives (activeIndex, totalSlides) */
    onSlideChange?: (index: number, total: number) => void;
    /** Callback when an image is clicked — receives the image URL */
    onImageClick?: (url: string) => void;
}
/**
 * Options for match rules and plugins
 */
export interface MatchRuleOptions {
    /** If true, continue matching after this rule (allows multiple components) */
    passthrough?: boolean;
    /** Render component in fullscreen mode */
    fullscreen?: boolean;
    /** Render component at full width */
    fullwidth?: boolean;
}
/**
 * Internal match rule used by the matcher system.
 * These define which message types map to which internal components.
 * Components are resolved by name lookup in Message.vue.
 */
export interface MatchRule {
    /** Unique name identifying this rule (maps to component in Message.vue) */
    name: string;
    /** Function to determine if this rule matches a message */
    match: (message: IMessage, config?: ChatConfig) => boolean;
    /** Optional rule behavior settings */
    options?: MatchRuleOptions;
}
/**
 * External message plugin for custom message types.
 * Users provide these to handle custom message formats.
 */
export interface MessagePlugin extends MatchRule {
    /** Vue component to render for matched messages (required for external plugins) */
    component: Component;
}
/**
 * Union type for matcher results - can be internal rule or external plugin
 */
export type MatchResult = MatchRule | MessagePlugin;
/**
 * Type guard to check if a match result is an external plugin with a component
 */
export declare function isMessagePlugin(rule: MatchResult): rule is MessagePlugin;
/**
 * Check if a value is a valid Vue component (not null/undefined/empty)
 */
export declare function isValidComponent(component: unknown): component is Component;
/** @deprecated Use MatchRuleOptions instead */
export type MessagePluginOptions = MatchRuleOptions;
/**
 * Context provided to message components
 */
export interface MessageContext {
    message: IMessage;
    config?: ChatConfig;
    theme?: ChatTheme;
    action?: MessageSender;
    onEmitAnalytics?: (event: string, payload?: unknown) => void;
    /** Conversation state parameters (hasReply, isConversationEnded) */
    messageParams?: MessageParams;
    /** Callback to open an xApp overlay (for openXApp button type) */
    openXAppOverlay?: (url: string | undefined) => void;
    /** Callback when gallery slide changes — receives (activeIndex, totalSlides) */
    onSlideChange?: (index: number, total: number) => void;
    /** Callback when an image is clicked — receives the image URL */
    onImageClick?: (url: string) => void;
}
/**
 * DatePicker plugin data interface
 */
export interface IDatePickerData {
    openPickerButtonText?: string;
    submitButtonText?: string;
    eventName?: string;
    dateFormat?: string;
    defaultDate?: string;
    minDate?: string;
    maxDate?: string;
    mode?: 'single' | 'multiple' | 'range';
    enableTime?: boolean;
    time_24hr?: boolean;
    noCalendar?: boolean;
    weekNumbers?: boolean;
    locale?: string;
    enable_disable?: string[];
    function_enable_disable?: string;
    wantDisable?: boolean;
    defaultHour?: number;
    defaultMinute?: number;
    hourIncrement?: number;
    minuteIncrement?: number;
}
/**
 * Export types from @cognigy/socket-client for convenience
 */
export type { IMessage } from '@cognigy/socket-client';
export type { IWebchatButton, IWebchatQuickReply, IWebchatTemplateAttachment, IWebchatAttachmentElement, IWebchatAudioAttachment, IWebchatImageAttachment, IWebchatVideoAttachment, IUploadFileAttachmentData, } from '@cognigy/socket-client';
/**
 * Webchat channel payload structure
 * This is the shape of _webchat, _facebook, or _defaultPreview in message.data._cognigy
 */
export interface IWebchatChannelPayload {
    message?: {
        text?: string;
        quick_replies?: QuickReply[];
        attachment?: TemplateAttachment | AudioAttachment | ImageAttachment | VideoAttachment;
    };
    adaptiveCard?: Record<string, unknown>;
    /** Submitted adaptive card data */
    adaptiveCardData?: Record<string, unknown>;
    data?: Record<string, unknown>;
    formData?: Record<string, unknown>;
}
/**
 * Cognigy message data structure
 * Shape of message.data._cognigy
 */
export interface ICognigyData {
    _webchat?: IWebchatChannelPayload;
    _defaultPreview?: IWebchatChannelPayload;
    _facebook?: IWebchatChannelPayload;
}
/**
 * Plugin payload structure for custom message types
 */
export interface IPluginPayload {
    type?: string;
    payload?: Record<string, unknown>;
}
/**
 * Extended message data with Cognigy-specific fields
 * Use this when accessing message.data with Cognigy payload structures
 */
export interface IMessageDataExtended {
    _cognigy?: ICognigyData;
    _plugin?: IPluginPayload;
    /** Adaptive card submission request data */
    request?: {
        value?: Record<string, unknown>;
    };
    /** Direct adaptive card data fields (fallback locations) */
    adaptiveCardData?: Record<string, unknown>;
    data?: Record<string, unknown>;
    formData?: Record<string, unknown>;
}