@phonghq/go-chat 1.0.53 → 1.0.54

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

@@ -138,19 +138,21 @@ 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 max-w-[280px] 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
             }) },
     });
     // @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, isChatStart, isChatStart, isChatFinished, isChatFinished,];
     if (__VLS_ctx.message.is_call == 1) {
         // @ts-ignore
         [message,];
@@ -286,19 +288,21 @@ 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['max-w-[280px]']} */ ;
 /** @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['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']} */ ;