@bcc-code/vue-bcc-chat-ui 1.0.0 → 1.0.2

package/README.md

@@ -1,6 +1,5 @@
 # BCC Chat UI
 
-This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
 
 ## Installation
 

package/dist/chat/connection.d.ts

@@ -0,0 +1,7 @@
+export declare const connect: (authToken: string | (() => string)) => Promise<import("@cometchat/chat-sdk-javascript").User | undefined>;
+export declare const disconnect: () => Promise<void>;
+declare const _default: {
+    connect: (authToken: string | (() => string)) => Promise<import("@cometchat/chat-sdk-javascript").User | undefined>;
+    disconnect: () => Promise<void>;
+};
+export default _default;

package/dist/chat/data.d.ts

@@ -0,0 +1,5 @@
+import { CometChat } from "@cometchat/chat-sdk-javascript";
+declare const _default: {
+    getGroup: typeof CometChat.getGroup;
+};
+export default _default;

package/dist/chat/environment.d.ts

@@ -0,0 +1,15 @@
+export interface ChatEnvironmentConfig {
+    authKey: string | null;
+    region: string;
+    appId: string;
+    chatApiEndpoint: string;
+}
+export declare const getCurrentEnvironment: () => ChatEnvironmentConfig;
+export declare const setCurrentEnvironment: (environment: string | null) => ChatEnvironmentConfig;
+export declare const install: (_: any, environment: string) => void;
+declare const _default: {
+    install: (_: any, environment: string) => void;
+    setCurrentEnvironment: (environment: string | null) => ChatEnvironmentConfig;
+    getCurrentEnvironment: () => ChatEnvironmentConfig;
+};
+export default _default;

package/dist/chat/index.d.ts

@@ -0,0 +1,31 @@
+export interface ChatInstallOptions {
+    environment: string;
+    themeMode: string;
+}
+declare const _default: {
+    install: (app: any, options: ChatInstallOptions) => Promise<void>;
+    environment: {
+        install: (_: any, environment: string) => void;
+        setCurrentEnvironment: (environment: string | null) => import("./environment").ChatEnvironmentConfig;
+        getCurrentEnvironment: () => import("./environment").ChatEnvironmentConfig;
+    };
+    theme: {
+        install: (app: any, options: import("./theme").ChatThemeOptions) => void;
+        switchThemeMode: () => void;
+        setThemeMode: (mode: string) => void;
+        theme: any;
+    };
+    mobileView: {
+        install: (app: any) => Promise<void>;
+        switchView: () => void;
+        isMobileView: any;
+    };
+    connection: {
+        connect: (authToken: string | (() => string)) => Promise<import("@cometchat/chat-sdk-javascript").User | undefined>;
+        disconnect: () => Promise<void>;
+    };
+    data: {
+        getGroup: typeof import("@cometchat/chat-sdk-javascript").CometChat.getGroup;
+    };
+};
+export default _default;

package/dist/chat/mobileView.d.ts

@@ -0,0 +1,8 @@
+export declare const switchView: () => void;
+export declare const install: (app: any) => Promise<void>;
+declare const _default: {
+    install: (app: any) => Promise<void>;
+    switchView: () => void;
+    isMobileView: any;
+};
+export default _default;

package/dist/chat/theme.d.ts

@@ -0,0 +1,14 @@
+export declare const theme: any;
+export declare const setThemeMode: (mode: string) => void;
+export declare const switchThemeMode: () => void;
+export interface ChatThemeOptions {
+    mode: string;
+}
+export declare const install: (app: any, options: ChatThemeOptions) => void;
+declare const _default: {
+    install: (app: any, options: ChatThemeOptions) => void;
+    switchThemeMode: () => void;
+    setThemeMode: (mode: string) => void;
+    theme: any;
+};
+export default _default;

package/dist/chat/token.d.ts

@@ -0,0 +1,4 @@
+export interface TokenResponse {
+    token: string;
+}
+export declare const getToken: (authToken: string, chatApiEndpoint: string) => Promise<string>;

package/dist/chat/uiKit.d.ts

@@ -0,0 +1,7 @@
+import "@cometchat/chat-uikit-vue/dist/style.css";
+export declare const init: () => Promise<void>;
+declare const _default: {
+    init: () => Promise<void>;
+    getUIKitSettings: () => import("@cometchat/chat-uikit-vue").UIKitSettings;
+};
+export default _default;

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

@@ -1,10 +1,14 @@
 declare const _default: import("vue").DefineComponent<{
-    msg: {
-        type: StringConstructor;
-    };
+    accessToken: StringConstructor;
+    chatUid: StringConstructor;
+    environment: StringConstructor;
+    active: BooleanConstructor;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    msg: {
-        type: StringConstructor;
-    };
-}>>, {}, {}>;
+    accessToken: StringConstructor;
+    chatUid: StringConstructor;
+    environment: StringConstructor;
+    active: BooleanConstructor;
+}>>, {
+    active: boolean;
+}, {}>;
 export default _default;

package/dist/style.css

@@ -1 +1 @@
-:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}h1[data-v-79b4fea2]{color:#7e22ce}
+.cc-callscreen__view[data-v-a135c3f8],.cc-outgoingcall__wrapper[data-v-f7ff9c81],.cc-call-buttons__wrapper[data-v-b7ea3cf6]{height:100%;width:100%}.cc-callbuttons-buttons[data-v-b7ea3cf6]{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-cfa9634b]{box-sizing:border-box}.cc-list__section[data-v-cfa9634b]{margin-left:8px}.cc-list__list[data-v-cfa9634b]::-webkit-scrollbar{background:transparent;width:8px}.cc-list__list[data-v-cfa9634b]::-webkit-scrollbar-thumb{background:#e8e5e5;border-radius:8px}.cc-users__menus[data-v-0907e532]{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-a7693cf0]{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.cc-conversations__menus[data-v-a7693cf0]{position:absolute;right:12px;cursor:pointer}.cc-conversations__default-subtitle-view[data-v-a7693cf0]{display:flex;align-items:center;width:90%;flex-direction:column;justify-content:flex-start}.cc-conversations__subtitle[data-v-a7693cf0]{display:flex;justify-content:flex-start;width:100%;align-items:center;min-height:22px}.cc-conversations__thread-view[data-v-a7693cf0]{height:12px;display:flex;justify-content:flex-start;width:100%;align-items:center}.hidden[data-v-b3863072]{display:none!important}*[data-v-b3863072]{box-sizing:border-box}.cc-messagebubble-wrapper[data-v-b3863072]{position:relative;width:100%}.cc-messagebubble-wrapper__container[data-v-b3863072]{padding-right:8px;border-radius:inherit;display:flex;height:fit-content;width:fit-content;max-width:60%}.cc-messagebubble-wrapper__messagebubble[data-v-b3863072]{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-b3863072]{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-b3863072]:empty:before{display:none}.cc-messagebubble-title[data-v-b3863072]:empty:after{display:block;width:100%;height:20px;padding:0 8px}.cc-messagebubble-wrapper__content[data-v-b3863072]{display:flex;flex-direction:column;border-radius:8px}.cc__messagelist__threadreplies[data-v-b3863072]{min-width:fit-content}.cc-messagebubble-wrapper__messageoptions[data-v-b3863072]{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-d5c858f9]{height:100%;width:100%;overflow-y:auto}.cc-messagelist__wrapper[data-v-d5c858f9]{height:100%;width:100%;padding:8px;overflow-y:hidden}.cc-messagelist__bubblefooter[data-v-d5c858f9]{display:flex;justify-content:center;align-items:center}.cc-messagelist__date__container[data-v-d5c858f9]{text-align:center;margin:8px}.cc-messagelist__date[data-v-d5c858f9]{border-radius:10px}.cc-messagelist__messageindicator[data-v-d5c858f9]{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-d5c858f9]{z-index:10;position:relative;bottom:5%;display:flex;align-items:center;justify-content:center;width:100%}.cc-messagelist__decoratormessage[data-v-d5c858f9]{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-d5c858f9]::-webkit-scrollbar{background:transparent;width:8px}.cc-messagelist[data-v-d5c858f9]::-webkit-scrollbar-thumb{background:#e8e5e5;border-radius:8px}.cc-messagelist__message-information[data-v-d5c858f9]{height:620px;width:360px}.cc-messagecomposer-wrapper__sendbutton[data-v-70388d92],.cc-messagecomposer-wrapper__livereaction[data-v-70388d92]{margin:0 5px}.cc-messagecomposer-wrapper[data-v-70388d92]{height:100%;width:100%;position:relative;text-align:left;padding:16px 14px;box-sizing:border-box}.cc-messagecomposer-wrapper__headerview[data-v-70388d92]{height:fit-content;position:absolute;width:85%;box-sizing:border-box;left:50%;transform:translate(-50%,-100%);z-index:2}.cc-messagecomposer-mediainput[data-v-70388d92]{display:none}.cc-messagecomposer-wrapper__auxilary[data-v-70388d92]{display:flex;gap:8px}.cc-messagecomposer__input[data-v-70388d92]{height:100%}*[data-v-bfd593fd]{box-sizing:border-box;margin:0;padding:0}.cc-threadedmessages-wrapper[data-v-bfd593fd]{display:flex;flex-direction:column;height:90%;overflow-y:hidden;scrollbar-width:none}.cc-threadedmessages-wrapper__header[data-v-bfd593fd]{width:100%;display:flex;padding:16px;align-items:flex-start}.cc-threadedmessages-wrapper__close[data-v-bfd593fd]{display:flex;align-items:center}.cc-threadedmessages-wrapper__title[data-v-bfd593fd]{display:flex;align-items:center;justify-content:center;width:100%}.cc-threadedmessages-wrapper__bubbleview[data-v-bfd593fd]{width:100%;height:fit-content;padding:8px 16px;box-sizing:border-box;max-height:20em;overflow:scroll}.cc-threadedmessages-wrapper__header[data-v-bfd593fd]{flex:0 0 auto}.cc-threadedmessages-wrapper__list[data-v-bfd593fd]{height:fit-content;overflow-y:auto;width:100%}.cc-threadedmessages-wrapper__composer[data-v-bfd593fd]{position:absolute;flex:0 0 auto;min-height:80px;z-index:1;width:100%;bottom:5px}.cc-threaded_message_main_wrapper[data-v-bfd593fd]{width:100%;height:calc(100% - 156px);display:flex;flex-direction:column}.cc__threadedmessages__actionview[data-v-bfd593fd]{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-4a60bf8d]{display:flex;align-items:center;justify-content:space-between;flex-direction:row;box-sizing:border-box}.cc-messageheader__backbutton[data-v-4a60bf8d]{margin-right:8px}.cc-messageheader[data-v-4a60bf8d]{display:flex;align-items:center;justify-content:flex-start;height:fit-content;width:100%}.cc-messageheader__listitem[data-v-4a60bf8d]{height:100%;width:100%;align-items:center;justify-content:flex-start}.cc-messageheader__menu[data-v-4a60bf8d]{width:fit-content;display:flex;align-items:center;justify-content:flex-end;padding:12px}.cc-group-members__back[data-v-02d2f526]{position:absolute;left:8px;padding:12px 8px 8px}.cc-group-members__wrapper[data-v-02d2f526]{height:100%;padding:8px;width:100%}.cc-group-members__close[data-v-02d2f526]{position:absolute;right:8px;padding:12px 8px 8px}.cc-group-members__tail-view[data-v-02d2f526]{position:relative;display:flex;gap:8px;justify-content:flex-end;align-items:center}.cc-group-members__menus[data-v-02d2f526]{position:absolute;right:12px;cursor:pointer}.cc-transfer-ownership__members[data-v-f73e4ab4]{width:100%;height:85%}.cc-transfer-ownership-buttons[data-v-f73e4ab4]{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-131dc1a0]{box-sizing:border-box;margin:0;padding:0}.cc-details__wrapper[data-v-131dc1a0]{padding:8px;border-radius:5px;height:100%;position:relative}.cc-details__profile[data-v-131dc1a0]{margin-bottom:50px;height:8%}.cc-details__section-list[data-v-131dc1a0]{height:84%;width:100%;overflow-y:auto;overflow-x:hidden}.cc-details__header[data-v-131dc1a0]{display:flex;justify-content:center;align-items:center;margin-bottom:30px}.cc-details__close-button[data-v-131dc1a0]{position:absolute;right:20px}.cc-details__section[data-v-131dc1a0]{margin-bottom:32px}.cc-details__section-separator[data-v-131dc1a0]{margin-bottom:16px;padding-left:6px;height:5%}.cc-details__options-wrapper[data-v-131dc1a0]{list-style:none;padding:0;display:flex;flex-direction:column;gap:8px}.cc-details__option[data-v-131dc1a0]{display:flex;flex-direction:column;justify-content:space-evenly;min-height:50px}.cc-details__option-title[data-v-131dc1a0]{padding-bottom:12px;display:flex;align-items:center;justify-content:space-between}.cc-details__view[data-v-131dc1a0]{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-131dc1a0]::-webkit-scrollbar{background:transparent;width:8px}.cc-details__section-list[data-v-131dc1a0]::-webkit-scrollbar-thumb{background:#e8e5e5;border-radius:8px}*[data-v-2bd01f59]{box-sizing:border-box;margin:0;padding:0}.cc-messages-wrapper[data-v-2bd01f59]{display:flex;position:relative;height:100%;width:100%}.cc-messages-wrapper__messages[data-v-2bd01f59]{display:flex;flex-direction:column;position:relative;width:100%;box-sizing:border-box;justify-content:space-between}.cc-messages-wrapper__threadedmessages[data-v-2bd01f59],.cc-messages-wrapper__details[data-v-2bd01f59]{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-2bd01f59]{height:64px;width:100%}.cc-messages-wrapper__messages-list[data-v-2bd01f59]{height:calc(100% - 160px);width:100%;display:flex;flex-direction:column}CometChatThreadedMessages[data-v-2bd01f59]{height:100%;display:flex}.cc-messages-wrapper__composer[data-v-2bd01f59]{height:96px;width:100%;display:flex;flex-direction:column;justify-content:flex-end}.cc-groups__menus[data-v-aec6dd7f]{position:absolute;right:12px;cursor:pointer;padding-right:12px}.cc-groups__subtitle-view[data-v-aec6dd7f]{padding:0 0 5px}.cc-tabs-wrapper[data-v-743e903c]{height:100%;width:100%;display:flex;flex-direction:column;justify-content:flex-end}.cc-tabs-wrapper_inner-div[data-v-743e903c]{height:100%;width:100%}.cc-tabs-wrapper-fixed_inner-div[data-v-743e903c]{margin-top:10px;height:80%;overflow:hidden}.cc-tabs-wrapper-fixed[data-v-743e903c]{height:100%;width:100%;display:flex;justify-content:center}.cc-tabs-wrapper-fixed-inner[data-v-743e903c]{height:100%;width:70%}.cc-tabs-fixed[data-v-743e903c]{top:0;left:0;width:100%}.cc-contacts__wrapper[data-v-f2826c31]{display:flex;flex-direction:column;height:100%;width:100%;align-items:flex-end;z-index:2}.cc-contacts__header[data-v-f2826c31]{display:flex;justify-content:center;align-items:center;height:50px;width:100%;box-sizing:border-box;padding:10px}.cc-contacts__close-button[data-v-f2826c31]{position:absolute;right:20px}.cc-withmessages__wrapper[data-v-6ead7b8f]{display:flex;height:100%;width:100%;box-sizing:border-box}.cc-withmessages__sidebar[data-v-6ead7b8f]{width:280px;height:100%;position:relative;display:flex}.cc-withmessages__main[data-v-6ead7b8f]{width:calc(100% - 280px);height:100%;margin-left:2px}.mobile[data-v-6ead7b8f]{width:100%!important;height:100%;position:absolute}.cc-decorator__message-empty[data-v-6ead7b8f]{display:flex;justify-content:center;align-items:center;width:calc(100% - 280px)}.cc-withmessages__menus[data-v-6ead7b8f]{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-message-list{height:100%}.bcc-chat-message-list .cc-messages-wrapper .cc-messages-wrapper__messages .cc-messages-wrapper__messages-list{height:calc(100% - 96px)}.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}