@bcc-code/vue-bcc-chat-ui 3.6.1 → 3.7.0

package/dist/chat/cometChatPatches.d.ts

@@ -0,0 +1,4 @@
+import { CometChatMessages } from '@cometchat/chat-uikit-vue';
+
+declare const patchedCometChatMessages: typeof CometChatMessages;
+export { patchedCometChatMessages as CometChatMessages };

package/dist/chat/data.d.ts

@@ -1,9 +1,11 @@
-import { UserChatInfo } from './types';
+import { Group, BaseMessage } from '@cometchat/chat-sdk-javascript';
 import { Ref } from 'vue';
-import { Group } from '@cometchat/chat-sdk-javascript';
+import { UserChatInfo } from './types';
 
 export declare function getGroup(groupUid: string): Promise<Group | null>;
 export declare function clearGroupChatCount(groupUid: string): Promise<void>;
 export declare function getGroupOnlineCount(groupUid: string): Promise<number>;
 export declare const userChats: Ref<UserChatInfo[]>;
 export declare function getUserChats(): Promise<UserChatInfo[]>;
+export declare function getMessageTextPreview(message?: BaseMessage, showEmoji?: boolean, showAttachmentName?: boolean): string;
+export declare function proxyImage(imageUrl: string): string;

package/dist/chat/index.d.ts

@@ -3,8 +3,8 @@ 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>;
-    onlineStatus: import('vue').ComputedRef<import("../offline/types").OnlineStatus>;
+    onlineMode: import('vue').WritableComputedRef<import('../offline/types').OnlineStatus>;
+    onlineStatus: import('vue').ComputedRef<import('../offline/types').OnlineStatus>;
     theme: import('vue').Ref<{
         palette: {
             mode: string;
@@ -104,24 +104,24 @@ declare const _default: {
             getBackground: (mode?: string | undefined) => string | undefined;
             getTertiary: (mode?: string | undefined) => 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 | undefined) => 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;
+            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 | undefined) => 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;
@@ -194,18 +194,18 @@ declare const _default: {
             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;
+            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;
@@ -224,7 +224,9 @@ declare const _default: {
     clearGroupChatCount(groupUid: string): Promise<void>;
     getGroupOnlineCount(groupUid: string): Promise<number>;
     getUserChats(): Promise<import('./types').UserChatInfo[]>;
-    userChats: import('vue').Ref<import("./types").UserChatInfo[]>;
+    getMessageTextPreview(message?: import('@cometchat/chat-sdk-javascript').BaseMessage | undefined, showEmoji?: boolean, showAttachmentName?: boolean): string;
+    proxyImage(imageUrl: string): string;
+    userChats: import('vue').Ref<import('./types').UserChatInfo[]>;
     install: typeof install;
     initialized: import('vue').Ref<boolean>;
 };

package/dist/chat/replyExtension.d.ts

@@ -0,0 +1,27 @@
+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

@@ -0,0 +1,31 @@
+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/theme.d.ts

@@ -99,24 +99,24 @@ export declare const theme: import('vue').Ref<{
         getBackground: (mode?: string | undefined) => string | undefined;
         getTertiary: (mode?: string | undefined) => 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 | undefined) => 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;
+        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 | undefined) => 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;
@@ -189,18 +189,18 @@ export declare const theme: import('vue').Ref<{
         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;
+        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;
     };
 }>;
 export declare const setThemeMode: (mode: ThemeMode) => void;

package/dist/chat/types.d.ts

@@ -1,3 +1,4 @@
+import { BaseMessage } from '@cometchat/chat-sdk-javascript';
 import { Ref } from 'vue';
 
 export interface ChatInstallOptions {
@@ -6,6 +7,14 @@ export interface ChatInstallOptions {
     themeMode: ThemeMode;
     accessToken?: Ref<string | null | undefined> | null | undefined | string;
 }
+export interface ChatInstance {
+    componentId: string;
+    replyToMessage: BaseMessage | null;
+}
+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 = {

package/dist/chat/uiKit.d.ts

@@ -1,6 +1,8 @@
+import { Ref } from 'vue';
 import { MessageListConfiguration, MessageComposerConfiguration, ThreadedMessagesConfiguration } from '@cometchat/uikit-shared';
+import { ChatInstance } from './types';
 
 export declare function setupUiKit(): Promise<void>;
-export declare const messageComposerConfiguration: MessageComposerConfiguration;
-export declare const messageListConfiguration: import('vue').ComputedRef<MessageListConfiguration>;
-export declare const threadedMessagesConfiguration: ThreadedMessagesConfiguration;
+export declare function getMessageComposerConfiguration(): Ref<MessageComposerConfiguration>;
+export declare function getMessageListConfiguration(chatInstance?: Ref<ChatInstance>): import('vue').ComputedRef<MessageListConfiguration>;
+export declare function getThreadedMessagesConfiguration(): ThreadedMessagesConfiguration;

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

@@ -4,7 +4,7 @@ declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimePr
     text: string;
     metadata: Record<string, any>;
     mentionedUsers: User[];
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     text: string;
     metadata: Record<string, any>;
     mentionedUsers: User[];

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

@@ -3,7 +3,7 @@ declare const _default: import('vue').DefineComponent<{
         type: StringConstructor;
         required: true;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     chatUid: {
         type: StringConstructor;
         required: true;

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

@@ -0,0 +1,37 @@
+import { BaseMessage } from '@cometchat/chat-sdk-javascript';
+
+declare const _default: import('vue').DefineComponent<{
+    replyToMessage: {
+        type: typeof BaseMessage;
+    };
+    titlePrefix: {
+        type: StringConstructor;
+    };
+    closeButtonIconURL: {
+        type: StringConstructor;
+        default: string;
+    };
+    previewStyle: {
+        type: ObjectConstructor;
+        default: {};
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    replyToMessage: {
+        type: typeof BaseMessage;
+    };
+    titlePrefix: {
+        type: StringConstructor;
+    };
+    closeButtonIconURL: {
+        type: StringConstructor;
+        default: string;
+    };
+    previewStyle: {
+        type: ObjectConstructor;
+        default: {};
+    };
+}>>, {
+    previewStyle: Record<string, any>;
+    closeButtonIconURL: string;
+}, {}>;
+export default _default;

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

@@ -0,0 +1,31 @@
+import { BaseMessage } from '@cometchat/chat-sdk-javascript';
+
+declare const _default: import('vue').DefineComponent<{
+    replyToMessage: {
+        type: typeof BaseMessage;
+    };
+    titlePrefix: {
+        type: StringConstructor;
+        default: string;
+    };
+    previewStyle: {
+        type: ObjectConstructor;
+        default: {};
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    replyToMessage: {
+        type: typeof BaseMessage;
+    };
+    titlePrefix: {
+        type: StringConstructor;
+        default: string;
+    };
+    previewStyle: {
+        type: ObjectConstructor;
+        default: {};
+    };
+}>>, {
+    titlePrefix: string;
+    previewStyle: Record<string, any>;
+}, {}>;
+export default _default;

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

@@ -1,90 +1,2 @@
-declare const _default: import('vue').DefineComponent<{
-    hideError: {};
-    scrollToBottomOnNewMessages: {};
-    errorStateView: {};
-    loadingStateView: {};
-    emptyStateView: {};
-    state: {};
-    thresholdValue: {};
-    errorStateText: {};
-    emptyStateText: {};
-    loadingIconURL: {};
-    user: {};
-    group: {};
-    disableReceipt: {};
-    onError: {};
-    disableSoundForMessages: {};
-    customSoundForMessages: {};
-    readIcon: {};
-    deliveredIcon: {};
-    sentIcon: {};
-    waitIcon: {};
-    errorIcon: {};
-    alignment: {};
-    showAvatar: {};
-    timestampAlignment: {};
-    DateSeparatorPattern: {};
-    templates: {};
-    messagesRequestBuilder: {};
-    newMessageIndicatorText: {};
-    onThreadRepliesClick: {};
-    headerView: {};
-    footerView: {};
-    datePattern: {};
-    parentMessageId: {};
-    avatarStyle: {};
-    dateSeparatorStyle: {};
-    messageListStyle: {};
-    messageInformationConfiguration: {};
-    reactionsConfiguration: {};
-    disableReactions: {};
-    emojiKeyboardStyle: {};
-    threadIndicatorIcon: {};
-    disableMentions: {};
-    textFormatters: {};
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    hideError: {};
-    scrollToBottomOnNewMessages: {};
-    errorStateView: {};
-    loadingStateView: {};
-    emptyStateView: {};
-    state: {};
-    thresholdValue: {};
-    errorStateText: {};
-    emptyStateText: {};
-    loadingIconURL: {};
-    user: {};
-    group: {};
-    disableReceipt: {};
-    onError: {};
-    disableSoundForMessages: {};
-    customSoundForMessages: {};
-    readIcon: {};
-    deliveredIcon: {};
-    sentIcon: {};
-    waitIcon: {};
-    errorIcon: {};
-    alignment: {};
-    showAvatar: {};
-    timestampAlignment: {};
-    DateSeparatorPattern: {};
-    templates: {};
-    messagesRequestBuilder: {};
-    newMessageIndicatorText: {};
-    onThreadRepliesClick: {};
-    headerView: {};
-    footerView: {};
-    datePattern: {};
-    parentMessageId: {};
-    avatarStyle: {};
-    dateSeparatorStyle: {};
-    messageListStyle: {};
-    messageInformationConfiguration: {};
-    reactionsConfiguration: {};
-    disableReactions: {};
-    emojiKeyboardStyle: {};
-    threadIndicatorIcon: {};
-    disableMentions: {};
-    textFormatters: {};
-}>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/dist/offline/offlineStoreLocalStorage.d.ts

@@ -6,6 +6,9 @@ export declare class OfflineStoreLocalStorage implements OfflineStore {
     constructor(storePrefix?: string);
     getGroupMessages(groupId: string, pagination: MessagePaginationMeta): PaginatedResponse<Message>;
     getThreadMessages(parentId: string, pagination: MessagePaginationMeta): PaginatedResponse<Message>;
+    getMessage(messageId: string): {
+        data: Message;
+    };
     saveMessages(messages: Message[]): void;
     purgeMessages(keepByConversationIds: string[]): void;
     getConversations(pagination: ConversationPaginationMeta): PaginatedResponse<Conversation>;

package/dist/offline/types.d.ts

@@ -20,6 +20,7 @@ export interface Message {
     receiver: string;
     sentAt: number;
     parentId?: string;
+    data?: any;
 }
 export interface Conversation {
     conversationId: string;
@@ -35,6 +36,9 @@ export interface PaginatedResponse<T> {
 export interface OfflineStore {
     getGroupMessages(groupId: string, pagination: MessagePaginationMeta): PaginatedResponse<Message>;
     getThreadMessages(parentId: string, pagination: MessagePaginationMeta): PaginatedResponse<Message>;
+    getMessage(messageId: string): {
+        data: Message;
+    };
     saveMessages(messages: Message[]): void;
     purgeMessages(keepByConversationIds: string[]): void;
     getConversations(pagination: ConversationPaginationMeta): PaginatedResponse<Conversation>;

package/dist/style.css

@@ -1 +1 @@
-.cc-callscreen__view[data-v-a135c3f8],.cc-outgoingcall__wrapper[data-v-f7ff9c81],.cc-call-buttons__wrapper[data-v-3c946f4b]{height:100%;width:100%}.cc-callbuttons-buttons[data-v-3c946f4b]{display:flex;gap:8px}.cc-incomingcall__wrapper[data-v-efdc2891]{position:absolute;left:8px;top:8px;height:fit-content;width:fit-content;min-height:104px;min-width:230px;z-index:100;display:flex;flex-direction:column;justify-content:flex-start;gap:8px;align-items:flex-start}.cc-incomingcall-buttons[data-v-efdc2891]{display:flex;gap:8px}.cc-incomingcall__tailview[data-v-efdc2891]{position:relative}.cc-incomingcall__subtitleview[data-v-efdc2891]{display:flex;align-items:center;justify-content:flex-start;gap:6px}.cc-incomingcall__listitem[data-v-efdc2891]{width:100%;margin-left:-4px}*[data-v-2abc65da]{box-sizing:border-box}.cc-list__section[data-v-2abc65da]{margin-left:8px}.cc-list__list[data-v-2abc65da]::-webkit-scrollbar{background:transparent;width:8px}.cc-list__list[data-v-2abc65da]::-webkit-scrollbar-thumb{background:#e8e5e5;border-radius:8px}.cc-users[data-v-e629a2c0]{overflow:hidden}.cc-users__menus[data-v-e629a2c0]{position:absolute;top:12px;right:12px;cursor:pointer}.cc-add-members__back-button[data-v-0d5d72e4]{position:absolute;left:8px;padding:12px 8px 8px}.cc-add-members__close-button[data-v-0d5d72e4]{position:absolute;right:8px;padding:12px 8px 8px}.cc-users[data-v-0d5d72e4]{height:90%}.cc-add-members__buttons[data-v-0d5d72e4]{height:10%;width:100%;display:flex;align-items:center;justify-content:center}.cc-add-members__buttons-add[data-v-0d5d72e4]{height:42px;width:100%}.cc-banned-members__back[data-v-830533bf]{position:absolute;left:8px;padding:12px 8px 8px}.cc-banned-members__close-button[data-v-830533bf]{position:absolute;right:8px;padding:12px 8px 8px}.cc-banned-members__tail-view[data-v-830533bf]{position:relative}.cc-banned-members__menus[data-v-830533bf]{position:absolute;right:12px;cursor:pointer}.cc-banned-members__unban[data-v-830533bf]{display:flex;align-items:center;justify-content:flex-end}.tail__view[data-v-a46c892f]{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.cc-conversations__menus[data-v-a46c892f]{position:absolute;right:12px;cursor:pointer}.cc-conversations__default-subtitle-view[data-v-a46c892f]{display:flex;align-items:center;width:90%;flex-direction:column;justify-content:flex-start}.cc-conversations__subtitle[data-v-a46c892f]{display:flex;justify-content:flex-start;width:100%;align-items:center;min-height:22px}.cc-conversations__thread-view[data-v-a46c892f]{height:12px;display:flex;justify-content:flex-start;width:100%;align-items:center}.cc-conversations__subtitle-text[data-v-a46c892f]{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.cc-conversations__badge[data-v-a46c892f]{display:flex}.hidden[data-v-6971671a]{display:none!important}*[data-v-6971671a]{box-sizing:border-box}.cc-messagebubble-wrapper[data-v-6971671a]{position:relative;width:100%}.cc-messagebubble-wrapper__container[data-v-6971671a]{padding-right:8px;border-radius:inherit;display:flex;height:fit-content;width:fit-content;max-width:60%}.cc-messagebubble-wrapper__messagebubble[data-v-6971671a]{flex:1 1 0;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-end;min-width:0;padding:8px 2px;border-radius:inherit}.cc-messagebubble-wrapper__avatar[data-v-6971671a]{position:relative;border-radius:inherit;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-end;padding:8px 4px;margin-top:5px}.cc-messagebubble-title[data-v-6971671a]:empty:before{display:none}.cc-messagebubble-title[data-v-6971671a]:empty:after{display:block;width:100%;height:20px;padding:0 8px}.cc-messagebubble-wrapper__content[data-v-6971671a]{display:flex;flex-direction:column;border-radius:8px}.cc__messagelist__threadreplies[data-v-6971671a]{min-width:fit-content}.cc-messagebubble-wrapper__messageoptions[data-v-6971671a]{position:absolute;top:-4px;display:flex;align-items:center;justify-content:flex-end;z-index:1}.cc-message-information__close-button[data-v-e7349764]{position:absolute;right:15px}.cc-message-information__body[data-v-e7349764]{padding:20px 3%;box-sizing:border-box}.cc-message-information__default-subtitle-view[data-v-e7349764]{display:flex;align-items:self-end;width:90%;flex-direction:column;justify-content:flex-start}.cc-message_information__subtitle[data-v-e7349764]{display:flex;justify-content:space-between;width:100%;align-items:center;height:20px}.cc-conversations__date[data-v-e7349764]{display:flex;justify-content:flex-start;align-items:center;height:20px}.cc_message-information__body_message-bubble[data-v-e7349764]{display:flex}.cc-message_information__receipt-container[data-v-e7349764]{display:flex;align-items:center}.cc_message-information_empty-state-view[data-v-e7349764]{display:flex;align-items:flex-start;justify-content:center;margin-top:20px}.cc-messagelist[data-v-31b352ec]{height:100%;width:100%;overflow-y:auto}.cc-messagelist__wrapper[data-v-31b352ec]{height:100%;width:100%;padding:8px;overflow-y:hidden}.cc-messagelist__bubblefooter[data-v-31b352ec]{display:flex;justify-content:center;align-items:center}.cc-messagelist__date__container[data-v-31b352ec]{text-align:center;margin:8px}.cc-messagelist__date[data-v-31b352ec]{border-radius:10px}.cc-messagelist__messageindicator[data-v-31b352ec]{position:absolute;bottom:20%;left:50%;transform:translate(-50%);height:25px;width:150px;display:flex;justify-content:center;align-items:center;z-index:10}.cc-messagelist__footerview[data-v-31b352ec]{z-index:10;position:relative;bottom:5%;display:flex;align-items:center;justify-content:center;width:100%}.cc-messagelist__decoratormessage[data-v-31b352ec]{margin:0;line-height:30px;word-wrap:break-word;padding:0 8px;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;height:100%}.cc-messagelist[data-v-31b352ec]::-webkit-scrollbar{background:transparent;width:8px}.cc-messagelist[data-v-31b352ec]::-webkit-scrollbar-thumb{background:#e8e5e5;border-radius:8px}.cc-messagelist__message-information[data-v-31b352ec]{height:620px;width:360px}.cc-group-members[data-v-ec8effff]{overflow:hidden}.cc-group-members__back[data-v-ec8effff]{position:absolute;left:8px;padding:12px 8px 8px}.cc-group-members__wrapper[data-v-ec8effff]{height:100%;padding:8px;width:100%}.cc-group-members__close[data-v-ec8effff]{position:absolute;right:8px;padding:12px 8px 8px}.cc-group-members__tail-view[data-v-ec8effff]{position:relative;display:flex;gap:8px;justify-content:flex-end;align-items:center}.cc-group-members__menus[data-v-ec8effff]{position:absolute;right:12px;cursor:pointer}.cc-user-member-wrapper_component[data-v-889f1824]{max-height:196px;min-height:28px;overflow:hidden;width:100%;box-sizing:border-box;min-height:45px;margin-top:10px}.cc-messagecomposer-wrapper__sendbutton[data-v-3672c4a1],.cc-messagecomposer-wrapper__livereaction[data-v-3672c4a1]{margin:0 5px}.cc-messagecomposer-wrapper[data-v-3672c4a1]{height:100%;width:100%;position:relative;text-align:left;padding:16px 14px;box-sizing:border-box}.cc-messagecomposer-wrapper__headerview[data-v-3672c4a1]{height:fit-content;width:100%;bottom:120%;position:relative;z-index:2;padding:0 0 1px}.cc-messagecomposer__mentions[data-v-3672c4a1]{height:196px;max-height:196px;min-height:28px;overflow:hidden;position:absolute;width:100%;box-sizing:border-box;left:50%;transform:translate(-50%,-100%);display:flex!important;flex-direction:column!important;justify-content:flex-end!important;z-index:2;padding:3px 16px 1px 14px}.cc-messagecomposer__mentions[data-v-3672c4a1]::-webkit-scrollbar{display:none}.cc-messagecomposer-mediainput[data-v-3672c4a1]{display:none}.cc-messagecomposer-wrapper__auxilary[data-v-3672c4a1]{display:flex;gap:8px}.cc-messagecomposer__mentions-limit-exceeded[data-v-3672c4a1]{margin-top:20px;left:2px;position:relative;padding-left:13px;background-color:#fff}*[data-v-432766b6]{box-sizing:border-box;margin:0;padding:0}.cc-threadedmessages-wrapper[data-v-432766b6]{display:flex;flex-direction:column;height:90%;overflow-y:hidden;scrollbar-width:none}.cc-threadedmessages-wrapper__header[data-v-432766b6]{width:100%;display:flex;padding:16px;align-items:flex-start}.cc-threadedmessages-wrapper__close[data-v-432766b6]{display:flex;align-items:center}.cc-threadedmessages-wrapper__title[data-v-432766b6]{display:flex;align-items:center;justify-content:center;width:100%}.cc-threadedmessages-wrapper__bubbleview[data-v-432766b6]{width:100%;height:fit-content;padding:8px 16px;box-sizing:border-box;max-height:20em;overflow:scroll;min-height:100px}.cc-threadedmessages-wrapper__header[data-v-432766b6]{flex:0 0 auto}.cc-threadedmessages-wrapper__list[data-v-432766b6]{height:100%;overflow-y:auto;width:100%}.cc-threadedmessages-wrapper__composer[data-v-432766b6]{position:absolute;flex:0 0 auto;min-height:80px;z-index:1;width:100%;bottom:5px}.cc-threaded_message_main_wrapper[data-v-432766b6]{width:100%;height:calc(100% - 156px);display:flex;flex-direction:column}.cc__threadedmessages__actionview[data-v-432766b6]{height:36px;padding:8px 16px;box-sizing:border-box;border:1px solid rgba(20,20,20,.08);border-left:none}.cc-messageheader__wrapper[data-v-e3d99b23]{display:flex;align-items:center;justify-content:space-between;flex-direction:row;box-sizing:border-box}.cc-messageheader__backbutton[data-v-e3d99b23]{margin-right:8px}.cc-messageheader[data-v-e3d99b23]{display:flex;align-items:center;justify-content:flex-start;height:fit-content;width:100%}.cc-messageheader__listitem[data-v-e3d99b23]{height:100%;width:100%;align-items:center;justify-content:flex-start}.cc-messageheader__menu[data-v-e3d99b23]{width:fit-content;display:flex;align-items:center;justify-content:flex-end;padding:12px}.cc-transfer-ownership__members[data-v-dc105c9f]{width:100%;height:85%}.cc-transfer-ownership-buttons[data-v-dc105c9f]{width:100%;height:15%;display:flex;flex-direction:column;justify-content:flex-end;align-content:center;gap:10px;padding:12px 16px 28px;box-sizing:border-box}*[data-v-883b1b7e]{box-sizing:border-box;margin:0;padding:0}.cc-details__wrapper[data-v-883b1b7e]{padding:8px;border-radius:5px;height:100%;position:relative}.cc-details__profile[data-v-883b1b7e]{margin-bottom:50px;height:8%}.cc-details__section-list[data-v-883b1b7e]{height:84%;width:100%;overflow-y:auto;overflow-x:hidden}.cc-details__header[data-v-883b1b7e]{display:flex;justify-content:center;align-items:center;margin-bottom:30px}.cc-details__close-button[data-v-883b1b7e]{position:absolute;right:20px}.cc-details__section[data-v-883b1b7e]{margin-bottom:32px}.cc-details__section-separator[data-v-883b1b7e]{margin-bottom:16px;padding-left:6px;height:5%}.cc-details__options-wrapper[data-v-883b1b7e]{list-style:none;padding:0;display:flex;flex-direction:column;gap:8px}.cc-details__option[data-v-883b1b7e]{display:flex;flex-direction:column;justify-content:space-evenly;min-height:50px}.cc-details__option-title[data-v-883b1b7e]{padding-bottom:12px;display:flex;align-items:center;justify-content:space-between}.cc-details__view[data-v-883b1b7e]{position:absolute;top:0;left:0;height:100%;width:100%;max-height:100%;overflow-y:auto;overflow-x:hidden;max-width:100%;z-index:1}.cc-details__section-list[data-v-883b1b7e]::-webkit-scrollbar{background:transparent;width:8px}.cc-details__section-list[data-v-883b1b7e]::-webkit-scrollbar-thumb{background:#e8e5e5;border-radius:8px}*[data-v-5716d3a9]{box-sizing:border-box;margin:0;padding:0}.cc-messages-wrapper[data-v-5716d3a9]{display:flex;position:relative;height:100%;width:100%}.cc-messages-wrapper__messages[data-v-5716d3a9]{display:flex;flex-direction:column;position:relative;width:100%;box-sizing:border-box;justify-content:space-between}.cc-messages-wrapper__threadedmessages[data-v-5716d3a9],.cc-messages-wrapper__details[data-v-5716d3a9]{position:absolute;top:5;left:0;height:100%;width:100%;max-height:100%;overflow-y:auto;overflow-x:hidden;max-width:100%;z-index:1}.cc-messages-wrapper__header[data-v-5716d3a9]{width:100%}.cc-messages-wrapper__messages-list[data-v-5716d3a9]{overflow:hidden;height:calc(100% - 160px);width:100%;height:100%}CometChatThreadedMessages[data-v-5716d3a9]{height:100%;display:flex}.cc-messages-wrapper__composer[data-v-5716d3a9]{width:100%;display:flex;flex-direction:column;justify-content:flex-end}.cc-groups__menus[data-v-d880813b]{position:absolute;right:12px;cursor:pointer;padding-right:12px}.cc-groups__subtitle-view[data-v-d880813b]{padding:0 0 5px}.cc-tabs-wrapper[data-v-6172e2d3]{height:100%;width:100%;display:flex;flex-direction:column;justify-content:flex-end}.cc-tabs-wrapper_inner-div[data-v-6172e2d3]{height:100%;width:100%}.cc-tabs-wrapper-fixed_inner-div[data-v-6172e2d3]{margin-top:10px;height:80%;overflow:hidden}.cc-tabs-wrapper-fixed[data-v-6172e2d3]{height:100%;width:100%;display:flex;justify-content:center}.cc-tabs-wrapper-fixed-inner[data-v-6172e2d3]{height:100%;width:70%}.cc-tabs-fixed[data-v-6172e2d3]{top:0;left:0;width:100%}.cc-contacts__wrapper[data-v-9e87e8c4]{display:flex;flex-direction:column;height:100%;width:100%;align-items:flex-end;z-index:2}.cc-contacts__header[data-v-9e87e8c4]{display:flex;justify-content:center;align-items:center;height:50px;width:100%;box-sizing:border-box;padding:10px}.cc-contacts__close-button[data-v-9e87e8c4]{position:absolute;right:20px}.cc-withmessages__wrapper[data-v-b124a694]{display:flex;height:100%;width:100%;box-sizing:border-box}.cc-withmessages__sidebar[data-v-b124a694]{width:280px;height:100%;position:relative;display:flex}.cc-withmessages__main[data-v-b124a694]{width:calc(100% - 280px);height:100%;margin-left:2px}.mobile[data-v-b124a694]{width:100%!important;height:100%;position:absolute}.cc-decorator__message-empty[data-v-b124a694]{display:flex;justify-content:center;align-items:center;width:calc(100% - 280px)}.cc-withmessages__menus[data-v-b124a694]{display:flex;justify-content:flex-end;position:absolute;top:1%;right:2%}.cc-withmessages-wrapper[data-v-ba8e0f68]{display:flex;height:100%;width:100%;box-sizing:border-box}.cc-withmessages__sidebar[data-v-ba8e0f68]{width:280px;height:100%;position:relative}.cc-withmessages__main[data-v-ba8e0f68]{width:calc(100% - 280px);height:100%;margin-left:2px}.mobile[data-v-ba8e0f68]{width:100%!important;height:100%;position:absolute}.cc__decorator__message--empty[data-v-ba8e0f68]{display:flex;justify-content:center;align-items:center;width:calc(100% - 280px)}.cc-withmessages__joingroup[data-v-ba8e0f68]{width:calc(100% - 280px);height:100vh}.cc-decorator-message-empty[data-v-ba8e0f68]{display:flex;justify-content:center;align-items:center;width:calc(100% - 280px)}.cc-withmessages-wrapper[data-v-d6eab96f]{display:flex;height:100%;width:100%;box-sizing:border-box}.cc-withmessages__sidebar[data-v-d6eab96f]{width:280px;height:100%;position:relative}.cc-withmessages__main[data-v-d6eab96f]{width:calc(100% - 280px);height:100%;margin-left:2px}.mobile[data-v-d6eab96f]{width:100%!important;height:100%;position:absolute}.cc-decorator-message-empty[data-v-d6eab96f]{display:flex;justify-content:center;align-items:center;width:calc(100% - 280px)}.bcc-chat-msg-bubble{padding:8px 12px;width:auto;max-width:500px;line-height:1.2;font:400 14px Archivo,sans-serif,Inter;color:var(--cc__text-color)}.bcc-chat-msg-bubble p{color:var(--cc__text-color);line-height:1.2;word-break:break-word;text-align:left;white-space:normal;margin:8px 0}.bcc-chat-msg-bubble p:first-child{margin-top:0}.bcc-chat-msg-bubble p:last-child{margin-bottom:0}.bcc-chat-msg-bubble h1{font-size:1.6em;font-weight:800}.bcc-chat-msg-bubble h2{font-size:1.4em;font-weight:700}.bcc-chat-msg-bubble h3{font-size:1.2em;font-weight:600}.bcc-chat-msg-bubble h4{font-size:1em;font-weight:500}.bcc-chat-msg-bubble a{color:var(--cc__link-color);text-decoration:underline;font-weight:500}.bcc-chat-msg-bubble ul{padding-left:16px;list-style:disc;margin:8px 0}.bcc-chat-msg-bubble ol{padding-left:16px;list-style:decimal;margin:8px 0}.bcc-chat-msg-bubble--translated{border-top:1px solid;opacity:.8}.bcc-chat-msg-bubble--translated:before{content:"original: ";opacity:.8;margin-bottom:8px;font-size:12px;display:block}body{background:#fff;color:#000}@media (prefers-color-scheme: dark){body{background:#000;color:#fff}}.bcc-chat-message-list-wrapper{position:relative;height:100%}.bcc-chat-message-list{height:100%;--cc__primary: #cfeac8;--cc__background: #f3faf7;--cc__secondary: white;--cc__accent: #004e48;--cc__accent50: rgba(62, 142, 117, .04);--cc__accent100: #ffffff;--cc__accent200: rgba(62, 142, 117, .15);--cc__accent300: rgba(62, 142, 117, .24);--cc__accent400: rgba(62, 142, 117, .33);--cc__accent500: rgba(62, 142, 117, .46);--cc__accent600: #004e48;--cc__accent700: #254a40;--cc__accent800: rgba(62, 142, 117, .82);--cc__accent900: #f3faf7;--cc__text-color: #000;--cc__link-color: #57639e}@media (prefers-color-scheme: dark){.bcc-chat-message-list{--cc__primary: #57639e;--cc__background: hsl(230, 25%, 15%);--cc__secondary: #111827;--cc__accent: #6274ae;--cc__accent50: rgba(98, 116, 174, .24);--cc__accent100: linear-gradient(45deg, #05070b 0%, #0c111c 100%);--cc__accent200: rgba(98, 116, 174, .35);--cc__accent300: rgba(98, 116, 174, .44);--cc__accent400: rgba(98, 116, 174, .53);--cc__accent500: rgba(98, 116, 174, .66);--cc__accent600: #758abc;--cc__accent700: #6274ae;--cc__accent800: rgba(98, 116, 174, .92);--cc__accent900: #f3faf7;--cc__text-color: #fff;--cc__link-color: #cfeac8}}.bcc-chat-message-list .cc-messages-wrapper .cc-messages-wrapper__messages .cc-messages-wrapper__messages-list{height:calc(100% - 96px)}.bcc-chat-message-list .cc-messagebubble-wrapper__container{max-width:80%}.bcc-chat-message-list .cc-messagebubble-wrapper__messageoptions{border-radius:8px}.bcc-chat-message-list .cc-messagebubble-wrapper__messageoptions .cc-context-menu__top-menu{border:1px var(--cc__secondary) solid!important}.bcc-chat-message-list .bcc-chat-message-composer-offline{position:relative;top:-96px;height:96px;width:100%;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--cc__text-color);font:700 1rem sans-serif}.bcc-chat-message-list .bcc-chat-message-composer-offline span{width:100%;height:100%;display:flex;justify-content:center;align-items:center;border-radius:8px 8px 0 0}.bcc-chat-message-list-offline{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;font:700 22px sans-serif;color:#bcbcbc}.cc-messagecomposer__emojikeyboard{display:none}.cc-threadedmessages-wrapper__bubbleview::-webkit-scrollbar,.cc__message-list::-webkit-scrollbar{background:transparent;width:8px}.cc-threadedmessages-wrapper__bubbleview::-webkit-scrollbar-thumb,.cc__message-list::-webkit-scrollbar-thumb{background:#e8e5e5;border-radius:8px}
+.cc-callscreen__view[data-v-cb028d4a],.cc-outgoingcall__wrapper[data-v-f7ff9c81],.cc-call-buttons__wrapper[data-v-05dde6b2]{height:100%;width:100%}.cc-callbuttons-buttons[data-v-05dde6b2]{display:flex;gap:8px}.cc-incomingcall__wrapper[data-v-efdc2891]{position:absolute;left:8px;top:8px;height:fit-content;width:fit-content;min-height:104px;min-width:230px;z-index:100;display:flex;flex-direction:column;justify-content:flex-start;gap:8px;align-items:flex-start}.cc-incomingcall-buttons[data-v-efdc2891]{display:flex;gap:8px}.cc-incomingcall__tailview[data-v-efdc2891]{position:relative}.cc-incomingcall__subtitleview[data-v-efdc2891]{display:flex;align-items:center;justify-content:flex-start;gap:6px}.cc-incomingcall__listitem[data-v-efdc2891]{width:100%;margin-left:-4px}*[data-v-2abc65da]{box-sizing:border-box}.cc-list__section[data-v-2abc65da]{margin-left:8px}.cc-list__list[data-v-2abc65da]::-webkit-scrollbar{background:transparent;width:8px}.cc-list__list[data-v-2abc65da]::-webkit-scrollbar-thumb{background:#e8e5e5;border-radius:8px}.cc-users[data-v-e629a2c0]{overflow:hidden}.cc-users__menus[data-v-e629a2c0]{position:absolute;top:12px;right:12px;cursor:pointer}.cc-add-members__back-button[data-v-0d5d72e4]{position:absolute;left:8px;padding:12px 8px 8px}.cc-add-members__close-button[data-v-0d5d72e4]{position:absolute;right:8px;padding:12px 8px 8px}.cc-users[data-v-0d5d72e4]{height:90%}.cc-add-members__buttons[data-v-0d5d72e4]{height:10%;width:100%;display:flex;align-items:center;justify-content:center}.cc-add-members__buttons-add[data-v-0d5d72e4]{height:42px;width:100%}.cc-banned-members__back[data-v-830533bf]{position:absolute;left:8px;padding:12px 8px 8px}.cc-banned-members__close-button[data-v-830533bf]{position:absolute;right:8px;padding:12px 8px 8px}.cc-banned-members__tail-view[data-v-830533bf]{position:relative}.cc-banned-members__menus[data-v-830533bf]{position:absolute;right:12px;cursor:pointer}.cc-banned-members__unban[data-v-830533bf]{display:flex;align-items:center;justify-content:flex-end}.tail__view[data-v-c6f0a164]{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.cc-conversations__menus[data-v-c6f0a164]{position:absolute;right:12px;cursor:pointer}.cc-conversations__default-subtitle-view[data-v-c6f0a164]{display:flex;align-items:center;width:90%;flex-direction:column;justify-content:flex-start}.cc-conversations__subtitle[data-v-c6f0a164]{display:flex;justify-content:flex-start;width:100%;align-items:center;min-height:22px}.cc-conversations__thread-view[data-v-c6f0a164]{height:12px;display:flex;justify-content:flex-start;width:100%;align-items:center}.cc-conversations__subtitle-text[data-v-c6f0a164]{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.cc-conversations__badge[data-v-c6f0a164]{display:flex}.hidden[data-v-6971671a]{display:none!important}*[data-v-6971671a]{box-sizing:border-box}.cc-messagebubble-wrapper[data-v-6971671a]{position:relative;width:100%}.cc-messagebubble-wrapper__container[data-v-6971671a]{padding-right:8px;border-radius:inherit;display:flex;height:fit-content;width:fit-content;max-width:60%}.cc-messagebubble-wrapper__messagebubble[data-v-6971671a]{flex:1 1 0;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-end;min-width:0;padding:8px 2px;border-radius:inherit}.cc-messagebubble-wrapper__avatar[data-v-6971671a]{position:relative;border-radius:inherit;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-end;padding:8px 4px;margin-top:5px}.cc-messagebubble-title[data-v-6971671a]:empty:before{display:none}.cc-messagebubble-title[data-v-6971671a]:empty:after{display:block;width:100%;height:20px;padding:0 8px}.cc-messagebubble-wrapper__content[data-v-6971671a]{display:flex;flex-direction:column;border-radius:8px}.cc__messagelist__threadreplies[data-v-6971671a]{min-width:fit-content}.cc-messagebubble-wrapper__messageoptions[data-v-6971671a]{position:absolute;top:-4px;display:flex;align-items:center;justify-content:flex-end;z-index:1}.cc-message-information__close-button[data-v-4a9bf6ef]{position:absolute;right:15px}.cc-message-information__body[data-v-4a9bf6ef]{padding:20px 3%;box-sizing:border-box}.cc-message-information__default-subtitle-view[data-v-4a9bf6ef]{display:flex;align-items:self-end;width:90%;flex-direction:column;justify-content:flex-start}.cc-message_information__subtitle[data-v-4a9bf6ef]{display:flex;justify-content:space-between;width:100%;align-items:center;height:20px}.cc-conversations__date[data-v-4a9bf6ef]{display:flex;justify-content:flex-start;align-items:center;height:20px}.cc_message-information__body_message-bubble[data-v-4a9bf6ef]{display:flex}.cc-message_information__receipt-container[data-v-4a9bf6ef]{display:flex;align-items:center}.cc_message-information_empty-state-view[data-v-4a9bf6ef]{display:flex;align-items:flex-start;justify-content:center;margin-top:20px}.cc-messagelist[data-v-5ca9f5c7]{height:100%;width:100%;overflow-y:auto}.cc-messagelist__wrapper[data-v-5ca9f5c7]{height:100%;width:100%;padding:8px;overflow-y:hidden}.cc-messagelist__bubblefooter[data-v-5ca9f5c7]{display:flex;justify-content:center;align-items:center}.cc-messagelist__date__container[data-v-5ca9f5c7]{text-align:center;margin:8px}.cc-messagelist__date[data-v-5ca9f5c7]{border-radius:10px}.cc-messagelist__messageindicator[data-v-5ca9f5c7]{position:absolute;bottom:20%;left:50%;transform:translate(-50%);height:25px;width:150px;display:flex;justify-content:center;align-items:center;z-index:10}.cc-messagelist__footerview[data-v-5ca9f5c7]{z-index:10;position:relative;bottom:5%;display:flex;align-items:center;justify-content:center;width:100%}.cc-messagelist__decoratormessage[data-v-5ca9f5c7]{margin:0;line-height:30px;word-wrap:break-word;padding:0 8px;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;height:100%}.cc-messagelist[data-v-5ca9f5c7]::-webkit-scrollbar{background:transparent;width:8px}.cc-messagelist[data-v-5ca9f5c7]::-webkit-scrollbar-thumb{background:#e8e5e5;border-radius:8px}.cc-messagelist__message-information[data-v-5ca9f5c7]{height:620px;width:360px}.cc-group-members[data-v-ec8effff]{overflow:hidden}.cc-group-members__back[data-v-ec8effff]{position:absolute;left:8px;padding:12px 8px 8px}.cc-group-members__wrapper[data-v-ec8effff]{height:100%;padding:8px;width:100%}.cc-group-members__close[data-v-ec8effff]{position:absolute;right:8px;padding:12px 8px 8px}.cc-group-members__tail-view[data-v-ec8effff]{position:relative;display:flex;gap:8px;justify-content:flex-end;align-items:center}.cc-group-members__menus[data-v-ec8effff]{position:absolute;right:12px;cursor:pointer}.cc-user-member-wrapper_component[data-v-889f1824]{max-height:196px;min-height:28px;overflow:hidden;width:100%;box-sizing:border-box;min-height:45px;margin-top:10px}.cc-messagecomposer-wrapper__sendbutton[data-v-3a4fa027],.cc-messagecomposer-wrapper__livereaction[data-v-3a4fa027]{margin:0 5px}.cc-messagecomposer-wrapper[data-v-3a4fa027]{height:100%;width:100%;position:relative;text-align:left;padding:16px 14px;box-sizing:border-box}.cc-messagecomposer-wrapper__headerview[data-v-3a4fa027]{height:fit-content;width:100%;bottom:120%;position:relative;z-index:2;padding:0 0 1px}.cc-messagecomposer__mentions[data-v-3a4fa027]{height:196px;max-height:196px;min-height:28px;overflow:hidden;position:absolute;width:100%;box-sizing:border-box;left:50%;transform:translate(-50%,-100%);display:flex!important;flex-direction:column!important;justify-content:flex-end!important;z-index:2;padding:3px 16px 1px 14px}.cc-messagecomposer__mentions[data-v-3a4fa027]::-webkit-scrollbar{display:none}.cc-messagecomposer-mediainput[data-v-3a4fa027]{display:none}.cc-messagecomposer-wrapper__auxilary[data-v-3a4fa027]{display:flex;gap:8px}.cc-messagecomposer__mentions-limit-exceeded[data-v-3a4fa027]{margin-top:20px;left:2px;position:relative;padding-left:13px;background-color:#fff}*[data-v-fb54f357]{box-sizing:border-box;margin:0;padding:0}.cc-threadedmessages-wrapper[data-v-fb54f357]{display:flex;flex-direction:column;height:90%;overflow-y:hidden;scrollbar-width:none}.cc-threadedmessages-wrapper__header[data-v-fb54f357]{width:100%;display:flex;padding:16px;align-items:flex-start}.cc-threadedmessages-wrapper__close[data-v-fb54f357]{display:flex;align-items:center}.cc-threadedmessages-wrapper__title[data-v-fb54f357]{display:flex;align-items:center;justify-content:center;width:100%}.cc-threadedmessages-wrapper__bubbleview[data-v-fb54f357]{width:100%;height:fit-content;padding:8px 16px;box-sizing:border-box;max-height:20em;overflow:auto;min-height:100px}.cc-threadedmessages-wrapper__header[data-v-fb54f357]{flex:0 0 auto}.cc-threadedmessages-wrapper__list[data-v-fb54f357]{height:100%;overflow-y:auto;width:100%}.cc-threadedmessages-wrapper__composer[data-v-fb54f357]{position:absolute;flex:0 0 auto;min-height:80px;z-index:1;width:100%;bottom:5px}.cc-threaded_message_main_wrapper[data-v-fb54f357]{width:100%;height:calc(100% - 156px);display:flex;flex-direction:column}.cc__threadedmessages__actionview[data-v-fb54f357]{height:36px;padding:8px 16px;box-sizing:border-box;border:1px solid rgba(20,20,20,.08);border-left:none}.cc-messageheader__wrapper[data-v-0a6a3578]{display:flex;align-items:center;justify-content:space-between;flex-direction:row;box-sizing:border-box}.cc-messageheader__backbutton[data-v-0a6a3578]{margin-right:8px}.cc-messageheader[data-v-0a6a3578]{display:flex;align-items:center;justify-content:flex-start;height:fit-content;width:100%}.cc-messageheader__listitem[data-v-0a6a3578]{height:100%;width:100%;align-items:center;justify-content:flex-start}.cc-messageheader__menu[data-v-0a6a3578]{width:fit-content;display:flex;align-items:center;justify-content:flex-end;padding:12px}.cc-transfer-ownership__members[data-v-dc105c9f]{width:100%;height:85%}.cc-transfer-ownership-buttons[data-v-dc105c9f]{width:100%;height:15%;display:flex;flex-direction:column;justify-content:flex-end;align-content:center;gap:10px;padding:12px 16px 28px;box-sizing:border-box}*[data-v-da3dc518]{box-sizing:border-box;margin:0;padding:0}.cc-details__wrapper[data-v-da3dc518]{padding:8px;border-radius:5px;height:100%;position:relative}.cc-details__profile[data-v-da3dc518]{margin-bottom:50px;height:8%}.cc-details__section-list[data-v-da3dc518]{height:84%;width:100%;overflow-y:auto;overflow-x:hidden}.cc-details__header[data-v-da3dc518]{display:flex;justify-content:center;align-items:center;margin-bottom:30px}.cc-details__close-button[data-v-da3dc518]{position:absolute;right:20px}.cc-details__section[data-v-da3dc518]{margin-bottom:32px}.cc-details__section-separator[data-v-da3dc518]{margin-bottom:16px;padding-left:6px;height:5%}.cc-details__options-wrapper[data-v-da3dc518]{list-style:none;padding:0;display:flex;flex-direction:column;gap:8px}.cc-details__option[data-v-da3dc518]{display:flex;flex-direction:column;justify-content:space-evenly;min-height:50px}.cc-details__option-title[data-v-da3dc518]{padding-bottom:12px;display:flex;align-items:center;justify-content:space-between}.cc-details__view[data-v-da3dc518]{position:absolute;top:0;left:0;height:100%;width:100%;max-height:100%;overflow-y:auto;overflow-x:hidden;max-width:100%;z-index:1}.cc-details__section-list[data-v-da3dc518]::-webkit-scrollbar{background:transparent;width:8px}.cc-details__section-list[data-v-da3dc518]::-webkit-scrollbar-thumb{background:#e8e5e5;border-radius:8px}*[data-v-3579dad5]{box-sizing:border-box;margin:0;padding:0}.cc-messages-wrapper[data-v-3579dad5]{display:flex;position:relative;height:100%;width:100%}.cc-messages-wrapper__messages[data-v-3579dad5]{display:flex;flex-direction:column;position:relative;width:100%;box-sizing:border-box;justify-content:space-between}.cc-messages-wrapper__threadedmessages[data-v-3579dad5],.cc-messages-wrapper__details[data-v-3579dad5]{position:absolute;top:5;left:0;height:100%;width:100%;max-height:100%;overflow-y:auto;overflow-x:hidden;max-width:100%;z-index:1}.cc-messages-wrapper__header[data-v-3579dad5]{width:100%}.cc-messages-wrapper__messages-list[data-v-3579dad5]{display:flex;flex-direction:column;overflow:hidden;height:calc(100% - 160px);width:100%;height:100%}CometChatThreadedMessages[data-v-3579dad5]{height:100%;display:flex}.cc-messages-wrapper__composer[data-v-3579dad5]{width:100%;display:flex;flex-direction:column;justify-content:flex-end}.cc-groups__menus[data-v-f13b0c74]{position:absolute;right:12px;cursor:pointer;padding-right:12px}.cc-groups__subtitle-view[data-v-f13b0c74]{padding:0 0 5px}.cc-tabs-wrapper[data-v-6172e2d3]{height:100%;width:100%;display:flex;flex-direction:column;justify-content:flex-end}.cc-tabs-wrapper_inner-div[data-v-6172e2d3]{height:100%;width:100%}.cc-tabs-wrapper-fixed_inner-div[data-v-6172e2d3]{margin-top:10px;height:80%;overflow:hidden}.cc-tabs-wrapper-fixed[data-v-6172e2d3]{height:100%;width:100%;display:flex;justify-content:center}.cc-tabs-wrapper-fixed-inner[data-v-6172e2d3]{height:100%;width:70%}.cc-tabs-fixed[data-v-6172e2d3]{top:0;left:0;width:100%}.cc-contacts__wrapper[data-v-9e87e8c4]{display:flex;flex-direction:column;height:100%;width:100%;align-items:flex-end;z-index:2}.cc-contacts__header[data-v-9e87e8c4]{display:flex;justify-content:center;align-items:center;height:50px;width:100%;box-sizing:border-box;padding:10px}.cc-contacts__close-button[data-v-9e87e8c4]{position:absolute;right:20px}.cc-withmessages__wrapper[data-v-bd446d52]{display:flex;height:100%;width:100%;box-sizing:border-box}.cc-withmessages__sidebar[data-v-bd446d52]{width:280px;height:100%;position:relative;display:flex}.cc-withmessages__main[data-v-bd446d52]{width:calc(100% - 280px);height:100%;margin-left:2px}.mobile[data-v-bd446d52]{width:100%!important;height:100%;position:absolute}.cc-decorator__message-empty[data-v-bd446d52]{display:flex;justify-content:center;align-items:center;width:calc(100% - 280px)}.cc-withmessages__menus[data-v-bd446d52]{display:flex;justify-content:flex-end;position:absolute;top:1%;right:2%}.cc-withmessages-wrapper[data-v-d60abe0e]{display:flex;height:100%;width:100%;box-sizing:border-box}.cc-withmessages__sidebar[data-v-d60abe0e]{width:280px;height:100%;position:relative}.cc-withmessages__main[data-v-d60abe0e]{width:calc(100% - 280px);height:100%;margin-left:2px}.mobile[data-v-d60abe0e]{width:100%!important;height:100%;position:absolute}.cc__decorator__message--empty[data-v-d60abe0e]{display:flex;justify-content:center;align-items:center;width:calc(100% - 280px)}.cc-withmessages__joingroup[data-v-d60abe0e]{width:calc(100% - 280px);height:100vh}.cc-decorator-message-empty[data-v-d60abe0e]{display:flex;justify-content:center;align-items:center;width:calc(100% - 280px)}.cc-withmessages-wrapper[data-v-342ed2ff]{display:flex;height:100%;width:100%;box-sizing:border-box}.cc-withmessages__sidebar[data-v-342ed2ff]{width:280px;height:100%;position:relative}.cc-withmessages__main[data-v-342ed2ff]{width:calc(100% - 280px);height:100%;margin-left:2px}.mobile[data-v-342ed2ff]{width:100%!important;height:100%;position:absolute}.cc-decorator-message-empty[data-v-342ed2ff]{display:flex;justify-content:center;align-items:center;width:calc(100% - 280px)}.bcc__reply_preview__content_wrapper[data-v-9690de0b]{padding:0 12px;position:relative;display:grid}.bcc__reply_preview__content_bar[data-v-9690de0b]{position:absolute;top:0;bottom:0;border-radius:25px}.bcc__reply_preview__content[data-v-9690de0b]{grid-column:2}.bcc__reply_preview__content>p[data-v-9690de0b]{margin:0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;word-break:break-all}.bcc__reply_preview__content>.bcc__reply_preview__title[data-v-9690de0b]{margin-bottom:2px}.bcc__reply_preview__thumbnail[data-v-9690de0b]{grid-column:1;width:2rem;height:2rem;align-self:center;border-radius:3px;overflow:hidden;margin-right:5px}.bcc__reply_preview__thumbnail>img[data-v-9690de0b]{width:100%;height:100%}.bcc-chat-msg-bubble{padding:8px 12px;width:auto;max-width:500px;line-height:1.2;font:400 14px Archivo,sans-serif,Inter;color:var(--cc__text-color)}.bcc-chat-msg-bubble p{color:var(--cc__text-color);line-height:1.2;word-break:break-word;text-align:left;white-space:normal;margin:8px 0}.bcc-chat-msg-bubble p:first-child{margin-top:0}.bcc-chat-msg-bubble p:last-child{margin-bottom:0}.bcc-chat-msg-bubble h1{font-size:1.6em;font-weight:800}.bcc-chat-msg-bubble h2{font-size:1.4em;font-weight:700}.bcc-chat-msg-bubble h3{font-size:1.2em;font-weight:600}.bcc-chat-msg-bubble h4{font-size:1em;font-weight:500}.bcc-chat-msg-bubble a{color:var(--cc__link-color);text-decoration:underline;font-weight:500}.bcc-chat-msg-bubble ul{padding-left:16px;list-style:disc;margin:8px 0}.bcc-chat-msg-bubble ol{padding-left:16px;list-style:decimal;margin:8px 0}.bcc-chat-msg-bubble--translated{border-top:1px solid;opacity:.8}.bcc-chat-msg-bubble--translated:before{content:"original: ";opacity:.8;margin-bottom:8px;font-size:12px;display:block}.bcc-chat-msg-bubble--reply{position:relative;z-index:0;margin-top:3px;margin-bottom:-8px;border-radius:6px;overflow:hidden}.bcc-chat-msg-bubble--reply:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:.5;z-index:-1;background-color:var(--cc__background)}.cc-messagecomposer-wrapper__headerview{position:static!important}[data-v-7dcd4a55]{box-sizing:border-box}.bcc__reply_box[data-v-7dcd4a55]{padding:8px;display:flex;flex-direction:row;justify-content:space-between;margin:0;min-height:30px}.bcc__reply_preview__close[data-v-7dcd4a55]{width:14px;height:14px;display:inline-block}body{background:#fff;color:#000}@media (prefers-color-scheme: dark){body{background:#000;color:#fff}}.bcc-chat-message-list-wrapper{position:relative;height:100%}.bcc-chat-message-list{height:100%;--cc__primary: #cfeac8;--cc__background: #f3faf7;--cc__secondary: white;--cc__accent: #004e48;--cc__accent50: rgba(62, 142, 117, .04);--cc__accent100: #ffffff;--cc__accent200: rgba(62, 142, 117, .15);--cc__accent300: rgba(62, 142, 117, .24);--cc__accent400: rgba(62, 142, 117, .33);--cc__accent500: rgba(62, 142, 117, .46);--cc__accent600: #004e48;--cc__accent700: #254a40;--cc__accent800: rgba(62, 142, 117, .82);--cc__accent900: #f3faf7;--cc__text-color: #000;--cc__link-color: #57639e}@media (prefers-color-scheme: dark){.bcc-chat-message-list{--cc__primary: #57639e;--cc__background: hsl(230, 25%, 15%);--cc__secondary: #111827;--cc__accent: #6274ae;--cc__accent50: rgba(98, 116, 174, .24);--cc__accent100: linear-gradient(45deg, #05070b 0%, #0c111c 100%);--cc__accent200: rgba(98, 116, 174, .35);--cc__accent300: rgba(98, 116, 174, .44);--cc__accent400: rgba(98, 116, 174, .53);--cc__accent500: rgba(98, 116, 174, .66);--cc__accent600: #758abc;--cc__accent700: #6274ae;--cc__accent800: rgba(98, 116, 174, .92);--cc__accent900: #f3faf7;--cc__text-color: #fff;--cc__link-color: #cfeac8}}.bcc-chat-message-list .cc-messages-wrapper .cc-messages-wrapper__messages .cc-messages-wrapper__messages-list{height:calc(100% - 96px)}.bcc-chat-message-list .cc-messages-wrapper .cc-messages-wrapper__messages .cc-messagecomposer-wrapper__headerview{margin-bottom:5px}.bcc-chat-message-list .cc-messagebubble-wrapper__container{max-width:80%}.bcc-chat-message-list .cc-messagebubble-wrapper__messageoptions{border-radius:8px}.bcc-chat-message-list .cc-messagebubble-wrapper__messageoptions .cc-context-menu__top-menu{border:1px var(--cc__secondary) solid!important}.bcc-chat-message-list .bcc-chat-message-composer-offline{position:relative;top:-96px;height:96px;width:100%;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--cc__text-color);font:700 1rem sans-serif}.bcc-chat-message-list .bcc-chat-message-composer-offline span{width:100%;height:100%;display:flex;justify-content:center;align-items:center;border-radius:8px 8px 0 0}.bcc-chat-message-list-offline{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;font:700 22px sans-serif;color:#bcbcbc}.cc-messagecomposer__emojikeyboard{display:none}.cc-threadedmessages-wrapper__bubbleview::-webkit-scrollbar,.cc__message-list::-webkit-scrollbar{background:transparent;width:8px}.cc-threadedmessages-wrapper__bubbleview::-webkit-scrollbar-thumb,.cc__message-list::-webkit-scrollbar-thumb{background:#e8e5e5;border-radius:8px}