@phonghq/go-chat 1.0.42 → 1.0.44

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

@@ -0,0 +1,63 @@
+import { dataProfile } from '../../utils/chat/auth';
+export function setCache(key, data, ttlMs = 1000) {
+    if (!dataProfile.value?.id)
+        return;
+    const now = Date.now();
+    const id = dataProfile.value?.id;
+    const payload = {
+        timestamp: now,
+        ttl: ttlMs,
+        id: id,
+        data
+    };
+    localStorage.setItem(key, JSON.stringify(payload));
+}
+export function getCache(key) {
+    if (!dataProfile.value?.id)
+        return { data: null };
+    const raw = localStorage.getItem(key);
+    const id = dataProfile.value?.id;
+    if (!raw)
+        return { data: null };
+    try {
+        const payload = JSON.parse(raw);
+        if (!payload.timestamp || !payload.ttl)
+            return { data: null };
+        if (!payload?.id || payload?.id != id)
+            return { data: null };
+        const isExpired = Date.now() - payload.timestamp > payload.ttl;
+        return {
+            data: payload.data,
+            needReload: isExpired
+        };
+    }
+    catch (e) {
+        console.warn("Cache parse error:", e);
+        return { data: null };
+    }
+}
+export function clearCache(key) {
+    localStorage.removeItem(key);
+}
+export function removeOldestCache(limit, prefix) {
+    const allKeys = Object.keys(localStorage).filter(k => k.startsWith(prefix));
+    if (allKeys.length > limit) {
+        const entries = allKeys.map(k => {
+            const raw = localStorage.getItem(k);
+            try {
+                const parsed = JSON.parse(raw || "{}");
+                return { key: k, expire: parsed.timestamp || 0 };
+            }
+            catch {
+                return { key: k, expire: 0 };
+            }
+        });
+        entries.sort((a, b) => a.expire - b.expire);
+        while (entries.length > limit) {
+            const oldest = entries.shift();
+            if (oldest) {
+                localStorage.removeItem(oldest.key);
+            }
+        }
+    }
+}

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

@@ -1,7 +1,6 @@
 import axios from '../../plugins/axios';
 import { dataProfile } from '../../utils/chat/auth';
-import { useError } from '../../composable/useError';
-const { showError } = useError();
+import { showPageError } from '../../utils/chat/page-error';
 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'
@@ -156,6 +155,6 @@ export const createSipAccount = async (data) => {
         return result;
     }
     catch (e) {
-        showError('We’re having trouble connecting the call. Please try again in a moment');
+        showPageError('We’re having trouble connecting the call. Please try again in a moment');
     }
 };

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

@@ -11,6 +11,13 @@ export const getConversation = async (param) => {
     });
     return res;
 };
+export const getConversationView = async (id) => {
+    let res = await axios.get('/api/v1/message/conversation/view', {
+        params: { id }
+    });
+    res.receiver_id = res.customer_id ?? 0;
+    return res;
+};
 export const publicTopicConversationUpdate = async (data) => {
     const res = await getCountUnread({
         conversation_id: data.infoUser?.conversation_id ?? 0,
@@ -42,7 +49,7 @@ export const publicTopicConversationUpdate = async (data) => {
         status: 1,
         color: dataProfile.value?.color ?? '',
         is_call: dataProfile.value?.color ?? '',
-        is_unknown: data.infoUser?.is_unknown ?? 0,
+        is_unknown: data.is_unknown,
     };
     publishMessage(`${TOPIC_HOME[0] + Number(data.infoUser?.id)}`, JSON.stringify(dataMessageForReceiver));
     const dataMessageMyself = {
@@ -58,7 +65,7 @@ export const publicTopicConversationUpdate = async (data) => {
         unread_count: 0,
         status: 1,
         color: data.infoUser?.color,
-        is_unknown: data.infoUser?.is_unknown ?? 0,
+        is_unknown: data.is_unknown,
     };
     publishMessage(`${TOPIC_HOME[0] + Number(dataProfile.value?.id)}`, JSON.stringify(dataMessageMyself));
 };

package/dist/test/utils/chat/page-error.js

@@ -0,0 +1,25 @@
+import { ref } from 'vue';
+export const goChatError = ref('');
+export const mediaPermissionState = ref('granted');
+export const handleMedialPermissionError = async () => {
+    if (navigator.permissions && navigator.permissions.query) {
+        try {
+            const result = await navigator.permissions.query({ name: 'microphone' });
+            if (result.state == 'prompt') {
+                goChatError.value =
+                    'Microphone access is needed. Please allow microphone permission to continue.';
+            }
+            else if (result.state == 'denied') {
+                goChatError.value =
+                    'You have denied microphone access. Please enable microphone permission in your browser to continue the call.';
+            }
+            mediaPermissionState.value = result.state;
+        }
+        catch (err) {
+            console.log(err);
+        }
+    }
+};
+export const showPageError = (error) => {
+    goChatError.value = error;
+};

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

@@ -8,6 +8,11 @@ export const getUserHistory = async (phone) => {
     const res = await axios_gci.get(`/v1/pos/customer/site/history?phone=${phone}`);
     return res;
 };
+export const getUserSearch = async (params) => {
+    const res = await axios_gci.get('/v1/appointment/customer/list/all', { params });
+    console.log(res);
+    return res?.items ?? [];
+};
 export const getUserDetailChat = async (params) => {
     const res = await axios.get('/api/v1/message/customer/info', { params });
     return res;
@@ -15,11 +20,11 @@ export const getUserDetailChat = async (params) => {
 export function getItemsByYear(data, key = 'created_at') {
     let result = [];
     if (data?.length) {
-        let curYear = dayjs(data[0][key]).format("YYYY");
+        let curYear = dayjs(data[0][key]).format('YYYY');
         let items = [];
         for (let i = 0; i < data.length; i++) {
             items.push(data[i]);
-            let nextItemYear = data[i + 1] ? dayjs(data[i + 1][key]).format("YYYY") : curYear;
+            let nextItemYear = data[i + 1] ? dayjs(data[i + 1][key]).format('YYYY') : curYear;
             if (nextItemYear != curYear) {
                 result.push({
                     year: curYear,

package/dist/test/utils/string-helper.js

@@ -25,3 +25,16 @@ export const phoneNumberFormat = (phone, halfShowType = 1) => {
     }
     return "";
 };
+export function phoneNumberFormatInput(input) {
+    const digits = input.replace(/\D/g, '').slice(0, 10);
+    const len = digits.length;
+    if (len === 0)
+        return '';
+    if (len < 4) {
+        return `(${digits}`;
+    }
+    if (len < 7) {
+        return `(${digits.slice(0, 3)}) ${digits.slice(3)}`;
+    }
+    return `(${digits.slice(0, 3)}) ${digits.slice(3, 6)}-${digits.slice(6)}`;
+}

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

@@ -0,0 +1,99 @@
+const tryAgain = () => {
+    if (props.isLib) {
+        emit('tryAgain');
+    }
+    else {
+        window.location.href = '/';
+    }
+};
+const props = withDefaults(defineProps(), {});
+const emit = defineEmits();
+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 w-full h-full py-10 text-center" },
+});
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "w-24 h-24 flex items-center justify-center rounded-full bg-gray-100" },
+});
+__VLS_asFunctionalElement(__VLS_elements.svg, __VLS_elements.svg)({
+    xmlns: "http://www.w3.org/2000/svg",
+    ...{ class: "w-10 h-10 text-gray-400" },
+    fill: "none",
+    viewBox: "0 0 24 24",
+    'stroke-width': "1.5",
+    stroke: "currentColor",
+});
+__VLS_asFunctionalElement(__VLS_elements.path)({
+    'stroke-linecap': "round",
+    'stroke-linejoin': "round",
+    d: "\u004d\u0032\u002e\u0032\u0035\u0020\u0036\u002e\u0037\u0035\u0063\u0030\u0020\u0038\u002e\u0032\u0038\u0034\u0020\u0036\u002e\u0037\u0031\u0036\u0020\u0031\u0035\u0020\u0031\u0035\u0020\u0031\u0035\u0068\u0031\u002e\u0035\u000a\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0061\u0032\u002e\u0032\u0035\u0020\u0032\u002e\u0032\u0035\u0020\u0030\u0020\u0030\u0020\u0030\u0020\u0032\u002e\u0032\u0035\u002d\u0032\u002e\u0032\u0035\u0076\u002d\u0032\u002e\u0030\u0037\u000a\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0063\u0030\u002d\u002e\u0035\u0031\u0036\u002d\u002e\u0033\u0035\u0031\u002d\u002e\u0039\u0036\u0036\u002d\u002e\u0038\u0035\u0032\u002d\u0031\u002e\u0030\u0039\u0031\u006c\u002d\u0034\u002e\u0034\u0032\u0033\u002d\u0031\u002e\u0031\u0030\u0036\u000a\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0061\u0031\u002e\u0031\u0032\u0035\u0020\u0031\u002e\u0031\u0032\u0035\u0020\u0030\u0020\u0030\u0020\u0030\u002d\u0031\u002e\u0031\u0037\u0033\u002e\u0034\u0031\u0037\u006c\u002d\u002e\u0039\u0037\u0020\u0031\u002e\u0032\u0039\u0033\u000a\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0063\u002d\u002e\u0032\u0036\u0035\u002e\u0033\u0035\u0033\u002d\u002e\u0037\u0033\u0039\u002e\u0035\u0030\u0032\u002d\u0031\u002e\u0031\u0035\u0033\u002e\u0033\u0032\u0036\u000a\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0061\u0031\u0032\u002e\u0030\u0033\u0035\u0020\u0031\u0032\u002e\u0030\u0033\u0035\u0020\u0030\u0020\u0030\u0020\u0031\u002d\u0035\u002e\u0033\u0034\u0038\u002d\u0035\u002e\u0033\u0034\u0038\u000a\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0063\u002d\u002e\u0031\u0037\u0036\u002d\u002e\u0034\u0031\u0034\u002d\u002e\u0030\u0032\u0037\u002d\u002e\u0038\u0038\u0038\u002e\u0033\u0032\u0036\u002d\u0031\u002e\u0031\u0035\u0033\u006c\u0031\u002e\u0032\u0039\u0033\u002d\u002e\u0039\u0037\u000a\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0063\u002e\u0033\u0039\u002d\u002e\u0032\u0039\u0033\u002e\u0035\u0036\u0033\u002d\u002e\u0037\u0039\u0035\u002e\u0034\u0031\u0037\u002d\u0031\u002e\u0031\u0037\u0033\u004c\u0036\u002e\u0036\u0036\u0020\u0033\u002e\u0031\u0030\u0032\u000a\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0041\u0031\u002e\u0031\u0032\u0035\u0020\u0031\u002e\u0031\u0032\u0035\u0020\u0030\u0020\u0030\u0020\u0030\u0020\u0035\u002e\u0035\u0036\u0039\u0020\u0032\u002e\u0032\u0035\u0048\u0033\u002e\u0035\u000a\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0041\u0031\u002e\u0032\u0035\u0020\u0031\u002e\u0032\u0035\u0020\u0030\u0020\u0030\u0020\u0030\u0020\u0032\u002e\u0032\u0035\u0020\u0033\u002e\u0035\u0076\u0033\u002e\u0032\u0035\u007a",
+});
+__VLS_asFunctionalElement(__VLS_elements.h2, __VLS_elements.h2)({
+    ...{ class: "mt-4 text-3xl font-semibold text-gray-700" },
+});
+__VLS_asFunctionalElement(__VLS_elements.p, __VLS_elements.p)({
+    ...{ class: "mt-1 text-xl text-chat-haze-500 max-w-[700px]" },
+});
+__VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
+    ...{ onClick: (...[$event]) => {
+            __VLS_ctx.tryAgain();
+            // @ts-ignore
+            [tryAgain,];
+        } },
+    ...{ class: "mt-6 px-4 py-2 rounded-xl h-14 w-[150px] bg-chat-primary text-white text-lg font-semibold hover:bg-blue-700 transition" },
+});
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex-col']} */ ;
+/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['justify-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['py-10']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-24']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-24']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['justify-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['rounded-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['bg-gray-100']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-10']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-10']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-gray-400']} */ ;
+/** @type {__VLS_StyleScopedClasses['mt-4']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-3xl']} */ ;
+/** @type {__VLS_StyleScopedClasses['font-semibold']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-gray-700']} */ ;
+/** @type {__VLS_StyleScopedClasses['mt-1']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-xl']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-chat-haze-500']} */ ;
+/** @type {__VLS_StyleScopedClasses['max-w-[700px]']} */ ;
+/** @type {__VLS_StyleScopedClasses['mt-6']} */ ;
+/** @type {__VLS_StyleScopedClasses['px-4']} */ ;
+/** @type {__VLS_StyleScopedClasses['py-2']} */ ;
+/** @type {__VLS_StyleScopedClasses['rounded-xl']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-14']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-[150px]']} */ ;
+/** @type {__VLS_StyleScopedClasses['bg-chat-primary']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-white']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-lg']} */ ;
+/** @type {__VLS_StyleScopedClasses['font-semibold']} */ ;
+/** @type {__VLS_StyleScopedClasses['hover:bg-blue-700']} */ ;
+/** @type {__VLS_StyleScopedClasses['transition']} */ ;
+const __VLS_export = (await import('vue')).defineComponent({
+    __typeEmits: {},
+    __typeProps: {},
+    props: {},
+});
+export default {};

package/dist/types/chat/global.d.ts

@@ -10,19 +10,20 @@ export type GoChatProps = {
 };
 export interface GoChatInstance {
     unreadCount: number;
-    getUserRemote: () => (IResUser | null);
+    getUserRemote: () => IResUser | null;
     callStatus: PlivoCallStatusType | null;
     callLabel: string;
     startCall: (() => Promise<void>) | undefined;
     endCall: (() => void) | undefined;
     openSettings: () => void;
+    initData: (data: any) => void;
 }
 export interface CallInstance {
     userRemoter: Ref<IResUser | null>;
     callStatus: Ref<PlivoCallStatusType | null>;
-    startCall: ((data: IResUser) => Promise<void>);
-    endCall: (() => void);
-    answer: (() => Promise<void>);
+    startCall: (data: IResUser) => Promise<void>;
+    endCall: () => void;
+    answer: () => Promise<void>;
     label: ComputedRef<string>;
 }
-export type PAGE_RESPONSIVE = 'mobile' | 'tablet';
+export type PAGE_RESPONSIVE = 'mobile' | 'tablet' | 'window';

package/dist/types/conversation.d.ts

@@ -12,9 +12,11 @@ export type IConversation = {
     status: number;
     color: string;
     is_unknown: number;
+    customer_id?: number;
 };
 export type IParamGetConversation = {
     page?: number;
     search?: string;
     is_unknown?: number;
+    phone?: string;
 };

package/dist/utils/chat/auth.d.ts

@@ -49,7 +49,7 @@ export declare const setDataLogin: (id: string, token: string, domain: string) =
 export declare const loginTenant: (body: IBodyLoginTenant) => Promise<any>;
 export declare const loginLink: (params: IPramsLoginLink) => Promise<any>;
 export declare const getProfile: () => Promise<IResProfile>;
-export declare const checkTenantPhone: () => Promise<any>;
+export declare const checkTenantPhoneOnGapInsight: () => Promise<any>;
 export declare const submitTenantPhone: (body: {
     phone: string;
     tenant_id: string;

package/dist/utils/chat/cache.d.ts

@@ -0,0 +1,7 @@
+export declare function setCache(key: string, data: any, ttlMs?: number): void;
+export declare function getCache<T = any>(key: string): {
+    data: T | null;
+    needReload?: boolean;
+};
+export declare function clearCache(key: string): void;
+export declare function removeOldestCache(limit: number, prefix: string): void;

package/dist/utils/chat/conversation.d.ts

@@ -2,9 +2,11 @@ import type { IConversation, IParamGetConversation } from '../../types/conversat
 import type { DataWithMetaResponse } from '../../types/global';
 import type { IResUser } from '../../types/message';
 export declare const getConversation: (param: IParamGetConversation) => Promise<DataWithMetaResponse<IConversation[]>>;
+export declare const getConversationView: (id: any) => Promise<IConversation>;
 export declare const publicTopicConversationUpdate: (data: {
     infoUser: IResUser | null;
     isSendImg?: boolean;
     message?: string;
     isCall?: string;
+    is_unknown: number;
 }) => Promise<void>;

package/dist/utils/chat/page-error.d.ts

@@ -0,0 +1,4 @@
+export declare const goChatError: import("vue").Ref<string, string>;
+export declare const mediaPermissionState: import("vue").Ref<"prompt" | "granted" | "denied", "prompt" | "granted" | "denied">;
+export declare const handleMedialPermissionError: () => Promise<void>;
+export declare const showPageError: (error: string) => void;

package/dist/utils/chat/user.d.ts

@@ -189,6 +189,9 @@ export declare const userHistory: import("vue").Ref<{
     visit_count: number;
 } | null>;
 export declare const getUserHistory: (phone: string) => Promise<GetCustomerHistoryResponse>;
+export declare const getUserSearch: (params: {
+    keywords: string;
+}) => Promise<any>;
 export declare const getUserDetailChat: (params: {
     phone: string;
     client_id: string;

package/dist/utils/string-helper.d.ts

@@ -1 +1,2 @@
 export declare const phoneNumberFormat: (phone: string, halfShowType?: number) => string;
+export declare function phoneNumberFormatInput(input: string): string;

package/dist/views/NotTenantPhone.vue.d.ts

@@ -0,0 +1,9 @@
+type Props = {
+    isLib: boolean;
+};
+declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    tryAgain: () => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onTryAgain?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phonghq/go-chat",
-  "version": "1.0.42",
+  "version": "1.0.44",
   "private": false,
   "files": [
     "dist"
@@ -48,7 +48,7 @@
   "devDependencies": {
     "@rushstack/eslint-patch": "^1.8.0",
     "@tsconfig/node20": "^20.1.4",
-    "@types/node": "^24.10.1",
+    "@types/node": "^25.0.3",
     "@vitejs/plugin-vue": "^5.0.5",
     "@vitejs/plugin-vue-jsx": "^4.0.0",
     "@vue/eslint-config-prettier": "^9.0.0",
@@ -61,6 +61,7 @@
     "postcss": "^8.4.47",
     "sass": "^1.64.1",
     "sass-loader": "^13.3.2",
+    "shadcn-vue": "^2.4.3",
     "tailwindcss": "^3.4.12",
     "typescript": "~5.4.0",
     "vite": "^5.3.1",

package/dist/components/layout/Blank.vue.d.ts

@@ -1,9 +0,0 @@
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
-    default?: ((props: {}) => any) | undefined;
-}>;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/layout/Default.vue.d.ts

@@ -1,9 +0,0 @@
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
-    default?: ((props: {}) => any) | undefined;
-}>;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/composable/useError.d.ts

@@ -1,4 +0,0 @@
-export declare const goChatError: import("vue").Ref<string, string>;
-export declare function useError(): {
-    showError: (error: string) => void;
-};

package/dist/composable/useModalConfirm.d.ts

@@ -1,5 +0,0 @@
-import type { ConfirmPayloadPromise, ConfirmPayload } from '../types/chat/promise';
-export declare function useModalConfirm(): {
-    setHandleConfirm: (callback: (data: ConfirmPayloadPromise) => void) => void;
-    modalConfirm: (data: ConfirmPayload) => Promise<any>;
-};

package/dist/test/components/ListenEvent.vue.js

@@ -1,45 +0,0 @@
-/// <reference types="C:/phonghq/go-chat-v2/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/test/components/layout/Blank.vue.js

@@ -1,19 +0,0 @@
-/// <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.main, __VLS_elements.main)({
-    ...{ class: "main" },
-});
-var __VLS_0 = {};
-/** @type {__VLS_StyleScopedClasses['main']} */ ;
-// @ts-ignore
-var __VLS_1 = __VLS_0;
-const __VLS_base = (await import('vue')).defineComponent({});
-const __VLS_export = {};
-export default {};

package/dist/test/components/layout/Default.vue.js

@@ -1,21 +0,0 @@
-/// <reference types="C:/phonghq/go-chat-v2/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
-// COMPONENT
-debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
-const __VLS_ctx = {};
-let __VLS_elements;
-let __VLS_components;
-let __VLS_directives;
-__VLS_asFunctionalElement(__VLS_elements.main, __VLS_elements.main)({
-    ...{ class: "main" },
-});
-__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
-    ...{ class: "container" },
-});
-var __VLS_0 = {};
-/** @type {__VLS_StyleScopedClasses['main']} */ ;
-/** @type {__VLS_StyleScopedClasses['container']} */ ;
-// @ts-ignore
-var __VLS_1 = __VLS_0;
-const __VLS_base = (await import('vue')).defineComponent({});
-const __VLS_export = {};
-export default {};