@phonghq/go-chat 1.0.0 → 1.0.2

package/dist/chat/page/home/InputChat.vue.js

@@ -0,0 +1,226 @@
+import IconPlus from '../../../assets/icons/IconPlus.vue';
+import IconPlan from '../../../assets/icons/IconPlan.vue';
+import EmojiPicker from 'vue3-emoji-picker';
+import 'vue3-emoji-picker/css';
+import dayjs from 'dayjs';
+import { DATE_FORMATS } from '../../../constant/datetime';
+import { dataProfile } from '../../../utils/chat/auth';
+import { ref } from 'vue';
+import PopoverBase from '../../../components/chat/common/popover/PopoverBase.vue';
+const props = withDefaults(defineProps(), {});
+const emit = defineEmits();
+const keyword = defineModel();
+let chatId = 1;
+const refInputImage = ref(null);
+const isLoadingImage = ref([]);
+const chatInputRef = ref(null);
+const emojiOpen = ref(false);
+const handleSendMessage = async (type) => {
+    const tempId = Date.now();
+    let messageContent = '';
+    let attachments = [];
+    if (type == 'message') {
+        if (!keyword.value)
+            return;
+        messageContent = keyword.value;
+        keyword.value = '';
+    }
+    else if (type == 'file') {
+        const file = uploadImage();
+        if (!file)
+            return;
+        const file_path = URL.createObjectURL(file);
+        attachments = [{ file_name: String(tempId), file_path, file_local: file }];
+    }
+    keyword.value = '';
+    chatId++;
+    const id = props.data?.id.toString() + '-' + chatId;
+    const data = {
+        conversation_id: 135,
+        created_at: dayjs().format(DATE_FORMATS['DATE_FORMAT_FULL']),
+        id,
+        message: messageContent,
+        receiver_id: props.data?.id || 0,
+        sender_id: dataProfile.value?.id,
+        status: 'read',
+        attachments: attachments
+    };
+    emit('sendMessage', data);
+};
+const uploadImage = () => {
+    if (!refInputImage.value ||
+        !refInputImage.value.files ||
+        refInputImage.value.files.length === 0) {
+        return null;
+    }
+    return refInputImage.value.files[0];
+};
+const handleFileUpload = () => {
+    handleSendMessage('file');
+};
+const onSelectEmoji = (value) => {
+    keyword.value = (keyword.value ?? '') + (value?.i?.replace('undefined', '') ?? '');
+    emojiOpen.value = false;
+    chatInputRef.value?.focus?.();
+};
+debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_modelEmit = defineEmits();
+const __VLS_defaults = {};
+const __VLS_ctx = {
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+};
+let __VLS_elements;
+let __VLS_components;
+let __VLS_directives;
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "flex gap-2" },
+});
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "w-full relative grow" },
+});
+__VLS_asFunctionalElement(__VLS_elements.input)({
+    ...{ onKeydown: (...[$event]) => {
+            __VLS_ctx.handleSendMessage('message');
+            // @ts-ignore
+            [handleSendMessage,];
+        } },
+    ...{ class: "w-full chat-input h-11 px-4 border border-chat-haze-200" },
+    ref: "chatInputRef",
+    placeholder: "Send Message",
+});
+(__VLS_ctx.keyword);
+/** @type {typeof __VLS_ctx.chatInputRef} */ ;
+// @ts-ignore
+[keyword, chatInputRef,];
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "flex gap-2 absolute right-0 bottom-0" },
+});
+/** @type {[typeof PopoverBase, typeof PopoverBase, ]} */ ;
+// @ts-ignore
+const __VLS_0 = __VLS_asFunctionalComponent(PopoverBase, new PopoverBase({
+    open: (__VLS_ctx.emojiOpen),
+    align: "end",
+    side: "top",
+}));
+const __VLS_1 = __VLS_0({
+    open: (__VLS_ctx.emojiOpen),
+    align: "end",
+    side: "top",
+}, ...__VLS_functionalComponentArgsRest(__VLS_0));
+const { default: __VLS_3 } = __VLS_2.slots;
+// @ts-ignore
+[emojiOpen,];
+__VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
+    ...{ onClick: (...[$event]) => {
+            __VLS_ctx.emojiOpen = !__VLS_ctx.emojiOpen;
+            // @ts-ignore
+            [emojiOpen, emojiOpen,];
+        } },
+    ...{ class: "" },
+});
+{
+    const { content: __VLS_4 } = __VLS_2.slots;
+    const __VLS_5 = {}.EmojiPicker;
+    /** @type {[typeof __VLS_components.EmojiPicker, typeof __VLS_components.emojiPicker, ]} */ ;
+    // @ts-ignore
+    EmojiPicker;
+    // @ts-ignore
+    const __VLS_6 = __VLS_asFunctionalComponent(__VLS_5, new __VLS_5({
+        ...{ 'onSelect': {} },
+        ...{ class: "!w-[300px]" },
+        native: (true),
+        offset: (2),
+        hideSearch: true,
+    }));
+    const __VLS_7 = __VLS_6({
+        ...{ 'onSelect': {} },
+        ...{ class: "!w-[300px]" },
+        native: (true),
+        offset: (2),
+        hideSearch: true,
+    }, ...__VLS_functionalComponentArgsRest(__VLS_6));
+    let __VLS_9;
+    let __VLS_10;
+    const __VLS_11 = ({ select: {} },
+        { onSelect: (__VLS_ctx.onSelectEmoji) });
+    // @ts-ignore
+    [onSelectEmoji,];
+    var __VLS_8;
+}
+var __VLS_2;
+__VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
+    ...{ onClick: (...[$event]) => {
+            __VLS_ctx.handleSendMessage('message');
+            // @ts-ignore
+            [handleSendMessage,];
+        } },
+    ...{ class: "h-11 w-10" },
+});
+/** @type {[typeof IconPlan, ]} */ ;
+// @ts-ignore
+const __VLS_13 = __VLS_asFunctionalComponent(IconPlan, new IconPlan({}));
+const __VLS_14 = __VLS_13({}, ...__VLS_functionalComponentArgsRest(__VLS_13));
+__VLS_asFunctionalElement(__VLS_elements.label, __VLS_elements.label)({
+    ...{ class: "shrink-0 cursor-pointer relative" },
+});
+__VLS_asFunctionalElement(__VLS_elements.input)({
+    ...{ onChange: (__VLS_ctx.handleFileUpload) },
+    type: "file",
+    ...{ class: "hidden" },
+    ref: "refInputImage",
+    accept: ".png, .jpeg, .jpg",
+});
+/** @type {typeof __VLS_ctx.refInputImage} */ ;
+// @ts-ignore
+[handleFileUpload, refInputImage,];
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "h-11 w-11 rounded-full flex-center bg-[#002E6B]" },
+});
+/** @type {[typeof IconPlus, ]} */ ;
+// @ts-ignore
+const __VLS_17 = __VLS_asFunctionalComponent(IconPlus, new IconPlus({
+    ...{ class: "text-white" },
+}));
+const __VLS_18 = __VLS_17({
+    ...{ class: "text-white" },
+}, ...__VLS_functionalComponentArgsRest(__VLS_17));
+/** @type {__VLS_StyleScopedClasses['']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['gap-2']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['relative']} */ ;
+/** @type {__VLS_StyleScopedClasses['grow']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['chat-input']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-11']} */ ;
+/** @type {__VLS_StyleScopedClasses['px-4']} */ ;
+/** @type {__VLS_StyleScopedClasses['border']} */ ;
+/** @type {__VLS_StyleScopedClasses['border-chat-haze-200']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['gap-2']} */ ;
+/** @type {__VLS_StyleScopedClasses['absolute']} */ ;
+/** @type {__VLS_StyleScopedClasses['right-0']} */ ;
+/** @type {__VLS_StyleScopedClasses['bottom-0']} */ ;
+/** @type {__VLS_StyleScopedClasses['!w-[300px]']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-11']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-10']} */ ;
+/** @type {__VLS_StyleScopedClasses['shrink-0']} */ ;
+/** @type {__VLS_StyleScopedClasses['cursor-pointer']} */ ;
+/** @type {__VLS_StyleScopedClasses['relative']} */ ;
+/** @type {__VLS_StyleScopedClasses['hidden']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-11']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-11']} */ ;
+/** @type {__VLS_StyleScopedClasses['rounded-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['bg-[#002E6B]']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-white']} */ ;
+const __VLS_export = (await import('vue')).defineComponent({
+    __typeEmits: {},
+    __typeProps: {},
+    props: {},
+});
+export default {};

package/dist/chat/page/home/NewCustomer.vue.d.ts

@@ -0,0 +1,6 @@
+import type { IResUser } from '../../../types/message';
+type Props = {
+    data: IResUser | null;
+};
+declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/chat/page/home/NewCustomer.vue.js

@@ -0,0 +1,82 @@
+/// <reference types="C:/phonghq/go-chat/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
+import Avatar from '../../../components/chat/customer/Avatar.vue';
+const props = withDefaults(defineProps(), {});
+debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_defaults = {};
+const __VLS_ctx = {
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+};
+let __VLS_elements;
+let __VLS_components;
+let __VLS_directives;
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "flex flex-col items-center justify-center text-center" },
+});
+/** @type {[typeof Avatar, ]} */ ;
+// @ts-ignore
+const __VLS_0 = __VLS_asFunctionalComponent(Avatar, new Avatar({
+    ...{ class: "mb-4" },
+    src: (__VLS_ctx.data?.avatar ?? ''),
+    color: (__VLS_ctx.data?.color),
+    name: (__VLS_ctx.data?.username),
+    size: "xxl",
+}));
+const __VLS_1 = __VLS_0({
+    ...{ class: "mb-4" },
+    src: (__VLS_ctx.data?.avatar ?? ''),
+    color: (__VLS_ctx.data?.color),
+    name: (__VLS_ctx.data?.username),
+    size: "xxl",
+}, ...__VLS_functionalComponentArgsRest(__VLS_0));
+// @ts-ignore
+[data, data, data,];
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "flex items-center gap-1" },
+});
+__VLS_asFunctionalElement(__VLS_elements.h2, __VLS_elements.h2)({
+    ...{ class: "text-2xl font-semibold" },
+});
+(__VLS_ctx.data?.username ?? 'n/a');
+// @ts-ignore
+[data,];
+__VLS_asFunctionalElement(__VLS_elements.img)({
+    src: "../../../assets/images/icons/new-customer.png",
+});
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "text-chat-haze-400 text-sm mt-1 flex items-center gap-1" },
+});
+__VLS_asFunctionalElement(__VLS_elements.span, __VLS_elements.span)({});
+__VLS_asFunctionalElement(__VLS_elements.span, __VLS_elements.span)({});
+__VLS_asFunctionalElement(__VLS_elements.span, __VLS_elements.span)({});
+__VLS_asFunctionalElement(__VLS_elements.p, __VLS_elements.p)({
+    ...{ class: "text-chat-haze-400 text-sm mt-3 max-w-md" },
+});
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex-col']} */ ;
+/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['justify-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['mb-4']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['gap-1']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-2xl']} */ ;
+/** @type {__VLS_StyleScopedClasses['font-semibold']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-chat-haze-400']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-sm']} */ ;
+/** @type {__VLS_StyleScopedClasses['mt-1']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['gap-1']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-chat-haze-400']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-sm']} */ ;
+/** @type {__VLS_StyleScopedClasses['mt-3']} */ ;
+/** @type {__VLS_StyleScopedClasses['max-w-md']} */ ;
+const __VLS_export = (await import('vue')).defineComponent({
+    __typeProps: {},
+    props: {},
+});
+export default {};

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

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

package/dist/components/ListenEvent.vue.js

@@ -0,0 +1,45 @@
+/// <reference types="C:/phonghq/go-chat/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
+import { onMounted, onBeforeUnmount } from 'vue';
+import { useDebounce } from '../utils/debounce';
+// import { useGeneralStore } from '@/stores/general'
+// const deviceType = computed({
+//   set(value: any) {
+//     return useGeneralStore().deviceResponsive = value
+//   },
+//   get() {
+//     return useGeneralStore().deviceResponsive
+//   }
+// })
+// const getDeviceType = () => {
+//   const width = window.innerWidth
+//   if (width < 767) {
+//     return 'mobile'
+//   } else if (width < 1023) {
+//     return 'tablet'
+//   } else {
+//     return 'window'
+//   }
+// }
+const updateDeviceType = useDebounce(() => {
+    // const newType = getDeviceType()
+    // if (deviceType.value !== newType) {
+    //   deviceType.value = newType
+    // }
+}, 500);
+onMounted(() => {
+    updateDeviceType();
+    window.addEventListener('resize', updateDeviceType);
+});
+onBeforeUnmount(() => {
+    window.removeEventListener('resize', updateDeviceType);
+});
+debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_ctx = {
+    ...{},
+    ...{},
+};
+let __VLS_elements;
+let __VLS_components;
+let __VLS_directives;
+const __VLS_export = (await import('vue')).defineComponent({});
+export default {};

package/dist/components/chat/ScrollEvent/ScrollEvent.vue.d.ts

@@ -0,0 +1,22 @@
+type Props = {
+    top?: boolean;
+    bottom?: boolean;
+};
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {
+    hideLoading: () => void;
+    fixedScroll: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    getDataBottom: () => any;
+    getDataTop: () => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onGetDataBottom?: (() => any) | undefined;
+    onGetDataTop?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: ((props: {}) => any) | undefined;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/chat/ScrollEvent/ScrollEvent.vue.js

@@ -0,0 +1,197 @@
+/// <reference types="C:/phonghq/go-chat/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
+import { ref } from 'vue';
+import { useDebounce } from '../../../utils/debounce';
+const props = withDefaults(defineProps(), {});
+const emit = defineEmits();
+const scrollEvent = ref(null);
+const loading = ref(false);
+const loadingTop = ref(false);
+let isOnBottom = false;
+let isOnTop = false;
+let TouchPositionPast = 0;
+let scrollTopPast = 0;
+let scrollTopCurrent = 0;
+let oldScrollHeight = 0;
+const handleTouchEnd = () => {
+    if (loading.value && props.bottom)
+        emit('getDataBottom');
+    if (loadingTop.value && props.top) {
+        oldScrollHeight = scrollEvent.value?.scrollHeight ?? 0;
+        console.log(oldScrollHeight);
+        emit('getDataTop');
+    }
+};
+const scrollCheckHeight = 20;
+const handleTouchMoveDebounce = useDebounce((event, el) => {
+    handleTouchMove(event, el);
+}, 10);
+const handleTouchMove = async (event, el) => {
+    scrollTopCurrent = el.scrollTop;
+    if (el && el.scrollHeight <= el.clientHeight) {
+        let position = event.touches[0].clientY;
+        if (position > TouchPositionPast) {
+            loadingTop.value = true;
+        }
+        else {
+            loadingTop.value = false;
+        }
+        return;
+    }
+    if (el && el.scrollHeight <= el.clientHeight) {
+        let position = event.touches[0].clientY;
+        if (position < TouchPositionPast) {
+            loading.value = true;
+        }
+        else {
+            loading.value = false;
+        }
+        return;
+    }
+    if (isOnTop) {
+        let position = event.touches[0].clientY;
+        if (position > TouchPositionPast) {
+            loadingTop.value = true;
+        }
+        else {
+            loadingTop.value = false;
+        }
+        return;
+    }
+    if (isOnBottom) {
+        let position = event.touches[0].clientY;
+        if (position < TouchPositionPast) {
+            loading.value = true;
+        }
+        else {
+            loading.value = false;
+        }
+        return;
+    }
+    const distancePast = el.scrollHeight - scrollTopPast - el.clientHeight;
+    const distanceCurrent = el.scrollHeight - scrollTopCurrent - el.clientHeight;
+    if (distancePast > scrollCheckHeight && distanceCurrent <= scrollCheckHeight) {
+        loading.value = true;
+    }
+    else if (distanceCurrent > scrollCheckHeight) {
+        loading.value = false;
+    }
+    if (scrollTopPast > scrollCheckHeight && scrollTopCurrent <= scrollCheckHeight) {
+        loadingTop.value = true;
+    }
+    else if (scrollTopCurrent > scrollCheckHeight) {
+        loadingTop.value = false;
+    }
+    scrollTopPast = scrollTopCurrent;
+};
+const handleTouchStart = async (event, el) => {
+    TouchPositionPast = event.touches[0].clientY;
+    if (!el) {
+        isOnBottom = false;
+        isOnTop = false;
+        return;
+    }
+    if (el && el.scrollTop < scrollCheckHeight)
+        isOnTop = true;
+    else
+        isOnTop = false;
+    const distanceFromBottom = el.scrollHeight - el.scrollTop - el.clientHeight;
+    if (distanceFromBottom < scrollCheckHeight) {
+        isOnBottom = true;
+    }
+    else {
+        isOnBottom = false;
+    }
+};
+const hideLoading = () => {
+    loading.value = false;
+    loadingTop.value = false;
+};
+const handleScroll = (event, el) => {
+    const scrollTop = el.scrollTop;
+    const scrollHeight = el.scrollHeight;
+    const clientHeight = el.clientHeight;
+    if (scrollTop <= scrollCheckHeight && !loadingTop.value) {
+        loadingTop.value = true;
+        if (props.top) {
+            emit('getDataTop');
+            oldScrollHeight = scrollHeight;
+        }
+    }
+    else if (loadingTop.value) {
+        loadingTop.value = false;
+    }
+    if (scrollTop + clientHeight >= scrollHeight - scrollCheckHeight) {
+        if (props.bottom)
+            emit('getDataBottom');
+        loading.value = true;
+    }
+    else {
+        loading.value = false;
+    }
+};
+const fixedScroll = () => {
+    const newHeight = scrollEvent.value?.scrollHeight ?? 0;
+    scrollEvent.value.scrollTop += newHeight - oldScrollHeight;
+};
+const __VLS_exposed = { hideLoading, fixedScroll };
+defineExpose(__VLS_exposed);
+debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_defaults = {};
+const __VLS_ctx = {
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+};
+let __VLS_elements;
+let __VLS_components;
+let __VLS_directives;
+/** @type {__VLS_StyleScopedClasses['loader-line']} */ ;
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ onTouchend: (__VLS_ctx.handleTouchEnd) },
+    ...{ onTouchmove: (...[$event]) => {
+            __VLS_ctx.handleTouchMoveDebounce($event, __VLS_ctx.scrollEvent);
+            // @ts-ignore
+            [handleTouchEnd, handleTouchMoveDebounce, scrollEvent,];
+        } },
+    ...{ onTouchstart: (...[$event]) => {
+            __VLS_ctx.handleTouchStart($event, __VLS_ctx.scrollEvent);
+            // @ts-ignore
+            [scrollEvent, handleTouchStart,];
+        } },
+    ...{ onScroll: (...[$event]) => {
+            __VLS_ctx.handleScroll($event, __VLS_ctx.scrollEvent);
+            // @ts-ignore
+            [scrollEvent, handleScroll,];
+        } },
+    ref: "scrollEvent",
+});
+/** @type {typeof __VLS_ctx.scrollEvent} */ ;
+// @ts-ignore
+[scrollEvent,];
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "loader-line" },
+});
+__VLS_asFunctionalDirective(__VLS_directives.vShow)(null, { ...__VLS_directiveBindingRestFields, value: (__VLS_ctx.loadingTop && __VLS_ctx.top) }, null, null);
+// @ts-ignore
+[loadingTop, top,];
+var __VLS_0 = {};
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "loader-line" },
+});
+__VLS_asFunctionalDirective(__VLS_directives.vShow)(null, { ...__VLS_directiveBindingRestFields, value: (__VLS_ctx.loading && __VLS_ctx.bottom) }, null, null);
+// @ts-ignore
+[loading, bottom,];
+/** @type {__VLS_StyleScopedClasses['loader-line']} */ ;
+/** @type {__VLS_StyleScopedClasses['loader-line']} */ ;
+// @ts-ignore
+var __VLS_1 = __VLS_0;
+const __VLS_base = (await import('vue')).defineComponent({
+    setup: () => (__VLS_exposed),
+    __typeEmits: {},
+    __typeProps: {},
+    props: {},
+});
+const __VLS_export = {};
+export default {};

package/dist/components/chat/call/Calling.vue.d.ts

@@ -0,0 +1,7 @@
+import type { IResUser } from '../../../types/message';
+declare function endCall(): void;
+declare const _default: import("vue").DefineComponent<{}, {
+    startCall: (data: IResUser) => Promise<void>;
+    endCall: typeof endCall;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;