@mobilon-dev/chotto 0.3.98 → 0.3.99

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

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

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

@@ -1,318 +1,7 @@
-import y from "./ImageMessage.vue2.js";
-import { createElementBlock as l, openBlock as a, normalizeStyle as _, normalizeClass as c, createCommentVNode as n, createElementVNode as i, createBlock as o, createVNode as m, withCtx as g, createTextVNode as b, toDisplayString as u, Fragment as v, Transition as r, withModifiers as f, Teleport as h } from "vue";
+import a from "./ImageMessage.vue2.js";
 /* empty css                  */
-import M from "../../../_virtual/_plugin-vue_export-helper.js";
-const k = ["messageId"], w = ["src"], R = {
-  key: 1,
-  class: "image-message__subtext"
-}, x = { class: "image-message__info-container" }, I = {
-  key: 0,
-  class: "image-message__time"
-}, C = {
-  key: 0,
-  class: "image-message__blur-wrapper"
-}, T = ["src", "alt"], A = ["src", "alt"], S = ["src", "alt"], B = {
-  key: 0,
-  class: "image-message__info-container"
-}, N = { class: "image-message__time" }, V = {
-  key: 1,
-  ref: "textRef",
-  class: "image-message__text-container"
-}, E = ["innerHTML"], F = ["src", "alt"];
-function P(D, t, s, e, L, H) {
-  return a(), l("div", {
-    ref: "menuAnchorRef",
-    class: c(["image-message", [
-      e.getClass(s.message),
-      s.applyStyle(s.message)
-    ]]),
-    messageId: s.message.messageId,
-    style: _(e.rightBubbleStyle),
-    onMouseleave: e.hideMenu
-  }, [
-    s.message.avatar && s.isFirstInSeries ? (a(), l("img", {
-      key: 0,
-      class: "image-message__avatar",
-      src: s.message.avatar,
-      height: "32",
-      width: "32"
-    }, null, 8, w)) : n("v-if", !0),
-    s.message.subText && s.isFirstInSeries ? (a(), l("p", R, [
-      m(e.Tooltip, {
-        text: e.channelInfo,
-        position: s.message.position === "left" ? "right" : "left",
-        offset: 8
-      }, {
-        default: g(() => [
-          b(
-            u(s.message.subText),
-            1
-            /* TEXT */
-          )
-        ]),
-        _: 1
-        /* STABLE */
-      }, 8, ["text", "position"])
-    ])) : n("v-if", !0),
-    i(
-      "div",
-      {
-        class: c(["image-message__content", { "is-first": s.isFirstInSeries, "with-avatar-indent": !s.isFirstInSeries && s.message.avatar, "has-caption": !!s.message.text }])
-      },
-      [
-        t[7] || (t[7] = i(
-          "div",
-          {
-            class: "image-message__bottom-shadow",
-            "aria-hidden": "true"
-          },
-          null,
-          -1
-          /* CACHED */
-        )),
-        s.message.deleted ? (a(), l(
-          v,
-          { key: 0 },
-          [
-            m(e.DeletedMessageContent),
-            i("div", x, [
-              s.message.time ? (a(), l(
-                "span",
-                I,
-                u(s.message.time),
-                1
-                /* TEXT */
-              )) : n("v-if", !0),
-              m(e.MessageStatusIndicator, {
-                "base-class": "image-message",
-                "message-class": e.getClass(s.message),
-                "message-status": s.message.status,
-                "status-class": e.status,
-                "status-title": e.statusTitle
-              }, null, 8, ["message-class", "message-status", "status-class", "status-title"])
-            ])
-          ],
-          64
-          /* STABLE_FRAGMENT */
-        )) : (a(), l(
-          v,
-          { key: 1 },
-          [
-            s.message.reply ? (a(), o(e.BaseReplyMessage, {
-              key: 0,
-              style: { margin: "10px 10px 4px 16px" },
-              class: c(s.message.position),
-              message: s.message.reply,
-              onReply: e.handleClickReplied
-            }, null, 8, ["class", "message", "onReply"])) : n("v-if", !0),
-            i(
-              "div",
-              {
-                class: c(["image-message__preview-button", { "image-message__preview-button--blur-edges": e.shouldApplyBlur }]),
-                onClick: t[1] || (t[1] = (d) => e.isOpenModal = !0),
-                onMouseenter: e.showMenu,
-                onMouseleave: e.hideMenu
-              },
-              [
-                e.shouldApplyBlur ? (a(), l("div", C, [
-                  i("img", {
-                    class: "image-message__blur-left",
-                    src: s.message.url,
-                    alt: s.message.alt
-                  }, null, 8, T),
-                  i("img", {
-                    class: "image-message__blur-right",
-                    src: s.message.url,
-                    alt: s.message.alt
-                  }, null, 8, A)
-                ])) : n("v-if", !0),
-                i("img", {
-                  ref: "imageRef",
-                  class: "image-message__preview-image",
-                  style: _({ borderRadius: e.imageBorderRadius }),
-                  src: s.message.url,
-                  alt: s.message.alt
-                }, null, 12, S),
-                m(r, { name: "modal-fade" }, {
-                  default: g(() => [
-                    e.buttonDownloadVisible ? (a(), l("div", B, [
-                      s.message.views ? (a(), l("div", {
-                        key: 0,
-                        class: "image-message__views",
-                        onClick: t[0] || (t[0] = f((...d) => e.viewsAction && e.viewsAction(...d), ["stop"]))
-                      }, [
-                        t[4] || (t[4] = i(
-                          "span",
-                          { class: "pi pi-eye" },
-                          null,
-                          -1
-                          /* CACHED */
-                        )),
-                        i(
-                          "p",
-                          null,
-                          u(s.message.views),
-                          1
-                          /* TEXT */
-                        )
-                      ])) : n("v-if", !0),
-                      i(
-                        "span",
-                        N,
-                        u(s.message.time),
-                        1
-                        /* TEXT */
-                      ),
-                      m(e.MessageStatusIndicator, {
-                        "base-class": "image-message",
-                        "message-class": e.getClass(s.message),
-                        "message-status": s.message.status,
-                        "status-class": e.status,
-                        "status-title": e.statusTitle
-                      }, null, 8, ["message-class", "message-status", "status-class", "status-title"])
-                    ])) : n("v-if", !0)
-                  ]),
-                  _: 1
-                  /* STABLE */
-                }),
-                m(r, { name: "modal-fade" }, {
-                  default: g(() => [
-                    e.buttonDownloadVisible ? (a(), l("button", {
-                      key: 0,
-                      class: "image-message__download-button",
-                      onClick: f(e.downloadImage, ["stop"])
-                    }, [...t[5] || (t[5] = [
-                      i(
-                        "span",
-                        { class: "pi pi-download" },
-                        null,
-                        -1
-                        /* CACHED */
-                      )
-                    ])])) : n("v-if", !0)
-                  ]),
-                  _: 1
-                  /* STABLE */
-                })
-              ],
-              34
-              /* CLASS, NEED_HYDRATION */
-            ),
-            m(r, { name: "modal-fade" }, {
-              default: g(() => [
-                e.buttonMenuVisible && e.menuActions.length && !s.reactionsEnabled ? (a(), l("button", {
-                  key: 0,
-                  class: "image-message__menu-button",
-                  onClick: t[2] || (t[2] = (...d) => e.toggleMenu && e.toggleMenu(...d))
-                }, [...t[6] || (t[6] = [
-                  i(
-                    "span",
-                    { class: "pi pi-ellipsis-h" },
-                    null,
-                    -1
-                    /* CACHED */
-                  )
-                ])])) : n("v-if", !0)
-              ]),
-              _: 1
-              /* STABLE */
-            }),
-            (a(), o(h, { to: "body" }, [
-              m(r, { name: "context-menu" }, {
-                default: g(() => [
-                  e.isOpenMenu && e.menuActions.length ? (a(), o(e.ContextMenu, {
-                    key: 0,
-                    ref: "menuRef",
-                    class: "image-message__context-menu message-actions-menu",
-                    style: _(e.menuStyle),
-                    "data-theme": e.menuTheme,
-                    actions: e.menuActions,
-                    onClick: e.clickAction,
-                    onMouseenter: e.onMenuMouseEnter,
-                    onMouseleave: e.onMenuMouseLeave
-                  }, null, 8, ["style", "data-theme", "actions", "onClick", "onMouseenter"])) : n("v-if", !0)
-                ]),
-                _: 1
-                /* STABLE */
-              })
-            ])),
-            s.message.text ? (a(), l(
-              "div",
-              V,
-              [
-                i("p", {
-                  onClick: t[3] || (t[3] = (...d) => e.inNewWindow && e.inNewWindow(...d)),
-                  innerHTML: e.linkedHtml
-                }, null, 8, E)
-              ],
-              512
-              /* NEED_PATCH */
-            )) : n("v-if", !0),
-            m(e.MessageSmsInvite, {
-              status: s.message.status,
-              "has-messenger-account": s.message.hasMessengerAccount,
-              channel: s.channel,
-              onSmsInvite: e.handleSmsInvite
-            }, null, 8, ["status", "has-messenger-account", "channel"]),
-            s.message.linkPreview ? (a(), o(e.LinkPreview, {
-              key: 2,
-              class: c(["image-message__link-preview", s.message.position]),
-              "link-preview": s.message.linkPreview
-            }, null, 8, ["class", "link-preview"])) : n("v-if", !0),
-            s.message.embed ? (a(), o(e.EmbedPreview, {
-              key: 3,
-              class: c(s.message.position),
-              embed: s.message.embed
-            }, null, 8, ["class", "embed"])) : n("v-if", !0),
-            m(e.MessageReactions, {
-              reactions: s.message.reactions,
-              "message-id": s.message.messageId,
-              reply: e.buildReplyPayload(s.message, "message.image"),
-              enabled: s.reactionsEnabled,
-              mode: s.reactionsMode,
-              "current-user-id": s.currentUserId,
-              "reaction-user-names": s.reactionUserNames,
-              "menu-enabled": e.menuActions.length > 0,
-              onToggleReaction: e.onToggleReaction,
-              onAddReaction: e.onAddReaction,
-              onRemoveReaction: e.onRemoveReaction,
-              onMenu: e.openMenu
-            }, null, 8, ["reactions", "message-id", "reply", "enabled", "mode", "current-user-id", "reaction-user-names", "menu-enabled", "onToggleReaction", "onAddReaction", "onRemoveReaction", "onMenu"])
-          ],
-          64
-          /* STABLE_FRAGMENT */
-        ))
-      ],
-      2
-      /* CLASS */
-    ),
-    (a(), o(h, { to: "body" }, [
-      m(r, { name: "modal-fade" }, {
-        default: g(() => [
-          e.isOpenModal && !s.message.deleted ? (a(), o(e.ModalFullscreen, {
-            key: 0,
-            "data-theme": e.getTheme().theme ? e.getTheme().theme : "light",
-            title: s.message.alt,
-            onClose: e.closeModal
-          }, {
-            default: g(() => [
-              i("img", {
-                class: "image-message__modal-image",
-                src: s.message.url,
-                alt: s.message.alt
-              }, null, 8, F)
-            ]),
-            _: 1
-            /* STABLE */
-          }, 8, ["data-theme", "title"])) : n("v-if", !0)
-        ]),
-        _: 1
-        /* STABLE */
-      })
-    ]))
-  ], 46, k);
-}
-const j = /* @__PURE__ */ M(y, [["render", P], ["__scopeId", "data-v-5120d7dd"], ["__file", "/var/store/dev-space/repos-projects/chotto/chotto/src/components/2_feed_elements/ImageMessage/ImageMessage.vue"]]);
+import o from "../../../_virtual/_plugin-vue_export-helper.js";
+const r = /* @__PURE__ */ o(a, [["__scopeId", "data-v-7b3f2aad"]]);
 export {
-  j as default
+  r as default
 };