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

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

@@ -19826,7 +19826,7 @@ const _hoisted_2$O = ["aria-current", "tabindex"];
 const _hoisted_3$D = ["tabindex"];
 const _hoisted_4$s = ["aria-current", "tabindex"];
 const _hoisted_5$l = ["tabindex"];
-const _hoisted_6$d = ["aria-current", "tabindex"];
+const _hoisted_6$e = ["aria-current", "tabindex"];
 const __default__$k = defineComponent({
   name: "ElPaginationPager"
 });
@@ -20016,7 +20016,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
           ], "number"]),
           "aria-current": _ctx.currentPage === _ctx.pageCount,
           tabindex: unref(tabindex)
-        }, toDisplayString(_ctx.pageCount), 11, _hoisted_6$d)) : createCommentVNode("v-if", true)
+        }, toDisplayString(_ctx.pageCount), 11, _hoisted_6$e)) : createCommentVNode("v-if", true)
       ], 42, _hoisted_1$V);
     };
   }
@@ -28668,7 +28668,7 @@ const _hoisted_2$E = {
 const _hoisted_3$y = { class: "date-switcher__container flex-column" };
 const _hoisted_4$o = { class: "d-flex pb-4 justify-content-between" };
 const _hoisted_5$i = { class: "date-switcher justify-content-center flex-column" };
-const _hoisted_6$c = /* @__PURE__ */ createElementVNode("span", { class: "pl-date-picker__placeholder pb-1 ps-1" }, "\u041D\u0430\u0447\u0430\u043B\u043E \u043F\u0435\u0440\u0438\u043E\u0434\u0430", -1);
+const _hoisted_6$d = /* @__PURE__ */ createElementVNode("span", { class: "pl-date-picker__placeholder pb-1 ps-1" }, "\u041D\u0430\u0447\u0430\u043B\u043E \u043F\u0435\u0440\u0438\u043E\u0434\u0430", -1);
 const _hoisted_7$a = { class: "date-switcher justify-content-center flex-column" };
 const _hoisted_8$8 = /* @__PURE__ */ createElementVNode("span", { class: "pl-date-picker__placeholder pb-1 ps-1" }, "\u041A\u043E\u043D\u0435\u0446 \u043F\u0435\u0440\u0438\u043E\u0434\u0430", -1);
 const _hoisted_9$7 = { class: "d-flex pt-2 justify-content-between" };
@@ -29000,7 +29000,7 @@ const _sfc_main$L = {
           createElementVNode("div", _hoisted_3$y, [
             createElementVNode("div", _hoisted_4$o, [
               createElementVNode("div", _hoisted_5$i, [
-                _hoisted_6$c,
+                _hoisted_6$d,
                 withDirectives(createElementVNode("input", {
                   id: "date-mask",
                   "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => rangeStartDateValue.value = $event),
@@ -38496,7 +38496,7 @@ const _hoisted_4$n = {
   class: "dialog-footer"
 };
 const _hoisted_5$h = /* @__PURE__ */ createTextVNode("\u0412\u044B\u0431\u0440\u0430\u0442\u044C");
-const _hoisted_6$b = /* @__PURE__ */ createTextVNode("\u041E\u0442\u043C\u0435\u043D\u0430");
+const _hoisted_6$c = /* @__PURE__ */ createTextVNode("\u041E\u0442\u043C\u0435\u043D\u0430");
 const _hoisted_7$9 = {
   key: 1,
   class: "dialog-footer"
@@ -38688,7 +38688,7 @@ const _sfc_main$J = /* @__PURE__ */ Object.assign(__default__$6, {
             }, 8, ["disabled"]),
             createVNode(_component_el_button, { onClick: hide }, {
               default: withCtx(() => [
-                _hoisted_6$b
+                _hoisted_6$c
               ]),
               _: 1
             })
@@ -38811,7 +38811,7 @@ const _hoisted_5$g = {
   key: 0,
   class: "d-flex pl-table-footer position-relative align-items-center justify-content-end"
 };
-const _hoisted_6$a = {
+const _hoisted_6$b = {
   key: 0,
   class: "totals"
 };
@@ -38952,7 +38952,7 @@ const _sfc_main$I = /* @__PURE__ */ Object.assign(__default__$5, {
             "hide-on-single-page": true
           }, {
             default: withCtx(() => [
-              __props.isTotalVisible && unref(layout).includes("slot") ? (openBlock(), createElementBlock("span", _hoisted_6$a, toDisplayString(displayTotal()), 1)) : createCommentVNode("", true)
+              __props.isTotalVisible && unref(layout).includes("slot") ? (openBlock(), createElementBlock("span", _hoisted_6$b, toDisplayString(displayTotal()), 1)) : createCommentVNode("", true)
             ]),
             _: 1
           }, 8, ["page-size", "current-page", "page-sizes", "layout", "total"]),
@@ -41668,7 +41668,7 @@ const _hoisted_4$e = /* @__PURE__ */ createElementVNode("img", { src: _imports_3
 const _hoisted_5$c = [
   _hoisted_4$e
 ];
-const _hoisted_6$9 = /* @__PURE__ */ createElementVNode("button", { class: "btn btn__confirm btn__blue" }, "\u0421\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C", -1);
+const _hoisted_6$a = /* @__PURE__ */ createElementVNode("button", { class: "btn btn__confirm btn__blue" }, "\u0421\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C", -1);
 const _sfc_main$s = {
   __name: "pl-popupForm",
   props: {
@@ -41733,7 +41733,7 @@ const _sfc_main$s = {
         ]),
         footer: withCtx(() => [
           createElementVNode("div", { class: "d-flex flex-row-reverse gap-3 mt-48" }, [
-            _hoisted_6$9,
+            _hoisted_6$a,
             createElementVNode("button", {
               onClick: exit,
               class: "btn btn__close"
@@ -41804,7 +41804,7 @@ const _hoisted_5$b = /* @__PURE__ */ createElementVNode("img", {
   src: _imports_0$b,
   alt: "add"
 }, null, -1);
-const _hoisted_6$8 = [
+const _hoisted_6$9 = [
   _hoisted_5$b
 ];
 const _hoisted_7$8 = /* @__PURE__ */ createElementVNode("img", {
@@ -41911,7 +41911,7 @@ const _sfc_main$r = {
           withDirectives(createElementVNode("button", {
             onClick: _cache[0] || (_cache[0] = (...args) => __props.addItem && __props.addItem(...args)),
             class: "btn pl-list__btn"
-          }, _hoisted_6$8, 512), [
+          }, _hoisted_6$9, 512), [
             [vShow, __props.isShowList]
           ])
         ]),
@@ -41980,7 +41980,7 @@ const _hoisted_2$m = { class: "d-flex justify-content-between mt-32" };
 const _hoisted_3$i = { class: "d-flex justify-content-between mt-32" };
 const _hoisted_4$c = { class: "d-flex justify-content-between mt-32" };
 const _hoisted_5$a = { class: "d-flex justify-content-between mt-32" };
-const _hoisted_6$7 = { class: "d-flex justify-content-between mt-32" };
+const _hoisted_6$8 = { class: "d-flex justify-content-between mt-32" };
 const _hoisted_7$7 = { class: "d-flex justify-content-between mt-32" };
 const _hoisted_8$5 = { key: 0 };
 const _hoisted_9$4 = { class: "d-flex justify-content-between mt-32" };
@@ -42278,7 +42278,7 @@ const _sfc_main$q = {
                   "onUpdate:modelValue": _cache[23] || (_cache[23] = ($event) => unref(formClient).newRepresentative.organ = $event),
                   placeholder: unref(placeholders).passport.organ
                 }, null, 8, ["modelValue", "placeholder"]),
-                createElementVNode("div", _hoisted_6$7, [
+                createElementVNode("div", _hoisted_6$8, [
                   createVNode(_component_el_form_item, { label: "\u0414\u0430\u0442\u0430 \u0432\u044B\u0434\u0430\u0447\u0438 \u043F\u0430\u0441\u043F\u043E\u0440\u0442\u0430" }, {
                     default: withCtx(() => [
                       createVNode(_sfc_main$u, {
@@ -42976,7 +42976,7 @@ const _hoisted_2$j = { class: "d-flex justify-content-between mt-32" };
 const _hoisted_3$g = { class: "d-flex justify-content-between mt-32" };
 const _hoisted_4$b = { class: "d-flex justify-content-between mt-32" };
 const _hoisted_5$9 = { class: "d-flex justify-content-between mt-32" };
-const _hoisted_6$6 = { class: "d-flex justify-content-between mt-32" };
+const _hoisted_6$7 = { class: "d-flex justify-content-between mt-32" };
 const _hoisted_7$6 = { class: "d-flex justify-content-between mt-32" };
 const _sfc_main$n = {
   __name: "pl-additional",
@@ -43183,7 +43183,7 @@ const _sfc_main$n = {
                   modelValue: unref(formClient).newBeneficiary.isBeneficiary,
                   "onUpdate:modelValue": _cache[17] || (_cache[17] = ($event) => unref(formClient).newBeneficiary.isBeneficiary = $event)
                 }, null, 8, ["modelValue"]),
-                createElementVNode("div", _hoisted_6$6, [
+                createElementVNode("div", _hoisted_6$7, [
                   createVNode(_component_el_form_item, {
                     class: "width-260",
                     label: "\u0414\u0430\u0442\u0430 \u0440\u043E\u0436\u0434\u0435\u043D\u0438\u044F"
@@ -43368,7 +43368,7 @@ const _hoisted_4$9 = /* @__PURE__ */ createElementVNode("div", { class: "stepper
 const _hoisted_5$7 = /* @__PURE__ */ createElementVNode("div", { class: "stepper-figure__progress" }, [
   /* @__PURE__ */ createElementVNode("div", { class: "stepper-figure__progress-inner" })
 ], -1);
-const _hoisted_6$5 = [
+const _hoisted_6$6 = [
   _hoisted_4$9,
   _hoisted_5$7
 ];
@@ -43494,7 +43494,7 @@ const _sfc_main$l = /* @__PURE__ */ Object.assign(__default__$1, {
                   }])
                 }, toDisplayString(item[__props.stepName]), 3)
               ]),
-              __props.currentCount > item[__props.stepCountName] && !checkCurrentTariff(item, unref(currentTariff)) ? (openBlock(), createElementBlock("div", _hoisted_3$e, _hoisted_6$5)) : (openBlock(), createElementBlock("div", _hoisted_7$5, [
+              __props.currentCount > item[__props.stepCountName] && !checkCurrentTariff(item, unref(currentTariff)) ? (openBlock(), createElementBlock("div", _hoisted_3$e, _hoisted_6$6)) : (openBlock(), createElementBlock("div", _hoisted_7$5, [
                 createElementVNode("div", {
                   class: normalizeClass(["stepper-figure__circle", {
                     "stepper-figure__circle_checked": checkCurrentTariff(item, unref(currentTariff))
@@ -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" }, [
@@ -47991,7 +47998,7 @@ const _hoisted_4$6 = {
   class: "pl-chat-header"
 };
 const _hoisted_5$5 = /* @__PURE__ */ createElementVNode("span", { class: "pl-chat-header__title" }, "\u041F\u0440\u0438\u043A\u0440\u0435\u043F\u043B\u0435\u043D\u043D\u044B\u0435 \u0444\u0430\u0439\u043B\u044B", -1);
-const _hoisted_6$4 = { key: 1 };
+const _hoisted_6$5 = { key: 1 };
 const _hoisted_7$4 = {
   key: 0,
   class: "pl-chat-header mng"
@@ -48203,7 +48210,7 @@ const _sfc_main$9 = {
               onClick: _cache[2] || (_cache[2] = (...args) => unref(commonStore).toggleChatPopup && unref(commonStore).toggleChatPopup(...args))
             })
           ]))
-        ])) : (openBlock(), createElementBlock("div", _hoisted_6$4, [
+        ])) : (openBlock(), createElementBlock("div", _hoisted_6$5, [
           unref(channelsStore).isChannelsList ? (openBlock(), createElementBlock("div", _hoisted_7$4, [
             createVNode(_sfc_main$a, {
               title: unref(title),
@@ -49720,10 +49727,10 @@ const _hoisted_5$4 = /* @__PURE__ */ createElementVNode("img", {
   src: _imports_1$3,
   alt: "delete icon"
 }, null, -1);
-const _hoisted_6$3 = /* @__PURE__ */ createElementVNode("span", { class: "send-error__popup-text send-error__popup-text-delete" }, "\u0423\u0434\u0430\u043B\u0438\u0442\u044C", -1);
+const _hoisted_6$4 = /* @__PURE__ */ createElementVNode("span", { class: "send-error__popup-text send-error__popup-text-delete" }, "\u0423\u0434\u0430\u043B\u0438\u0442\u044C", -1);
 const _hoisted_7$3 = [
   _hoisted_5$4,
-  _hoisted_6$3
+  _hoisted_6$4
 ];
 const _sfc_main$7 = {
   __name: "PlChatModalAction",
@@ -49829,7 +49836,7 @@ const _hoisted_2$5 = {
 const _hoisted_3$5 = { class: "pl-chat-file__info" };
 const _hoisted_4$4 = { class: "pl-chat-file__name crop-middle__first" };
 const _hoisted_5$3 = { class: "pl-chat-file__name" };
-const _hoisted_6$2 = { class: "pl-chat-file__mini-icons" };
+const _hoisted_6$3 = { class: "pl-chat-file__mini-icons" };
 const _hoisted_7$2 = {
   key: 1,
   src: _imports_1$2,
@@ -49966,7 +49973,7 @@ const _sfc_main$6 = {
           onClick: cancelUpload
         })) : createCommentVNode("", true),
         withDirectives((openBlock(), createElementBlock("div", null, [
-          createElementVNode("div", _hoisted_6$2, [
+          createElementVNode("div", _hoisted_6$3, [
             __props.error ? (openBlock(), createBlock(_sfc_main$7, {
               key: 0,
               modelValue: isOpenError.value,
@@ -50018,7 +50025,7 @@ const _hoisted_5$2 = {
   key: 0,
   class: "send-error"
 };
-const _hoisted_6$1 = { key: 0 };
+const _hoisted_6$2 = { key: 0 };
 const _hoisted_7$1 = {
   key: 0,
   class: "pl-chat-msg__icon",
@@ -50120,7 +50127,7 @@ const _sfc_main$5 = {
             class: normalizeClass(["pl-chat-msg__time", ["pl-chat-msg__time", { "pl-chat-msg__time-error": unref(msg).isError }]])
           }, [
             createTextVNode(toDisplayString(unref(getTime)(unref(msg).createdDateTime)) + " ", 1),
-            unref(isClient2) ? (openBlock(), createElementBlock("div", _hoisted_6$1, [
+            unref(isClient2) ? (openBlock(), createElementBlock("div", _hoisted_6$2, [
               !unref(msg).isRead ? (openBlock(), createElementBlock("img", _hoisted_7$1)) : (openBlock(), createElementBlock("img", _hoisted_8$1))
             ])) : createCommentVNode("", true)
           ], 2)
@@ -50206,7 +50213,7 @@ const _hoisted_3$1 = {
 };
 const _hoisted_4$1 = { key: 0 };
 const _hoisted_5$1 = { key: 0 };
-const _hoisted_6 = { key: 1 };
+const _hoisted_6$1 = { key: 1 };
 const _hoisted_7 = { key: 0 };
 const _hoisted_8 = { key: 0 };
 const _hoisted_9 = { class: "pl-chat-files" };
@@ -50391,7 +50398,7 @@ const _sfc_main$2 = {
                       }), 128))
                     ]);
                   }), 128))
-                ])) : (openBlock(), createElementBlock("div", _hoisted_6, [
+                ])) : (openBlock(), createElementBlock("div", _hoisted_6$1, [
                   _ctx.sortedFiles.length ? withDirectives((openBlock(), createElementBlock("div", _hoisted_7, [
                     (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.sortedFiles, (item, index) => {
                       return openBlock(), createElementBlock("div", {
@@ -50550,7 +50557,8 @@ const _hoisted_4 = /* @__PURE__ */ createElementVNode("img", {
   src: _imports_0$6,
   alt: "add file icon"
 }, null, -1);
-const _hoisted_5 = /* @__PURE__ */ createElementVNode("img", {
+const _hoisted_5 = /* @__PURE__ */ createTextVNode("/ ");
+const _hoisted_6 = /* @__PURE__ */ createElementVNode("img", {
   src: _imports_1,
   alt: "send message icon"
 }, null, -1);
@@ -50721,24 +50729,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 +50750,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,11 +50815,9 @@ 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(() => [
+              _hoisted_5,
               createElementVNode("div", {
                 ref_key: "textArea",
                 ref: textArea,
@@ -50834,7 +50840,7 @@ const _sfc_main$1 = {
             width: "40"
           }, {
             default: withCtx(() => [
-              _hoisted_5
+              _hoisted_6
             ]),
             _: 1
           }, 8, ["class"])