@phonghq/go-chat 1.0.24 → 1.0.25

package/dist/test/components/chat/call/Calling.vue.js

@@ -1,7 +1,6 @@
 import { computed, onMounted, onUnmounted, ref } from 'vue';
 import IconPhone from '../../../assets/icons/call/IconPhone.vue';
 import { dataProfile } from '../../../utils/chat/auth.js';
-import { useCallHelper } from '../../../composable/useCallHelper';
 import IconPhoneCancel from '../../../assets/icons/call/IconPhoneCancel.vue';
 import { downloadRecord } from '../../../utils/chat/call';
 import DrawerBaseCustom from '../../../components/common/drawer/DrawerBaseCustom.vue';
@@ -15,7 +14,16 @@ import { PLIVO_CALL_STATUS } from '../../../types/chat/call';
 import IconMic from '../../../assets/icons/call/IconMic.vue';
 const props = withDefaults(defineProps(), {});
 const emit = defineEmits();
-const {} = useCallHelper();
+// const {
+//   // call,
+//   // end,
+//   // handleMedia,
+//   // startIncomingCall,
+//   // handleCallAnswer,
+//   // callAnswer,
+//   // uuid,
+//   // startPeerConnection
+// } = useCallHelper()
 const handlePlivoCallBack = (status, data) => {
     if (status == PLIVO_CALL_STATUS.RINGING) {
         getUserOffer(data?.phone ?? '');
@@ -29,7 +37,6 @@ const handlePlivoCallBack = (status, data) => {
     else if (status == PLIVO_CALL_STATUS.CALL_END) {
         errorMessage.value = data?.message ?? '';
         const closeModal = data?.reason == 'ORIGINATOR_CANCEL';
-        emit('endCall', userRemoter.value);
         endCall({ closeModal });
         callStatus.value = status;
     }
@@ -48,7 +55,9 @@ const STATUS_LABEL = computed(() => {
         [PLIVO_CALL_STATUS.CALL_START]: '',
         [PLIVO_CALL_STATUS.CALL_END]: errorMessage.value || 'Call Ended',
         [PLIVO_CALL_STATUS.NO_ANSWER]: 'No Answer',
-        [PLIVO_CALL_STATUS.CANCEL]: ''
+        [PLIVO_CALL_STATUS.CANCEL]: '',
+        [PLIVO_CALL_STATUS.TIME_OUT]: '',
+        [PLIVO_CALL_STATUS.BUSY]: ''
     };
 });
 const label = computed(() => STATUS_LABEL.value[callStatus.value] ?? '');
@@ -66,7 +75,9 @@ let timeOut = null;
 let callType = 'call';
 let uuidEnd = '';
 onMounted(async () => {
-    await plivoLogin('');
+    if (dataProfile.value?.tenant_phone) {
+        await plivoLogin('');
+    }
 });
 onUnmounted(() => {
     // removeHandleWebSK('call-message')
@@ -87,7 +98,7 @@ function startTimer() {
     }, 1000);
 }
 function endCall(option) {
-    if (option?.closeModal || true) {
+    if (option?.closeModal) {
         drawerVisible.value = false;
         drawerVisibleRef.value?.close();
     }
@@ -101,6 +112,8 @@ function endCall(option) {
         clearInterval(timer);
     if (timeOut)
         clearTimeout(timeOut);
+    emit('endCall', userRemoter.value, callType);
+    callType = '';
 }
 const open = () => {
     drawerVisible.value = true;
@@ -232,6 +245,7 @@ const __VLS_0 = __VLS_asFunctionalComponent(DrawerBaseCustom, new DrawerBaseCust
     width: (500),
     disabledClose: (__VLS_ctx.disable),
     responsive: (__VLS_ctx.responsive),
+    absolute: true,
 }));
 const __VLS_1 = __VLS_0({
     ...{ 'onAfterClose': {} },
@@ -239,6 +253,7 @@ const __VLS_1 = __VLS_0({
     width: (500),
     disabledClose: (__VLS_ctx.disable),
     responsive: (__VLS_ctx.responsive),
+    absolute: true,
 }, ...__VLS_functionalComponentArgsRest(__VLS_0));
 let __VLS_3;
 let __VLS_4;

package/dist/test/components/chat/select/SelectBase.vue.js

@@ -6,7 +6,17 @@ const open = ref(false);
 const selectedLabel = computed(() => {
     return props.options.find(o => o.value === props.modelValue)?.label ?? '';
 });
+const positionClass = computed(() => {
+    let result = '';
+    if (props.placement === 'bottom')
+        return 'top-2 translate-y-full';
+    else
+        return '-top-4 -translate-y-full';
+    return '';
+});
 function toggle() {
+    if (props.disabled)
+        return;
     open.value = !open.value;
 }
 function select(option) {
@@ -38,11 +48,12 @@ __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
 // @ts-ignore
 [toggle,];
 __VLS_asFunctionalElement(__VLS_elements.ul, __VLS_elements.ul)({
-    ...{ class: "w-max absolute -top-4 -translate-y-full left-0  z-10 mt-1 max-h-48 overflow-auto rounded-md shadow-custom bg-white shadow-lg" },
+    ...{ class: "w-max absolute -translate-y-full left-0  z-10 mt-1 max-h-48 overflow-auto rounded-md shadow-custom bg-white shadow-lg" },
+    ...{ class: (__VLS_ctx.positionClass) },
 });
 __VLS_asFunctionalDirective(__VLS_directives.vShow)(null, { ...__VLS_directiveBindingRestFields, value: (__VLS_ctx.open) }, null, null);
 // @ts-ignore
-[open,];
+[open, positionClass,];
 for (const [option, idx] of __VLS_getVForSourceType((__VLS_ctx.options))) {
     // @ts-ignore
     [options,];
@@ -66,7 +77,6 @@ var __VLS_0 = {};
 /** @type {__VLS_StyleScopedClasses['w-full']} */ ;
 /** @type {__VLS_StyleScopedClasses['w-max']} */ ;
 /** @type {__VLS_StyleScopedClasses['absolute']} */ ;
-/** @type {__VLS_StyleScopedClasses['-top-4']} */ ;
 /** @type {__VLS_StyleScopedClasses['-translate-y-full']} */ ;
 /** @type {__VLS_StyleScopedClasses['left-0']} */ ;
 /** @type {__VLS_StyleScopedClasses['z-10']} */ ;

package/dist/test/components/common/drawer/DrawerBaseCustom.vue.js

@@ -51,11 +51,11 @@ let __VLS_components;
 let __VLS_directives;
 /** @type {__VLS_StyleScopedClasses['drawer-box']} */ ;
 __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
-    ...{ class: "absolute top-0 bottom-0 right-0 left-0 z-[1500] drawer" },
-    ...{ class: (__VLS_ctx.show ? 'opacity-1' : 'pointer-events-none opacity-0 delay-300') },
+    ...{ class: "top-0 bottom-0 right-0 left-0 z-[1500] drawer" },
+    ...{ class: ({ 'opacity-1': __VLS_ctx.show, 'pointer-events-none opacity-0 delay-300': !__VLS_ctx.show, 'absolute': __VLS_ctx.absolute, 'fixed': !__VLS_ctx.absolute }) },
 });
 // @ts-ignore
-[show,];
+[show, show, absolute, absolute,];
 if (!__VLS_ctx.disabledClose) {
     // @ts-ignore
     [disabledClose,];
@@ -84,13 +84,18 @@ __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
     ...{ class: "flex p-4 content" },
 });
 __VLS_asFunctionalElement(__VLS_elements.p, __VLS_elements.p)({});
-/** @type {__VLS_StyleScopedClasses['absolute']} */ ;
 /** @type {__VLS_StyleScopedClasses['top-0']} */ ;
 /** @type {__VLS_StyleScopedClasses['bottom-0']} */ ;
 /** @type {__VLS_StyleScopedClasses['right-0']} */ ;
 /** @type {__VLS_StyleScopedClasses['left-0']} */ ;
 /** @type {__VLS_StyleScopedClasses['z-[1500]']} */ ;
 /** @type {__VLS_StyleScopedClasses['drawer']} */ ;
+/** @type {__VLS_StyleScopedClasses['opacity-1']} */ ;
+/** @type {__VLS_StyleScopedClasses['pointer-events-none']} */ ;
+/** @type {__VLS_StyleScopedClasses['opacity-0']} */ ;
+/** @type {__VLS_StyleScopedClasses['delay-300']} */ ;
+/** @type {__VLS_StyleScopedClasses['absolute']} */ ;
+/** @type {__VLS_StyleScopedClasses['fixed']} */ ;
 /** @type {__VLS_StyleScopedClasses['absolute']} */ ;
 /** @type {__VLS_StyleScopedClasses['w-full']} */ ;
 /** @type {__VLS_StyleScopedClasses['h-full']} */ ;

package/dist/test/composable/useDigibot.js

@@ -3,7 +3,7 @@ export const digibotData = {
     id: -98,
     receiver_id: 101,
     username: 'Gocheckin AI',
-    customer_phone: '',
+    phone: '',
     avatar: '',
     last_message: '',
     last_message_time: '',
@@ -12,6 +12,7 @@ export const digibotData = {
     unread_count: 0,
     status: 1,
     color: '#4F46E5',
+    is_unknown: 0
 };
 export const digibotId = -98;
 export function useDigibot() {

package/dist/test/composable/useInitData.js

@@ -36,14 +36,8 @@ export function useInitData() {
         if (dataProfile.value?.user_type == 'tenant') {
             await checkTenantPhone();
         }
-        // await Promise.all([ getProfile(), checkTenantPhone()])
-        // await getWebSocket()
-        // initWebSocket()
         unsubscribeFromTopic(TOPIC_DETAIL_CALL + dataProfile.value?.id);
         subscribeToTopic(TOPIC_DETAIL_CALL + dataProfile.value?.id);
-        // if((!res?.phone && res.tenant_id && !props.isLib)) {
-        //   router.push({name: 'tenant-phone'})
-        // }
         if (response == 'mobile') {
             routerPush(PAGE.CHAT_LIST);
         }

package/dist/test/composable/useListConversations.js

@@ -24,11 +24,11 @@ export const useListConversations = (is_unknown) => {
     const handleDisconnectMqtt = () => {
         TOPIC_HOME.forEach((item) => {
             unsubscribeFromTopic(item + dataProfile.value?.id);
-            removeHandleMqttMessage('chat-list-' + item);
+            removeHandleMqttMessage('chat-list-' + item + '-' + is_unknown);
         });
         if (dataProfile.value?.user_type == 'tenant') {
             subscribeToTopic(TOPIC_STATUS_USER + dataProfile.value?.id);
-            removeHandleMqttMessage('chat-list-' + TOPIC_STATUS_USER);
+            removeHandleMqttMessage('chat-list-' + TOPIC_STATUS_USER + '-' + is_unknown);
         }
     };
     const handleConnectMqtt = async () => {
@@ -37,10 +37,10 @@ export const useListConversations = (is_unknown) => {
                 await connectMqtt();
                 TOPIC_HOME.forEach((item) => {
                     subscribeToTopic(item + dataProfile.value?.id);
-                    addHandleMqttMessage('chat-list-' + item, item + dataProfile.value?.id, mqttMessageHandler);
+                    addHandleMqttMessage('chat-list-' + item + '-' + is_unknown, 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);
+                addHandleMqttMessage('chat-list-' + TOPIC_STATUS_USER + '-' + is_unknown, TOPIC_STATUS_USER + dataProfile.value?.id, mqttMessageHandler);
             }
         }
         catch (error) {
@@ -48,6 +48,8 @@ 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) {
             const index = listConversations.value.findIndex((item) => item.id === data.id);

package/dist/test/composable/usePlivo.js

@@ -2,7 +2,6 @@ import { PLIVO_CALL_STATUS } from '../types/chat/call';
 export function usePlivo(callback) {
     var options = {
         debug: 'ALL',
-        permOnClick: true,
         deviceParams: {
             micEnabled: true,
             audioConstraints: { audio: true, video: false }
@@ -28,11 +27,12 @@ export function usePlivo(callback) {
             plivoBrowserSdk.client.on('onIncomingCallCanceled', (callInfo) => {
                 handleIncomingCallCanceled(callInfo);
             });
-            plivoBrowserSdk.client.on('onCalling', (data) => console.log('onCallFailed', data));
+            // plivoBrowserSdk.client.on('onCalling', (data: any) => console.log('onCallFailed', data))
             plivoBrowserSdk?.client?.on?.('onIncomingCall', (callerID, extraHeaders, callInfo) => {
                 handleIncomingCall(callInfo);
             });
             plivoBrowserSdk.client.on('onCallRemoteRinging', (data) => handleCallRemoteRinging(data));
+            plivoBrowserSdk.client.on('onMediaPermission', (e) => handleMediaPermission(e));
             // plivoBrowserSdk?.client?.on?.('onReady', () => console.log('Ready'))
             // plivoBrowserSdk?.client?.on?.('onLoginFailed', () => console.log('Login failed'))
             // plivoBrowserSdk?.client?.on?.('remoteAudioStatus', () => console.log('remoteAudioStatus'))
@@ -49,7 +49,6 @@ export function usePlivo(callback) {
         const data = {
             phone: _getPhone(call.src)
         };
-        console.log(call);
         callback(PLIVO_CALL_STATUS.RINGING, data);
         CallUuid = call?.callUUID;
     };
@@ -126,13 +125,20 @@ export function usePlivo(callback) {
         }
     };
     const handleCallFailed = (data, callInfo) => {
+        console.log('handleCallFailed', data);
         if (custom_reject)
             custom_reject?.(data);
         callback(PLIVO_CALL_STATUS.CALL_END, { message: data });
+        if (data == 'User Denied Media Access') {
+            alert('Microphone access is blocked. Please enable the microphone permission to make a call.');
+        }
     };
     const handleIncomingCallCanceled = (callInfo) => {
         callback(PLIVO_CALL_STATUS.CALL_END, { reason: callInfo.reason ?? '' });
     };
+    const handleMediaPermission = (e) => {
+        console.log('MediaPermission', e);
+    };
     return {
         plivoLogin,
         plivoCallAnswer,

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

@@ -15,5 +15,7 @@ export const PLIVO_CALL_STATUS = {
     CALL_START: 'in-progress',
     CALL_END: 'completed',
     NO_ANSWER: 'no-answer',
-    CANCEL: 'cancel'
+    CANCEL: 'cancel',
+    TIME_OUT: 'timeout',
+    BUSY: 'busy'
 };

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

@@ -41,11 +41,12 @@ export const getProfile = async () => {
 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 (res.error || !res?.data)
+        throw new Error(res.error);
     if (dataProfile.value)
-        dataProfile.value.tenant_phone = res?.go_chat_phone ?? '';
+        dataProfile.value.tenant_phone = res?.data?.go_chat_phone ?? '';
     if (dataProfile.value)
-        dataProfile.value.tenant_phone_limit = Number(res?.go_chat_phone_limit ?? 0);
+        dataProfile.value.tenant_phone_limit = Number(res?.data?.go_chat_phone_limit ?? 0);
     return res;
 };
 export const submitTenantPhone = async (body) => {

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

@@ -1,7 +1,64 @@
 import axios from '../../plugins/axios';
+import { getCountUnread } from '../../utils/chat/message';
+import dayjs from 'dayjs';
+import { DATE_FORMATS, TIME_ZONE_UTC } from '../../constant/datetime';
+import { dataProfile } from '../../utils/chat/auth';
+import { publishMessage } from '../../plugins/mqtt';
+import { TOPIC_HOME } from '../../constant/mqtt';
 export const getConversation = async (param) => {
     const res = await axios.get('/api/v1/message/conversation/get-conversation', {
         params: param
     });
     return res;
 };
+export const publicTopicConversationUpdate = async (data) => {
+    const res = await getCountUnread({
+        conversation_id: data.infoUser?.conversation_id ?? 0,
+        receiver_id: Number(data.infoUser?.id)
+    });
+    let last_message = data.message ?? '';
+    if (data.isSendImg)
+        last_message = `You sent images`;
+    else if (data.isCall != undefined) {
+        if (data.isCall == 'call') {
+            last_message = `You sent call`;
+        }
+        else {
+            last_message = `${data.infoUser?.username ?? ''} sent call`;
+        }
+    }
+    const current = dayjs().tz(TIME_ZONE_UTC).format(DATE_FORMATS['DATE_FORMAT_FULL']);
+    const dataMessageForReceiver = {
+        id: data.infoUser?.conversation_id ?? 0,
+        receiver_id: Number(dataProfile.value?.id ?? 0),
+        username: dataProfile.value?.username ?? '',
+        phone: dataProfile.value?.phone ?? '',
+        avatar: dataProfile.value?.avatar ?? '',
+        last_message,
+        last_message_time: current,
+        created_at: current,
+        updated_at: current,
+        unread_count: (res?.unread_count ?? 0) + 1,
+        status: 1,
+        color: dataProfile.value?.color ?? '',
+        is_call: dataProfile.value?.color ?? '',
+        is_unknown: 0
+    };
+    publishMessage(`${TOPIC_HOME[0] + Number(data.infoUser?.id)}`, JSON.stringify(dataMessageForReceiver));
+    const dataMessageMyself = {
+        id: data.infoUser?.conversation_id ?? 0,
+        receiver_id: Number(dataProfile.value?.id ?? 0),
+        username: data.infoUser?.username ?? '',
+        phone: data.infoUser?.phone ?? '',
+        avatar: data.infoUser?.avatar ?? '',
+        last_message,
+        last_message_time: current,
+        created_at: current,
+        updated_at: current,
+        unread_count: 0,
+        status: 1,
+        color: data.infoUser?.color,
+        is_unknown: data.infoUser?.is_unknown ?? 0,
+    };
+    publishMessage(`${TOPIC_HOME[0] + Number(dataProfile.value?.id)}`, JSON.stringify(dataMessageMyself));
+};

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

@@ -11,5 +11,7 @@ export declare const PLIVO_CALL_STATUS: {
     readonly CALL_END: "completed";
     readonly NO_ANSWER: "no-answer";
     readonly CANCEL: "cancel";
+    readonly TIME_OUT: "timeout";
+    readonly BUSY: "busy";
 };
 export type PlivoCallStatusType = (typeof PLIVO_CALL_STATUS)[keyof typeof PLIVO_CALL_STATUS];

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

@@ -15,6 +15,7 @@ export interface GoChatInstance {
     callLabel: string;
     startCall: (() => Promise<void>) | undefined;
     endCall: (() => void) | undefined;
+    openSettings: () => void;
 }
 export interface CallInstance {
     userRemoter: Ref<IResUser | null>;

package/dist/types/conversation.d.ts

@@ -2,7 +2,7 @@ export type IConversation = {
     id: number;
     receiver_id: number;
     username: string | null;
-    customer_phone: string;
+    phone: string;
     avatar: string | null;
     last_message: string;
     last_message_time: string;
@@ -11,6 +11,7 @@ export type IConversation = {
     unread_count: number;
     status: number;
     color: string;
+    is_unknown: number;
 };
 export type IParamGetConversation = {
     page?: number;

package/dist/types/message.d.ts

@@ -9,6 +9,7 @@ export type IResUser = {
     color: string;
     status: number;
     last_offline_at: string;
+    is_unknown: number;
 };
 export type IResMessage = {
     id: number | string;

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

@@ -1,3 +1,10 @@
 import type { IConversation, IParamGetConversation } from '../../types/conversation';
 import type { DataWithMetaResponse } from '../../types/global';
+import type { IResUser } from '../../types/message';
 export declare const getConversation: (param: IParamGetConversation) => Promise<DataWithMetaResponse<IConversation[]>>;
+export declare const publicTopicConversationUpdate: (data: {
+    infoUser: IResUser | null;
+    isSendImg?: boolean;
+    message?: string;
+    isCall?: string;
+}) => Promise<void>;

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

@@ -10,6 +10,7 @@ export declare const user: import("vue").Ref<{
     color: string;
     status: number;
     last_offline_at: string;
+    is_unknown: number;
 } | null, IResUser | {
     id: string;
     username: string;
@@ -20,6 +21,7 @@ export declare const user: import("vue").Ref<{
     color: string;
     status: number;
     last_offline_at: string;
+    is_unknown: number;
 } | null>;
 export declare const userHistory: import("vue").Ref<{
     checkin: {

package/package.json

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