chatkitty
Version:
A powerful tool for integrating chat features into your web applications.
1,465 lines (1,450 loc) • 42.2 kB
TypeScript
declare class ChatKittyFile {
type: string;
url: string;
name: string;
contentType: string;
size: number;
}
declare class Emoji {
character: string;
description: string;
aliases: string[];
tags: string[];
}
interface BaseUser {
id: number;
name: string;
displayName: string;
displayPictureUrl: string;
isGuest: boolean;
presence: UserPresence;
properties: any;
}
declare class UserPresence {
status: string;
online: boolean;
}
declare type User = BaseUser & {
/** @internal */
_relays: UserRelays;
};
declare class UserRelays {
self: string;
channelMember: string;
}
declare class ReactionSummary {
emoji: Emoji;
users: User[];
count: number;
}
declare type Message = SystemMessage | UserMessage;
declare type SystemMessage = TextSystemMessage | FileSystemMessage;
declare type UserMessage = TextUserMessage | FileUserMessage;
interface BaseMessage {
id: number;
type: string;
channelId: number;
nestedLevel?: number;
createdTime: string;
groupTag?: string;
reactions?: ReactionSummary[];
repliesCount?: number;
reportCount?: number;
properties: unknown;
/** @internal */
_relays: MessageRelays;
/** @internal */
_actions: MessageActions;
/** @internal */
_streams: MessageStreams;
}
declare type BaseTextMessage = BaseMessage & {
body: string;
links: MessageLink[];
mentions?: MessageMention[];
};
declare type BaseFileMessage = BaseMessage & {
file: ChatKittyFile;
};
declare type BaseUserMessage = BaseMessage & {
user: User;
};
declare type TextSystemMessage = BaseTextMessage & {
type: 'SYSTEM_TEXT';
};
declare type FileSystemMessage = BaseFileMessage & {
type: 'SYSTEM_FILE';
};
declare type TextUserMessage = BaseTextMessage & BaseUserMessage & {
type: 'TEXT';
};
declare type FileUserMessage = BaseFileMessage & BaseUserMessage & {
type: 'FILE';
};
declare class MessageLink {
source: string;
startPosition: number;
endPosition: number;
preview?: MessageLinkPreview;
}
declare class MessageLinkPreview {
url: string;
title: string;
image: MessageLinkPreviewImage;
description?: string;
siteName?: string;
}
declare class MessageLinkPreviewImage {
source: string;
}
declare type MessageMention = ChannelMessageMention | UserMessageMention;
interface BaseMessageMention {
type: string;
tag: string;
startPosition: number;
endPosition: number;
}
declare type ChannelMessageMention = BaseMessageMention & {
channel: Channel;
};
declare type UserMessageMention = BaseMessageMention & {
user: User;
};
declare class MessageRelays {
self: string;
channel: string;
parent?: string;
readReceipts: string;
repliesCount: string;
reportCount: string;
replies: string;
reactions: string;
reports: string;
}
declare class MessageActions {
read: string;
unread: string;
reply: string;
deleteForMe: string;
delete: string;
react: string;
edit: string;
report: string;
removeReport: string;
removeReaction: string;
updateProperties: string;
}
declare class MessageStreams {
replies: string;
}
declare type Channel = DirectChannel | PublicChannel | PrivateChannel;
interface BaseChannel {
id: number;
name: string;
creator?: User;
lastReceivedMessage?: Message;
createdTime: string;
properties: any;
/** @internal */
_relays: ChannelRelays;
/** @internal */
_topics: ChannelTopics;
/** @internal */
_actions: ChannelActions;
/** @internal */
_streams: ChannelStreams;
}
interface GroupChannel extends BaseChannel {
displayName: string;
}
declare type DirectChannel = BaseChannel & {
type: 'DIRECT';
members: User[];
};
declare type PublicChannel = GroupChannel & {
type: 'PUBLIC';
};
declare type PrivateChannel = GroupChannel & {
type: 'PRIVATE';
};
declare class ChannelRelays {
self: string;
context: string;
messages: string;
messagesCount: string;
lastReceivedMessage: string;
lastReadMessage: string;
unread: string;
members: string;
threads: string;
calls: string;
}
declare class ChannelTopics {
self: string;
messages: string;
keystrokes: string;
typing: string;
participants: string;
readReceipts: string;
reactions: string;
events: string;
}
declare class ChannelActions {
message: string;
keystrokes: string;
join?: string;
leave?: string;
addModerator?: string;
invite?: string;
read: string;
mute: string;
call: string;
triggerEvent: string;
update: string;
delete: string;
clearHistory: string;
hide: string;
createThread: string;
}
declare class ChannelStreams {
messages: string;
}
declare type CurrentUser = BaseUser & {
/** @internal */
_relays: CurrentUserRelays;
/** @internal */
_topics: CurrentUserTopics;
/** @internal */
_actions: CurrentUserActions;
/** @internal */
_streams: CurrentUserStreams;
};
declare class CurrentUserRelays {
self: string;
readFileAccessGrant: string;
writeFileAccessGrant: string;
channelsCount: string;
channels: string;
messages: string;
joinableChannels: string;
unreadChannelsCount: string;
unreadChannels: string;
unreadMessagesCount: string;
contactsCount: string;
contacts: string;
userBlockedRecords: string;
}
declare class CurrentUserTopics {
self: string;
elements: string;
features: string;
styles: string;
channels: string;
messages: string;
readReceipts: string;
notifications: string;
contacts: string;
participants: string;
users: string;
reactions: string;
threads: string;
calls: string;
}
declare class CurrentUserActions {
update: string;
createChannel: string;
updateDisplayPicture: string;
}
declare class CurrentUserStreams {
displayPicture: string;
}
declare type Notification = SystemSentMessageNotification | UserSentMessageNotification | UserRepliedToMessageNotification | UserMentionedNotification | UserMentionedChannelNotification;
interface BaseNotification {
id: number;
title: string;
body: string;
channel: Channel | null;
data: unknown;
muted: boolean;
createdTime: string;
readTime: string | null;
}
declare type SystemSentMessageNotification = BaseNotification & {
data: SystemSentMessageNotificationData;
};
declare type UserSentMessageNotification = BaseNotification & {
data: UserSentMessageNotificationData;
};
declare type UserRepliedToMessageNotification = BaseNotification & {
data: UserRepliedToMessageNotificationData;
};
declare type UserMentionedNotification = BaseNotification & {
data: UserMentionedNotificationData;
};
declare type UserMentionedChannelNotification = BaseNotification & {
data: UserMentionedChannelNotificationData;
};
declare abstract class NotificationData {
type: string;
recipient: User;
}
declare class SystemSentMessageNotificationData extends NotificationData {
message: Message;
}
declare class UserSentMessageNotificationData extends NotificationData {
message: Message;
}
declare class UserRepliedToMessageNotificationData extends NotificationData {
message: Message;
parent: Message;
}
declare class UserMentionedNotificationData extends NotificationData {
message: Message;
}
declare class UserMentionedChannelNotificationData extends NotificationData {
message: Message;
}
/**
* JSON schema for configuring the ChatKitty Chat UI theme options. It's designed to be intuitive and easy to understand for front-end developers, designers, and product managers alike.
*/
interface ChatUIThemeStylingOptions {
$version: "0.0.2";
/**
* The base theme to use for the Chat UI. This will be used as the default theme for all components.
*/
"base-theme": "light" | "dark";
/**
* A custom stylesheet to be applied across the Chat UI. This will be applied after the base theme and component overrides.
*/
stylesheet?: string;
/**
* Overrides for specific components. These will override the base theme for the specified component.
*/
overrides?: {
/**
* General overrides for all components.
*/
general?: {
/**
* Text overrides for all components.
*/
text?: {
/**
* The color of text.
*/
color?: string;
};
/**
* Button overrides for all components.
*/
button?: {
/**
* Clear button overrides for all components.
*/
clear?: {
/**
* The color of the clear button.
*/
color?: string;
};
/**
* The default color of buttons.
*/
color?: string;
/**
* The default background color of buttons.
*/
"background-color"?: string;
};
/**
* Text input overrides for all components.
*/
input?: {
/**
* The background color of text inputs.
*/
"background-color"?: string;
/**
* Input placeholder text overrides for all components.
*/
placeholder?: {
/**
* The color of placeholder text.
*/
color?: string;
};
/**
* Text input caret overrides for all components.
*/
caret?: {
/**
* The color of the caret.
*/
color?: string;
};
};
/**
* Spinner overrides for all components.
*/
spinner?: {
/**
* The color of spinners.
*/
color?: string;
};
/**
* Border overrides for all components.
*/
border?: {
/**
* The CSS style of borders.
*/
style?: string;
};
};
/**
* Chat container overrides.
*/
container?: {
/**
* Chat container border overrides.
*/
border?: {
/**
* The CSS style of chat container borders.
*/
style?: string;
/**
* The CSS radius of chat container borders.
*/
radius?: string;
};
/**
* The CSS box shadow of chat containers.
*/
"box-shadow"?: string;
};
/**
* Chat header overrides.
*/
header?: {
/**
* The background color of chat headers.
*/
"background-color"?: string;
/**
* Chat header channel overrides.
*/
channel?: {
name?: {
/**
* The color of chat header channel names.
*/
color?: string;
};
description?: {
/**
* The color of chat header channel descriptions.
*/
color?: string;
};
};
};
/**
* Chat footer overrides.
*/
footer?: {
/**
* The background color of chat footers.
*/
"background-color"?: string;
/**
* Chat footer input overrides.
*/
input?: {
/**
* Chat footer input border overrides.
*/
border?: {
/**
* The CSS style of chat footer input borders.
*/
style?: string;
/**
* The CSS style of chat footer input borders when selected.
*/
selected?: string;
};
};
/**
* Chat footer reply overrides.
*/
reply?: {
/**
* The background color of chat footer replies.
*/
"background-color"?: string;
};
/**
* Chat footer tag overrides.
*/
tag?: {
/**
* Chat footer active tag overrides.
*/
active?: {
/**
* The background color of chat footer active tags.
*/
"background-color"?: string;
};
/**
* The background color of chat footer tags.
*/
"background-color"?: string;
};
};
/**
* Chat content overrides.
*/
content?: {
/**
* The background color of chat content.
*/
"background-color"?: string;
};
/**
* Chat side menu overrides.
*/
"side-menu"?: {
/**
* The background color of chat side menus.
*/
"background-color"?: string;
/**
* Chat side menu hover overrides.
*/
hover?: {
/**
* The background color of chat side menu hover states.
*/
"background-color"?: string;
};
/**
* Chat side menu active overrides.
*/
active?: {
/**
* The background color of chat side menu active states.
*/
"background-color"?: string;
/**
* The color of chat side menu active states.
*/
color?: string;
};
/**
* Chat side menu search overrides.
*/
search?: {
/**
* Chat side menu search border overrides.
*/
border?: {
/**
* The color of chat side menu search borders.
*/
color?: string;
};
};
};
/**
* Chat dropdown overrides.
*/
dropdown?: {
/**
* The background color of chat dropdowns.
*/
"background-color"?: string;
hover?: {
/**
* The background color of chat dropdown hover states.
*/
"background-color"?: string;
};
};
/**
* Chat message overrides.
*/
message?: {
/**
* Chat inbound message overrides (messages sent by other users and received by the current user).
*/
inbound?: {
/**
* The background color of chat inbound messages.
*/
"background-color"?: string;
};
/**
* Chat outbound message overrides (messages sent by the current user).
*/
outbound?: {
/**
* The background color of chat outbound messages.
*/
"background-color"?: string;
};
/**
* Chat message text overrides.
*/
text?: {
/**
* The color of chat message text.
*/
color?: string;
};
/**
* Chat draft message overrides (messages started but not sent).
*/
draft?: {
/**
* Chat draft message text overrides.
*/
text?: {
/**
* The color of chat draft message text.
*/
color?: string;
};
};
/**
* Chat deleted message overrides (messages deleted by the current user).
*/
deleted?: {
/**
* The background color of chat deleted messages.
*/
"background-color"?: string;
/**
* The color of chat deleted message text.
*/
color?: string;
};
/**
* Chat selected message overrides.
*/
selected?: {
/**
* The background color of chat selected messages.
*/
"background-color"?: string;
};
/**
* Chat message user overrides.
*/
user?: {
/**
* Chat message user display name overrides.
*/
"display-name"?: {
/**
* The color of chat message user display names.
*/
color?: string;
};
};
/**
* Chat message timestamp overrides.
*/
timestamp?: {
/**
* The color of chat message timestamps.
*/
color?: string;
};
/**
* Chat message date overrides.
*/
date?: {
/**
* The background color of chat message dates.
*/
"background-color"?: string;
/**
* The color of chat message dates.
*/
color?: string;
};
/**
* Chat system message overrides.
*/
system?: {
/**
* The background color of chat system messages.
*/
"background-color"?: string;
/**
* The color of chat system message text.
*/
color?: string;
};
media?: {
/**
* The background color of chat media messages.
*/
"background-color"?: string;
};
/**
* Chat reply message overrides.
*/
reply?: {
/**
* The background color of chat reply messages.
*/
"background-color"?: string;
/**
* The color of chat reply message text.
*/
color?: string;
/**
* Chat reply message user overrides.
*/
user?: {
/**
* Chat reply message user display name overrides.
*/
"display-name"?: {
/**
* The color of chat reply message user display names.
*/
color?: string;
};
};
};
/**
* Chat message tag overrides.
*/
tag?: {
/**
* The color of chat message tags.
*/
color?: string;
};
/**
* Chat message image overrides.
*/
image?: {
/**
* The background color of chat message images.
*/
"background-color"?: string;
};
/**
* New (recently received) chat messages overrides.
*/
new?: {
/**
* The color of new chat message text.
*/
color?: string;
/**
* New messages counter overrides.
*/
counter?: {
/**
* The background color of the new messages counter.
*/
"background-color"?: string;
/**
* The color of the new messages counter.
*/
color?: string;
};
};
/**
* Chat message reaction overrides.
*/
reaction?: {
/**
* Outbound chat message reaction overrides. (reactions created by the current user)
*/
outbound?: {
/**
* The background color of outbound chat message reactions.
*/
"background-color"?: string;
/**
* Outbound chat message reaction border overrides.
*/
border?: {
/**
* The CSS style of outbound chat message reaction borders.
*/
style?: string;
};
/**
* Outbound chat message reaction hover overrides.
*/
hover?: {
/**
* The background color of outbound chat message reaction hover states.
*/
"background-color"?: string;
/**
* Outbound chat message reaction hover border overrides.
*/
border?: {
/**
* The CSS style of outbound chat message reaction hover borders.
*/
style?: string;
};
};
/**
* Outbound chat message reaction counter overrides.
*/
counter?: {
/**
* The color of outbound chat message reaction counters.
*/
color?: string;
};
};
/**
* Inbound chat message reaction overrides. (reactions created by other users)
*/
inbound?: {
/**
* The background color of inbound chat message reactions.
*/
"background-color"?: string;
/**
* Inbound chat message reaction border overrides.
*/
border?: {
/**
* The CSS style of inbound chat message reaction borders.
*/
style?: string;
};
/**
* Inbound chat message reaction hover overrides.
*/
hover?: {
/**
* The background color of inbound chat message reaction hover states.
*/
"background-color"?: string;
/**
* Inbound chat message reaction hover border overrides.
*/
border?: {
/**
* The CSS style of inbound chat message reaction hover borders.
*/
style?: string;
};
};
/**
* Inbound chat message reaction counter overrides.
*/
counter?: {
/**
* The color of inbound chat message reaction counters.
*/
color?: string;
};
};
};
/**
* Chat message audio overrides.
*/
audio?: {
/**
* Chat message audio record overrides.
*/
record?: {
/**
* The background color of chat message audio record states.
*/
"background-color"?: string;
};
/**
* Chat message audio progress overrides.
*/
progress?: {
/**
* The background color of chat message audio progress states.
*/
"background-color"?: string;
/**
* Chat message audio progress line overrides.
*/
line?: {
/**
* The background color of chat message audio progress line states.
*/
"background-color"?: string;
};
/**
* Chat message audio progress selector overrides.
*/
selector?: {
/**
* The background color of chat message audio progress selectors.
*/
"background-color"?: string;
};
};
};
/**
* Chat message file overrides.
*/
file?: {
/**
* Chat message file extension overrides.
*/
extension?: {
/**
* The color of chat message file extensions.
*/
color?: string;
};
};
};
/**
* Chat markdown overrides.
*/
markdown?: {
/**
* The background color of chat markdown.
*/
"background-color"?: string;
/**
* Chat markdown border overrides.
*/
border?: {
/**
* The color of chat markdown borders.
*/
color?: string;
};
/**
* Chat markdown text overrides.
*/
text?: {
/**
* The color of chat markdown text.
*/
color?: string;
};
/**
* Chat markdown code overrides.
*/
code?: {
/**
* Chat markdown multi-line code overrides.
*/
"multi-line"?: {
/**
* The color of chat markdown multi-line code.
*/
color?: string;
};
};
};
/**
* Channels list overrides.
*/
channels?: {
/**
* Channels item overrides.
*/
item?: {
/**
* Channel display name overrides.
*/
"display-name"?: {
/**
* The color of channel display names.
*/
color?: string;
};
/**
* Channel last message overrides.
*/
"last-message"?: {
/**
* The color of channel last messages.
*/
color?: string;
/**
* Channel last message timestamp overrides.
*/
timestamp?: {
/**
* The color of channel last message timestamps.
*/
color?: string;
};
};
/**
* Channel user overrides. (DMs only)
*/
user?: {
/**
* Channel user presence overrides.
*/
presence?: {
/**
* Channel user presence status overrides.
*/
status?: {
/**
* Channel user presence online status overrides.
*/
online?: {
/**
* The color of channel user presence online status.
*/
color?: string;
};
/**
* Channel user presence offline status overrides.
*/
offline?: {
/**
* The color of channel user presence offline status.
*/
color?: string;
};
};
};
};
/**
* Channel unread messages overrides.
*/
unread?: {
/**
* Channel unread message counter overrides.
*/
counter?: {
/**
* The background color of channel unread message counters.
*/
"background-color"?: string;
/**
* The color of channel unread message counters.
*/
color?: string;
};
};
};
};
/**
* Emoji picker overrides.
*/
emoji?: {
/**
* The emoji picker background color.
*/
"background-color"?: string;
};
/**
* Icon overrides.
*/
icons?: {
/**
* Scroll icon overrides.
*/
scroll?: {
/**
* The background color of scroll icons.
*/
"background-color"?: string;
};
/**
* Search icon overrides.
*/
search?: {
/**
* The color of search icons.
*/
color?: string;
};
/**
* Add icon overrides.
*/
add?: {
/**
* The color of add icons.
*/
color?: string;
};
/**
* Toggle icon overrides.
*/
toggle?: {
/**
* The color of toggle icons.
*/
color?: string;
};
/**
* Menu icon overrides.
*/
menu?: {
/**
* The color of menu icons.
*/
color?: string;
};
/**
* Close icon overrides.
*/
close?: {
/**
* The color of close icons.
*/
color?: string;
/**
* Close icon image overrides.
*/
image?: {
/**
* The color of close icon images.
*/
color?: string;
};
/**
* Close icon outline overrides.
*/
outline?: {
/**
* The color of close icon outlines.
*/
color?: string;
};
/**
* Close icon preview overrides.
*/
preview?: {
/**
* The color of close icon previews.
*/
color?: string;
};
};
/**
* File icon overrides.
*/
file?: {
/**
* The color of file icons.
*/
color?: string;
};
/**
* Paperclip icon overrides.
*/
paperclip?: {
/**
* The color of paperclip icons.
*/
color?: string;
};
/**
* Send icon overrides.
*/
send?: {
/**
* The color of send icons.
*/
color?: string;
/**
* Send icon disabled overrides.
*/
disabled?: {
/**
* The color of disabled send icons.
*/
color?: string;
};
};
/**
* Emoji icon overrides.
*/
emoji?: {
/**
* The color of emoji icons.
*/
color?: string;
};
/**
* Reaction icon overrides.
*/
reaction?: {
/**
* The color of reaction icons.
*/
color?: string;
};
/**
* Document icon overrides.
*/
document?: {
/**
* The color of document icons.
*/
color?: string;
};
/**
* Pencil icon overrides.
*/
pencil?: {
/**
* The color of pencil icons.
*/
color?: string;
};
/**
* Delivered message status icon overrides.
*/
delivered?: {
/**
* The color of delivered icons.
*/
color?: string;
};
/**
* Read message status icon overrides.
*/
read?: {
/**
* The color of read icons.
*/
color?: string;
};
/**
* Microphone icon overrides.
*/
microphone?: {
/**
* The color of microphone icons.
*/
color?: string;
};
/**
* Audio icon overrides.
*/
audio?: {
/**
* Audio play icon overrides.
*/
play?: {
/**
* The color of audio play icons.
*/
color?: string;
};
/**
* Audio pause icon overrides.
*/
pause?: {
/**
* The color of audio pause icons.
*/
color?: string;
};
/**
* Audio cancel icon overrides.
*/
cancel?: {
/**
* The color of audio cancel icons.
*/
color?: string;
};
/**
* Audio confirm icon overrides.
*/
confirm?: {
/**
* The color of audio confirm icons.
*/
color?: string;
};
};
/**
* Preview icon overrides.
*/
preview?: {
/**
* The color of preview icons.
*/
color?: string;
};
};
};
}
interface Observer<T> {
next: (value: T) => void;
error: (error: any) => void;
complete: () => void;
}
interface Subscription {
unsubscribe: () => void;
}
interface Reactive<T> {
watch: (observer?: Partial<Observer<T>> | ((value: T) => void)) => Subscription;
}
interface ReactiveStream<T> extends Reactive<T> {
}
interface ReactiveValue<T> extends Reactive<T> {
readonly value: T;
}
declare type Environment = any;
interface ApiConnection {
user: ReactiveValue<CurrentUser>;
notifications: ReactiveStream<Notification>;
unreadChannelsCount: ReactiveValue<number>;
unreadMessagesCount: ReactiveValue<number>;
updateUser(user: Partial<CurrentUser>): Promise<void>;
dispose(): Promise<void>;
}
declare class ConnectApiOptions {
apiKey: string;
username: string;
authParams?: any;
$environment?: Environment;
}
declare type Theme = 'light' | 'dark';
declare type Authentication = {
type: string;
} & (UnsecuredAuthentication | AuthParamsAuthentication);
declare type UnsecuredAuthentication = {
type: 'unsecured';
};
declare type AuthParamsAuthentication = {
type: 'auth-params';
params: any;
};
declare type Route = DirectMessagesRoute | ChannelRoute | EventRoute;
declare type NavigatableRoute = {
name: string;
allowNavigation?: boolean;
};
declare type DirectMessagesRoute = {
name: 'direct-messages';
users: string[];
} & NavigatableRoute;
declare type ChannelRoute = {
name: 'channel';
channel: string;
} & NavigatableRoute;
declare type EventRoute = {
name: 'event';
event: string;
};
declare type UserProfile = {
displayName: string;
displayPicture?: string;
};
declare type MenuActionType = {
name: string;
title: string;
};
declare type MenuAction = {
name: string;
channel: Channel;
};
declare type LocalizationContext = {
locale: string;
};
declare type LocalizationStrings = {
'chat:channels_empty'?: string;
'chat:channel_empty'?: string;
'chat:new_messages'?: string;
'chat:message_deleted'?: string;
'chat:messages_empty'?: string;
'chat:chat_started'?: string;
'chat:type_message'?: string;
'chat:search'?: string;
'chat:is_online'?: string;
'chat:last_seen'?: string;
'chat:is_typing'?: string;
'chat:cancel_select_message'?: string;
'chat:menu_action:mark_as_read'?: string;
'chat:message_selection_action:copy'?: string;
};
declare type Localization = (context: LocalizationContext) => LocalizationStrings;
declare type AudioSound = {
src?: string;
muted?: boolean;
};
declare type Audio = {
enabled?: boolean;
sounds?: {
'chat:message_sent'?: AudioSound;
'chat:message_received'?: AudioSound;
};
};
declare type ChatUiContainer = {
id?: string;
height?: string;
width?: string;
responsive?: {
small?: {
breakpoint: number;
};
};
};
declare type ChatComponentContext = {
locale: string;
};
declare type ChatComponent = (context: ChatComponentContext) => {
menuActions?: MenuActionType[];
onMounted?: () => void;
onHeaderSelected?: (channel: Channel) => void;
onMenuActionSelected?: (action: MenuAction) => void;
};
declare type Components = {
chat: ChatComponent;
};
declare type ErrorTemplateContext = {
message: string;
};
interface Template {
}
declare type ErrorTemplate = (options: ErrorTemplateContext) => Template;
declare type Templates = {
error: ErrorTemplate;
};
declare type ChatUi = {
unmount(): Promise<void>;
};
declare type ChatUiOptions = {
widgetId: string;
username?: string;
locale?: string;
container?: ChatUiContainer;
theme?: Theme;
styles?: Partial<ChatUIThemeStylingOptions>;
authentication?: Authentication;
profile?: UserProfile;
route?: Route;
localization?: Localization;
audio?: Audio;
components?: Components;
templates?: Templates;
};
declare type LoadChatUiOptions = {
connection?: ApiConnection;
timeout?: number;
$environment?: Environment;
};
declare const connectApi: (options: ConnectApiOptions) => Promise<ApiConnection>;
declare const template: (template: string) => Template;
declare const loadChatUi: (ui: ChatUiOptions, options?: LoadChatUiOptions) => ChatUi;
export { connectApi, loadChatUi, template };