@phonghq/go-chat 1.0.72 → 1.0.74

package/dist/chat/page/setting/Setting.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/chat/page/setting/Setting.vue.js

@@ -0,0 +1,277 @@
+/// <reference types="C:/phonghq/go-chat-v2/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
+import { ref } from 'vue';
+import SelectBase from '../../../components/chat/select/SelectBase.vue';
+import { dataProfile } from '../../../utils/chat/store/auth';
+import { createBusinessTenantPhone } from '../../../plugins/pocketbase';
+import { routerPush } from '../../../utils/chat/chat-router';
+import { PAGE } from '../../../constant/general';
+import ButtonBase from '@/components/common/button/ButtonBase.vue';
+const open = ref(false);
+const phoneValue = ref('');
+const nameValue = ref('');
+const countries = [
+    // { value: 'VN', label: 'Vietnam', dial: 84,  flag: '🇻🇳' },
+    { value: 'US', label: '+1 US', dial: 1, flag: '🇺🇸' }
+    // { value: 'KR', label: 'Korea', dial: 82, flag: '🇰🇷' },
+    // { value: 'JP', label: 'Japan', dial: 81, flag: '🇯🇵' },
+    // { value: 'TH', label: 'Thailand', dial: 66, flag: '🇹🇭' },
+];
+const selected = ref(countries[0]);
+const error = ref('');
+const select = (c) => {
+    selected.value = c;
+    open.value = false;
+};
+const loading = ref(false);
+const handleInput = () => {
+    error.value = '';
+    phoneValue.value = keepOnlyNumbers(phoneValue.value);
+};
+const keepOnlyNumbers = (str) => {
+    return str.replace(/\D/g, '');
+};
+const isPhoneMatchDial = (countryDial, phone) => {
+    const dial = phone.replace('+', '');
+    return phone.startsWith(countryDial.toString());
+};
+const onSubmit = async () => {
+    try {
+        if (!nameValue.value) {
+            error.value = `Business name is required.`;
+            return;
+        }
+        if (!phoneValue.value || keepOnlyNumbers(phoneValue.value).length > 10) {
+            error.value = `Phone number must contain 10 digits`;
+            return;
+        }
+        if (isPhoneMatchDial(selected.value.dial, phoneValue.value)) {
+            error.value = `Phone number does not match country code ${selected.value.value}`;
+            return;
+        }
+        loading.value = true;
+        const param = {
+            tenant_id: dataProfile.value?.tenant_id,
+            phone_forward: selected.value.dial + phoneValue.value,
+            tenant_name: nameValue.value
+        };
+        await createBusinessTenantPhone(param);
+        routerPush(PAGE.REGISTER_SUCCESS);
+        // router.push({ name: 'home' })
+    }
+    catch (e) {
+        console.log(e);
+        error.value = e?.message || 'Something error!';
+    }
+    loading.value = false;
+};
+debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_ctx = {
+    ...{},
+    ...{},
+};
+let __VLS_elements;
+let __VLS_components;
+let __VLS_directives;
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "mx-auto w-full h-full max-w-[700px] flex flex-col gap-4 justify-center px-5" },
+});
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: " mb-2" },
+});
+__VLS_asFunctionalElement(__VLS_elements.p, __VLS_elements.p)({
+    ...{ class: "text-3xl md:text-3xl text-chat-haze-800 font-bold text-center" },
+});
+__VLS_asFunctionalElement(__VLS_elements.p, __VLS_elements.p)({
+    ...{ class: "italic text-lg text-center" },
+});
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({});
+__VLS_asFunctionalElement(__VLS_elements.p, __VLS_elements.p)({
+    ...{ class: "text-xl text-left font-semibold text-chat-haze-600 mb-2" },
+});
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "chat-input border border-chat-haze-200 p-2 bg-white shadow-md" },
+});
+__VLS_asFunctionalElement(__VLS_elements.input)({
+    ...{ class: "!outline-none h-8 px-2 w-full" },
+    placeholder: "Enter business name",
+});
+(__VLS_ctx.nameValue);
+// @ts-ignore
+[nameValue,];
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({});
+__VLS_asFunctionalElement(__VLS_elements.p, __VLS_elements.p)({
+    ...{ class: "text-xl text-left font-semibold text-chat-haze-600 mb-2" },
+});
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "flex items-center gap-2 chat-input border border-chat-haze-200 p-2 bg-white shadow-md" },
+});
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "relative" },
+});
+/** @type {[typeof SelectBase, typeof SelectBase, ]} */ ;
+// @ts-ignore
+const __VLS_0 = __VLS_asFunctionalComponent(SelectBase, new SelectBase({
+    options: (__VLS_ctx.countries),
+    placement: "bottom",
+}));
+const __VLS_1 = __VLS_0({
+    options: (__VLS_ctx.countries),
+    placement: "bottom",
+}, ...__VLS_functionalComponentArgsRest(__VLS_0));
+const { default: __VLS_3 } = __VLS_2.slots;
+// @ts-ignore
+[countries,];
+__VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
+    ...{ class: "flex items-center gap-1 px-2 py-1 rounded-lg hover:bg-gray-100" },
+});
+__VLS_asFunctionalElement(__VLS_elements.span, __VLS_elements.span)({});
+(__VLS_ctx.selected.flag);
+// @ts-ignore
+[selected,];
+__VLS_asFunctionalElement(__VLS_elements.span, __VLS_elements.span)({
+    ...{ class: "text-sm text-chat-haze-700" },
+});
+(__VLS_ctx.selected.dial);
+// @ts-ignore
+[selected,];
+__VLS_asFunctionalElement(__VLS_elements.svg, __VLS_elements.svg)({
+    ...{ class: "w-4 h-4 text-chat-haze-500" },
+    fill: "none",
+    stroke: "currentColor",
+    viewBox: "0 0 20 20",
+});
+__VLS_asFunctionalElement(__VLS_elements.path)({
+    'stroke-linecap': "round",
+    'stroke-linejoin': "round",
+    'stroke-width': "2",
+    d: "M5 7l5 5 5-5",
+});
+var __VLS_2;
+__VLS_asFunctionalElement(__VLS_elements.input)({
+    ...{ onInput: (__VLS_ctx.handleInput) },
+    ...{ class: "!outline-none" },
+    type: "tel",
+    maxlength: (10),
+    placeholder: "Enter phone number",
+});
+(__VLS_ctx.phoneValue);
+// @ts-ignore
+[handleInput, phoneValue,];
+__VLS_asFunctionalElement(__VLS_elements.p, __VLS_elements.p)({
+    ...{ class: "italic text-base text-chat-haze-500" },
+});
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "relative" },
+});
+__VLS_asFunctionalElement(__VLS_elements.p, __VLS_elements.p)({
+    ...{ class: "text-chat-error absolute -top-4 left-0" },
+});
+__VLS_asFunctionalDirective(__VLS_directives.vShow)(null, { ...__VLS_directiveBindingRestFields, value: (__VLS_ctx.error) }, null, null);
+// @ts-ignore
+[error,];
+(__VLS_ctx.error);
+// @ts-ignore
+[error,];
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "flex-center mt-2" },
+});
+/** @type {[typeof ButtonBase, typeof ButtonBase, ]} */ ;
+// @ts-ignore
+const __VLS_4 = __VLS_asFunctionalComponent(ButtonBase, new ButtonBase({
+    ...{ 'onClick': {} },
+    loading: (__VLS_ctx.loading),
+    type: "primary",
+    ...{ class: "w-[230px] h-12 font-medium" },
+}));
+const __VLS_5 = __VLS_4({
+    ...{ 'onClick': {} },
+    loading: (__VLS_ctx.loading),
+    type: "primary",
+    ...{ class: "w-[230px] h-12 font-medium" },
+}, ...__VLS_functionalComponentArgsRest(__VLS_4));
+let __VLS_7;
+let __VLS_8;
+const __VLS_9 = ({ click: {} },
+    { onClick: (...[$event]) => {
+            __VLS_ctx.onSubmit();
+            // @ts-ignore
+            [loading, onSubmit,];
+        } });
+const { default: __VLS_10 } = __VLS_6.slots;
+var __VLS_6;
+/** @type {__VLS_StyleScopedClasses['mx-auto']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['max-w-[700px]']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex-col']} */ ;
+/** @type {__VLS_StyleScopedClasses['gap-4']} */ ;
+/** @type {__VLS_StyleScopedClasses['justify-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['px-5']} */ ;
+/** @type {__VLS_StyleScopedClasses['mb-2']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-3xl']} */ ;
+/** @type {__VLS_StyleScopedClasses['md:text-3xl']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-chat-haze-800']} */ ;
+/** @type {__VLS_StyleScopedClasses['font-bold']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['italic']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-lg']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-xl']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-left']} */ ;
+/** @type {__VLS_StyleScopedClasses['font-semibold']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-chat-haze-600']} */ ;
+/** @type {__VLS_StyleScopedClasses['mb-2']} */ ;
+/** @type {__VLS_StyleScopedClasses['chat-input']} */ ;
+/** @type {__VLS_StyleScopedClasses['border']} */ ;
+/** @type {__VLS_StyleScopedClasses['border-chat-haze-200']} */ ;
+/** @type {__VLS_StyleScopedClasses['p-2']} */ ;
+/** @type {__VLS_StyleScopedClasses['bg-white']} */ ;
+/** @type {__VLS_StyleScopedClasses['shadow-md']} */ ;
+/** @type {__VLS_StyleScopedClasses['!outline-none']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-8']} */ ;
+/** @type {__VLS_StyleScopedClasses['px-2']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-xl']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-left']} */ ;
+/** @type {__VLS_StyleScopedClasses['font-semibold']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-chat-haze-600']} */ ;
+/** @type {__VLS_StyleScopedClasses['mb-2']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['gap-2']} */ ;
+/** @type {__VLS_StyleScopedClasses['chat-input']} */ ;
+/** @type {__VLS_StyleScopedClasses['border']} */ ;
+/** @type {__VLS_StyleScopedClasses['border-chat-haze-200']} */ ;
+/** @type {__VLS_StyleScopedClasses['p-2']} */ ;
+/** @type {__VLS_StyleScopedClasses['bg-white']} */ ;
+/** @type {__VLS_StyleScopedClasses['shadow-md']} */ ;
+/** @type {__VLS_StyleScopedClasses['relative']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['gap-1']} */ ;
+/** @type {__VLS_StyleScopedClasses['px-2']} */ ;
+/** @type {__VLS_StyleScopedClasses['py-1']} */ ;
+/** @type {__VLS_StyleScopedClasses['rounded-lg']} */ ;
+/** @type {__VLS_StyleScopedClasses['hover:bg-gray-100']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-sm']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-chat-haze-700']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-4']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-4']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-chat-haze-500']} */ ;
+/** @type {__VLS_StyleScopedClasses['!outline-none']} */ ;
+/** @type {__VLS_StyleScopedClasses['italic']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-base']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-chat-haze-500']} */ ;
+/** @type {__VLS_StyleScopedClasses['relative']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-chat-error']} */ ;
+/** @type {__VLS_StyleScopedClasses['absolute']} */ ;
+/** @type {__VLS_StyleScopedClasses['-top-4']} */ ;
+/** @type {__VLS_StyleScopedClasses['left-0']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['mt-2']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-[230px]']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-12']} */ ;
+/** @type {__VLS_StyleScopedClasses['font-medium']} */ ;
+const __VLS_export = (await import('vue')).defineComponent({});
+export default {};

package/dist/chat/page/setting/SettingSuccess.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/chat/page/setting/SettingSuccess.vue.js

@@ -0,0 +1,33 @@
+/// <reference types="C:/phonghq/go-chat-v2/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
+debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_ctx = {};
+let __VLS_elements;
+let __VLS_components;
+let __VLS_directives;
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "mx-auto w-full h-full max-w-[700px] flex flex-col gap-4 justify-center items-center px-5" },
+});
+__VLS_asFunctionalElement(__VLS_elements.img)({
+    ...{ class: "w-[130px] h-auto" },
+    src: "../../../assets/images/success.png",
+});
+__VLS_asFunctionalElement(__VLS_elements.p, __VLS_elements.p)({
+    ...{ class: "font-semibold text-center text-2xl" },
+});
+/** @type {__VLS_StyleScopedClasses['mx-auto']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['max-w-[700px]']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex-col']} */ ;
+/** @type {__VLS_StyleScopedClasses['gap-4']} */ ;
+/** @type {__VLS_StyleScopedClasses['justify-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['px-5']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-[130px]']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-auto']} */ ;
+/** @type {__VLS_StyleScopedClasses['font-semibold']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-2xl']} */ ;
+const __VLS_export = (await import('vue')).defineComponent({});
+export default {};

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

@@ -0,0 +1,24 @@
+type Props = {
+    top?: boolean;
+    bottom?: boolean;
+    disabled?: boolean;
+};
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {
+    hideLoading: () => void;
+    fixedScroll: () => void;
+    canScroll: () => boolean;
+}, {}, {}, {}, 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,207 @@
+/// <reference types="C:/phonghq/go-chat-v2/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) => {
+    if (props.disabled)
+        return;
+    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) => {
+    if (props.disabled)
+        return;
+    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 canScroll = () => {
+    if (!scrollEvent.value)
+        return false;
+    const canScrollY = scrollEvent.value.scrollHeight > scrollEvent.value.clientHeight;
+    return canScrollY;
+};
+const __VLS_exposed = { hideLoading, fixedScroll, canScroll };
+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,17 @@
+import type { IResUser } from '../../../types/message';
+import type { CallInstance, PAGE_RESPONSIVE } from '../../../types/chat/global';
+type __VLS_Props = {
+    responsive?: PAGE_RESPONSIVE;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, CallInstance, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    userCalling: (id: IResUser) => any;
+    endCall: (id: IResUser | null, type: string) => any;
+    "error:mediaPermissionFail": () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onUserCalling?: ((id: IResUser) => any) | undefined;
+    onEndCall?: ((id: IResUser | null, type: string) => any) | undefined;
+    "onError:mediaPermissionFail"?: (() => any) | undefined;
+}>, {
+    responsive: PAGE_RESPONSIVE;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;