@phonghq/go-chat 1.0.54 → 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,7 +138,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)({
-        ...{ class: "px-3 py-2 rounded-2xl max-w-[280px] text-left w-max" },
+        ...{ class: "px-3 py-2 rounded-2xl text-left w-max" },
         ...{ class: ({
                 'rounded-tl-[6px]': !__VLS_ctx.isChatStart && !__VLS_ctx.isMyMessage,
                 'rounded-bl-[6px]': !__VLS_ctx.isChatFinished && !__VLS_ctx.isMyMessage,
@@ -147,12 +147,14 @@ if (__VLS_ctx.message.state != __VLS_ctx.MessageState.Sending || __VLS_ctx.isMyM
                 '!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': !__VLS_ctx.isMyMessage || __VLS_ctx.message.is_call,
-                ' ml-auto ': __VLS_ctx.isMyMessage,
-                ' mr-auto ': !__VLS_ctx.isMyMessage
+                '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, 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,];
@@ -288,7 +290,6 @@ 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-[280px]']} */ ;
 /** @type {__VLS_StyleScopedClasses['text-left']} */ ;
 /** @type {__VLS_StyleScopedClasses['w-max']} */ ;
 /** @type {__VLS_StyleScopedClasses['rounded-tl-[6px]']} */ ;
@@ -303,6 +304,8 @@ if (__VLS_ctx.message.state != __VLS_ctx.MessageState.Sending || __VLS_ctx.isMyM
 /** @type {__VLS_StyleScopedClasses['text-chat-haze-600']} */ ;
 /** @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/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 = {};