@bcc-code/vue-bcc-chat-ui 3.12.0 → 3.13.0

package/dist/App.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}>;
 export default _default;

package/dist/chat/captionedAttachment.d.ts

@@ -0,0 +1,2 @@
+import { MessageComposerConfiguration } from '@cometchat/uikit-shared';
+export declare function sendMediaMessage(msgComposerConfig: MessageComposerConfiguration, fileObject: File, receiverId: string, receiverType: string, messageType: string): boolean;

package/dist/chat/captionedAttachmentExtension.d.ts

@@ -0,0 +1,7 @@
+import { ExtensionsDataSource } from '@cometchat/chat-uikit-vue';
+export declare class CaptionedAttachmentExtension extends ExtensionsDataSource {
+    constructor();
+    enable(): void;
+    addExtension(): void;
+    getExtensionId(): string;
+}

package/dist/chat/index.d.ts

@@ -2,7 +2,7 @@ import { ChatInstallOptions } from './types';
 declare function install(app: any, options: ChatInstallOptions): Promise<void>;
 declare const _default: {
     setLanguage: (lang: import('./types').Language) => void;
-    onlineMode: import('vue').WritableComputedRef<import('../offline/types').OnlineStatus>;
+    onlineMode: import('vue').WritableComputedRef<import('../offline/types').OnlineStatus, import('../offline/types').OnlineStatus>;
     onlineStatus: import('vue').ComputedRef<import('../offline/types').OnlineStatus>;
     theme: import('vue').Ref<{
         palette: {
@@ -206,9 +206,211 @@ declare const _default: {
             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: import('vue').Ref<boolean>;
+    loggedIn: import('vue').Ref<boolean, boolean>;
     login: (accessToken?: string | null | undefined) => Promise<boolean | undefined>;
     logout: () => Promise<boolean>;
     loginWithChatToken: (chatToken: string) => Promise<boolean>;
@@ -229,6 +431,6 @@ declare const _default: {
     proxyImage(imageUrl: string): string;
     userChats: import('vue').Ref<import('./types').UserChatInfo[]>;
     install: typeof install;
-    initialized: import('vue').Ref<boolean>;
+    initialized: import('vue').Ref<boolean, boolean>;
 };
 export default _default;

package/dist/chat/login.d.ts

@@ -1,9 +1,9 @@
-export declare const loggedIn: import('vue').Ref<boolean>;
+export declare const loggedIn: import('vue').Ref<boolean, boolean>;
 export declare const login: (accessToken?: string | null | undefined) => Promise<boolean | undefined>;
 export declare const logout: () => Promise<boolean>;
 export declare const loginWithChatToken: (chatToken: string) => Promise<boolean>;
 declare const _default: {
-    loggedIn: import('vue').Ref<boolean>;
+    loggedIn: import('vue').Ref<boolean, boolean>;
     login: (accessToken?: string | null | undefined) => Promise<boolean | undefined>;
     logout: () => Promise<boolean>;
     loginWithChatToken: (chatToken: string) => Promise<boolean>;

package/dist/chat/theme.d.ts

@@ -1,4 +1,4 @@
-import { CometChatFont } from '@cometchat/uikit-resources';
+import { CometChatTheme, CometChatFont } from '@cometchat/uikit-resources';
 import { ThemeMode } from './types';
 export declare const theme: import('vue').Ref<{
     palette: {
@@ -202,5 +202,207 @@ export declare const theme: import('vue').Ref<{
         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;
+    };
+    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;
+    };
 }>;
 export declare const setThemeMode: (mode: ThemeMode) => void;

package/dist/chat/types.d.ts

@@ -9,6 +9,11 @@ export interface ChatInstallOptions {
 export interface ChatInstance {
     componentId: string;
     replyToMessage: BaseMessage | null;
+    captionedAttachment: {
+        image?: string;
+        caption?: string;
+        fileObject?: File;
+    } | null;
 }
 export interface View {
     componentName: string;

package/dist/chat/uiKit.d.ts

@@ -3,6 +3,6 @@ import { Ref } from 'vue';
 import { MessageListConfiguration, MessageComposerConfiguration, ThreadedMessagesConfiguration } from '@cometchat/uikit-shared';
 import { ChatInstance } from './types';
 export declare function setupUiKit(): Promise<void>;
-export declare function getMessageComposerConfiguration(): Ref<MessageComposerConfiguration>;
+export declare function getMessageComposerConfiguration(chatInstance?: Ref<ChatInstance>): Ref<MessageComposerConfiguration>;
 export declare function getMessageListConfiguration(chatInstance?: Ref<ChatInstance>, group?: Ref<Group | undefined>): import('vue').ComputedRef<MessageListConfiguration>;
 export declare function getThreadedMessagesConfiguration(chatGroup?: Ref<Group | undefined>): ThreadedMessagesConfiguration;

package/dist/components/BccAttachmentBox.vue.d.ts

@@ -0,0 +1,29 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    captionedAttachment: {
+        type: ObjectConstructor;
+    };
+    closeButtonIconURL: {
+        type: StringConstructor;
+        default: string;
+    };
+    previewStyle: {
+        type: ObjectConstructor;
+        default: {};
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    captionedAttachment: {
+        type: ObjectConstructor;
+    };
+    closeButtonIconURL: {
+        type: StringConstructor;
+        default: string;
+    };
+    previewStyle: {
+        type: ObjectConstructor;
+        default: {};
+    };
+}>> & Readonly<{}>, {
+    previewStyle: Record<string, any>;
+    closeButtonIconURL: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}>;
+export default _default;

package/dist/components/BccAttachmentPreview.vue.d.ts

@@ -0,0 +1,23 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    captionedAttachment: {
+        type: ObjectConstructor;
+        default: {};
+    };
+    previewStyle: {
+        type: ObjectConstructor;
+        default: {};
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    captionedAttachment: {
+        type: ObjectConstructor;
+        default: {};
+    };
+    previewStyle: {
+        type: ObjectConstructor;
+        default: {};
+    };
+}>> & Readonly<{}>, {
+    previewStyle: Record<string, any>;
+    captionedAttachment: Record<string, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}>;
+export default _default;

package/dist/components/BccChatMessageBubble.vue.d.ts

@@ -1,20 +1,83 @@
-import { User } from '@cometchat/chat-sdk-javascript';
-declare const _default: import('vue').DefineComponent<__VLS_TypePropsToOption<{
-    text: string;
-    metadata: Record<string, any>;
-    mentionedUsers: User[];
-}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToOption<{
-    text: string;
-    metadata: Record<string, any>;
-    mentionedUsers: User[];
-}>>>, {}, {}>;
-export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
+import { MediaMessage, User } from '@cometchat/chat-sdk-javascript';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    text: {
+        type: StringConstructor;
+        required: true;
+    };
+    metadata: {
+        type: ObjectConstructor;
+    };
+    mentionedUsers: {
+        type: {
+            (arrayLength: number): User[];
+            (...items: User[]): User[];
+            new (arrayLength: number): User[];
+            new (...items: User[]): User[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            of<T>(...items: T[]): T[];
+            fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
+            fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>) => U, thisArg?: any): Promise<Awaited<U>[]>;
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+    };
+    message: {
+        type: typeof MediaMessage;
+        default: null;
+    };
+    placeholderImage: {
+        type: StringConstructor;
+        default: null;
+    };
+    src: {
+        type: StringConstructor;
+        default: null;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    text: {
+        type: StringConstructor;
         required: true;
     };
-};
+    metadata: {
+        type: ObjectConstructor;
+    };
+    mentionedUsers: {
+        type: {
+            (arrayLength: number): User[];
+            (...items: User[]): User[];
+            new (arrayLength: number): User[];
+            new (...items: User[]): User[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            of<T>(...items: T[]): T[];
+            fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
+            fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>) => U, thisArg?: any): Promise<Awaited<U>[]>;
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+    };
+    message: {
+        type: typeof MediaMessage;
+        default: null;
+    };
+    placeholderImage: {
+        type: StringConstructor;
+        default: null;
+    };
+    src: {
+        type: StringConstructor;
+        default: null;
+    };
+}>> & Readonly<{}>, {
+    message: MediaMessage;
+    src: string;
+    placeholderImage: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}>;
+export default _default;

package/dist/components/BccChatMessageList.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     chatUid: {
         type: StringConstructor;
         required: true;
@@ -7,7 +7,7 @@ declare const _default: import('vue').DefineComponent<{
         type: StringConstructor;
         required: false;
     };
-}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     chatUid: {
         type: StringConstructor;
         required: true;
@@ -16,5 +16,5 @@ declare const _default: import('vue').DefineComponent<{
         type: StringConstructor;
         required: false;
     };
-}>>, {}, {}>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}>;
 export default _default;