@phonghq/go-chat 1.0.53 → 1.0.55

package/dist/chat/App.vue.js

@@ -189,6 +189,10 @@ const handleReadMessage = () => {
 const handleOpenPhoneNumpad = () => {
     phoneNumpadRef.value?.openPhoneNumpad();
 };
+const handleCloseBtn = () => {
+    emit('close');
+    phoneNumpadRef.value?.closePhoneNumpad();
+};
 let __VLS_exposed;
 defineExpose({
     get unreadCount() {
@@ -391,8 +395,11 @@ else {
             ...{ class: "grow relative flex flex-col mx-auto w-full h-full bg-[#F9FAFC] overflow-hidden chat-mobile pt-4" },
         });
         __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
-            ...{ class: "text-[#141B34] px-6 shrink-0" },
+            ...{ class: "text-[#141B34] shrink-0" },
+            ...{ class: (__VLS_ctx.responsiveRender == 'mobile' ? 'px-4' : 'px-6') },
         });
+        // @ts-ignore
+        [responsiveRender,];
         __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
             ...{ class: "flex items-center justify-between" },
         });
@@ -477,9 +484,9 @@ else {
                             return;
                         if (!(props.isLib))
                             return;
-                        __VLS_ctx.emit('close');
+                        __VLS_ctx.handleCloseBtn();
                         // @ts-ignore
-                        [emit,];
+                        [handleCloseBtn,];
                     } },
                 ...{ class: "w-10 h-10" },
             });
@@ -866,7 +873,6 @@ else {
 /** @type {__VLS_StyleScopedClasses['chat-mobile']} */ ;
 /** @type {__VLS_StyleScopedClasses['pt-4']} */ ;
 /** @type {__VLS_StyleScopedClasses['text-[#141B34]']} */ ;
-/** @type {__VLS_StyleScopedClasses['px-6']} */ ;
 /** @type {__VLS_StyleScopedClasses['shrink-0']} */ ;
 /** @type {__VLS_StyleScopedClasses['flex']} */ ;
 /** @type {__VLS_StyleScopedClasses['items-center']} */ ;

package/dist/chat/page/home/ChatMessageItem.vue.js

@@ -138,19 +138,23 @@ if (__VLS_ctx.message.state != __VLS_ctx.MessageState.Sending || __VLS_ctx.isMyM
     }
     __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({});
     __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
-        ...{ class: "px-3 py-2 rounded-2xl max-w-xs text-left" },
+        ...{ class: "px-3 py-2 rounded-2xl text-left w-max" },
         ...{ class: ({
-                'rounded-tl-none': !__VLS_ctx.isChatStart && !__VLS_ctx.isMyMessage,
-                'rounded-bl-none': !__VLS_ctx.isChatFinished && !__VLS_ctx.isMyMessage,
-                'rounded-tr-none': !__VLS_ctx.isChatStart && __VLS_ctx.isMyMessage,
-                'rounded-br-none': !__VLS_ctx.isChatFinished && __VLS_ctx.isMyMessage,
+                'rounded-tl-[6px]': !__VLS_ctx.isChatStart && !__VLS_ctx.isMyMessage,
+                'rounded-bl-[6px]': !__VLS_ctx.isChatFinished && !__VLS_ctx.isMyMessage,
+                'rounded-tr-[6px]': !__VLS_ctx.isChatStart && __VLS_ctx.isMyMessage,
+                'rounded-br-[6px]': !__VLS_ctx.isChatFinished && __VLS_ctx.isMyMessage,
                 '!text-white !bg-chat-success': (__VLS_ctx.message.message_uuid && !__VLS_ctx.message.is_call) || __VLS_ctx.message.is_sms,
                 'bg-chat-primary text-white': __VLS_ctx.isMyMessage && !__VLS_ctx.message.is_call,
-                'bg-[#E4E4E4D4]  text-chat-haze-600  w-max ': !__VLS_ctx.isMyMessage || __VLS_ctx.message.is_call
+                'bg-[#E4E4E4D4]  text-chat-haze-600': !__VLS_ctx.isMyMessage || __VLS_ctx.message.is_call,
+                'ml-auto': __VLS_ctx.isMyMessage,
+                'mr-auto': !__VLS_ctx.isMyMessage,
+                'max-w-[280px]': __VLS_ctx.responsive == 'mobile',
+                'max-w-[480px]': __VLS_ctx.responsive !== 'mobile',
             }) },
     });
     // @ts-ignore
-    [isMyMessage, isMyMessage, isMyMessage, isMyMessage, isMyMessage, isMyMessage, message, message, message, message, message, isChatStart, isChatStart, isChatFinished, isChatFinished,];
+    [isMyMessage, isMyMessage, isMyMessage, isMyMessage, isMyMessage, isMyMessage, isMyMessage, isMyMessage, message, message, message, message, message, responsive, responsive, isChatStart, isChatStart, isChatFinished, isChatFinished,];
     if (__VLS_ctx.message.is_call == 1) {
         // @ts-ignore
         [message,];
@@ -286,19 +290,22 @@ if (__VLS_ctx.message.state != __VLS_ctx.MessageState.Sending || __VLS_ctx.isMyM
 /** @type {__VLS_StyleScopedClasses['px-3']} */ ;
 /** @type {__VLS_StyleScopedClasses['py-2']} */ ;
 /** @type {__VLS_StyleScopedClasses['rounded-2xl']} */ ;
-/** @type {__VLS_StyleScopedClasses['max-w-xs']} */ ;
 /** @type {__VLS_StyleScopedClasses['text-left']} */ ;
-/** @type {__VLS_StyleScopedClasses['rounded-tl-none']} */ ;
-/** @type {__VLS_StyleScopedClasses['rounded-bl-none']} */ ;
-/** @type {__VLS_StyleScopedClasses['rounded-tr-none']} */ ;
-/** @type {__VLS_StyleScopedClasses['rounded-br-none']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-max']} */ ;
+/** @type {__VLS_StyleScopedClasses['rounded-tl-[6px]']} */ ;
+/** @type {__VLS_StyleScopedClasses['rounded-bl-[6px]']} */ ;
+/** @type {__VLS_StyleScopedClasses['rounded-tr-[6px]']} */ ;
+/** @type {__VLS_StyleScopedClasses['rounded-br-[6px]']} */ ;
 /** @type {__VLS_StyleScopedClasses['!text-white']} */ ;
 /** @type {__VLS_StyleScopedClasses['!bg-chat-success']} */ ;
 /** @type {__VLS_StyleScopedClasses['bg-chat-primary']} */ ;
 /** @type {__VLS_StyleScopedClasses['text-white']} */ ;
 /** @type {__VLS_StyleScopedClasses['bg-[#E4E4E4D4]']} */ ;
 /** @type {__VLS_StyleScopedClasses['text-chat-haze-600']} */ ;
-/** @type {__VLS_StyleScopedClasses['w-max']} */ ;
+/** @type {__VLS_StyleScopedClasses['ml-auto']} */ ;
+/** @type {__VLS_StyleScopedClasses['mr-auto']} */ ;
+/** @type {__VLS_StyleScopedClasses['max-w-[280px]']} */ ;
+/** @type {__VLS_StyleScopedClasses['max-w-[480px]']} */ ;
 /** @type {__VLS_StyleScopedClasses['flex']} */ ;
 /** @type {__VLS_StyleScopedClasses['flex-col']} */ ;
 /** @type {__VLS_StyleScopedClasses['gap-2']} */ ;

package/dist/chat/page/home/Home.vue.js

@@ -44,7 +44,7 @@ const handleConnectMqtt = async () => {
 };
 const handleDisconnectMqtt = async () => {
     // unsubscribeFromTopic(topic)
-    unsubscribeFromTopic(topic_plivo_chat);
+    await unsubscribeFromTopic(topic_plivo_chat);
     // removeHandleMqttMessage('chat-home')
     removeHandleMqttMessage('chat-home-1');
 };
@@ -112,7 +112,7 @@ const handleGetDetailReceiver = async (data) => {
     const res = (await getDetailReceiver(props.receiverId)) ?? null;
     if (id == props.receiverId) {
         infoUser.value = res;
-        handleDisconnectMqtt();
+        await handleDisconnectMqtt();
         await handleConnectMqtt();
     }
 };

package/dist/chat/page/home/HomeHeader.vue.js

@@ -53,7 +53,10 @@ let __VLS_components;
 let __VLS_directives;
 __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
     ...{ class: "px-8 py-4 h-[96px] layout-shadow border-b border-chat-gray-5 z-10" },
+    ...{ class: ({ '!px-4': __VLS_ctx.responsive == 'mobile' }) },
 });
+// @ts-ignore
+[responsive,];
 __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
     ...{ class: "flex items-center gap-2 h-full" },
 });
@@ -193,6 +196,7 @@ if (__VLS_ctx.data?.id && __VLS_ctx.data?.id != __VLS_ctx.digibotId.toString() &
 /** @type {__VLS_StyleScopedClasses['border-b']} */ ;
 /** @type {__VLS_StyleScopedClasses['border-chat-gray-5']} */ ;
 /** @type {__VLS_StyleScopedClasses['z-10']} */ ;
+/** @type {__VLS_StyleScopedClasses['!px-4']} */ ;
 /** @type {__VLS_StyleScopedClasses['flex']} */ ;
 /** @type {__VLS_StyleScopedClasses['items-center']} */ ;
 /** @type {__VLS_StyleScopedClasses['gap-2']} */ ;

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

@@ -46,7 +46,7 @@ const handleSendMessage = async (type) => {
     keyword.value = '';
     // chatInputRef.value.style.height = 'auto'
     chatId++;
-    const id = props.data?.id.toString() + '-' + chatId;
+    const id = props.data?.id.toString() + '-' + chatId + '-' + Date.now();
     const data = {
         conversation_id: props.data?.conversation_id,
         created_at: dayjs().tz(TIME_ZONE_UTC).format(DATE_FORMATS['DATE_FORMAT_FULL']),
@@ -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 px-4 py-2 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 leading-[24px]" },
     ref: "chatInputRef",
     rows: "1",
     placeholder: "Send Message",
@@ -310,6 +310,7 @@ const __VLS_19 = __VLS_18({
 /** @type {__VLS_StyleScopedClasses['py-2']} */ ;
 /** @type {__VLS_StyleScopedClasses['border']} */ ;
 /** @type {__VLS_StyleScopedClasses['border-chat-haze-200']} */ ;
+/** @type {__VLS_StyleScopedClasses['leading-[24px]']} */ ;
 /** @type {__VLS_StyleScopedClasses['flex']} */ ;
 /** @type {__VLS_StyleScopedClasses['gap-2']} */ ;
 /** @type {__VLS_StyleScopedClasses['-translate-y-2']} */ ;

package/dist/chat/page/home/PhoneNumpad.vue.d.ts

@@ -7,6 +7,7 @@ type KeyPadProps = {
 };
 declare const _default: import("vue").DefineComponent<KeyPadProps, {
     openPhoneNumpad: () => void;
+    closePhoneNumpad: () => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     call: (data: IResUser) => any;
     "error:noPhoneTenant": () => any;

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

@@ -10,10 +10,14 @@ const openPhoneNumpad = () => {
     phoneNumpadRef.value?.reset();
     drawerVisibleRef.value?.open();
 };
+const closePhoneNumpad = () => {
+    phoneNumpadRef.value?.reset();
+    drawerVisibleRef.value?.close();
+};
 const handleCall = (data) => {
     emit('call', data);
 };
-const __VLS_exposed = { openPhoneNumpad };
+const __VLS_exposed = { openPhoneNumpad, closePhoneNumpad };
 defineExpose(__VLS_exposed);
 debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
 const __VLS_defaults = {};