@mobilon-dev/chotto 0.3.85 → 0.3.87

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

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

package/dist/components/2_feed_elements/DeletedMessageContent/DeletedMessageContent.vue2.js

@@ -0,0 +1,63 @@
+import { defineComponent as u, computed as c, createBlock as f, createElementBlock as n, openBlock as t, withCtx as i, createElementVNode as o, createVNode as d, toDisplayString as s, createCommentVNode as m } from "vue";
+import { useLocale as h } from "../../../locale/useLocale.js";
+import x from "../../1_atoms/Tooltip/Tooltip.vue.js";
+import r from "./icons/DeletedMessageIcon.vue.js";
+const y = { class: "deleted-message-content__tooltip" }, b = {
+  key: 0,
+  class: "deleted-message-content__tooltip-original"
+}, v = {
+  key: 1,
+  class: "deleted-message-content__tooltip-meta"
+}, k = { class: "deleted-message-content" }, T = { class: "deleted-message-content__text" }, C = {
+  key: 1,
+  class: "deleted-message-content"
+}, B = { class: "deleted-message-content__text" }, q = /* @__PURE__ */ u({
+  __name: "DeletedMessageContent",
+  props: {
+    /** Оригинальный текст удалённого сообщения */
+    originalText: {
+      type: String,
+      required: !1,
+      default: ""
+    },
+    /** Строка мета: «Имя, дата в время» */
+    meta: {
+      type: String,
+      required: !1,
+      default: ""
+    }
+  },
+  setup(e) {
+    const a = e, { t: _ } = h(), l = c(() => _("component.DeletedMessageContent.text")), g = c(() => !!(a.originalText || a.meta)), p = {
+      "--chotto-tooltip-border": "1px solid #5F5F5F"
+    };
+    return (D, S) => g.value ? (t(), f(x, {
+      key: 0,
+      position: "bottom-right",
+      offset: 8,
+      delay: 400,
+      "max-width": "280px",
+      "bubble-style": p
+    }, {
+      content: i(() => [
+        o("div", y, [
+          e.originalText ? (t(), n("div", b, s(e.originalText), 1)) : m("", !0),
+          e.meta ? (t(), n("div", v, s(e.meta), 1)) : m("", !0)
+        ])
+      ]),
+      default: i(() => [
+        o("div", k, [
+          d(r, { class: "deleted-message-content__icon" }),
+          o("span", T, s(l.value), 1)
+        ])
+      ]),
+      _: 1
+    })) : (t(), n("div", C, [
+      d(r, { class: "deleted-message-content__icon" }),
+      o("span", B, s(l.value), 1)
+    ]));
+  }
+});
+export {
+  q as default
+};

package/dist/components/2_feed_elements/DeletedMessageContent/icons/DeletedMessageIcon.vue.js

@@ -0,0 +1,21 @@
+import { createElementBlock as t, openBlock as o, createElementVNode as n } from "vue";
+import r from "../../../../_virtual/_plugin-vue_export-helper.js";
+const C = {}, l = {
+  width: "16",
+  height: "16",
+  viewBox: "0 0 16 16",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function s(c, e) {
+  return o(), t("svg", l, [...e[0] || (e[0] = [
+    n("path", {
+      d: "M15 8C15.0024 6.31562 14.3949 4.68732 13.29 3.416L3.416 13.291C4.43021 14.1698 5.67567 14.7386 7.004 14.9295C8.33234 15.1205 9.68757 14.9255 10.9083 14.368C12.1289 13.8104 13.1636 12.9138 13.8891 11.7847C14.6145 10.6557 15.0001 9.34199 15 8ZM2.71 12.584L12.584 2.709C11.2462 1.55067 9.51928 0.942016 7.75082 1.00552C5.98235 1.06902 4.30356 1.79996 3.05226 3.05126C1.80096 4.30256 1.07002 5.98135 1.00652 7.74982C0.943016 9.51828 1.55167 11.2462 2.71 12.584ZM16 8C16 10.1217 15.1571 12.1566 13.6569 13.6569C12.1566 15.1571 10.1217 16 8 16C5.87827 16 3.84344 15.1571 2.34315 13.6569C0.842855 12.1566 0 10.1217 0 8C0 5.87827 0.842855 3.84344 2.34315 2.34315C3.84344 0.842855 5.87827 0 8 0C10.1217 0 12.1566 0.842855 13.6569 2.34315C15.1571 3.84344 16 5.87827 16 8Z",
+      fill: "currentColor"
+    }, null, -1)
+  ])]);
+}
+const d = /* @__PURE__ */ r(C, [["render", s]]);
+export {
+  d as default
+};

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

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

package/dist/components/2_feed_elements/EditTextMessage/EditTextMessage.vue2.js

@@ -0,0 +1,35 @@
+import { defineComponent as m, createElementBlock as l, openBlock as a, createElementVNode as n, unref as e } from "vue";
+import "../../../locale/useLocale.js";
+/* empty css                                                            */
+import "../../../hooks/useTheme.js";
+import { useMessageLinks as c } from "../../../hooks/messages/useMessageLinks.js";
+import "../../../functions/parseMarkdown.js";
+import "../../../hooks/useMessageDraft.js";
+import "../../../hooks/useSearchModel.js";
+import "../../../hooks/useEmojiNative.js";
+/* empty css                              */
+/* empty css                                              */
+const d = { class: "container" }, u = ["innerHTML"], B = /* @__PURE__ */ m({
+  __name: "EditTextMessage",
+  props: {
+    message: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(r) {
+    const i = r, { linkedHtml: s, inNewWindow: o } = c(() => i.message.text);
+    return (f, t) => (a(), l("div", d, [
+      t[1] || (t[1] = n("p", { textContent: "Редактирование сообщения" }, null, -1)),
+      n("p", {
+        class: "text",
+        onClick: t[0] || (t[0] = //@ts-ignore
+        (...p) => e(o) && e(o)(...p)),
+        innerHTML: e(s)
+      }, null, 8, u)
+    ]));
+  }
+});
+export {
+  B as default
+};

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

@@ -1,7 +1,7 @@
 import o from "./FileMessage.vue2.js";
 /* empty css                 */
 import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-9bb71d58"]]);
+const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-bff725ab"]]);
 export {
-  a as default
+  r as default
 };

package/dist/components/2_feed_elements/FileMessage/FileMessage.vue2.js

@@ -1,34 +1,42 @@
-import { defineComponent as q, computed as w, createElementBlock as r, openBlock as o, unref as s, normalizeStyle as k, normalizeClass as g, createCommentVNode as l, createElementVNode as a, createVNode as d, withCtx as T, createTextVNode as D, toDisplayString as f, createBlock as b, withModifiers as z, Transition as W } from "vue";
-import G from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
-import J from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
-import K from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
-import Q from "../BaseReplyMessage/BaseReplyMessage.vue.js";
-import X from "../MessageReactions/MessageReactions.vue.js";
-import Y from "../MessageStatusIndicator/MessageStatusIndicator.vue.js";
-import Z from "../MessageSmsInvite/MessageSmsInvite.vue.js";
-import _ from "../../1_atoms/Tooltip/Tooltip.vue.js";
-import { useMessageActions as ee } from "../../../hooks/messages/useMessageActions.js";
-import { useMessageLinks as se } from "../../../hooks/messages/useMessageLinks.js";
-import { useChannelAccentColor as te } from "../../../hooks/messages/useChannelAccentColor.js";
-import { useSubtextTooltip as ie } from "../../../hooks/messages/useSubtextTooltip.js";
+import { defineComponent as te, inject as ae, computed as w, createElementBlock as m, openBlock as i, unref as s, normalizeStyle as v, normalizeClass as d, createCommentVNode as l, createElementVNode as n, createVNode as u, withCtx as A, createTextVNode as ne, toDisplayString as f, Fragment as E, createBlock as y, withModifiers as ie, Teleport as oe, Transition as le } from "vue";
+import me from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
+import re from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
+import ue from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
+import ce from "../BaseReplyMessage/BaseReplyMessage.vue.js";
+import ge from "../MessageReactions/MessageReactions.vue.js";
+import L from "../MessageStatusIndicator/MessageStatusIndicator.vue.js";
+import de from "../MessageSmsInvite/MessageSmsInvite.vue.js";
+import fe from "../DeletedMessageContent/DeletedMessageContent.vue.js";
+import ye from "../../1_atoms/Tooltip/Tooltip.vue.js";
+import { useMessageActions as be } from "../../../hooks/messages/useMessageActions.js";
+import { useMessageMenuActions as ve } from "../../../hooks/messages/useMessageMenuActions.js";
+import { useMessageLinks as he } from "../../../hooks/messages/useMessageLinks.js";
+import { useChannelAccentColor as ke } from "../../../hooks/messages/useChannelAccentColor.js";
+import { useSubtextTooltip as we } from "../../../hooks/messages/useSubtextTooltip.js";
+import { useStartReply as Me } from "../../../hooks/messages/useStartReply.js";
 import "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
 import "../../../hooks/useTheme.js";
 import "../../../hooks/useEmojiNative.js";
 /* empty css                              */
 /* empty css                                              */
-import { buildReplyPayload as ae } from "../../../hooks/messages/buildReplyPayload.js";
-import { getStatus as ne, getStatusTitle as oe } from "../../../functions/getStatusMessage.js";
-import { getMessageClass as le } from "../../../functions/getMessageClass.js";
-import { createReactionHandlers as me } from "../../../functions/createReactionHandlers.js";
+import "../../../locale/useLocale.js";
+/* empty css                                                            */
+import { buildReplyPayload as U } from "../../../hooks/messages/buildReplyPayload.js";
+import { getStatus as Re, getStatusTitle as Se } from "../../../functions/getStatusMessage.js";
+import { getMessageClass as Ce } from "../../../functions/getMessageClass.js";
+import { createReactionHandlers as Te } from "../../../functions/createReactionHandlers.js";
 import "../../../functions/parseMarkdown.js";
-const re = ["messageId"], ce = ["src"], ue = {
+const xe = ["messageId"], Ie = ["src"], pe = {
   key: 1,
   class: "file-message__subtext"
-}, ge = ["href"], de = { class: "file-message__filename-text" }, fe = {
+}, Ae = { class: "file-message__footer" }, Ee = { class: "file-message__info-container" }, Le = {
+  key: 0,
+  class: "file-message__time"
+}, Ue = ["href"], Fe = { class: "file-message__filename-text" }, Ne = {
   key: 1,
   class: "file-message__text-container"
-}, be = ["innerHTML"], ye = { class: "file-message__footer" }, ve = { class: "file-message__info-container" }, we = { class: "file-message__time" }, De = /* @__PURE__ */ q({
+}, Oe = ["innerHTML"], Be = { class: "file-message__footer" }, je = { class: "file-message__info-container" }, Pe = { class: "file-message__time" }, fs = /* @__PURE__ */ te({
   __name: "FileMessage",
   props: {
     message: {
@@ -72,174 +80,213 @@ const re = ["messageId"], ce = ["src"], ue = {
     }
   },
   emits: ["action", "reply", "sms-invite"],
-  setup(e, { emit: I }) {
-    const i = e, y = I, { linkedHtml: U, inNewWindow: h } = se(() => i.message.text), {
-      isOpenMenu: v,
-      buttonMenuVisible: L,
+  setup(e, { emit: F }) {
+    const t = e, h = F, { linkedHtml: N, inNewWindow: M } = he(() => t.message.text), { menuActions: b } = ve(() => t.message), O = ae("chatAppId"), { startReply: B } = Me(O || ""), {
+      isOpenMenu: j,
+      buttonMenuVisible: P,
+      menuAnchorRef: V,
+      menuRef: H,
+      menuStyle: D,
+      menuTheme: q,
       showMenu: R,
       hideMenu: S,
-      clickAction: A,
-      viewsAction: M,
-      handleClickReplied: E
-    } = ee(i.message, y), F = w(() => ne(i.message.status)), N = w(() => oe(i.message.status, i.message.statusMsg)), { bubbleStyle: O } = te(
-      w(() => i.message),
+      openMenu: $,
+      toggleMenu: C,
+      onMenuMouseEnter: z,
+      onMenuMouseLeave: W,
+      clickAction: G,
+      viewsAction: T,
+      handleClickReplied: J
+    } = be(t.message, h, {
+      onReply: () => B(U(t.message, "message.file"))
+    }), x = w(() => Re(t.message.status)), I = w(() => Se(t.message.status, t.message.statusMsg)), { bubbleStyle: K } = ke(
+      w(() => t.message),
       { cssVariable: "--chotto-filemessage-right-bg", position: "right" }
     );
-    function x(m) {
-      return le(m.position, "file-message");
+    function k(r) {
+      return Ce(r.position, "file-message");
     }
-    const { onToggleReaction: B, onAddReaction: P, onRemoveReaction: V } = me(y), j = async () => {
-      if (i.message.url)
+    const { onToggleReaction: Q, onAddReaction: X, onRemoveReaction: Y } = Te(h), Z = async () => {
+      if (t.message.url)
         try {
-          const m = new URL(i.message.url, window.location.href);
-          if (m.origin === window.location.origin) {
-            const u = document.createElement("a");
-            u.href = m.toString(), u.download = i.message.filename || `file-${i.message.messageId}`, document.body.appendChild(u), u.click(), document.body.removeChild(u);
+          const r = new URL(t.message.url, window.location.href);
+          if (r.origin === window.location.origin) {
+            const g = document.createElement("a");
+            g.href = r.toString(), g.download = t.message.filename || `file-${t.message.messageId}`, document.body.appendChild(g), g.click(), document.body.removeChild(g);
             return;
           }
-          const n = await fetch(i.message.url);
-          if (!n.ok)
-            throw new Error(`HTTP error! status: ${n.status}`);
-          const $ = await n.blob(), C = window.URL.createObjectURL($), c = document.createElement("a");
-          c.href = C, c.download = i.message.filename || `file-${i.message.messageId}`, document.body.appendChild(c), c.click(), document.body.removeChild(c), window.URL.revokeObjectURL(C);
-        } catch (m) {
-          console.error("Ошибка при скачивании файла:", m), window.open(i.message.url, "_blank");
+          const o = await fetch(t.message.url);
+          if (!o.ok)
+            throw new Error(`HTTP error! status: ${o.status}`);
+          const se = await o.blob(), p = window.URL.createObjectURL(se), c = document.createElement("a");
+          c.href = p, c.download = t.message.filename || `file-${t.message.messageId}`, document.body.appendChild(c), c.click(), document.body.removeChild(c), window.URL.revokeObjectURL(p);
+        } catch (r) {
+          console.error("Ошибка при скачивании файла:", r), window.open(t.message.url, "_blank");
         }
-    }, p = ie(() => i.message, () => i.subtextTooltipData);
-    function H() {
-      y("sms-invite", i.message);
+    }, _ = we(() => t.message, () => t.subtextTooltipData);
+    function ee() {
+      h("sms-invite", t.message);
     }
-    return (m, t) => (o(), r("div", {
-      class: g(["file-message", [
-        x(e.message),
+    return (r, a) => (i(), m("div", {
+      ref_key: "menuAnchorRef",
+      ref: V,
+      class: d(["file-message", [
+        k(e.message),
         e.applyStyle(e.message)
       ]]),
       messageId: e.message.messageId,
-      style: k(s(O)),
-      onMouseleave: t[4] || (t[4] = //@ts-ignore
-      (...n) => s(S) && s(S)(...n))
+      style: v(s(K)),
+      onMouseleave: a[4] || (a[4] = //@ts-ignore
+      (...o) => s(S) && s(S)(...o))
     }, [
-      e.message.avatar && e.isFirstInSeries ? (o(), r("img", {
+      e.message.avatar && e.isFirstInSeries ? (i(), m("img", {
         key: 0,
         class: "file-message__avatar",
         src: e.message.avatar,
         height: "32",
         width: "32",
-        style: k({ gridRow: e.message.subText ? "2" : "1" })
-      }, null, 12, ce)) : l("", !0),
-      e.message.subText && e.isFirstInSeries ? (o(), r("p", ue, [
-        d(_, {
-          text: s(p),
+        style: v({ gridRow: e.message.subText ? "2" : "1" })
+      }, null, 12, Ie)) : l("", !0),
+      e.message.subText && e.isFirstInSeries ? (i(), m("p", pe, [
+        u(ye, {
+          text: s(_),
           position: e.message.position === "left" ? "right" : "left",
           offset: 8
         }, {
-          default: T(() => [
-            D(f(e.message.subText), 1)
+          default: A(() => [
+            ne(f(e.message.subText), 1)
           ]),
           _: 1
         }, 8, ["text", "position"])
       ])) : l("", !0),
-      a("div", {
-        class: g(["file-message__content", { "is-first": e.isFirstInSeries, "with-avatar-indent": !e.isFirstInSeries && e.message.avatar }]),
-        style: k({ gridRow: e.message.subText ? "2" : "1" }),
-        onMouseenter: t[3] || (t[3] = //@ts-ignore
-        (...n) => s(R) && s(R)(...n))
+      n("div", {
+        class: d(["file-message__content", { "is-first": e.isFirstInSeries, "with-avatar-indent": !e.isFirstInSeries && e.message.avatar }]),
+        style: v({ gridRow: e.message.subText ? "2" : "1" }),
+        onMouseenter: a[3] || (a[3] = //@ts-ignore
+        (...o) => s(R) && s(R)(...o))
       }, [
-        e.message.reply ? (o(), b(Q, {
-          key: 0,
-          message: e.message.reply,
-          class: g(e.message.position),
-          onReply: s(E)
-        }, null, 8, ["message", "class", "onReply"])) : l("", !0),
-        a("a", {
-          class: "file-message__link",
-          href: e.message.url,
-          onClick: z(j, ["prevent"])
-        }, [
-          t[5] || (t[5] = a("span", { class: "pi pi-file" }, null, -1)),
-          a("p", de, f(e.message.filename), 1),
-          t[6] || (t[6] = a("div", { class: "file-message__download-button" }, [
-            a("span", { class: "pi pi-download" })
-          ], -1))
-        ], 8, ge),
-        e.message.text ? (o(), r("div", fe, [
-          a("p", {
-            onClick: t[0] || (t[0] = //@ts-ignore
-            (...n) => s(h) && s(h)(...n)),
-            innerHTML: s(U)
-          }, null, 8, be)
-        ])) : l("", !0),
-        e.message.linkPreview ? (o(), b(J, {
-          key: 2,
-          class: g(e.message.position),
-          "link-preview": e.message.linkPreview
-        }, null, 8, ["class", "link-preview"])) : l("", !0),
-        e.message.embed ? (o(), b(K, {
-          key: 3,
-          class: g(e.message.position),
-          embed: e.message.embed
-        }, null, 8, ["class", "embed"])) : l("", !0),
-        a("div", ye, [
-          d(X, {
-            reactions: e.message.reactions,
-            "message-id": e.message.messageId,
-            reply: s(ae)(e.message, "message.file"),
-            enabled: e.reactionsEnabled,
-            mode: e.reactionsMode,
-            "current-user-id": e.currentUserId,
-            "reaction-user-names": e.reactionUserNames,
-            onToggleReaction: s(B),
-            onAddReaction: s(P),
-            onRemoveReaction: s(V)
-          }, null, 8, ["reactions", "message-id", "reply", "enabled", "mode", "current-user-id", "reaction-user-names", "onToggleReaction", "onAddReaction", "onRemoveReaction"]),
-          a("div", ve, [
-            e.message.views ? (o(), r("div", {
-              key: 0,
-              class: "file-message__views",
-              onClick: t[1] || (t[1] = //@ts-ignore
-              (...n) => s(M) && s(M)(...n))
-            }, [
-              t[7] || (t[7] = a("span", { class: "pi pi-eye" }, null, -1)),
-              a("p", null, f(e.message.views), 1)
-            ])) : l("", !0),
-            a("span", we, f(e.message.time), 1),
-            d(Y, {
-              "base-class": "file-message",
-              "message-class": x(e.message),
-              "message-status": e.message.status,
-              "status-class": F.value,
-              "status-title": N.value
-            }, null, 8, ["message-class", "message-status", "status-class", "status-title"])
+        e.message.deleted ? (i(), m(E, { key: 0 }, [
+          u(fe),
+          n("div", Ae, [
+            n("div", Ee, [
+              e.message.time ? (i(), m("span", Le, f(e.message.time), 1)) : l("", !0),
+              u(L, {
+                "base-class": "file-message",
+                "message-class": k(e.message),
+                "message-status": e.message.status,
+                "status-class": x.value,
+                "status-title": I.value
+              }, null, 8, ["message-class", "message-status", "status-class", "status-title"])
+            ])
           ])
-        ]),
-        d(Z, {
-          status: e.message.status,
-          "has-messenger-account": e.message.hasMessengerAccount,
-          channel: e.channel,
-          onSmsInvite: H
-        }, null, 8, ["status", "has-messenger-account", "channel"]),
-        s(L) && e.message.actions ? (o(), r("button", {
-          key: 4,
-          class: "file-message__menu-button",
-          onClick: t[2] || (t[2] = (n) => v.value = !s(v))
-        }, [...t[8] || (t[8] = [
-          a("span", { class: "pi pi-ellipsis-h" }, null, -1)
-        ])])) : l("", !0),
-        d(W, null, {
-          default: T(() => [
-            s(v) && e.message.actions ? (o(), b(G, {
-              key: 0,
-              class: "file-message__context-menu",
-              actions: e.message.actions,
-              onClick: s(A)
-            }, null, 8, ["actions", "onClick"])) : l("", !0)
+        ], 64)) : (i(), m(E, { key: 1 }, [
+          e.message.reply ? (i(), y(ce, {
+            key: 0,
+            message: e.message.reply,
+            class: d(e.message.position),
+            onReply: s(J)
+          }, null, 8, ["message", "class", "onReply"])) : l("", !0),
+          n("a", {
+            class: "file-message__link",
+            href: e.message.url,
+            onClick: ie(Z, ["prevent"])
+          }, [
+            a[5] || (a[5] = n("span", { class: "pi pi-file" }, null, -1)),
+            n("p", Fe, f(e.message.filename), 1),
+            a[6] || (a[6] = n("div", { class: "file-message__download-button" }, [
+              n("span", { class: "pi pi-download" })
+            ], -1))
+          ], 8, Ue),
+          e.message.text ? (i(), m("div", Ne, [
+            n("p", {
+              onClick: a[0] || (a[0] = //@ts-ignore
+              (...o) => s(M) && s(M)(...o)),
+              innerHTML: s(N)
+            }, null, 8, Oe)
+          ])) : l("", !0),
+          e.message.linkPreview ? (i(), y(re, {
+            key: 2,
+            class: d(e.message.position),
+            "link-preview": e.message.linkPreview
+          }, null, 8, ["class", "link-preview"])) : l("", !0),
+          e.message.embed ? (i(), y(ue, {
+            key: 3,
+            class: d(e.message.position),
+            embed: e.message.embed
+          }, null, 8, ["class", "embed"])) : l("", !0),
+          n("div", Be, [
+            u(ge, {
+              reactions: e.message.reactions,
+              "message-id": e.message.messageId,
+              reply: s(U)(e.message, "message.file"),
+              enabled: e.reactionsEnabled,
+              mode: e.reactionsMode,
+              "current-user-id": e.currentUserId,
+              "reaction-user-names": e.reactionUserNames,
+              "menu-enabled": s(b).length > 0,
+              onToggleReaction: s(Q),
+              onAddReaction: s(X),
+              onRemoveReaction: s(Y),
+              onMenu: s($)
+            }, null, 8, ["reactions", "message-id", "reply", "enabled", "mode", "current-user-id", "reaction-user-names", "menu-enabled", "onToggleReaction", "onAddReaction", "onRemoveReaction", "onMenu"]),
+            n("div", je, [
+              e.message.views ? (i(), m("div", {
+                key: 0,
+                class: "file-message__views",
+                onClick: a[1] || (a[1] = //@ts-ignore
+                (...o) => s(T) && s(T)(...o))
+              }, [
+                a[7] || (a[7] = n("span", { class: "pi pi-eye" }, null, -1)),
+                n("p", null, f(e.message.views), 1)
+              ])) : l("", !0),
+              n("span", Pe, f(e.message.time), 1),
+              u(L, {
+                "base-class": "file-message",
+                "message-class": k(e.message),
+                "message-status": e.message.status,
+                "status-class": x.value,
+                "status-title": I.value
+              }, null, 8, ["message-class", "message-status", "status-class", "status-title"])
+            ])
           ]),
-          _: 1
-        })
+          u(de, {
+            status: e.message.status,
+            "has-messenger-account": e.message.hasMessengerAccount,
+            channel: e.channel,
+            onSmsInvite: ee
+          }, null, 8, ["status", "has-messenger-account", "channel"]),
+          s(P) && s(b).length && !e.reactionsEnabled ? (i(), m("button", {
+            key: 4,
+            class: "file-message__menu-button",
+            onClick: a[2] || (a[2] = //@ts-ignore
+            (...o) => s(C) && s(C)(...o))
+          }, [...a[8] || (a[8] = [
+            n("span", { class: "pi pi-ellipsis-h" }, null, -1)
+          ])])) : l("", !0),
+          (i(), y(oe, { to: "body" }, [
+            u(le, null, {
+              default: A(() => [
+                s(j) && s(b).length ? (i(), y(me, {
+                  key: 0,
+                  ref_key: "menuRef",
+                  ref: H,
+                  class: "file-message__context-menu message-actions-menu",
+                  style: v(s(D)),
+                  "data-theme": s(q),
+                  actions: s(b),
+                  onClick: s(G),
+                  onMouseenter: s(z),
+                  onMouseleave: s(W)
+                }, null, 8, ["style", "data-theme", "actions", "onClick", "onMouseenter", "onMouseleave"])) : l("", !0)
+              ]),
+              _: 1
+            })
+          ]))
+        ], 64))
       ], 38)
-    ], 46, re));
+    ], 46, xe));
   }
 });
 export {
-  De as default
+  fs as default
 };

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

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