@mobilon-dev/chotto 0.3.45 → 0.3.46

package/dist/components/2_chatlist_elements/ChatItem/ChatItem.vue.js

@@ -1,7 +1,7 @@
 import t from "./ChatItem.vue2.js";
 /* empty css              */
 import o from "../../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ o(t, [["__scopeId", "data-v-dce06392"]]);
+const e = /* @__PURE__ */ o(t, [["__scopeId", "data-v-7011fb0e"]]);
 export {
   e as default
 };

package/dist/components/2_chatlist_elements/ChatItem/ChatItem.vue2.js

@@ -1,10 +1,10 @@
-import { defineComponent as gt, inject as ft, useId as yt, ref as C, computed as y, watch as vt, onMounted as pt, nextTick as b, onUnmounted as kt, createElementBlock as s, openBlock as o, createElementVNode as r, createCommentVNode as l, withModifiers as _t, normalizeClass as A, normalizeStyle as W, createVNode as V, withCtx as S, toDisplayString as m, createBlock as I, resolveDynamicComponent as xt, Teleport as Ct, unref as T, Fragment as $, renderList as wt } from "vue";
-import { getStatus as Mt, statuses as It } from "../../../functions/getStatusMessage.js";
+import { defineComponent as ft, inject as gt, useId as yt, ref as C, computed as y, watch as vt, onMounted as pt, nextTick as b, onUnmounted as kt, createElementBlock as s, openBlock as o, createElementVNode as r, createCommentVNode as l, withModifiers as _t, normalizeClass as A, normalizeStyle as W, createVNode as V, withCtx as S, toDisplayString as m, createBlock as T, resolveDynamicComponent as xt, Teleport as Ct, unref as M, Fragment as $, renderList as wt } from "vue";
+import { getStatus as It, statuses as Tt } from "../../../functions/getStatusMessage.js";
 import "../../../functions/parseMarkdown.js";
 import { t as U } from "../../../locale/useLocale.js";
 import "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
-import { useTheme as Tt } from "../../../hooks/useTheme.js";
+import { useTheme as Mt } from "../../../hooks/useTheme.js";
 /* empty css                              */
 /* empty css                                              */
 import "../../../node_modules/linkifyjs/dist/linkify.js";
@@ -12,54 +12,55 @@ import z from "../../1_atoms/Tooltip/Tooltip.vue.js";
 import Et from "../../1_atoms/ButtonContextMenu/ButtonContextMenu.vue.js";
 import Bt from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
 import bt from "../../1_icons/AvatarIcon.vue.js";
-import At from "./icons/FileIcon.vue.js";
-import Vt from "./icons/ImageIcon.vue.js";
+import At from "./icons/AudioIcon.vue.js";
+import Vt from "./icons/FileIcon.vue.js";
+import St from "./icons/ImageIcon.vue.js";
+import Ut from "./icons/MissedCallIcon.vue.js";
 import O from "./icons/StickerIcon.vue.js";
-import St from "./icons/VideoIcon.vue.js";
-import Ut from "./icons/VoiceIcon.vue.js";
-import Lt from "./icons/AudioIcon.vue.js";
-const Dt = { class: "chat-item__avatar-container" }, Nt = ["src"], Xt = {
+import Lt from "./icons/VideoIcon.vue.js";
+import Dt from "./icons/VoiceIcon.vue.js";
+const Nt = { class: "chat-item__avatar-container" }, Xt = ["src"], Yt = {
   key: 1,
   class: "chat-item__avatar-placeholder"
-}, Yt = { class: "chat-item__info-container" }, Ft = { class: "chat-item__name" }, Ht = {
+}, Ft = { class: "chat-item__info-container" }, Ht = { class: "chat-item__name" }, Rt = {
   key: 0,
   class: "chat-item__last-message"
-}, Rt = { class: "chat-item__last-message-text" }, Wt = { class: "chat-item__details-container" }, $t = {
+}, Wt = { class: "chat-item__last-message-text" }, $t = { class: "chat-item__details-container" }, zt = {
   key: 0,
   class: "chat-item__time"
-}, zt = { class: "chat-item__status-unread-container" }, Ot = {
+}, Ot = { class: "chat-item__status-unread-container" }, qt = {
   key: 0,
   class: "pi pi-clock"
-}, qt = {
+}, Gt = {
   key: 1,
   class: "pi pi-exclamation-circle"
-}, Gt = {
+}, Jt = {
   key: 0,
   class: "pi pi-check"
-}, Jt = {
+}, Kt = {
   key: 1,
   class: "chat-item__unread"
-}, Kt = {
+}, Pt = {
   key: 2,
   class: "chat-item__status-chat-container"
-}, Pt = {
+}, Qt = {
   key: 0,
   class: "chat-item__fixed pi pi-thumbtack"
-}, Qt = {
+}, Zt = {
   key: 0,
   id: "noSelectButton",
   class: "chat-item__menu-button"
-}, Zt = {
+}, jt = {
   key: 1,
   id: "noSelectButton",
   class: "chat-item__menu-button"
-}, jt = {
+}, te = {
   key: 0,
   class: "dialog__container"
-}, te = ["onClick"], ee = ["src"], ne = {
+}, ee = ["onClick"], ne = ["src"], ie = {
   key: 1,
   class: "dialog__icon pi pi-user"
-}, ie = { class: "dialog__text-container" }, oe = { class: "dialog__name" }, ce = { class: "dialog__time" }, Te = /* @__PURE__ */ gt({
+}, oe = { class: "dialog__text-container" }, ce = { class: "dialog__name" }, se = { class: "dialog__time" }, Be = /* @__PURE__ */ ft({
   __name: "ChatItem",
   props: {
     chat: {},
@@ -68,7 +69,7 @@ const Dt = { class: "chat-item__avatar-container" }, Nt = ["src"], Xt = {
   },
   emits: ["select", "action", "expand"],
   setup(c, { emit: q }) {
-    const G = ft("chatAppId"), { getTheme: L } = Tt(G), e = c, w = q, h = yt(), g = C(!1), v = C(!1), E = C(!1), J = C(null), K = () => {
+    const G = gt("chatAppId"), { getTheme: L } = Mt(G), e = c, w = q, h = yt(), f = C(!1), v = C(!1), E = C(!1), J = C(null), K = () => {
       E.value = !0;
     }, P = (t) => {
       E.value || t.target instanceof HTMLElement && t.target.id != "noSelectButton" && w("select", { chat: e.chat, dialog: null }), E.value = !1;
@@ -84,9 +85,9 @@ const Dt = { class: "chat-item__avatar-container" }, Nt = ["src"], Xt = {
         const i = n;
         i.id !== "context-menu-rightclick-" + h && (i.style.top = "0", i.style.left = "0", i.style.opacity = "0", i.style.display = "none");
       });
-    }, et = () => e.chat.dialogs ? [...e.chat.dialogs].sort((t, n) => Number(t["lastActivity.timestamp"]) > Number(n["lastActivity.timestamp"]) ? -1 : Number(t["lastActivity.timestamp"]) < Number(n["lastActivity.timestamp"]) ? 1 : (Number(t["lastActivity.timestamp"]) == Number(n["lastActivity.timestamp"]), 0)) : [], nt = y(() => Mt(e.chat["lastMessage.status"])), it = y(() => e.chat.showEmptyIndicator || e.chat.countUnread > 0), ot = y(() => e.chat.countUnread > 0 ? e.chat.countUnread > 99 ? "99+" : e.chat.countUnread : e.chat.showEmptyIndicator ? "" : void 0);
-    let M;
-    const f = C(0), N = [U("component.ChatItem.typing") + ".", U("component.ChatItem.typing") + "..", U("component.ChatItem.typing") + "..."], X = (t) => {
+    }, et = () => e.chat.dialogs ? [...e.chat.dialogs].sort((t, n) => Number(t["lastActivity.timestamp"]) > Number(n["lastActivity.timestamp"]) ? -1 : Number(t["lastActivity.timestamp"]) < Number(n["lastActivity.timestamp"]) ? 1 : (Number(t["lastActivity.timestamp"]) == Number(n["lastActivity.timestamp"]), 0)) : [], nt = y(() => It(e.chat["lastMessage.status"])), it = y(() => e.chat.showEmptyIndicator || e.chat.countUnread > 0), ot = y(() => e.chat.countUnread > 0 ? e.chat.countUnread > 99 ? "99+" : e.chat.countUnread : e.chat.showEmptyIndicator ? "" : void 0);
+    let I;
+    const g = C(0), N = [U("component.ChatItem.typing") + ".", U("component.ChatItem.typing") + "..", U("component.ChatItem.typing") + "..."], X = (t) => {
       var u, a, d;
       if (typeof t == "string")
         return t;
@@ -94,6 +95,8 @@ const Dt = { class: "chat-item__avatar-container" }, Nt = ["src"], Xt = {
         return "Стикер";
       if ((t == null ? void 0 : t.type) === "message.audio")
         return (t.isVoiceMessage || ((u = t == null ? void 0 : t.data) == null ? void 0 : u.isVoiceMessage)) === !0 ? "Голосовое сообщение" : "Аудиофайл";
+      if ((t == null ? void 0 : t.type) === "message.missedCall")
+        return "Пропущенный звонок";
       const n = (a = t == null ? void 0 : t.data) == null ? void 0 : a.text;
       if (n)
         return n;
@@ -109,32 +112,34 @@ const Dt = { class: "chat-item__avatar-container" }, Nt = ["src"], Xt = {
       if (t === "message.sticker")
         return O;
       if (t === "message.image")
-        return Vt;
-      if (t === "message.video")
         return St;
+      if (t === "message.video")
+        return Lt;
       if (t === "message.audio") {
         const a = e.chat.lastMessage;
-        return (a.isVoiceMessage || ((n = a == null ? void 0 : a.data) == null ? void 0 : n.isVoiceMessage)) === !0 ? Ut : Lt;
+        return (a.isVoiceMessage || ((n = a == null ? void 0 : a.data) == null ? void 0 : n.isVoiceMessage)) === !0 ? Dt : At;
       }
+      if (t === "message.missedCall")
+        return Ut;
       if (t === "message.file") {
         const a = e.chat.lastMessage, d = ((u = (i = a == null ? void 0 : a.data) == null ? void 0 : i.filename) == null ? void 0 : u.toLowerCase()) || "";
-        return d.endsWith(".tgs") || d.endsWith(".webp") ? O : At;
+        return d.endsWith(".tgs") || d.endsWith(".webp") ? O : Vt;
       }
       return null;
-    }), st = y(() => e.chat.typing ? N[f.value] : X(e.chat.lastMessage)), at = y(() => e.chat.typing ? N[f.value] : X(e.chat.lastMessage));
+    }), st = y(() => e.chat.typing ? N[g.value] : X(e.chat.lastMessage)), at = y(() => e.chat.typing ? N[g.value] : X(e.chat.lastMessage));
     vt(
       () => e.chat.typing,
       () => {
-        e.chat.typing ? M = setInterval(() => {
-          f.value < 2 ? f.value += 1 : f.value = 0;
-        }, 1e3) : (f.value = 0, M && (clearInterval(M), M = void 0));
+        e.chat.typing ? I = setInterval(() => {
+          g.value < 2 ? g.value += 1 : g.value = 0;
+        }, 1e3) : (g.value = 0, I && (clearInterval(I), I = void 0));
       },
       { immediate: !0 }
     );
     const rt = () => {
-      e.contextMenuTrigger === "hover" && (g.value = !0);
+      e.contextMenuTrigger === "hover" && (f.value = !0);
     }, lt = (t) => {
-      e.contextMenuTrigger === "hover" && (t.relatedTarget instanceof HTMLElement && t.relatedTarget.className == "context-menu__list" ? g.value = !0 : g.value = !1);
+      e.contextMenuTrigger === "hover" && (t.relatedTarget instanceof HTMLElement && t.relatedTarget.className == "context-menu__list" ? f.value = !0 : f.value = !1);
     }, ut = (t) => {
       e.contextMenuTrigger === "rightClick" && e.chat.actions && dt(t);
     }, dt = (t) => {
@@ -178,7 +183,7 @@ const Dt = { class: "chat-item__avatar-container" }, Nt = ["src"], Xt = {
         onClick: P,
         onContextmenu: _t(ut, ["prevent"])
       }, [
-        r("div", Dt, [
+        r("div", Nt, [
           r("span", {
             class: "chat-item__status-user",
             style: W({ backgroundColor: e.chat.status })
@@ -188,17 +193,17 @@ const Dt = { class: "chat-item__avatar-container" }, Nt = ["src"], Xt = {
             src: e.chat.avatar,
             height: "48",
             width: "48"
-          }, null, 8, Nt)) : (o(), s("div", Xt, [
+          }, null, 8, Xt)) : (o(), s("div", Yt, [
             V(bt)
           ]))
         ]),
-        r("div", Yt, [
+        r("div", Ft, [
           V(z, {
             text: c.chat.name,
             position: "bottom"
           }, {
             default: S(() => [
-              r("div", Ft, m(c.chat.name), 1)
+              r("div", Ht, m(c.chat.name), 1)
             ]),
             _: 1
           }, 8, ["text"]),
@@ -207,58 +212,58 @@ const Dt = { class: "chat-item__avatar-container" }, Nt = ["src"], Xt = {
             position: "bottom"
           }, {
             default: S(() => [
-              c.chat.lastMessage || c.chat.typing ? (o(), s("div", Ht, [
-                Y.value ? (o(), I(xt(Y.value), {
+              c.chat.lastMessage || c.chat.typing ? (o(), s("div", Rt, [
+                Y.value ? (o(), T(xt(Y.value), {
                   key: 0,
                   class: "chat-item__message-icon"
                 })) : l("", !0),
-                r("span", Rt, m(at.value), 1)
+                r("span", Wt, m(at.value), 1)
               ])) : l("", !0)
             ]),
             _: 1
           }, 8, ["text"])
         ]),
-        r("div", Wt, [
-          c.chat["lastActivity.time"] && (!c.chat.actions || !g.value) ? (o(), s("div", $t, m(c.chat["lastActivity.time"]), 1)) : l("", !0),
-          g.value && c.chat.actions && c.contextMenuTrigger === "hover" ? (o(), I(Et, {
+        r("div", $t, [
+          c.chat["lastActivity.time"] && (!c.chat.actions || !f.value) ? (o(), s("div", zt, m(c.chat["lastActivity.time"]), 1)) : l("", !0),
+          f.value && c.chat.actions && c.contextMenuTrigger === "hover" ? (o(), T(Et, {
             key: 1,
             mode: "click",
             "menu-side": "bottom-right",
             actions: c.chat.actions,
             onClick: D,
             onButtonClick: K,
-            onMenuMouseLeave: n[0] || (n[0] = (i) => g.value = !1)
+            onMenuMouseLeave: n[0] || (n[0] = (i) => f.value = !1)
           }, {
             default: S(() => [...n[2] || (n[2] = [
               r("span", { class: "pi pi-ellipsis-h chat-item__actions-trigger" }, null, -1)
             ])]),
             _: 1
           }, 8, ["actions"])) : l("", !0),
-          (o(), I(Ct, { to: "body" }, [
-            c.contextMenuTrigger === "rightClick" && c.chat.actions && v.value ? (o(), I(Bt, {
+          (o(), T(Ct, { to: "body" }, [
+            c.contextMenuTrigger === "rightClick" && c.chat.actions && v.value ? (o(), T(Bt, {
               key: 0,
-              id: "context-menu-rightclick-" + T(h),
+              id: "context-menu-rightclick-" + M(h),
               actions: c.chat.actions,
-              "data-theme": T(L)().theme ? T(L)().theme : "light",
+              "data-theme": M(L)().theme ? M(L)().theme : "light",
               onClick: D,
               onMouseenter: mt,
               onMouseleave: ht
             }, null, 8, ["id", "actions", "data-theme"])) : l("", !0)
           ])),
-          r("div", zt, [
-            T(It).includes(c.chat["lastMessage.status"]) ? (o(), s("div", {
+          r("div", Ot, [
+            M(Tt).includes(c.chat["lastMessage.status"]) ? (o(), s("div", {
               key: 0,
               class: A(["chat-item__status-message", nt.value])
             }, [
-              c.chat["lastMessage.status"] === "pending" ? (o(), s("span", Ot)) : c.chat["lastMessage.status"] === "error" ? (o(), s("span", qt)) : (o(), s($, { key: 2 }, [
-                c.chat["lastMessage.status"] !== "sent" ? (o(), s("span", Gt)) : l("", !0),
+              c.chat["lastMessage.status"] === "pending" ? (o(), s("span", qt)) : c.chat["lastMessage.status"] === "error" ? (o(), s("span", Gt)) : (o(), s($, { key: 2 }, [
+                c.chat["lastMessage.status"] !== "sent" ? (o(), s("span", Jt)) : l("", !0),
                 n[3] || (n[3] = r("span", { class: "pi pi-check" }, null, -1))
               ], 64))
             ], 2)) : l("", !0),
-            it.value ? (o(), s("div", Jt, m(ot.value), 1)) : l("", !0)
+            it.value ? (o(), s("div", Kt, m(ot.value), 1)) : l("", !0)
           ]),
-          c.chat.countUnread < 1 ? (o(), s("div", Kt, [
-            c.chat.isFixedTop || c.chat.isFixedBottom ? (o(), s("span", Pt)) : l("", !0)
+          c.chat.countUnread < 1 ? (o(), s("div", Pt, [
+            c.chat.isFixedTop || c.chat.isFixedBottom ? (o(), s("span", Qt)) : l("", !0)
           ])) : l("", !0)
         ]),
         e.showDialogs && c.chat.dialogs ? (o(), s("div", {
@@ -266,13 +271,13 @@ const Dt = { class: "chat-item__avatar-container" }, Nt = ["src"], Xt = {
           class: "chat-item__dialog-buttons",
           onClick: n[1] || (n[1] = (i) => w("expand", e.chat))
         }, [
-          e.showDialogs && !c.chat.dialogsExpanded ? (o(), s("button", Qt, [...n[4] || (n[4] = [
+          e.showDialogs && !c.chat.dialogsExpanded ? (o(), s("button", Zt, [...n[4] || (n[4] = [
             r("span", {
               id: "noSelectButton",
               class: "pi pi-angle-down"
             }, null, -1)
           ])])) : l("", !0),
-          e.showDialogs && c.chat.dialogsExpanded ? (o(), s("button", Zt, [...n[5] || (n[5] = [
+          e.showDialogs && c.chat.dialogsExpanded ? (o(), s("button", jt, [...n[5] || (n[5] = [
             r("span", {
               id: "noSelectButton",
               class: "pi pi-angle-up"
@@ -280,7 +285,7 @@ const Dt = { class: "chat-item__avatar-container" }, Nt = ["src"], Xt = {
           ])])) : l("", !0)
         ])) : l("", !0)
       ], 34),
-      e.showDialogs && c.chat.dialogsExpanded ? (o(), s("div", jt, [
+      e.showDialogs && c.chat.dialogsExpanded ? (o(), s("div", te, [
         (o(!0), s($, null, wt(et(), (i) => (o(), s("div", {
           key: i.dialogId,
           class: A(["dialog__item", j(i)]),
@@ -292,21 +297,21 @@ const Dt = { class: "chat-item__avatar-container" }, Nt = ["src"], Xt = {
             src: i.icon,
             height: "16",
             width: "16"
-          }, null, 8, ee)) : (o(), s("span", ne)),
-          r("div", ie, [
-            r("div", oe, m(i.name), 1),
-            r("div", ce, m(i["lastActivity.time"]), 1)
+          }, null, 8, ne)) : (o(), s("span", ie)),
+          r("div", oe, [
+            r("div", ce, m(i.name), 1),
+            r("div", se, m(i["lastActivity.time"]), 1)
           ]),
           i.countUnread > 0 ? (o(), s("div", {
             key: 2,
             class: "chat-item__unread",
             style: W(i.colorUnread ? { backgroundColor: i.colorUnread } : {})
           }, m(i.countUnread > 99 ? "99+" : i.countUnread), 5)) : l("", !0)
-        ], 10, te))), 128))
+        ], 10, ee))), 128))
       ])) : l("", !0)
     ]));
   }
 });
 export {
-  Te as default
+  Be as default
 };

package/dist/components/2_chatlist_elements/ChatItem/icons/MissedCallIcon.vue.js

@@ -0,0 +1,34 @@
+import { createElementBlock as t, openBlock as l, createElementVNode as C } from "vue";
+import o from "../../../../_virtual/_plugin-vue_export-helper.js";
+const i = {}, r = {
+  width: "16",
+  height: "16",
+  viewBox: "0 0 16 16",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function n(c, e) {
+  return l(), t("svg", r, [...e[0] || (e[0] = [
+    C("g", { "clip-path": "url(#clip0_8058_5201)" }, [
+      C("path", {
+        "fill-rule": "evenodd",
+        "clip-rule": "evenodd",
+        d: "M1.88547 0.511894C2.06045 0.337182 2.27055 0.201652 2.50187 0.114284C2.73318 0.0269155 2.98043 -0.0102955 3.22721 0.00511669C3.47399 0.0205289 3.71469 0.0882124 3.93333 0.203682C4.15198 0.319151 4.34359 0.47977 4.49547 0.674894L6.29047 2.98089C6.61947 3.40389 6.73547 3.95489 6.60547 4.47489L6.05847 6.66489C6.03019 6.77832 6.03172 6.89714 6.06291 7.0098C6.0941 7.12247 6.15388 7.22516 6.23647 7.30789L8.69347 9.76489C8.77631 9.84765 8.87916 9.90754 8.99202 9.93873C9.10488 9.96992 9.22389 9.97136 9.33747 9.94289L11.5265 9.39589C11.7831 9.33173 12.0509 9.32675 12.3098 9.38132C12.5686 9.43589 12.8116 9.54859 13.0205 9.71089L15.3265 11.5049C16.1555 12.1499 16.2315 13.3749 15.4895 14.1159L14.4555 15.1499C13.7155 15.8899 12.6095 16.2149 11.5785 15.8519C8.93965 14.9234 6.54374 13.4127 4.56847 11.4319C2.58776 9.45691 1.07708 7.06135 0.148471 4.42289C-0.213529 3.39289 0.111471 2.28589 0.851471 1.54589L1.88547 0.511894ZM15.8545 0.146894C15.901 0.193339 15.938 0.248515 15.9632 0.30926C15.9884 0.370005 16.0014 0.435126 16.0014 0.500894C16.0014 0.566661 15.9884 0.631782 15.9632 0.692527C15.938 0.753273 15.901 0.808448 15.8545 0.854894L11.7075 5.00089H14.5005C14.6331 5.00089 14.7603 5.05357 14.854 5.14734C14.9478 5.24111 15.0005 5.36829 15.0005 5.50089C15.0005 5.6335 14.9478 5.76068 14.854 5.85445C14.7603 5.94822 14.6331 6.00089 14.5005 6.00089H10.5005C10.3679 6.00089 10.2407 5.94822 10.1469 5.85445C10.0531 5.76068 10.0005 5.6335 10.0005 5.50089V1.50089C10.0005 1.36829 10.0531 1.24111 10.1469 1.14734C10.2407 1.05357 10.3679 1.00089 10.5005 1.00089C10.6331 1.00089 10.7603 1.05357 10.854 1.14734C10.9478 1.24111 11.0005 1.36829 11.0005 1.50089V4.29389L15.1465 0.146894C15.1929 0.100331 15.2481 0.0633877 15.3088 0.0381813C15.3696 0.0129748 15.4347 0 15.5005 0C15.5662 0 15.6314 0.0129748 15.6921 0.0381813C15.7528 0.0633877 15.808 0.100331 15.8545 0.146894Z",
+        fill: "currentColor"
+      })
+    ], -1),
+    C("defs", null, [
+      C("clipPath", { id: "clip0_8058_5201" }, [
+        C("rect", {
+          width: "16",
+          height: "16",
+          fill: "white"
+        })
+      ])
+    ], -1)
+  ])]);
+}
+const p = /* @__PURE__ */ o(i, [["render", n]]);
+export {
+  p as default
+};

package/dist/components/2_feed_elements/AudioMessage/AudioMessage.vue.js

@@ -1,7 +1,7 @@
 import o from "./AudioMessage.vue2.js";
 /* empty css                  */
 import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-a051d273"]]);
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-c8075a05"]]);
 export {
   e as default
 };