@phonghq/go-chat 1.0.1 → 1.0.3

package/dist/{components → test/components}/ui/dropdown-menu/DropdownMenuItem.vue.js

@@ -1,7 +1,7 @@
 /// <reference types="C:/phonghq/go-chat/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
 import { reactiveOmit } from "@vueuse/core";
 import { DropdownMenuItem, useForwardProps } from "reka-ui";
-import { cn } from "@/lib/utils";
+import { cn } from "../../../lib/utils";
 const props = defineProps();
 const delegatedProps = reactiveOmit(props, "class");
 const forwardedProps = useForwardProps(delegatedProps);

package/dist/{components → test/components}/ui/dropdown-menu/DropdownMenuLabel.vue.js

@@ -1,7 +1,7 @@
 /// <reference types="C:/phonghq/go-chat/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
 import { reactiveOmit } from "@vueuse/core";
 import { DropdownMenuLabel, useForwardProps } from "reka-ui";
-import { cn } from "@/lib/utils";
+import { cn } from "../../../lib/utils";
 const props = defineProps();
 const delegatedProps = reactiveOmit(props, "class");
 const forwardedProps = useForwardProps(delegatedProps);

package/dist/{components → test/components}/ui/dropdown-menu/DropdownMenuRadioItem.vue.js

@@ -2,7 +2,7 @@
 import { reactiveOmit } from "@vueuse/core";
 import { Circle } from "lucide-vue-next";
 import { DropdownMenuItemIndicator, DropdownMenuRadioItem, useForwardPropsEmits, } from "reka-ui";
-import { cn } from "@/lib/utils";
+import { cn } from "../../../lib/utils";
 const props = defineProps();
 const emits = defineEmits();
 const delegatedProps = reactiveOmit(props, "class");

package/dist/{components → test/components}/ui/dropdown-menu/DropdownMenuSeparator.vue.js

@@ -1,7 +1,7 @@
 /// <reference types="C:/phonghq/go-chat/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
 import { reactiveOmit } from "@vueuse/core";
 import { DropdownMenuSeparator, } from "reka-ui";
-import { cn } from "@/lib/utils";
+import { cn } from "../../../lib/utils";
 const props = defineProps();
 const delegatedProps = reactiveOmit(props, "class");
 debugger; /* PartiallyEnd: #3632/scriptSetup.vue */

package/dist/{components → test/components}/ui/dropdown-menu/DropdownMenuShortcut.vue.js

@@ -1,5 +1,5 @@
 /// <reference types="C:/phonghq/go-chat/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
-import { cn } from "@/lib/utils";
+import { cn } from "../../../lib/utils";
 const props = defineProps();
 debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
 const __VLS_ctx = {

package/dist/{components → test/components}/ui/dropdown-menu/DropdownMenuSubContent.vue.js

@@ -1,7 +1,7 @@
 /// <reference types="C:/phonghq/go-chat/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
 import { reactiveOmit } from "@vueuse/core";
 import { DropdownMenuSubContent, useForwardPropsEmits, } from "reka-ui";
-import { cn } from "@/lib/utils";
+import { cn } from "../../../lib/utils";
 const props = defineProps();
 const emits = defineEmits();
 const delegatedProps = reactiveOmit(props, "class");

package/dist/{components → test/components}/ui/dropdown-menu/DropdownMenuSubTrigger.vue.js

@@ -2,7 +2,7 @@
 import { reactiveOmit } from "@vueuse/core";
 import { ChevronRight } from "lucide-vue-next";
 import { DropdownMenuSubTrigger, useForwardProps, } from "reka-ui";
-import { cn } from "@/lib/utils";
+import { cn } from "../../../lib/utils";
 const props = defineProps();
 const delegatedProps = reactiveOmit(props, "class");
 const forwardedProps = useForwardProps(delegatedProps);

package/dist/{components → test/components}/ui/popover/PopoverContent.vue.js

@@ -1,7 +1,7 @@
 /// <reference types="C:/phonghq/go-chat/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
 import { reactiveOmit } from "@vueuse/core";
 import { PopoverContent, PopoverPortal, useForwardPropsEmits, } from "reka-ui";
-import { cn } from "@/lib/utils";
+import { cn } from "../../../lib/utils";
 defineOptions({
     inheritAttrs: false,
 });

package/dist/{components → test/components}/ui/radio-group/RadioGroup.vue.js

@@ -1,7 +1,7 @@
 /// <reference types="C:/phonghq/go-chat/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
 import { reactiveOmit } from "@vueuse/core";
 import { RadioGroupRoot, useForwardPropsEmits } from "reka-ui";
-import { cn } from "@/lib/utils";
+import { cn } from "../../../lib/utils";
 const props = defineProps();
 const emits = defineEmits();
 const delegatedProps = reactiveOmit(props, "class");

package/dist/{components → test/components}/ui/radio-group/RadioGroupItem.vue.js

@@ -2,7 +2,7 @@
 import { reactiveOmit } from "@vueuse/core";
 import { Circle } from "lucide-vue-next";
 import { RadioGroupIndicator, RadioGroupItem, useForwardProps, } from "reka-ui";
-import { cn } from "@/lib/utils";
+import { cn } from "../../../lib/utils";
 const props = defineProps();
 const delegatedProps = reactiveOmit(props, "class");
 const forwardedProps = useForwardProps(delegatedProps);

package/dist/{components → test/components}/ui/slider/Slider.vue.js

@@ -1,7 +1,7 @@
 /// <reference types="C:/phonghq/go-chat/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
 import { reactiveOmit } from '@vueuse/core';
 import { SliderRange, SliderRoot, SliderThumb, SliderTrack, useForwardPropsEmits } from 'reka-ui';
-import { cn } from '@/lib/utils';
+import { cn } from '../../../lib/utils';
 const props = defineProps();
 const emits = defineEmits();
 const delegatedProps = reactiveOmit(props, 'class');

package/dist/{components → test/components}/ui/switch/Switch.vue.js

@@ -1,7 +1,7 @@
 /// <reference types="C:/phonghq/go-chat/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
 import { reactiveOmit } from '@vueuse/core';
 import { SwitchRoot, SwitchThumb, useForwardPropsEmits } from 'reka-ui';
-import { cn } from '@/lib/utils';
+import { cn } from '../../../lib/utils';
 const props = defineProps();
 const emits = defineEmits();
 const delegatedProps = reactiveOmit(props, 'class');

package/dist/{composable → test/composable}/useCallHelper.js

@@ -1,20 +1,14 @@
-import { publishMessage } from '@/plugins/mqtt';
-import { TOPIC_DETAIL_CALL } from '@/constant/mqtt';
-import { getIceService } from '@/utils/chat/call';
-import { dataProfile } from '@/utils/chat/auth';
+import { publishMessage } from '../plugins/mqtt';
+import { TOPIC_DETAIL_CALL } from '../constant/mqtt';
+import { getIceService } from '../utils/chat/call';
+import { dataProfile } from '../utils/chat/auth';
 import { ref } from 'vue';
 export function useCallHelper() {
     let pc;
     let iceStunServiceLink = '';
-    let iceTurnServiceLink = '';
     let iceServer = null;
     let answer;
     let offer = null;
-    // const servers = {
-    //   iceServers: [
-    //     { urls: 'stun:stun.l.google.com:19302' }
-    //   ]
-    // }
     const remoteAudio = () => {
         return document.getElementById('go-chat-remote-audio');
     };
@@ -22,11 +16,6 @@ export function useCallHelper() {
         return document.getElementById('go-chat-local-audio');
     };
     const userRemoter = ref(null);
-    // const start = async () => {
-    //   localStream = await navigator?.mediaDevices?.getUserMedia({ audio: true })
-    //   const local = localAudio() as any
-    //   if (local) local.srcObject = localStream
-    // }
     const call = async (user) => {
         userRemoter.value = user;
         await getIceServiceLink();
@@ -120,7 +109,6 @@ export function useCallHelper() {
         const res = await getIceService();
         console.log(res);
         iceStunServiceLink = res[0]?.urls[0] ?? '';
-        iceTurnServiceLink = res[1]?.urls[0] ?? '';
         iceServer = res;
     };
     const handleOffer = async (data) => {

package/dist/{composable → test/composable}/useInitData.js

@@ -1,10 +1,11 @@
 import { ref } from 'vue';
-import { sdkInit } from '@/plugins/sdk';
-import { dataProfile, getProfile, loginLink } from '@/utils/chat/auth';
-import { routerPush } from '@/utils/chat/chat-router';
-import { PAGE } from '@/constant/general';
-import { subscribeToTopic, unsubscribeFromTopic } from '@/plugins/mqtt';
-import { TOPIC_DETAIL_CALL } from '@/constant/mqtt';
+import { sdkInit } from '../plugins/sdk';
+import { dataProfile, getProfile, loginLink } from '../utils/chat/auth';
+import { routerPush } from '../utils/chat/chat-router';
+import { PAGE } from '../constant/general';
+import { subscribeToTopic, unsubscribeFromTopic } from '../plugins/mqtt';
+import { TOPIC_DETAIL_CALL } from '../constant/mqtt';
+import { getWebSocket } from '../plugins/websocket';
 //PINIA
 export const isRouterReady = ref(false);
 export function useInitData() {
@@ -38,6 +39,7 @@ export function useInitData() {
     };
     const initData = async () => {
         await getProfile();
+        getWebSocket();
         unsubscribeFromTopic(TOPIC_DETAIL_CALL + dataProfile.value?.id);
         subscribeToTopic(TOPIC_DETAIL_CALL + dataProfile.value?.id);
     };

package/dist/{plugins → test/plugins}/mqtt.js

@@ -1,5 +1,4 @@
-// import mqtt from 'mqtt/dist/mqtt.min'
-import mqtt from 'mqtt';
+import mqtt from 'mqtt/dist/mqtt.min';
 const mqttOptions = { qos: 1, retain: false };
 // const mqttClient = ref<MqttClient | null>(null)
 let mqttClient = null;

package/dist/{plugins → test/plugins}/sdk.js

@@ -1,8 +1,8 @@
 import Gap, { GapApiVersion } from 'gap-nodejs-sdk';
 import { GapMiniAppSdk } from 'gap-miniapp-sdk';
-import logger from '@/utils/logger';
-import { loginTenant, setDataLogin } from '@/utils/chat/auth';
-import { setAxiosGciInstance } from '@/plugins/axios-gci';
+import logger from '../utils/logger';
+import { loginTenant, setDataLogin } from '../utils/chat/auth';
+import { setAxiosGciInstance } from '../plugins/axios-gci';
 const baseSdk = new Gap.BaseApi(GapApiVersion.V1);
 const gapMiniAppSdk = (function () {
     let instance;

package/dist/test/plugins/websocket.js

@@ -0,0 +1,65 @@
+import { tryParseJson } from '../utils/json';
+let socket = null;
+let dataCallBack = [];
+export function initWebSocket(server) {
+    // Create WebSocket connection.
+    socket = new WebSocket('wss://web-socket.dev01.dtsmart.dev');
+    // socket.addEventListener('open', (event: any) => {
+    //   console.log('fffffff')
+    //   socket.send('Hello Server!')
+    // })
+    //
+    // socket.addEventListener('message', (event: any) => {
+    //   console.log('Message from server ', event.data)
+    // })
+    socket.onopen = (event) => {
+        console.log('Connected!');
+    };
+    socket.onmessage = (event) => {
+        const data = tryParseJson(event.data);
+        dataCallBack.forEach((e) => {
+            e.callBack(data);
+        });
+    };
+    socket.onclose = (event) => {
+        console.log('Disconnected:', event.reason);
+    };
+    socket.onerror = (event) => {
+        console.error('Socket error:', event);
+    };
+}
+const socketSend = (data) => {
+    let request = typeof data == 'string' ? data : JSON.stringify(data);
+    socket.send(request);
+};
+export const getWebSocket = async () => {
+    const url = 'https://web-socket.dev01.dtsmart.dev/ws/connect';
+    try {
+        const response = await fetch(url, {
+            method: 'POST',
+            body: JSON.stringify({
+                clientId: 'test1'
+            }),
+            headers: {
+                Authorization: 'Bearer -Qixt-ZztiBA5Dxl-EIWG7f2TDhK-ZCj'
+            }
+        });
+        if (!response.ok) {
+            throw new Error(`Response status: ${response.status}`);
+        }
+        const result = await response.json();
+    }
+    catch (error) {
+        console.error(error.message);
+    }
+};
+export const addHandleWebSK = (key, callBack) => {
+    removeHandleWebSK(key);
+    dataCallBack.push({ key, callBack });
+};
+export const removeHandleWebSK = (key) => {
+    const index = dataCallBack.findIndex((e) => e.key === key);
+    if (index > -1) {
+        dataCallBack.splice(index, 1);
+    }
+};

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1 @@
+export {};

package/dist/test/types/conversation.js

@@ -0,0 +1 @@
+export {};

package/dist/test/types/global.js

@@ -0,0 +1,15 @@
+export {};
+// declare global {
+//   /**
+//    * Now declare things that go in the global namespace,
+//    * or augment existing declarations in the global namespace.
+//    */
+//   type AddPromise<T = unknown> = T & {
+//     resolve: Resolve
+//     reject?: Reject
+//   }
+//
+//   // PROMISE
+//   declare type Resolve = typeof ReturnType<Promise.resolve>
+//   declare type Reject = typeof ReturnType<Promise.reject>
+// }

package/dist/test/types/message.js

@@ -0,0 +1 @@
+export {};

package/dist/{utils → test/utils}/chat/auth.js

@@ -1,5 +1,5 @@
-import axios from '@/plugins/axios';
-import { gapMiniAppSdk } from '@/plugins/sdk';
+import axios from '../../plugins/axios';
+import { gapMiniAppSdk } from '../../plugins/sdk';
 import { ref } from 'vue';
 export const dataProfile = ref(null);
 export const dataLoginLink = ref(null);

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

@@ -0,0 +1,61 @@
+import axios from '../../plugins/axios';
+import { dataProfile } from '../../utils/chat/auth';
+const BARE_WEBSOCKET_URL = 'https://web-socket.dev01.dtsmart.dev';
+// const BARE_WEBSOCKET_URL = 'http://192.168.1.173:3000'
+export const getIceService = async () => {
+    const res = await axios.post('/api/v1/message/call/ice-servers', {
+        key_id: '3dc07e93f89e44ef5d5ff98c91edb520',
+        api_token: 'c0a60a3d2b0f490b2c99fd7ff095ed1218fd7eda55c80c8b70efc9e0b8dfcd85'
+    }, {
+        token: '3VbvrMLtH6b0b9vBe0mhJz9G9NKyATiL'
+    });
+    return res;
+};
+// export const callClient = async (body: IResCall): Promise<any> => {
+//   const res = await axios.post('/call/answer', body, {
+//   })
+//   return res
+// }
+export const callClient = async (body) => {
+    const url = BARE_WEBSOCKET_URL + '/call/answer';
+    try {
+        const response = await fetch(url, {
+            method: 'POST',
+            body: JSON.stringify(body),
+            headers: {
+                ['Content-Type']: 'application/json'
+            }
+        });
+        if (!response.ok) {
+            throw new Error(`Response status: ${response.status}`);
+        }
+        const result = await response.json();
+        console.log(result);
+    }
+    catch (error) {
+        console.error(error.message);
+    }
+};
+export const callOutBound = async (user) => {
+    const url = BARE_WEBSOCKET_URL + '/call/outbound';
+    try {
+        const response = await fetch(url, {
+            method: 'POST',
+            body: JSON.stringify({
+                from: dataProfile.value?.phone,
+                to: user?.phone ?? ''
+            }),
+            headers: {
+                ['Content-Type']: 'application/json'
+            }
+        });
+        if (!response.ok) {
+            throw new Error(`Response status: ${response.status}`);
+        }
+        const result = await response.json();
+        console.log(result);
+    }
+    catch (error) {
+        console.error(error.message);
+    }
+};

package/dist/{utils → test/utils}/chat/chat-router.js

@@ -1,5 +1,5 @@
 import { ref } from 'vue';
-import { PAGE } from '@/constant/general';
+import { PAGE } from '../../constant/general';
 export const currentPage = ref(PAGE.HOME);
 let beforeEach = null;
 export const routerPush = (page) => {

package/dist/{utils → test/utils}/chat/conversation.js

@@ -1,4 +1,4 @@
-import axios from '@/plugins/axios';
+import axios from '../../plugins/axios';
 export const getConversation = async (param) => {
     const res = await axios.get('/api/v1/message/conversation/get-conversation', {
         params: param

package/dist/{utils → test/utils}/chat/message.js

@@ -1,4 +1,4 @@
-import axios from '@/plugins/axios';
+import axios from '../../plugins/axios';
 export const getMessage = async (params) => {
     const res = await axios.get('/api/v1/message/message/get-message', {
         params

package/dist/{utils → test/utils}/chat/user.js

@@ -1,5 +1,5 @@
 import { ref } from 'vue';
-import axios from '@/plugins/axios-gci';
+import axios from '../../plugins/axios-gci';
 import dayjs from 'dayjs';
 export const user = ref(null);
 export const userHistory = ref(null);

package/dist/test/utils/json.js

@@ -0,0 +1,18 @@
+export const isJsonString = (str) => {
+    try {
+        JSON.parse(str);
+    }
+    catch (e) {
+        return false;
+    }
+    return true;
+};
+export const tryParseJson = (data) => {
+    try {
+        const result = JSON.parse(data);
+        return result;
+    }
+    catch (e) {
+        return data;
+    }
+};

package/dist/types/call.d.ts

@@ -0,0 +1,4 @@
+export type IResCall = {
+    from: string;
+    to: string;
+};

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

@@ -0,0 +1,37 @@
+interface IBodyLoginTenant {
+    tenant_id: string;
+}
+interface IResLoginLink {
+    token: string;
+    refresh_token: string;
+    conversation_id: number;
+    receiver_id: number;
+}
+interface IBodyLoginCustomer {
+    phone: string;
+}
+interface IBodyVerifyOTP {
+    session_uuid: string;
+    phone: string;
+    otp: string;
+}
+interface IResProfile {
+    id: number;
+    username: string;
+    tenant_id: string | null;
+    phone: string;
+    avatar: string | null;
+    user_type: 'customer' | 'tenant';
+    color: string;
+}
+interface IPramsLoginLink {
+    tenant_id: string;
+    phone: string;
+    message: string;
+    customer_name: string;
+    business_name: string;
+}
+interface IRefreshToken {
+    refresh_token: string;
+}
+export type { IBodyLoginTenant, IBodyLoginCustomer, IBodyVerifyOTP, IResProfile, IPramsLoginLink, IRefreshToken, IResLoginLink };

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

@@ -0,0 +1,7 @@
+export type GoChatProps = {
+    token?: string;
+    id?: string;
+    domain?: string;
+    response?: PAGE_RESPONSE;
+};
+export type PAGE_RESPONSE = 'mobile' | 'tablet';

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

@@ -0,0 +1,17 @@
+export type ConfirmPayload = {
+    headerTitle?: string;
+    bodyTitle?: string;
+    bodyImage?: string;
+    bodyMessage?: string;
+    confirmButtonText?: string;
+    cancelButtonText?: string;
+    timeOut?: number;
+    type?: 'confirm' | 'information';
+};
+export type ConfirmPayloadPromise = AddPromise<ConfirmPayload>;
+export type AddPromise<T = unknown> = T & {
+    resolve: Resolve;
+    reject?: Reject;
+};
+export type Resolve = any;
+export type Reject = any;

package/dist/types/global.d.ts

@@ -0,0 +1,11 @@
+export {};
+export type DataWithMetaResponse<T> = {
+    items: T;
+    _meta: MetaResponse;
+};
+export type MetaResponse = {
+    totalCount: number;
+    pageCount: number;
+    currentPage: number;
+    perPage: number;
+};

package/dist/types/message.d.ts

@@ -0,0 +1,43 @@
+import { MessageState } from '../constant/message';
+export type IResUser = {
+    id: string;
+    username: string;
+    phone: string;
+    avatar: string | null;
+    tenant_id: string | null;
+    conversation_id: number;
+    color: string;
+    status: number;
+    last_offline_at: string;
+};
+export type IResMessage = {
+    id: number | string;
+    conversation_id: number;
+    sender_id: number;
+    receiver_id: number;
+    message: string | null;
+    created_at: string;
+    attachments: IAttachment[];
+    state?: MessageStateType;
+    error?: string;
+};
+export interface IAttachment {
+    file_name: string;
+    file_path: string;
+    file_local?: Blob;
+    mime?: string;
+    size?: number;
+}
+export type IResUploadImage = {
+    files: IUploadFile[];
+};
+export type IUploadFile = {
+    name: string;
+    type: string;
+    size: number;
+    base_url: string;
+    path: string;
+    url: string;
+    delete_url: string;
+};
+export type MessageStateType = typeof MessageState[keyof typeof MessageState];

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

@@ -1,4 +1,4 @@
-import type { IResLoginLink, IResProfile } from '@/types/chat/auth';
+import type { IResLoginLink, IResProfile } from '../../types/chat/auth';
 interface IBodyLoginTenant {
     tenant_id: string;
 }

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

@@ -1 +1,5 @@
+import type { IResUser } from '../../types/message';
+import type { IResCall } from '../../types/call';
 export declare const getIceService: () => Promise<import("axios").AxiosResponse<any, any>>;
+export declare const callClient: (body: IResCall) => Promise<void>;
+export declare const callOutBound: (user: IResUser) => Promise<void>;

package/dist/utils/chat/chat-router.d.ts

@@ -1,3 +1,3 @@
-import { PAGE } from '@/constant/general';
+import { PAGE } from '../../constant/general';
 export declare const currentPage: import("vue").Ref<PAGE, PAGE>;
 export declare const routerPush: (page: PAGE) => void;

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

@@ -1,3 +1,3 @@
-import type { IConversation, IParamGetConversation } from '@/types/conversation';
-import type { DataWithMetaResponse } from '@/types/global';
+import type { IConversation, IParamGetConversation } from '../../types/conversation';
+import type { DataWithMetaResponse } from '../../types/global';
 export declare const getConversation: (param: IParamGetConversation) => Promise<DataWithMetaResponse<IConversation[]>>;

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

@@ -1,5 +1,5 @@
-import type { DataWithMetaResponse } from '@/types/global';
-import type { IResMessage, IResUser, IUploadFile } from '@/types/message';
+import type { DataWithMetaResponse } from '../../types/global';
+import type { IResMessage, IResUser, IUploadFile } from '../../types/message';
 interface IParamsMessage {
     page: number;
     receiver_id: string;

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

@@ -1,5 +1,5 @@
-import type { IResUser } from '@/types/message';
-import type { GetCustomerHistoryResponse } from '@/types/chat/user';
+import type { IResUser } from '../../types/message';
+import type { GetCustomerHistoryResponse } from '../../types/chat/user';
 export declare const user: import("vue").Ref<{
     id: string;
     username: string;

package/dist/utils/json.d.ts

@@ -0,0 +1,2 @@
+export declare const isJsonString: (str: string) => boolean;
+export declare const tryParseJson: (data: any) => any;

package/package.json

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

package/dist/chat/main.js

@@ -1,2 +0,0 @@
-import AppComponent from "./App.vue";
-export { AppComponent };