@phonghq/go-chat 1.0.48 → 1.0.50

package/dist/test/chat/App.vue.js

@@ -330,11 +330,13 @@ else {
         // @ts-ignore
         const __VLS_27 = __VLS_asFunctionalComponent(Calling, new Calling({
             ...{ 'onUserCalling': {} },
+            ...{ 'onEndCall': {} },
             ref: "callingRef",
             responsive: (__VLS_ctx.responsiveRender),
         }));
         const __VLS_28 = __VLS_27({
             ...{ 'onUserCalling': {} },
+            ...{ 'onEndCall': {} },
             ref: "callingRef",
             responsive: (__VLS_ctx.responsiveRender),
         }, ...__VLS_functionalComponentArgsRest(__VLS_27));
@@ -358,8 +360,26 @@ else {
                     // @ts-ignore
                     [responsiveRender, emit,];
                 } });
+        const __VLS_33 = ({ endCall: {} },
+            { onEndCall: (...[$event]) => {
+                    if (!!(!__VLS_ctx.isRouterReady))
+                        return;
+                    if (!!(__VLS_ctx.currentPage == __VLS_ctx.PAGE.TENANT_ERROR))
+                        return;
+                    if (!!(__VLS_ctx.currentPage == __VLS_ctx.PAGE.REGISTER_TENANT))
+                        return;
+                    if (!!(__VLS_ctx.currentPage == __VLS_ctx.PAGE.REGISTER_SUCCESS))
+                        return;
+                    if (!!(__VLS_ctx.currentPage == __VLS_ctx.PAGE.NOT_TENANT_PHONE))
+                        return;
+                    if (!(__VLS_ctx.isLib))
+                        return;
+                    __VLS_ctx.emit('endCall');
+                    // @ts-ignore
+                    [emit,];
+                } });
         /** @type {typeof __VLS_ctx.callingRef} */ ;
-        var __VLS_33 = {};
+        var __VLS_34 = {};
         // @ts-ignore
         [callingRef,];
         var __VLS_29;
@@ -403,8 +423,8 @@ else {
             });
             /** @type {[typeof IconArrowLeft, ]} */ ;
             // @ts-ignore
-            const __VLS_36 = __VLS_asFunctionalComponent(IconArrowLeft, new IconArrowLeft({}));
-            const __VLS_37 = __VLS_36({}, ...__VLS_functionalComponentArgsRest(__VLS_36));
+            const __VLS_37 = __VLS_asFunctionalComponent(IconArrowLeft, new IconArrowLeft({}));
+            const __VLS_38 = __VLS_37({}, ...__VLS_functionalComponentArgsRest(__VLS_37));
             __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
                 ...{ class: "ml-3" },
             });
@@ -465,15 +485,15 @@ else {
             });
             /** @type {[typeof IconCloseCircle, ]} */ ;
             // @ts-ignore
-            const __VLS_40 = __VLS_asFunctionalComponent(IconCloseCircle, new IconCloseCircle({}));
-            const __VLS_41 = __VLS_40({}, ...__VLS_functionalComponentArgsRest(__VLS_40));
+            const __VLS_41 = __VLS_asFunctionalComponent(IconCloseCircle, new IconCloseCircle({}));
+            const __VLS_42 = __VLS_41({}, ...__VLS_functionalComponentArgsRest(__VLS_41));
         }
         __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
             ...{ class: "grow overflow-hidden" },
         });
         /** @type {[typeof ChatList, ]} */ ;
         // @ts-ignore
-        const __VLS_44 = __VLS_asFunctionalComponent(ChatList, new ChatList({
+        const __VLS_45 = __VLS_asFunctionalComponent(ChatList, new ChatList({
             ...{ 'onSelectReceiver': {} },
             ...{ 'onOpenPhoneNumpad': {} },
             ref: "chatListRef",
@@ -481,19 +501,19 @@ else {
             responsive: (__VLS_ctx.responsiveRender),
             receiverId: (__VLS_ctx.receiverId),
         }));
-        const __VLS_45 = __VLS_44({
+        const __VLS_46 = __VLS_45({
             ...{ 'onSelectReceiver': {} },
             ...{ 'onOpenPhoneNumpad': {} },
             ref: "chatListRef",
             ...{ class: "w-full max-w-[500px] !bg-[#F9FAFC]" },
             responsive: (__VLS_ctx.responsiveRender),
             receiverId: (__VLS_ctx.receiverId),
-        }, ...__VLS_functionalComponentArgsRest(__VLS_44));
-        let __VLS_47;
+        }, ...__VLS_functionalComponentArgsRest(__VLS_45));
         let __VLS_48;
-        const __VLS_49 = ({ selectReceiver: {} },
+        let __VLS_49;
+        const __VLS_50 = ({ selectReceiver: {} },
             { onSelectReceiver: (__VLS_ctx.selectReceiver) });
-        const __VLS_50 = ({ openPhoneNumpad: {} },
+        const __VLS_51 = ({ openPhoneNumpad: {} },
             { onOpenPhoneNumpad: (...[$event]) => {
                     if (!!(!__VLS_ctx.isRouterReady))
                         return;
@@ -513,13 +533,13 @@ else {
                 } });
         __VLS_asFunctionalDirective(__VLS_directives.vShow)(null, { ...__VLS_directiveBindingRestFields, value: (__VLS_ctx.currentPage == __VLS_ctx.PAGE.CHAT_LIST) }, null, null);
         /** @type {typeof __VLS_ctx.chatListRef} */ ;
-        var __VLS_51 = {};
+        var __VLS_52 = {};
         // @ts-ignore
         [currentPage, PAGE, chatListRef,];
-        var __VLS_46;
+        var __VLS_47;
         /** @type {[typeof HomeComponent, ]} */ ;
         // @ts-ignore
-        const __VLS_54 = __VLS_asFunctionalComponent(HomeComponent, new HomeComponent({
+        const __VLS_55 = __VLS_asFunctionalComponent(HomeComponent, new HomeComponent({
             ...{ 'onCall': {} },
             ...{ 'onBack': {} },
             ...{ 'onInputFocus': {} },
@@ -529,7 +549,7 @@ else {
             conversation: (__VLS_ctx.currentConversation),
             responsive: (__VLS_ctx.responsiveRender),
         }));
-        const __VLS_55 = __VLS_54({
+        const __VLS_56 = __VLS_55({
             ...{ 'onCall': {} },
             ...{ 'onBack': {} },
             ...{ 'onInputFocus': {} },
@@ -538,12 +558,12 @@ else {
             ...{ class: "h-full" },
             conversation: (__VLS_ctx.currentConversation),
             responsive: (__VLS_ctx.responsiveRender),
-        }, ...__VLS_functionalComponentArgsRest(__VLS_54));
-        let __VLS_57;
+        }, ...__VLS_functionalComponentArgsRest(__VLS_55));
         let __VLS_58;
-        const __VLS_59 = ({ call: {} },
+        let __VLS_59;
+        const __VLS_60 = ({ call: {} },
             { onCall: (__VLS_ctx.handleCall) });
-        const __VLS_60 = ({ back: {} },
+        const __VLS_61 = ({ back: {} },
             { onBack: (...[$event]) => {
                     if (!!(!__VLS_ctx.isRouterReady))
                         return;
@@ -561,60 +581,60 @@ else {
                     // @ts-ignore
                     [responsiveRender, currentPageConfig, receiverId, currentConversation, handleCall,];
                 } });
-        const __VLS_61 = ({ inputFocus: {} },
+        const __VLS_62 = ({ inputFocus: {} },
             { onInputFocus: (__VLS_ctx.handleReadMessage) });
         __VLS_asFunctionalDirective(__VLS_directives.vShow)(null, { ...__VLS_directiveBindingRestFields, value: (__VLS_ctx.currentPage == __VLS_ctx.PAGE.HOME) }, null, null);
         /** @type {typeof __VLS_ctx.homeComponentRef} */ ;
-        var __VLS_62 = {};
+        var __VLS_63 = {};
         // @ts-ignore
         [currentPage, PAGE, handleReadMessage, homeComponentRef,];
-        var __VLS_56;
+        var __VLS_57;
         if (__VLS_ctx.currentPage == __VLS_ctx.PAGE.CUSTOMER_DETAIL) {
             // @ts-ignore
             [currentPage, PAGE,];
             /** @type {[typeof CustomerDetail, ]} */ ;
             // @ts-ignore
-            const __VLS_65 = __VLS_asFunctionalComponent(CustomerDetail, new CustomerDetail({
+            const __VLS_66 = __VLS_asFunctionalComponent(CustomerDetail, new CustomerDetail({
                 ref: "customerDetailRef",
                 receiverId: (__VLS_ctx.receiverId),
                 ...{ class: "w-full h-full" },
                 responsive: (__VLS_ctx.responsiveRender),
             }));
-            const __VLS_66 = __VLS_65({
+            const __VLS_67 = __VLS_66({
                 ref: "customerDetailRef",
                 receiverId: (__VLS_ctx.receiverId),
                 ...{ class: "w-full h-full" },
                 responsive: (__VLS_ctx.responsiveRender),
-            }, ...__VLS_functionalComponentArgsRest(__VLS_65));
+            }, ...__VLS_functionalComponentArgsRest(__VLS_66));
             /** @type {typeof __VLS_ctx.customerDetailRef} */ ;
-            var __VLS_68 = {};
+            var __VLS_69 = {};
             // @ts-ignore
             [responsiveRender, receiverId, customerDetailRef,];
-            var __VLS_67;
+            var __VLS_68;
         }
         if (__VLS_ctx.currentPage == __VLS_ctx.PAGE.CUSTOMER_CHECK_IN) {
             // @ts-ignore
             [currentPage, PAGE,];
             /** @type {[typeof CustomerCheckIn, ]} */ ;
             // @ts-ignore
-            const __VLS_71 = __VLS_asFunctionalComponent(CustomerCheckIn, new CustomerCheckIn({
+            const __VLS_72 = __VLS_asFunctionalComponent(CustomerCheckIn, new CustomerCheckIn({
                 ...{ class: "w-full h-full" },
             }));
-            const __VLS_72 = __VLS_71({
+            const __VLS_73 = __VLS_72({
                 ...{ class: "w-full h-full" },
-            }, ...__VLS_functionalComponentArgsRest(__VLS_71));
+            }, ...__VLS_functionalComponentArgsRest(__VLS_72));
         }
         if (__VLS_ctx.currentPage == __VLS_ctx.PAGE.CUSTOMER_APPOINTMENT) {
             // @ts-ignore
             [currentPage, PAGE,];
             /** @type {[typeof CustomerAppointment, ]} */ ;
             // @ts-ignore
-            const __VLS_75 = __VLS_asFunctionalComponent(CustomerAppointment, new CustomerAppointment({
+            const __VLS_76 = __VLS_asFunctionalComponent(CustomerAppointment, new CustomerAppointment({
                 ...{ class: "w-full h-full" },
             }));
-            const __VLS_76 = __VLS_75({
+            const __VLS_77 = __VLS_76({
                 ...{ class: "w-full h-full" },
-            }, ...__VLS_functionalComponentArgsRest(__VLS_75));
+            }, ...__VLS_functionalComponentArgsRest(__VLS_76));
         }
     }
     else {
@@ -623,7 +643,7 @@ else {
         });
         /** @type {[typeof ChatList, ]} */ ;
         // @ts-ignore
-        const __VLS_79 = __VLS_asFunctionalComponent(ChatList, new ChatList({
+        const __VLS_80 = __VLS_asFunctionalComponent(ChatList, new ChatList({
             ...{ 'onSelectReceiver': {} },
             ...{ 'onOpenPhoneNumpad': {} },
             ref: "chatListRef",
@@ -631,19 +651,19 @@ else {
             responsive: (__VLS_ctx.responsiveRender),
             receiverId: (__VLS_ctx.receiverId),
         }));
-        const __VLS_80 = __VLS_79({
+        const __VLS_81 = __VLS_80({
             ...{ 'onSelectReceiver': {} },
             ...{ 'onOpenPhoneNumpad': {} },
             ref: "chatListRef",
             ...{ class: "w-[38%] max-w-[500px] min-w-[300px] xl:min-w-[450px] border-r layout-border" },
             responsive: (__VLS_ctx.responsiveRender),
             receiverId: (__VLS_ctx.receiverId),
-        }, ...__VLS_functionalComponentArgsRest(__VLS_79));
-        let __VLS_82;
+        }, ...__VLS_functionalComponentArgsRest(__VLS_80));
         let __VLS_83;
-        const __VLS_84 = ({ selectReceiver: {} },
+        let __VLS_84;
+        const __VLS_85 = ({ selectReceiver: {} },
             { onSelectReceiver: (__VLS_ctx.selectReceiver) });
-        const __VLS_85 = ({ openPhoneNumpad: {} },
+        const __VLS_86 = ({ openPhoneNumpad: {} },
             { onOpenPhoneNumpad: (...[$event]) => {
                     if (!!(!__VLS_ctx.isRouterReady))
                         return;
@@ -662,10 +682,10 @@ else {
                     [responsiveRender, receiverId, selectReceiver, handleOpenPhoneNumpad,];
                 } });
         /** @type {typeof __VLS_ctx.chatListRef} */ ;
-        var __VLS_86 = {};
+        var __VLS_87 = {};
         // @ts-ignore
         [chatListRef,];
-        var __VLS_81;
+        var __VLS_82;
         __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
             ...{ class: "bg-white grow flex flex-col h-full overflow-hidden" },
         });
@@ -699,8 +719,8 @@ else {
             });
             /** @type {[typeof IconArrowLeft, ]} */ ;
             // @ts-ignore
-            const __VLS_89 = __VLS_asFunctionalComponent(IconArrowLeft, new IconArrowLeft({}));
-            const __VLS_90 = __VLS_89({}, ...__VLS_functionalComponentArgsRest(__VLS_89));
+            const __VLS_90 = __VLS_asFunctionalComponent(IconArrowLeft, new IconArrowLeft({}));
+            const __VLS_91 = __VLS_90({}, ...__VLS_functionalComponentArgsRest(__VLS_90));
             __VLS_asFunctionalElement(__VLS_elements.span, __VLS_elements.span)({
                 ...{ class: "text-xl font-semibold text-chat-haze-900 ml-3" },
             });
@@ -713,7 +733,7 @@ else {
         });
         /** @type {[typeof HomeComponent, ]} */ ;
         // @ts-ignore
-        const __VLS_93 = __VLS_asFunctionalComponent(HomeComponent, new HomeComponent({
+        const __VLS_94 = __VLS_asFunctionalComponent(HomeComponent, new HomeComponent({
             ...{ 'onCall': {} },
             ...{ 'onInputFocus': {} },
             ref: "homeComponentRef",
@@ -722,7 +742,7 @@ else {
             responsive: (__VLS_ctx.responsiveRender),
             conversation: (__VLS_ctx.currentConversation),
         }));
-        const __VLS_94 = __VLS_93({
+        const __VLS_95 = __VLS_94({
             ...{ 'onCall': {} },
             ...{ 'onInputFocus': {} },
             ref: "homeComponentRef",
@@ -730,70 +750,70 @@ else {
             ...{ class: "h-full" },
             responsive: (__VLS_ctx.responsiveRender),
             conversation: (__VLS_ctx.currentConversation),
-        }, ...__VLS_functionalComponentArgsRest(__VLS_93));
-        let __VLS_96;
+        }, ...__VLS_functionalComponentArgsRest(__VLS_94));
         let __VLS_97;
-        const __VLS_98 = ({ call: {} },
+        let __VLS_98;
+        const __VLS_99 = ({ call: {} },
             { onCall: (__VLS_ctx.handleCall) });
-        const __VLS_99 = ({ inputFocus: {} },
+        const __VLS_100 = ({ inputFocus: {} },
             { onInputFocus: (__VLS_ctx.handleReadMessage) });
         __VLS_asFunctionalDirective(__VLS_directives.vShow)(null, { ...__VLS_directiveBindingRestFields, value: (__VLS_ctx.currentPage == __VLS_ctx.PAGE.HOME && __VLS_ctx.receiverId) }, null, null);
         /** @type {typeof __VLS_ctx.homeComponentRef} */ ;
-        var __VLS_100 = {};
+        var __VLS_101 = {};
         // @ts-ignore
         [currentPage, PAGE, responsiveRender, receiverId, receiverId, currentConversation, handleCall, handleReadMessage, homeComponentRef,];
-        var __VLS_95;
+        var __VLS_96;
         if (__VLS_ctx.currentPage == __VLS_ctx.PAGE.CUSTOMER_DETAIL) {
             // @ts-ignore
             [currentPage, PAGE,];
             /** @type {[typeof CustomerDetail, ]} */ ;
             // @ts-ignore
-            const __VLS_103 = __VLS_asFunctionalComponent(CustomerDetail, new CustomerDetail({
+            const __VLS_104 = __VLS_asFunctionalComponent(CustomerDetail, new CustomerDetail({
                 ref: "customerDetailRef",
                 receiverId: (__VLS_ctx.receiverId),
                 ...{ class: "h-full" },
                 responsive: (__VLS_ctx.responsiveRender),
             }));
-            const __VLS_104 = __VLS_103({
+            const __VLS_105 = __VLS_104({
                 ref: "customerDetailRef",
                 receiverId: (__VLS_ctx.receiverId),
                 ...{ class: "h-full" },
                 responsive: (__VLS_ctx.responsiveRender),
-            }, ...__VLS_functionalComponentArgsRest(__VLS_103));
+            }, ...__VLS_functionalComponentArgsRest(__VLS_104));
             /** @type {typeof __VLS_ctx.customerDetailRef} */ ;
-            var __VLS_106 = {};
+            var __VLS_107 = {};
             // @ts-ignore
             [responsiveRender, receiverId, customerDetailRef,];
-            var __VLS_105;
+            var __VLS_106;
         }
         if (__VLS_ctx.currentPage == __VLS_ctx.PAGE.CUSTOMER_CHECK_IN) {
             // @ts-ignore
             [currentPage, PAGE,];
             /** @type {[typeof CustomerCheckIn, ]} */ ;
             // @ts-ignore
-            const __VLS_109 = __VLS_asFunctionalComponent(CustomerCheckIn, new CustomerCheckIn({
+            const __VLS_110 = __VLS_asFunctionalComponent(CustomerCheckIn, new CustomerCheckIn({
                 ...{ class: "h-full" },
             }));
-            const __VLS_110 = __VLS_109({
+            const __VLS_111 = __VLS_110({
                 ...{ class: "h-full" },
-            }, ...__VLS_functionalComponentArgsRest(__VLS_109));
+            }, ...__VLS_functionalComponentArgsRest(__VLS_110));
         }
         if (__VLS_ctx.currentPage == __VLS_ctx.PAGE.CUSTOMER_APPOINTMENT) {
             // @ts-ignore
             [currentPage, PAGE,];
             /** @type {[typeof CustomerAppointment, ]} */ ;
             // @ts-ignore
-            const __VLS_113 = __VLS_asFunctionalComponent(CustomerAppointment, new CustomerAppointment({
+            const __VLS_114 = __VLS_asFunctionalComponent(CustomerAppointment, new CustomerAppointment({
                 ...{ class: "h-full" },
             }));
-            const __VLS_114 = __VLS_113({
+            const __VLS_115 = __VLS_114({
                 ...{ class: "h-full" },
-            }, ...__VLS_functionalComponentArgsRest(__VLS_113));
+            }, ...__VLS_functionalComponentArgsRest(__VLS_114));
         }
     }
     /** @type {[typeof PhoneNumpad, ]} */ ;
     // @ts-ignore
-    const __VLS_117 = __VLS_asFunctionalComponent(PhoneNumpad, new PhoneNumpad({
+    const __VLS_118 = __VLS_asFunctionalComponent(PhoneNumpad, new PhoneNumpad({
         ...{ 'onCall': {} },
         ref: "phoneNumpadRef",
         hideNumpad: (__VLS_ctx.isLib),
@@ -801,23 +821,23 @@ else {
         ...{ class: "bg-white shrink-0 border-l layout-border" },
         modelValue: "",
     }));
-    const __VLS_118 = __VLS_117({
+    const __VLS_119 = __VLS_118({
         ...{ 'onCall': {} },
         ref: "phoneNumpadRef",
         hideNumpad: (__VLS_ctx.isLib),
         responsive: (__VLS_ctx.responsiveRender),
         ...{ class: "bg-white shrink-0 border-l layout-border" },
         modelValue: "",
-    }, ...__VLS_functionalComponentArgsRest(__VLS_117));
-    let __VLS_120;
+    }, ...__VLS_functionalComponentArgsRest(__VLS_118));
     let __VLS_121;
-    const __VLS_122 = ({ call: {} },
+    let __VLS_122;
+    const __VLS_123 = ({ call: {} },
         { onCall: (__VLS_ctx.handleCall) });
     /** @type {typeof __VLS_ctx.phoneNumpadRef} */ ;
-    var __VLS_123 = {};
+    var __VLS_124 = {};
     // @ts-ignore
     [isLib, responsiveRender, handleCall, phoneNumpadRef,];
-    var __VLS_119;
+    var __VLS_120;
 }
 /** @type {__VLS_StyleScopedClasses['go-chat-main']} */ ;
 /** @type {__VLS_StyleScopedClasses['max-w-full']} */ ;
@@ -918,7 +938,7 @@ else {
 /** @type {__VLS_StyleScopedClasses['border-l']} */ ;
 /** @type {__VLS_StyleScopedClasses['layout-border']} */ ;
 // @ts-ignore
-var __VLS_34 = __VLS_33, __VLS_52 = __VLS_51, __VLS_63 = __VLS_62, __VLS_69 = __VLS_68, __VLS_87 = __VLS_86, __VLS_101 = __VLS_100, __VLS_107 = __VLS_106, __VLS_124 = __VLS_123;
+var __VLS_35 = __VLS_34, __VLS_53 = __VLS_52, __VLS_64 = __VLS_63, __VLS_70 = __VLS_69, __VLS_88 = __VLS_87, __VLS_102 = __VLS_101, __VLS_108 = __VLS_107, __VLS_125 = __VLS_124;
 const __VLS_export = (await import('vue')).defineComponent({
     setup: () => (__VLS_exposed),
     __typeEmits: {},

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

@@ -235,7 +235,7 @@ if (__VLS_ctx.message.state != __VLS_ctx.MessageState.Sending || __VLS_ctx.isMyM
                     }
                 }) },
             src: (__VLS_ctx.message.attachments[0]?.file_path),
-            alt: "avatar",
+            alt: "image",
         });
         // @ts-ignore
         [message, isLastMessage, scrollBottom,];

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

@@ -2,7 +2,7 @@
 import HomeHeader from '../../../chat/page/home/HomeHeader.vue';
 import NewCustomer from '../../../chat/page/home/NewCustomer.vue';
 import InputChat from '../../../chat/page/home/InputChat.vue';
-import { getDetailReceiver, getMessage, sendMessage, sendMessageSmsTest, upLoadImage } from '../../../utils/chat/store/message';
+import { getDetailReceiver, getMessage, sendMessage, upLoadImage } from '../../../utils/chat/store/message';
 import { computed, nextTick, onMounted, onUnmounted, ref, shallowRef } from 'vue';
 import ChatMessage from '../../../chat/page/home/ChatMessage.vue';
 import { addHandleMqttMessage, connectMqtt, publishMessage, removeHandleMqttMessage, subscribeToTopic, unsubscribeFromTopic } from '../../../plugins/mqtt';
@@ -10,7 +10,6 @@ import { TOPIC_DETAIL_CHAT, TOPIC_PLIVO_SMS } from '../../../constant/mqtt';
 import { MessageState } from '../../../constant/message';
 import { publicTopicConversationUpdate } from '../../../utils/chat/store/conversation';
 import { getCache, removeOldestCache, setCache } from '../../../utils/chat/cache';
-import { dataProfile } from '../../../utils/chat/store/auth';
 import { digibotId } from '../../../composable/useDigibot';
 const props = withDefaults(defineProps(), {});
 const emit = defineEmits();
@@ -164,17 +163,7 @@ const handleSendMessage = async (data) => {
         if (file_upload?.length) {
             formData.append('url', file_upload[0]?.url ?? '');
         }
-        if (dataProfile.value?.user_type == 'tenant') {
-            await sendMessage(formData);
-        }
-        else {
-            await sendMessageSmsTest({
-                from: dataProfile.value?.phone ?? '',
-                to: infoUser.value?.phone ?? '',
-                host_id: infoUser.value?.tenant_id ?? '',
-                text: data.message ?? ''
-            });
-        }
+        await sendMessage(formData);
         publishMessage(topic, {
             ...data,
             state: MessageState.Sent,
@@ -200,7 +189,7 @@ const handleSendMessage = async (data) => {
         console.log(error);
         updateMessageItem(data.id, {
             state: MessageState.Failed,
-            error: typeof error?.messages == 'string' ? error.messages : ''
+            error: typeof error?.messages == 'string' ? error.messages : error
         });
     }
 };
@@ -213,6 +202,9 @@ const handleUploadImage = async (file) => {
     const formData = new FormData();
     formData.append('file', file);
     const res = await upLoadImage(formData);
+    if (res?.[0]?.error) {
+        throw new Error(res?.[0]?.errors ?? 'Error!');
+    }
     return res;
 };
 const call = () => {

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

@@ -161,82 +161,92 @@ __VLS_asFunctionalElement(__VLS_elements.textarea)({
 __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
     ...{ class: "flex gap-2 -translate-y-2" },
 });
-/** @type {[typeof PopoverBase, typeof PopoverBase, ]} */ ;
-// @ts-ignore
-const __VLS_0 = __VLS_asFunctionalComponent(PopoverBase, new PopoverBase({
-    open: (__VLS_ctx.emojiOpen),
-    align: "end",
-    side: "top",
-}));
-const __VLS_1 = __VLS_0({
-    open: (__VLS_ctx.emojiOpen),
-    align: "end",
-    side: "top",
-}, ...__VLS_functionalComponentArgsRest(__VLS_0));
-const { default: __VLS_3 } = __VLS_2.slots;
-// @ts-ignore
-[emojiOpen,];
-__VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
-    ...{ onClick: (...[$event]) => {
-            __VLS_ctx.emojiOpen = !__VLS_ctx.emojiOpen;
-            // @ts-ignore
-            [emojiOpen, emojiOpen,];
-        } },
-    ...{ class: "h-11 w-8" },
-});
-{
-    const { content: __VLS_4 } = __VLS_2.slots;
-    const __VLS_5 = {}.EmojiPicker;
+if (!__VLS_ctx.dataProfile?.is_sms_active) {
+    // @ts-ignore
+    [dataProfile,];
+    /** @type {[typeof PopoverBase, typeof PopoverBase, ]} */ ;
+    // @ts-ignore
+    const __VLS_0 = __VLS_asFunctionalComponent(PopoverBase, new PopoverBase({
+        open: (__VLS_ctx.emojiOpen),
+        align: "end",
+        side: "top",
+    }));
+    const __VLS_1 = __VLS_0({
+        open: (__VLS_ctx.emojiOpen),
+        align: "end",
+        side: "top",
+    }, ...__VLS_functionalComponentArgsRest(__VLS_0));
+    const { default: __VLS_3 } = __VLS_2.slots;
+    // @ts-ignore
+    [emojiOpen,];
+    __VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
+        ...{ onClick: (...[$event]) => {
+                if (!(!__VLS_ctx.dataProfile?.is_sms_active))
+                    return;
+                __VLS_ctx.emojiOpen = !__VLS_ctx.emojiOpen;
+                // @ts-ignore
+                [emojiOpen, emojiOpen,];
+            } },
+        ...{ class: "h-11 w-8" },
+    });
+    {
+        const { content: __VLS_4 } = __VLS_2.slots;
+        const __VLS_5 = {}.EmojiPicker;
+        /** @type {[typeof __VLS_components.EmojiPicker, typeof __VLS_components.emojiPicker, ]} */ ;
+        // @ts-ignore
+        EmojiPicker;
+        // @ts-ignore
+        const __VLS_6 = __VLS_asFunctionalComponent(__VLS_5, new __VLS_5({
+            ...{ 'onSelect': {} },
+            ...{ class: "!w-[300px]" },
+            native: (true),
+            offset: (2),
+            hideSearch: true,
+        }));
+        const __VLS_7 = __VLS_6({
+            ...{ 'onSelect': {} },
+            ...{ class: "!w-[300px]" },
+            native: (true),
+            offset: (2),
+            hideSearch: true,
+        }, ...__VLS_functionalComponentArgsRest(__VLS_6));
+        let __VLS_9;
+        let __VLS_10;
+        const __VLS_11 = ({ select: {} },
+            { onSelect: (__VLS_ctx.onSelectEmoji) });
+        // @ts-ignore
+        [onSelectEmoji,];
+        var __VLS_8;
+    }
+    var __VLS_2;
+}
+if (!__VLS_ctx.dataProfile?.is_sms_active) {
+    // @ts-ignore
+    [dataProfile,];
+    const __VLS_13 = {}.EmojiPicker;
     /** @type {[typeof __VLS_components.EmojiPicker, typeof __VLS_components.emojiPicker, ]} */ ;
     // @ts-ignore
     EmojiPicker;
     // @ts-ignore
-    const __VLS_6 = __VLS_asFunctionalComponent(__VLS_5, new __VLS_5({
-        ...{ 'onSelect': {} },
-        ...{ class: "!w-[300px]" },
+    const __VLS_14 = __VLS_asFunctionalComponent(__VLS_13, new __VLS_13({
+        ...{ class: "opacity-0 pointer-events-none absolute" },
         native: (true),
         offset: (2),
         hideSearch: true,
     }));
-    const __VLS_7 = __VLS_6({
-        ...{ 'onSelect': {} },
-        ...{ class: "!w-[300px]" },
+    const __VLS_15 = __VLS_14({
+        ...{ class: "opacity-0 pointer-events-none absolute" },
         native: (true),
         offset: (2),
         hideSearch: true,
-    }, ...__VLS_functionalComponentArgsRest(__VLS_6));
-    let __VLS_9;
-    let __VLS_10;
-    const __VLS_11 = ({ select: {} },
-        { onSelect: (__VLS_ctx.onSelectEmoji) });
-    // @ts-ignore
-    [onSelectEmoji,];
-    var __VLS_8;
+    }, ...__VLS_functionalComponentArgsRest(__VLS_14));
 }
-var __VLS_2;
-const __VLS_13 = {}.EmojiPicker;
-/** @type {[typeof __VLS_components.EmojiPicker, typeof __VLS_components.emojiPicker, ]} */ ;
-// @ts-ignore
-EmojiPicker;
-// @ts-ignore
-const __VLS_14 = __VLS_asFunctionalComponent(__VLS_13, new __VLS_13({
-    ...{ class: "opacity-0 pointer-events-none absolute" },
-    native: (true),
-    offset: (2),
-    hideSearch: true,
-}));
-const __VLS_15 = __VLS_14({
-    ...{ class: "opacity-0 pointer-events-none absolute" },
-    native: (true),
-    offset: (2),
-    hideSearch: true,
-}, ...__VLS_functionalComponentArgsRest(__VLS_14));
 __VLS_asFunctionalElement(__VLS_elements.label, __VLS_elements.label)({
     ...{ class: "cursor-pointer relative" },
 });
-__VLS_asFunctionalDirective(__VLS_directives.vShow)(null, { ...__VLS_directiveBindingRestFields, value: (!(__VLS_ctx.keyword != '' && __VLS_ctx.responsive == 'mobile')) }, null, null);
+__VLS_asFunctionalDirective(__VLS_directives.vShow)(null, { ...__VLS_directiveBindingRestFields, value: (!(__VLS_ctx.keyword != '' && __VLS_ctx.responsive == 'mobile') && !__VLS_ctx.dataProfile?.is_sms_active) }, null, null);
 // @ts-ignore
-[keyword, responsive,];
+[keyword, dataProfile, responsive,];
 __VLS_asFunctionalElement(__VLS_elements.input)({
     ...{ onChange: (__VLS_ctx.handleFileUpload) },
     type: "file",