@phonghq/go-chat 1.0.70 → 1.0.72

package/dist/views/home/phone-numpad/ConvercationList.vue.js

@@ -1,174 +0,0 @@
-/// <reference types="C:/phonghq/go-chat-v2/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
-import { phoneNumberFormat } from '../../../utils/string-helper';
-import ScrollEvent from '../../../components/chat/ScrollEvent/ScrollEvent.vue';
-import Avatar from '../../../components/chat/customer/Avatar.vue';
-import { ref } from 'vue';
-import { getConversation } from '../../../utils/chat/store/conversation';
-import { useDebounce } from '../../../utils/debounce';
-const emit = defineEmits();
-const userList = ref([]);
-let pageCount = 0;
-const params = ref({
-    page: 1,
-    search: ''
-});
-const active = defineModel('active');
-const scrollEventRef = ref(null);
-const handleScroll = useDebounce(async () => {
-    if (params.value.page >= pageCount) {
-        scrollEventRef.value?.hideLoading();
-        return;
-    }
-    params.value.page = params.value.page + 1;
-    await getUserList();
-}, 200);
-const getUserList = async (phone, option) => {
-    try {
-        if (phone != undefined)
-            params.value.search = phone;
-        if ((params.value.search?.length ?? 0) < 4)
-            return (userList.value = []);
-        if (option?.reset) {
-            active.value = null;
-            params.value.page = 1;
-        }
-        const res = await getConversation(params.value);
-        if (option?.reset) {
-            userList.value = [];
-        }
-        userList.value.push(...(res?.items ?? []));
-        params.value.page = res?._meta?.currentPage || 1;
-        pageCount = res?._meta?.pageCount || 1;
-        checkActiveUserList();
-        if (option?.reset) {
-            getAllList();
-        }
-    }
-    catch (e) {
-        console.log(e);
-    }
-};
-const getAllList = async () => {
-    while (params.value.page < pageCount && !scrollEventRef.value?.canScroll()) {
-        params.value.page = params.value.page + 1;
-        await getUserList();
-    }
-};
-const handleSelectConversation = (item) => {
-    active.value = item;
-    emit('selectConversation', item);
-};
-const checkActiveUserList = async () => {
-    if (params.value.search.length == 10) {
-        active.value = userList.value.find(item => item.phone === ('1' + params.value.search)) ?? null;
-    }
-};
-const __VLS_exposed = { getUserList, checkActiveUserList };
-defineExpose(__VLS_exposed);
-debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
-const __VLS_modelEmit = defineEmits();
-const __VLS_ctx = {
-    ...{},
-    ...{},
-    ...{},
-    ...{},
-    ...{},
-};
-let __VLS_elements;
-let __VLS_components;
-let __VLS_directives;
-/** @type {[typeof ScrollEvent, typeof ScrollEvent, ]} */ ;
-// @ts-ignore
-const __VLS_0 = __VLS_asFunctionalComponent(ScrollEvent, new ScrollEvent({
-    ...{ 'onGetDataBottom': {} },
-    ref: "scrollEventRef",
-    ...{ class: "h-full overflow-auto flex flex-col gap-y-2" },
-    bottom: true,
-}));
-const __VLS_1 = __VLS_0({
-    ...{ 'onGetDataBottom': {} },
-    ref: "scrollEventRef",
-    ...{ class: "h-full overflow-auto flex flex-col gap-y-2" },
-    bottom: true,
-}, ...__VLS_functionalComponentArgsRest(__VLS_0));
-let __VLS_3;
-let __VLS_4;
-const __VLS_5 = ({ getDataBottom: {} },
-    { onGetDataBottom: (__VLS_ctx.handleScroll) });
-/** @type {typeof __VLS_ctx.scrollEventRef} */ ;
-var __VLS_6 = {};
-const { default: __VLS_8 } = __VLS_2.slots;
-// @ts-ignore
-[handleScroll, scrollEventRef,];
-for (const [user] of __VLS_getVForSourceType((__VLS_ctx.userList))) {
-    // @ts-ignore
-    [userList,];
-    __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
-        ...{ onClick: (...[$event]) => {
-                __VLS_ctx.handleSelectConversation(user);
-                // @ts-ignore
-                [handleSelectConversation,];
-            } },
-        ...{ class: "shrink-0 w-full overflow-hidden flex items-center gap-2 hover:bg-[#EDF5FF] cursor-pointer px-6 py-2" },
-        ...{ class: ({ 'bg-[#EDF5FF]': __VLS_ctx.active && __VLS_ctx.active?.id == user.id }) },
-        key: (user.id),
-    });
-    // @ts-ignore
-    [active, active,];
-    /** @type {[typeof Avatar, ]} */ ;
-    // @ts-ignore
-    const __VLS_9 = __VLS_asFunctionalComponent(Avatar, new Avatar({
-        id: (user.id),
-        ...{ class: "shrink-0" },
-        src: (''),
-        color: (user.color ?? ''),
-        name: (user.username ?? ''),
-    }));
-    const __VLS_10 = __VLS_9({
-        id: (user.id),
-        ...{ class: "shrink-0" },
-        src: (''),
-        color: (user.color ?? ''),
-        name: (user.username ?? ''),
-    }, ...__VLS_functionalComponentArgsRest(__VLS_9));
-    __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({});
-    __VLS_asFunctionalElement(__VLS_elements.p, __VLS_elements.p)({
-        ...{ class: "truncate font-semibold" },
-    });
-    (user.username);
-    __VLS_asFunctionalElement(__VLS_elements.p, __VLS_elements.p)({
-        ...{ class: "truncate" },
-    });
-    (__VLS_ctx.phoneNumberFormat(user.phone ?? ''));
-    // @ts-ignore
-    [phoneNumberFormat,];
-}
-var __VLS_2;
-/** @type {__VLS_StyleScopedClasses['h-full']} */ ;
-/** @type {__VLS_StyleScopedClasses['overflow-auto']} */ ;
-/** @type {__VLS_StyleScopedClasses['flex']} */ ;
-/** @type {__VLS_StyleScopedClasses['flex-col']} */ ;
-/** @type {__VLS_StyleScopedClasses['gap-y-2']} */ ;
-/** @type {__VLS_StyleScopedClasses['shrink-0']} */ ;
-/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
-/** @type {__VLS_StyleScopedClasses['overflow-hidden']} */ ;
-/** @type {__VLS_StyleScopedClasses['flex']} */ ;
-/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
-/** @type {__VLS_StyleScopedClasses['gap-2']} */ ;
-/** @type {__VLS_StyleScopedClasses['hover:bg-[#EDF5FF]']} */ ;
-/** @type {__VLS_StyleScopedClasses['cursor-pointer']} */ ;
-/** @type {__VLS_StyleScopedClasses['px-6']} */ ;
-/** @type {__VLS_StyleScopedClasses['py-2']} */ ;
-/** @type {__VLS_StyleScopedClasses['bg-[#EDF5FF]']} */ ;
-/** @type {__VLS_StyleScopedClasses['shrink-0']} */ ;
-/** @type {__VLS_StyleScopedClasses['truncate']} */ ;
-/** @type {__VLS_StyleScopedClasses['font-semibold']} */ ;
-/** @type {__VLS_StyleScopedClasses['truncate']} */ ;
-// @ts-ignore
-var __VLS_7 = __VLS_6;
-const __VLS_export = (await import('vue')).defineComponent({
-    setup: () => (__VLS_exposed),
-    __typeEmits: {},
-    __typeProps: {},
-});
-export default {};

package/dist/views/home/phone-numpad/PhoneNumpad.vue.d.ts

@@ -1,28 +0,0 @@
-import type { IResUser } from '../../../types/message';
-import type { PAGE_RESPONSIVE } from '../../../types/chat/global';
-type KeyPadProps = {
-    disabled?: boolean;
-    hideNumpad?: boolean;
-    responsive?: PAGE_RESPONSIVE;
-};
-type __VLS_Props = KeyPadProps;
-type __VLS_ModelProps = {
-    modelValue?: string;
-};
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {
-    reset: () => void;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string | undefined) => any;
-} & {
-    change: (value: string) => any;
-    "update:modelValue": (value: string) => any;
-    call: (value: IResUser) => any;
-    back: () => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    onChange?: ((value: string) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    onCall?: ((value: IResUser) => any) | undefined;
-    onBack?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/views/home/phone-numpad/PhoneNumpad.vue.js

@@ -1,377 +0,0 @@
-/// <reference types="C:/phonghq/go-chat-v2/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
-import { computed, ref } from 'vue';
-import IconBackspace from '../../../assets/icons/global/IconBackspace.vue';
-import { phoneNumberFormat, phoneNumberFormatInput } from '../../../utils/string-helper';
-import { useDebounce } from '../../../utils/debounce';
-import ConversationList from '../../../views/home/phone-numpad/ConvercationList.vue';
-import { dataProfile } from '../../../utils/chat/store/auth';
-import IconArrowLeft from '../../../assets/icons/global/IconArrowLeft.vue';
-import ButtonBase from '@/components/common/button/ButtonBase.vue';
-import IconPhone from '@/assets/icons/customer-detail/IconPhone.vue';
-import IconMessageOutline from '@/assets/icons/global/IconMessageOutline.vue';
-const props = withDefaults(defineProps(), {});
-const emit = defineEmits();
-const phone = defineModel();
-const keys = [
-    { label: '1', value: '1' },
-    { label: '2', value: '2' },
-    { label: '3', value: '3' },
-    { label: '4', value: '4' },
-    { label: '5', value: '5' },
-    { label: '6', value: '6' },
-    { label: '7', value: '7' },
-    { label: '8', value: '8' },
-    { label: '9', value: '9' },
-    { label: 'C', value: 'Delete' },
-    { label: '0', value: '0' },
-    { label: 'X', value: 'Backspace' }
-];
-const disabled = computed(() => keepOnlyNumber(phone.value ?? '').length < 10 || loading.value);
-const activeKey = ref(null);
-const activeUser = ref(null);
-const conversationListRef = ref();
-const loading = ref(false);
-const handleKey = (key) => {
-    if (props.disabled)
-        return;
-    if (dataProfile.value?.user_type != 'tenant')
-        return;
-    activeKey.value = key.value == 'Backspace' ? null : key.value;
-    setTimeout(() => {
-        activeKey.value = null;
-    }, 80);
-    let newValue = keepOnlyNumber(phone.value ?? '');
-    if (key.value === 'Backspace') {
-        newValue = newValue.slice(0, -1);
-    }
-    else if (key.value === 'Delete') {
-        newValue = '';
-    }
-    else {
-        newValue += key.value;
-    }
-    phone.value = phoneNumberFormatInput(newValue);
-    handleGetListKeyPad();
-    emit('change', newValue);
-};
-const handleInput = () => {
-    phone.value = phoneNumberFormatInput(phone.value ?? '');
-    handleGetListInput();
-};
-function keepOnlyNumber(value) {
-    return value.replace(/\D+/g, '');
-}
-const handleGetConversationList = (delay) => {
-    return useDebounce(async () => {
-        try {
-            await conversationListRef.value?.getUserList(keepOnlyNumber(phone.value ?? ''), {
-                reset: true
-            });
-        }
-        catch (e) {
-            console.log(e);
-        }
-        loading.value = false;
-    }, delay);
-};
-const handleGetListKeyPadDebounce = handleGetConversationList(800);
-const handleGetListInputDebounce = handleGetConversationList(800);
-const handleGetListKeyPad = () => {
-    loading.value = true;
-    handleGetListKeyPadDebounce();
-};
-const handleGetListInput = () => {
-    loading.value = true;
-    handleGetListInputDebounce();
-};
-const call = () => {
-    if (phone)
-        conversationListRef.value?.checkActiveUserList();
-    let value = keepOnlyNumber(phone.value ?? '');
-    let user = {
-        phone: activeUser.value?.phone || '1' + value,
-        username: activeUser.value?.username ?? '',
-        avatar: activeUser.value?.avatar ?? '',
-        color: activeUser.value?.color ?? '',
-        is_known: activeUser.value?.is_known
-    };
-    if (value.length == 10) {
-        emit('call', user);
-    }
-    else {
-        // if (phone.value) Snackbar.error({ message: 'Phone number is invalid!' })
-    }
-};
-const reset = () => {
-    phone.value = '';
-    conversationListRef.value?.getUserList('', {
-        reset: true
-    });
-};
-const handleSelectConversation = (item) => {
-    phone.value = phoneNumberFormat(item.phone ?? '');
-};
-const __VLS_exposed = { reset };
-defineExpose(__VLS_exposed);
-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: "w-[480px] h-full flex flex-col" },
-});
-__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
-    ...{ class: "w-full flex items-center justify-between border-chat-gray-5 layout-shadow border-b px-2 sm:px-6" },
-});
-if (__VLS_ctx.responsive != 'window') {
-    // @ts-ignore
-    [responsive,];
-    __VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
-        ...{ onClick: (...[$event]) => {
-                if (!(__VLS_ctx.responsive != 'window'))
-                    return;
-                __VLS_ctx.emit('back');
-                // @ts-ignore
-                [emit,];
-            } },
-        ...{ class: "shrink-0 flex justify-center w-14" },
-    });
-    /** @type {[typeof IconArrowLeft, ]} */ ;
-    // @ts-ignore
-    const __VLS_0 = __VLS_asFunctionalComponent(IconArrowLeft, new IconArrowLeft({}));
-    const __VLS_1 = __VLS_0({}, ...__VLS_functionalComponentArgsRest(__VLS_0));
-}
-__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
-    ...{ class: "h-[80px] sm:h-[96px] grow" },
-});
-__VLS_asFunctionalElement(__VLS_elements.input)({
-    ...{ onInput: (__VLS_ctx.handleInput) },
-    ...{ class: "py-2 w-full h-full text-xl" },
-    placeholder: "Enter your phone number",
-    disabled: (__VLS_ctx.dataProfile?.user_type != 'tenant'),
-});
-(__VLS_ctx.phone);
-// @ts-ignore
-[handleInput, dataProfile, phone,];
-__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
-    ...{ class: "grow overflow-hidden relative" },
-});
-/** @type {[typeof ConversationList, ]} */ ;
-// @ts-ignore
-const __VLS_4 = __VLS_asFunctionalComponent(ConversationList, new ConversationList({
-    ...{ 'onSelectConversation': {} },
-    ref: "conversationListRef",
-    active: (__VLS_ctx.activeUser),
-}));
-const __VLS_5 = __VLS_4({
-    ...{ 'onSelectConversation': {} },
-    ref: "conversationListRef",
-    active: (__VLS_ctx.activeUser),
-}, ...__VLS_functionalComponentArgsRest(__VLS_4));
-let __VLS_7;
-let __VLS_8;
-const __VLS_9 = ({ selectConversation: {} },
-    { onSelectConversation: (__VLS_ctx.handleSelectConversation) });
-/** @type {typeof __VLS_ctx.conversationListRef} */ ;
-var __VLS_10 = {};
-// @ts-ignore
-[activeUser, handleSelectConversation, conversationListRef,];
-var __VLS_6;
-__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
-    ...{ class: "shrink-0 w-full px-6 border-chat-gray-5 layout-shadow border-t" },
-});
-if (!__VLS_ctx.hideNumpad) {
-    // @ts-ignore
-    [hideNumpad,];
-    __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
-        ...{ class: "w-full h-[380px] sm:h-[450px] grid grid-cols-3" },
-    });
-    for (const [item] of __VLS_getVForSourceType((__VLS_ctx.keys))) {
-        // @ts-ignore
-        [keys,];
-        __VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
-            ...{ onClick: (...[$event]) => {
-                    if (!(!__VLS_ctx.hideNumpad))
-                        return;
-                    __VLS_ctx.handleKey(item);
-                    // @ts-ignore
-                    [handleKey,];
-                } },
-            ...{ class: "text-3xl sm:text-[40px] flex-center rounded-lg" },
-            ...{ class: ({
-                    'bg-chat-haze-200': false,
-                    'opacity-[0.6] cursor-not-allowed': __VLS_ctx.dataProfile?.user_type != 'tenant'
-                }) },
-            key: (item.value),
-        });
-        // @ts-ignore
-        [dataProfile,];
-        if (item.label !== 'X') {
-            __VLS_asFunctionalElement(__VLS_elements.span, __VLS_elements.span)({});
-            (item.label);
-        }
-        else {
-            __VLS_asFunctionalElement(__VLS_elements.span, __VLS_elements.span)({});
-            /** @type {[typeof IconBackspace, ]} */ ;
-            // @ts-ignore
-            const __VLS_13 = __VLS_asFunctionalComponent(IconBackspace, new IconBackspace({
-                ...{ class: "w-12" },
-            }));
-            const __VLS_14 = __VLS_13({
-                ...{ class: "w-12" },
-            }, ...__VLS_functionalComponentArgsRest(__VLS_13));
-        }
-    }
-}
-__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
-    ...{ class: "w-full grid grid-cols-2 gap-4 py-7" },
-});
-/** @type {[typeof ButtonBase, typeof ButtonBase, ]} */ ;
-// @ts-ignore
-const __VLS_17 = __VLS_asFunctionalComponent(ButtonBase, new ButtonBase({
-    ...{ 'onClick': {} },
-    ...{ class: "rounded-full h-12 shadow-lg" },
-    ...{ class: ({
-            'cursor-not-allowed opacity-[0.3] pointer-events-none': __VLS_ctx.disabled
-        }) },
-    type: "success",
-}));
-const __VLS_18 = __VLS_17({
-    ...{ 'onClick': {} },
-    ...{ class: "rounded-full h-12 shadow-lg" },
-    ...{ class: ({
-            'cursor-not-allowed opacity-[0.3] pointer-events-none': __VLS_ctx.disabled
-        }) },
-    type: "success",
-}, ...__VLS_functionalComponentArgsRest(__VLS_17));
-let __VLS_20;
-let __VLS_21;
-const __VLS_22 = ({ click: {} },
-    { onClick: (...[$event]) => {
-            __VLS_ctx.call();
-            // @ts-ignore
-            [disabled, call,];
-        } });
-const { default: __VLS_23 } = __VLS_19.slots;
-/** @type {[typeof IconPhone, ]} */ ;
-// @ts-ignore
-const __VLS_24 = __VLS_asFunctionalComponent(IconPhone, new IconPhone({
-    weight: (2),
-}));
-const __VLS_25 = __VLS_24({
-    weight: (2),
-}, ...__VLS_functionalComponentArgsRest(__VLS_24));
-var __VLS_19;
-/** @type {[typeof ButtonBase, typeof ButtonBase, ]} */ ;
-// @ts-ignore
-const __VLS_28 = __VLS_asFunctionalComponent(ButtonBase, new ButtonBase({
-    ...{ 'onClick': {} },
-    ...{ class: "rounded-full h-12 shadow-lg" },
-    ...{ class: ({
-            'cursor-not-allowed opacity-[0.3] pointer-events-none': true
-        }) },
-    type: "primary",
-}));
-const __VLS_29 = __VLS_28({
-    ...{ 'onClick': {} },
-    ...{ class: "rounded-full h-12 shadow-lg" },
-    ...{ class: ({
-            'cursor-not-allowed opacity-[0.3] pointer-events-none': true
-        }) },
-    type: "primary",
-}, ...__VLS_functionalComponentArgsRest(__VLS_28));
-let __VLS_31;
-let __VLS_32;
-const __VLS_33 = ({ click: {} },
-    { onClick: (...[$event]) => {
-            __VLS_ctx.call();
-            // @ts-ignore
-            [call,];
-        } });
-const { default: __VLS_34 } = __VLS_30.slots;
-/** @type {[typeof IconMessageOutline, ]} */ ;
-// @ts-ignore
-const __VLS_35 = __VLS_asFunctionalComponent(IconMessageOutline, new IconMessageOutline({}));
-const __VLS_36 = __VLS_35({}, ...__VLS_functionalComponentArgsRest(__VLS_35));
-var __VLS_30;
-/** @type {__VLS_StyleScopedClasses['w-[480px]']} */ ;
-/** @type {__VLS_StyleScopedClasses['h-full']} */ ;
-/** @type {__VLS_StyleScopedClasses['flex']} */ ;
-/** @type {__VLS_StyleScopedClasses['flex-col']} */ ;
-/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
-/** @type {__VLS_StyleScopedClasses['flex']} */ ;
-/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
-/** @type {__VLS_StyleScopedClasses['justify-between']} */ ;
-/** @type {__VLS_StyleScopedClasses['border-chat-gray-5']} */ ;
-/** @type {__VLS_StyleScopedClasses['layout-shadow']} */ ;
-/** @type {__VLS_StyleScopedClasses['border-b']} */ ;
-/** @type {__VLS_StyleScopedClasses['px-2']} */ ;
-/** @type {__VLS_StyleScopedClasses['sm:px-6']} */ ;
-/** @type {__VLS_StyleScopedClasses['shrink-0']} */ ;
-/** @type {__VLS_StyleScopedClasses['flex']} */ ;
-/** @type {__VLS_StyleScopedClasses['justify-center']} */ ;
-/** @type {__VLS_StyleScopedClasses['w-14']} */ ;
-/** @type {__VLS_StyleScopedClasses['h-[80px]']} */ ;
-/** @type {__VLS_StyleScopedClasses['sm:h-[96px]']} */ ;
-/** @type {__VLS_StyleScopedClasses['grow']} */ ;
-/** @type {__VLS_StyleScopedClasses['py-2']} */ ;
-/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
-/** @type {__VLS_StyleScopedClasses['h-full']} */ ;
-/** @type {__VLS_StyleScopedClasses['text-xl']} */ ;
-/** @type {__VLS_StyleScopedClasses['grow']} */ ;
-/** @type {__VLS_StyleScopedClasses['overflow-hidden']} */ ;
-/** @type {__VLS_StyleScopedClasses['relative']} */ ;
-/** @type {__VLS_StyleScopedClasses['shrink-0']} */ ;
-/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
-/** @type {__VLS_StyleScopedClasses['px-6']} */ ;
-/** @type {__VLS_StyleScopedClasses['border-chat-gray-5']} */ ;
-/** @type {__VLS_StyleScopedClasses['layout-shadow']} */ ;
-/** @type {__VLS_StyleScopedClasses['border-t']} */ ;
-/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
-/** @type {__VLS_StyleScopedClasses['h-[380px]']} */ ;
-/** @type {__VLS_StyleScopedClasses['sm:h-[450px]']} */ ;
-/** @type {__VLS_StyleScopedClasses['grid']} */ ;
-/** @type {__VLS_StyleScopedClasses['grid-cols-3']} */ ;
-/** @type {__VLS_StyleScopedClasses['text-3xl']} */ ;
-/** @type {__VLS_StyleScopedClasses['sm:text-[40px]']} */ ;
-/** @type {__VLS_StyleScopedClasses['flex-center']} */ ;
-/** @type {__VLS_StyleScopedClasses['rounded-lg']} */ ;
-/** @type {__VLS_StyleScopedClasses['bg-chat-haze-200']} */ ;
-/** @type {__VLS_StyleScopedClasses['opacity-[0.6]']} */ ;
-/** @type {__VLS_StyleScopedClasses['cursor-not-allowed']} */ ;
-/** @type {__VLS_StyleScopedClasses['w-12']} */ ;
-/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
-/** @type {__VLS_StyleScopedClasses['grid']} */ ;
-/** @type {__VLS_StyleScopedClasses['grid-cols-2']} */ ;
-/** @type {__VLS_StyleScopedClasses['gap-4']} */ ;
-/** @type {__VLS_StyleScopedClasses['py-7']} */ ;
-/** @type {__VLS_StyleScopedClasses['rounded-full']} */ ;
-/** @type {__VLS_StyleScopedClasses['h-12']} */ ;
-/** @type {__VLS_StyleScopedClasses['shadow-lg']} */ ;
-/** @type {__VLS_StyleScopedClasses['cursor-not-allowed']} */ ;
-/** @type {__VLS_StyleScopedClasses['opacity-[0.3]']} */ ;
-/** @type {__VLS_StyleScopedClasses['pointer-events-none']} */ ;
-/** @type {__VLS_StyleScopedClasses['rounded-full']} */ ;
-/** @type {__VLS_StyleScopedClasses['h-12']} */ ;
-/** @type {__VLS_StyleScopedClasses['shadow-lg']} */ ;
-/** @type {__VLS_StyleScopedClasses['cursor-not-allowed']} */ ;
-/** @type {__VLS_StyleScopedClasses['opacity-[0.3]']} */ ;
-/** @type {__VLS_StyleScopedClasses['pointer-events-none']} */ ;
-// @ts-ignore
-var __VLS_11 = __VLS_10;
-const __VLS_export = (await import('vue')).defineComponent({
-    setup: () => (__VLS_exposed),
-    __typeEmits: {},
-    __typeProps: {},
-    props: {},
-});
-export default {};