@phonghq/go-chat 1.0.22 → 1.0.24

package/dist/test/composable/useListConversations.js

@@ -0,0 +1,122 @@
+import { nextTick, onMounted, onUnmounted, ref } from 'vue';
+import { TOPIC_HOME, TOPIC_STATUS_USER } from '../constant/mqtt';
+import { addHandleMqttMessage, connectMqtt, removeHandleMqttMessage, subscribeToTopic, unsubscribeFromTopic } from '../plugins/mqtt';
+import { dataProfile } from '../utils/chat/auth';
+import { useDebounce } from '../utils/debounce';
+import { getConversation } from '../utils/chat/conversation';
+import { readMessages } from '../utils/chat/message';
+import { useDigibot } from '../composable/useDigibot';
+const { digibotData, digibotId } = useDigibot();
+export const useListConversations = (is_unknown) => {
+    let pageCount = 0;
+    const listConversations = ref([]);
+    const params = ref({
+        page: 1,
+        search: ''
+    });
+    const isLoadingSearch = ref(false);
+    onMounted(() => {
+        handleConnectMqtt();
+    });
+    onUnmounted(() => {
+        handleDisconnectMqtt;
+    });
+    const handleDisconnectMqtt = () => {
+        TOPIC_HOME.forEach((item) => {
+            unsubscribeFromTopic(item + dataProfile.value?.id);
+            removeHandleMqttMessage('chat-list-' + item);
+        });
+        if (dataProfile.value?.user_type == 'tenant') {
+            subscribeToTopic(TOPIC_STATUS_USER + dataProfile.value?.id);
+            removeHandleMqttMessage('chat-list-' + TOPIC_STATUS_USER);
+        }
+    };
+    const handleConnectMqtt = async () => {
+        try {
+            if (dataProfile.value) {
+                await connectMqtt();
+                TOPIC_HOME.forEach((item) => {
+                    subscribeToTopic(item + dataProfile.value?.id);
+                    addHandleMqttMessage('chat-list-' + item, item + dataProfile.value?.id, mqttMessageHandler);
+                });
+                subscribeToTopic(TOPIC_STATUS_USER + dataProfile.value?.id);
+                addHandleMqttMessage('chat-list-' + TOPIC_STATUS_USER, TOPIC_STATUS_USER + dataProfile.value?.id, mqttMessageHandler);
+            }
+        }
+        catch (error) {
+            console.error(error);
+        }
+    };
+    const mqttMessageHandler = (topic, data) => {
+        getDataMqtt();
+        if (topic === TOPIC_HOME[0] + 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 (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;
+            }
+        }
+    };
+    const getDataMqtt = useDebounce(() => {
+        getData(undefined, { hideLoading: true, reset: true });
+    }, 5000);
+    const getData = async (data, option) => {
+        try {
+            // if (!option?.hideLoading) isLoadingSearch.value = true
+            params.value = { ...params.value, ...(data ?? {}) };
+            const res = await getConversation({ ...params.value, is_unknown });
+            if (option?.reset) {
+                listConversations.value = [];
+                if (is_unknown == 0)
+                    listConversations.value.push(digibotData);
+                await nextTick();
+            }
+            listConversations.value.push(...(res?.items ?? []));
+            params.value.page = res?._meta?.currentPage || 1;
+            pageCount = res?._meta?.pageCount || 1;
+        }
+        catch (error) {
+            console.error(error);
+        }
+        finally {
+            // isLoadingSearch.value = false
+        }
+    };
+    const handleReadMessage = (receiver_id) => {
+        const index = listConversations.value.findIndex((e) => e.receiver_id == receiver_id);
+        if (index > -1) {
+            if (listConversations.value[index].unread_count) {
+                readMessages(listConversations.value[index].id);
+                listConversations.value[index].unread_count = 0;
+            }
+        }
+    };
+    return {
+        listConversations,
+        params,
+        pageCount,
+        getData,
+        handleReadMessage
+    };
+};

package/dist/test/composable/usePlivo.js

@@ -25,6 +25,9 @@ export function usePlivo(callback) {
             plivoBrowserSdk.client.on('onCallFailed', (data, callInfo) => {
                 handleCallFailed(data, callInfo);
             });
+            plivoBrowserSdk.client.on('onIncomingCallCanceled', (callInfo) => {
+                handleIncomingCallCanceled(callInfo);
+            });
             plivoBrowserSdk.client.on('onCalling', (data) => console.log('onCallFailed', data));
             plivoBrowserSdk?.client?.on?.('onIncomingCall', (callerID, extraHeaders, callInfo) => {
                 handleIncomingCall(callInfo);
@@ -34,9 +37,8 @@ export function usePlivo(callback) {
             // plivoBrowserSdk?.client?.on?.('onLoginFailed', () => console.log('Login failed'))
             // plivoBrowserSdk?.client?.on?.('remoteAudioStatus', () => console.log('remoteAudioStatus'))
             await plivoBrowserSdk?.client?.login('webcall003079673454891827', '123456abcA!');
-            const speaker = document.getElementById("go-chat-remote-audio");
-            if (speaker)
-                plivoBrowserSdk?.client?.setAudioElement(speaker);
+            // const speaker = document.getElementById('go-chat-remote-audio')
+            // if (speaker) plivoBrowserSdk?.client?.setAudioElement(speaker)
             console.log('Registered with token');
         }
         catch (err) {
@@ -63,6 +65,7 @@ export function usePlivo(callback) {
         }
     };
     const handleCallTerminated = (data, callInfo) => {
+        console.log(data, callInfo);
         if (CallUuid === callInfo.callUUID) {
             callback(PLIVO_CALL_STATUS.CALL_END, { message: data?.reason });
             CallUuid = '';
@@ -127,6 +130,9 @@ export function usePlivo(callback) {
             custom_reject?.(data);
         callback(PLIVO_CALL_STATUS.CALL_END, { message: data });
     };
+    const handleIncomingCallCanceled = (callInfo) => {
+        callback(PLIVO_CALL_STATUS.CALL_END, { reason: callInfo.reason ?? '' });
+    };
     return {
         plivoLogin,
         plivoCallAnswer,

package/dist/test/constant/color.js

@@ -8,9 +8,11 @@ var Color;
     Color["Primary"] = "#0051E6";
     Color["Primary_Hover"] = "#699FF5";
     Color["Primary_RGB"] = "41, 121, 255";
-    Color["Error"] = "#ff3b3b";
+    // Error = '#ff3b3b',
+    Color["Error"] = "#EF4444";
     Color["Error_Hover"] = "#FF8A75";
-    Color["Success"] = "#1DA91D";
+    // Success = '#1DA91D',
+    Color["Success"] = "#22C55E";
     Color["Success_Hover"] = "#5FD9A0";
     Color["Success_Bg"] = "#E9FFE4";
     Color["Warning"] = "#f3a22c";

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

@@ -14,5 +14,6 @@ export const PLIVO_CALL_STATUS = {
     CONNECT_FAILED: 'failed',
     CALL_START: 'in-progress',
     CALL_END: 'completed',
-    NO_ANSWER: 'no-answer'
+    NO_ANSWER: 'no-answer',
+    CANCEL: 'cancel'
 };

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

@@ -33,6 +33,19 @@ export const getProfile = async () => {
     const res = await axios.get('/api/v1/message/user/me');
     localStorage.setItem('chat_user', JSON.stringify(res));
     dataProfile.value = res;
+    // dataProfile.value = Object.fromEntries(
+    //   Object.entries(res).filter(([key]) => !['tenant_phone'].includes(key))
+    // ) as IResProfile
+    return res;
+};
+export const checkTenantPhone = async () => {
+    const id = localStorage.getItem('chat_id');
+    const res = await axios.get(`/api/v1/message/tenant/get-info?tenant_name=${id}`);
+    console.log(res);
+    if (dataProfile.value)
+        dataProfile.value.tenant_phone = res?.go_chat_phone ?? '';
+    if (dataProfile.value)
+        dataProfile.value.tenant_phone_limit = Number(res?.go_chat_phone_limit ?? 0);
     return res;
 };
 export const submitTenantPhone = async (body) => {
@@ -48,6 +61,7 @@ export const logout = async () => {
     localStorage.removeItem('chat_domain');
     localStorage.removeItem('chat_id');
     try {
+        gapMiniAppSdk?.getInstance()?.closeApp?.();
         if (gapMiniAppSdk?.getInstance()?.getBridge()) {
             gapMiniAppSdk?.getInstance()?.closeApp();
         }

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

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

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

@@ -20,6 +20,8 @@ interface IResProfile {
     username: string;
     tenant_id: string | null;
     phone: string;
+    tenant_phone: string;
+    tenant_phone_limit: number;
     avatar: string | null;
     user_type: 'customer' | 'tenant';
     color: string;

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

@@ -10,5 +10,6 @@ export declare const PLIVO_CALL_STATUS: {
     readonly CALL_START: "in-progress";
     readonly CALL_END: "completed";
     readonly NO_ANSWER: "no-answer";
+    readonly CANCEL: "cancel";
 };
 export type PlivoCallStatusType = (typeof PLIVO_CALL_STATUS)[keyof typeof PLIVO_CALL_STATUS];

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

@@ -12,6 +12,7 @@ export interface GoChatInstance {
     unreadCount: number;
     getUserRemote: () => (IResUser | null);
     callStatus: PlivoCallStatusType | null;
+    callLabel: string;
     startCall: (() => Promise<void>) | undefined;
     endCall: (() => void) | undefined;
 }
@@ -21,6 +22,6 @@ export interface CallInstance {
     startCall: ((data: IResUser) => Promise<void>);
     endCall: (() => void);
     answer: (() => Promise<void>);
-    label: ComputedRef<any>;
+    label: ComputedRef<string>;
 }
 export type PAGE_RESPONSE = 'mobile' | 'tablet';

package/dist/types/conversation.d.ts

@@ -15,4 +15,5 @@ export type IConversation = {
 export type IParamGetConversation = {
     page?: number;
     search?: string;
+    is_unknown?: number;
 };

package/dist/types/message.d.ts

@@ -16,6 +16,11 @@ export type IResMessage = {
     sender_id: number;
     receiver_id: number;
     message: string | null;
+    message_uuid?: string | null;
+    is_call?: number | null;
+    duration?: number | null;
+    record_url?: string | null;
+    call_status?: string | null;
     created_at: string;
     attachments: IAttachment[];
     state?: MessageStateType;

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

@@ -14,6 +14,8 @@ export declare const dataProfile: import("vue").Ref<{
     username: string;
     tenant_id: string | null;
     phone: string;
+    tenant_phone: string;
+    tenant_phone_limit: number;
     avatar: string | null;
     user_type: "customer" | "tenant";
     color: string;
@@ -22,6 +24,8 @@ export declare const dataProfile: import("vue").Ref<{
     username: string;
     tenant_id: string | null;
     phone: string;
+    tenant_phone: string;
+    tenant_phone_limit: number;
     avatar: string | null;
     user_type: "customer" | "tenant";
     color: string;
@@ -41,6 +45,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 submitTenantPhone: (body: {
     phone: string;
     tenant_id: string;

package/dist/utils/chat/phone-string.d.ts

@@ -1 +1 @@
-export declare const formatPhone10number: (phone: string, dial: string) => string;
+export declare const formatPhone10number: (phone: string, dial?: string) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phonghq/go-chat",
-  "version": "1.0.22",
+  "version": "1.0.24",
   "private": false,
   "files": [
     "dist"