@mobilon-dev/chotto 0.3.83 → 0.3.85

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

@@ -1,4 +1,4 @@
-import { defineComponent as Y, inject as Z, ref as y, computed as b, watch as E, onMounted as _, createElementBlock as i, openBlock as t, unref as a, normalizeStyle as ee, normalizeClass as w, createCommentVNode as l, createElementVNode as r, createBlock as g, toDisplayString as I, createVNode as u, Transition as h, withCtx as d, withModifiers as V, Teleport as se } from "vue";
+import { defineComponent as Y, inject as Z, ref as y, computed as b, watch as E, onMounted as _, createElementBlock as i, openBlock as t, unref as a, normalizeStyle as ee, normalizeClass as w, createCommentVNode as l, createElementVNode as r, createBlock as g, toDisplayString as R, createVNode as u, Transition as h, withCtx as d, withModifiers as N, Teleport as se } from "vue";
 import te from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
 import ae from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
 import ie from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
@@ -10,27 +10,29 @@ import re from "../MessageSmsInvite/MessageSmsInvite.vue.js";
 import { useMessageActions as ue } from "../../../hooks/messages/useMessageActions.js";
 import { useMessageLinks as ce } from "../../../hooks/messages/useMessageLinks.js";
 import { useChannelAccentColor as ge } from "../../../hooks/messages/useChannelAccentColor.js";
-import { getStatus as de, getStatusTitle as ve } from "../../../functions/getStatusMessage.js";
-import { getMessageClass as ke } from "../../../functions/getMessageClass.js";
-import { createReactionHandlers as fe } from "../../../functions/createReactionHandlers.js";
-import "../../../functions/parseMarkdown.js";
 import "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
-import { useTheme as ye } from "../../../hooks/useTheme.js";
+import { useTheme as de } from "../../../hooks/useTheme.js";
+import "../../../hooks/useEmojiNative.js";
 /* empty css                              */
 /* empty css                                              */
-import { isAnimatedSticker as be } from "./utils/stickerUtils.js";
+import { buildReplyPayload as ve } from "../../../hooks/messages/buildReplyPayload.js";
+import { getStatus as ke, getStatusTitle as fe } from "../../../functions/getStatusMessage.js";
+import { getMessageClass as ye } from "../../../functions/getMessageClass.js";
+import { createReactionHandlers as be } from "../../../functions/createReactionHandlers.js";
+import "../../../functions/parseMarkdown.js";
+import { isAnimatedSticker as we } from "./utils/stickerUtils.js";
 import "./utils/suppress-lit-warning.js";
-const we = ["messageId"], he = ["src"], Me = {
+const he = ["messageId"], Me = ["src"], Se = {
   key: 1,
   class: "sticker-message__subtext"
-}, Se = ["src"], Ce = ["src"], Re = ["src", "alt"], Ie = {
+}, Ce = ["src"], Ie = ["src"], Re = ["src", "alt"], Te = {
   key: 0,
   class: "sticker-message__info-container"
-}, Te = { class: "sticker-message__time" }, xe = ["href"], pe = {
+}, xe = { class: "sticker-message__time" }, pe = ["href"], Le = {
   key: 1,
   class: "sticker-message__text-container"
-}, Le = ["innerHTML"], Ae = ["src"], Fe = ["src"], Be = ["src", "alt"], ts = /* @__PURE__ */ Y({
+}, Ae = ["innerHTML"], Fe = ["src"], Be = ["src"], Ee = ["src", "alt"], ls = /* @__PURE__ */ Y({
   __name: "StickerMessage",
   props: {
     message: {
@@ -49,6 +51,19 @@ const we = ["messageId"], he = ["src"], Me = {
       type: Boolean,
       default: !0
     },
+    reactionsMode: {
+      type: String,
+      default: "single",
+      validator: (e) => ["single", "multi"].includes(e)
+    },
+    currentUserId: {
+      type: [String, Number],
+      default: void 0
+    },
+    reactionUserNames: {
+      type: Object,
+      default: void 0
+    },
     channel: {
       type: String,
       required: !1,
@@ -56,8 +71,8 @@ const we = ["messageId"], he = ["src"], Me = {
     }
   },
   emits: ["action", "reply", "sms-invite"],
-  setup(e, { emit: $ }) {
-    const H = Z("chatAppId"), { getTheme: T } = ye(H), c = y(!1), M = y(!1);
+  setup(e, { emit: V }) {
+    const $ = Z("chatAppId"), { getTheme: T } = de($), c = y(!1), M = y(!1);
     async function x() {
       if (!(c.value || M.value)) {
         M.value = !0;
@@ -70,20 +85,20 @@ const we = ["messageId"], he = ["src"], Me = {
         }
       }
     }
-    const n = e, S = $, C = y(!1), {
-      isOpenMenu: R,
-      buttonMenuVisible: N,
-      showMenu: P,
+    const n = e, S = V, C = y(!1), {
+      isOpenMenu: I,
+      buttonMenuVisible: P,
+      showMenu: j,
       hideMenu: p,
-      clickAction: j,
+      clickAction: H,
       viewsAction: L,
       handleClickReplied: O
-    } = ue(n.message, S), v = y(!1), { linkedHtml: q, inNewWindow: A } = ce(() => n.message.text), z = () => {
-      P(), v.value = !0;
-    }, D = b(() => de(n.message.status)), G = b(() => ve(n.message.status, n.message.statusMsg)), { bubbleStyle: W } = ge(
+    } = ue(n.message, S), v = y(!1), { linkedHtml: U, inNewWindow: A } = ce(() => n.message.text), q = () => {
+      j(), v.value = !0;
+    }, z = b(() => ke(n.message.status)), D = b(() => fe(n.message.status, n.message.statusMsg)), { bubbleStyle: G } = ge(
       b(() => n.message),
       { cssVariable: "--chotto-stickermessage-right-bg", position: "right" }
-    ), k = b(() => be(n.message.url, n.message.isAnimated)), f = y(!1), F = b(() => {
+    ), k = b(() => we(n.message.url, n.message.isAnimated)), f = y(!1), F = b(() => {
       if (k.value) return !1;
       const m = String(n.message.url || "").toLowerCase();
       return !/\.(webp|png|jpe?g|gif|bmp|svg)(\?|#|$)/.test(m);
@@ -100,9 +115,9 @@ const we = ["messageId"], he = ["src"], Me = {
       k.value && !c.value && x();
     });
     function B(m) {
-      return ke(m.position, "sticker-message");
+      return ye(m.position, "sticker-message");
     }
-    const J = () => C.value = !1, { onToggleReaction: K, onAddReaction: Q, onRemoveReaction: U } = fe(S);
+    const W = () => C.value = !1, { onToggleReaction: J, onAddReaction: K, onRemoveReaction: Q } = be(S);
     function X() {
       S("sms-invite", n.message);
     }
@@ -112,7 +127,7 @@ const we = ["messageId"], he = ["src"], Me = {
         e.applyStyle(e.message)
       ]]),
       messageId: e.message.messageId,
-      style: ee(a(W)),
+      style: ee(a(G)),
       onMouseleave: s[7] || (s[7] = //@ts-ignore
       (...o) => a(p) && a(p)(...o))
     }, [
@@ -122,8 +137,8 @@ const we = ["messageId"], he = ["src"], Me = {
         src: e.message.avatar,
         height: "32",
         width: "32"
-      }, null, 8, he)) : l("", !0),
-      e.message.subText && e.isFirstInSeries ? (t(), i("p", Me, I(e.message.subText), 1)) : l("", !0),
+      }, null, 8, Me)) : l("", !0),
+      e.message.subText && e.isFirstInSeries ? (t(), i("p", Se, R(e.message.subText), 1)) : l("", !0),
       r("div", {
         class: w(["sticker-message__content", { "is-first": e.isFirstInSeries, "with-avatar-indent": !e.isFirstInSeries && e.message.avatar }])
       }, [
@@ -137,7 +152,7 @@ const we = ["messageId"], he = ["src"], Me = {
         r("div", {
           class: "sticker-message__preview-button",
           onClick: s[2] || (s[2] = (o) => C.value = !0),
-          onMouseenter: z,
+          onMouseenter: q,
           onMouseleave: s[3] || (s[3] = (o) => v.value = !v.value)
         }, [
           k.value && c.value ? (t(), i("tgs-player", {
@@ -147,7 +162,7 @@ const we = ["messageId"], he = ["src"], Me = {
             autoplay: "",
             loop: "",
             mode: "normal"
-          }, null, 8, Se)) : F.value && !f.value ? (t(), i("video", {
+          }, null, 8, Ce)) : F.value && !f.value ? (t(), i("video", {
             key: 1,
             class: "sticker-message__preview-image",
             src: e.message.url,
@@ -157,7 +172,7 @@ const we = ["messageId"], he = ["src"], Me = {
             playsinline: "",
             preload: "metadata",
             onError: s[0] || (s[0] = (o) => f.value = !0)
-          }, null, 40, Ce)) : (t(), i("img", {
+          }, null, 40, Ie)) : (t(), i("img", {
             key: 2,
             class: "sticker-message__preview-image",
             src: e.message.url,
@@ -165,26 +180,26 @@ const we = ["messageId"], he = ["src"], Me = {
           }, null, 8, Re)),
           u(h, { name: "modal-fade" }, {
             default: d(() => [
-              v.value ? (t(), i("div", Ie, [
+              v.value ? (t(), i("div", Te, [
                 e.message.views ? (t(), i("div", {
                   key: 0,
                   class: "sticker-message__views",
-                  onClick: s[1] || (s[1] = V(
+                  onClick: s[1] || (s[1] = N(
                     //@ts-ignore
                     (...o) => a(L) && a(L)(...o),
                     ["stop"]
                   ))
                 }, [
                   s[8] || (s[8] = r("span", { class: "pi pi-eye" }, null, -1)),
-                  r("p", null, I(e.message.views), 1)
+                  r("p", null, R(e.message.views), 1)
                 ])) : l("", !0),
-                r("span", Te, I(e.message.time), 1),
+                r("span", xe, R(e.message.time), 1),
                 u(me, {
                   "base-class": "sticker-message",
                   "message-class": B(e.message),
                   "message-status": e.message.status,
-                  "status-class": D.value,
-                  "status-title": G.value
+                  "status-class": z.value,
+                  "status-title": D.value
                 }, null, 8, ["message-class", "message-status", "status-class", "status-title"])
               ])) : l("", !0)
             ]),
@@ -198,20 +213,20 @@ const we = ["messageId"], he = ["src"], Me = {
                 href: e.message.url,
                 download: "",
                 target: "_blank",
-                onClick: V(() => "//Предотвращаем всплытие события клика", ["stop"])
+                onClick: N(() => "//Предотвращаем всплытие события клика", ["stop"])
               }, [...s[9] || (s[9] = [
                 r("span", { class: "pi pi-download" }, null, -1)
-              ])], 8, xe)) : l("", !0)
+              ])], 8, pe)) : l("", !0)
             ]),
             _: 1
           })
         ], 32),
         u(h, { name: "modal-fade" }, {
           default: d(() => [
-            a(N) && e.message.actions ? (t(), i("button", {
+            a(P) && e.message.actions ? (t(), i("button", {
               key: 0,
               class: "sticker-message__menu-button",
-              onClick: s[4] || (s[4] = (o) => R.value = !a(R))
+              onClick: s[4] || (s[4] = (o) => I.value = !a(I))
             }, [...s[10] || (s[10] = [
               r("span", { class: "pi pi-ellipsis-h" }, null, -1)
             ])])) : l("", !0)
@@ -220,21 +235,21 @@ const we = ["messageId"], he = ["src"], Me = {
         }),
         u(h, { name: "context-menu" }, {
           default: d(() => [
-            a(R) && e.message.actions ? (t(), g(te, {
+            a(I) && e.message.actions ? (t(), g(te, {
               key: 0,
               class: "sticker-message__context-menu",
               actions: e.message.actions,
-              onClick: a(j)
+              onClick: a(H)
             }, null, 8, ["actions", "onClick"])) : l("", !0)
           ]),
           _: 1
         }),
-        e.message.text ? (t(), i("div", pe, [
+        e.message.text ? (t(), i("div", Le, [
           r("p", {
             onClick: s[5] || (s[5] = //@ts-ignore
             (...o) => a(A) && a(A)(...o)),
-            innerHTML: a(q)
-          }, null, 8, Le)
+            innerHTML: a(U)
+          }, null, 8, Ae)
         ])) : l("", !0),
         u(re, {
           status: e.message.status,
@@ -255,11 +270,15 @@ const we = ["messageId"], he = ["src"], Me = {
         u(oe, {
           reactions: e.message.reactions,
           "message-id": e.message.messageId,
+          reply: a(ve)(e.message, "message.sticker"),
           enabled: e.reactionsEnabled,
-          onToggleReaction: a(K),
-          onAddReaction: a(Q),
-          onRemoveReaction: a(U)
-        }, null, 8, ["reactions", "message-id", "enabled", "onToggleReaction", "onAddReaction", "onRemoveReaction"])
+          mode: e.reactionsMode,
+          "current-user-id": e.currentUserId,
+          "reaction-user-names": e.reactionUserNames,
+          onToggleReaction: a(J),
+          onAddReaction: a(K),
+          onRemoveReaction: a(Q)
+        }, null, 8, ["reactions", "message-id", "reply", "enabled", "mode", "current-user-id", "reaction-user-names", "onToggleReaction", "onAddReaction", "onRemoveReaction"])
       ], 2),
       (t(), g(se, { to: "body" }, [
         u(h, { name: "modal-fade" }, {
@@ -268,7 +287,7 @@ const we = ["messageId"], he = ["src"], Me = {
               key: 0,
               "data-theme": a(T)().theme ? a(T)().theme : "light",
               title: e.message.alt,
-              onClose: J
+              onClose: W
             }, {
               default: d(() => [
                 k.value && c.value ? (t(), i("tgs-player", {
@@ -278,7 +297,7 @@ const we = ["messageId"], he = ["src"], Me = {
                   autoplay: "",
                   loop: "",
                   mode: "normal"
-                }, null, 8, Ae)) : F.value && !f.value ? (t(), i("video", {
+                }, null, 8, Fe)) : F.value && !f.value ? (t(), i("video", {
                   key: 1,
                   class: "sticker-message__modal-image",
                   src: e.message.url,
@@ -288,12 +307,12 @@ const we = ["messageId"], he = ["src"], Me = {
                   playsinline: "",
                   preload: "metadata",
                   onError: s[6] || (s[6] = (o) => f.value = !0)
-                }, null, 40, Fe)) : (t(), i("img", {
+                }, null, 40, Be)) : (t(), i("img", {
                   key: 2,
                   class: "sticker-message__modal-image",
                   src: e.message.url,
                   alt: e.message.alt
-                }, null, 8, Be))
+                }, null, 8, Ee))
               ]),
               _: 1
             }, 8, ["data-theme", "title"])) : l("", !0)
@@ -301,9 +320,9 @@ const we = ["messageId"], he = ["src"], Me = {
           _: 1
         })
       ]))
-    ], 46, we));
+    ], 46, he));
   }
 });
 export {
-  ts as default
+  ls as default
 };

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

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

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

@@ -1,27 +1,34 @@
-import { defineComponent as D, computed as r, createElementBlock as o, openBlock as a, unref as s, normalizeStyle as h, normalizeClass as u, createCommentVNode as i, createElementVNode as m, createVNode as f, withCtx as R, createTextVNode as O, toDisplayString as v, createBlock as g, Transition as j } 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 { defineComponent as U, computed as g, createElementBlock as m, openBlock as a, unref as s, normalizeStyle as h, normalizeClass as u, createCommentVNode as i, createElementVNode as l, createVNode as f, withCtx as R, createTextVNode as j, toDisplayString as y, createBlock as r, Transition as q } from "vue";
+import D 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 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 "../../../hooks/useMessageDraft.js";
+import "../../../hooks/useSearchModel.js";
+import "../../../hooks/useTheme.js";
+import "../../../hooks/useEmojiNative.js";
+/* empty css                              */
+/* empty css                                              */
+import { buildReplyPayload as _ } from "../../../hooks/messages/buildReplyPayload.js";
+import { getStatus as ee, getStatusTitle as se } from "../../../functions/getStatusMessage.js";
+import { getMessageClass as te } from "../../../functions/getMessageClass.js";
+import { createReactionHandlers as ae } from "../../../functions/createReactionHandlers.js";
 import "../../../functions/parseMarkdown.js";
-const ae = ["messageId"], ne = ["src"], ie = {
+const ne = ["messageId"], ie = ["src"], oe = {
   key: 1,
   class: "text-message__subtext"
-}, le = ["innerHTML"], oe = { class: "text-message__info-container" }, me = {
+}, le = ["innerHTML"], me = { class: "text-message__footer" }, re = { class: "text-message__info-container" }, ue = {
   key: 1,
   class: "text-message__time"
-}, Ie = /* @__PURE__ */ D({
+}, He = /* @__PURE__ */ U({
   __name: "TextMessage",
   props: {
     message: {
@@ -40,6 +47,19 @@ const ae = ["messageId"], ne = ["src"], ie = {
       type: Boolean,
       default: !0
     },
+    reactionsMode: {
+      type: String,
+      default: "single",
+      validator: (e) => ["single", "multi"].includes(e)
+    },
+    currentUserId: {
+      type: [String, Number],
+      default: void 0
+    },
+    reactionUserNames: {
+      type: Object,
+      default: void 0
+    },
     subtextTooltipData: {
       type: Object,
       required: !1,
@@ -53,129 +73,135 @@ const ae = ["messageId"], ne = ["src"], ie = {
   },
   emits: ["action", "reply", "sms-invite"],
   setup(e, { emit: w }) {
-    const n = e, c = w, { linkedHtml: T, inNewWindow: y } = Y(() => n.message.text), {
+    const n = e, c = w, { linkedHtml: I, inNewWindow: v } = Y(() => n.message.text), {
       isOpenMenu: d,
-      buttonMenuVisible: I,
+      buttonMenuVisible: T,
       showMenu: b,
       hideMenu: x,
       clickAction: C,
       viewsAction: k,
       handleClickReplied: A
-    } = X(n.message, c), B = r(() => _(n.message.status)), F = r(() => ee(n.message.status, n.message.statusMsg)), { bubbleStyle: E } = Z(
-      r(() => n.message),
+    } = X(n.message, c), N = g(() => ee(n.message.status)), B = g(() => se(n.message.status, n.message.statusMsg)), { bubbleStyle: F } = Z(
+      g(() => n.message),
       { cssVariable: "--chotto-textmessage-right-bg", position: "right" }
     );
     function S(M) {
-      return se(M.position, "text-message");
+      return te(M.position, "text-message");
     }
-    const { onToggleReaction: V, onAddReaction: N, onRemoveReaction: H } = te(c), L = p(() => n.message, () => n.subtextTooltipData), P = r(
+    const { onToggleReaction: E, onAddReaction: V, onRemoveReaction: P } = ae(c), H = p(() => n.message, () => n.subtextTooltipData), L = g(
       () => n.message.status === "error" && n.message.hasMessengerAccount === !1
     );
-    function q() {
+    function O() {
       c("sms-invite", n.message);
     }
-    return (M, t) => (a(), o("div", {
+    return (M, t) => (a(), m("div", {
       class: u(["text-message", [
         S(e.message),
         e.applyStyle(e.message)
       ]]),
       messageId: e.message.messageId,
-      style: h(s(E)),
+      style: h(s(F)),
       onMouseleave: t[4] || (t[4] = //@ts-ignore
-      (...l) => s(x) && s(x)(...l))
+      (...o) => s(x) && s(x)(...o))
     }, [
-      e.message.avatar && e.isFirstInSeries ? (a(), o("img", {
+      e.message.avatar && e.isFirstInSeries ? (a(), m("img", {
         key: 0,
         class: "text-message__avatar",
         src: e.message.avatar,
         height: "32",
         width: "32",
         style: h({ gridRow: e.message.subText && e.isFirstInSeries ? "2" : "1" })
-      }, null, 12, ne)) : i("", !0),
-      e.message.subText && e.isFirstInSeries ? (a(), o("p", ie, [
-        f(U, {
-          text: s(L),
+      }, null, 12, ie)) : i("", !0),
+      e.message.subText && e.isFirstInSeries ? (a(), m("p", oe, [
+        f(Q, {
+          text: s(H),
           position: e.message.position === "left" ? "right" : "left",
           offset: 8
         }, {
           default: R(() => [
-            O(v(e.message.subText), 1)
+            j(y(e.message.subText), 1)
           ]),
           _: 1
         }, 8, ["text", "position"])
       ])) : i("", !0),
-      m("div", {
+      l("div", {
         class: u(["text-message__content", { "is-first": e.isFirstInSeries, "with-avatar-indent": !e.isFirstInSeries && e.message.avatar }]),
         onMouseenter: t[3] || (t[3] = //@ts-ignore
-        (...l) => s(b) && s(b)(...l))
+        (...o) => s(b) && s(b)(...o))
       }, [
-        e.message.reply ? (a(), g(G, {
+        e.message.reply ? (a(), r($, {
           key: 0,
           class: u(e.message.position),
           message: e.message.reply,
           onReply: s(A)
         }, null, 8, ["class", "message", "onReply"])) : i("", !0),
-        m("p", {
+        l("p", {
           class: "text-message__text",
           onClick: t[0] || (t[0] = //@ts-ignore
-          (...l) => s(y) && s(y)(...l)),
-          innerHTML: s(T)
+          (...o) => s(v) && s(v)(...o)),
+          innerHTML: s(I)
         }, null, 8, le),
-        e.message.linkPreview ? (a(), g(W, {
+        e.message.linkPreview ? (a(), r(z, {
           key: 1,
           class: u(e.message.position),
           "link-preview": e.message.linkPreview
         }, null, 8, ["class", "link-preview"])) : i("", !0),
-        e.message.embed ? (a(), g($, {
+        e.message.embed ? (a(), r(W, {
           key: 2,
           class: u(e.message.position),
           embed: e.message.embed
         }, null, 8, ["class", "embed"])) : i("", !0),
-        e.reactionsEnabled ? (a(), g(J, {
-          key: 3,
-          reactions: e.message.reactions,
-          "message-id": e.message.messageId,
-          enabled: e.reactionsEnabled,
-          onToggleReaction: s(V),
-          onAddReaction: s(N),
-          onRemoveReaction: s(H)
-        }, null, 8, ["reactions", "message-id", "enabled", "onToggleReaction", "onAddReaction", "onRemoveReaction"])) : i("", !0),
-        m("div", oe, [
-          e.message.views ? (a(), o("div", {
+        l("div", me, [
+          e.reactionsEnabled ? (a(), r(G, {
             key: 0,
-            class: "text-message__views",
-            onClick: t[1] || (t[1] = //@ts-ignore
-            (...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(), o("span", me, v(e.message.time), 1)) : i("", !0),
-          f(K, {
-            "base-class": "text-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"])
+            reactions: e.message.reactions,
+            "message-id": e.message.messageId,
+            reply: s(_)(e.message, "message.text"),
+            enabled: e.reactionsEnabled,
+            mode: e.reactionsMode,
+            "current-user-id": e.currentUserId,
+            "reaction-user-names": e.reactionUserNames,
+            onToggleReaction: s(E),
+            onAddReaction: s(V),
+            onRemoveReaction: s(P)
+          }, null, 8, ["reactions", "message-id", "reply", "enabled", "mode", "current-user-id", "reaction-user-names", "onToggleReaction", "onAddReaction", "onRemoveReaction"])) : i("", !0),
+          l("div", re, [
+            e.message.views ? (a(), m("div", {
+              key: 0,
+              class: "text-message__views",
+              onClick: t[1] || (t[1] = //@ts-ignore
+              (...o) => s(k) && s(k)(...o))
+            }, [
+              t[5] || (t[5] = l("span", { class: "pi pi-eye" }, null, -1)),
+              l("p", null, y(e.message.views), 1)
+            ])) : i("", !0),
+            e.message.time ? (a(), m("span", ue, y(e.message.time), 1)) : i("", !0),
+            f(J, {
+              "base-class": "text-message",
+              "message-class": S(e.message),
+              "message-status": e.message.status,
+              "status-class": N.value,
+              "status-title": B.value
+            }, null, 8, ["message-class", "message-status", "status-class", "status-title"])
+          ])
         ]),
-        P.value ? (a(), g(Q, {
-          key: 4,
+        L.value ? (a(), r(K, {
+          key: 3,
           status: e.message.status,
           "has-messenger-account": e.message.hasMessengerAccount,
           channel: e.channel,
-          onSmsInvite: q
+          onSmsInvite: O
         }, null, 8, ["status", "has-messenger-account", "channel"])) : i("", !0),
-        s(I) && e.message.actions ? (a(), o("button", {
-          key: 5,
+        s(T) && e.message.actions ? (a(), m("button", {
+          key: 4,
           class: "text-message__menu-button",
-          onClick: t[2] || (t[2] = (l) => d.value = !s(d))
+          onClick: t[2] || (t[2] = (o) => d.value = !s(d))
         }, [...t[6] || (t[6] = [
-          m("span", { class: "pi pi-ellipsis-h" }, null, -1)
+          l("span", { class: "pi pi-ellipsis-h" }, null, -1)
         ])])) : i("", !0),
-        f(j, null, {
+        f(q, null, {
           default: R(() => [
-            s(d) && e.message.actions ? (a(), g(z, {
+            s(d) && e.message.actions ? (a(), r(D, {
               key: 0,
               class: "text-message__context-menu",
               actions: e.message.actions,
@@ -185,9 +211,9 @@ const ae = ["messageId"], ne = ["src"], ie = {
           _: 1
         })
       ], 34)
-    ], 46, ae));
+    ], 46, ne));
   }
 });
 export {
-  Ie as default
+  He 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-dce5c529"]]);
+import t from "../../../_virtual/_plugin-vue_export-helper.js";
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-1bbd7c2f"]]);
 export {
   a as default
 };