@factoringplus/pl-components-pack-v3 0.5.2-pre-12 → 0.5.2-pre-14

package/dist/pl-components-pack-v3.es.js

@@ -47578,10 +47578,12 @@ const useSelectedChannelStore = defineStore("selectedChannel", {
     async sendMessage(params, callback) {
       try {
         this.isManagerSendMsg = true;
+        const { message: message2 } = params;
         await Promise.all([
           await this.loadMessages(),
           await apiChat.postChatMessagesByChannelId(this.api, this.baseUrl, this.channelId, params)
         ]);
+        this.messages.push(message2);
       } catch {
         this.messages.push({
           ...params.message,
@@ -47682,15 +47684,19 @@ const _sfc_main$e = {
     width: {
       type: String,
       default: "100"
+    },
+    unreadMessagesCount: {
+      type: Number,
+      default: 0
     }
   },
   setup(__props) {
     const props = __props;
     const plChatBtnClass = `pl-chat-btn ${props.type}`;
-    const channelsStore = useChannelsStore();
+    useChannelsStore();
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("button", {
-        class: normalizeClass([{ "unreaded-message": unref(channelsStore).unreadChannelsCount }, plChatBtnClass]),
+        class: normalizeClass([{ "unreaded-message": __props.unreadMessagesCount }, plChatBtnClass]),
         style: normalizeStyle(`width: ${__props.width}px`)
       }, [
         renderSlot(_ctx.$slots, "default")
@@ -47745,6 +47751,7 @@ const _sfc_main$d = {
       const _directive_loading = vLoading;
       return openBlock(), createElementBlock(Fragment, null, [
         withDirectives((openBlock(), createBlock(_sfc_main$e, {
+          "unread-messages-count": unref(channelsStore).unreadChannelsCount,
           type: "info",
           width: "171",
           onClick: togglePopup
@@ -47753,7 +47760,7 @@ const _sfc_main$d = {
             createTextVNode(toDisplayString(__props.btnText), 1)
           ]),
           _: 1
-        })), [
+        }, 8, ["unread-messages-count"])), [
           [_directive_loading, unref(channelsStore).isHubsConnected]
         ]),
         (openBlock(), createBlock(Teleport, { to: "body" }, [
@@ -50721,24 +50728,6 @@ const _sfc_main$1 = {
       files.value = files.value.filter((file) => file.internalGuid !== internalGuid);
     };
     const footerVisibility = computed$1(() => !props.manager && !channelsStore.isFilesList || props.manager && !channelsStore.isFilesList && channelsStore.isOpenChannel && !channelsStore.isClientInfo);
-    const sendMessage2 = () => {
-      if (enableSendMessage.value) {
-        message2.value.attachments = files.value;
-        const newMessage = JSON.parse(JSON.stringify(message2.value));
-        selectedChannelStore.sendMessage({ message: newMessage }, () => {
-        });
-        textArea.value.innerText = "";
-        files.value = [];
-        message2.value.attachments = [];
-        message2.value.text = "";
-      }
-    };
-    const handleEnter = (evt) => {
-      if (evt.keyCode === 13 && !evt.shiftKey) {
-        evt.preventDefault();
-        sendMessage2();
-      }
-    };
     const uploadingFiles = computed$1(() => {
       let countLoaded = 0;
       files.value.reduce((acc, file) => {
@@ -50760,6 +50749,24 @@ const _sfc_main$1 = {
       return !!countErrorFiles;
     });
     const enableSendMessage = computed$1(() => !errorFiles.value && !uploadingFiles.value && (!!message2.value.text || !!files.value.length));
+    const sendMessage2 = () => {
+      if (enableSendMessage.value) {
+        message2.value.attachments = files.value;
+        const newMessage = JSON.parse(JSON.stringify(message2.value));
+        selectedChannelStore.sendMessage({ message: newMessage }, () => {
+        });
+        textArea.value.innerText = "";
+        files.value = [];
+        message2.value.attachments = [];
+        message2.value.text = "";
+      }
+    };
+    const handleEnter = (evt) => {
+      if (evt.keyCode === 13 && !evt.shiftKey) {
+        evt.preventDefault();
+        sendMessage2();
+      }
+    };
     return (_ctx, _cache) => {
       const _component_el_scrollbar = ElScrollbar;
       return unref(footerVisibility) ? (openBlock(), createElementBlock("div", {
@@ -50807,10 +50814,7 @@ const _sfc_main$1 = {
               }, null, 32)
             ])
           ]),
-          createVNode(_component_el_scrollbar, {
-            height: "196",
-            "wrap-class": "pl-chat-footer__input"
-          }, {
+          createVNode(_component_el_scrollbar, { "wrap-class": "pl-chat-footer__input" }, {
             default: withCtx(() => [
               createElementVNode("div", {
                 ref_key: "textArea",