@phonghq/go-chat 1.0.27 → 1.0.28

package/dist/test/components/common/modal/ModalBase.vue.js

@@ -1,4 +1,5 @@
 /// <reference types="C:/phonghq/go-chat-v2/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
+import IconCloseCircle from '@/assets/icons/IconCloseCircle.vue';
 defineOptions({
     inheritAttrs: false
 });
@@ -123,37 +124,59 @@ DialogTitle;
 const __VLS_22 = __VLS_asFunctionalComponent(__VLS_21, new __VLS_21({}));
 const __VLS_23 = __VLS_22({}, ...__VLS_functionalComponentArgsRest(__VLS_22));
 const { default: __VLS_25 } = __VLS_24.slots;
-if (props.showTitle) {
-    const __VLS_26 = {}.BaseTitle;
-    /** @type {[typeof __VLS_components.BaseTitle, typeof __VLS_components.baseTitle, ]} */ ;
-    // @ts-ignore
-    BaseTitle;
-    // @ts-ignore
-    const __VLS_27 = __VLS_asFunctionalComponent(__VLS_26, new __VLS_26({
-        ...{ 'onClose': {} },
-        title: (props.title),
-        showButtonClose: (props.showButtonClose && !props.nonClosable),
-    }));
-    const __VLS_28 = __VLS_27({
-        ...{ 'onClose': {} },
-        title: (props.title),
-        showButtonClose: (props.showButtonClose && !props.nonClosable),
-    }, ...__VLS_functionalComponentArgsRest(__VLS_27));
-    let __VLS_30;
-    let __VLS_31;
-    const __VLS_32 = ({ close: {} },
-        { onClose: (__VLS_ctx.hide) });
-    // @ts-ignore
-    [hide,];
-    var __VLS_29;
-}
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "h-full min-h-[46px] lg:min-h-[52px] flex items-center relative bg-chat-haze-100 sm:rounded-t-lg px-6 py-1" },
+});
+__VLS_asFunctionalElement(__VLS_elements.p, __VLS_elements.p)({
+    ...{ class: "text-base lg:text-xl  font-medium mr-[50px] " },
+});
+(__VLS_ctx.title);
+// @ts-ignore
+[title,];
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "h-full w-[50px] flex-center absolute right-0 cursor-pointer mr-1" },
+});
+__VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
+    ...{ onClick: (__VLS_ctx.hide) },
+    ...{ class: "h-full w-full flex-center" },
+});
+// @ts-ignore
+[hide,];
+/** @type {[typeof IconCloseCircle, ]} */ ;
+// @ts-ignore
+const __VLS_26 = __VLS_asFunctionalComponent(IconCloseCircle, new IconCloseCircle({}));
+const __VLS_27 = __VLS_26({}, ...__VLS_functionalComponentArgsRest(__VLS_26));
 var __VLS_24;
-var __VLS_34 = {};
+var __VLS_30 = {};
 var __VLS_19;
 var __VLS_11;
 var __VLS_3;
+/** @type {__VLS_StyleScopedClasses['h-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['min-h-[46px]']} */ ;
+/** @type {__VLS_StyleScopedClasses['lg:min-h-[52px]']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['relative']} */ ;
+/** @type {__VLS_StyleScopedClasses['bg-chat-haze-100']} */ ;
+/** @type {__VLS_StyleScopedClasses['sm:rounded-t-lg']} */ ;
+/** @type {__VLS_StyleScopedClasses['px-6']} */ ;
+/** @type {__VLS_StyleScopedClasses['py-1']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-base']} */ ;
+/** @type {__VLS_StyleScopedClasses['lg:text-xl']} */ ;
+/** @type {__VLS_StyleScopedClasses['font-medium']} */ ;
+/** @type {__VLS_StyleScopedClasses['mr-[50px]']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-[50px]']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['absolute']} */ ;
+/** @type {__VLS_StyleScopedClasses['right-0']} */ ;
+/** @type {__VLS_StyleScopedClasses['cursor-pointer']} */ ;
+/** @type {__VLS_StyleScopedClasses['mr-1']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex-center']} */ ;
 // @ts-ignore
-var __VLS_35 = __VLS_34;
+var __VLS_31 = __VLS_30;
 const __VLS_base = (await import('vue')).defineComponent({
     setup: () => (__VLS_exposed),
     __typeEmits: {},

package/dist/test/components/ui/button/c-button.js

@@ -3,14 +3,14 @@ export { default as CButton } from './CButton.vue';
 export const buttonVariants = cva('inline-flex flex-center gap-2 whitespace-nowrap rounded-[8px] text-base font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50  hover:duration-100', {
     variants: {
         variant: {
-            default: 'bg-primary text-white hover:bg-primary-hover [&_.loader::before]:border-white',
-            primary: 'bg-primary text-white hover:bg-primary-hover [&_.loader::before]:border-white',
-            ['danger-outline']: 'bg-white border border-danger border-[1.5px] text-danger hover:bg-danger hover:text-white [&_.loader::before]:border-danger',
-            success: 'bg-success text-white hover:bg-success-hover [&_.loader::before]:border-white',
-            danger: 'bg-danger text-white hover:bg-danger-hover [&_.loader::before]:border-white',
-            ['primary-outline']: 'bg-white text-primary hover:bg-primary border hover:text-white border-primary border-[1.5px] [&_.loader::before]:border-primary',
+            default: 'bg-chat-primary text-white hover:bg-chat-primary-hover [&_.loader::before]:border-white',
+            primary: 'bg-chat-primary text-white hover:bg-chat-primary-hover [&_.loader::before]:border-white',
+            ['danger-outline']: 'bg-white border border-chat-error border-[1.5px] text-chat-error hover:bg-chat-error hover:text-white [&_.loader::before]:border-chat-error',
+            success: 'bg-chat-success text-white hover:bg-chat-success-hover [&_.loader::before]:border-white',
+            danger: 'bg-chat-error text-white hover:bg-chat-error-hover [&_.loader::before]:border-white',
+            ['primary-outline']: 'bg-white text-chat-primary hover:bg-chat-primary border hover:text-white border-primary border-[1.5px] [&_.loader::before]:border-primary',
             ghost: 'hover:bg-accent hover:text-accent-foreground',
-            link: 'text-primary underline-offset-4 hover:underline'
+            link: 'text-chat-primary underline-offset-4 hover:underline'
         },
         size: {
             default: 'h-10 px-4 py-2',

package/dist/test/composable/useInitData.js

@@ -3,7 +3,7 @@ import { sdkInit } from '../plugins/sdk';
 import { checkTenantPhone, 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 { connectMqtt, subscribeToTopic, unsubscribeFromTopic } from '../plugins/mqtt';
 import { TOPIC_DETAIL_CALL } from '../constant/mqtt';
 // import router from '../router'
 //PINIA
@@ -22,6 +22,7 @@ export function useInitData() {
                 // }
             }
             // connectMqtt()
+            await connectMqtt();
             await initData(data.props, data.response);
         }
         catch (error) {

package/dist/test/composable/useListConversations.js

@@ -51,7 +51,6 @@ export const useListConversations = (is_unknown) => {
         if ((data.is_unknown ?? 0) != is_unknown)
             return;
         getDataMqtt();
-        console.log(topic, data);
         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);

package/dist/test/composable/usePlivo.js

@@ -33,20 +33,21 @@ export function usePlivo(callback) {
             });
             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?.('onLoginFailed', (e) => handleLoginFailed(e));
             // plivoBrowserSdk?.client?.on?.('remoteAudioStatus', () => console.log('remoteAudioStatus'))
+            const payload = JSON.parse(atob(token.split('.')[1]));
+            // await plivoBrowserSdk?.client?.tokenLogin(username, token)
             await plivoBrowserSdk?.client?.login('webcall003079673454891827', '123456abcA!');
-            // console.log(token)
             // await plivoBrowserSdk?.client?.loginWithAccessToken(token)
-            // const speaker = document.getElementById('go-chat-remote-audio')
-            // if (speaker) plivoBrowserSdk?.client?.setAudioElement(speaker)
-            console.log('Registered with token');
+            // console.log('Registered with token')
         }
         catch (err) {
             console.log('Login error: ' + err);
         }
     };
+    const handleLoginFailed = (e) => {
+        console.log('Login failed', e);
+    };
     const handleIncomingCall = (call) => {
         console.log(call);
         const data = {

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

@@ -125,7 +125,7 @@ export const getPlivoAccessToken = async () => {
         method: 'POST',
         body: JSON.stringify({
             // clientId: dataProfile.value?.tenant_id,
-            identity: dataProfile.value?.id?.toString()
+            username: dataProfile.value?.id?.toString()
         }),
         headers: {
             ['Content-Type']: 'application/json'

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

@@ -41,6 +41,6 @@ export const upLoadImage = async (body) => {
     return res;
 };
 export const activePlivoMode = async (body) => {
-    const res = await axios.post('/api/v1/message/message/active-sm', body, {});
+    const res = await axios.post('/api/v1/message/message/active-sms', body, {});
     return res;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phonghq/go-chat",
-  "version": "1.0.27",
+  "version": "1.0.28",
   "private": false,
   "files": [
     "dist"
@@ -47,7 +47,7 @@
   "devDependencies": {
     "@rushstack/eslint-patch": "^1.8.0",
     "@tsconfig/node20": "^20.1.4",
-    "@types/node": "^20.14.5",
+    "@types/node": "^24.10.1",
     "@vitejs/plugin-vue": "^5.0.5",
     "@vitejs/plugin-vue-jsx": "^4.0.0",
     "@vue/eslint-config-prettier": "^9.0.0",