@phonghq/go-chat 1.0.23 → 1.0.25

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 }
@@ -25,18 +24,21 @@ export function usePlivo(callback) {
             plivoBrowserSdk.client.on('onCallFailed', (data, callInfo) => {
                 handleCallFailed(data, callInfo);
             });
-            plivoBrowserSdk.client.on('onCalling', (data) => console.log('onCallFailed', data));
+            plivoBrowserSdk.client.on('onIncomingCallCanceled', (callInfo) => {
+                handleIncomingCallCanceled(callInfo);
+            });
+            // 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'))
             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) {
@@ -47,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;
     };
@@ -63,6 +64,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 = '';
@@ -123,9 +125,19 @@ 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,

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,8 @@ 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',
+    TIME_OUT: 'timeout',
+    BUSY: 'busy'
 };

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

@@ -33,6 +33,20 @@ 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}`);
+    if (res.error || !res?.data)
+        throw new Error(res.error);
+    if (dataProfile.value)
+        dataProfile.value.tenant_phone = res?.data?.go_chat_phone ?? '';
+    if (dataProfile.value)
+        dataProfile.value.tenant_phone_limit = Number(res?.data?.go_chat_phone_limit ?? 0);
     return res;
 };
 export const submitTenantPhone = async (body) => {
@@ -48,6 +62,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/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/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,8 @@ export declare const PLIVO_CALL_STATUS: {
     readonly CALL_START: "in-progress";
     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,8 +11,10 @@ export type IConversation = {
     unread_count: number;
     status: number;
     color: string;
+    is_unknown: number;
 };
 export type IParamGetConversation = {
     page?: number;
     search?: string;
+    is_unknown?: 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;
@@ -16,6 +17,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/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/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/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.23",
+  "version": "1.0.25",
   "private": false,
   "files": [
     "dist"