@phonghq/go-chat 1.0.49 → 1.0.51

package/dist/test/chat/page/home/InputChat.vue.js

@@ -73,8 +73,8 @@ const handleFileUpload = () => {
 };
 const onSelectEmoji = (value) => {
     keyword.value = (keyword.value ?? '') + (value?.i?.replace('undefined', '') ?? '');
-    emojiOpen.value = false;
-    chatInputRef.value?.focus?.();
+    // emojiOpen.value = false
+    // chatInputRef.value?.focus?.()
 };
 const handleActivePlivoSmsChange = async (is_active) => {
     try {
@@ -149,7 +149,7 @@ __VLS_asFunctionalElement(__VLS_elements.textarea)({
             // @ts-ignore
             [setInputHeight,];
         } },
-    ...{ class: "text-[14px] sm:text-base w-full min-h-11 overflow-hidden chat-input !rounded-xl pl-4 py-2 pr-[96px] border border-chat-haze-200" },
+    ...{ class: "text-[14px] sm:text-base w-full min-h-11 overflow-hidden chat-input !rounded-xl px-4 py-2 border border-chat-haze-200" },
     ref: "chatInputRef",
     rows: "1",
     placeholder: "Send Message",
@@ -161,82 +161,92 @@ __VLS_asFunctionalElement(__VLS_elements.textarea)({
 __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
     ...{ class: "flex gap-2 -translate-y-2" },
 });
-/** @type {[typeof PopoverBase, typeof PopoverBase, ]} */ ;
-// @ts-ignore
-const __VLS_0 = __VLS_asFunctionalComponent(PopoverBase, new PopoverBase({
-    open: (__VLS_ctx.emojiOpen),
-    align: "end",
-    side: "top",
-}));
-const __VLS_1 = __VLS_0({
-    open: (__VLS_ctx.emojiOpen),
-    align: "end",
-    side: "top",
-}, ...__VLS_functionalComponentArgsRest(__VLS_0));
-const { default: __VLS_3 } = __VLS_2.slots;
-// @ts-ignore
-[emojiOpen,];
-__VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
-    ...{ onClick: (...[$event]) => {
-            __VLS_ctx.emojiOpen = !__VLS_ctx.emojiOpen;
-            // @ts-ignore
-            [emojiOpen, emojiOpen,];
-        } },
-    ...{ class: "h-11 w-8" },
-});
-{
-    const { content: __VLS_4 } = __VLS_2.slots;
-    const __VLS_5 = {}.EmojiPicker;
+if (!__VLS_ctx.dataProfile?.is_sms_active) {
+    // @ts-ignore
+    [dataProfile,];
+    /** @type {[typeof PopoverBase, typeof PopoverBase, ]} */ ;
+    // @ts-ignore
+    const __VLS_0 = __VLS_asFunctionalComponent(PopoverBase, new PopoverBase({
+        open: (__VLS_ctx.emojiOpen),
+        align: "end",
+        side: "top",
+    }));
+    const __VLS_1 = __VLS_0({
+        open: (__VLS_ctx.emojiOpen),
+        align: "end",
+        side: "top",
+    }, ...__VLS_functionalComponentArgsRest(__VLS_0));
+    const { default: __VLS_3 } = __VLS_2.slots;
+    // @ts-ignore
+    [emojiOpen,];
+    __VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
+        ...{ onClick: (...[$event]) => {
+                if (!(!__VLS_ctx.dataProfile?.is_sms_active))
+                    return;
+                __VLS_ctx.emojiOpen = !__VLS_ctx.emojiOpen;
+                // @ts-ignore
+                [emojiOpen, emojiOpen,];
+            } },
+        ...{ class: "h-11 w-8" },
+    });
+    {
+        const { content: __VLS_4 } = __VLS_2.slots;
+        const __VLS_5 = {}.EmojiPicker;
+        /** @type {[typeof __VLS_components.EmojiPicker, typeof __VLS_components.emojiPicker, ]} */ ;
+        // @ts-ignore
+        EmojiPicker;
+        // @ts-ignore
+        const __VLS_6 = __VLS_asFunctionalComponent(__VLS_5, new __VLS_5({
+            ...{ 'onSelect': {} },
+            ...{ class: "!w-[300px]" },
+            native: (true),
+            offset: (2),
+            hideSearch: true,
+        }));
+        const __VLS_7 = __VLS_6({
+            ...{ 'onSelect': {} },
+            ...{ class: "!w-[300px]" },
+            native: (true),
+            offset: (2),
+            hideSearch: true,
+        }, ...__VLS_functionalComponentArgsRest(__VLS_6));
+        let __VLS_9;
+        let __VLS_10;
+        const __VLS_11 = ({ select: {} },
+            { onSelect: (__VLS_ctx.onSelectEmoji) });
+        // @ts-ignore
+        [onSelectEmoji,];
+        var __VLS_8;
+    }
+    var __VLS_2;
+}
+if (!__VLS_ctx.dataProfile?.is_sms_active) {
+    // @ts-ignore
+    [dataProfile,];
+    const __VLS_13 = {}.EmojiPicker;
     /** @type {[typeof __VLS_components.EmojiPicker, typeof __VLS_components.emojiPicker, ]} */ ;
     // @ts-ignore
     EmojiPicker;
     // @ts-ignore
-    const __VLS_6 = __VLS_asFunctionalComponent(__VLS_5, new __VLS_5({
-        ...{ 'onSelect': {} },
-        ...{ class: "!w-[300px]" },
+    const __VLS_14 = __VLS_asFunctionalComponent(__VLS_13, new __VLS_13({
+        ...{ class: "opacity-0 pointer-events-none absolute" },
         native: (true),
         offset: (2),
         hideSearch: true,
     }));
-    const __VLS_7 = __VLS_6({
-        ...{ 'onSelect': {} },
-        ...{ class: "!w-[300px]" },
+    const __VLS_15 = __VLS_14({
+        ...{ class: "opacity-0 pointer-events-none absolute" },
         native: (true),
         offset: (2),
         hideSearch: true,
-    }, ...__VLS_functionalComponentArgsRest(__VLS_6));
-    let __VLS_9;
-    let __VLS_10;
-    const __VLS_11 = ({ select: {} },
-        { onSelect: (__VLS_ctx.onSelectEmoji) });
-    // @ts-ignore
-    [onSelectEmoji,];
-    var __VLS_8;
+    }, ...__VLS_functionalComponentArgsRest(__VLS_14));
 }
-var __VLS_2;
-const __VLS_13 = {}.EmojiPicker;
-/** @type {[typeof __VLS_components.EmojiPicker, typeof __VLS_components.emojiPicker, ]} */ ;
-// @ts-ignore
-EmojiPicker;
-// @ts-ignore
-const __VLS_14 = __VLS_asFunctionalComponent(__VLS_13, new __VLS_13({
-    ...{ class: "opacity-0 pointer-events-none absolute" },
-    native: (true),
-    offset: (2),
-    hideSearch: true,
-}));
-const __VLS_15 = __VLS_14({
-    ...{ class: "opacity-0 pointer-events-none absolute" },
-    native: (true),
-    offset: (2),
-    hideSearch: true,
-}, ...__VLS_functionalComponentArgsRest(__VLS_14));
 __VLS_asFunctionalElement(__VLS_elements.label, __VLS_elements.label)({
     ...{ class: "cursor-pointer relative" },
 });
-__VLS_asFunctionalDirective(__VLS_directives.vShow)(null, { ...__VLS_directiveBindingRestFields, value: (!(__VLS_ctx.keyword != '' && __VLS_ctx.responsive == 'mobile')) }, null, null);
+__VLS_asFunctionalDirective(__VLS_directives.vShow)(null, { ...__VLS_directiveBindingRestFields, value: (!(__VLS_ctx.keyword != '' && __VLS_ctx.responsive == 'mobile') && !__VLS_ctx.dataProfile?.is_sms_active) }, null, null);
 // @ts-ignore
-[keyword, responsive,];
+[keyword, dataProfile, responsive,];
 __VLS_asFunctionalElement(__VLS_elements.input)({
     ...{ onChange: (__VLS_ctx.handleFileUpload) },
     type: "file",
@@ -296,9 +306,8 @@ const __VLS_19 = __VLS_18({
 /** @type {__VLS_StyleScopedClasses['overflow-hidden']} */ ;
 /** @type {__VLS_StyleScopedClasses['chat-input']} */ ;
 /** @type {__VLS_StyleScopedClasses['!rounded-xl']} */ ;
-/** @type {__VLS_StyleScopedClasses['pl-4']} */ ;
+/** @type {__VLS_StyleScopedClasses['px-4']} */ ;
 /** @type {__VLS_StyleScopedClasses['py-2']} */ ;
-/** @type {__VLS_StyleScopedClasses['pr-[96px]']} */ ;
 /** @type {__VLS_StyleScopedClasses['border']} */ ;
 /** @type {__VLS_StyleScopedClasses['border-chat-haze-200']} */ ;
 /** @type {__VLS_StyleScopedClasses['flex']} */ ;

package/dist/test/chat/page/home/PhoneNumpad.vue.js

@@ -61,17 +61,17 @@ if (__VLS_ctx.responsive != 'window') {
     // @ts-ignore
     const __VLS_7 = __VLS_asFunctionalComponent(DrawerBaseCustom, new DrawerBaseCustom({
         ref: "drawerVisibleRef",
-        width: (500),
+        responsive: (__VLS_ctx.responsive),
     }));
     const __VLS_8 = __VLS_7({
         ref: "drawerVisibleRef",
-        width: (500),
+        responsive: (__VLS_ctx.responsive),
     }, ...__VLS_functionalComponentArgsRest(__VLS_7));
     /** @type {typeof __VLS_ctx.drawerVisibleRef} */ ;
     var __VLS_10 = {};
     const { default: __VLS_12 } = __VLS_9.slots;
     // @ts-ignore
-    [drawerVisibleRef,];
+    [responsive, drawerVisibleRef,];
     {
         const { content: __VLS_13 } = __VLS_9.slots;
         __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({

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

@@ -111,9 +111,7 @@ function endCall(option) {
         drawerVisible.value = false;
         drawerVisibleRef.value?.close();
     }
-    else {
-        handleEmitEndCall(userRemoter.value, callType);
-    }
+    handleEmitEndCall(userRemoter.value, callType);
     plivoEndCall(callStatus.value);
     callStatus.value = PLIVO_CALL_STATUS.CALL_END;
     clearInterval(timer);
@@ -131,7 +129,6 @@ const handleEmitEndCall = useDebounce((data, type) => {
 }, 500);
 const refreshToken = async () => {
     try {
-        console.log('refreshToken: ');
         if (refreshTokenTimeOut) {
             clearTimeout(refreshTokenTimeOut);
             refreshTokenTimeOut = null;
@@ -144,7 +141,6 @@ const refreshToken = async () => {
     catch (e) {
         console.log(e);
         refreshTokenCount = refreshTokenCount + 1;
-        console.log(refreshTokenCount);
         if (refreshTokenCount < 3) {
             setTimeout(() => refreshToken(), 60 * 1000);
         }
@@ -198,11 +194,11 @@ const getUserOffer = async (phone) => {
     let res = null;
     try {
         userRemoter.value = { phone, username: '' };
+        emit('userCalling', userRemoter.value);
         let data = {
             phone: formatPhone10number(phone, '1'),
             client_id: dataProfile.value?.tenant_id ?? ''
         };
-        console.log(data);
         res = await getUserDetailChat(data);
     }
     catch (e) {
@@ -213,7 +209,9 @@ const getUserOffer = async (phone) => {
         phone: res?.phone ? '1' + res?.phone : phone
     };
     userRemoter.value = user;
-    emit('userCalling', userRemoter.value);
+    if (callStatus.value !== PLIVO_CALL_STATUS.CALL_END) {
+        emit('userCalling', userRemoter.value);
+    }
 };
 // const handleMqttMessage = async (message: any) => {
 //   console.log(message)
@@ -296,6 +294,7 @@ const __VLS_0 = __VLS_asFunctionalComponent(DrawerBaseCustom, new DrawerBaseCust
     width: (500),
     disabledClose: (__VLS_ctx.disable),
     responsive: (__VLS_ctx.responsive),
+    index: (1501),
     absolute: true,
 }));
 const __VLS_1 = __VLS_0({
@@ -304,6 +303,7 @@ const __VLS_1 = __VLS_0({
     width: (500),
     disabledClose: (__VLS_ctx.disable),
     responsive: (__VLS_ctx.responsive),
+    index: (1501),
     absolute: true,
 }, ...__VLS_functionalComponentArgsRest(__VLS_0));
 let __VLS_3;

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

@@ -3,7 +3,8 @@ import { computed, ref } from 'vue';
 const props = withDefaults(defineProps(), {
     position: 'right',
     showTitle: true,
-    width: 550
+    width: 550,
+    index: 1500
 });
 const emits = defineEmits();
 const show = ref(false);
@@ -38,7 +39,8 @@ debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
 const __VLS_defaults = {
     position: 'right',
     showTitle: true,
-    width: 550
+    width: 550,
+    index: 1500
 };
 const __VLS_ctx = {
     ...{},
@@ -52,11 +54,12 @@ let __VLS_components;
 let __VLS_directives;
 /** @type {__VLS_StyleScopedClasses['drawer-box']} */ ;
 __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
-    ...{ class: "top-0 bottom-0 right-0 left-0 z-[1500] drawer" },
+    ...{ class: "top-0 bottom-0 right-0 left-0 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 }) },
+    ...{ style: ({ zIndex: __VLS_ctx.index }) },
 });
 // @ts-ignore
-[show, show, absolute, absolute,];
+[show, show, absolute, absolute, index,];
 if (!__VLS_ctx.disabledClose) {
     // @ts-ignore
     [disabledClose,];
@@ -89,7 +92,6 @@ __VLS_asFunctionalElement(__VLS_elements.p, __VLS_elements.p)({});
 /** @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']} */ ;

package/dist/test/views/home/phone-numpad/PhoneNumpad.vue.js

@@ -102,7 +102,7 @@ __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
     ...{ class: "w-[480px] h-full flex flex-col" },
 });
 __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
-    ...{ class: "flex items-center justify-between border-chat-gray-5 layout-shadow border-b px-2 sm:px-6" },
+    ...{ class: "w-full flex items-center justify-between border-chat-gray-5 layout-shadow border-b px-2 sm:px-6" },
 });
 if (__VLS_ctx.responsive != 'window') {
     // @ts-ignore
@@ -115,16 +115,19 @@ if (__VLS_ctx.responsive != 'window') {
                 // @ts-ignore
                 [emit,];
             } },
-        ...{ class: "flex justify-center w-14" },
+        ...{ class: "shrink-0 flex justify-center w-14" },
     });
     /** @type {[typeof IconArrowLeft, ]} */ ;
     // @ts-ignore
     const __VLS_0 = __VLS_asFunctionalComponent(IconArrowLeft, new IconArrowLeft({}));
     const __VLS_1 = __VLS_0({}, ...__VLS_functionalComponentArgsRest(__VLS_0));
 }
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "h-[80px] sm:h-[96px] grow" },
+});
 __VLS_asFunctionalElement(__VLS_elements.input)({
     ...{ onInput: (__VLS_ctx.handleInput) },
-    ...{ class: "py-2 h-[80px] sm:h-[96px] text-xl grow" },
+    ...{ class: "py-2 w-full h-full text-xl" },
     placeholder: "Enter your phone number",
     disabled: (__VLS_ctx.dataProfile?.user_type != 'tenant'),
 });
@@ -138,7 +141,9 @@ __VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
             [call,];
         } },
     ...{ class: "shrink-0 h-14 w-14 rounded-full flex-center bg-[#C7DEFF] text-chat-primary" },
-    ...{ class: ({ 'cursor-not-allowed opacity-[0.3] pointer-events-none': __VLS_ctx.keepOnlyNumber(__VLS_ctx.phone ?? '').length < 10 }) },
+    ...{ class: ({
+            'cursor-not-allowed opacity-[0.3] pointer-events-none': __VLS_ctx.keepOnlyNumber(__VLS_ctx.phone ?? '').length < 10
+        }) },
 });
 // @ts-ignore
 [phone, keepOnlyNumber,];
@@ -217,6 +222,7 @@ if (!__VLS_ctx.hideNumpad) {
 /** @type {__VLS_StyleScopedClasses['h-full']} */ ;
 /** @type {__VLS_StyleScopedClasses['flex']} */ ;
 /** @type {__VLS_StyleScopedClasses['flex-col']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
 /** @type {__VLS_StyleScopedClasses['flex']} */ ;
 /** @type {__VLS_StyleScopedClasses['items-center']} */ ;
 /** @type {__VLS_StyleScopedClasses['justify-between']} */ ;
@@ -225,14 +231,17 @@ if (!__VLS_ctx.hideNumpad) {
 /** @type {__VLS_StyleScopedClasses['border-b']} */ ;
 /** @type {__VLS_StyleScopedClasses['px-2']} */ ;
 /** @type {__VLS_StyleScopedClasses['sm:px-6']} */ ;
+/** @type {__VLS_StyleScopedClasses['shrink-0']} */ ;
 /** @type {__VLS_StyleScopedClasses['flex']} */ ;
 /** @type {__VLS_StyleScopedClasses['justify-center']} */ ;
 /** @type {__VLS_StyleScopedClasses['w-14']} */ ;
-/** @type {__VLS_StyleScopedClasses['py-2']} */ ;
 /** @type {__VLS_StyleScopedClasses['h-[80px]']} */ ;
 /** @type {__VLS_StyleScopedClasses['sm:h-[96px]']} */ ;
-/** @type {__VLS_StyleScopedClasses['text-xl']} */ ;
 /** @type {__VLS_StyleScopedClasses['grow']} */ ;
+/** @type {__VLS_StyleScopedClasses['py-2']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-xl']} */ ;
 /** @type {__VLS_StyleScopedClasses['shrink-0']} */ ;
 /** @type {__VLS_StyleScopedClasses['h-14']} */ ;
 /** @type {__VLS_StyleScopedClasses['w-14']} */ ;

package/dist/types/message.d.ts

@@ -46,5 +46,7 @@ export type IUploadFile = {
     path: string;
     url: string;
     delete_url: string;
+    error: boolean;
+    errors: string;
 };
 export type MessageStateType = typeof MessageState[keyof typeof MessageState];

package/package.json

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

package/.env.example

@@ -1,7 +0,0 @@
-VITE_API_KEY=
-VITE_API_SECRET_KEY=
-VITE_DOMAIN=
-VITE_GCLIENT_ID=
-VITE_TOKEN=
-VITE_VERSION=
-VITE_BUILD=