@bcc-code/vue-bcc-chat-ui 7.3.0 → 7.3.1

package/dist/chat/index.d.ts

@@ -1,240 +0,0 @@
-import { Group, User, Call } from '@cometchat/chat-sdk-javascript';
-import { App, Ref, ComputedRef, WritableComputedRef } from 'vue';
-import { retrieveCcToken } from './accessToken';
-import { proxyImage } from './avatar';
-import { getChatMembersInfo, getMyChatSettings, getSenderDisplayName, setMuteAll, toggleMuteAll, updateMyChatSettings } from './data';
-import { getCurrentEnvironment, Environment } from './environment';
-import { getMessageTextPreview } from './messageText';
-import { toMarkdownHtml } from './richText';
-import { chatClient } from './runtime';
-import { ChatInstallOptions, ChatMessagesGetter, Language, ChatMessageItem, OnlineStatus, ThemeMode, UserChatInfo, SearchedItems } from './types';
-declare function install(app: App, options: ChatInstallOptions): Promise<void>;
-declare function login(accessToken?: string): Promise<void>;
-declare function logout(): Promise<void>;
-declare function connect(connectionName?: string): Promise<void>;
-declare function disconnect(connectionName?: string): Promise<void>;
-declare function disconnectAll(): Promise<void>;
-declare function setGetChatMessagesCallback(chatMessageGetter: ChatMessagesGetter | undefined): void;
-declare function setLanguage(language: Language): void;
-declare function setThemeMode(mode: ThemeMode): void;
-declare function setAccessToken(token: string): Promise<void>;
-declare function setEnvironment(environment: Environment): void;
-declare function getGroup(groupUid: string, throwErrors?: boolean): Promise<Group | null | undefined>;
-declare function getUserChats(): Promise<{
-    chatUid: string;
-    name: string;
-    unreadMessageCount: number;
-    lastMessage?: {
-        text?: string | undefined;
-        type: string;
-        senderUid: string;
-        senderName: string;
-        sentAt: Date;
-        sentByCurrentUser: boolean;
-        readAt: Date | undefined;
-        messageReceipts?: {
-            RECEIPT_TYPE: {
-                READ_RECEIPT: string;
-                DELIVERY_RECEIPT: string;
-                READ_BY_ALL_RECEIPT: string;
-                DELIVERED_TO_ALL_RECEIPT: string;
-            };
-            getReceiverType: () => string;
-            setReceiverType: (receiverType: string) => void;
-            getSender: () => User;
-            setSender: (sender: User) => void;
-            getReceiver: () => string;
-            setReceiver: (receiver: string) => void;
-            getTimestamp: () => string;
-            setTimestamp: (timestamp: string) => void;
-            setReadAt: (readAt: number) => void;
-            getReadAt: () => number;
-            setDeliveredAt: (deliveredAt: number) => void;
-            getDeliveredAt: () => number;
-            getMessageId: () => string;
-            setMessageId: (messageId: string) => void;
-            getReceiptType: () => string;
-            setReceiptType: (receiptType?: string) => void;
-        }[] | undefined;
-    } | undefined;
-    membersCount: number;
-    tags: string[];
-    muteSettings?: (Date | null) | undefined;
-    hasJoined: boolean;
-}[]>;
-declare function clearChatCount(chatUid: string): Promise<void>;
-declare function getChatOnlineCount(chatUid: string): Promise<number>;
-declare function muteChat(chatUid: string, mutedUntil: string | null): Promise<string | null>;
-declare function getMutedUntil(chatUid: string): Promise<string | null>;
-declare function pinMessage(message: ChatMessageItem): Promise<void>;
-declare function unpinMessage(messageId: string): Promise<void>;
-declare function togglePinnedMessage(message: ChatMessageItem): Promise<void>;
-declare function isMessagePinned(messageId: string): boolean;
-declare function scrollToMessage(messageId: string): void;
-export { chatClient };
-declare const chat: {
-    install: typeof install;
-    setGetChatMessagesCallback: typeof setGetChatMessagesCallback;
-    initialized: Ref<boolean, boolean>;
-    connected: ComputedRef<boolean>;
-    connecting: ComputedRef<boolean>;
-    loggedIn: ComputedRef<boolean>;
-    userChats: Ref<{
-        chatUid: string;
-        name: string;
-        unreadMessageCount: number;
-        lastMessage?: {
-            text?: string | undefined;
-            type: string;
-            senderUid: string;
-            senderName: string;
-            sentAt: Date;
-            sentByCurrentUser: boolean;
-            readAt: Date | undefined;
-            messageReceipts?: {
-                RECEIPT_TYPE: {
-                    READ_RECEIPT: string;
-                    DELIVERY_RECEIPT: string;
-                    READ_BY_ALL_RECEIPT: string;
-                    DELIVERED_TO_ALL_RECEIPT: string;
-                };
-                getReceiverType: () => string;
-                setReceiverType: (receiverType: string) => void;
-                getSender: () => User;
-                setSender: (sender: User) => void;
-                getReceiver: () => string;
-                setReceiver: (receiver: string) => void;
-                getTimestamp: () => string;
-                setTimestamp: (timestamp: string) => void;
-                setReadAt: (readAt: number) => void;
-                getReadAt: () => number;
-                setDeliveredAt: (deliveredAt: number) => void;
-                getDeliveredAt: () => number;
-                getMessageId: () => string;
-                setMessageId: (messageId: string) => void;
-                getReceiptType: () => string;
-                setReceiptType: (receiptType?: string) => void;
-            }[] | undefined;
-        } | undefined;
-        membersCount: number;
-        tags: string[];
-        muteSettings?: (Date | null) | undefined;
-        hasJoined: boolean;
-    }[], UserChatInfo[] | {
-        chatUid: string;
-        name: string;
-        unreadMessageCount: number;
-        lastMessage?: {
-            text?: string | undefined;
-            type: string;
-            senderUid: string;
-            senderName: string;
-            sentAt: Date;
-            sentByCurrentUser: boolean;
-            readAt: Date | undefined;
-            messageReceipts?: {
-                RECEIPT_TYPE: {
-                    READ_RECEIPT: string;
-                    DELIVERY_RECEIPT: string;
-                    READ_BY_ALL_RECEIPT: string;
-                    DELIVERED_TO_ALL_RECEIPT: string;
-                };
-                getReceiverType: () => string;
-                setReceiverType: (receiverType: string) => void;
-                getSender: () => User;
-                setSender: (sender: User) => void;
-                getReceiver: () => string;
-                setReceiver: (receiver: string) => void;
-                getTimestamp: () => string;
-                setTimestamp: (timestamp: string) => void;
-                setReadAt: (readAt: number) => void;
-                getReadAt: () => number;
-                setDeliveredAt: (deliveredAt: number) => void;
-                getDeliveredAt: () => number;
-                getMessageId: () => string;
-                setMessageId: (messageId: string) => void;
-                getReceiptType: () => string;
-                setReceiptType: (receiptType?: string) => void;
-            }[] | undefined;
-        } | undefined;
-        membersCount: number;
-        tags: string[];
-        muteSettings?: (Date | null) | undefined;
-        hasJoined: boolean;
-    }[]>;
-    userUid: ComputedRef<string | undefined>;
-    connect: typeof connect;
-    disconnect: typeof disconnect;
-    disconnectAll: typeof disconnectAll;
-    setAccessToken: typeof setAccessToken;
-    login: typeof login;
-    logout: typeof logout;
-    setCurrentEnvironment: typeof setEnvironment;
-    getCurrentEnvironment: typeof getCurrentEnvironment;
-    setThemeMode: typeof setThemeMode;
-    setLanguage: typeof setLanguage;
-    getGroup: typeof getGroup;
-    getChatMembersInfo: typeof getChatMembersInfo;
-    getUserChats: typeof getUserChats;
-    clearChatCount: typeof clearChatCount;
-    refreshVisibleMessages: () => Promise<void> | undefined;
-    getChatOnlineCount: typeof getChatOnlineCount;
-    searchChat: (searchQuery: string, limit?: number) => SearchedItems | undefined;
-    getSenderDisplayName: typeof getSenderDisplayName;
-    getMessageTextPreview: typeof getMessageTextPreview;
-    proxyImage: typeof proxyImage;
-    getMutedUntil: typeof getMutedUntil;
-    muteChat: typeof muteChat;
-    getMyChatSettings: typeof getMyChatSettings;
-    updateMyChatSettings: typeof updateMyChatSettings;
-    setMuteAll: typeof setMuteAll;
-    toggleMuteAll: typeof toggleMuteAll;
-    toMarkdownHtml: typeof toMarkdownHtml;
-    retrieveCcToken: typeof retrieveCcToken;
-    getChatMessages: Ref<ChatMessagesGetter | undefined, ChatMessagesGetter | undefined>;
-    scrollToMessageId: Ref<string | undefined, string | undefined>;
-    scrollToMessage: typeof scrollToMessage;
-    pinnedMessages: ComputedRef<ChatMessageItem[]>;
-    pinMessage: typeof pinMessage;
-    unpinMessage: typeof unpinMessage;
-    togglePinnedMessage: typeof togglePinnedMessage;
-    isMessagePinned: typeof isMessagePinned;
-    connectivity: {
-        onlineMode: WritableComputedRef<OnlineStatus, OnlineStatus>;
-        onlineStatus: ComputedRef<OnlineStatus>;
-    };
-    onlineMode: WritableComputedRef<OnlineStatus, OnlineStatus>;
-    onlineStatus: ComputedRef<OnlineStatus>;
-    theme: Ref<{
-        palette: {
-            mode: ThemeMode;
-            setMode: (mode: ThemeMode) => void;
-        };
-    }, {
-        palette: {
-            mode: ThemeMode;
-            setMode(mode: ThemeMode): void;
-        };
-    } | {
-        palette: {
-            mode: ThemeMode;
-            setMode: (mode: ThemeMode) => void;
-        };
-    }>;
-    themeMode: Ref<ThemeMode, ThemeMode>;
-    language: Ref<Language, Language>;
-    calls: {
-        state: ComputedRef<"idle" | "outgoing" | "incoming" | "connecting" | "in-call">;
-        activeType: ComputedRef<"video" | "audio">;
-        activeSessionId: ComputedRef<string | null>;
-        incomingCall: ComputedRef< Call | null>;
-        incomingCalls: ComputedRef<Map<string, Call>>;
-        outgoingCall: ComputedRef< Call | null>;
-        start: (receiverId: string, container: HTMLElement, callType?: "audio" | "video", receiverType?: "user" | "group") => Promise< Call>;
-        accept: (container: HTMLElement, sessionId?: string) => Promise<void>;
-        reject: (sessionId?: string) => Promise<void>;
-        end: () => Promise<void>;
-        joinActive: (container: HTMLElement) => Promise<void>;
-    };
-};
-export default chat;

package/dist/chat/localization.d.ts

@@ -1,17 +0,0 @@
-import { MaybeRefOrGetter, Ref, ComputedRef } from 'vue';
-import { englishTranslations } from './i18n/en';
-import { TranslationEntry, TranslationParams } from './i18n/types';
-import { Language } from './types';
-type TranslationDictionary = Record<keyof typeof englishTranslations, TranslationEntry>;
-export type TranslationKey = keyof TranslationDictionary;
-export declare const currentChatLanguage: Ref<Language, Language>;
-export declare function resolveChatLocale(language?: Language | null): "nb-NO" | "en-US";
-/** Chat uses 24-hour time formatting consistently. */
-export declare function getSystemHourCycle(): "h12" | "h23";
-export declare function setCurrentChatLanguage(language: Language): void;
-export declare function translateChat(key: TranslationKey, params?: TranslationParams, language?: Language | null): string;
-export declare function useChatI18n(language?: MaybeRefOrGetter<Language | undefined | null>): {
-    locale: ComputedRef<"nb-NO" | "en-US">;
-    t: (key: TranslationKey, params?: TranslationParams) => string;
-};
-export {};

package/dist/chat/mentions.d.ts

@@ -1,33 +0,0 @@
-import { BaseMessage } from '@cometchat/chat-sdk-javascript';
-import { ParticipantInfo } from './types';
-export declare const MENTION_TOKEN_PATTERN: RegExp;
-export declare const MENTION_TOKEN_ENCODED_PATTERN: RegExp;
-export declare const MENTION_UID_DATA_ATTR = "data-mention-uid";
-export declare const COMPOSER_MENTION_CLASS = "composer-mention";
-export declare const MESSAGE_MENTION_CLASS = "message-mention";
-export interface MentionCandidate {
-    uid: string;
-    displayName: string;
-    avatar?: string;
-}
-export declare function participantToMentionCandidate(participant: ParticipantInfo): MentionCandidate;
-export declare function buildMentionNameByUid(candidates: ReadonlyArray<MentionCandidate>): Record<string, string>;
-export declare function filterMentionCandidates(candidates: ReadonlyArray<MentionCandidate>, query: string, limit?: number): MentionCandidate[];
-export declare function encodeMentionToken(uid: string): string;
-export declare function decodeMentionTokenEntities(text: string): string;
-export declare function containsMentionTokens(text: string): boolean;
-export declare function shieldMentionTokens(text: string): {
-    shielded: string;
-    tokens: string[];
-};
-export declare function unshieldMentionTokens(text: string, tokens: string[]): string;
-export declare function replaceMentionTokens(text: string, resolveName: (uid: string) => string, className?: string): string;
-export declare function convertMentionTokensToComposerHtml(text: string, nameByUid?: Record<string, string>): string;
-export declare function convertMentionTokensToMessageHtml(text: string, nameByUid?: Record<string, string>): string;
-export declare function serializeComposerHtmlToWireText(html: string): string;
-export declare function ingestMessageTextFromServer(text: string | null | undefined, nameByUid?: Record<string, string>): string;
-export declare function getMentionNameByUidFromSdkMessage(source: BaseMessage | undefined): Record<string, string>;
-export declare function mergeMentionNameByUid(...maps: ReadonlyArray<Record<string, string>>): Record<string, string>;
-export declare function formatMentionTokensPlain(text: string, nameByUid?: Record<string, string>): string;
-export declare function formatConversationSubtitlePreview(subtitle: string, nameByUid?: Record<string, string>): string;
-export declare function getPlainTextWithMentionLabels(html: string, nameByUid?: Record<string, string>): string;

package/dist/chat/messageText.d.ts

@@ -1,21 +0,0 @@
-import { BaseMessage } from '@cometchat/chat-sdk-javascript';
-import { formatConversationSubtitlePreview } from './mentions';
-import { ChatAttachmentItem, ChatMessageItem, ChatReplyPreview } from './types';
-type MessageTextSource = Pick<ChatMessageItem, "text" | "kind" | "poll" | "attachments">;
-export declare function getAttachmentDisplayText(attachments: ReadonlyArray<Pick<ChatAttachmentItem, "kind" | "name">>, fallback?: string): string;
-export declare function normalizeMessageText(value: string | null | undefined, mentionNameByUid?: Record<string, string>): string;
-export declare function serializeMessageTextForSend(value: string | null | undefined): string;
-export declare function hasMessageText(value: string | null | undefined): boolean;
-export declare function getMessagePlainText(value: string | null | undefined, mentionNameByUid?: Record<string, string>): string;
-export declare function getMessageDisplayText(message: MessageTextSource, fallback?: string, mentionNameByUid?: Record<string, string>): string;
-export declare function getMessagePreviewText(message: MessageTextSource, mentionNameByUid?: Record<string, string>): string;
-export declare function formatReplyPreviewText(text: string, mentionNameByUid?: Record<string, string>): string;
-export declare function getMessageTextPreview(message?: any, showEmoji?: boolean, showAttachmentName?: boolean): string;
-export declare function buildReplyPreview(message: Pick<ChatMessageItem, "id" | "senderName" | "text" | "kind" | "poll" | "attachments" | "source"> & {
-    source?: unknown;
-}): ChatReplyPreview;
-export declare function buildMessageActionText(message: Pick<ChatMessageItem, "text" | "attachments">): string;
-export declare function buildConversationSubtitle(message: MessageTextSource & {
-    source?: BaseMessage;
-}): string;
-export { formatConversationSubtitlePreview };

package/dist/chat/mockClient.d.ts

@@ -1,13 +0,0 @@
-import { ChatClient, ChatUserProfile } from './types';
-export type VisualFixtureMode = "desktop" | "mobile" | "empty" | "scheduled";
-export interface MockChatScenario {
-    client: ChatClient;
-    profile: ChatUserProfile;
-    displayName: string;
-    email: string;
-    heroStatus: {
-        label: string;
-        severity: "warn" | "success" | "contrast";
-    };
-}
-export declare function createMockChatScenario(mode: VisualFixtureMode): MockChatScenario;

package/dist/chat/offlineStore.d.ts

@@ -1,55 +0,0 @@
-import { CachedLastMessage, CachedParticipantSettings, ChatAttachmentItem, ChatConversationItem, ChatMessageItem, PollComposerInput } from './types';
-interface OfflineQueueAttachment {
-    kind: ChatAttachmentItem["kind"];
-    name: string;
-    type: string;
-    size: number;
-    caption?: string;
-}
-export interface OfflineQueueItem {
-    id: string;
-    muid: string;
-    conversationId: string;
-    targetId: string;
-    receiverType: "group" | "user";
-    kind: "text" | "poll" | "attachment";
-    senderAvatar?: string;
-    text?: string;
-    poll?: PollComposerInput;
-    attachment?: OfflineQueueAttachment;
-    metadata?: Record<string, unknown>;
-    parentMessageId?: string;
-    createdAt: string;
-}
-export declare class ChatOfflineStore {
-    readonly storageKey: string;
-    private attachmentDbPromise;
-    constructor(storageKey: string);
-    getConversations(): ChatConversationItem[];
-    getSearchableConversations(): ChatConversationItem[];
-    setConversations(conversations: ChatConversationItem[]): void;
-    getMessages(conversationId: string): ChatMessageItem[];
-    getAllMessages(): ChatMessageItem[];
-    setMessages(conversationId: string, messages: ChatMessageItem[]): void;
-    getThreadMessages(parentMessageId: string): ChatMessageItem[];
-    setThreadMessages(parentMessageId: string, messages: ChatMessageItem[]): void;
-    getPinnedMessages(conversationId: string): ChatMessageItem[];
-    setPinnedMessages(conversationId: string, records: ReadonlyArray<ChatMessageItem>): void;
-    getQueue(): OfflineQueueItem[];
-    enqueue(item: OfflineQueueItem): void;
-    dequeue(id: string): void;
-    getParticipantSettings(chatUid: string): CachedParticipantSettings | null;
-    storeParticipantSettings(settings: CachedParticipantSettings): void;
-    getLastMessage(chatUid: string): CachedLastMessage | null;
-    storeLastMessage(lastMessage: CachedLastMessage): void;
-    clear(): void;
-    storeQueuedAttachment(id: string, file: File): Promise<void>;
-    getQueuedAttachment(id: string): Promise<File | null>;
-    deleteQueuedAttachment(id: string): Promise<void>;
-    private read;
-    private write;
-    private mutate;
-    private clearQueuedAttachments;
-    private openAttachmentDb;
-}
-export {};

package/dist/chat/participants.d.ts

@@ -1,8 +0,0 @@
-import { GroupMember, User } from '@cometchat/chat-sdk-javascript';
-import { ParticipantInfo } from './types';
-/**
- * Normalizes a CometChat `GroupMember`/`User` instance into a {@link ParticipantInfo}.
- * Pass `roleOverride` when the caller already knows the role (e.g. from a scope-change event)
- * rather than relying on the source object's own scope.
- */
-export declare function normalizeParticipantInfo(source: GroupMember | User, roleOverride?: string): ParticipantInfo;

package/dist/chat/pinnedMessages.d.ts

@@ -1,12 +0,0 @@
-import { ChatMessageItem } from './types';
-export declare const SYSTEM_PINNER_UID = "app_system";
-export declare function canPinMessage(message: Pick<ChatMessageItem, "kind" | "isDeleted" | "deliveryState"> | null): boolean | null;
-export declare function isPinnedMessage(message: Pick<ChatMessageItem, "pinnedAt"> | null | undefined): boolean;
-/** Whether the pin came from the app/admin rather than from a member. */
-export declare function isSystemPinnedMessage(message: Pick<ChatMessageItem, "pinnedAt" | "pinnedBy"> | null | undefined): boolean;
-/** Most recently pinned message first, falling back to the send order. */
-export declare function sortPinnedMessages(messages: ReadonlyArray<ChatMessageItem>): ChatMessageItem[];
-export declare function upsertPinnedMessage(messages: ReadonlyArray<ChatMessageItem>, message: ChatMessageItem): ChatMessageItem[];
-export declare function removePinnedMessage(messages: ReadonlyArray<ChatMessageItem>, messageId: string): ChatMessageItem[];
-export declare function isPinnedMessageId(messages: ReadonlyArray<ChatMessageItem>, messageId: string): boolean;
-export declare function hasReachedPinnedMessagesLimit(messages: ReadonlyArray<ChatMessageItem>, limit: number | null | undefined): boolean;

package/dist/chat/publicChannelMessageFallback.d.ts

@@ -1 +0,0 @@
-export declare function installPublicChannelMessageFallback(): void;

package/dist/chat/reactions.d.ts

@@ -1,8 +0,0 @@
-/**
- * Emoji reaction sets used across message action menus and reaction pickers.
- *
- * COMMON_REACTIONS are shown first in the compact popover row.
- * EXTENDED_REACTIONS populate the expanded grid when the user opens the full picker.
- */
-export declare const COMMON_REACTIONS: string[];
-export declare const EXTENDED_REACTIONS: string[];

package/dist/chat/richText.d.ts

@@ -1,9 +0,0 @@
-export declare function normalizeRichTextForStorage(input: string | null | undefined): string;
-export interface RenderRichTextOptions {
-    mentionNameByUid?: Record<string, string>;
-}
-export declare function getPlainTextFromRichText(input: string | null | undefined, mentionNameByUid?: Record<string, string>): string;
-export declare function renderRichText(input: string | null | undefined, options?: RenderRichTextOptions): string;
-export declare function toMarkdownHtml(str: string, mentionedUsers?: any[]): string;
-export declare function getFirstUrlFromRichText(input: string | null | undefined): string | undefined;
-export declare function normalizeHyperlinkUrl(value: string | null | undefined): string | undefined;

package/dist/chat/runtime.d.ts

@@ -1,3 +0,0 @@
-import { ChatClient } from './types';
-import { ShallowRef } from 'vue';
-export declare const chatClient: ShallowRef<ChatClient | null, ChatClient | null>;

package/dist/chat/theme.d.ts

@@ -1,19 +0,0 @@
-import { ThemeMode } from './types';
-import { Ref } from 'vue';
-export declare const theme: Ref<{
-    palette: {
-        mode: ThemeMode;
-        setMode: (mode: ThemeMode) => void;
-    };
-}, {
-    palette: {
-        mode: ThemeMode;
-        setMode(mode: ThemeMode): void;
-    };
-} | {
-    palette: {
-        mode: ThemeMode;
-        setMode: (mode: ThemeMode) => void;
-    };
-}>;
-export declare function setThemeMode(mode: ThemeMode): void;