@phonghq/go-chat 1.0.11 → 1.0.14

package/dist/test/plugins/websocket.js

@@ -1,24 +1,43 @@
 import { tryParseJson } from '../utils/json';
+import { dataProfile } from '../utils/chat/auth';
 let socket = null;
 let dataCallBack = [];
-export function initWebSocket(server) {
-    socket = new WebSocket('wss://web-socket.dev01.dtsmart.dev/web-stream');
-    socket.binaryType = "arraybuffer";
-    socket.onopen = (event) => {
-        console.log('Connected!');
-    };
-    socket.onmessage = (event) => {
-        const data = tryParseJson(event.data);
-        dataCallBack.forEach((e) => {
-            e.callBack(data);
-        });
-    };
-    socket.onclose = (event) => {
-        console.log('Disconnected:', event.reason);
-    };
-    socket.onerror = (event) => {
-        console.error('Socket error:', event);
-    };
+let callId = '';
+// const BASE_URL = 'wss://web-socket.dev01.dtsmart.dev/web-stream'
+const BASE_URL = 'wss://web-socket-test.dev01.dtsmart.dev/web-stream';
+const BARE_URL_INBOUND = 'https://web-socket.dev01.dtsmart.dev';
+export function initWebSocket() {
+    return new Promise((resolve, reject) => {
+        if (socket && socket.readyState === 1) {
+            console.log("WebSocket đã kết nối, bỏ qua connect.");
+            resolve('Connected');
+            return;
+        }
+        const timer = setTimeout(() => {
+            socket?.close?.();
+            reject(new Error("WebSocket connection timeout"));
+        }, 5000);
+        // socket = new WebSocket('wss://' + callId)
+        socket = new WebSocket(BASE_URL);
+        socket.binaryType = 'arraybuffer';
+        socket.onopen = (event) => {
+            clearTimeout(timer);
+            resolve('Connected');
+        };
+        socket.onmessage = (event) => {
+            const data = tryParseJson(event.data);
+            dataCallBack.forEach((e) => {
+                e.callBack(data);
+            });
+        };
+        socket.onclose = (event) => {
+            console.log('Disconnected:', event.reason);
+        };
+        socket.onerror = (event) => {
+            console.error('Socket error:', event);
+            reject(event);
+        };
+    });
 }
 export const socketSend = (data) => {
     try {
@@ -35,9 +54,10 @@ export const getWebSocket = async () => {
         const response = await fetch(url, {
             method: 'POST',
             body: JSON.stringify({
-                clientId: 'test1'
+                clientId: dataProfile.value?.tenant_id
             }),
             headers: {
+                "Content-Type": "application/json",
                 Authorization: 'Bearer -Qixt-ZztiBA5Dxl-EIWG7f2TDhK-ZCj'
             }
         });
@@ -45,6 +65,8 @@ export const getWebSocket = async () => {
             throw new Error(`Response status: ${response.status}`);
         }
         const result = await response.json();
+        callId = result?.wsUrl;
+        return result;
     }
     catch (error) {
         console.error(error.message);
@@ -60,3 +82,70 @@ export const removeHandleWebSK = (key) => {
         dataCallBack.splice(index, 1);
     }
 };
+export class WebSocketClient {
+    socket = null;
+    dataCallbacks = null;
+    server;
+    constructor(server, callBack) {
+        this.server = server;
+        this.dataCallbacks = callBack;
+    }
+    async init() {
+        return new Promise((resolve, reject) => {
+            if (!this.server)
+                reject(new Error("Missing uuid!"));
+            this.socket = new WebSocket(BASE_URL + '?call_uuid=' + this.server);
+            console.log(BASE_URL + '?call_uuid=' + this.server);
+            this.socket.binaryType = "arraybuffer";
+            const timeout = setTimeout(() => {
+                reject(new Error("⏰ WebSocket connection timeout"));
+            }, 5000); // 5s timeout
+            this.socket.onopen = () => {
+                clearTimeout(timeout);
+                resolve(); // Kết nối thành công
+            };
+            this.socket.onmessage = (event) => {
+                const data = tryParseJson(event.data);
+                console.log(data);
+                this.dataCallbacks?.(data);
+            };
+            this.socket.onclose = (event) => {
+            };
+            this.socket.onerror = (event) => {
+                clearTimeout(timeout);
+                reject(new Error("WebSocket connection error"));
+            };
+        });
+    }
+    send(data) {
+        try {
+            const message = typeof data === 'string' ? data : JSON.stringify(data);
+            this.socket?.send(message);
+        }
+        catch (e) {
+            console.error('Send error:', e);
+        }
+    }
+    sendDefault(data) {
+        try {
+            this.socket?.send(data);
+        }
+        catch (e) {
+            console.error('Send error:', e);
+        }
+    }
+    disconnect() {
+        if (this.socket) {
+            this.socket.onopen = null;
+            this.socket.onmessage = null;
+            this.socket.onclose = null;
+            this.socket.onerror = null;
+            if (this.socket.readyState === WebSocket.OPEN) {
+                this.socket.close(1000, "Manual disconnect");
+                console.log("🔌 WebSocket closed manually");
+            }
+            this.socket = null;
+        }
+        this.dataCallbacks = null;
+    }
+}

package/dist/test/router/index.js

@@ -0,0 +1,39 @@
+import { createRouter, createWebHistory } from "vue-router";
+import Index from "../chat/App.vue";
+import NotFound from "../views/NotFound.vue";
+import TenantPhone from "../views/TenantPhone.vue";
+const router = createRouter({
+    history: createWebHistory(import.meta.env.BASE_URL),
+    routes: [
+        {
+            path: '/',
+            alias: '/index.html',
+            name: "home",
+            component: Index,
+        },
+        {
+            path: '/tenant',
+            alias: '/index.html',
+            name: "client-home",
+            component: Index,
+        },
+        {
+            path: '/tenant-phone',
+            alias: '/index.html',
+            name: "tenant-phone",
+            component: TenantPhone,
+        },
+        {
+            path: '/:pathMatch(.*)*',
+            alias: '/index.html',
+            name: "not-found",
+            component: NotFound,
+        },
+    ],
+});
+// router.beforeEach(async (to, from): Promise<any> => {
+//   if (to.name != "home") {
+//     return { name: "home" };
+//   }
+// });
+export default router;

package/dist/test/types/call.js

@@ -1 +1,10 @@
-export {};
+export var PLIVO_CALL_STATUS;
+(function (PLIVO_CALL_STATUS) {
+    PLIVO_CALL_STATUS["CONNECTING"] = "Connecting...";
+    PLIVO_CALL_STATUS["CALLING"] = "calling";
+    PLIVO_CALL_STATUS["RINGING"] = "ringing";
+    PLIVO_CALL_STATUS["CONNECT_FAILED"] = "failed";
+    PLIVO_CALL_STATUS["CALL_START"] = "in-progress";
+    PLIVO_CALL_STATUS["CALL_END"] = "completed";
+    PLIVO_CALL_STATUS["NO_ANSWER"] = "no-answer";
+})(PLIVO_CALL_STATUS || (PLIVO_CALL_STATUS = {}));

package/dist/test/utils/chat/auth.js

@@ -31,21 +31,29 @@ export const loginLink = async (params) => {
 };
 export const getProfile = async () => {
     const res = await axios.get('/api/v1/message/user/me');
-    localStorage.setItem('chat_user', JSON.stringify(res?.data));
+    localStorage.setItem('chat_user', JSON.stringify(res));
     dataProfile.value = res;
     return res;
 };
+export const submitTenantPhone = async (body) => {
+    const res = await axios.post('/api/v1/message/tenant/update-phone', body);
+    dataLoginLink.value = res;
+    console.log(res);
+    return res;
+};
 export const logout = async () => {
     dataLogin = { id: '', token: '', domain: '' };
     dataProfile.value = null;
     localStorage.removeItem('chat_accessToken');
     localStorage.removeItem('chat_domain');
     localStorage.removeItem('chat_id');
-    window.location.href = '/login';
     try {
         if (gapMiniAppSdk?.getInstance()?.getBridge()) {
             gapMiniAppSdk?.getInstance()?.closeApp();
         }
+        else {
+            window.location.href = '/login';
+        }
     }
     catch (error) { }
 };

package/dist/test/utils/chat/call.js

@@ -1,6 +1,7 @@
 import axios from '../../plugins/axios';
 import { dataProfile } from '../../utils/chat/auth';
-const BARE_WEBSOCKET_URL = 'https://web-socket.dev01.dtsmart.dev';
+// const BARE_WEBSOCKET_URL = 'https://web-socket.dev01.dtsmart.dev'
+const BARE_WEBSOCKET_URL = 'https://web-socket-test.dev01.dtsmart.dev';
 // const BARE_WEBSOCKET_URL = 'http://192.168.1.173:3000'
 export const getIceService = async () => {
     const res = await axios.post('/api/v1/message/call/ice-servers', {
@@ -16,12 +17,12 @@ export const getIceService = async () => {
 //   })
 //   return res
 // }
-export const callClient = async (body) => {
-    const url = BARE_WEBSOCKET_URL + '/call/answer';
+export const callClient = async (data) => {
+    const url = BARE_WEBSOCKET_URL + '/ws/answer';
     try {
         const response = await fetch(url, {
             method: 'POST',
-            body: JSON.stringify(body),
+            body: JSON.stringify(data),
             headers: {
                 ['Content-Type']: 'application/json'
             }
@@ -64,8 +65,10 @@ export const plivoCall = async (user) => {
     const response = await fetch(url, {
         method: 'POST',
         body: JSON.stringify({
+            // from: '18668259612' || dataProfile.value?.phone,
             from: '18668259612' || dataProfile.value?.phone,
-            to: user?.phone || ''
+            to: user?.phone || '',
+            // clientId: dataProfile.value?.tenant_id
         }),
         headers: {
             ['Content-Type']: 'application/json'
@@ -74,13 +77,11 @@ export const plivoCall = async (user) => {
     if (!response.ok) {
         throw new Error(`Response status: ${response.status}`);
     }
-    console.log(response);
     const result = await response.json();
-    console.log(result);
     return result;
 };
 export const plivoEndCall = async (uuid) => {
-    const url = BARE_WEBSOCKET_URL + '/plivo/end-call';
+    const url = BARE_WEBSOCKET_URL + '/ws/end-call';
     const response = await fetch(url, {
         method: 'POST',
         body: JSON.stringify({
@@ -96,3 +97,42 @@ export const plivoEndCall = async (uuid) => {
     const result = await response.json();
     console.log(result);
 };
+export const downloadRecord = async (url_pub) => {
+    const url = BARE_WEBSOCKET_URL + '/ws/download-record';
+    const response = await fetch(url, {
+        method: 'POST',
+        body: JSON.stringify({
+            url: url_pub
+        }),
+        headers: {
+            ['Content-Type']: 'application/json'
+        }
+    });
+    if (!response.ok) {
+        throw new Error(`Response status: ${response.status}`);
+    }
+    const blob = await response.blob();
+    const url_blob = window.URL.createObjectURL(blob);
+    const a = document.createElement("a");
+    a.href = url_blob;
+    a.download = "recording.mp3";
+    a.click();
+    a.remove();
+};
+export const getPlivoAccessToken = async () => {
+    const url = BARE_WEBSOCKET_URL + '/ws/generate-token';
+    const response = await fetch(url, {
+        method: 'POST',
+        body: JSON.stringify({
+            clientId: dataProfile.value?.tenant_id,
+        }),
+        headers: {
+            ['Content-Type']: 'application/json'
+        }
+    });
+    if (!response.ok) {
+        throw new Error(`Response status: ${response.status}`);
+    }
+    const result = await response.json();
+    return result?.accessToken;
+};

package/dist/test/utils/chat/phone-string.js

@@ -0,0 +1,4 @@
+export const formatPhone10number = (phone, dial) => {
+    let result = phone.replace(/\D/g, '');
+    return result?.startsWith(dial) ? result.slice(dial.length) : result;
+};

package/dist/test/utils/chat/user.js

@@ -1,10 +1,15 @@
 import { ref } from 'vue';
-import axios from '../../plugins/axios-gci';
+import axios_gci from '../../plugins/axios-gci';
+import axios from '../../plugins/axios';
 import dayjs from 'dayjs';
 export const user = ref(null);
 export const userHistory = ref(null);
 export const getUserHistory = async (phone) => {
-    const res = await axios.get(`/v1/pos/customer/site/history?phone=${phone}`);
+    const res = await axios_gci.get(`/v1/pos/customer/site/history?phone=${phone}`);
+    return res;
+};
+export const getUserDetailChat = async (params) => {
+    const res = await axios.get('/api/v1/message/customer/info', { params });
     return res;
 };
 export function getItemsByYear(data, key = 'created_at') {

package/dist/test/views/NotFound.vue.js

@@ -0,0 +1,47 @@
+/// <reference types="C:/phonghq/go-chat-v2/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
+const goToHome = () => {
+    window.location.href = '/'; // Replace with your desired home page URL
+};
+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: "py-10 grow place-content-center" },
+});
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "text-center font-semibold" },
+});
+__VLS_asFunctionalElement(__VLS_elements.h1, __VLS_elements.h1)({
+    ...{ class: "text-primary text-6xl md:text-8xl mb-2" },
+});
+__VLS_asFunctionalElement(__VLS_elements.h2, __VLS_elements.h2)({
+    ...{ class: "text-2xl mb-3" },
+});
+__VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
+    ...{ onClick: (...[$event]) => {
+            __VLS_ctx.$router.push({ name: 'home' });
+            // @ts-ignore
+            [$router,];
+        } },
+    ...{ class: "btn btn-primary" },
+});
+/** @type {__VLS_StyleScopedClasses['py-10']} */ ;
+/** @type {__VLS_StyleScopedClasses['grow']} */ ;
+/** @type {__VLS_StyleScopedClasses['place-content-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['font-semibold']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-primary']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-6xl']} */ ;
+/** @type {__VLS_StyleScopedClasses['md:text-8xl']} */ ;
+/** @type {__VLS_StyleScopedClasses['mb-2']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-2xl']} */ ;
+/** @type {__VLS_StyleScopedClasses['mb-3']} */ ;
+/** @type {__VLS_StyleScopedClasses['btn']} */ ;
+/** @type {__VLS_StyleScopedClasses['btn-primary']} */ ;
+const __VLS_export = (await import('vue')).defineComponent({});
+export default {};

package/dist/test/views/TenantPhone.vue.js

@@ -0,0 +1,270 @@
+/// <reference types="C:/phonghq/go-chat-v2/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
+import { ref } from 'vue';
+import CSpin from '../components/common/spin/CSpin.vue';
+import { dataProfile, submitTenantPhone } from '../utils/chat/auth';
+import router from '../router';
+const open = ref(false);
+const phoneValue = ref('');
+const countries = [
+    // { code: 'VN', name: 'Vietnam', dial: 84,  flag: '🇻🇳' },
+    { code: 'US', name: 'United States', dial: 1, flag: '🇺🇸' }
+    // { code: 'KR', name: 'Korea', dial: 82, flag: '🇰🇷' },
+    // { code: 'JP', name: 'Japan', dial: 81, flag: '🇯🇵' },
+    // { code: 'TH', name: 'Thailand', dial: 66, flag: '🇹🇭' },
+];
+const selected = ref(countries[0]);
+const error = ref('');
+const loading = ref(false);
+const select = (c) => {
+    selected.value = c;
+    open.value = false;
+};
+const isPhoneMatchDial = (countryDial, phone) => {
+    const dial = phone.replace('+', '');
+    return phone.startsWith(countryDial.toString());
+};
+const keepOnlyNumbers = (str) => {
+    return str.replace(/\D/g, '');
+};
+const handleInput = () => {
+    error.value = '';
+    phoneValue.value = keepOnlyNumbers(phoneValue.value);
+};
+const onSubmit = async () => {
+    try {
+        if (isPhoneMatchDial(selected.value.dial, phoneValue.value)) {
+            error.value = `Phone number does not match country code ${selected.value.name}`;
+            return;
+        }
+        loading.value = true;
+        const param = {
+            phone: selected.value.dial + phoneValue.value,
+            tenant_id: dataProfile.value?.tenant_id ?? ''
+        };
+        await submitTenantPhone(param);
+        router.push({ name: 'home' });
+    }
+    catch (e) {
+        console.log(e);
+    }
+    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: "flex flex-col w-[700px] h-full mx-auto justify-center pb-40" },
+});
+__VLS_asFunctionalElement(__VLS_elements.label, __VLS_elements.label)({
+    ...{ class: "text-[28px] font-medium text-chat-haze-700 mb-1 block mb-2" },
+});
+__VLS_asFunctionalElement(__VLS_elements.p, __VLS_elements.p)({
+    ...{ class: "text-xl text-chat-haze-600 mb-4" },
+});
+__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" },
+});
+__VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
+    ...{ onClick: (...[$event]) => {
+            __VLS_ctx.open = !__VLS_ctx.open;
+            // @ts-ignore
+            [open, open,];
+        } },
+    ...{ 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",
+});
+if (__VLS_ctx.open) {
+    // @ts-ignore
+    [open,];
+    __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+        ...{ class: "absolute z-10 bg-white border shadow-lg rounded-xl mt-4 w-40 max-h-52 overflow-auto border border-chat-haze-200" },
+    });
+    for (const [c] of __VLS_getVForSourceType((__VLS_ctx.countries))) {
+        // @ts-ignore
+        [countries,];
+        __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+            ...{ onClick: (...[$event]) => {
+                    if (!(__VLS_ctx.open))
+                        return;
+                    __VLS_ctx.select(c);
+                    // @ts-ignore
+                    [select,];
+                } },
+            key: (c.code),
+            ...{ class: "flex items-center gap-2 px-3 py-2 hover:bg-gray-100 cursor-pointer" },
+        });
+        __VLS_asFunctionalElement(__VLS_elements.span, __VLS_elements.span)({});
+        (c.flag);
+        __VLS_asFunctionalElement(__VLS_elements.span, __VLS_elements.span)({
+            ...{ class: "text-sm" },
+        });
+        (c.dial);
+        __VLS_asFunctionalElement(__VLS_elements.span, __VLS_elements.span)({
+            ...{ class: "text-xs text-chat-haze-500 ml-auto" },
+        });
+        (c.code);
+    }
+}
+__VLS_asFunctionalElement(__VLS_elements.input)({
+    ...{ onInput: (__VLS_ctx.handleInput) },
+    ...{ onKeyup: (__VLS_ctx.onSubmit) },
+    ...{ class: "!outline-none" },
+    type: "tel",
+    maxlength: (10),
+    placeholder: "Enter phone number",
+});
+(__VLS_ctx.phoneValue);
+// @ts-ignore
+[handleInput, onSubmit, phoneValue,];
+if (__VLS_ctx.error) {
+    // @ts-ignore
+    [error,];
+    __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+        ...{ class: "mt-2 ml-1 text-sm text-chat-error flex items-center gap-1" },
+    });
+    __VLS_asFunctionalElement(__VLS_elements.svg, __VLS_elements.svg)({
+        ...{ class: "w-4 h-4" },
+        fill: "none",
+        stroke: "currentColor",
+        viewBox: "0 0 24 24",
+    });
+    __VLS_asFunctionalElement(__VLS_elements.path)({
+        'stroke-linecap': "round",
+        'stroke-linejoin': "round",
+        'stroke-width': "2",
+        d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.662 1.732-3L13.732 4c-.77-1.338-2.694-1.338-3.464 0L4.34 16c-.77 1.338.192 3 1.732 3z",
+    });
+    (__VLS_ctx.error);
+    // @ts-ignore
+    [error,];
+}
+__VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
+    ...{ onClick: (__VLS_ctx.onSubmit) },
+    ...{ class: "mt-4 w-full bg-chat-primary text-white p-2 rounded-lg hover:bg-blue-700" },
+});
+// @ts-ignore
+[onSubmit,];
+if (__VLS_ctx.loading) {
+    // @ts-ignore
+    [loading,];
+    /** @type {[typeof CSpin, typeof CSpin, ]} */ ;
+    // @ts-ignore
+    const __VLS_0 = __VLS_asFunctionalComponent(CSpin, new CSpin({
+        size: (30),
+    }));
+    const __VLS_1 = __VLS_0({
+        size: (30),
+    }, ...__VLS_functionalComponentArgsRest(__VLS_0));
+}
+else {
+    __VLS_asFunctionalElement(__VLS_elements.span, __VLS_elements.span)({});
+}
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex-col']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-[700px]']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['mx-auto']} */ ;
+/** @type {__VLS_StyleScopedClasses['justify-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['pb-40']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-[28px]']} */ ;
+/** @type {__VLS_StyleScopedClasses['font-medium']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-chat-haze-700']} */ ;
+/** @type {__VLS_StyleScopedClasses['mb-1']} */ ;
+/** @type {__VLS_StyleScopedClasses['block']} */ ;
+/** @type {__VLS_StyleScopedClasses['mb-2']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-xl']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-chat-haze-600']} */ ;
+/** @type {__VLS_StyleScopedClasses['mb-4']} */ ;
+/** @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['absolute']} */ ;
+/** @type {__VLS_StyleScopedClasses['z-10']} */ ;
+/** @type {__VLS_StyleScopedClasses['bg-white']} */ ;
+/** @type {__VLS_StyleScopedClasses['border']} */ ;
+/** @type {__VLS_StyleScopedClasses['shadow-lg']} */ ;
+/** @type {__VLS_StyleScopedClasses['rounded-xl']} */ ;
+/** @type {__VLS_StyleScopedClasses['mt-4']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-40']} */ ;
+/** @type {__VLS_StyleScopedClasses['max-h-52']} */ ;
+/** @type {__VLS_StyleScopedClasses['overflow-auto']} */ ;
+/** @type {__VLS_StyleScopedClasses['border']} */ ;
+/** @type {__VLS_StyleScopedClasses['border-chat-haze-200']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['gap-2']} */ ;
+/** @type {__VLS_StyleScopedClasses['px-3']} */ ;
+/** @type {__VLS_StyleScopedClasses['py-2']} */ ;
+/** @type {__VLS_StyleScopedClasses['hover:bg-gray-100']} */ ;
+/** @type {__VLS_StyleScopedClasses['cursor-pointer']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-sm']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-xs']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-chat-haze-500']} */ ;
+/** @type {__VLS_StyleScopedClasses['ml-auto']} */ ;
+/** @type {__VLS_StyleScopedClasses['!outline-none']} */ ;
+/** @type {__VLS_StyleScopedClasses['mt-2']} */ ;
+/** @type {__VLS_StyleScopedClasses['ml-1']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-sm']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-chat-error']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['gap-1']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-4']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-4']} */ ;
+/** @type {__VLS_StyleScopedClasses['mt-4']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['bg-chat-primary']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-white']} */ ;
+/** @type {__VLS_StyleScopedClasses['p-2']} */ ;
+/** @type {__VLS_StyleScopedClasses['rounded-lg']} */ ;
+/** @type {__VLS_StyleScopedClasses['hover:bg-blue-700']} */ ;
+const __VLS_export = (await import('vue')).defineComponent({});
+export default {};