@bcc-code/vue-bcc-chat-ui 6.4.1 → 7.0.1

package/dist/chat/index.d.ts

@@ -1,450 +0,0 @@
-import { Ref } from 'vue';
-import { ChatInstallOptions } from './types';
-declare function install(app: any, options: ChatInstallOptions): Promise<void>;
-declare function updateGetGroupMessages(groupMessageGetter: ((guid: string, query: string) => Promise<any>) | undefined): void;
-declare const _default: {
-    setLanguage: (lang: import('./types').Language) => void;
-    getGroupMessages: Ref<((guid: string, query: string) => Promise<any>) | undefined, ((guid: string, query: string) => Promise<any>) | undefined>;
-    loadMessageId: Ref<string | undefined, string | undefined>;
-    scrollToMessageId: Ref<string | undefined, string | undefined>;
-    onlineMode: import('vue').WritableComputedRef<import('../offline/types').OnlineStatus, import('../offline/types').OnlineStatus>;
-    onlineStatus: import('vue').ComputedRef<import('../offline/types').OnlineStatus>;
-    theme: 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;
-        };
-        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: import('@cometchat/uikit-resources').CometChatFont) => void;
-            setName: (nameFont: import('@cometchat/uikit-resources').CometChatFont) => void;
-            setTitle1: (titleFont: import('@cometchat/uikit-resources').CometChatFont) => void;
-            setTitle2: (titleFont: import('@cometchat/uikit-resources').CometChatFont) => void;
-            setSubtitle1: (subtitleFont: import('@cometchat/uikit-resources').CometChatFont) => void;
-            setSubtitle2: (subtitleFont: import('@cometchat/uikit-resources').CometChatFont) => void;
-            setText1: (textFont: import('@cometchat/uikit-resources').CometChatFont) => void;
-            setText2: (textFont: import('@cometchat/uikit-resources').CometChatFont) => void;
-            setText3: (textFont: import('@cometchat/uikit-resources').CometChatFont) => void;
-            setCaption1: (captionFont: import('@cometchat/uikit-resources').CometChatFont) => void;
-            setCaption2: (captionFont: import('@cometchat/uikit-resources').CometChatFont) => void;
-            setCaption3: (captionFont: import('@cometchat/uikit-resources').CometChatFont) => void;
-        };
-    }, import('@cometchat/uikit-resources').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;
-        };
-        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: import('@cometchat/uikit-resources').CometChatFont) => void;
-            setName: (nameFont: import('@cometchat/uikit-resources').CometChatFont) => void;
-            setTitle1: (titleFont: import('@cometchat/uikit-resources').CometChatFont) => void;
-            setTitle2: (titleFont: import('@cometchat/uikit-resources').CometChatFont) => void;
-            setSubtitle1: (subtitleFont: import('@cometchat/uikit-resources').CometChatFont) => void;
-            setSubtitle2: (subtitleFont: import('@cometchat/uikit-resources').CometChatFont) => void;
-            setText1: (textFont: import('@cometchat/uikit-resources').CometChatFont) => void;
-            setText2: (textFont: import('@cometchat/uikit-resources').CometChatFont) => void;
-            setText3: (textFont: import('@cometchat/uikit-resources').CometChatFont) => void;
-            setCaption1: (captionFont: import('@cometchat/uikit-resources').CometChatFont) => void;
-            setCaption2: (captionFont: import('@cometchat/uikit-resources').CometChatFont) => void;
-            setCaption3: (captionFont: import('@cometchat/uikit-resources').CometChatFont) => void;
-        };
-    }>;
-    setThemeMode: (mode: import('./types').ThemeMode) => void;
-    loggedIn: Ref<boolean, boolean>;
-    login: typeof import('./login').login;
-    logout: typeof import('./login').logout;
-    getCurrentEnvironment(): import('./types').ChatEnvironmentConfig;
-    setCurrentEnvironment(env: import('./types').Environment): void;
-    setAccessToken: (token: string) => Promise<void>;
-    connect: typeof import('./connection').connect;
-    disconnect: typeof import('./connection').disconnect;
-    connected: import('vue').ComputedRef<boolean>;
-    connecting: import('vue').ComputedRef<boolean>;
-    getGroup(groupUid: string): Promise<import('@cometchat/chat-sdk-javascript').Group | null | undefined>;
-    clearGroupChatCount(groupUid: string): Promise<void>;
-    getGroupOnlineCount(groupUid: string): Promise<number>;
-    getGroupMembersInfo(groupUid: string): Promise<import('./types').ParticipantInfo[]>;
-    getUserChats(): Promise<import('./types').UserChatInfo[]>;
-    searchChat(searchQuery: string, limit?: number): import('./types').SearchedItems | undefined;
-    scrollToMessage(messageId: string): void;
-    getSenderDisplayName(message: import('@cometchat/chat-sdk-javascript').BaseMessage | undefined, group?: Ref<import('@cometchat/chat-sdk-javascript').Group | undefined>): any;
-    getMessageTextPreview(message?: import('@cometchat/chat-sdk-javascript').BaseMessage, showEmoji?: boolean, showAttachmentName?: boolean): string;
-    proxyImage(imageUrl: string): string;
-    getMutedUntil(chatUid: string): Promise<string | null>;
-    muteChat(chatUid: string, mutedUntil: string | null): Promise<string | null>;
-    getMyChatSettings(): Promise<import('./types').PersonSettings>;
-    updateMyChatSettings(settings: Partial<import('./types').PersonSettings>): Promise<import('./types').PersonSettings>;
-    setMuteAll(mute: boolean): Promise<boolean>;
-    toggleMuteAll(): Promise<boolean>;
-    toMarkdownHtml(str: string, mentionedUsers?: import('@cometchat/chat-sdk-javascript').User[]): string;
-    userChats: Ref<import('./types').UserChatInfo[]>;
-    install: typeof install;
-    updateGetGroupMessages: typeof updateGetGroupMessages;
-    initialized: Ref<boolean, boolean>;
-};
-export default _default;

package/dist/chat/logger.d.ts

@@ -1,12 +0,0 @@
-import { LogEntry } from './types';
-declare class Logger {
-    #private;
-    constructor();
-    debug(msg: string, metadata?: Record<string, any>): void;
-    info(msg: string, metadata?: Record<string, any>): void;
-    warn(msg: string, metadata?: Record<string, any>): void;
-    error(msg: string, metadata?: Record<string, any>): void;
-    setCallback(callback: (entry: LogEntry) => void): void;
-}
-declare const logger: Logger;
-export default logger;

package/dist/chat/login.d.ts

@@ -1,14 +0,0 @@
-interface StoredToken {
-    sub: string;
-    token: string;
-}
-export declare const loggedIn: import('vue').Ref<boolean, boolean>;
-export declare function login(accessToken?: string): Promise<void>;
-export declare function logout(): Promise<void>;
-export declare function retrieveCcToken(): StoredToken | null;
-declare const _default: {
-    loggedIn: import('vue').Ref<boolean, boolean>;
-    login: typeof login;
-    logout: typeof logout;
-};
-export default _default;

package/dist/chat/message.d.ts

@@ -1,15 +0,0 @@
-export declare class Message {
-    chatUid?: string;
-    type?: MessageType;
-    text?: string;
-    mediaUrl?: string;
-    metadata?: MessageMetadata;
-}
-export declare enum MessageType {
-    MessageTypeText = "Text",
-    MessageTypeMedia = "Media"
-}
-export declare class MessageMetadata {
-    scheduleDate?: string;
-    file?: File;
-}

package/dist/chat/replyExtension.d.ts

@@ -1,26 +0,0 @@
-import { ExtensionsDataSource, OptionsStyle } from '@cometchat/chat-uikit-vue';
-import { ReplyPreviewStyle } from './replyStyle';
-export declare const bccReplyOptionId = "bccreply";
-declare class InlineReplyExtensionConfiguration {
-    private style;
-    private optionIconURL;
-    private optionStyle;
-    constructor(configuration: {
-        style?: ReplyPreviewStyle;
-        optionIconURL?: string;
-        optionStyle?: OptionsStyle;
-    });
-    getReplyPreviewStyle(): ReplyPreviewStyle | undefined;
-    getOptionIconURL(): string | undefined;
-    getOptionStyle(): OptionsStyle | undefined;
-}
-export declare class InlineReplyExtension extends ExtensionsDataSource {
-    configuration: InlineReplyExtensionConfiguration;
-    constructor({ configuration }?: {
-        configuration: InlineReplyExtensionConfiguration;
-    });
-    enable(): void;
-    addExtension(): void;
-    getExtensionId(): string;
-}
-export {};

package/dist/chat/replyStyle.d.ts

@@ -1,30 +0,0 @@
-import { CometChatTheme } from '@cometchat/uikit-resources';
-import { BaseStyle } from '@cometchat/uikit-shared';
-/**
- * ReplyPreviewStyle
- *
- * @property {string} height - The height of the component.
- * @property {string} width - The width of the component.
- * @property {string} border - The border of the component.
- * @property {string} borderRadius - The border radius of the component.
- * @property {string} background - The background color of the component.
- * @property {string} titleFont - The font of the title text.
- * @property {string} titleColor - The color of the title text.
- * @property {string} subtitleFont - The font of the subtitle text.
- * @property {string} subtitleColor - The color of the subtitle text.
- * @property {string} closeButtonIconTint - The color of the close button.
- */
-export declare class ReplyPreviewStyle extends BaseStyle {
-    titleFont: string;
-    titleColor?: string;
-    subtitleFont: string;
-    subtitleColor?: string;
-    closeButtonIconTint?: string;
-    barLeftPosition: string;
-    barWidth: string;
-    barBackground?: string;
-    barOpacity: string;
-    previewWrapperPadding?: string;
-    previewWrapperOpacity?: string;
-    constructor(props: Partial<ReplyPreviewStyle>, theme: CometChatTheme);
-}

package/dist/chat/rescheduleExtension.d.ts

@@ -1,22 +0,0 @@
-import { ExtensionsDataSource, OptionsStyle } from '@cometchat/chat-uikit-vue';
-export declare const rescheduleOptionId = "reschedule";
-declare class RescheduleExtensionConfiguration {
-    private optionIconURL;
-    private optionStyle;
-    constructor(configuration: {
-        optionIconURL?: string;
-        optionStyle?: OptionsStyle;
-    });
-    getOptionIconURL(): string | undefined;
-    getOptionStyle(): OptionsStyle | undefined;
-}
-export declare class RescheduleExtension extends ExtensionsDataSource {
-    configuration: RescheduleExtensionConfiguration;
-    constructor({ configuration }?: {
-        configuration: RescheduleExtensionConfiguration;
-    });
-    enable(): void;
-    addExtension(): void;
-    getExtensionId(): string;
-}
-export {};

package/dist/chat/scheduledMessage.d.ts

@@ -1,4 +0,0 @@
-import { Ref } from 'vue';
-import { ChatInstance } from './types';
-export declare function rescheduleMessage(scheduleDate: string, originalChatUid: string, muid: string, messageId: number): Promise<boolean>;
-export declare function sendScheduledMessage(scheduleDate: string, originalChatUid: string, chatInstance: Ref<ChatInstance>): Promise<boolean>;

package/dist/chat/styleFix.d.ts

@@ -1,14 +0,0 @@
-/**
- *
- * @param targetSelector
- * @param apply: Array with objects containing the following properties:
- *  - selector Which elements to find and apply the style to
- *  - style The css styles to apply
- *  - shadowDomSelector (optional) If the elements are in a shadow dom, you can specify the selector to find the shadow dom (e.g. 'my-element'
- * @returns
- */
-export declare function watchAndApplyStyle(targetSelector: string, apply: Array<{
-    selector: string;
-    style: Record<string, string>;
-    shadowDomSelector?: string;
-}>): MutationObserver | undefined;