@phonghq/go-chat 1.0.42 → 1.0.44

package/dist/test/components/ui/select/SelectTrigger.vue.js

@@ -0,0 +1,76 @@
+/// <reference types="C:/phonghq/go-chat-v2/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
+import { reactiveOmit } from "@vueuse/core";
+import { ChevronDown } from "lucide-vue-next";
+import { SelectIcon, SelectTrigger, useForwardProps } from "reka-ui";
+import { cn } from "../../../lib/utils";
+const props = withDefaults(defineProps(), { size: "default" });
+const delegatedProps = reactiveOmit(props, "class", "size");
+const forwardedProps = useForwardProps(delegatedProps);
+debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_defaults = { size: "default" };
+const __VLS_ctx = {
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+};
+let __VLS_elements;
+let __VLS_components;
+let __VLS_directives;
+const __VLS_0 = {}.SelectTrigger;
+/** @type {[typeof __VLS_components.SelectTrigger, typeof __VLS_components.SelectTrigger, ]} */ ;
+// @ts-ignore
+SelectTrigger;
+// @ts-ignore
+const __VLS_1 = __VLS_asFunctionalComponent(__VLS_0, new __VLS_0({
+    dataSlot: "select-trigger",
+    dataSize: (__VLS_ctx.size),
+    ...(__VLS_ctx.forwardedProps),
+    ...{ class: (__VLS_ctx.cn('border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*=\'text-\'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4', props.class)) },
+}));
+const __VLS_2 = __VLS_1({
+    dataSlot: "select-trigger",
+    dataSize: (__VLS_ctx.size),
+    ...(__VLS_ctx.forwardedProps),
+    ...{ class: (__VLS_ctx.cn('border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*=\'text-\'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4', props.class)) },
+}, ...__VLS_functionalComponentArgsRest(__VLS_1));
+var __VLS_4 = {};
+const { default: __VLS_5 } = __VLS_3.slots;
+// @ts-ignore
+[size, forwardedProps, cn,];
+var __VLS_6 = {};
+const __VLS_8 = {}.SelectIcon;
+/** @type {[typeof __VLS_components.SelectIcon, typeof __VLS_components.SelectIcon, ]} */ ;
+// @ts-ignore
+SelectIcon;
+// @ts-ignore
+const __VLS_9 = __VLS_asFunctionalComponent(__VLS_8, new __VLS_8({
+    asChild: true,
+}));
+const __VLS_10 = __VLS_9({
+    asChild: true,
+}, ...__VLS_functionalComponentArgsRest(__VLS_9));
+const { default: __VLS_12 } = __VLS_11.slots;
+const __VLS_13 = {}.ChevronDown;
+/** @type {[typeof __VLS_components.ChevronDown, ]} */ ;
+// @ts-ignore
+ChevronDown;
+// @ts-ignore
+const __VLS_14 = __VLS_asFunctionalComponent(__VLS_13, new __VLS_13({
+    ...{ class: "size-4 opacity-50" },
+}));
+const __VLS_15 = __VLS_14({
+    ...{ class: "size-4 opacity-50" },
+}, ...__VLS_functionalComponentArgsRest(__VLS_14));
+var __VLS_11;
+var __VLS_3;
+/** @type {__VLS_StyleScopedClasses['size-4']} */ ;
+/** @type {__VLS_StyleScopedClasses['opacity-50']} */ ;
+// @ts-ignore
+var __VLS_7 = __VLS_6;
+const __VLS_base = (await import('vue')).defineComponent({
+    __typeProps: {},
+    props: {},
+});
+const __VLS_export = {};
+export default {};

package/dist/test/components/ui/select/SelectValue.vue.js

@@ -0,0 +1,37 @@
+/// <reference types="C:/phonghq/go-chat-v2/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
+import { SelectValue } from "reka-ui";
+const props = defineProps();
+debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_ctx = {
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+};
+let __VLS_elements;
+let __VLS_components;
+let __VLS_directives;
+const __VLS_0 = {}.SelectValue;
+/** @type {[typeof __VLS_components.SelectValue, typeof __VLS_components.SelectValue, ]} */ ;
+// @ts-ignore
+SelectValue;
+// @ts-ignore
+const __VLS_1 = __VLS_asFunctionalComponent(__VLS_0, new __VLS_0({
+    dataSlot: "select-value",
+    ...(props),
+}));
+const __VLS_2 = __VLS_1({
+    dataSlot: "select-value",
+    ...(props),
+}, ...__VLS_functionalComponentArgsRest(__VLS_1));
+var __VLS_4 = {};
+const { default: __VLS_5 } = __VLS_3.slots;
+var __VLS_6 = {};
+var __VLS_3;
+// @ts-ignore
+var __VLS_7 = __VLS_6;
+const __VLS_base = (await import('vue')).defineComponent({
+    __typeProps: {},
+});
+const __VLS_export = {};
+export default {};

package/dist/test/components/ui/select/index.js

@@ -0,0 +1,11 @@
+export { default as Select } from "./Select.vue";
+export { default as SelectContent } from "./SelectContent.vue";
+export { default as SelectGroup } from "./SelectGroup.vue";
+export { default as SelectItem } from "./SelectItem.vue";
+export { default as SelectItemText } from "./SelectItemText.vue";
+export { default as SelectLabel } from "./SelectLabel.vue";
+export { default as SelectScrollDownButton } from "./SelectScrollDownButton.vue";
+export { default as SelectScrollUpButton } from "./SelectScrollUpButton.vue";
+export { default as SelectSeparator } from "./SelectSeparator.vue";
+export { default as SelectTrigger } from "./SelectTrigger.vue";
+export { default as SelectValue } from "./SelectValue.vue";

package/dist/test/components/ui/tabs/Tabs.vue.js

@@ -0,0 +1,54 @@
+/// <reference types="C:/phonghq/go-chat-v2/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
+import { reactiveOmit } from "@vueuse/core";
+import { TabsRoot, useForwardPropsEmits } from "reka-ui";
+import { cn } from "../../../lib/utils";
+const props = defineProps();
+const emits = defineEmits();
+const delegatedProps = reactiveOmit(props, "class");
+const forwarded = useForwardPropsEmits(delegatedProps, emits);
+debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_ctx = {
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+};
+let __VLS_elements;
+let __VLS_components;
+let __VLS_directives;
+const __VLS_0 = {}.TabsRoot;
+/** @type {[typeof __VLS_components.TabsRoot, typeof __VLS_components.TabsRoot, ]} */ ;
+// @ts-ignore
+TabsRoot;
+// @ts-ignore
+const __VLS_1 = __VLS_asFunctionalComponent(__VLS_0, new __VLS_0({
+    dataSlot: "tabs",
+    ...(__VLS_ctx.forwarded),
+    ...{ class: (__VLS_ctx.cn('flex flex-col gap-2', props.class)) },
+}));
+const __VLS_2 = __VLS_1({
+    dataSlot: "tabs",
+    ...(__VLS_ctx.forwarded),
+    ...{ class: (__VLS_ctx.cn('flex flex-col gap-2', props.class)) },
+}, ...__VLS_functionalComponentArgsRest(__VLS_1));
+var __VLS_4 = {};
+{
+    const { default: __VLS_5 } = __VLS_3.slots;
+    const [slotProps] = __VLS_getSlotParameters(__VLS_5);
+    // @ts-ignore
+    [forwarded, cn,];
+    var __VLS_6 = {
+        ...(slotProps),
+    };
+    __VLS_3.slots['' /* empty slot name completion */];
+}
+var __VLS_3;
+// @ts-ignore
+var __VLS_7 = __VLS_6;
+const __VLS_base = (await import('vue')).defineComponent({
+    __typeEmits: {},
+    __typeProps: {},
+});
+const __VLS_export = {};
+export default {};

package/dist/test/components/ui/tabs/TabsContent.vue.js

@@ -0,0 +1,44 @@
+/// <reference types="C:/phonghq/go-chat-v2/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
+import { reactiveOmit } from "@vueuse/core";
+import { TabsContent } from "reka-ui";
+import { cn } from "../../../lib/utils";
+const props = defineProps();
+const delegatedProps = reactiveOmit(props, "class");
+debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_ctx = {
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+};
+let __VLS_elements;
+let __VLS_components;
+let __VLS_directives;
+const __VLS_0 = {}.TabsContent;
+/** @type {[typeof __VLS_components.TabsContent, typeof __VLS_components.TabsContent, ]} */ ;
+// @ts-ignore
+TabsContent;
+// @ts-ignore
+const __VLS_1 = __VLS_asFunctionalComponent(__VLS_0, new __VLS_0({
+    dataSlot: "tabs-content",
+    ...{ class: (__VLS_ctx.cn('flex-1 outline-none', props.class)) },
+    ...(__VLS_ctx.delegatedProps),
+}));
+const __VLS_2 = __VLS_1({
+    dataSlot: "tabs-content",
+    ...{ class: (__VLS_ctx.cn('flex-1 outline-none', props.class)) },
+    ...(__VLS_ctx.delegatedProps),
+}, ...__VLS_functionalComponentArgsRest(__VLS_1));
+var __VLS_4 = {};
+const { default: __VLS_5 } = __VLS_3.slots;
+// @ts-ignore
+[cn, delegatedProps,];
+var __VLS_6 = {};
+var __VLS_3;
+// @ts-ignore
+var __VLS_7 = __VLS_6;
+const __VLS_base = (await import('vue')).defineComponent({
+    __typeProps: {},
+});
+const __VLS_export = {};
+export default {};

package/dist/test/components/ui/tabs/TabsList.vue.js

@@ -0,0 +1,44 @@
+/// <reference types="C:/phonghq/go-chat-v2/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
+import { reactiveOmit } from "@vueuse/core";
+import { TabsList } from "reka-ui";
+import { cn } from "../../../lib/utils";
+const props = defineProps();
+const delegatedProps = reactiveOmit(props, "class");
+debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_ctx = {
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+};
+let __VLS_elements;
+let __VLS_components;
+let __VLS_directives;
+const __VLS_0 = {}.TabsList;
+/** @type {[typeof __VLS_components.TabsList, typeof __VLS_components.TabsList, ]} */ ;
+// @ts-ignore
+TabsList;
+// @ts-ignore
+const __VLS_1 = __VLS_asFunctionalComponent(__VLS_0, new __VLS_0({
+    dataSlot: "tabs-list",
+    ...(__VLS_ctx.delegatedProps),
+    ...{ class: (__VLS_ctx.cn('bg-chat-haze-200 inline-flex w-fit items-center justify-center rounded-xl p-[3px]', props.class)) },
+}));
+const __VLS_2 = __VLS_1({
+    dataSlot: "tabs-list",
+    ...(__VLS_ctx.delegatedProps),
+    ...{ class: (__VLS_ctx.cn('bg-chat-haze-200 inline-flex w-fit items-center justify-center rounded-xl p-[3px]', props.class)) },
+}, ...__VLS_functionalComponentArgsRest(__VLS_1));
+var __VLS_4 = {};
+const { default: __VLS_5 } = __VLS_3.slots;
+// @ts-ignore
+[delegatedProps, cn,];
+var __VLS_6 = {};
+var __VLS_3;
+// @ts-ignore
+var __VLS_7 = __VLS_6;
+const __VLS_base = (await import('vue')).defineComponent({
+    __typeProps: {},
+});
+const __VLS_export = {};
+export default {};

package/dist/test/components/ui/tabs/TabsTrigger.vue.js

@@ -0,0 +1,45 @@
+/// <reference types="C:/phonghq/go-chat-v2/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
+import { reactiveOmit } from "@vueuse/core";
+import { TabsTrigger, useForwardProps } from "reka-ui";
+import { cn } from "../../../lib/utils";
+const props = defineProps();
+const delegatedProps = reactiveOmit(props, "class");
+const forwardedProps = useForwardProps(delegatedProps);
+debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_ctx = {
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+};
+let __VLS_elements;
+let __VLS_components;
+let __VLS_directives;
+const __VLS_0 = {}.TabsTrigger;
+/** @type {[typeof __VLS_components.TabsTrigger, typeof __VLS_components.TabsTrigger, ]} */ ;
+// @ts-ignore
+TabsTrigger;
+// @ts-ignore
+const __VLS_1 = __VLS_asFunctionalComponent(__VLS_0, new __VLS_0({
+    dataSlot: "tabs-trigger",
+    ...{ class: (__VLS_ctx.cn('data-[state=active]:bg-white focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground inline-flex flex-1 items-center justify-center gap-1.5 rounded-xl px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow,background-color] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4', props.class)) },
+    ...(__VLS_ctx.forwardedProps),
+}));
+const __VLS_2 = __VLS_1({
+    dataSlot: "tabs-trigger",
+    ...{ class: (__VLS_ctx.cn('data-[state=active]:bg-white focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground inline-flex flex-1 items-center justify-center gap-1.5 rounded-xl px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow,background-color] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4', props.class)) },
+    ...(__VLS_ctx.forwardedProps),
+}, ...__VLS_functionalComponentArgsRest(__VLS_1));
+var __VLS_4 = {};
+const { default: __VLS_5 } = __VLS_3.slots;
+// @ts-ignore
+[cn, forwardedProps,];
+var __VLS_6 = {};
+var __VLS_3;
+// @ts-ignore
+var __VLS_7 = __VLS_6;
+const __VLS_base = (await import('vue')).defineComponent({
+    __typeProps: {},
+});
+const __VLS_export = {};
+export default {};

package/dist/test/components/ui/tabs/index.js

@@ -0,0 +1,4 @@
+export { default as Tabs } from "./Tabs.vue";
+export { default as TabsContent } from "./TabsContent.vue";
+export { default as TabsList } from "./TabsList.vue";
+export { default as TabsTrigger } from "./TabsTrigger.vue";

package/dist/test/composable/useDigibot.js

@@ -1,7 +1,8 @@
 //PINIA
+export const digibotId = -98;
 export const digibotData = {
-    id: -98,
-    receiver_id: 101,
+    id: digibotId,
+    receiver_id: digibotId,
     username: 'Gocheckin AI',
     phone: '',
     avatar: '',
@@ -14,7 +15,6 @@ export const digibotData = {
     color: '#4F46E5',
     is_unknown: 0
 };
-export const digibotId = -98;
 export function useDigibot() {
     return {
         digibotData,

package/dist/test/composable/useInitData.js

@@ -1,11 +1,10 @@
 import { ref } from 'vue';
 import { sdkInit } from '../plugins/sdk';
-import { checkTenantPhone, dataProfile, getProfile, loginLink } from '../utils/chat/auth';
+import { checkTenantPhoneOnGapInsight, dataProfile, getProfile, loginLink } from '../utils/chat/auth';
 import { routerPush } from '../utils/chat/chat-router';
 import { PAGE } from '../constant/general';
 import { connectMqtt, subscribeToTopic, unsubscribeFromTopic } from '../plugins/mqtt';
 import { TOPIC_DETAIL_CALL } from '../constant/mqtt';
-import { checkHasBusinessTenantPhone } from '../plugins/pocketbase';
 // import router from '../router'
 //PINIA
 export const isRouterReady = ref(false);
@@ -22,33 +21,43 @@ export function useInitData() {
                 //   return
                 // }
             }
-            // connectMqtt()
-            await initData(data.props, data.response);
+            await initData(data.props, data.responsive);
             await connectMqtt();
+            const res = checkNotificationParams();
+            isRouterReady.value = true;
+            return res;
         }
         catch (error) {
-            console.log(error);
-        }
-        finally {
             isRouterReady.value = true;
+            console.log(error);
+            return {};
         }
     };
-    const initData = async (props, response) => {
-        const res = await getProfile();
+    const initData = async (props, responsive) => {
+        await getProfile();
         if (dataProfile.value?.user_type == 'tenant') {
-            await checkTenantPhone();
-            if (dataProfile.value)
-                dataProfile.value.has_business_tenant_phone = await checkHasBusinessTenantPhone(dataProfile.value?.tenant_id);
+            await checkTenantPhoneOnGapInsight();
         }
         unsubscribeFromTopic(TOPIC_DETAIL_CALL + dataProfile.value?.id);
         subscribeToTopic(TOPIC_DETAIL_CALL + dataProfile.value?.id);
-        if (response == 'mobile') {
+        if (responsive == 'mobile') {
             routerPush(PAGE.CHAT_LIST);
         }
         else {
             routerPush(PAGE.HOME);
         }
     };
+    const checkNotificationParams = () => {
+        // return {conversation_id: '316', is_unknown: '0'}
+        const queryString = window.location.search;
+        const urlParams = new URLSearchParams(queryString);
+        const conversation_id = urlParams.get('conversation_id') || '';
+        const is_unknown = urlParams.get('is_unknown') || '';
+        if (!conversation_id || !is_unknown)
+            return {};
+        clearApiParams();
+        return { conversation_id, is_unknown };
+    };
     const loginApiLink = async () => {
         try {
             const queryString = window.location.search;
@@ -80,7 +89,7 @@ export function useInitData() {
     };
     const clearApiParams = () => {
         const url = new URL(window.location.href);
-        url.search = "";
+        url.search = '';
         window.history.replaceState({}, document.title, url);
     };
     return {

package/dist/test/composable/useListConversations.js

@@ -6,8 +6,10 @@ import { useDebounce } from '../utils/debounce';
 import { getConversation } from '../utils/chat/conversation';
 import { readMessages } from '../utils/chat/message';
 import { useDigibot } from '../composable/useDigibot';
+import { getCache, setCache } from '../utils/chat/cache';
 const { digibotData, digibotId } = useDigibot();
-export const useListConversations = (is_unknown) => {
+export const useListConversations = (is_unknown, is_tenant) => {
+    const STORAGE_KEY = 'chat-conversation-';
     let pageCount = 0;
     const listConversations = ref([]);
     const params = ref({
@@ -49,48 +51,52 @@ export const useListConversations = (is_unknown) => {
         }
     };
     const mqttMessageHandler = (topic, data) => {
-        if ((data.is_unknown ?? 0) != is_unknown)
-            return;
-        getDataMqtt();
-        if ((topic === TOPIC_HOME[0] + dataProfile.value?.id) || topic === (TOPIC_HOME[3] + dataProfile.value?.id)) {
-            console.log(data);
-            const index = listConversations.value.findIndex((item) => item.id === data.id);
-            const hasChatBox = listConversations.value.findIndex((item) => item.id === digibotId);
-            if (index != -1) {
-                listConversations.value.splice(index, 1);
+        if ((data.is_unknown ?? 0) == is_unknown || (!is_tenant && is_unknown == 0)) {
+            getDataMqtt();
+            if (topic === TOPIC_HOME[0] + dataProfile.value?.id ||
+                topic === TOPIC_HOME[3] + dataProfile.value?.id) {
+                const index = listConversations.value.findIndex((item) => item.id === data.id);
+                const hasChatBox = listConversations.value.findIndex((item) => item.id === digibotId);
+                if (index != -1) {
+                    listConversations.value.splice(index, 1);
+                }
+                if (hasChatBox > -1) {
+                    listConversations.value.splice(1, 0, data);
+                }
+                else {
+                    listConversations.value.unshift(data);
+                }
             }
-            if (hasChatBox > -1) {
-                listConversations.value.splice(1, 0, data);
+            if (topic === TOPIC_HOME[1] + dataProfile.value?.id) {
+                const index = listConversations.value.findIndex((item) => item.id === data.id);
+                if (index != -1) {
+                    listConversations.value[index].unread_count = 0;
+                }
             }
-            else {
-                listConversations.value.unshift(data);
+            if (topic === TOPIC_HOME[2] + dataProfile.value?.id) {
+                listConversations.value.unshift(data?.conversations);
             }
-        }
-        if (topic === TOPIC_HOME[1] + dataProfile.value?.id) {
-            const index = listConversations.value.findIndex((item) => item.id === data.id);
-            if (index != -1) {
-                listConversations.value[index].unread_count = 0;
-            }
-        }
-        if (topic === TOPIC_HOME[2] + dataProfile.value?.id) {
-            listConversations.value.unshift(data?.conversations);
-        }
-        if (topic === TOPIC_STATUS_USER + dataProfile.value?.id) {
-            const index = listConversations.value.findIndex((e) => e.receiver_id == Number(data?.customer_id));
-            if (index != -1) {
-                listConversations.value[index].status = data.is_online ? 1 : 0;
+            if (topic === TOPIC_STATUS_USER + dataProfile.value?.id) {
+                const index = listConversations.value.findIndex((e) => e.receiver_id == Number(data?.customer_id));
+                if (index != -1) {
+                    listConversations.value[index].status = data.is_online ? 1 : 0;
+                }
             }
         }
-        console.log(listConversations.value, is_unknown);
     };
     const getDataMqtt = useDebounce(() => {
         getData(undefined, { hideLoading: true, reset: true });
     }, 5000);
     const getData = async (data, option) => {
         try {
-            // if (!option?.hideLoading) isLoadingSearch.value = true
+            if (!is_tenant && is_unknown == 1)
+                return;
             params.value = { ...params.value, ...(data ?? {}) };
-            const res = await getConversation({ ...params.value, is_unknown });
+            const is_unknown_value = is_tenant ? is_unknown : undefined;
+            if (option?.reset) {
+                params.value.page = 1;
+            }
+            const res = await getConversation({ ...params.value, is_unknown: is_unknown_value });
             if (option?.reset) {
                 listConversations.value = [];
                 if (is_unknown == 0 && dataProfile.value?.user_type == 'tenant')
@@ -100,14 +106,25 @@ export const useListConversations = (is_unknown) => {
             listConversations.value.push(...(res?.items ?? []));
             params.value.page = res?._meta?.currentPage || 1;
             pageCount = res?._meta?.pageCount || 1;
+            if (params.value.page <= 1) {
+                setCache(STORAGE_KEY + is_unknown, listConversations.value);
+            }
         }
         catch (error) {
             console.error(error);
         }
         finally {
-            // isLoadingSearch.value = false
         }
     };
+    const getDataCache = () => {
+        const cache_data = getCache(STORAGE_KEY + is_unknown);
+        if (cache_data.data) {
+            listConversations.value = [];
+            listConversations.value.push(...(cache_data.data ?? []));
+            return true;
+        }
+        return false;
+    };
     const handleReadMessage = (receiver_id) => {
         const index = listConversations.value.findIndex((e) => e.receiver_id == receiver_id);
         if (index > -1) {
@@ -122,6 +139,7 @@ export const useListConversations = (is_unknown) => {
         params,
         pageCount,
         getData,
-        handleReadMessage
+        handleReadMessage,
+        getDataCache
     };
 };

package/dist/test/composable/useListentEvent.js

@@ -0,0 +1,45 @@
+import { onMounted, onUnmounted, ref } from 'vue';
+import { currentPage } from '../utils/chat/chat-router';
+import { PAGE } from '../constant/general';
+import { useDebounce } from '../utils/debounce';
+// import router from '../router'
+//PINIA
+export const responsiveObserver = ref('tablet');
+export function useListenEvent() {
+    onMounted(() => {
+        window.addEventListener('resize', getResponsiveObserverDebounce);
+    });
+    onUnmounted(() => {
+        window.removeEventListener('resize', getResponsiveObserverDebounce);
+    });
+    const getResponsiveObserver = () => {
+        const appChatRef = document.getElementById('appChatMain');
+        if (!appChatRef)
+            return;
+        const width = appChatRef?.offsetWidth ?? 0;
+        if (width >= 1180) {
+            if (responsiveObserver.value != 'window') {
+                responsiveObserver.value = 'window';
+            }
+        }
+        else if (width >= 640) {
+            if (responsiveObserver.value != 'tablet') {
+                responsiveObserver.value = 'tablet';
+            }
+        }
+        else {
+            if (responsiveObserver.value != 'mobile') {
+                if (currentPage.value == PAGE.HOME) {
+                    currentPage.value = PAGE.CHAT_LIST;
+                }
+                responsiveObserver.value = 'mobile';
+            }
+        }
+    };
+    const getResponsiveObserverDebounce = useDebounce(() => {
+        getResponsiveObserver();
+    }, 50);
+    return {
+        getResponsiveObserver
+    };
+}

package/dist/test/composable/usePlivo.js

@@ -157,12 +157,17 @@ export function usePlivo(callback) {
             callback(PLIVO_CALL_STATUS.MEDIA_PERMISSION_FAIL);
         }
     };
+    const plivoCallSwishSpeaker = (id) => {
+        alert(id);
+        plivoBrowserSdk?.client?.audio?.set?.(id);
+    };
     return {
         plivoLogin,
         plivoCallAnswer,
         plivoCallReject,
         plivoCall,
         plivoEndCall,
-        plivoCallSwishMute
+        plivoCallSwishMute,
+        plivoCallSwishSpeaker,
     };
 }

package/dist/test/constant/color.js

@@ -9,10 +9,12 @@ var Color;
     Color["Primary_Hover"] = "#699FF5";
     Color["Primary_RGB"] = "41, 121, 255";
     // Error = '#ff3b3b',
-    Color["Error"] = "#EF4444";
+    // Error = '#EF4444',
+    Color["Error"] = "#ef4444";
     Color["Error_Hover"] = "#FF8A75";
     // Success = '#1DA91D',
-    Color["Success"] = "#22C55E";
+    // Success = '#22C55E',
+    Color["Success"] = "#4ade80";
     Color["Success_Hover"] = "#5FD9A0";
     Color["Success_Bg"] = "#E9FFE4";
     Color["Warning"] = "#f3a22c";

package/dist/test/plugins/axios-gci.js

@@ -13,7 +13,7 @@ export const setAxiosGciInstance = (token, domain, id) => {
 instance.interceptors.response.use((response) => {
     console.log(response);
     const data = response?.data;
-    if (data?.status == 'OK' && data?.result?.status == 'OK' && data?.result?.data) {
+    if (data?.status == 'OK' && (data?.result?.status == 'OK' || data?.result?.status == 200) && data?.result?.data) {
         return Promise.resolve(data?.result?.data);
     }
     else {

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

@@ -38,7 +38,7 @@ export const getProfile = async () => {
     // ) as IResProfile
     return res;
 };
-export const checkTenantPhone = async () => {
+export const checkTenantPhoneOnGapInsight = async () => {
     const id = localStorage.getItem('chat_id');
     const res = await axios.get(`/api/v1/message/tenant/get-info?tenant_name=${id}`);
     if (res.error || !res?.data)