@dv.net/ui-kit 7.5.7 → 7.5.9

package/dist/assets/UiChat.vue_vue_type_script_setup_true_lang.5Ww-IJjp.js

@@ -0,0 +1,175 @@
+import { defineComponent as P, ref as w, computed as o, watch as z, onUnmounted as Q, createElementBlock as u, openBlock as i, createCommentVNode as l, createElementVNode as f, unref as y, toDisplayString as T, createVNode as E, createBlock as B, normalizeClass as X, Transition as Y, withCtx as Z, Fragment as I, renderList as N, nextTick as x } from "vue";
+import { _ as ee } from "./UiChatHeader.vue_vue_type_script_setup_true_lang.CkV0GeAh.js";
+import "./style.C3xG1ALc.js";
+import { _ as te } from "./UiChatFooter.vue_vue_type_script_setup_true_lang.BgESk-GX.js";
+import { _ as ae } from "./UiChatMessage.vue_vue_type_script_setup_true_lang.BkD09EG5.js";
+/* empty css                                                       */
+import { _ as se } from "./UiChatManagerAlert.vue_vue_type_script_setup_true_lang.DzU8TXYU.js";
+/* empty css                                                            */
+import { d as g, u as ie, t as ne } from "./useDatePicker.BwRlPS-o.js";
+import { config as d } from "../config/index.js";
+import { UiChatTicketStatusValue as F } from "../components/UiChat/types.js";
+import { d as oe } from "./UiChatAttachments.vue_vue_type_script_setup_true_lang.BldJhrnR.js";
+import { useBreakpoints as re } from "../composables/useBreakpoints.js";
+const ue = { class: "ui-chat" }, ce = {
+  key: 0,
+  class: "ui-chat__top"
+}, le = { class: "ui-chat__top-title" }, de = {
+  key: 0,
+  class: "ui-chat__top-id"
+}, me = { class: "ui-chat__wrapper" }, fe = { class: "ui-chat__group-date" }, ge = ["data-chat-message-id"], Ue = /* @__PURE__ */ P({
+  __name: "UiChat",
+  props: {
+    ticket: {},
+    messages: { default: () => [] },
+    currentUserUuid: {},
+    showManagerAlert: { type: Boolean, default: !1 },
+    managerAlertSeconds: {},
+    ticketLoading: { type: Boolean, default: !1 },
+    isCreateTicket: { type: Boolean, default: !1 },
+    sendingLoading: { type: Boolean, default: !1 },
+    enableReopenTicket: { type: Boolean, default: !1 }
+  },
+  emits: ["action-ticket", "submit", "attach", "read"],
+  setup(s, { expose: V, emit: $ }) {
+    g.extend(ie), g.extend(ne);
+    const k = $, { isDesktop: S } = re(), U = w(), v = w(), h = w(!s.isCreateTicket);
+    let r = null, c = null, C = /* @__PURE__ */ new WeakMap(), m = null;
+    const A = o(() => d.uiChat.timezone || g.tz.guess()), b = (e) => {
+      const t = g(e);
+      return t.isValid() ? t.tz(A.value) : null;
+    }, j = (e) => {
+      const t = b(e);
+      return t?.isValid() ? t.format(d.uiChat.dateFormat) : e.split(/[T\s]/)[0] || e;
+    }, L = (e) => e.user.uuid === s.currentUserUuid, M = o(() => !s.messages.length || !s.ticket || !s.currentUserUuid), _ = o(() => typeof s.ticket?.status?.value < "u"), R = o(() => _.value ? s.ticket?.status?.value === F.MANAGER_CLOSED || s.ticket?.status?.value === F.USER_CLOSED : !1), W = o(() => !(!s.isCreateTicket && !_.value || _.value && R.value)), q = o(() => s.isCreateTicket && M.value && !s.ticketLoading), D = o(() => {
+      if (!M.value) return s.messages;
+      if (!h.value) return [];
+      const e = g().tz(A.value).format(d.uiChat.dateTimeFormat);
+      return [oe(d.uiChat.translations.defaultMessage, e)];
+    }), O = o(() => {
+      const e = {};
+      for (const t of D.value) {
+        const a = j(t.created_at);
+        e[a] || (e[a] = []), e[a].push(t);
+      }
+      for (const t in e)
+        e[t].sort((a, n) => (b(a.created_at)?.valueOf() ?? 0) - (b(n.created_at)?.valueOf() ?? 0));
+      return e;
+    }), G = o(() => {
+      const e = /* @__PURE__ */ new Map();
+      for (const t of D.value)
+        e.set(t.id, t);
+      return e;
+    }), H = (e) => {
+      for (const t of e) {
+        if (!t.isIntersecting) continue;
+        const a = C.get(t.target);
+        if (!a) continue;
+        const n = !!s.currentUserUuid && !L(a);
+        if (!(!a.ticket_id || a.id <= 0 || !n || a.updated_at !== a.created_at)) {
+          c && clearTimeout(c), c = setTimeout(() => {
+            k("read", { ticketId: a.ticket_id });
+          }, 3e3);
+          break;
+        }
+      }
+    }, J = async () => {
+      if (await x(), m?.disconnect(), C = /* @__PURE__ */ new WeakMap(), !v.value || s.ticketLoading) return;
+      m = new IntersectionObserver(H, {
+        root: v.value,
+        rootMargin: "0px",
+        threshold: 0.6
+      }), v.value.querySelectorAll("[data-chat-message-id]").forEach((t) => {
+        const a = Number(t.dataset.chatMessageId), n = G.value.get(a);
+        n && (C.set(t, n), m?.observe(t));
+      });
+    }, K = () => {
+      U.value?.clearInputAndFiles();
+    };
+    return z(
+      q,
+      (e) => {
+        if (r && (clearTimeout(r), r = null), !e) {
+          h.value = !0;
+          return;
+        }
+        h.value = !1, r = setTimeout(() => {
+          h.value = !0;
+        }, 1e3);
+      },
+      { immediate: !0 }
+    ), z(
+      O,
+      () => {
+        J();
+      },
+      { immediate: !0 }
+    ), Q(() => {
+      r && (clearTimeout(r), r = null), c && (clearTimeout(c), c = null), m?.disconnect(), m = null;
+    }), V({ clearInputAndFiles: K }), (e, t) => (i(), u("div", ue, [
+      y(S) ? (i(), u("div", ce, [
+        f("span", le, T(e.ticket?.subject || y(d).uiChat.translations.newTicket), 1),
+        e.ticket?.id ? (i(), u("span", de, T(y(d).uiChat.translations.ticket) + " #" + T(e.ticket.id), 1)) : l("", !0)
+      ])) : l("", !0),
+      f("div", me, [
+        E(ee, {
+          ticket: e.ticket,
+          "is-empty": M.value,
+          "is-closed-ticket": R.value,
+          "ticket-loading": e.ticketLoading,
+          "enable-reopen-ticket": e.enableReopenTicket,
+          onActionTicket: t[0] || (t[0] = (a) => k("action-ticket", a))
+        }, null, 8, ["ticket", "is-empty", "is-closed-ticket", "ticket-loading", "enable-reopen-ticket"]),
+        f("div", {
+          ref_key: "chatBodyRef",
+          ref: v,
+          class: X(["ui-chat__body", { "mobile-layout": y(S) }])
+        }, [
+          e.ticketLoading ? l("", !0) : (i(), B(Y, {
+            key: 0,
+            name: "alert",
+            mode: "out-in",
+            appear: ""
+          }, {
+            default: Z(() => [
+              e.showManagerAlert ? (i(), B(se, {
+                key: 0,
+                seconds: e.managerAlertSeconds
+              }, null, 8, ["seconds"])) : l("", !0)
+            ]),
+            _: 1
+          })),
+          e.ticketLoading ? l("", !0) : (i(!0), u(I, { key: 1 }, N(O.value, (a, n) => (i(), u("div", {
+            key: n,
+            class: "ui-chat__group"
+          }, [
+            f("div", fe, [
+              f("span", null, T(n), 1)
+            ]),
+            (i(!0), u(I, null, N(a, (p) => (i(), u("div", {
+              key: p.id,
+              class: "ui-chat__message-observer",
+              "data-chat-message-id": p.id
+            }, [
+              E(ae, {
+                message: p,
+                "is-own": L(p)
+              }, null, 8, ["message", "is-own"])
+            ], 8, ge))), 128))
+          ]))), 128))
+        ], 2),
+        W.value ? (i(), B(te, {
+          key: 0,
+          ref_key: "footerRef",
+          ref: U,
+          "sending-loading": e.sendingLoading,
+          onSubmit: t[1] || (t[1] = (a) => k("submit", a)),
+          onAttach: t[2] || (t[2] = (a) => k("attach", a))
+        }, null, 8, ["sending-loading"])) : l("", !0)
+      ])
+    ]));
+  }
+});
+export {
+  Ue as _
+};

package/dist/assets/UiChatAttachments.vue_vue_type_script_setup_true_lang.BldJhrnR.js

@@ -0,0 +1,101 @@
+import { defineComponent as R, ref as c, computed as j, createElementBlock as d, openBlock as h, createElementVNode as i, createVNode as _, Fragment as E, renderList as I, toDisplayString as O } from "vue";
+import { _ as f } from "./UiIcon.vue_vue_type_script_setup_true_lang.DFsApq5s.js";
+/* empty css                                                */
+import { _ as V } from "./UiGallery.vue_vue_type_script_setup_true_lang.BT952T6m.js";
+/* empty css                                                   */
+const Q = (n, o) => ({
+  id: 0,
+  ticket_id: 0,
+  message: n,
+  created_at: o,
+  updated_at: o,
+  files: [],
+  attachments: [],
+  user: { uuid: "", avatar: null, telegram: null, email: "", name: null }
+}), M = 10, A = ["jpg", "jpeg", "png", "heic", "heif"], Y = A.join(", "), S = A.map((n) => `.${n}`).join(","), $ = { class: "ui-chat-attachments" }, H = ["accept", "multiple"], x = { class: "ui-chat-attachments__file" }, B = ["src", "alt"], D = { class: "ui-chat-attachments__overlay" }, P = ["onClick"], W = ["disabled", "onClick"], G = { class: "ui-chat-attachments__description" }, Z = /* @__PURE__ */ R({
+  __name: "UiChatAttachments",
+  props: {
+    maxFiles: { default: () => M },
+    accept: { default: () => S },
+    sendingLoading: { type: Boolean, default: !1 }
+  },
+  emits: ["change"],
+  setup(n, { expose: o, emit: y }) {
+    const u = y, v = c(), a = c([]), l = c(/* @__PURE__ */ new Map()), F = () => {
+      a.value.length >= n.maxFiles || n.sendingLoading || v.value?.click();
+    }, g = (e) => {
+      if (!e.length || n.sendingLoading) return;
+      const t = n.maxFiles - a.value.length;
+      t <= 0 || (a.value.push(...e.slice(0, t)), u("change", a.value));
+    }, L = (e) => {
+      const t = e.target;
+      t.files?.length && (g(Array.from(t.files)), t.value = "");
+    }, C = (e) => {
+      g(e.filter((t) => t.type.startsWith("image/")));
+    }, b = (e) => {
+      if (n.sendingLoading) return;
+      const t = l.value.get(a.value[e]);
+      t && (window.URL.revokeObjectURL(t), l.value.delete(a.value[e])), a.value.splice(e, 1), u("change", a.value);
+    }, k = (e) => (l.value.has(e) || l.value.set(e, window.URL.createObjectURL(e)), l.value.get(e)), r = c(!1), p = c(0), T = j(() => a.value.map((e) => ({ file: e }))), U = (e) => {
+      p.value = e, r.value = !0;
+    };
+    return o({ openFileDialog: F, clearFiles: () => {
+      l.value.forEach((e) => window.URL.revokeObjectURL(e)), l.value.clear(), a.value = [], u("change", []);
+    }, addFiles: C }), (e, t) => (h(), d("div", $, [
+      i("input", {
+        ref_key: "fileInput",
+        ref: v,
+        type: "file",
+        accept: e.accept,
+        multiple: e.maxFiles > 1,
+        hidden: "",
+        onChange: L
+      }, null, 40, H),
+      (h(!0), d(E, null, I(a.value, (s, m) => (h(), d("div", {
+        key: m,
+        class: "ui-chat-attachments__item"
+      }, [
+        i("div", x, [
+          i("img", {
+            src: k(s),
+            alt: s.name
+          }, null, 8, B),
+          i("div", D, [
+            i("button", {
+              class: "ui-chat-attachments__btn ui-chat-attachments__btn--show",
+              onClick: (w) => U(m)
+            }, [
+              _(f, {
+                name: "visibility",
+                type: "400"
+              })
+            ], 8, P),
+            i("button", {
+              class: "ui-chat-attachments__btn ui-chat-attachments__btn--remove",
+              disabled: e.sendingLoading,
+              onClick: (w) => b(m)
+            }, [
+              _(f, {
+                name: "close",
+                type: "400"
+              })
+            ], 8, W)
+          ])
+        ]),
+        i("span", G, O(s.name), 1)
+      ]))), 128)),
+      _(V, {
+        modelValue: r.value,
+        "onUpdate:modelValue": t[0] || (t[0] = (s) => r.value = s),
+        images: T.value,
+        "initial-index": p.value
+      }, null, 8, ["modelValue", "images", "initial-index"])
+    ]));
+  }
+});
+export {
+  M as A,
+  Z as _,
+  Y as a,
+  Q as d
+};

package/dist/assets/UiChatFooter.vue_vue_type_script_setup_true_lang.BgESk-GX.js

@@ -0,0 +1,111 @@
+import { defineComponent as x, ref as m, computed as T, createElementBlock as V, openBlock as h, createElementVNode as o, createVNode as c, normalizeClass as v, unref as s, createBlock as B, createCommentVNode as D, withCtx as b, renderSlot as y, toDisplayString as u } from "vue";
+import { A as f, a as S, _ as z } from "./UiChatAttachments.vue_vue_type_script_setup_true_lang.BldJhrnR.js";
+/* empty css                                                           */
+import { _ as C } from "./UiIconButton.vue_vue_type_script_setup_true_lang.DMTMLuQZ.js";
+import "./style.C3xG1ALc.js";
+import { _ as E } from "./UiTextarea.vue_vue_type_script_setup_true_lang.BAO4Rh6-.js";
+/* empty css                                                    */
+import { _ as I } from "./UiTooltip.vue_vue_type_script_setup_true_lang.CHftlCxm.js";
+import { config as p } from "../config/index.js";
+import { useBreakpoints as M } from "../composables/useBreakpoints.js";
+const N = { class: "ui-chat__footer-wrapper" }, P = { class: "ui-chat__footer-tooltip" }, R = { class: "ui-chat__footer-input" }, Q = /* @__PURE__ */ x({
+  __name: "UiChatFooter",
+  props: {
+    sendingLoading: { type: Boolean, default: !1 }
+  },
+  emits: ["submit", "attach"],
+  setup(_, { expose: F, emit: A }) {
+    const d = A, { isDesktop: k } = M(), n = m(null), l = m([]), r = m(), L = T(() => l.value.length >= f), g = () => {
+      !n.value || _.sendingLoading || d("submit", { message: n.value, files: l.value });
+    }, $ = (e) => {
+      if (_.sendingLoading) return;
+      const t = Array.from(e.clipboardData?.items || []).filter((i) => i.kind === "file" && i.type.startsWith("image/")).map((i) => i.getAsFile()).filter((i) => !!i);
+      t.length && (e.preventDefault(), r.value?.addFiles?.(t));
+    };
+    return F({ clearInputAndFiles: () => {
+      if (n.value = null, r.value?.clearFiles) {
+        r.value.clearFiles();
+        return;
+      }
+      l.value = [], d("attach", []);
+    } }), (e, a) => (h(), V("div", N, [
+      o("div", {
+        class: v(["ui-chat__footer", { "mobile-layout": s(k) }])
+      }, [
+        L.value ? D("", !0) : (h(), B(I, { key: 0 }, {
+          text: b(() => [
+            o("p", P, [
+              o("span", null, u(s(p).uiChat.translations.maxFiles) + ": " + u(s(f)), 1),
+              o("span", null, u(s(p).uiChat.translations.supportsFormats) + ": " + u(s(S)), 1)
+            ])
+          ]),
+          default: b(() => [
+            o("div", {
+              class: "ui-chat__footer-control",
+              onClick: a[0] || (a[0] = (t) => r.value?.openFileDialog())
+            }, [
+              y(e.$slots, "footer-left", {}, () => [
+                c(C, {
+                  class: "ui-chat__footer-icon-button",
+                  "icon-name": "attach-file_add",
+                  type: "clear",
+                  "icon-type": "100",
+                  "icon-color": "#1968e5",
+                  size: "xl",
+                  "container-small": "",
+                  disabled: e.sendingLoading
+                }, null, 8, ["disabled"])
+              ])
+            ])
+          ]),
+          _: 3
+        })),
+        o("div", R, [
+          c(E, {
+            class: "ui-chat__footer-input-el",
+            modelValue: n.value,
+            "onUpdate:modelValue": a[1] || (a[1] = (t) => n.value = t),
+            size: "auto",
+            placeholder: s(p).uiChat.translations.messagePlaceholder,
+            submitOnEnter: "",
+            disabled: e.sendingLoading,
+            onPaste: $,
+            onSubmit: g,
+            "is-empty-value-null": ""
+          }, null, 8, ["modelValue", "placeholder", "disabled"])
+        ]),
+        o("div", {
+          class: "ui-chat__footer-control",
+          onClick: g
+        }, [
+          y(e.$slots, "footer-right", {}, () => [
+            c(C, {
+              class: "ui-chat__footer-icon-button",
+              "icon-name": "send",
+              type: "clear",
+              "icon-type": "400",
+              "icon-color": "#1968e5",
+              size: "xl",
+              "container-small": "",
+              loading: e.sendingLoading,
+              disabled: !n.value
+            }, null, 8, ["loading", "disabled"])
+          ])
+        ])
+      ], 2),
+      c(z, {
+        ref_key: "attachmentsRef",
+        ref: r,
+        "max-files": s(f),
+        "sending-loading": e.sendingLoading,
+        class: v(["ui-chat__footer-attachments", { "ui-chat__footer-attachments--empty": !l.value.length }]),
+        onChange: a[2] || (a[2] = (t) => {
+          l.value = t, d("attach", t);
+        })
+      }, null, 8, ["max-files", "sending-loading", "class"])
+    ]));
+  }
+});
+export {
+  Q as _
+};

package/dist/assets/{UiTextarea.vue_vue_type_script_setup_true_lang.D7yuONgD.js → UiTextarea.vue_vue_type_script_setup_true_lang.BAO4Rh6-.js}

@@ -1,15 +1,15 @@
-import { defineComponent as z, mergeModels as m, useModel as $, ref as c, onMounted as L, nextTick as M, createElementBlock as n, openBlock as u, normalizeClass as h, renderSlot as r, withDirectives as N, createCommentVNode as d, createElementVNode as T, vModelText as C, createVNode as D, toDisplayString as y } from "vue";
-import { _ as I } from "./UiCopyText.vue_vue_type_script_setup_true_lang.DZTcTa4v.js";
+import { defineComponent as $, mergeModels as c, useModel as L, ref as m, onMounted as M, nextTick as N, createElementBlock as n, openBlock as u, normalizeClass as h, renderSlot as r, withDirectives as T, createCommentVNode as d, createElementVNode as C, vModelText as D, createVNode as I, toDisplayString as y } from "vue";
+import { _ as K } from "./UiCopyText.vue_vue_type_script_setup_true_lang.DZTcTa4v.js";
 /* empty css                                                    */
-const K = ["maxlength", "id", "placeholder", "disabled", "readonly", "rows"], F = {
+const F = ["maxlength", "id", "placeholder", "disabled", "readonly", "rows"], O = {
   key: 1,
   class: "ui-textarea__maxlength"
-}, O = {
+}, R = {
   key: 2,
   class: "ui-textarea__placeholder-block"
-}, _ = /* @__PURE__ */ z({
+}, H = /* @__PURE__ */ $({
   __name: "UiTextarea",
-  props: /* @__PURE__ */ m({
+  props: /* @__PURE__ */ c({
     maxLength: {},
     isDisabled: { type: Boolean },
     placeholder: { default: "" },
@@ -28,9 +28,9 @@ const K = ["maxlength", "id", "placeholder", "disabled", "readonly", "rows"], F
     modelValue: { default: null },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ m(["input", "blur", "focus", "change", "submit"], ["update:modelValue"]),
-  setup(f, { expose: v, emit: g }) {
-    const i = f, o = g, l = $(f, "modelValue"), s = c(!1), a = c();
+  emits: /* @__PURE__ */ c(["input", "blur", "focus", "change", "submit", "paste"], ["update:modelValue"]),
+  setup(p, { expose: v, emit: g }) {
+    const i = p, o = g, l = L(p, "modelValue"), s = m(!1), a = m();
     function t() {
       a.value && i.size == "auto" && (a.value.style.height = "1em", a.value.style.height = a.value.scrollHeight + "px");
     }
@@ -53,14 +53,17 @@ const K = ["maxlength", "id", "placeholder", "disabled", "readonly", "rows"], F
     function x() {
       t();
     }
-    function E() {
+    function E(e) {
+      o("paste", e);
+    }
+    function w() {
       o("change");
     }
     return v({
       focus: () => a.value?.focus()
-    }), L(() => {
-      M(t);
-    }), (e, p) => (u(), n("label", {
+    }), M(() => {
+      N(t);
+    }), (e, f) => (u(), n("label", {
       class: h(["ui-textarea", [
         e.size,
         { "is-focus": s.value },
@@ -70,12 +73,12 @@ const K = ["maxlength", "id", "placeholder", "disabled", "readonly", "rows"], F
       ]])
     }, [
       r(e.$slots, "prepend"),
-      N(T("textarea", {
+      T(C("textarea", {
         maxlength: e.maxLength,
         id: e.id,
         ref_key: "textareaRef",
         ref: a,
-        "onUpdate:modelValue": p[0] || (p[0] = (w) => l.value = w),
+        "onUpdate:modelValue": f[0] || (f[0] = (z) => l.value = z),
         class: "ui-textarea__textarea",
         placeholder: e.$slots.placeholder ? "" : e.placeholder,
         disabled: e.disabled,
@@ -83,31 +86,32 @@ const K = ["maxlength", "id", "placeholder", "disabled", "readonly", "rows"], F
         onBlur: b,
         onFocus: k,
         onInput: B,
-        onChange: E,
+        onChange: w,
+        onPaste: E,
         onKeyup: x,
         onKeydown: V,
         rows: e.rows
-      }, null, 40, K), [
-        [C, l.value]
+      }, null, 40, F), [
+        [D, l.value]
       ]),
       r(e.$slots, "append"),
       e.copy && l.value ? (u(), n("div", {
         key: 0,
         class: h(["ui-textarea__copy", { "is-disabled": e.disabled }])
       }, [
-        D(I, {
+        I(K, {
           colorIcon: "var(--color-icon-tertiary)",
           sizeIcon: "sm",
           copiedText: l.value
         }, null, 8, ["copiedText"])
       ], 2)) : d("", !0),
-      e.maxLength ? (u(), n("div", F, y(l.value?.length) + " / " + y(e.maxLength), 1)) : d("", !0),
-      e.$slots.placeholder && !l.value && !s.value ? (u(), n("div", O, [
+      e.maxLength ? (u(), n("div", O, y(l.value?.length) + " / " + y(e.maxLength), 1)) : d("", !0),
+      e.$slots.placeholder && !l.value && !s.value ? (u(), n("div", R, [
         r(e.$slots, "placeholder")
       ])) : d("", !0)
     ], 2));
   }
 });
 export {
-  _
+  H as _
 };

package/dist/components/UiChat/UiChat.js

@@ -1,4 +1,4 @@
-import { _ as m } from "../../assets/UiChat.vue_vue_type_script_setup_true_lang.DCBYICkI.js";
+import { _ as m } from "../../assets/UiChat.vue_vue_type_script_setup_true_lang.5Ww-IJjp.js";
 import "../../assets/style.C3xG1ALc.js";
 export {
   m as default

package/dist/components/UiChat/UiChat.vue.d.ts

@@ -1,3 +1,4 @@
+import { nextTick } from 'vue';
 import { UiChatProps, ChatAction, UiChatSubmitPayload } from './types';
 declare const _default: import('vue').DefineComponent<UiChatProps, {
     clearInputAndFiles: () => void;
@@ -5,11 +6,18 @@ declare const _default: import('vue').DefineComponent<UiChatProps, {
     submit: (payload: UiChatSubmitPayload) => any;
     "action-ticket": (value: ChatAction) => any;
     attach: (files: File[]) => any;
+    read: (payload: {
+        ticketId: number;
+    }) => any;
 }, string, import('vue').PublicProps, Readonly<UiChatProps> & Readonly<{
     onSubmit?: ((payload: UiChatSubmitPayload) => any) | undefined;
     "onAction-ticket"?: ((value: ChatAction) => any) | undefined;
     onAttach?: ((files: File[]) => any) | undefined;
+    onRead?: ((payload: {
+        ticketId: number;
+    }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    chatBodyRef: HTMLDivElement;
     footerRef: ({
         $: import('vue').ComponentInternalInstance;
         $data: {};
@@ -33,6 +41,7 @@ declare const _default: import('vue').DefineComponent<UiChatProps, {
             }>, {
                 openFileDialog: () => void;
                 clearFiles: () => void;
+                addFiles: (newFiles: File[]) => void;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
                 change: (files: File[]) => any;
             }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
@@ -53,6 +62,7 @@ declare const _default: import('vue').DefineComponent<UiChatProps, {
             }>, {
                 openFileDialog: () => void;
                 clearFiles: () => void;
+                addFiles: (newFiles: File[]) => void;
             }, {}, {}, {}, {}> | null;
         };
         $slots: Readonly<{
@@ -91,7 +101,7 @@ declare const _default: import('vue').DefineComponent<UiChatProps, {
             errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
         };
         $forceUpdate: () => void;
-        $nextTick: typeof import('vue').nextTick;
+        $nextTick: typeof nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
     } & Readonly<{}> & Omit<Readonly<{
         sendingLoading?: boolean;

package/dist/components/UiChat/UiChatAttachments.js

@@ -1,4 +1,4 @@
-import { _ as m } from "../../assets/UiChatAttachments.vue_vue_type_script_setup_true_lang.DDZ-aWa5.js";
+import { _ as m } from "../../assets/UiChatAttachments.vue_vue_type_script_setup_true_lang.BldJhrnR.js";
 /* empty css                                                                      */
 export {
   m as default

package/dist/components/UiChat/UiChatAttachments.vue.d.ts

@@ -6,6 +6,7 @@ type __VLS_Props = {
 declare const _default: import('vue').DefineComponent<__VLS_Props, {
     openFileDialog: () => void;
     clearFiles: () => void;
+    addFiles: (newFiles: File[]) => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     change: (files: File[]) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{

package/dist/components/UiChat/UiChatFooter.js

@@ -1,4 +1,4 @@
-import { _ as m } from "../../assets/UiChatFooter.vue_vue_type_script_setup_true_lang.DDY3HZXd.js";
+import { _ as m } from "../../assets/UiChatFooter.vue_vue_type_script_setup_true_lang.BgESk-GX.js";
 import "../../assets/style.C3xG1ALc.js";
 export {
   m as default

package/dist/components/UiChat/UiChatFooter.vue.d.ts

@@ -18,6 +18,7 @@ declare function __VLS_template(): {
         }>, {
             openFileDialog: () => void;
             clearFiles: () => void;
+            addFiles: (newFiles: File[]) => void;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
             change: (files: File[]) => any;
         }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
@@ -38,6 +39,7 @@ declare function __VLS_template(): {
         }>, {
             openFileDialog: () => void;
             clearFiles: () => void;
+            addFiles: (newFiles: File[]) => void;
         }, {}, {}, {}, {}> | null;
     };
     rootEl: HTMLDivElement;
@@ -61,6 +63,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     }>, {
         openFileDialog: () => void;
         clearFiles: () => void;
+        addFiles: (newFiles: File[]) => void;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
         change: (files: File[]) => any;
     }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
@@ -81,6 +84,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     }>, {
         openFileDialog: () => void;
         clearFiles: () => void;
+        addFiles: (newFiles: File[]) => void;
     }, {}, {}, {}, {}> | null;
 }, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/components/UiTextarea/UiTextarea.js

@@ -1,4 +1,4 @@
-import { _ as m } from "../../assets/UiTextarea.vue_vue_type_script_setup_true_lang.D7yuONgD.js";
+import { _ as m } from "../../assets/UiTextarea.vue_vue_type_script_setup_true_lang.BAO4Rh6-.js";
 /* empty css                                                               */
 export {
   m as default

package/dist/components/UiTextarea/UiTextarea.vue.d.ts

@@ -24,6 +24,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     submit: (...args: any[]) => void;
     blur: (...args: any[]) => void;
     focus: (...args: any[]) => void;
+    paste: (...args: any[]) => void;
     "update:modelValue": (value: string | null) => void;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onInput?: ((...args: any[]) => any) | undefined;
@@ -32,6 +33,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     onSubmit?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
+    onPaste?: ((...args: any[]) => any) | undefined;
 }>, {
     size: import('./type.ts').UiTextareaSize;
     placeholder: string;

package/dist/index.js

@@ -3,7 +3,7 @@ import { _ as C } from "./assets/UiAvatar.vue_vue_type_script_setup_true_lang.DA
 import "./assets/style.C3xG1ALc.js";
 import { _ as b } from "./assets/UiBlockTitle.vue_vue_type_script_setup_true_lang.CfFJC_O7.js";
 import { _ as M } from "./assets/UiButton.vue_vue_type_script_setup_true_lang.C102Xym_.js";
-import { _ as D } from "./assets/UiChat.vue_vue_type_script_setup_true_lang.DCBYICkI.js";
+import { _ as D } from "./assets/UiChat.vue_vue_type_script_setup_true_lang.5Ww-IJjp.js";
 import { _ as w } from "./assets/UiCheckbox.vue_vue_type_script_setup_true_lang.Cc-pU9ur.js";
 import { _ as F } from "./assets/UiCheckboxGroup.vue_vue_type_script_setup_true_lang.RuHoIxXC.js";
 /* empty css                                                                */
@@ -58,7 +58,7 @@ import { _ as Qo } from "./assets/UiTabs.vue_vue_type_script_setup_true_lang.Cl2
 import { _ as Wo } from "./assets/UiTabsItem.vue_vue_type_script_setup_true_lang.XvsBaqkr.js";
 /* empty css                                                           */
 import { default as Yo } from "./components/UiTag/UiTag.js";
-import { _ as $o } from "./assets/UiTextarea.vue_vue_type_script_setup_true_lang.D7yuONgD.js";
+import { _ as $o } from "./assets/UiTextarea.vue_vue_type_script_setup_true_lang.BAO4Rh6-.js";
 /* empty css                                                           */
 import { _ as rr } from "./assets/UiTooltip.vue_vue_type_script_setup_true_lang.CHftlCxm.js";
 import { default as ar } from "./composables/useNotification/useNotification.js";