@phonghq/go-chat 1.0.77 → 1.0.78

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

@@ -9,6 +9,7 @@ import { getTimeLocal } from '../../../utils/dayjs-helper';
 const props = withDefaults(defineProps(), {});
 const emit = defineEmits();
 const scrollEventRef = ref(null);
+const selectedMessageId = ref(null);
 const scrollBottom = () => {
     nextTick(() => {
         const eleIdContentChat = document.getElementById('content-chat');
@@ -57,6 +58,9 @@ const hideScrollEvent = () => {
 const fixedScroll = () => {
     scrollEventRef.value?.fixedScroll();
 };
+const handleMessageClick = (data) => {
+    selectedMessageId.value = data?.id;
+};
 const __VLS_exposed = { scrollBottom, hideScrollEvent, fixedScroll };
 defineExpose(__VLS_exposed);
 debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
@@ -149,6 +153,7 @@ for (const [item, index] of __VLS_getVForSourceType((__VLS_ctx.message))) {
     const __VLS_18 = __VLS_asFunctionalComponent(ChatMessageItem, new ChatMessageItem({
         ...{ 'onCallAgain': {} },
         ...{ 'onResend': {} },
+        ...{ 'onMessageClick': {} },
         message: (item),
         responsive: (__VLS_ctx.responsive),
         isMyMessage: (item.sender_id == __VLS_ctx.dataProfile?.id),
@@ -159,10 +164,12 @@ for (const [item, index] of __VLS_getVForSourceType((__VLS_ctx.message))) {
         isChatFinished: (__VLS_ctx.isChatFinished(index)),
         isChatStart: (__VLS_ctx.isChatStart(index)),
         isStartNewDate: (__VLS_ctx.isStartNewDate(index)),
+        selectedMessageId: (__VLS_ctx.selectedMessageId),
     }));
     const __VLS_19 = __VLS_18({
         ...{ 'onCallAgain': {} },
         ...{ 'onResend': {} },
+        ...{ 'onMessageClick': {} },
         message: (item),
         responsive: (__VLS_ctx.responsive),
         isMyMessage: (item.sender_id == __VLS_ctx.dataProfile?.id),
@@ -173,6 +180,7 @@ for (const [item, index] of __VLS_getVForSourceType((__VLS_ctx.message))) {
         isChatFinished: (__VLS_ctx.isChatFinished(index)),
         isChatStart: (__VLS_ctx.isChatStart(index)),
         isStartNewDate: (__VLS_ctx.isStartNewDate(index)),
+        selectedMessageId: (__VLS_ctx.selectedMessageId),
     }, ...__VLS_functionalComponentArgsRest(__VLS_18));
     let __VLS_21;
     let __VLS_22;
@@ -180,7 +188,7 @@ for (const [item, index] of __VLS_getVForSourceType((__VLS_ctx.message))) {
         { onCallAgain: (...[$event]) => {
                 __VLS_ctx.emit('callBack');
                 // @ts-ignore
-                [data, message, responsive, dataProfile, shouldShowAvatar, isEndMessage, isChatFinished, isChatStart, isStartNewDate, emit,];
+                [data, message, responsive, dataProfile, shouldShowAvatar, isEndMessage, isChatFinished, isChatStart, isStartNewDate, selectedMessageId, emit,];
             } });
     const __VLS_24 = ({ resend: {} },
         { onResend: (...[$event]) => {
@@ -188,6 +196,12 @@ for (const [item, index] of __VLS_getVForSourceType((__VLS_ctx.message))) {
                 // @ts-ignore
                 [emit,];
             } });
+    const __VLS_25 = ({ messageClick: {} },
+        { onMessageClick: (...[$event]) => {
+                __VLS_ctx.handleMessageClick(item);
+                // @ts-ignore
+                [handleMessageClick,];
+            } });
     var __VLS_20;
 }
 var __VLS_16;

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

@@ -11,12 +11,15 @@ type Props = {
     isChatStart: boolean;
     isStartNewDate: boolean;
     data: IResUser | null;
+    selectedMessageId: any;
 };
 declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     callAgain: () => any;
     resend: () => any;
+    messageClick: () => any;
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
     onCallAgain?: (() => any) | undefined;
     onResend?: (() => any) | undefined;
+    onMessageClick?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -141,6 +141,11 @@ const copyToClipboard = async (text) => {
         return false;
     }
 };
+const handleMessageClick = () => {
+    if (props.responsive == 'mobile') {
+        emit('messageClick');
+    }
+};
 debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
 const __VLS_defaults = {};
 const __VLS_ctx = {
@@ -230,6 +235,7 @@ 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)({
+        ...{ onClick: (__VLS_ctx.handleMessageClick) },
         ...{ class: "px-3 py-2 rounded-2xl text-left w-max relative" },
         ...{ class: ({
                 'rounded-tl-[6px]': !__VLS_ctx.isChatStart && !__VLS_ctx.isMyMessage,
@@ -246,7 +252,7 @@ if (__VLS_ctx.message.state != __VLS_ctx.MessageState.Sending || __VLS_ctx.isMyM
             }) },
     });
     // @ts-ignore
-    [message, message, message, message, message, isMyMessage, isMyMessage, isMyMessage, isMyMessage, isMyMessage, isMyMessage, isMyMessage, isMyMessage, isMyMessage, responsive, responsive, isChatStart, isChatStart, isChatFinished, isChatFinished,];
+    [message, message, message, message, message, isMyMessage, isMyMessage, isMyMessage, isMyMessage, isMyMessage, isMyMessage, isMyMessage, isMyMessage, isMyMessage, responsive, responsive, handleMessageClick, isChatStart, isChatStart, isChatFinished, isChatFinished,];
     if (__VLS_ctx.popoverContent.length) {
         // @ts-ignore
         [popoverContent,];
@@ -258,7 +264,7 @@ if (__VLS_ctx.message.state != __VLS_ctx.MessageState.Sending || __VLS_ctx.isMyM
             side: "bottom",
             align: (__VLS_ctx.isMyMessage ? 'end' : 'start'),
             ...{ class: "" },
-            triggerClass: (`absolute w-6 opacity-0 group-hover:opacity-[1] bottom-1/2 translate-y-1/2 ${__VLS_ctx.isMyMessage ? '-left-10 ' : '-right-10'}`),
+            triggerClass: (`absolute w-6 opacity-0 group-hover:opacity-[1] bottom-1/2 translate-y-1/2 ${__VLS_ctx.isMyMessage ? '-left-10 ' : '-right-10'} ${__VLS_ctx.selectedMessageId == __VLS_ctx.message.id ? 'opacity-[1]' : ''}`),
             contentClass: "min-w-0",
         }));
         const __VLS_5 = __VLS_4({
@@ -267,12 +273,12 @@ if (__VLS_ctx.message.state != __VLS_ctx.MessageState.Sending || __VLS_ctx.isMyM
             side: "bottom",
             align: (__VLS_ctx.isMyMessage ? 'end' : 'start'),
             ...{ class: "" },
-            triggerClass: (`absolute w-6 opacity-0 group-hover:opacity-[1] bottom-1/2 translate-y-1/2 ${__VLS_ctx.isMyMessage ? '-left-10 ' : '-right-10'}`),
+            triggerClass: (`absolute w-6 opacity-0 group-hover:opacity-[1] bottom-1/2 translate-y-1/2 ${__VLS_ctx.isMyMessage ? '-left-10 ' : '-right-10'} ${__VLS_ctx.selectedMessageId == __VLS_ctx.message.id ? 'opacity-[1]' : ''}`),
             contentClass: "min-w-0",
         }, ...__VLS_functionalComponentArgsRest(__VLS_4));
         const { default: __VLS_7 } = __VLS_6.slots;
         // @ts-ignore
-        [isMyMessage, isMyMessage, popoverOpen,];
+        [message, isMyMessage, isMyMessage, popoverOpen, selectedMessageId,];
         __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
             ...{ class: "w-8 h-8 rotate-90 rounded-full bg-[#f1f5f9] flex-center shadow-3xl" },
         });