@mobilon-dev/chotto 0.3.45 → 0.3.46

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

@@ -1,36 +1,36 @@
-import { defineComponent as U, inject as X, ref as b, computed as h, watch as Y, onMounted as Z, createElementBlock as i, openBlock as a, unref as s, normalizeStyle as _, normalizeClass as k, createCommentVNode as n, createElementVNode as m, createBlock as g, toDisplayString as R, createVNode as r, Transition as f, withCtx as d, withModifiers as p, Teleport as ee } from "vue";
-import se from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
-import te from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
-import ae from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
-import ie from "../BaseReplyMessage/BaseReplyMessage.vue.js";
-import ne from "../../2_modals/ModalFullscreen/ModalFullscreen.vue.js";
-import le from "../MessageReactions/MessageReactions.vue.js";
-import oe from "../MessageStatusIndicator/MessageStatusIndicator.vue.js";
-import me from "../MessageSmsInvite/MessageSmsInvite.vue.js";
-import { useMessageActions as re } from "../../../hooks/messages/useMessageActions.js";
-import { useMessageLinks as ue } from "../../../hooks/messages/useMessageLinks.js";
-import { useChannelAccentColor as ce } from "../../../hooks/messages/useChannelAccentColor.js";
-import { getStatus as ge, getStatusTitle as de } from "../../../functions/getStatusMessage.js";
-import { getMessageClass as ve } from "../../../functions/getMessageClass.js";
-import { createReactionHandlers as ke } from "../../../functions/createReactionHandlers.js";
+import { defineComponent as Q, inject as U, ref as b, computed as h, watch as X, onMounted as Y, createElementBlock as i, openBlock as t, unref as a, normalizeStyle as Z, normalizeClass as k, createCommentVNode as n, createElementVNode as m, createBlock as g, toDisplayString as R, createVNode as r, Transition as f, withCtx as d, withModifiers as p, Teleport as _ } from "vue";
+import ee from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
+import se from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
+import te from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
+import ae from "../BaseReplyMessage/BaseReplyMessage.vue.js";
+import ie from "../../2_modals/ModalFullscreen/ModalFullscreen.vue.js";
+import ne from "../MessageReactions/MessageReactions.vue.js";
+import le from "../MessageStatusIndicator/MessageStatusIndicator.vue.js";
+import oe from "../MessageSmsInvite/MessageSmsInvite.vue.js";
+import { useMessageActions as me } from "../../../hooks/messages/useMessageActions.js";
+import { useMessageLinks as re } from "../../../hooks/messages/useMessageLinks.js";
+import { useChannelAccentColor as ue } from "../../../hooks/messages/useChannelAccentColor.js";
+import { getStatus as ce, getStatusTitle as ge } from "../../../functions/getStatusMessage.js";
+import { getMessageClass as de } from "../../../functions/getMessageClass.js";
+import { createReactionHandlers as ve } from "../../../functions/createReactionHandlers.js";
 import "../../../functions/parseMarkdown.js";
 import "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
-import { useTheme as fe } from "../../../hooks/useTheme.js";
+import { useTheme as ke } from "../../../hooks/useTheme.js";
 /* empty css                              */
 /* empty css                                              */
-import { isAnimatedSticker as ye } from "./utils/stickerUtils.js";
+import { isAnimatedSticker as fe } from "./utils/stickerUtils.js";
 import "./utils/suppress-lit-warning.js";
-const be = ["messageId"], he = ["src"], we = {
+const ye = ["messageId"], be = ["src"], he = {
   key: 1,
   class: "sticker-message__subtext"
-}, Me = ["src"], Se = ["src", "alt"], Ce = {
+}, we = ["src"], Me = ["src", "alt"], Se = {
   key: 0,
   class: "sticker-message__info-container"
-}, Re = { class: "sticker-message__time" }, xe = ["href"], Ie = {
+}, Ce = { class: "sticker-message__time" }, Re = ["href"], xe = {
   key: 1,
   class: "sticker-message__text-container"
-}, Te = ["innerHTML"], Ae = ["src"], Fe = ["src", "alt"], _e = /* @__PURE__ */ U({
+}, Te = ["innerHTML"], Ie = ["src"], Ae = ["src", "alt"], Ze = /* @__PURE__ */ Q({
   __name: "StickerMessage",
   props: {
     message: {
@@ -48,12 +48,17 @@ const be = ["messageId"], he = ["src"], we = {
     reactionsEnabled: {
       type: Boolean,
       default: !0
+    },
+    channel: {
+      type: String,
+      required: !1,
+      default: void 0
     }
   },
   emits: ["action", "reply", "sms-invite"],
   setup(e, { emit: B }) {
-    const V = X("chatAppId"), { getTheme: x } = fe(V), u = b(!1), w = b(!1);
-    async function I() {
+    const V = U("chatAppId"), { getTheme: x } = ke(V), u = b(!1), w = b(!1);
+    async function T() {
       if (!(u.value || w.value)) {
         w.value = !0;
         try {
@@ -69,97 +74,97 @@ const be = ["messageId"], he = ["src"], we = {
       isOpenMenu: C,
       buttonMenuVisible: E,
       showMenu: H,
-      hideMenu: T,
+      hideMenu: I,
       clickAction: N,
       viewsAction: A,
       handleClickReplied: P
-    } = re(l.message, M), v = b(!1), { linkedHtml: O, inNewWindow: F } = ue(() => l.message.text), $ = () => {
+    } = me(l.message, M), v = b(!1), { linkedHtml: O, inNewWindow: F } = re(() => l.message.text), $ = () => {
       H(), v.value = !0;
-    }, j = h(() => ge(l.message.status)), z = h(() => de(l.message.status, l.message.statusMsg)), { bubbleStyle: D, messageChannelId: q } = ce(
+    }, j = h(() => ce(l.message.status)), q = h(() => ge(l.message.status, l.message.statusMsg)), { bubbleStyle: z } = ue(
       h(() => l.message),
       { cssVariable: "--chotto-stickermessage-right-bg", position: "right" }
-    ), y = h(() => ye(l.message.url, l.message.isAnimated));
-    Y(y, (c) => {
-      c && !u.value && I();
-    }, { immediate: !0 }), Z(() => {
-      y.value && !u.value && I();
+    ), y = h(() => fe(l.message.url, l.message.isAnimated));
+    X(y, (c) => {
+      c && !u.value && T();
+    }, { immediate: !0 }), Y(() => {
+      y.value && !u.value && T();
     });
     function L(c) {
-      return ve(c.position, "sticker-message");
+      return de(c.position, "sticker-message");
     }
-    const G = () => S.value = !1, { onToggleReaction: W, onAddReaction: J, onRemoveReaction: K } = ke(M);
-    function Q() {
+    const D = () => S.value = !1, { onToggleReaction: G, onAddReaction: W, onRemoveReaction: J } = ve(M);
+    function K() {
       M("sms-invite", l.message);
     }
-    return (c, t) => (a(), i("div", {
+    return (c, s) => (t(), i("div", {
       class: k(["sticker-message", [
         L(e.message),
         e.applyStyle(e.message)
       ]]),
       messageId: e.message.messageId,
-      style: _(s(D)),
-      onMouseleave: t[5] || (t[5] = //@ts-ignore
-      (...o) => s(T) && s(T)(...o))
+      style: Z(a(z)),
+      onMouseleave: s[5] || (s[5] = //@ts-ignore
+      (...o) => a(I) && a(I)(...o))
     }, [
-      e.message.avatar && e.isFirstInSeries ? (a(), i("img", {
+      e.message.avatar && e.isFirstInSeries ? (t(), i("img", {
         key: 0,
         class: "sticker-message__avatar",
         src: e.message.avatar,
         height: "32",
         width: "32"
-      }, null, 8, he)) : n("", !0),
-      e.message.subText && e.isFirstInSeries ? (a(), i("p", we, R(e.message.subText), 1)) : n("", !0),
+      }, null, 8, be)) : n("", !0),
+      e.message.subText && e.isFirstInSeries ? (t(), i("p", he, R(e.message.subText), 1)) : n("", !0),
       m("div", {
         class: k(["sticker-message__content", { "is-first": e.isFirstInSeries, "with-avatar-indent": !e.isFirstInSeries && e.message.avatar }])
       }, [
-        e.message.reply ? (a(), g(ie, {
+        e.message.reply ? (t(), g(ae, {
           key: 0,
           style: { margin: "10px 10px 4px 16px" },
           class: k(e.message.position),
           message: e.message.reply,
-          onReply: s(P)
+          onReply: a(P)
         }, null, 8, ["class", "message", "onReply"])) : n("", !0),
         m("div", {
           class: "sticker-message__preview-button",
-          onClick: t[1] || (t[1] = (o) => S.value = !0),
+          onClick: s[1] || (s[1] = (o) => S.value = !0),
           onMouseenter: $,
-          onMouseleave: t[2] || (t[2] = (o) => v.value = !v.value)
+          onMouseleave: s[2] || (s[2] = (o) => v.value = !v.value)
         }, [
-          y.value && u.value ? (a(), i("tgs-player", {
+          y.value && u.value ? (t(), i("tgs-player", {
             key: 0,
             class: "sticker-message__preview-image-animated",
             src: e.message.url,
             autoplay: "",
             loop: "",
             mode: "normal"
-          }, null, 8, Me)) : (a(), i("img", {
+          }, null, 8, we)) : (t(), i("img", {
             key: 1,
             class: "sticker-message__preview-image",
             src: e.message.url,
             alt: e.message.alt
-          }, null, 8, Se)),
+          }, null, 8, Me)),
           r(f, { name: "modal-fade" }, {
             default: d(() => [
-              v.value ? (a(), i("div", Ce, [
-                e.message.views ? (a(), i("div", {
+              v.value ? (t(), i("div", Se, [
+                e.message.views ? (t(), i("div", {
                   key: 0,
                   class: "sticker-message__views",
-                  onClick: t[0] || (t[0] = p(
+                  onClick: s[0] || (s[0] = p(
                     //@ts-ignore
-                    (...o) => s(A) && s(A)(...o),
+                    (...o) => a(A) && a(A)(...o),
                     ["stop"]
                   ))
                 }, [
-                  t[6] || (t[6] = m("span", { class: "pi pi-eye" }, null, -1)),
+                  s[6] || (s[6] = m("span", { class: "pi pi-eye" }, null, -1)),
                   m("p", null, R(e.message.views), 1)
                 ])) : n("", !0),
-                m("span", Re, R(e.message.time), 1),
-                r(oe, {
+                m("span", Ce, R(e.message.time), 1),
+                r(le, {
                   "base-class": "sticker-message",
                   "message-class": L(e.message),
                   "message-status": e.message.status,
                   "status-class": j.value,
-                  "status-title": z.value
+                  "status-title": q.value
                 }, null, 8, ["message-class", "message-status", "status-class", "status-title"])
               ])) : n("", !0)
             ]),
@@ -167,27 +172,27 @@ const be = ["messageId"], he = ["src"], we = {
           }),
           r(f, { name: "modal-fade" }, {
             default: d(() => [
-              v.value ? (a(), i("a", {
+              v.value ? (t(), i("a", {
                 key: 0,
                 class: "sticker-message__download-button",
                 href: e.message.url,
                 download: "",
                 target: "_blank",
                 onClick: p(() => "//Предотвращаем всплытие события клика", ["stop"])
-              }, [...t[7] || (t[7] = [
+              }, [...s[7] || (s[7] = [
                 m("span", { class: "pi pi-download" }, null, -1)
-              ])], 8, xe)) : n("", !0)
+              ])], 8, Re)) : n("", !0)
             ]),
             _: 1
           })
         ], 32),
         r(f, { name: "modal-fade" }, {
           default: d(() => [
-            s(E) && e.message.actions ? (a(), i("button", {
+            a(E) && e.message.actions ? (t(), i("button", {
               key: 0,
               class: "sticker-message__menu-button",
-              onClick: t[3] || (t[3] = (o) => C.value = !s(C))
-            }, [...t[8] || (t[8] = [
+              onClick: s[3] || (s[3] = (o) => C.value = !a(C))
+            }, [...s[8] || (s[8] = [
               m("span", { class: "pi pi-ellipsis-h" }, null, -1)
             ])])) : n("", !0)
           ]),
@@ -195,69 +200,69 @@ const be = ["messageId"], he = ["src"], we = {
         }),
         r(f, { name: "context-menu" }, {
           default: d(() => [
-            s(C) && e.message.actions ? (a(), g(se, {
+            a(C) && e.message.actions ? (t(), g(ee, {
               key: 0,
               class: "sticker-message__context-menu",
               actions: e.message.actions,
-              onClick: s(N)
+              onClick: a(N)
             }, null, 8, ["actions", "onClick"])) : n("", !0)
           ]),
           _: 1
         }),
-        e.message.text ? (a(), i("div", Ie, [
+        e.message.text ? (t(), i("div", xe, [
           m("p", {
-            onClick: t[4] || (t[4] = //@ts-ignore
-            (...o) => s(F) && s(F)(...o)),
-            innerHTML: s(O)
+            onClick: s[4] || (s[4] = //@ts-ignore
+            (...o) => a(F) && a(F)(...o)),
+            innerHTML: a(O)
           }, null, 8, Te)
         ])) : n("", !0),
-        r(me, {
+        r(oe, {
           status: e.message.status,
           "has-messenger-account": e.message.hasMessengerAccount,
-          channel: s(q),
-          onSmsInvite: Q
+          channel: e.channel,
+          onSmsInvite: K
         }, null, 8, ["status", "has-messenger-account", "channel"]),
-        e.message.linkPreview ? (a(), g(te, {
+        e.message.linkPreview ? (t(), g(se, {
           key: 2,
           class: k(["sticker-message__link-preview", e.message.position]),
           "link-preview": e.message.linkPreview
         }, null, 8, ["class", "link-preview"])) : n("", !0),
-        e.message.embed ? (a(), g(ae, {
+        e.message.embed ? (t(), g(te, {
           key: 3,
           class: k(e.message.position),
           embed: e.message.embed
         }, null, 8, ["class", "embed"])) : n("", !0),
-        r(le, {
+        r(ne, {
           reactions: e.message.reactions,
           "message-id": e.message.messageId,
           enabled: e.reactionsEnabled,
-          onToggleReaction: s(W),
-          onAddReaction: s(J),
-          onRemoveReaction: s(K)
+          onToggleReaction: a(G),
+          onAddReaction: a(W),
+          onRemoveReaction: a(J)
         }, null, 8, ["reactions", "message-id", "enabled", "onToggleReaction", "onAddReaction", "onRemoveReaction"])
       ], 2),
-      (a(), g(ee, { to: "body" }, [
+      (t(), g(_, { to: "body" }, [
         r(f, { name: "modal-fade" }, {
           default: d(() => [
-            S.value ? (a(), g(ne, {
+            S.value ? (t(), g(ie, {
               key: 0,
-              "data-theme": s(x)().theme ? s(x)().theme : "light",
-              onClose: G
+              "data-theme": a(x)().theme ? a(x)().theme : "light",
+              onClose: D
             }, {
               default: d(() => [
-                y.value && u.value ? (a(), i("tgs-player", {
+                y.value && u.value ? (t(), i("tgs-player", {
                   key: 0,
                   class: "sticker-message__modal-image-animated",
                   src: e.message.url,
                   autoplay: "",
                   loop: "",
                   mode: "normal"
-                }, null, 8, Ae)) : (a(), i("img", {
+                }, null, 8, Ie)) : (t(), i("img", {
                   key: 1,
                   class: "sticker-message__modal-image",
                   src: e.message.url,
                   alt: e.message.alt
-                }, null, 8, Fe))
+                }, null, 8, Ae))
               ]),
               _: 1
             }, 8, ["data-theme"])) : n("", !0)
@@ -265,9 +270,9 @@ const be = ["messageId"], he = ["src"], we = {
           _: 1
         })
       ]))
-    ], 46, be));
+    ], 46, ye));
   }
 });
 export {
-  _e as default
+  Ze as default
 };

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

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

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

@@ -1,27 +1,27 @@
-import { defineComponent as O, computed as f, createElementBlock as l, openBlock as a, unref as s, normalizeStyle as S, normalizeClass as g, createCommentVNode as i, createElementVNode as m, createVNode as u, withCtx as w, createTextVNode as j, toDisplayString as v, createBlock as c, Transition as q } from "vue";
-import z from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
-import W from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
-import $ from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
-import G from "../BaseReplyMessage/BaseReplyMessage.vue.js";
-import J from "../MessageReactions/MessageReactions.vue.js";
-import K from "../MessageStatusIndicator/MessageStatusIndicator.vue.js";
-import Q from "../MessageSmsInvite/MessageSmsInvite.vue.js";
-import U from "../../1_atoms/Tooltip/Tooltip.vue.js";
-import { useMessageActions as X } from "../../../hooks/messages/useMessageActions.js";
-import { useMessageLinks as Y } from "../../../hooks/messages/useMessageLinks.js";
-import { useChannelAccentColor as Z } from "../../../hooks/messages/useChannelAccentColor.js";
-import { useSubtextTooltip as p } from "../../../hooks/messages/useSubtextTooltip.js";
-import { getStatus as _, getStatusTitle as ee } from "../../../functions/getStatusMessage.js";
-import { getMessageClass as se } from "../../../functions/getMessageClass.js";
-import { createReactionHandlers as te } from "../../../functions/createReactionHandlers.js";
+import { defineComponent as q, computed as f, createElementBlock as o, openBlock as a, unref as s, normalizeStyle as R, normalizeClass as g, createCommentVNode as i, createElementVNode as m, createVNode as u, withCtx as h, createTextVNode as D, toDisplayString as v, createBlock as c, Transition as O } from "vue";
+import j from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
+import z from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
+import W from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
+import $ from "../BaseReplyMessage/BaseReplyMessage.vue.js";
+import G from "../MessageReactions/MessageReactions.vue.js";
+import J from "../MessageStatusIndicator/MessageStatusIndicator.vue.js";
+import K from "../MessageSmsInvite/MessageSmsInvite.vue.js";
+import Q from "../../1_atoms/Tooltip/Tooltip.vue.js";
+import { useMessageActions as U } from "../../../hooks/messages/useMessageActions.js";
+import { useMessageLinks as X } from "../../../hooks/messages/useMessageLinks.js";
+import { useChannelAccentColor as Y } from "../../../hooks/messages/useChannelAccentColor.js";
+import { useSubtextTooltip as Z } from "../../../hooks/messages/useSubtextTooltip.js";
+import { getStatus as p, getStatusTitle as _ } from "../../../functions/getStatusMessage.js";
+import { getMessageClass as ee } from "../../../functions/getMessageClass.js";
+import { createReactionHandlers as se } from "../../../functions/createReactionHandlers.js";
 import "../../../functions/parseMarkdown.js";
-const ae = ["messageId"], ne = ["src"], ie = {
+const te = ["messageId"], ae = ["src"], ne = {
   key: 1,
   class: "text-message__subtext"
-}, oe = ["innerHTML"], le = { class: "text-message__info-container" }, me = {
+}, ie = ["innerHTML"], le = { class: "text-message__info-container" }, oe = {
   key: 1,
   class: "text-message__time"
-}, Ce = /* @__PURE__ */ O({
+}, Te = /* @__PURE__ */ q({
   __name: "TextMessage",
   props: {
     message: {
@@ -44,55 +44,60 @@ const ae = ["messageId"], ne = ["src"], ie = {
       type: Object,
       required: !1,
       default: () => ({})
+    },
+    channel: {
+      type: String,
+      required: !1,
+      default: void 0
     }
   },
   emits: ["action", "reply", "sms-invite"],
-  setup(e, { emit: T }) {
-    const n = e, r = T, { linkedHtml: h, inNewWindow: x } = Y(() => n.message.text), {
+  setup(e, { emit: w }) {
+    const n = e, r = w, { linkedHtml: T, inNewWindow: y } = X(() => n.message.text), {
       isOpenMenu: d,
       buttonMenuVisible: C,
-      showMenu: y,
+      showMenu: x,
       hideMenu: b,
       clickAction: I,
       viewsAction: k,
       handleClickReplied: A
-    } = X(n.message, r), B = f(() => _(n.message.status)), F = f(() => ee(n.message.status, n.message.statusMsg)), { bubbleStyle: V, messageChannelId: E } = Z(
+    } = U(n.message, r), B = f(() => p(n.message.status)), F = f(() => _(n.message.status, n.message.statusMsg)), { bubbleStyle: V } = Y(
       f(() => n.message),
       { cssVariable: "--chotto-textmessage-right-bg", position: "right" }
     );
-    function M(R) {
-      return se(R.position, "text-message");
+    function S(M) {
+      return ee(M.position, "text-message");
     }
-    const { onToggleReaction: N, onAddReaction: H, onRemoveReaction: L } = te(r), P = p(() => n.message, () => n.subtextTooltipData);
-    function D() {
+    const { onToggleReaction: E, onAddReaction: N, onRemoveReaction: H } = se(r), L = Z(() => n.message, () => n.subtextTooltipData);
+    function P() {
       r("sms-invite", n.message);
     }
-    return (R, t) => (a(), l("div", {
+    return (M, t) => (a(), o("div", {
       class: g(["text-message", [
-        M(e.message),
+        S(e.message),
         e.applyStyle(e.message)
       ]]),
       messageId: e.message.messageId,
-      style: S(s(V)),
+      style: R(s(V)),
       onMouseleave: t[4] || (t[4] = //@ts-ignore
-      (...o) => s(b) && s(b)(...o))
+      (...l) => s(b) && s(b)(...l))
     }, [
-      e.message.avatar && e.isFirstInSeries ? (a(), l("img", {
+      e.message.avatar && e.isFirstInSeries ? (a(), o("img", {
         key: 0,
         class: "text-message__avatar",
         src: e.message.avatar,
         height: "32",
         width: "32",
-        style: S({ gridRow: e.message.subText && e.isFirstInSeries ? "2" : "1" })
-      }, null, 12, ne)) : i("", !0),
-      e.message.subText && e.isFirstInSeries ? (a(), l("p", ie, [
-        u(U, {
-          text: s(P),
+        style: R({ gridRow: e.message.subText && e.isFirstInSeries ? "2" : "1" })
+      }, null, 12, ae)) : i("", !0),
+      e.message.subText && e.isFirstInSeries ? (a(), o("p", ne, [
+        u(Q, {
+          text: s(L),
           position: e.message.position === "left" ? "right" : "left",
           offset: 8
         }, {
-          default: w(() => [
-            j(v(e.message.subText), 1)
+          default: h(() => [
+            D(v(e.message.subText), 1)
           ]),
           _: 1
         }, 8, ["text", "position"])
@@ -100,9 +105,9 @@ const ae = ["messageId"], ne = ["src"], ie = {
       m("div", {
         class: g(["text-message__content", { "is-first": e.isFirstInSeries, "with-avatar-indent": !e.isFirstInSeries && e.message.avatar }]),
         onMouseenter: t[3] || (t[3] = //@ts-ignore
-        (...o) => s(y) && s(y)(...o))
+        (...l) => s(x) && s(x)(...l))
       }, [
-        e.message.reply ? (a(), c(G, {
+        e.message.reply ? (a(), c($, {
           key: 0,
           class: g(e.message.position),
           message: e.message.reply,
@@ -111,62 +116,62 @@ const ae = ["messageId"], ne = ["src"], ie = {
         m("p", {
           class: "text-message__text",
           onClick: t[0] || (t[0] = //@ts-ignore
-          (...o) => s(x) && s(x)(...o)),
-          innerHTML: s(h)
-        }, null, 8, oe),
-        e.message.linkPreview ? (a(), c(W, {
+          (...l) => s(y) && s(y)(...l)),
+          innerHTML: s(T)
+        }, null, 8, ie),
+        e.message.linkPreview ? (a(), c(z, {
           key: 1,
           class: g(e.message.position),
           "link-preview": e.message.linkPreview
         }, null, 8, ["class", "link-preview"])) : i("", !0),
-        e.message.embed ? (a(), c($, {
+        e.message.embed ? (a(), c(W, {
           key: 2,
           class: g(e.message.position),
           embed: e.message.embed
         }, null, 8, ["class", "embed"])) : i("", !0),
-        u(J, {
+        u(G, {
           reactions: e.message.reactions,
           "message-id": e.message.messageId,
           enabled: e.reactionsEnabled,
-          onToggleReaction: s(N),
-          onAddReaction: s(H),
-          onRemoveReaction: s(L)
+          onToggleReaction: s(E),
+          onAddReaction: s(N),
+          onRemoveReaction: s(H)
         }, null, 8, ["reactions", "message-id", "enabled", "onToggleReaction", "onAddReaction", "onRemoveReaction"]),
         m("div", le, [
-          e.message.views ? (a(), l("div", {
+          e.message.views ? (a(), o("div", {
             key: 0,
             class: "text-message__views",
             onClick: t[1] || (t[1] = //@ts-ignore
-            (...o) => s(k) && s(k)(...o))
+            (...l) => s(k) && s(k)(...l))
           }, [
             t[5] || (t[5] = m("span", { class: "pi pi-eye" }, null, -1)),
             m("p", null, v(e.message.views), 1)
           ])) : i("", !0),
-          e.message.time ? (a(), l("span", me, v(e.message.time), 1)) : i("", !0),
-          u(K, {
+          e.message.time ? (a(), o("span", oe, v(e.message.time), 1)) : i("", !0),
+          u(J, {
             "base-class": "text-message",
-            "message-class": M(e.message),
+            "message-class": S(e.message),
             "message-status": e.message.status,
             "status-class": B.value,
             "status-title": F.value
           }, null, 8, ["message-class", "message-status", "status-class", "status-title"])
         ]),
-        u(Q, {
+        u(K, {
           status: e.message.status,
           "has-messenger-account": e.message.hasMessengerAccount,
-          channel: s(E),
-          onSmsInvite: D
+          channel: e.channel,
+          onSmsInvite: P
         }, null, 8, ["status", "has-messenger-account", "channel"]),
-        s(C) && e.message.actions ? (a(), l("button", {
+        s(C) && e.message.actions ? (a(), o("button", {
           key: 3,
           class: "text-message__menu-button",
-          onClick: t[2] || (t[2] = (o) => d.value = !s(d))
+          onClick: t[2] || (t[2] = (l) => d.value = !s(d))
         }, [...t[6] || (t[6] = [
           m("span", { class: "pi pi-ellipsis-h" }, null, -1)
         ])])) : i("", !0),
-        u(q, null, {
-          default: w(() => [
-            s(d) && e.message.actions ? (a(), c(z, {
+        u(O, null, {
+          default: h(() => [
+            s(d) && e.message.actions ? (a(), c(j, {
               key: 0,
               class: "text-message__context-menu",
               actions: e.message.actions,
@@ -176,9 +181,9 @@ const ae = ["messageId"], ne = ["src"], ie = {
           _: 1
         })
       ], 34)
-    ], 46, ae));
+    ], 46, te));
   }
 });
 export {
-  Ce as default
+  Te as default
 };

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

@@ -1,7 +1,7 @@
 import o from "./VideoMessage.vue2.js";
 /* empty css                  */
-import e from "../../../_virtual/_plugin-vue_export-helper.js";
-const a = /* @__PURE__ */ e(o, [["__scopeId", "data-v-51ce41b1"]]);
+import a from "../../../_virtual/_plugin-vue_export-helper.js";
+const s = /* @__PURE__ */ a(o, [["__scopeId", "data-v-540c0aa3"]]);
 export {
-  a as default
+  s as default
 };