@phonghq/go-chat 1.0.75 → 1.0.77

package/dist/chat/App.vue.d.ts

@@ -10,6 +10,7 @@ declare const _default: import("vue").DefineComponent<GoChatProps, GoChatInstanc
     "app:close": () => any;
     "app:zoomChange": () => any;
     "app:openPhoneNumpad": () => any;
+    "update:hasTenantPhone": (id: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<GoChatProps> & Readonly<{
     onCall?: ((data: IResUser) => any) | undefined;
     "onBooking-admin:viewAppointment"?: ((id: any) => any) | undefined;
@@ -19,6 +20,7 @@ declare const _default: import("vue").DefineComponent<GoChatProps, GoChatInstanc
     "onApp:close"?: (() => any) | undefined;
     "onApp:zoomChange"?: (() => any) | undefined;
     "onApp:openPhoneNumpad"?: (() => any) | undefined;
+    "onUpdate:hasTenantPhone"?: ((id: boolean) => any) | undefined;
 }>, {
     isZoomIn: boolean;
     response: PAGE_RESPONSIVE;

package/dist/chat/App.vue.js

@@ -186,6 +186,9 @@ const handleInitPage = async () => {
         emit('error:noPhoneTenant');
         routerPush(PAGE.NOT_TENANT_PHONE);
     }
+    else if (dataProfile.value?.phone && dataProfile.value?.user_type == 'tenant') {
+        emit('update:hasTenantPhone', true);
+    }
     handleExposeInit(init_data);
 };
 const openSettings = () => {

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

@@ -14,7 +14,6 @@ import IconMenuDot from '../../../assets/icons/chat/IconMenuDot.vue';
 import IconResend from '../../../assets/icons/chat/IconResend.vue';
 import IconCopy from '../../../assets/icons/chat/IconCopy.vue';
 import PopoverBase from '../../../components/chat/common/popover/PopoverBase.vue';
-import { userHistory } from '../../../utils/chat/store/user';
 dayjs.extend(utc);
 dayjs.extend(timezone);
 const props = withDefaults(defineProps(), {});
@@ -49,28 +48,46 @@ const callTitle = computed(() => {
 });
 const popoverContent = computed(() => {
     let result = [];
-    if (props.message?.is_call != 1) {
-        result.unshift({
-            icon: IconCopy,
-            title: 'Copy',
-            disabled: !userHistory.value?.appointment?.length,
-            click: () => {
-                copyToClipboard(props.message.message ?? '');
-                popoverOpen.value = false;
-            }
-        });
-        if (props.isMyMessage) {
-            result.unshift({
-                icon: IconResend,
-                title: 'Resend',
-                disabled: false,
-                click: () => {
-                    emit('resend');
-                    popoverOpen.value = false;
-                }
-            });
+    result.unshift({
+        icon: IconCopy,
+        title: 'Copy',
+        disabled: props.message?.is_call == 1,
+        click: () => {
+            copyToClipboard(props.message.message ?? '');
+            popoverOpen.value = false;
         }
-    }
+    });
+    result.unshift({
+        icon: IconResend,
+        title: 'Resend',
+        disabled: !props.isMyMessage || props.message?.is_call == 1,
+        click: () => {
+            emit('resend');
+            popoverOpen.value = false;
+        }
+    });
+    // if (props.message?.is_call != 1) {
+    //   result.unshift({
+    //     icon: IconCopy,
+    //     title: 'Copy',
+    //     disabled: props.message?.is_call == 1,
+    //     click: () => {
+    //       copyToClipboard(props.message.message ?? '')
+    //       popoverOpen.value = false
+    //     }
+    //   })
+    //   if (props.isMyMessage) {
+    //     result.unshift({
+    //       icon: IconResend,
+    //       title: 'Resend',
+    //       disabled: false,
+    //       click: () => {
+    //         emit('resend')
+    //         popoverOpen.value = false
+    //       }
+    //     })
+    //   }
+    // }
     return result;
 });
 const popoverOpen = ref(false);
@@ -238,26 +255,26 @@ if (__VLS_ctx.message.state != __VLS_ctx.MessageState.Sending || __VLS_ctx.isMyM
         const __VLS_4 = __VLS_asFunctionalComponent(PopoverBase, new PopoverBase({
             open: (__VLS_ctx.popoverOpen),
             trigger: "click",
-            side: "top",
+            side: "bottom",
             align: (__VLS_ctx.isMyMessage ? 'end' : 'start'),
             ...{ class: "" },
-            triggerClass: (`absolute w-6 opacity-0 group-hover:opacity-[1] ${__VLS_ctx.isMyMessage ? '-left-6 ' : '-right-6'}`),
-            contentClass: "min-w-0 -translate-y-4 shadow-none",
+            triggerClass: (`absolute w-6 opacity-0 group-hover:opacity-[1] bottom-1/2 translate-y-1/2 ${__VLS_ctx.isMyMessage ? '-left-10 ' : '-right-10'}`),
+            contentClass: "min-w-0",
         }));
         const __VLS_5 = __VLS_4({
             open: (__VLS_ctx.popoverOpen),
             trigger: "click",
-            side: "top",
+            side: "bottom",
             align: (__VLS_ctx.isMyMessage ? 'end' : 'start'),
             ...{ class: "" },
-            triggerClass: (`absolute w-6 opacity-0 group-hover:opacity-[1] ${__VLS_ctx.isMyMessage ? '-left-6 ' : '-right-6'}`),
-            contentClass: "min-w-0 -translate-y-4 shadow-none",
+            triggerClass: (`absolute w-6 opacity-0 group-hover:opacity-[1] bottom-1/2 translate-y-1/2 ${__VLS_ctx.isMyMessage ? '-left-10 ' : '-right-10'}`),
+            contentClass: "min-w-0",
         }, ...__VLS_functionalComponentArgsRest(__VLS_4));
         const { default: __VLS_7 } = __VLS_6.slots;
         // @ts-ignore
         [isMyMessage, isMyMessage, popoverOpen,];
         __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
-            ...{ class: "" },
+            ...{ class: "w-8 h-8 rotate-90 rounded-full bg-[#f1f5f9] flex-center shadow-3xl" },
         });
         /** @type {[typeof IconMenuDot, ]} */ ;
         // @ts-ignore
@@ -266,7 +283,10 @@ if (__VLS_ctx.message.state != __VLS_ctx.MessageState.Sending || __VLS_ctx.isMyM
         {
             const { content: __VLS_12 } = __VLS_6.slots;
             __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
-                ...{ class: "flex bg-chat-primary-dark text-chat-text rounded-xl py-2" },
+                ...{ class: "rounded-xl p-2 min-w-[200px]" },
+            });
+            __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+                ...{ class: "text-chat-text" },
             });
             for (const [item, i] of __VLS_getVForSourceType((__VLS_ctx.popoverContent))) {
                 // @ts-ignore
@@ -279,7 +299,7 @@ if (__VLS_ctx.message.state != __VLS_ctx.MessageState.Sending || __VLS_ctx.isMyM
                                 return;
                             item.click?.();
                         } },
-                    ...{ class: "flex items-center flex-col w-[70px] text-white duration-200 cursor-pointer border-r last:border-none" },
+                    ...{ class: "flex items-center gap-2 p-2 hover:bg-chat-primary hover:text-white duration-200 cursor-pointer rounded-lg" },
                     key: (i),
                     ...{ class: ({ 'opacity-[0.3] pointer-events-none': item.disabled }) },
                 });
@@ -418,7 +438,6 @@ if (__VLS_ctx.message.state != __VLS_ctx.MessageState.Sending || __VLS_ctx.isMyM
 }
 /** @type {__VLS_StyleScopedClasses['']} */ ;
 /** @type {__VLS_StyleScopedClasses['']} */ ;
-/** @type {__VLS_StyleScopedClasses['']} */ ;
 /** @type {__VLS_StyleScopedClasses['relative']} */ ;
 /** @type {__VLS_StyleScopedClasses['flex-center']} */ ;
 /** @type {__VLS_StyleScopedClasses['text-chat-haze-200']} */ ;
@@ -469,20 +488,26 @@ if (__VLS_ctx.message.state != __VLS_ctx.MessageState.Sending || __VLS_ctx.isMyM
 /** @type {__VLS_StyleScopedClasses['mr-auto']} */ ;
 /** @type {__VLS_StyleScopedClasses['max-w-[280px]']} */ ;
 /** @type {__VLS_StyleScopedClasses['max-w-[480px]']} */ ;
-/** @type {__VLS_StyleScopedClasses['flex']} */ ;
-/** @type {__VLS_StyleScopedClasses['bg-chat-primary-dark']} */ ;
-/** @type {__VLS_StyleScopedClasses['text-chat-text']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-8']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-8']} */ ;
+/** @type {__VLS_StyleScopedClasses['rotate-90']} */ ;
+/** @type {__VLS_StyleScopedClasses['rounded-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['bg-[#f1f5f9]']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['shadow-3xl']} */ ;
 /** @type {__VLS_StyleScopedClasses['rounded-xl']} */ ;
-/** @type {__VLS_StyleScopedClasses['py-2']} */ ;
+/** @type {__VLS_StyleScopedClasses['p-2']} */ ;
+/** @type {__VLS_StyleScopedClasses['min-w-[200px]']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-chat-text']} */ ;
 /** @type {__VLS_StyleScopedClasses['flex']} */ ;
 /** @type {__VLS_StyleScopedClasses['items-center']} */ ;
-/** @type {__VLS_StyleScopedClasses['flex-col']} */ ;
-/** @type {__VLS_StyleScopedClasses['w-[70px]']} */ ;
-/** @type {__VLS_StyleScopedClasses['text-white']} */ ;
+/** @type {__VLS_StyleScopedClasses['gap-2']} */ ;
+/** @type {__VLS_StyleScopedClasses['p-2']} */ ;
+/** @type {__VLS_StyleScopedClasses['hover:bg-chat-primary']} */ ;
+/** @type {__VLS_StyleScopedClasses['hover:text-white']} */ ;
 /** @type {__VLS_StyleScopedClasses['duration-200']} */ ;
 /** @type {__VLS_StyleScopedClasses['cursor-pointer']} */ ;
-/** @type {__VLS_StyleScopedClasses['border-r']} */ ;
-/** @type {__VLS_StyleScopedClasses['last:border-none']} */ ;
+/** @type {__VLS_StyleScopedClasses['rounded-lg']} */ ;
 /** @type {__VLS_StyleScopedClasses['opacity-[0.3]']} */ ;
 /** @type {__VLS_StyleScopedClasses['pointer-events-none']} */ ;
 /** @type {__VLS_StyleScopedClasses['w-5']} */ ;