@bcc-code/vue-bcc-chat-ui 6.5.0 → 7.0.2

package/dist/chat/theme.d.ts

@@ -1,408 +1,18 @@
-import { CometChatFont, CometChatTheme } from '@cometchat/uikit-resources';
 import { ThemeMode } from './types';
 export declare const theme: import('vue').Ref<{
     palette: {
-        mode: string;
-        background: {
-            light?: string | undefined;
-            dark?: string | undefined;
-        };
-        primary: {
-            light?: string | undefined;
-            dark?: string | undefined;
-        };
-        primary150: {
-            light?: string | undefined;
-            dark?: string | undefined;
-        };
-        primary500: {
-            light?: string | undefined;
-            dark?: string | undefined;
-        };
-        error: {
-            light?: string | undefined;
-            dark?: string | undefined;
-        };
-        accent: {
-            light?: string | undefined;
-            dark?: string | undefined;
-        };
-        accent50: {
-            light?: string | undefined;
-            dark?: string | undefined;
-        };
-        accent100: {
-            light?: string | undefined;
-            dark?: string | undefined;
-        };
-        accent200: {
-            light?: string | undefined;
-            dark?: string | undefined;
-        };
-        accent300: {
-            light?: string | undefined;
-            dark?: string | undefined;
-        };
-        accent400: {
-            light?: string | undefined;
-            dark?: string | undefined;
-        };
-        accent500: {
-            light?: string | undefined;
-            dark?: string | undefined;
-        };
-        accent600: {
-            light?: string | undefined;
-            dark?: string | undefined;
-        };
-        accent700: {
-            light?: string | undefined;
-            dark?: string | undefined;
-        };
-        accent800: {
-            light?: string | undefined;
-            dark?: string | undefined;
-        };
-        accent900: {
-            light?: string | undefined;
-            dark?: string | undefined;
-        };
-        success: {
-            light?: string | undefined;
-            dark?: string | undefined;
-        };
-        secondary: {
-            light?: string | undefined;
-            dark?: string | undefined;
-        };
-        tertiary: {
-            light?: string | undefined;
-            dark?: string | undefined;
-        };
-        getAccent: (mode?: string) => string | undefined;
-        getAccent50: (mode?: string) => string | undefined;
-        getAccent100: (mode?: string) => string | undefined;
-        getAccent200: (mode?: string) => string | undefined;
-        getAccent300: (mode?: string) => string | undefined;
-        getAccent400: (mode?: string) => string | undefined;
-        getAccent500: (mode?: string) => string | undefined;
-        getAccent600: (mode?: string) => string | undefined;
-        getAccent700: (mode?: string) => string | undefined;
-        getAccent800: (mode?: string) => string | undefined;
-        getAccent900: (mode?: string) => string | undefined;
-        getSuccess: (mode?: string) => string | undefined;
-        getError: (mode?: string) => string | undefined;
-        getPrimary: (mode?: string) => string | undefined;
-        getPrimary150: (mode?: string) => string | undefined;
-        getPrimary500: (mode?: string) => string | undefined;
-        getSecondary: (mode?: string) => string | undefined;
-        getBackground: (mode?: string) => string | undefined;
-        getTertiary: (mode?: string) => string | undefined;
-        setMode: (mode: string) => void;
-        setBackground: (colorset: import('@cometchat/uikit-resources').PaletteItem) => void;
-        setPrimary: (colorset: import('@cometchat/uikit-resources').PaletteItem) => void;
-        setPrimary150: (colorset: import('@cometchat/uikit-resources').PaletteItem) => void;
-        setPrimary500: (colorset: import('@cometchat/uikit-resources').PaletteItem) => void;
-        setSecondary: (colorset: import('@cometchat/uikit-resources').PaletteItem) => void;
-        setError: (colorset: import('@cometchat/uikit-resources').PaletteItem) => void;
-        setAccent: (colorset: import('@cometchat/uikit-resources').PaletteItem) => void;
-        setAccent50: (colorset?: import('@cometchat/uikit-resources').PaletteItem) => void;
-        setAccent100: (colorset: import('@cometchat/uikit-resources').PaletteItem) => void;
-        setAccent200: (colorset: import('@cometchat/uikit-resources').PaletteItem) => void;
-        setAccent300: (colorset: import('@cometchat/uikit-resources').PaletteItem) => void;
-        setAccent400: (colorset: import('@cometchat/uikit-resources').PaletteItem) => void;
-        setAccent500: (colorset: import('@cometchat/uikit-resources').PaletteItem) => void;
-        setAccent600: (colorset: import('@cometchat/uikit-resources').PaletteItem) => void;
-        setAccent700: (colorset: import('@cometchat/uikit-resources').PaletteItem) => void;
-        setAccent800: (colorset: import('@cometchat/uikit-resources').PaletteItem) => void;
-        setAccent900: (colorset: import('@cometchat/uikit-resources').PaletteItem) => void;
-        setTertiary: (colorset: import('@cometchat/uikit-resources').PaletteItem) => void;
+        mode: ThemeMode;
+        setMode: (mode: ThemeMode) => void;
     };
-    typography: {
-        fontFamily: string;
-        fontWeightRegular: string;
-        fontWeightMedium: string;
-        fontWeightSemibold: string;
-        fontWeightBold: string;
-        heading: {
-            fontFamily: string;
-            fontWeight: string;
-            fontSize: string;
-        };
-        name: {
-            fontFamily: string;
-            fontWeight: string;
-            fontSize: string;
-        };
-        title1: {
-            fontFamily: string;
-            fontWeight: string;
-            fontSize: string;
-        };
-        title2: {
-            fontFamily: string;
-            fontWeight: string;
-            fontSize: string;
-        };
-        subtitle1: {
-            fontFamily: string;
-            fontWeight: string;
-            fontSize: string;
-        };
-        subtitle2: {
-            fontFamily: string;
-            fontWeight: string;
-            fontSize: string;
-        };
-        text1: {
-            fontFamily: string;
-            fontWeight: string;
-            fontSize: string;
-        };
-        text2: {
-            fontFamily: string;
-            fontWeight: string;
-            fontSize: string;
-        };
-        text3: {
-            fontFamily: string;
-            fontWeight: string;
-            fontSize: string;
-        };
-        caption1: {
-            fontFamily: string;
-            fontWeight: string;
-            fontSize: string;
-        };
-        caption2: {
-            fontFamily: string;
-            fontWeight: string;
-            fontSize: string;
-        };
-        caption3: {
-            fontFamily: string;
-            fontWeight: string;
-            fontSize: string;
-        };
-        setFontFamily: (fontFamily: string) => void;
-        setFontWeightRegular: (fontWeightRegular: string) => void;
-        setFontWeightMedium: (fontWeightMedium: string) => void;
-        setFontWeightSemibold: (fontWeightSemibold: string) => void;
-        setFontWeightBold: (fontWeightBold: string) => void;
-        setHeading: (headingFont: CometChatFont) => void;
-        setName: (nameFont: CometChatFont) => void;
-        setTitle1: (titleFont: CometChatFont) => void;
-        setTitle2: (titleFont: CometChatFont) => void;
-        setSubtitle1: (subtitleFont: CometChatFont) => void;
-        setSubtitle2: (subtitleFont: CometChatFont) => void;
-        setText1: (textFont: CometChatFont) => void;
-        setText2: (textFont: CometChatFont) => void;
-        setText3: (textFont: CometChatFont) => void;
-        setCaption1: (captionFont: CometChatFont) => void;
-        setCaption2: (captionFont: CometChatFont) => void;
-        setCaption3: (captionFont: CometChatFont) => void;
-    };
-}, CometChatTheme | {
+}, {
     palette: {
-        mode: string;
-        background: {
-            light?: string | undefined;
-            dark?: string | undefined;
-        };
-        primary: {
-            light?: string | undefined;
-            dark?: string | undefined;
-        };
-        primary150: {
-            light?: string | undefined;
-            dark?: string | undefined;
-        };
-        primary500: {
-            light?: string | undefined;
-            dark?: string | undefined;
-        };
-        error: {
-            light?: string | undefined;
-            dark?: string | undefined;
-        };
-        accent: {
-            light?: string | undefined;
-            dark?: string | undefined;
-        };
-        accent50: {
-            light?: string | undefined;
-            dark?: string | undefined;
-        };
-        accent100: {
-            light?: string | undefined;
-            dark?: string | undefined;
-        };
-        accent200: {
-            light?: string | undefined;
-            dark?: string | undefined;
-        };
-        accent300: {
-            light?: string | undefined;
-            dark?: string | undefined;
-        };
-        accent400: {
-            light?: string | undefined;
-            dark?: string | undefined;
-        };
-        accent500: {
-            light?: string | undefined;
-            dark?: string | undefined;
-        };
-        accent600: {
-            light?: string | undefined;
-            dark?: string | undefined;
-        };
-        accent700: {
-            light?: string | undefined;
-            dark?: string | undefined;
-        };
-        accent800: {
-            light?: string | undefined;
-            dark?: string | undefined;
-        };
-        accent900: {
-            light?: string | undefined;
-            dark?: string | undefined;
-        };
-        success: {
-            light?: string | undefined;
-            dark?: string | undefined;
-        };
-        secondary: {
-            light?: string | undefined;
-            dark?: string | undefined;
-        };
-        tertiary: {
-            light?: string | undefined;
-            dark?: string | undefined;
-        };
-        getAccent: (mode?: string) => string | undefined;
-        getAccent50: (mode?: string) => string | undefined;
-        getAccent100: (mode?: string) => string | undefined;
-        getAccent200: (mode?: string) => string | undefined;
-        getAccent300: (mode?: string) => string | undefined;
-        getAccent400: (mode?: string) => string | undefined;
-        getAccent500: (mode?: string) => string | undefined;
-        getAccent600: (mode?: string) => string | undefined;
-        getAccent700: (mode?: string) => string | undefined;
-        getAccent800: (mode?: string) => string | undefined;
-        getAccent900: (mode?: string) => string | undefined;
-        getSuccess: (mode?: string) => string | undefined;
-        getError: (mode?: string) => string | undefined;
-        getPrimary: (mode?: string) => string | undefined;
-        getPrimary150: (mode?: string) => string | undefined;
-        getPrimary500: (mode?: string) => string | undefined;
-        getSecondary: (mode?: string) => string | undefined;
-        getBackground: (mode?: string) => string | undefined;
-        getTertiary: (mode?: string) => string | undefined;
-        setMode: (mode: string) => void;
-        setBackground: (colorset: import('@cometchat/uikit-resources').PaletteItem) => void;
-        setPrimary: (colorset: import('@cometchat/uikit-resources').PaletteItem) => void;
-        setPrimary150: (colorset: import('@cometchat/uikit-resources').PaletteItem) => void;
-        setPrimary500: (colorset: import('@cometchat/uikit-resources').PaletteItem) => void;
-        setSecondary: (colorset: import('@cometchat/uikit-resources').PaletteItem) => void;
-        setError: (colorset: import('@cometchat/uikit-resources').PaletteItem) => void;
-        setAccent: (colorset: import('@cometchat/uikit-resources').PaletteItem) => void;
-        setAccent50: (colorset?: import('@cometchat/uikit-resources').PaletteItem) => void;
-        setAccent100: (colorset: import('@cometchat/uikit-resources').PaletteItem) => void;
-        setAccent200: (colorset: import('@cometchat/uikit-resources').PaletteItem) => void;
-        setAccent300: (colorset: import('@cometchat/uikit-resources').PaletteItem) => void;
-        setAccent400: (colorset: import('@cometchat/uikit-resources').PaletteItem) => void;
-        setAccent500: (colorset: import('@cometchat/uikit-resources').PaletteItem) => void;
-        setAccent600: (colorset: import('@cometchat/uikit-resources').PaletteItem) => void;
-        setAccent700: (colorset: import('@cometchat/uikit-resources').PaletteItem) => void;
-        setAccent800: (colorset: import('@cometchat/uikit-resources').PaletteItem) => void;
-        setAccent900: (colorset: import('@cometchat/uikit-resources').PaletteItem) => void;
-        setTertiary: (colorset: import('@cometchat/uikit-resources').PaletteItem) => void;
+        mode: ThemeMode;
+        setMode(mode: ThemeMode): void;
     };
-    typography: {
-        fontFamily: string;
-        fontWeightRegular: string;
-        fontWeightMedium: string;
-        fontWeightSemibold: string;
-        fontWeightBold: string;
-        heading: {
-            fontFamily: string;
-            fontWeight: string;
-            fontSize: string;
-        };
-        name: {
-            fontFamily: string;
-            fontWeight: string;
-            fontSize: string;
-        };
-        title1: {
-            fontFamily: string;
-            fontWeight: string;
-            fontSize: string;
-        };
-        title2: {
-            fontFamily: string;
-            fontWeight: string;
-            fontSize: string;
-        };
-        subtitle1: {
-            fontFamily: string;
-            fontWeight: string;
-            fontSize: string;
-        };
-        subtitle2: {
-            fontFamily: string;
-            fontWeight: string;
-            fontSize: string;
-        };
-        text1: {
-            fontFamily: string;
-            fontWeight: string;
-            fontSize: string;
-        };
-        text2: {
-            fontFamily: string;
-            fontWeight: string;
-            fontSize: string;
-        };
-        text3: {
-            fontFamily: string;
-            fontWeight: string;
-            fontSize: string;
-        };
-        caption1: {
-            fontFamily: string;
-            fontWeight: string;
-            fontSize: string;
-        };
-        caption2: {
-            fontFamily: string;
-            fontWeight: string;
-            fontSize: string;
-        };
-        caption3: {
-            fontFamily: string;
-            fontWeight: string;
-            fontSize: string;
-        };
-        setFontFamily: (fontFamily: string) => void;
-        setFontWeightRegular: (fontWeightRegular: string) => void;
-        setFontWeightMedium: (fontWeightMedium: string) => void;
-        setFontWeightSemibold: (fontWeightSemibold: string) => void;
-        setFontWeightBold: (fontWeightBold: string) => void;
-        setHeading: (headingFont: CometChatFont) => void;
-        setName: (nameFont: CometChatFont) => void;
-        setTitle1: (titleFont: CometChatFont) => void;
-        setTitle2: (titleFont: CometChatFont) => void;
-        setSubtitle1: (subtitleFont: CometChatFont) => void;
-        setSubtitle2: (subtitleFont: CometChatFont) => void;
-        setText1: (textFont: CometChatFont) => void;
-        setText2: (textFont: CometChatFont) => void;
-        setText3: (textFont: CometChatFont) => void;
-        setCaption1: (captionFont: CometChatFont) => void;
-        setCaption2: (captionFont: CometChatFont) => void;
-        setCaption3: (captionFont: CometChatFont) => void;
+} | {
+    palette: {
+        mode: ThemeMode;
+        setMode: (mode: ThemeMode) => void;
     };
 }>;
-export declare const setThemeMode: (mode: ThemeMode) => void;
+export declare function setThemeMode(mode: ThemeMode): void;

package/dist/chat/types.d.ts

@@ -1,9 +1,22 @@
 import { BaseMessage, Group, MessageReceipt } from '@cometchat/chat-sdk-javascript';
-import { FuseResultMatch } from 'fuse.js';
-import { Ref } from 'vue';
-import { Conversation as OfflineConversation, Message as OfflineMessage } from '../offline/types';
-export * from 'fuse.js';
-export { OfflineConversation, OfflineMessage };
+import { ComputedRef, Ref } from 'vue';
+import { Environment } from './environment';
+export interface ChatUserProfile {
+    uid: string;
+    name: string;
+    avatar?: string;
+    status?: string;
+}
+export interface FuseResultMatch {
+    indices: ReadonlyArray<[number, number]>;
+    key?: {
+        src: string;
+    } | string;
+    value?: string;
+}
+export type Language = "nb" | "no" | "ar" | "de" | "en" | "es" | "fr" | "hi" | "ms" | "pt" | "ru" | "zh" | "zh-tw" | "sv" | "lt";
+export type ThemeMode = "dark" | "light";
+export type OnlineStatus = "online" | "offline";
 export interface ChatInstallOptions {
     environment: Environment;
     language?: Language;
@@ -11,7 +24,6 @@ export interface ChatInstallOptions {
     accessToken?: Ref<string | null | undefined> | null | undefined | string;
     loggerCallback?: (entry: LogEntry) => void;
 }
-export * from './logger';
 export interface ChatInstance {
     componentId: string;
     replyToMessage: BaseMessage | null;
@@ -41,23 +53,40 @@ export interface ChatInstance {
 }
 export interface View {
     componentName: string;
-    props?: Record<string, any>;
-}
-export type Language = 'nb' | 'no' | 'ar' | 'de' | 'en' | 'es' | 'fr' | 'hi' | 'ms' | 'pt' | 'ru' | 'zh' | 'zh-tw' | 'sv' | 'lt';
-export type Environment = 'prod' | 'sandbox';
-export type ChatEnvironmentConfig = {
-    region: string;
-    appId: string;
-    chatApiBaseUrl: string;
-};
-export interface UserChatInfo {
-    chatUid: string;
+    props?: Record<string, unknown>;
+}
+export type ChatMessageKind = "text" | "image" | "video" | "audio" | "file" | "poll" | "action" | "unsupported";
+export interface ChatAttachmentItem {
+    kind: Extract<ChatMessageKind, "image" | "video" | "audio" | "file">;
     name: string;
-    unreadMessageCount: number;
-    lastMessage?: MessageInfo;
-    membersCount: number;
-    tags: string[];
-    muteSettings?: Date | null;
+    url?: string;
+    mimeType?: string;
+    extension?: string;
+    size?: number;
+}
+export interface ChatPollOptionItem {
+    id: string;
+    text: string;
+    voteCount: number;
+    voters: string[];
+}
+export interface ChatPollData {
+    id?: string;
+    question: string;
+    options: ChatPollOptionItem[];
+    totalVotes: number;
+    allowsMultipleAnswers: boolean;
+}
+export interface ChatReactionItem {
+    emoji: string;
+    count: number;
+    reactedByMe: boolean;
+}
+export type ChatMessageReceiptKind = "delivered" | "read";
+export interface ChatMessageReceiptItem {
+    kind: ChatMessageReceiptKind;
+    user: ChatUserProfile;
+    timestamp?: Date;
 }
 export interface MessageInfo {
     text?: string;
@@ -66,6 +95,76 @@ export interface MessageInfo {
     sentAt: Date;
     messageReceipts?: MessageReceipt[];
 }
+export interface ChatMessageReceiptSummary {
+    deliveredAt?: Date;
+    deliveredToMeAt?: Date;
+    readAt?: Date;
+    readByMeAt?: Date;
+}
+export interface ChatReplyPreview {
+    messageId: string;
+    senderName: string;
+    text: string;
+    kind: ChatMessageKind;
+}
+export type ChatDeliveryState = "sent" | "queued" | "sending" | "failed";
+export interface ChatScheduledInfo {
+    scheduleDate?: Date;
+    originalChatUid?: string;
+    muid?: string;
+    messageId?: number;
+}
+export interface ChatMessageItem {
+    id: string;
+    muid?: string;
+    conversationId: string;
+    senderId: string;
+    senderName: string;
+    text: string;
+    kind: ChatMessageKind;
+    sentAt: Date;
+    category: string;
+    type: string;
+    senderAvatar?: string;
+    isOwn: boolean;
+    isDeleted: boolean;
+    isEdited: boolean;
+    attachments: ChatAttachmentItem[];
+    poll?: ChatPollData;
+    scheduled?: ChatScheduledInfo;
+    translatedText?: string;
+    replyTo?: ChatReplyPreview;
+    parentMessageId?: string;
+    replyCount: number;
+    reactions: ChatReactionItem[];
+    receipts: ChatMessageReceiptSummary;
+    deliveryState: ChatDeliveryState;
+    metadata?: Record<string, unknown>;
+    source: any;
+}
+export interface ChatConversationItem {
+    id: string;
+    targetId: string;
+    type: "group" | "user";
+    title: string;
+    subtitle: string;
+    avatar?: string;
+    unreadCount: number;
+    lastMessageAt?: Date;
+    muteSettings?: Date | null;
+    tags: string[];
+    memberCount?: number;
+    source: any;
+}
+export interface UserChatInfo {
+    chatUid: string;
+    name: string;
+    unreadMessageCount: number;
+    lastMessage?: MessageInfo;
+    membersCount: number;
+    tags: string[];
+    muteSettings?: Date | null;
+}
 export interface ParticipantInfo {
     uid: string;
     displayName: string;
@@ -78,15 +177,14 @@ export interface DispatchData {
     scheduleDate: string;
     messageId: number;
 }
-export type ThemeMode = 'dark' | 'light';
-export type LogEntry = {
+export interface LogEntry {
     logUid: string;
     correlationUid?: string;
     message: string;
     severity: LogSeverity;
-    userMetadata?: Record<string, any>;
+    userMetadata?: Record<string, unknown>;
     timestamp: string;
-};
+}
 export declare enum LogSeverity {
     DEBUG = "Debug",
     INFO = "Info",
@@ -95,11 +193,11 @@ export declare enum LogSeverity {
 }
 export interface SearchedItems {
     conversations: {
-        conversation: OfflineConversation;
+        conversation: ChatConversationItem;
         matches: FuseResultMatch[];
     }[];
     messages: {
-        message: OfflineMessage;
+        message: ChatMessageItem;
         matches: FuseResultMatch[];
     }[];
 }
@@ -121,3 +219,83 @@ export interface CachedLastMessage {
     lastMessage: null | MessageInfo;
     lastUpdated: number;
 }
+export interface AttachmentUploadInput {
+    file: File;
+    caption?: string;
+}
+export interface PollComposerInput {
+    question: string;
+    options: string[];
+    allowsMultipleAnswers?: boolean;
+}
+export interface MessageSendOptions {
+    senderDisplayName?: string;
+}
+export interface ScheduleMessageInput {
+    scheduleDate: string;
+    text?: string;
+    file?: File;
+    caption?: string;
+}
+export interface RescheduleMessageInput {
+    messageId: number;
+    muid: string;
+    originalChatUid: string;
+    scheduleDate: string;
+}
+export interface ChatClient {
+    initialized: Ref<boolean>;
+    loggingIn: Ref<boolean>;
+    loadingConversations: Ref<boolean>;
+    loadingMessages: Ref<boolean>;
+    loadingThreadMessages: Ref<boolean>;
+    loadingOlderMessages: Ref<boolean>;
+    loadingOlderThreadMessages: Ref<boolean>;
+    loadingScheduledMessages: Ref<boolean>;
+    sendingMessage: Ref<boolean>;
+    schedulingMessage: Ref<boolean>;
+    syncingQueue: Ref<boolean>;
+    connected: Ref<boolean>;
+    offlineMode: Ref<boolean>;
+    loggedIn: Ref<boolean>;
+    error: Ref<string | null>;
+    currentUser: Ref<ChatUserProfile | null>;
+    conversations: Ref<ChatConversationItem[]>;
+    messages: Ref<ChatMessageItem[]>;
+    threadMessages: Ref<ChatMessageItem[]>;
+    scheduledMessages: Ref<ChatMessageItem[]>;
+    hasOlderMessages: Ref<boolean>;
+    hasOlderThreadMessages: Ref<boolean>;
+    pendingQueueCount: ComputedRef<number>;
+    activeConversationId: Ref<string | null>;
+    activeConversation: ComputedRef<ChatConversationItem | null>;
+    activeThreadParentMessage: Ref<ChatMessageItem | null>;
+    replyToMessage: Ref<ChatMessageItem | null>;
+    editingMessage: Ref<ChatMessageItem | null>;
+    init: () => Promise<void>;
+    connectRealtime: () => Promise<void>;
+    disconnectRealtime: () => Promise<void>;
+    login: (accessToken: string) => Promise<void>;
+    logout: () => Promise<void>;
+    fetchConversations: () => Promise<void>;
+    selectConversation: (conversationId: string) => Promise<void>;
+    sendTextMessage: (text: string, options?: MessageSendOptions) => Promise<void>;
+    sendAttachmentMessage: (input: AttachmentUploadInput, options?: MessageSendOptions) => Promise<void>;
+    sendPollMessage: (input: PollComposerInput, options?: MessageSendOptions) => Promise<void>;
+    fetchScheduledMessages: (originalChatUid?: string) => Promise<void>;
+    loadOlderMessages: () => Promise<boolean>;
+    loadOlderThreadMessages: () => Promise<boolean>;
+    ensureMessageLoaded: (messageId: string) => Promise<boolean>;
+    scheduleMessage: (input: ScheduleMessageInput, options?: MessageSendOptions) => Promise<void>;
+    rescheduleMessage: (input: RescheduleMessageInput) => Promise<void>;
+    setReplyToMessage: (message: ChatMessageItem | null) => void;
+    setEditingMessage: (message: ChatMessageItem | null) => void;
+    openThread: (message: ChatMessageItem) => Promise<void>;
+    closeThread: () => void;
+    fetchMessageReceipts: (message: ChatMessageItem) => Promise<ChatMessageReceiptItem[]>;
+    deleteMessage: (message: ChatMessageItem) => Promise<void>;
+    votePoll: (message: ChatMessageItem, optionId: string) => Promise<void>;
+    toggleReaction: (message: ChatMessageItem, emoji: string) => Promise<void>;
+    translateMessage: (message: ChatMessageItem) => Promise<void>;
+}
+export type { Environment };