UNPKG

@cometchat/chat-uikit-vue

Version:

Ready-to-use Chat UI Components for Vue(Javascript/Web)

188 lines (187 loc) 7.9 kB
import { PropType, Ref } from "vue"; import { CometChat } from "@cometchat/chat-sdk-javascript"; import { getBotChatContainerStyle, getBotChatHeaderStyle, getSendButtonStyle, getCloseButtonStyle, getMessageBubbleStyle, textInputStyle, getAvatarStyle, getBotBackgroundStyle, getMessageListFooterStyle } from "./style"; import { getBubbleAlignment, getContentView, getBubbleFooterView } from "./utils"; import { AIAssistBotConfiguration, AIAssistBotStyle } from "@cometchat/uikit-shared"; import { CometChatTheme, States } from "@cometchat/uikit-resources"; declare const _sfc_main: import("vue").DefineComponent<{ configuration: { type: PropType<AIAssistBotConfiguration>; default: AIAssistBotConfiguration; }; bot: { type: PropType<import("@cometchat/chat-sdk-javascript").User>; default: () => import("@cometchat/chat-sdk-javascript").User; }; sender: { type: PropType<import("@cometchat/chat-sdk-javascript").User>; default: () => import("@cometchat/chat-sdk-javascript").User; }; messageSendCallBack: { type: PropType<(message: string, bot: CometChat.User) => Promise<string>>; }; closeCallBack: { type: PropType<() => void>; }; }, { assistBotStyle: Ref<{ titleFont?: string; titleColor?: string; optionTitleFont?: string; optionTitleColor?: string; subtitleFont?: string; subtitleColor?: string; closeIconTint?: string; backIconTint?: string; sendIconTint?: string; buttonTextColor?: string; buttonTextFont?: string; buttonBackground?: string; loadingIconTint?: string; emptyIconTint?: string; errorIconTint?: string; height?: string; width?: string; border?: string; borderRadius?: string; background?: string; }>; theme: Ref<CometChatTheme>; botMessageBubbleStyle: Ref<{ textFont?: string; textColor?: string; height?: string; width?: string; border?: string; borderRadius?: string; background?: string; }>; senderMessageBubbleStyle: Ref<{ textFont?: string; textColor?: string; height?: string; width?: string; border?: string; borderRadius?: string; background?: string; }>; botFirstMessage: Ref<string>; messages: Ref<{ getSender: () => import("@cometchat/chat-sdk-javascript").User; getReceiver: () => import("@cometchat/chat-sdk-javascript").User | import("@cometchat/chat-sdk-javascript").Group; getMetadata: () => Object; setMetadata: (value: Object) => void; getData: () => any; setData: (value: any) => void; getText: () => string; setText: (text: string) => void; setProcessedText: (text: string) => void; getProcessedText: () => string; getTags: () => String[]; setTags: (tags: String[]) => void; getUnreadRepliesCount: () => number; setUnreadRepliesCount: (value: number) => void; getId: () => number; setId: (value: number) => void; getConversationId: () => string; setConversationId: (value: string) => void; getParentMessageId: () => number; setParentMessageId: (value: number) => void; getMuid: () => string; setMuid: (value: string) => void; setSender: (value: import("@cometchat/chat-sdk-javascript").User) => void; setReceiver: (value: import("@cometchat/chat-sdk-javascript").User | import("@cometchat/chat-sdk-javascript").Group) => void; getReceiverId: () => string; setReceiverId: (value: string) => void; getType: () => string; setType: (value: string) => void; getReceiverType: () => string; setReceiverType: (value: string) => void; getSentAt: () => number; setSentAt: (value: number) => void; getStatus: () => string; setStatus: (value: string) => void; getDeliveredAt: () => number; setDeliveredAt: (deliveredAt: number) => void; getDeliveredToMeAt: () => number; setDeliveredToMeAt: (deliveredToMeAt: number) => void; getReadAt: () => number; setReadAt: (readAt: number) => void; getReadByMeAt: () => number; setReadByMeAt: (readByMeAt: number) => void; getCategory: () => import("@cometchat/chat-sdk-javascript").MessageCategory; setCategory: (category: import("@cometchat/chat-sdk-javascript").MessageCategory) => void; getEditedAt: () => number; setEditedAt: (editedAt: number) => void; getEditedBy: () => string; setEditedBy: (editedBy: string) => void; getDeletedAt: () => number; setDeletedAt: (deletedAt: number) => void; getDeletedBy: () => string; setDeletedBy: (deletedBy: string) => void; getReplyCount: () => number; setReplyCount: (value: number) => void; getRawMessage: () => Object; setRawMessage: (rawMessage: Object) => void; setMentionedUsers: (mentionedUsers: import("@cometchat/chat-sdk-javascript").User[]) => void; getMentionedUsers: () => import("@cometchat/chat-sdk-javascript").User[]; setHasMentionedMe: (hasMentionedMe: boolean) => void; hasMentionedMe: () => boolean; setReactions: (reactions: any) => import("@cometchat/chat-sdk-javascript").ReactionCount[]; getReactions: () => import("@cometchat/chat-sdk-javascript").ReactionCount[]; }[]>; subtitleText: any; States: typeof States; inputText: Ref<string>; textInputStyle: typeof textInputStyle; sendIconUrl: string; closeIconURL: string; onMessageSendClick: () => void; scrollBottom: Ref<boolean>; messageInputRef: any; triggerClose: () => void; getBotChatContainerStyle: typeof getBotChatContainerStyle; getBotChatHeaderStyle: typeof getBotChatHeaderStyle; getCloseButtonStyle: typeof getCloseButtonStyle; getMessageBubbleStyle: typeof getMessageBubbleStyle; getBubbleAlignment: typeof getBubbleAlignment; getContentView: typeof getContentView; getBubbleFooterView: typeof getBubbleFooterView; getSendButtonStyle: typeof getSendButtonStyle; onComposerEditTextChange: (event: CustomEvent) => void; getAvatarStyle: typeof getAvatarStyle; getBotBackgroundStyle: typeof getBotBackgroundStyle; getMessageListFooterStyle: typeof getMessageListFooterStyle; getBotTitleStyle: (style: AIAssistBotStyle, theme: CometChatTheme) => { font: string; color: string; }; getBotSubtitleStyle: (style: AIAssistBotStyle, theme: CometChatTheme) => { font: string; color: string; }; }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{ configuration: { type: PropType<AIAssistBotConfiguration>; default: AIAssistBotConfiguration; }; bot: { type: PropType<import("@cometchat/chat-sdk-javascript").User>; default: () => import("@cometchat/chat-sdk-javascript").User; }; sender: { type: PropType<import("@cometchat/chat-sdk-javascript").User>; default: () => import("@cometchat/chat-sdk-javascript").User; }; messageSendCallBack: { type: PropType<(message: string, bot: CometChat.User) => Promise<string>>; }; closeCallBack: { type: PropType<() => void>; }; }>>, { sender: import("@cometchat/chat-sdk-javascript").User; configuration: AIAssistBotConfiguration; bot: import("@cometchat/chat-sdk-javascript").User; }, {}>; export default _sfc_main;