@mobilon-dev/chotto 0.3.106 → 0.3.108

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

@@ -1,48 +1,49 @@
-import { defineComponent as Me, inject as xe, ref as p, computed as w, watch as Re, createElementBlock as m, openBlock as o, Fragment as S, createElementVNode as i, createBlock as d, unref as s, normalizeStyle as C, normalizeClass as y, createCommentVNode as l, createVNode as r, withCtx as c, createTextVNode as Te, toDisplayString as M, Transition as b, withModifiers as j, Teleport as H } from "vue";
-import Se from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
-import Ce from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
-import Ae from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
-import Ie from "../FeedReplyQuote/FeedReplyQuote.vue.js";
-import Ee from "../../2_modals/ModalFullscreen/ModalFullscreen.vue.js";
-import Le from "../MessageReactions/MessageReactions.vue.js";
-import D from "../MessageStatusIndicator/MessageStatusIndicator.vue.js";
-import Fe from "../MessageSmsInvite/MessageSmsInvite.vue.js";
-import Pe from "../DeletedMessageContent/DeletedMessageContent.vue.js";
-import Be from "../../1_atoms/Tooltip/Tooltip.vue.js";
-import { useMessageActions as Ne } from "../../../hooks/messages/useMessageActions.js";
-import { useMessageHoverActions as Ue } from "../../../hooks/messages/useMessageHoverActions.js";
-import { useMessageMenuActions as Oe } from "../../../hooks/messages/useMessageMenuActions.js";
-import { useMessageLinks as $e } from "../../../hooks/messages/useMessageLinks.js";
-import { useChannelAccentColor as je } from "../../../hooks/messages/useChannelAccentColor.js";
-import { useSubtextTooltip as He } from "../../../hooks/messages/useSubtextTooltip.js";
-import { useStartReply as De } from "../../../hooks/messages/useStartReply.js";
+import { defineComponent as Ie, inject as Ae, ref as g, computed as b, watch as Ee, createElementBlock as m, openBlock as o, Fragment as C, createElementVNode as l, createBlock as d, unref as t, normalizeStyle as S, normalizeClass as h, createCommentVNode as i, createVNode as u, withCtx as c, createTextVNode as Pe, toDisplayString as M, Transition as k, withModifiers as G, Teleport as J } from "vue";
+import Le from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
+import Fe from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
+import Be from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
+import Ne from "../FeedReplyQuote/FeedReplyQuote.vue.js";
+import Ue from "../../2_modals/ModalFullscreen/ModalFullscreen.vue.js";
+import $e from "../MessageReactions/MessageReactions.vue.js";
+import K from "../MessageStatusIndicator/MessageStatusIndicator.vue.js";
+import He from "../MessageSmsInvite/MessageSmsInvite.vue.js";
+import Oe from "../DeletedMessageContent/DeletedMessageContent.vue.js";
+import je from "../../1_atoms/Tooltip/Tooltip.vue.js";
+import { useMessageActions as De } from "../../../hooks/messages/useMessageActions.js";
+import { useMessageHoverActions as Ve } from "../../../hooks/messages/useMessageHoverActions.js";
+import { useMessageReactionsInFeed as qe } from "../../../hooks/messages/useMessageReactionsInFeed.js";
+import { useMessageMenuActions as ze } from "../../../hooks/messages/useMessageMenuActions.js";
+import { useMessageLinks as Qe } from "../../../hooks/messages/useMessageLinks.js";
+import { useChannelAccentColor as We } from "../../../hooks/messages/useChannelAccentColor.js";
+import { useSubtextTooltip as Ge } from "../../../hooks/messages/useSubtextTooltip.js";
+import { useStartReply as Je } from "../../../hooks/messages/useStartReply.js";
 import "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
-import { useTheme as Ve } from "../../../hooks/useTheme.js";
+import { useTheme as Ke } from "../../../hooks/useTheme.js";
 import "../../../hooks/useEmojiNative.js";
 /* empty css                              */
 /* empty css                                              */
 import "../../../locale/useLocale.js";
 /* empty css                                                            */
-import { buildReplyPayload as V } from "../../../hooks/messages/buildReplyPayload.js";
-import { getStatus as qe, getStatusTitle as ze } from "../../../functions/getStatusMessage.js";
-import { safeMediaPlayVoid as q } from "../../../functions/safeMediaPlay.js";
-import { getMessageClass as Qe } from "../../../functions/getMessageClass.js";
-import { createReactionHandlers as We } from "../../../functions/createReactionHandlers.js";
+import { buildReplyPayload as X } from "../../../hooks/messages/buildReplyPayload.js";
+import { getStatus as Xe, getStatusTitle as Ye } from "../../../functions/getStatusMessage.js";
+import { safeMediaPlayVoid as Y } from "../../../functions/safeMediaPlay.js";
+import { getMessageClass as Ze } from "../../../functions/getMessageClass.js";
+import { createReactionHandlers as _e } from "../../../functions/createReactionHandlers.js";
 import "../../../functions/parseMarkdown.js";
-const Ge = ["messageId"], Je = ["src"], Ke = {
+const es = ["messageId"], ss = ["src"], ts = {
   key: 1,
   class: "video-message__subtext"
-}, Xe = { class: "video-message__info-container" }, Ye = {
+}, as = { class: "video-message__info-container" }, ns = {
   key: 0,
   class: "video-message__time"
-}, Ze = ["src"], _e = {
+}, os = ["src"], is = {
   key: 0,
   class: "video-message__info-container"
-}, es = { class: "video-message__time" }, ss = {
+}, ls = { class: "video-message__time" }, ms = {
   key: 1,
   class: "video-message__text-container"
-}, ts = ["innerHTML"], as = ["src", "alt"], Os = /* @__PURE__ */ Me({
+}, rs = ["innerHTML"], us = ["src", "alt"], Qs = /* @__PURE__ */ Ie({
   inheritAttrs: !1,
   __name: "VideoMessage",
   props: {
@@ -87,46 +88,66 @@ const Ge = ["messageId"], Je = ["src"], Ke = {
     }
   },
   emits: ["action", "reply", "sms-invite"],
-  setup(e, { emit: z }) {
-    const A = xe("chatAppId"), { getTheme: I } = Ve(A || ""), { menuActions: h } = Oe(() => a.message), { hoverActionsEnabled: Q, reactionsActive: W } = Ue(
+  setup(e, { emit: Z }) {
+    const I = Ae("chatAppId"), { getTheme: A } = Ke(I || ""), { menuActions: p } = ze(() => a.message), { hoverActionsEnabled: _, reactionsActive: E } = Ve(
       () => a.channel,
       () => a.reactionsEnabled,
       () => a.message
-    ), { startReply: G } = De(A || ""), a = e, x = z;
-    function R(u) {
-      return Qe(u.position, "video-message");
+    ), { startReply: ee } = Je(I || ""), a = e, R = Z;
+    function x(r) {
+      return Ze(r.position, "video-message");
     }
-    const E = p(), g = p(), T = p(!1), v = p(!1), { linkedHtml: J, inNewWindow: L } = $e(() => a.message.text), {
-      isOpenMenu: K,
-      buttonMenuVisible: X,
-      menuAnchorRef: Y,
-      menuRef: Z,
-      menuStyle: _,
-      menuTheme: ee,
-      showMenu: se,
+    const P = g(), v = g(), T = g(!1), f = g(!1), { linkedHtml: se, inNewWindow: L } = Qe(() => a.message.text), {
+      isOpenMenu: te,
+      buttonMenuVisible: ae,
+      menuAnchorRef: ne,
+      menuRef: oe,
+      menuStyle: ie,
+      menuTheme: le,
+      showMenu: me,
       hideMenu: F,
-      openMenu: te,
-      toggleMenu: P,
-      onMenuMouseEnter: ae,
-      onMenuMouseLeave: oe,
-      clickAction: ne,
-      viewsAction: B,
-      handleClickReplied: ie
-    } = Ne(a.message, x, {
-      onReply: () => G(V(a.message, "message.video"))
-    }), le = () => {
-      se(), v.value = !0;
-    }, N = w(() => qe(a.message.status)), U = w(() => ze(a.message.status, a.message.statusMsg)), { bubbleStyle: me } = je(
-      w(() => a.message),
+      openMenu: re,
+      toggleMenu: B,
+      onMenuMouseEnter: ue,
+      onMenuMouseLeave: de,
+      clickAction: ce,
+      viewsAction: N,
+      handleClickReplied: ge
+    } = De(a.message, R, {
+      onReply: () => ee(X(a.message, "message.video"))
+    }), ve = () => {
+      me(), f.value = !0;
+    }, U = b(() => Xe(a.message.status)), $ = b(() => Ye(a.message.status, a.message.statusMsg)), { bubbleStyle: fe } = We(
+      b(() => a.message),
       { cssVariable: "--chotto-videomessage-right-bg", position: "right" }
-    ), re = () => {
-      g.value && (g.value.currentTime = 0, q(g.value));
+    ), ye = () => {
+      v.value && (v.value.currentTime = 0, Y(v.value));
     };
-    Re([E, g], ([u, t]) => {
-      u ? t && (t.pause(), t.currentTime = 0) : t && (t.currentTime = 0, q(t));
+    Ee([P, v], ([r, s]) => {
+      r ? s && (s.pause(), s.currentTime = 0) : s && (s.currentTime = 0, Y(s));
     });
-    const ue = w(() => a.message.reply && a.message.text ? "0" : a.message.text ? "var(--chotto-videomessage-preview-with-caption-border-radius, 7px 7px 0 0)" : a.message.reply ? "var(--chotto-videomessage-preview-with-reply-border-radius, 0 0 7px 7px)" : "var(--chotto-videomessage-preview-border-radius, 7px)"), de = () => T.value = !1, { onToggleReaction: ce, onAddReaction: ge, onRemoveReaction: ve } = We(x), fe = async () => {
-      var u, t;
+    const be = b(() => a.message.reply && a.message.text ? "0" : a.message.text ? "var(--chotto-videomessage-preview-with-caption-border-radius, 7px 7px 0 0)" : a.message.reply ? "var(--chotto-videomessage-preview-with-reply-border-radius, 0 0 7px 7px)" : "var(--chotto-videomessage-preview-border-radius, 7px)"), he = () => T.value = !1, { onToggleReaction: H, onAddReaction: O, onRemoveReaction: j } = _e(R), D = g(null), V = g(null), ke = b(() => {
+      var s;
+      const r = (s = V.value) == null ? void 0 : s.$el;
+      return r instanceof HTMLElement ? r : null;
+    }), { showReactions: pe, onContentPointerEnter: q, onContentPointerLeave: z } = qe({
+      message: () => a.message,
+      messageId: () => a.message.messageId,
+      reactions: () => a.message.reactions,
+      reactionsActive: E,
+      reactionsMode: () => a.reactionsMode,
+      reply: () => X(a.message, "message.video"),
+      menuEnabled: () => p.value.length > 0,
+      contentRef: D,
+      chipsRef: ke,
+      handlers: {
+        onToggleReaction: H,
+        onAddReaction: O,
+        onRemoveReaction: j,
+        onMenu: re
+      }
+    }), we = async () => {
+      var r, s;
       if (a.message.url)
         try {
           const n = await fetch(a.message.url, {
@@ -136,36 +157,36 @@ const Ge = ["messageId"], Je = ["src"], Ke = {
           });
           if (!n.ok)
             throw new Error(`HTTP error! status: ${n.status}`);
-          const he = n.headers.get("content-type") || "", ke = await n.blob(), k = ((t = (u = a.message.url.split(".").pop()) == null ? void 0 : u.split("?")[0]) == null ? void 0 : t.toLowerCase()) || "", pe = {
+          const xe = n.headers.get("content-type") || "", Te = await n.blob(), w = ((s = (r = a.message.url.split(".").pop()) == null ? void 0 : r.split("?")[0]) == null ? void 0 : s.toLowerCase()) || "", Ce = {
             "video/mp4": "mp4",
             "video/webm": "webm",
             "video/ogg": "ogv",
             "video/quicktime": "mov",
             "video/x-matroska": "mkv",
-            "application/octet-stream": k || "mp4"
+            "application/octet-stream": w || "mp4"
           };
-          let O = k && ["mp4", "mov", "webm", "ogv", "mkv"].includes(k) ? k : pe[he] || "mp4";
-          const we = a.message.alt ? a.message.alt.includes(".") ? a.message.alt : `${a.message.alt}.${O}` : `video-${a.message.messageId}.${O}`, $ = window.URL.createObjectURL(ke), f = document.createElement("a");
-          f.href = $, f.download = we, document.body.appendChild(f), f.click(), document.body.removeChild(f), window.URL.revokeObjectURL($);
+          let Q = w && ["mp4", "mov", "webm", "ogv", "mkv"].includes(w) ? w : Ce[xe] || "mp4";
+          const Se = a.message.alt ? a.message.alt.includes(".") ? a.message.alt : `${a.message.alt}.${Q}` : `video-${a.message.messageId}.${Q}`, W = window.URL.createObjectURL(Te), y = document.createElement("a");
+          y.href = W, y.download = Se, document.body.appendChild(y), y.click(), document.body.removeChild(y), window.URL.revokeObjectURL(W);
         } catch (n) {
           console.error("Ошибка при скачивании видео:", n), window.open(a.message.url, "_blank");
         }
-    }, ye = He(() => a.message, () => a.subtextTooltipData);
-    function be() {
-      x("sms-invite", a.message);
+    }, Me = Ge(() => a.message, () => a.subtextTooltipData);
+    function Re() {
+      R("sms-invite", a.message);
     }
-    return (u, t) => (o(), m(S, null, [
-      i("div", {
+    return (r, s) => (o(), m(C, null, [
+      l("div", {
         ref_key: "menuAnchorRef",
-        ref: Y,
-        class: y(["video-message", [
-          R(e.message),
+        ref: ne,
+        class: h(["video-message", [
+          x(e.message),
           e.applyStyle(e.message)
         ]]),
         messageId: e.message.messageId,
-        style: C(s(me)),
-        onMouseleave: t[5] || (t[5] = //@ts-ignore
-        (...n) => s(F) && s(F)(...n))
+        style: S(t(fe)),
+        onMouseleave: s[7] || (s[7] = //@ts-ignore
+        (...n) => t(F) && t(F)(...n))
       }, [
         e.message.avatar && e.isFirstInSeries ? (o(), m("img", {
           key: 0,
@@ -173,197 +194,203 @@ const Ge = ["messageId"], Je = ["src"], Ke = {
           src: e.message.avatar,
           height: "32",
           width: "32"
-        }, null, 8, Je)) : l("", !0),
-        e.message.subText && e.isFirstInSeries ? (o(), m("p", Ke, [
-          r(Be, {
-            text: s(ye),
+        }, null, 8, ss)) : i("", !0),
+        e.message.subText && e.isFirstInSeries ? (o(), m("p", ts, [
+          u(je, {
+            text: t(Me),
             position: e.message.position === "left" ? "right" : "left",
             offset: 8
           }, {
             default: c(() => [
-              Te(M(e.message.subText), 1)
+              Pe(M(e.message.subText), 1)
             ]),
             _: 1
           }, 8, ["text", "position"])
-        ])) : l("", !0),
-        i("div", {
-          class: y(["video-message__content", { "is-first": e.isFirstInSeries, "with-avatar-indent": !e.isFirstInSeries && e.message.avatar, "has-caption": !!e.message.text }])
+        ])) : i("", !0),
+        l("div", {
+          ref_key: "contentRef",
+          ref: D,
+          class: h(["video-message__content", { "is-first": e.isFirstInSeries, "with-avatar-indent": !e.isFirstInSeries && e.message.avatar, "has-caption": !!e.message.text }]),
+          onPointerenter: s[5] || (s[5] = //@ts-ignore
+          (...n) => t(q) && t(q)(...n)),
+          onPointerleave: s[6] || (s[6] = //@ts-ignore
+          (...n) => t(z) && t(z)(...n))
         }, [
-          t[9] || (t[9] = i("div", {
+          s[11] || (s[11] = l("div", {
             class: "video-message__bottom-shadow",
             "aria-hidden": "true"
           }, null, -1)),
-          e.message.deleted ? (o(), m(S, { key: 0 }, [
-            r(Pe),
-            i("div", Xe, [
-              e.message.time ? (o(), m("span", Ye, M(e.message.time), 1)) : l("", !0),
-              r(D, {
+          e.message.deleted ? (o(), m(C, { key: 0 }, [
+            u(Oe),
+            l("div", as, [
+              e.message.time ? (o(), m("span", ns, M(e.message.time), 1)) : i("", !0),
+              u(K, {
                 "base-class": "video-message",
-                "message-class": R(e.message),
+                "message-class": x(e.message),
                 "message-status": e.message.status,
-                "status-class": N.value,
-                "status-title": U.value
+                "status-class": U.value,
+                "status-title": $.value
               }, null, 8, ["message-class", "message-status", "status-class", "status-title"])
             ])
-          ], 64)) : (o(), m(S, { key: 1 }, [
-            e.message.reply ? (o(), d(Ie, {
+          ], 64)) : (o(), m(C, { key: 1 }, [
+            e.message.reply ? (o(), d(Ne, {
               key: 0,
               style: { margin: "10px 10px 4px 16px" },
-              class: y(e.message.position),
+              class: h(e.message.position),
               message: e.message.reply,
-              onReply: s(ie)
-            }, null, 8, ["class", "message", "onReply"])) : l("", !0),
-            i("div", {
+              onReply: t(ge)
+            }, null, 8, ["class", "message", "onReply"])) : i("", !0),
+            l("div", {
               class: "video-message__preview-button",
-              onClick: t[1] || (t[1] = (n) => T.value = !0),
-              onMouseenter: le,
-              onMouseleave: t[2] || (t[2] = (n) => v.value = !v.value)
+              onClick: s[1] || (s[1] = (n) => T.value = !0),
+              onMouseenter: ve,
+              onMouseleave: s[2] || (s[2] = (n) => f.value = !f.value)
             }, [
-              i("video", {
+              l("video", {
                 ref_key: "previewPlayer",
-                ref: g,
+                ref: v,
                 class: "video-message__video",
-                style: C({ borderRadius: ue.value }),
+                style: S({ borderRadius: be.value }),
                 src: e.message.url,
                 muted: !0,
                 autoplay: "",
-                onEnded: re
-              }, null, 44, Ze),
-              r(b, { name: "modal-fade" }, {
+                onEnded: ye
+              }, null, 44, os),
+              u(k, { name: "modal-fade" }, {
                 default: c(() => [
-                  v.value ? (o(), m("div", _e, [
+                  f.value ? (o(), m("div", is, [
                     e.message.views ? (o(), m("div", {
                       key: 0,
                       class: "video-message__views",
-                      onClick: t[0] || (t[0] = j(
+                      onClick: s[0] || (s[0] = G(
                         //@ts-ignore
-                        (...n) => s(B) && s(B)(...n),
+                        (...n) => t(N) && t(N)(...n),
                         ["stop"]
                       ))
                     }, [
-                      t[6] || (t[6] = i("span", { class: "pi pi-eye" }, null, -1)),
-                      i("p", null, M(e.message.views), 1)
-                    ])) : l("", !0),
-                    i("span", es, M(e.message.time), 1),
-                    r(D, {
+                      s[8] || (s[8] = l("span", { class: "pi pi-eye" }, null, -1)),
+                      l("p", null, M(e.message.views), 1)
+                    ])) : i("", !0),
+                    l("span", ls, M(e.message.time), 1),
+                    u(K, {
                       "base-class": "video-message",
-                      "message-class": R(e.message),
+                      "message-class": x(e.message),
                       "message-status": e.message.status,
-                      "status-class": N.value,
-                      "status-title": U.value
+                      "status-class": U.value,
+                      "status-title": $.value
                     }, null, 8, ["message-class", "message-status", "status-class", "status-title"])
-                  ])) : l("", !0)
+                  ])) : i("", !0)
                 ]),
                 _: 1
               }),
-              r(b, { name: "modal-fade" }, {
+              u(k, { name: "modal-fade" }, {
                 default: c(() => [
-                  v.value ? (o(), m("button", {
+                  f.value ? (o(), m("button", {
                     key: 0,
                     class: "video-message__download-button",
                     type: "button",
-                    onClick: j(fe, ["stop"])
-                  }, [...t[7] || (t[7] = [
-                    i("span", { class: "pi pi-download" }, null, -1)
-                  ])])) : l("", !0)
+                    onClick: G(we, ["stop"])
+                  }, [...s[9] || (s[9] = [
+                    l("span", { class: "pi pi-download" }, null, -1)
+                  ])])) : i("", !0)
                 ]),
                 _: 1
               })
             ], 32),
-            r(b, { name: "modal-fade" }, {
+            u(k, { name: "modal-fade" }, {
               default: c(() => [
-                s(X) && s(h).length && !e.reactionsEnabled && s(Q) ? (o(), m("button", {
+                t(ae) && t(p).length && !e.reactionsEnabled && t(_) ? (o(), m("button", {
                   key: 0,
                   class: "video-message__menu-button",
-                  onClick: t[3] || (t[3] = //@ts-ignore
-                  (...n) => s(P) && s(P)(...n))
-                }, [...t[8] || (t[8] = [
-                  i("span", { class: "pi pi-ellipsis-h" }, null, -1)
-                ])])) : l("", !0)
+                  onClick: s[3] || (s[3] = //@ts-ignore
+                  (...n) => t(B) && t(B)(...n))
+                }, [...s[10] || (s[10] = [
+                  l("span", { class: "pi pi-ellipsis-h" }, null, -1)
+                ])])) : i("", !0)
               ]),
               _: 1
             }),
-            (o(), d(H, { to: "body" }, [
-              r(b, { name: "context-menu" }, {
+            (o(), d(J, { to: "body" }, [
+              u(k, { name: "context-menu" }, {
                 default: c(() => [
-                  s(K) && s(h).length ? (o(), d(Se, {
+                  t(te) && t(p).length ? (o(), d(Le, {
                     key: 0,
                     ref_key: "menuRef",
-                    ref: Z,
+                    ref: oe,
                     class: "video-message__context-menu message-actions-menu",
-                    style: C(s(_)),
-                    "data-theme": s(ee),
-                    actions: s(h),
-                    onClick: s(ne),
-                    onMouseenter: s(ae),
-                    onMouseleave: s(oe)
-                  }, null, 8, ["style", "data-theme", "actions", "onClick", "onMouseenter", "onMouseleave"])) : l("", !0)
+                    style: S(t(ie)),
+                    "data-theme": t(le),
+                    actions: t(p),
+                    onClick: t(ce),
+                    onMouseenter: t(ue),
+                    onMouseleave: t(de)
+                  }, null, 8, ["style", "data-theme", "actions", "onClick", "onMouseenter", "onMouseleave"])) : i("", !0)
                 ]),
                 _: 1
               })
             ])),
-            e.message.text ? (o(), m("div", ss, [
-              i("p", {
-                onClick: t[4] || (t[4] = //@ts-ignore
-                (...n) => s(L) && s(L)(...n)),
-                innerHTML: s(J)
-              }, null, 8, ts)
-            ])) : l("", !0),
-            r(Fe, {
+            e.message.text ? (o(), m("div", ms, [
+              l("p", {
+                onClick: s[4] || (s[4] = //@ts-ignore
+                (...n) => t(L) && t(L)(...n)),
+                innerHTML: t(se)
+              }, null, 8, rs)
+            ])) : i("", !0),
+            u(He, {
               status: e.message.status,
               "has-messenger-account": e.message.hasMessengerAccount,
               channel: e.channel,
-              onSmsInvite: be
+              onSmsInvite: Re
             }, null, 8, ["status", "has-messenger-account", "channel"]),
-            e.message.linkPreview ? (o(), d(Ce, {
+            e.message.linkPreview ? (o(), d(Fe, {
               key: 2,
-              class: y(["video-message__link-preview", e.message.position]),
+              class: h(["video-message__link-preview", e.message.position]),
               "link-preview": e.message.linkPreview
-            }, null, 8, ["class", "link-preview"])) : l("", !0),
-            e.message.embed ? (o(), d(Ae, {
+            }, null, 8, ["class", "link-preview"])) : i("", !0),
+            e.message.embed ? (o(), d(Be, {
               key: 3,
-              class: y(e.message.position),
+              class: h(e.message.position),
               embed: e.message.embed
-            }, null, 8, ["class", "embed"])) : l("", !0),
-            r(Le, {
+            }, null, 8, ["class", "embed"])) : i("", !0),
+            t(pe) ? (o(), d($e, {
+              key: 4,
+              ref_key: "reactionsRef",
+              ref: V,
               reactions: e.message.reactions,
               "message-id": e.message.messageId,
-              reply: s(V)(e.message, "message.video"),
-              enabled: s(W),
+              enabled: t(E),
               mode: e.reactionsMode,
               "current-user-id": e.currentUserId,
               "reaction-user-names": e.reactionUserNames,
-              "menu-enabled": s(h).length > 0,
-              onToggleReaction: s(ce),
-              onAddReaction: s(ge),
-              onRemoveReaction: s(ve),
-              onMenu: s(te)
-            }, null, 8, ["reactions", "message-id", "reply", "enabled", "mode", "current-user-id", "reaction-user-names", "menu-enabled", "onToggleReaction", "onAddReaction", "onRemoveReaction", "onMenu"])
+              onToggleReaction: t(H),
+              onAddReaction: t(O),
+              onRemoveReaction: t(j)
+            }, null, 8, ["reactions", "message-id", "enabled", "mode", "current-user-id", "reaction-user-names", "onToggleReaction", "onAddReaction", "onRemoveReaction"])) : i("", !0)
           ], 64))
-        ], 2)
-      ], 46, Ge),
-      (o(), d(H, { to: "body" }, [
-        r(b, { name: "modal-fade" }, {
+        ], 34)
+      ], 46, es),
+      (o(), d(J, { to: "body" }, [
+        u(k, { name: "modal-fade" }, {
           default: c(() => [
-            T.value && !e.message.deleted ? (o(), d(Ee, {
+            T.value && !e.message.deleted ? (o(), d(Ue, {
               key: 0,
-              "data-theme": s(I)().theme ? s(I)().theme : "light",
+              "data-theme": t(A)().theme ? t(A)().theme : "light",
               title: e.message.alt,
-              onClose: de
+              onClose: he
             }, {
               default: c(() => [
-                i("video", {
+                l("video", {
                   ref_key: "player",
-                  ref: E,
+                  ref: P,
                   class: "video-message__modal-video",
                   src: e.message.url,
                   alt: e.message.alt,
                   controls: "",
                   autoplay: ""
-                }, null, 8, as)
+                }, null, 8, us)
               ]),
               _: 1
-            }, 8, ["data-theme", "title"])) : l("", !0)
+            }, 8, ["data-theme", "title"])) : i("", !0)
           ]),
           _: 1
         })
@@ -372,5 +399,5 @@ const Ge = ["messageId"], Je = ["src"], Ke = {
   }
 });
 export {
-  Os as default
+  Qs as default
 };

package/dist/components/3_compounds/Feed/Feed.vue.js

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