@bcc-code/vue-bcc-chat-ui 4.6.1 → 5.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,12 +1,14 @@
1
1
  import { Group, BaseMessage } from '@cometchat/chat-sdk-javascript';
2
2
  import { Ref } from 'vue';
3
- import { ParticipantInfo, UserChatInfo } from './types';
3
+ import { ParticipantInfo, SearchedItems, UserChatInfo } from './types';
4
4
  export declare function getGroup(groupUid: string): Promise<Group | null | undefined>;
5
5
  export declare function clearGroupChatCount(groupUid: string): Promise<void>;
6
6
  export declare function getGroupOnlineCount(groupUid: string): Promise<number>;
7
7
  export declare function getGroupMembersInfo(groupUid: string): Promise<ParticipantInfo[]>;
8
8
  export declare const userChats: Ref<UserChatInfo[]>;
9
9
  export declare function getUserChats(): Promise<UserChatInfo[]>;
10
+ export declare function searchChat(searchQuery: string, limit?: number): SearchedItems | undefined;
11
+ export declare function scrollToMessage(messageId: string): void;
10
12
  export declare function getSenderDisplayName(message: BaseMessage | undefined, group?: Ref<Group | undefined>): any;
11
13
  export declare function getMessageTextPreview(message?: BaseMessage, showEmoji?: boolean, showAttachmentName?: boolean): string;
12
14
  export declare function proxyImage(imageUrl: string): string;
@@ -5,6 +5,8 @@ declare function updateGetGroupMessages(groupMessageGetter: ((guid: string, quer
5
5
  declare const _default: {
6
6
  setLanguage: (lang: import('./types').Language) => void;
7
7
  getGroupMessages: Ref<((guid: string, query: string) => Promise<any>) | undefined, ((guid: string, query: string) => Promise<any>) | undefined>;
8
+ loadMessageId: Ref<string | undefined, string | undefined>;
9
+ scrollToMessageId: Ref<string | undefined, string | undefined>;
8
10
  onlineMode: import('vue').WritableComputedRef<import('../offline/types').OnlineStatus, import('../offline/types').OnlineStatus>;
9
11
  onlineStatus: import('vue').ComputedRef<import('../offline/types').OnlineStatus>;
10
12
  theme: Ref<{
@@ -428,6 +430,8 @@ declare const _default: {
428
430
  getGroupOnlineCount(groupUid: string): Promise<number>;
429
431
  getGroupMembersInfo(groupUid: string): Promise<import('./types').ParticipantInfo[]>;
430
432
  getUserChats(): Promise<import('./types').UserChatInfo[]>;
433
+ searchChat(searchQuery: string, limit?: number): import('./types').SearchedItems | undefined;
434
+ scrollToMessage(messageId: string): void;
431
435
  getSenderDisplayName(message: import('@cometchat/chat-sdk-javascript').BaseMessage | undefined, group?: Ref<import('@cometchat/chat-sdk-javascript').Group | undefined>): any;
432
436
  getMessageTextPreview(message?: import('@cometchat/chat-sdk-javascript').BaseMessage, showEmoji?: boolean, showAttachmentName?: boolean): string;
433
437
  proxyImage(imageUrl: string): string;
@@ -1,5 +1,6 @@
1
1
  import { BaseMessage, Group, MessageReceipt } from '@cometchat/chat-sdk-javascript';
2
2
  import { Ref } from 'vue';
3
+ import { Message, Conversation } from '../offline/types';
3
4
  export interface ChatInstallOptions {
4
5
  environment: Environment;
5
6
  language?: Language;
@@ -88,3 +89,7 @@ export declare enum LogSeverity {
88
89
  WARN = "Warn",
89
90
  ERROR = "Error"
90
91
  }
92
+ export interface SearchedItems {
93
+ conversations: Conversation[];
94
+ messages: Message[];
95
+ }
@@ -1,5 +1,10 @@
1
1
  import { MediaMessage, User } from '@cometchat/chat-sdk-javascript';
2
2
  declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
3
+ id: {
4
+ type: StringConstructor;
5
+ required: false;
6
+ default: string;
7
+ };
3
8
  text: {
4
9
  type: StringConstructor;
5
10
  required: true;
@@ -42,6 +47,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
42
47
  default: null;
43
48
  };
44
49
  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
50
+ id: {
51
+ type: StringConstructor;
52
+ required: false;
53
+ default: string;
54
+ };
45
55
  text: {
46
56
  type: StringConstructor;
47
57
  required: true;
@@ -84,6 +94,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
84
94
  default: null;
85
95
  };
86
96
  }>> & Readonly<{}>, {
97
+ id: string;
87
98
  message: MediaMessage;
88
99
  src: string;
89
100
  placeholderImage: string;
@@ -17,6 +17,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
17
17
  type: PropType<(guid: string, query: string) => Promise<any>>;
18
18
  required: false;
19
19
  };
20
+ loadMessageId: {
21
+ type: StringConstructor;
22
+ required: false;
23
+ default: string;
24
+ };
20
25
  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
21
26
  groupMembersFetched: (...args: any[]) => void;
22
27
  }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -37,9 +42,15 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
37
42
  type: PropType<(guid: string, query: string) => Promise<any>>;
38
43
  required: false;
39
44
  };
45
+ loadMessageId: {
46
+ type: StringConstructor;
47
+ required: false;
48
+ default: string;
49
+ };
40
50
  }>> & Readonly<{
41
51
  onGroupMembersFetched?: ((...args: any[]) => any) | undefined;
42
52
  }>, {
43
53
  hideDeletedMessages: boolean;
54
+ loadMessageId: string;
44
55
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
45
56
  export default _default;
@@ -1,7 +1,10 @@
1
1
  import { Conversation, ConversationPaginationMeta, Group, Message, MessagePaginationMeta, OfflineStore, PaginatedResponse } from './types';
2
+ import { default as Fuse } from 'fuse.js';
2
3
  export declare class OfflineStoreLocalStorage implements OfflineStore {
3
4
  #private;
4
5
  storePrefix: string;
6
+ fuseConversations: Fuse<Conversation>;
7
+ fuseMessages: Fuse<Message>;
5
8
  constructor(storePrefix?: string);
6
9
  getGroupMessages(groupId: string, pagination: MessagePaginationMeta): PaginatedResponse<Message>;
7
10
  getThreadMessages(parentId: string, pagination: MessagePaginationMeta): PaginatedResponse<Message>;
@@ -1,4 +1,4 @@
1
- import { MessageCategory } from '@cometchat/chat-sdk-javascript';
1
+ import { default as Fuse } from 'fuse.js';
2
2
  export type ReqType = {
3
3
  url: URL;
4
4
  query: Record<string, any>;
@@ -21,17 +21,18 @@ export interface Message {
21
21
  receiver: string;
22
22
  receiverType: string;
23
23
  sentAt: number;
24
- category: MessageCategory;
25
24
  type: string;
26
25
  parentId?: string;
27
26
  data?: any;
28
27
  }
29
28
  export interface Conversation {
30
29
  conversationId: string;
30
+ conversationWith: Group;
31
31
  updatedAt: number;
32
32
  }
33
33
  export interface Group {
34
34
  guid: string;
35
+ name: string;
35
36
  hasJoined: boolean | undefined;
36
37
  }
37
38
  export interface PaginatedResponse<T> {
@@ -39,6 +40,8 @@ export interface PaginatedResponse<T> {
39
40
  total: number;
40
41
  }
41
42
  export interface OfflineStore {
43
+ fuseConversations: Fuse<Conversation>;
44
+ fuseMessages: Fuse<Message>;
42
45
  getGroupMessages(groupId: string, pagination: MessagePaginationMeta): PaginatedResponse<Message>;
43
46
  getThreadMessages(parentId: string, pagination: MessagePaginationMeta): PaginatedResponse<Message>;
44
47
  getMessage(messageId: string): {
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- .cc-callscreen__view[data-v-f1d9d50c],.cc-outgoingcall__wrapper[data-v-f7ff9c81],.cc-call-buttons__wrapper[data-v-cedd26bb]{height:100%;width:100%}.cc-callbuttons-buttons[data-v-cedd26bb]{display:flex;gap:8px}.cc-incomingcall__wrapper[data-v-fa20448e]{position:absolute;left:8px;top:8px;height:-moz-fit-content;height:fit-content;width:-moz-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-fa20448e]{display:flex;gap:8px}.cc-incomingcall__tailview[data-v-fa20448e]{position:relative}.cc-incomingcall__subtitleview[data-v-fa20448e]{display:flex;align-items:center;justify-content:flex-start;gap:6px}.cc-incomingcall__listitem[data-v-fa20448e]{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-49a05159]{overflow:hidden}.cc-users__menus[data-v-49a05159]{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-ba082f02]{position:absolute;left:8px;padding:12px 8px 8px}.cc-banned-members__close-button[data-v-ba082f02]{position:absolute;right:8px;padding:12px 8px 8px}.cc-banned-members__tail-view[data-v-ba082f02]{position:relative}.cc-banned-members__menus[data-v-ba082f02]{position:absolute;right:12px;cursor:pointer}.cc-banned-members__unban[data-v-ba082f02]{display:flex;align-items:center;justify-content:flex-end}.tail__view[data-v-fc268643]{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.cc-conversations__menus[data-v-fc268643]{position:absolute;right:12px;cursor:pointer}.cc-conversations__default-subtitle-view[data-v-fc268643]{display:flex;align-items:center;width:90%;flex-direction:column;justify-content:flex-start}.cc-conversations__subtitle[data-v-fc268643]{display:flex;justify-content:flex-start;width:100%;align-items:center;min-height:22px}.cc-conversations__thread-view[data-v-fc268643]{height:12px;display:flex;justify-content:flex-start;width:100%;align-items:center}.cc-conversations__subtitle-text[data-v-fc268643]{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.cc-conversations__badge[data-v-fc268643]{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:-moz-fit-content;height:fit-content;width:-moz-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:-moz-fit-content;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-57bb9abb]{position:absolute;right:15px}.cc-message-information__body[data-v-57bb9abb]{padding:20px 3%;box-sizing:border-box}.cc-message-information__default-subtitle-view[data-v-57bb9abb]{display:flex;align-items:self-end;width:90%;flex-direction:column;justify-content:flex-start}.cc-message_information__subtitle[data-v-57bb9abb]{display:flex;justify-content:space-between;width:100%;align-items:center;height:20px}.cc-conversations__date[data-v-57bb9abb]{display:flex;justify-content:flex-start;align-items:center;height:20px}.cc_message-information__body_message-bubble[data-v-57bb9abb]{display:flex}.cc-message_information__receipt-container[data-v-57bb9abb]{display:flex;align-items:center}.cc_message-information_empty-state-view[data-v-57bb9abb]{display:flex;align-items:flex-start;justify-content:center;margin-top:20px}.cc-messagelist[data-v-eb53e460]{height:100%;width:100%;overflow-y:auto}.cc-messagelist__wrapper[data-v-eb53e460]{height:100%;width:100%;padding:8px;overflow-y:hidden}.cc-messagelist__bubblefooter[data-v-eb53e460]{display:flex;justify-content:center;align-items:center}.cc-messagelist__date__container[data-v-eb53e460]{text-align:center;margin:8px}.cc-messagelist__date[data-v-eb53e460]{border-radius:10px}.cc-messagelist__messageindicator[data-v-eb53e460]{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-eb53e460]{z-index:10;position:relative;bottom:5%;display:flex;align-items:center;justify-content:center;width:100%}.cc-messagelist__decoratormessage[data-v-eb53e460]{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-eb53e460]::-webkit-scrollbar{background:transparent;width:8px}.cc-messagelist[data-v-eb53e460]::-webkit-scrollbar-thumb{background:#e8e5e5;border-radius:8px}.cc-messagelist__message-information[data-v-eb53e460]{height:620px;width:360px}.cc-group-members[data-v-eb4e1c86]{overflow:hidden}.cc-group-members__back[data-v-eb4e1c86]{position:absolute;left:8px;padding:12px 8px 8px}.cc-group-members__wrapper[data-v-eb4e1c86]{height:100%;padding:8px;width:100%}.cc-group-members__close[data-v-eb4e1c86]{position:absolute;right:8px;padding:12px 8px 8px}.cc-group-members__tail-view[data-v-eb4e1c86]{position:relative;display:flex;gap:8px;justify-content:flex-end;align-items:center}.cc-group-members__menus[data-v-eb4e1c86]{position:absolute;right:12px;cursor:pointer}.cc-user-member-wrapper_component[data-v-14014a3f]{max-height:196px;overflow:hidden;width:100%;box-sizing:border-box;min-height:45px;margin-top:10px}.cc-messagecomposer-wrapper__sendbutton[data-v-d9703b8a],.cc-messagecomposer-wrapper__livereaction[data-v-d9703b8a]{margin:0 5px}.cc-messagecomposer-wrapper[data-v-d9703b8a]{height:100%;width:100%;position:relative;text-align:left;padding:16px 14px;box-sizing:border-box}.cc-messagecomposer-wrapper__headerview[data-v-d9703b8a]{height:-moz-fit-content;height:fit-content;width:100%;bottom:120%;position:relative;z-index:2;padding:0 0 1px}.cc-messagecomposer__mentions[data-v-d9703b8a]{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-d9703b8a]::-webkit-scrollbar{display:none}.cc-messagecomposer-mediainput[data-v-d9703b8a]{display:none}.cc-messagecomposer-wrapper__auxilary[data-v-d9703b8a]{display:flex;gap:8px}.cc-messagecomposer__mentions-limit-exceeded[data-v-d9703b8a]{margin-top:20px;left:2px;position:relative;padding-left:13px;background-color:#fff}*[data-v-8f8bcec3]{box-sizing:border-box;margin:0;padding:0}.cc-threadedmessages-wrapper[data-v-8f8bcec3]{display:flex;flex-direction:column;height:90%;overflow-y:hidden;scrollbar-width:none}.cc-threadedmessages-wrapper__header[data-v-8f8bcec3]{width:100%;display:flex;padding:16px;align-items:flex-start}.cc-threadedmessages-wrapper__close[data-v-8f8bcec3]{display:flex;align-items:center}.cc-threadedmessages-wrapper__title[data-v-8f8bcec3]{display:flex;align-items:center;justify-content:center;width:100%}.cc-threadedmessages-wrapper__bubbleview[data-v-8f8bcec3]{width:100%;height:-moz-fit-content;height:fit-content;padding:8px 16px;box-sizing:border-box;max-height:20em;overflow:auto;min-height:100px}.cc-threadedmessages-wrapper__header[data-v-8f8bcec3]{flex:0 0 auto}.cc-threadedmessages-wrapper__list[data-v-8f8bcec3]{height:100%;overflow-y:auto;width:100%}.cc-threadedmessages-wrapper__composer[data-v-8f8bcec3]{position:absolute;flex:0 0 auto;min-height:80px;z-index:1;width:100%;bottom:5px}.cc-threaded_message_main_wrapper[data-v-8f8bcec3]{width:100%;height:calc(100% - 156px);display:flex;flex-direction:column}.cc__threadedmessages__actionview[data-v-8f8bcec3]{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-baf38512]{display:flex;align-items:center;justify-content:space-between;flex-direction:row;box-sizing:border-box}.cc-messageheader__backbutton[data-v-baf38512]{margin-right:8px}.cc-messageheader[data-v-baf38512]{display:flex;align-items:center;justify-content:flex-start;height:-moz-fit-content;height:fit-content;width:100%}.cc-messageheader__listitem[data-v-baf38512]{height:100%;width:100%;align-items:center;justify-content:flex-start}.cc-messageheader__menu[data-v-baf38512]{width:-moz-fit-content;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-9c1bf784]{box-sizing:border-box;margin:0;padding:0}.cc-details__wrapper[data-v-9c1bf784]{padding:8px;border-radius:5px;height:100%;position:relative}.cc-details__profile[data-v-9c1bf784]{margin-bottom:50px;height:8%}.cc-details__section-list[data-v-9c1bf784]{height:84%;width:100%;overflow-y:auto;overflow-x:hidden}.cc-details__header[data-v-9c1bf784]{display:flex;justify-content:center;align-items:center;margin-bottom:30px}.cc-details__close-button[data-v-9c1bf784]{position:absolute;right:20px}.cc-details__section[data-v-9c1bf784]{margin-bottom:32px}.cc-details__section-separator[data-v-9c1bf784]{margin-bottom:16px;padding-left:6px;height:5%}.cc-details__options-wrapper[data-v-9c1bf784]{list-style:none;padding:0;display:flex;flex-direction:column;gap:8px}.cc-details__option[data-v-9c1bf784]{display:flex;flex-direction:column;justify-content:space-evenly;min-height:50px}.cc-details__option-title[data-v-9c1bf784]{padding-bottom:12px;display:flex;align-items:center;justify-content:space-between}.cc-details__view[data-v-9c1bf784]{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-9c1bf784]::-webkit-scrollbar{background:transparent;width:8px}.cc-details__section-list[data-v-9c1bf784]::-webkit-scrollbar-thumb{background:#e8e5e5;border-radius:8px}*[data-v-f647b4f0]{box-sizing:border-box;margin:0;padding:0}.cc-messages-wrapper[data-v-f647b4f0]{display:flex;position:relative;height:100%;width:100%}.cc-messages-wrapper__messages[data-v-f647b4f0]{display:flex;flex-direction:column;position:relative;width:100%;box-sizing:border-box;justify-content:space-between}.cc-messages-wrapper__threadedmessages[data-v-f647b4f0],.cc-messages-wrapper__details[data-v-f647b4f0]{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-f647b4f0]{width:100%}.cc-messages-wrapper__messages-list[data-v-f647b4f0]{display:flex;flex-direction:column;overflow:hidden;height:calc(100% - 160px);width:100%;height:100%}CometChatThreadedMessages[data-v-f647b4f0]{height:100%;display:flex}.cc-messages-wrapper__composer[data-v-f647b4f0]{width:100%;display:flex;flex-direction:column;justify-content:flex-end}.cc-groups__menus[data-v-3beadb69]{position:absolute;right:12px;cursor:pointer;padding-right:12px}.cc-groups__subtitle-view[data-v-3beadb69]{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-6c9bdd1b]{display:flex;flex-direction:column;height:100%;width:100%;align-items:flex-end;z-index:2}.cc-contacts__header[data-v-6c9bdd1b]{display:flex;justify-content:center;align-items:center;height:50px;width:100%;box-sizing:border-box;padding:10px}.cc-contacts__close-button[data-v-6c9bdd1b]{position:absolute;right:20px}.cc-contacts__submit-button[data-v-6c9bdd1b]{display:flex;width:100%;justify-content:center;box-sizing:border-box;margin:10px}.cc-withmessages__wrapper[data-v-b1245996]{display:flex;height:100%;width:100%;box-sizing:border-box}.cc-withmessages__sidebar[data-v-b1245996]{width:280px;height:100%;position:relative;display:flex}.cc-withmessages__main[data-v-b1245996]{width:calc(100% - 280px);height:100%;margin-left:2px}.mobile[data-v-b1245996]{width:100%!important;height:100%;position:relative}.cc-decorator__message-empty[data-v-b1245996]{display:flex;justify-content:center;align-items:center;width:calc(100% - 280px)}.cc-withmessages__menus[data-v-b1245996]{display:flex;justify-content:flex-end;position:absolute;top:1%;right:2%}.cc-withmessages-wrapper[data-v-84c0352a]{display:flex;height:100%;width:100%;box-sizing:border-box}.cc-withmessages__sidebar[data-v-84c0352a]{width:280px;height:100%;position:relative}.cc-withmessages__main[data-v-84c0352a]{width:calc(100% - 280px);height:100%;margin-left:2px}.mobile[data-v-84c0352a]{width:100%!important;height:100%;position:relative}.cc__decorator__message--empty[data-v-84c0352a]{display:flex;justify-content:center;align-items:center;width:calc(100% - 280px)}.cc-withmessages__joingroup[data-v-84c0352a]{width:calc(100% - 280px);height:100vh}.cc-decorator-message-empty[data-v-84c0352a]{display:flex;justify-content:center;align-items:center;width:calc(100% - 280px)}.cc-withmessages-wrapper[data-v-198b5352]{display:flex;height:100%;width:100%;box-sizing:border-box}.cc-withmessages__sidebar[data-v-198b5352]{width:280px;height:100%;position:relative}.cc-withmessages__main[data-v-198b5352]{width:calc(100% - 280px);height:100%;margin-left:2px}.mobile[data-v-198b5352]{width:100%!important;height:100%;position:relative}.cc-decorator-message-empty[data-v-198b5352]{display:flex;justify-content:center;align-items:center;width:calc(100% - 280px)}.bcc__reply_preview__content_wrapper[data-v-1e69bdc1]{padding:0 12px;position:relative;display:grid;justify-content:start}.bcc__reply_preview__content_bar[data-v-1e69bdc1]{position:absolute;top:0;bottom:0;border-radius:25px}.bcc__reply_preview__content[data-v-1e69bdc1]{grid-column:2}.bcc__reply_preview__content>p[data-v-1e69bdc1]{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-1e69bdc1]{margin-bottom:2px}.bcc__reply_preview__thumbnail[data-v-1e69bdc1]{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-1e69bdc1]{width:100%;height:100%}.cc__imageviewer__full-screen-viewer[data-v-8dfc68cb]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;z-index:10000}.cc__imageviewer__zoom-container[data-v-8dfc68cb]{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.cc__imageviewer__loading[data-v-8dfc68cb]{position:absolute;z-index:-1}img[data-v-8dfc68cb]{max-width:100%;max-height:100%}.cc__imageviewer__button[data-v-8dfc68cb]{position:fixed;right:0;cursor:pointer;z-index:10001;padding:10px}.cc__imageviewer__close-button[data-v-8dfc68cb]{top:0;margin-top:env(safe-area-inset-top)}.cc__imageviewer__download-button[data-v-8dfc68cb]{top:49px;margin-top:env(safe-area-inset-top)}.bcc-image_container[data-v-0d041a44]{max-height:300px;display:grid;grid-template-columns:1fr;justify-content:center;overflow:hidden;border-radius:10px;isolation:isolate;min-height:28px;min-width:84px}.placeholder[data-v-0d041a44]{width:100%;height:auto;display:flex;justify-content:center;align-items:center;background-color:var(--cc__accent200, #3e8e7526);grid-row-start:1;grid-column-start:1;position:relative;z-index:-1}.placeholder[data-v-0d041a44]:before{content:"⌛";position:absolute}.placeholder.landscape>img[data-v-0d041a44]{width:100%}cometchat-image-bubble[data-v-0d041a44]{display:block;max-width:100%;grid-row-start:1;grid-column-start:1;display:flex;justify-content:center}.bcc-chat-img-msg-bubble{display:block;width:-moz-max-content;width:max-content;max-width:100%;margin:0 auto;border-radius:8px;padding-bottom:8px;position:relative}.bcc-chat-img-msg-bubble:last-child{padding-bottom:0}.bcc-chat-msg-bubble{padding:0 12px 8px;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:first-child{padding-top:8px}.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;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__file__bubble[data-v-c653dd5e]{background:transparent;display:flex;justify-content:space-between;overflow:hidden;width:100%;box-sizing:border-box;gap:8px}.message__block[data-v-c653dd5e]{word-wrap:break-word;text-align:left;overflow:hidden}.cc__file__title[data-v-c653dd5e]{overflow:hidden;overflow-wrap:anywhere}.cc__file__url[data-v-c653dd5e]{all:unset;color:var(--cc__text-color);cursor:pointer}.cc__file__subtitle[data-v-c653dd5e]{margin-top:4px}.cc__file__icon[data-v-c653dd5e]{display:flex;align-items:flex-start;justify-content:flex-end;width:-moz-fit-content;width:fit-content;line-height:36px}i[data-v-c653dd5e]{display:inline-block;width:24px;height:24px;cursor:pointer;background:var(--cc__accent)}:root{--cc__primary: #cfeac8;--cc__primary150: #004e48;--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}:root.dark{--cc__primary: #57639e;--cc__primary150: #57639e;--cc__background: hsl(230, 25%, 15%);--cc__secondary: #111827;--cc__accent: #758abc;--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: #090A0B;--cc__text-color: #fff;--cc__link-color: #cfeac8}.modal{width:90%;margin-left:5%;margin-top:auto;margin-bottom:auto;background-color:var(--cc__background);color:var(--cc__text-color)}.input{background-color:var(--cc__primary);border-radius:5px;color:var(--cc__text-color);height:40px;padding:5px;width:45%;min-width:37%}.at{width:10%;text-align:center;margin-top:7px}.bcc-modal-footer{background-color:var(--cc__background)}.bcc-modal-actions{background-color:var(--cc__background);display:flex;width:100%;justify-content:space-between}.bcc-modal-actions .bcc-modal-secondary-action,.bcc-modal-primary-action{width:100%;background-color:var(--cc__background)}.bcc-modal-secondary-action button,.bcc-modal-primary-action button{background-color:var(--cc__accent800);width:100%;border-radius:5px;margin-top:-10px}.bcc-modal-secondary-action button:hover,.bcc-modal-primary-action button:hover{background-color:var(--cc__accent700)}.update-icon-style{height:24px;width:24px;border:none;border-radius:0;color:var(--cc__primary150, #3F4669);background:transparent;cursor:pointer;margin-right:-10px}[data-v-2239e00a]{box-sizing:border-box}.bcc__reply_box[data-v-2239e00a]{padding:8px;display:flex;flex-direction:row;justify-content:space-between;margin:0;min-height:30px}.bcc__reply_preview__close[data-v-2239e00a]{width:14px;height:14px;display:inline-block}.bcc__attachment_preview__content_wrapper[data-v-80e86d74]{padding:0 5px 0 20px;position:relative;width:100%}.bcc__attachment_preview__content[data-v-80e86d74]{width:100%;max-height:350px;height:100%;display:flex;justify-content:center;align-items:center}.bcc__attachment_preview__content>img[data-v-80e86d74]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.cc-messagecomposer-wrapper__headerview{position:static!important}[data-v-f3c1de1e]{box-sizing:border-box}.bcc__attachment_box[data-v-f3c1de1e]{padding:8px;display:flex;flex-direction:row;justify-content:space-between;margin:0;min-height:30px}.bcc__attachment_preview__close[data-v-f3c1de1e]{width:14px;height:14px;display:inline-block}.cc-messagecomposer-wrapper__sendbutton[data-v-854aed21]{margin:0 5px}.title-bar[data-v-99e1ac1f]{display:flex;align-items:center;justify-content:space-between;background:var(--cc__secondary, #111827);padding:.4rem .6rem}.title-bar .title[data-v-99e1ac1f]{color:var(--cc__text-color)}.title-bar .closeIcon[data-v-99e1ac1f]{width:1.2rem;cursor:pointer;color:var(--cc__text-color)}.scheduled-list[data-v-99e1ac1f]{height:calc(100% - 45px)!important}body{background:#fff;color:#000}:host.dark body{background:#000;color:#fff}.bcc-chat-message-list-wrapper{position:relative;height:100%}.bcc-chat-message-list{--cc__primary: #cfeac8;--cc__primary150: #004e48;--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}:root.dark .bcc-chat-message-list{--cc__primary: #57639e;--cc__primary150: #57639e;--cc__background: hsl(230, 25%, 15%);--cc__secondary: #111827;--cc__accent: #758abc;--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: #090A0B;--cc__text-color: #fff;--cc__link-color: #cfeac8}.bcc-chat-message-list,.bcc-chat-message-list .cc-messages-wrapper .cc-messages-wrapper__messages .cc-messages-wrapper__messages-list{height:100%}.bcc-chat-message-list .cc-messages-wrapper .cc-messages-wrapper__messages .cc-messagecomposer-wrapper__headerview{max-height:100%;margin-bottom:5px}.bcc-chat-message-list .cc-messages-wrapper .cc-messagebubble-wrapper__content{max-width:100%}.bcc-chat-message-list .cc-messages-wrapper .cc-messagebubble-wrapper__content>div>.bcc-message-wrapper.has-text.has-image+div>div>div:not([class]){justify-content:flex-end!important;padding:0 8px 8px!important;margin-top:-5px!important;height:unset!important;border-radius:unset!important;line-height:unset!important;position:unset!important;margin-right:unset!important;background:unset!important}.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;bottom:38px;text-align:center;width:100%;color:var(--cc__text-color);font:500 11px sans-serif}.bcc-chat-message-list .bcc-chat-message-composer-offline span{width:150px;display:inline;padding:5px;background-color:#eee;border-radius:8px}.bcc-chat-message-list.offline .messageinput__primaryactions,.bcc-chat-message-list.offline .messageinput__auxiliaryactions,.bcc-chat-message-list.offline .messageinput__secondaryactions{opacity:.2}.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}
1
+ .cc-callscreen__view[data-v-f1d9d50c],.cc-outgoingcall__wrapper[data-v-f7ff9c81],.cc-call-buttons__wrapper[data-v-cedd26bb]{height:100%;width:100%}.cc-callbuttons-buttons[data-v-cedd26bb]{display:flex;gap:8px}.cc-incomingcall__wrapper[data-v-fa20448e]{position:absolute;left:8px;top:8px;height:-moz-fit-content;height:fit-content;width:-moz-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-fa20448e]{display:flex;gap:8px}.cc-incomingcall__tailview[data-v-fa20448e]{position:relative}.cc-incomingcall__subtitleview[data-v-fa20448e]{display:flex;align-items:center;justify-content:flex-start;gap:6px}.cc-incomingcall__listitem[data-v-fa20448e]{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-49a05159]{overflow:hidden}.cc-users__menus[data-v-49a05159]{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-ba082f02]{position:absolute;left:8px;padding:12px 8px 8px}.cc-banned-members__close-button[data-v-ba082f02]{position:absolute;right:8px;padding:12px 8px 8px}.cc-banned-members__tail-view[data-v-ba082f02]{position:relative}.cc-banned-members__menus[data-v-ba082f02]{position:absolute;right:12px;cursor:pointer}.cc-banned-members__unban[data-v-ba082f02]{display:flex;align-items:center;justify-content:flex-end}.tail__view[data-v-fc268643]{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.cc-conversations__menus[data-v-fc268643]{position:absolute;right:12px;cursor:pointer}.cc-conversations__default-subtitle-view[data-v-fc268643]{display:flex;align-items:center;width:90%;flex-direction:column;justify-content:flex-start}.cc-conversations__subtitle[data-v-fc268643]{display:flex;justify-content:flex-start;width:100%;align-items:center;min-height:22px}.cc-conversations__thread-view[data-v-fc268643]{height:12px;display:flex;justify-content:flex-start;width:100%;align-items:center}.cc-conversations__subtitle-text[data-v-fc268643]{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.cc-conversations__badge[data-v-fc268643]{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:-moz-fit-content;height:fit-content;width:-moz-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:-moz-fit-content;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-57bb9abb]{position:absolute;right:15px}.cc-message-information__body[data-v-57bb9abb]{padding:20px 3%;box-sizing:border-box}.cc-message-information__default-subtitle-view[data-v-57bb9abb]{display:flex;align-items:self-end;width:90%;flex-direction:column;justify-content:flex-start}.cc-message_information__subtitle[data-v-57bb9abb]{display:flex;justify-content:space-between;width:100%;align-items:center;height:20px}.cc-conversations__date[data-v-57bb9abb]{display:flex;justify-content:flex-start;align-items:center;height:20px}.cc_message-information__body_message-bubble[data-v-57bb9abb]{display:flex}.cc-message_information__receipt-container[data-v-57bb9abb]{display:flex;align-items:center}.cc_message-information_empty-state-view[data-v-57bb9abb]{display:flex;align-items:flex-start;justify-content:center;margin-top:20px}.cc-messagelist[data-v-eb53e460]{height:100%;width:100%;overflow-y:auto}.cc-messagelist__wrapper[data-v-eb53e460]{height:100%;width:100%;padding:8px;overflow-y:hidden}.cc-messagelist__bubblefooter[data-v-eb53e460]{display:flex;justify-content:center;align-items:center}.cc-messagelist__date__container[data-v-eb53e460]{text-align:center;margin:8px}.cc-messagelist__date[data-v-eb53e460]{border-radius:10px}.cc-messagelist__messageindicator[data-v-eb53e460]{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-eb53e460]{z-index:10;position:relative;bottom:5%;display:flex;align-items:center;justify-content:center;width:100%}.cc-messagelist__decoratormessage[data-v-eb53e460]{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-eb53e460]::-webkit-scrollbar{background:transparent;width:8px}.cc-messagelist[data-v-eb53e460]::-webkit-scrollbar-thumb{background:#e8e5e5;border-radius:8px}.cc-messagelist__message-information[data-v-eb53e460]{height:620px;width:360px}.cc-group-members[data-v-eb4e1c86]{overflow:hidden}.cc-group-members__back[data-v-eb4e1c86]{position:absolute;left:8px;padding:12px 8px 8px}.cc-group-members__wrapper[data-v-eb4e1c86]{height:100%;padding:8px;width:100%}.cc-group-members__close[data-v-eb4e1c86]{position:absolute;right:8px;padding:12px 8px 8px}.cc-group-members__tail-view[data-v-eb4e1c86]{position:relative;display:flex;gap:8px;justify-content:flex-end;align-items:center}.cc-group-members__menus[data-v-eb4e1c86]{position:absolute;right:12px;cursor:pointer}.cc-user-member-wrapper_component[data-v-14014a3f]{max-height:196px;overflow:hidden;width:100%;box-sizing:border-box;min-height:45px;margin-top:10px}.cc-messagecomposer-wrapper__sendbutton[data-v-d9703b8a],.cc-messagecomposer-wrapper__livereaction[data-v-d9703b8a]{margin:0 5px}.cc-messagecomposer-wrapper[data-v-d9703b8a]{height:100%;width:100%;position:relative;text-align:left;padding:16px 14px;box-sizing:border-box}.cc-messagecomposer-wrapper__headerview[data-v-d9703b8a]{height:-moz-fit-content;height:fit-content;width:100%;bottom:120%;position:relative;z-index:2;padding:0 0 1px}.cc-messagecomposer__mentions[data-v-d9703b8a]{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-d9703b8a]::-webkit-scrollbar{display:none}.cc-messagecomposer-mediainput[data-v-d9703b8a]{display:none}.cc-messagecomposer-wrapper__auxilary[data-v-d9703b8a]{display:flex;gap:8px}.cc-messagecomposer__mentions-limit-exceeded[data-v-d9703b8a]{margin-top:20px;left:2px;position:relative;padding-left:13px;background-color:#fff}*[data-v-8f8bcec3]{box-sizing:border-box;margin:0;padding:0}.cc-threadedmessages-wrapper[data-v-8f8bcec3]{display:flex;flex-direction:column;height:90%;overflow-y:hidden;scrollbar-width:none}.cc-threadedmessages-wrapper__header[data-v-8f8bcec3]{width:100%;display:flex;padding:16px;align-items:flex-start}.cc-threadedmessages-wrapper__close[data-v-8f8bcec3]{display:flex;align-items:center}.cc-threadedmessages-wrapper__title[data-v-8f8bcec3]{display:flex;align-items:center;justify-content:center;width:100%}.cc-threadedmessages-wrapper__bubbleview[data-v-8f8bcec3]{width:100%;height:-moz-fit-content;height:fit-content;padding:8px 16px;box-sizing:border-box;max-height:20em;overflow:auto;min-height:100px}.cc-threadedmessages-wrapper__header[data-v-8f8bcec3]{flex:0 0 auto}.cc-threadedmessages-wrapper__list[data-v-8f8bcec3]{height:100%;overflow-y:auto;width:100%}.cc-threadedmessages-wrapper__composer[data-v-8f8bcec3]{position:absolute;flex:0 0 auto;min-height:80px;z-index:1;width:100%;bottom:5px}.cc-threaded_message_main_wrapper[data-v-8f8bcec3]{width:100%;height:calc(100% - 156px);display:flex;flex-direction:column}.cc__threadedmessages__actionview[data-v-8f8bcec3]{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-baf38512]{display:flex;align-items:center;justify-content:space-between;flex-direction:row;box-sizing:border-box}.cc-messageheader__backbutton[data-v-baf38512]{margin-right:8px}.cc-messageheader[data-v-baf38512]{display:flex;align-items:center;justify-content:flex-start;height:-moz-fit-content;height:fit-content;width:100%}.cc-messageheader__listitem[data-v-baf38512]{height:100%;width:100%;align-items:center;justify-content:flex-start}.cc-messageheader__menu[data-v-baf38512]{width:-moz-fit-content;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-9c1bf784]{box-sizing:border-box;margin:0;padding:0}.cc-details__wrapper[data-v-9c1bf784]{padding:8px;border-radius:5px;height:100%;position:relative}.cc-details__profile[data-v-9c1bf784]{margin-bottom:50px;height:8%}.cc-details__section-list[data-v-9c1bf784]{height:84%;width:100%;overflow-y:auto;overflow-x:hidden}.cc-details__header[data-v-9c1bf784]{display:flex;justify-content:center;align-items:center;margin-bottom:30px}.cc-details__close-button[data-v-9c1bf784]{position:absolute;right:20px}.cc-details__section[data-v-9c1bf784]{margin-bottom:32px}.cc-details__section-separator[data-v-9c1bf784]{margin-bottom:16px;padding-left:6px;height:5%}.cc-details__options-wrapper[data-v-9c1bf784]{list-style:none;padding:0;display:flex;flex-direction:column;gap:8px}.cc-details__option[data-v-9c1bf784]{display:flex;flex-direction:column;justify-content:space-evenly;min-height:50px}.cc-details__option-title[data-v-9c1bf784]{padding-bottom:12px;display:flex;align-items:center;justify-content:space-between}.cc-details__view[data-v-9c1bf784]{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-9c1bf784]::-webkit-scrollbar{background:transparent;width:8px}.cc-details__section-list[data-v-9c1bf784]::-webkit-scrollbar-thumb{background:#e8e5e5;border-radius:8px}*[data-v-f647b4f0]{box-sizing:border-box;margin:0;padding:0}.cc-messages-wrapper[data-v-f647b4f0]{display:flex;position:relative;height:100%;width:100%}.cc-messages-wrapper__messages[data-v-f647b4f0]{display:flex;flex-direction:column;position:relative;width:100%;box-sizing:border-box;justify-content:space-between}.cc-messages-wrapper__threadedmessages[data-v-f647b4f0],.cc-messages-wrapper__details[data-v-f647b4f0]{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-f647b4f0]{width:100%}.cc-messages-wrapper__messages-list[data-v-f647b4f0]{display:flex;flex-direction:column;overflow:hidden;height:calc(100% - 160px);width:100%;height:100%}CometChatThreadedMessages[data-v-f647b4f0]{height:100%;display:flex}.cc-messages-wrapper__composer[data-v-f647b4f0]{width:100%;display:flex;flex-direction:column;justify-content:flex-end}.cc-groups__menus[data-v-3beadb69]{position:absolute;right:12px;cursor:pointer;padding-right:12px}.cc-groups__subtitle-view[data-v-3beadb69]{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-6c9bdd1b]{display:flex;flex-direction:column;height:100%;width:100%;align-items:flex-end;z-index:2}.cc-contacts__header[data-v-6c9bdd1b]{display:flex;justify-content:center;align-items:center;height:50px;width:100%;box-sizing:border-box;padding:10px}.cc-contacts__close-button[data-v-6c9bdd1b]{position:absolute;right:20px}.cc-contacts__submit-button[data-v-6c9bdd1b]{display:flex;width:100%;justify-content:center;box-sizing:border-box;margin:10px}.cc-withmessages__wrapper[data-v-b1245996]{display:flex;height:100%;width:100%;box-sizing:border-box}.cc-withmessages__sidebar[data-v-b1245996]{width:280px;height:100%;position:relative;display:flex}.cc-withmessages__main[data-v-b1245996]{width:calc(100% - 280px);height:100%;margin-left:2px}.mobile[data-v-b1245996]{width:100%!important;height:100%;position:relative}.cc-decorator__message-empty[data-v-b1245996]{display:flex;justify-content:center;align-items:center;width:calc(100% - 280px)}.cc-withmessages__menus[data-v-b1245996]{display:flex;justify-content:flex-end;position:absolute;top:1%;right:2%}.cc-withmessages-wrapper[data-v-84c0352a]{display:flex;height:100%;width:100%;box-sizing:border-box}.cc-withmessages__sidebar[data-v-84c0352a]{width:280px;height:100%;position:relative}.cc-withmessages__main[data-v-84c0352a]{width:calc(100% - 280px);height:100%;margin-left:2px}.mobile[data-v-84c0352a]{width:100%!important;height:100%;position:relative}.cc__decorator__message--empty[data-v-84c0352a]{display:flex;justify-content:center;align-items:center;width:calc(100% - 280px)}.cc-withmessages__joingroup[data-v-84c0352a]{width:calc(100% - 280px);height:100vh}.cc-decorator-message-empty[data-v-84c0352a]{display:flex;justify-content:center;align-items:center;width:calc(100% - 280px)}.cc-withmessages-wrapper[data-v-198b5352]{display:flex;height:100%;width:100%;box-sizing:border-box}.cc-withmessages__sidebar[data-v-198b5352]{width:280px;height:100%;position:relative}.cc-withmessages__main[data-v-198b5352]{width:calc(100% - 280px);height:100%;margin-left:2px}.mobile[data-v-198b5352]{width:100%!important;height:100%;position:relative}.cc-decorator-message-empty[data-v-198b5352]{display:flex;justify-content:center;align-items:center;width:calc(100% - 280px)}.bcc__reply_preview__content_wrapper[data-v-1e69bdc1]{padding:0 12px;position:relative;display:grid;justify-content:start}.bcc__reply_preview__content_bar[data-v-1e69bdc1]{position:absolute;top:0;bottom:0;border-radius:25px}.bcc__reply_preview__content[data-v-1e69bdc1]{grid-column:2}.bcc__reply_preview__content>p[data-v-1e69bdc1]{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-1e69bdc1]{margin-bottom:2px}.bcc__reply_preview__thumbnail[data-v-1e69bdc1]{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-1e69bdc1]{width:100%;height:100%}.cc__imageviewer__full-screen-viewer[data-v-8dfc68cb]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;z-index:10000}.cc__imageviewer__zoom-container[data-v-8dfc68cb]{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.cc__imageviewer__loading[data-v-8dfc68cb]{position:absolute;z-index:-1}img[data-v-8dfc68cb]{max-width:100%;max-height:100%}.cc__imageviewer__button[data-v-8dfc68cb]{position:fixed;right:0;cursor:pointer;z-index:10001;padding:10px}.cc__imageviewer__close-button[data-v-8dfc68cb]{top:0;margin-top:env(safe-area-inset-top)}.cc__imageviewer__download-button[data-v-8dfc68cb]{top:49px;margin-top:env(safe-area-inset-top)}.bcc-image_container[data-v-3593a869]{max-height:300px;display:grid;grid-template-columns:1fr;justify-content:center;overflow:hidden;border-radius:10px;isolation:isolate;min-height:28px;min-width:84px}.bcc-image_container .placeholder[data-v-3593a869]{width:100%;height:auto;display:flex;justify-content:center;align-items:center;background-color:var(--cc__accent200, #3e8e7526);grid-row-start:1;grid-column-start:1;position:relative;z-index:-1}.bcc-image_container .placeholder[data-v-3593a869]:before{content:"⌛";position:absolute}.bcc-image_container .placeholder.landscape>img[data-v-3593a869]{width:100%}cometchat-image-bubble[data-v-3593a869]{display:block;max-width:100%;grid-row-start:1;grid-column-start:1;display:flex;justify-content:center}.bcc-chat-img-msg-bubble{display:block;width:-moz-max-content;width:max-content;max-width:100%;margin:0 auto;border-radius:8px;padding-bottom:8px;position:relative}.bcc-chat-img-msg-bubble:last-child{padding-bottom:0}.bcc-chat-msg-bubble{padding:0 12px 8px;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:first-child{padding-top:8px}.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;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__file__bubble[data-v-8f569cc0]{background:transparent;display:flex;justify-content:space-between;overflow:hidden;width:100%;box-sizing:border-box;gap:8px}.message__block[data-v-8f569cc0]{word-wrap:break-word;text-align:left;overflow:hidden}.cc__file__title[data-v-8f569cc0]{overflow:hidden;overflow-wrap:anywhere}.cc__file__url[data-v-8f569cc0]{all:unset;color:var(--cc__text-color);cursor:pointer}.cc__file__subtitle[data-v-8f569cc0]{margin-top:4px}.cc__file__icon[data-v-8f569cc0]{display:flex;align-items:flex-start;justify-content:flex-end;width:-moz-fit-content;width:fit-content;line-height:36px}.cc__file__icon i[data-v-8f569cc0]{display:inline-block;width:24px;height:24px;cursor:pointer;background:var(--cc__accent)}.update-icon-style[data-v-00ca290d]{height:24px;width:24px;border:none;border-radius:0;color:var(--cc__primary150, #3F4669);background:transparent;cursor:pointer;margin-right:-10px}.bcc__reply_box[data-v-185d4e0a]{padding:8px;display:flex;flex-direction:row;justify-content:space-between;margin:0;min-height:30px}.bcc__reply_preview__close[data-v-185d4e0a]{width:14px;height:14px;display:inline-block}.bcc__attachment_preview__content_wrapper[data-v-80e86d74]{padding:0 5px 0 20px;position:relative;width:100%}.bcc__attachment_preview__content[data-v-80e86d74]{width:100%;max-height:350px;height:100%;display:flex;justify-content:center;align-items:center}.bcc__attachment_preview__content>img[data-v-80e86d74]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.cc-messagecomposer-wrapper__headerview{position:static!important}.bcc__attachment_box[data-v-470149a0]{padding:8px;display:flex;flex-direction:row;justify-content:space-between;margin:0;min-height:30px}.bcc__attachment_preview__close[data-v-470149a0]{width:14px;height:14px;display:inline-block}.cc-messagecomposer-wrapper__sendbutton[data-v-854aed21]{margin:0 5px}.title-bar[data-v-99e1ac1f]{display:flex;align-items:center;justify-content:space-between;background:var(--cc__secondary, #111827);padding:.4rem .6rem}.title-bar .title[data-v-99e1ac1f]{color:var(--cc__text-color)}.title-bar .closeIcon[data-v-99e1ac1f]{width:1.2rem;cursor:pointer;color:var(--cc__text-color)}.scheduled-list[data-v-99e1ac1f]{height:calc(100% - 45px)!important}.bcc-chat-message-list-wrapper{position:relative;height:100%}.bcc-chat-message-list{--cc__primary: #cfeac8;--cc__primary150: #004e48;--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}:root.dark .bcc-chat-message-list{--cc__primary: #57639e;--cc__primary150: #57639e;--cc__background: hsl(230, 25%, 15%);--cc__secondary: #111827;--cc__accent: #758abc;--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: #090A0B;--cc__text-color: #fff;--cc__link-color: #cfeac8}.bcc-chat-message-list,.bcc-chat-message-list .cc-messages-wrapper .cc-messages-wrapper__messages .cc-messages-wrapper__messages-list{height:100%}.bcc-chat-message-list .cc-messages-wrapper .cc-messages-wrapper__messages .cc-messagecomposer-wrapper__headerview{max-height:100%;margin-bottom:5px}.bcc-chat-message-list .cc-messages-wrapper .cc-messagebubble-wrapper__content{max-width:100%}.bcc-chat-message-list .cc-messages-wrapper .cc-messagebubble-wrapper__content>div>.bcc-message-wrapper.has-text.has-image+div>div>div:not([class]){justify-content:flex-end!important;padding:0 8px 8px!important;margin-top:-5px!important;height:unset!important;border-radius:unset!important;line-height:unset!important;position:unset!important;margin-right:unset!important;background:unset!important}.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;bottom:38px;text-align:center;width:100%;color:var(--cc__text-color);font:500 11px sans-serif}.bcc-chat-message-list .bcc-chat-message-composer-offline span{width:150px;display:inline;padding:5px;background-color:#eee;border-radius:8px}.bcc-chat-message-list.offline .messageinput__primaryactions,.bcc-chat-message-list.offline .messageinput__auxiliaryactions,.bcc-chat-message-list.offline .messageinput__secondaryactions{opacity:.2}.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}