@mobilon-dev/chotto 0.3.109 → 0.3.111

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

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