@mobilon-dev/chotto 0.3.110 → 0.3.111

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

@@ -1,7 +1,7 @@
 import o from "./FeedReplyQuote.vue2.js";
 /* empty css                    */
 import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0fc66794"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d0442c76"]]);
 export {
-  f as default
+  m as default
 };

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

@@ -1,8 +1,8 @@
-import { defineComponent as h, computed as a, createElementBlock as r, openBlock as n, normalizeClass as v, createCommentVNode as c, createElementVNode as k, toDisplayString as d } from "vue";
-const C = ["src"], E = { class: "feed-reply-quote__content" }, q = {
+import { defineComponent as h, computed as a, createElementBlock as r, openBlock as n, normalizeClass as y, createCommentVNode as c, createElementVNode as k, toDisplayString as d } from "vue";
+const w = ["src"], C = { class: "feed-reply-quote__content" }, E = {
   key: 0,
   class: "feed-reply-quote__heading"
-}, w = {
+}, q = {
   key: 1,
   class: "feed-reply-quote__body"
 }, I = /* @__PURE__ */ h({
@@ -17,7 +17,10 @@ const C = ["src"], E = { class: "feed-reply-quote__content" }, q = {
   setup(m, { emit: g }) {
     const _ = g, t = m, p = /* @__PURE__ */ new Set(["message.image", "message.sticker"]), o = a(() => {
       const e = t.message;
-      return !(e != null && e.url) || !p.has(e.type || "") || e.url.endsWith(".tgs") ? "" : e.url;
+      if ((e == null ? void 0 : e.type) === "message.video") return e.coverUrl || "";
+      if (!p.has((e == null ? void 0 : e.type) || "")) return "";
+      const s = e.imagePreviewUrl || e.url;
+      return !s || s.endsWith(".tgs") ? "" : s;
     }), i = a(() => {
       var s;
       const e = (s = t.message) == null ? void 0 : s.header;
@@ -43,14 +46,14 @@ const C = ["src"], E = { class: "feed-reply-quote__content" }, q = {
           return "";
       }
     }), f = a(() => o.value ? "grid" : "");
-    function y() {
+    function v() {
       var e;
       (e = t.message) != null && e.messageId && _("reply", t.message.messageId);
     }
     return (e, s) => (n(), r("div", {
-      class: v(["reply__container", f.value]),
+      class: y(["reply__container", f.value]),
       "data-testid": "feed-reply-quote",
-      onClick: y
+      onClick: v
     }, [
       o.value ? (n(), r("img", {
         key: 0,
@@ -61,10 +64,10 @@ const C = ["src"], E = { class: "feed-reply-quote__content" }, q = {
         height: "40",
         loading: "lazy",
         decoding: "async"
-      }, null, 8, C)) : c("", !0),
-      k("div", E, [
-        i.value ? (n(), r("p", q, d(i.value), 1)) : c("", !0),
-        l.value ? (n(), r("p", w, d(l.value), 1)) : c("", !0)
+      }, null, 8, w)) : c("", !0),
+      k("div", C, [
+        i.value ? (n(), r("p", E, d(i.value), 1)) : c("", !0),
+        l.value ? (n(), r("p", q, d(l.value), 1)) : c("", !0)
       ])
     ], 2));
   }

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

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

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

@@ -1,45 +1,45 @@
-import { defineComponent as Pe, inject as Ue, ref as d, watch as se, nextTick as j, onMounted as ze, onUnmounted as He, computed as y, createElementBlock as m, openBlock as n, normalizeStyle as O, normalizeClass as h, unref as t, createCommentVNode as o, createElementVNode as l, createBlock as f, createVNode as g, withCtx as b, createTextVNode as Ne, toDisplayString as I, Fragment as te, Transition as R, withModifiers as ae, Teleport as ne } from "vue";
-import Ve from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
-import We from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
-import $e from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
-import De from "../FeedReplyQuote/FeedReplyQuote.vue.js";
-import qe from "../../2_modals/ModalFullscreen/ModalFullscreen.vue.js";
-import Qe from "../MessageReactions/MessageReactions.vue.js";
-import ie from "../MessageStatusIndicator/MessageStatusIndicator.vue.js";
-import Ge from "../MessageSmsInvite/MessageSmsInvite.vue.js";
-import Je from "../DeletedMessageContent/DeletedMessageContent.vue.js";
-import Ke from "../../1_atoms/Tooltip/Tooltip.vue.js";
-import { useMessageActions as Xe } from "../../../hooks/messages/useMessageActions.js";
-import { useMessageHoverActions as Ye } from "../../../hooks/messages/useMessageHoverActions.js";
-import { useMessageReactionsInFeed as Ze } from "../../../hooks/messages/useMessageReactionsInFeed.js";
-import { useMessageMenuActions as _e } from "../../../hooks/messages/useMessageMenuActions.js";
-import { useMessageLinks as es } from "../../../hooks/messages/useMessageLinks.js";
-import { useChannelAccentColor as ss } from "../../../hooks/messages/useChannelAccentColor.js";
-import { useSubtextTooltip as ts } from "../../../hooks/messages/useSubtextTooltip.js";
-import { useStartReply as as } from "../../../hooks/messages/useStartReply.js";
-import { useTheme as ns } from "../../../hooks/useTheme.js";
+import { defineComponent as Be, inject as ze, ref as d, watch as te, nextTick as U, onMounted as He, onUnmounted as Ne, computed as b, createElementBlock as m, openBlock as n, normalizeStyle as O, normalizeClass as h, unref as t, createCommentVNode as o, createElementVNode as l, createBlock as f, createVNode as g, withCtx as y, createTextVNode as Ve, toDisplayString as C, Fragment as ae, Transition as R, withModifiers as ne, Teleport as ie } from "vue";
+import We from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
+import $e from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
+import De from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
+import qe from "../FeedReplyQuote/FeedReplyQuote.vue.js";
+import Qe from "../../2_modals/ModalFullscreen/ModalFullscreen.vue.js";
+import Ge from "../MessageReactions/MessageReactions.vue.js";
+import oe from "../MessageStatusIndicator/MessageStatusIndicator.vue.js";
+import Je from "../MessageSmsInvite/MessageSmsInvite.vue.js";
+import Ke from "../DeletedMessageContent/DeletedMessageContent.vue.js";
+import Xe from "../../1_atoms/Tooltip/Tooltip.vue.js";
+import { useMessageActions as Ye } from "../../../hooks/messages/useMessageActions.js";
+import { useMessageHoverActions as Ze } from "../../../hooks/messages/useMessageHoverActions.js";
+import { useMessageReactionsInFeed as _e } from "../../../hooks/messages/useMessageReactionsInFeed.js";
+import { useMessageMenuActions as es } from "../../../hooks/messages/useMessageMenuActions.js";
+import { useMessageLinks as ss } from "../../../hooks/messages/useMessageLinks.js";
+import { useChannelAccentColor as ts } from "../../../hooks/messages/useChannelAccentColor.js";
+import { useSubtextTooltip as as } from "../../../hooks/messages/useSubtextTooltip.js";
+import { useStartReply as ns } from "../../../hooks/messages/useStartReply.js";
+import { useTheme as is } from "../../../hooks/useTheme.js";
 /* empty css                              */
 /* empty css                                              */
 import "../../../locale/useLocale.js";
 /* empty css                                                            */
-import { buildReplyPayload as oe } from "../../../hooks/messages/buildReplyPayload.js";
-import { getStatus as is, getStatusTitle as os } from "../../../functions/getStatusMessage.js";
-import { getMessageClass as ls } from "../../../functions/getMessageClass.js";
-import { createReactionHandlers as ms } from "../../../functions/createReactionHandlers.js";
+import { buildReplyPayload as le } from "../../../hooks/messages/buildReplyPayload.js";
+import { getStatus as os, getStatusTitle as ls } from "../../../functions/getStatusMessage.js";
+import { getMessageClass as ms } from "../../../functions/getMessageClass.js";
+import { createReactionHandlers as rs } from "../../../functions/createReactionHandlers.js";
 import "../../../functions/parseMarkdown.js";
-const rs = ["messageId"], us = ["src"], gs = {
+const us = ["messageId"], gs = ["src"], cs = {
   key: 1,
   class: "image-message__subtext"
-}, cs = { class: "image-message__info-container" }, ds = {
+}, ds = { class: "image-message__info-container" }, fs = {
   key: 0,
   class: "image-message__time"
-}, fs = {
+}, vs = {
   key: 0,
   class: "image-message__blur-wrapper"
-}, vs = ["src", "alt"], bs = ["src", "alt"], ys = ["src", "alt"], hs = {
+}, bs = ["src", "alt"], ys = ["src", "alt"], hs = ["src", "alt"], ws = {
   key: 0,
   class: "image-message__info-container"
-}, ws = { class: "image-message__time" }, Ms = ["innerHTML"], ps = ["src", "alt"], Ys = /* @__PURE__ */ Pe({
+}, ps = { class: "image-message__time" }, Ms = ["innerHTML"], ks = ["src", "alt"], Zs = /* @__PURE__ */ Be({
   __name: "ImageMessage",
   props: {
     message: {
@@ -83,73 +83,73 @@ const rs = ["messageId"], us = ["src"], gs = {
     }
   },
   emits: ["action", "reply", "sms-invite"],
-  setup(e, { emit: le }) {
-    const F = Ue("chatAppId"), { getTheme: B } = ns(F || ""), { menuActions: x } = _e(() => s.message), { hoverActionsEnabled: me, reactionsActive: P } = Ye(
+  setup(e, { emit: me }) {
+    const P = ze("chatAppId"), { getTheme: F } = is(P || ""), { menuActions: x } = es(() => s.message), { hoverActionsEnabled: re, reactionsActive: B } = Ze(
       () => s.channel,
       () => s.reactionsEnabled,
       () => s.message
-    ), { startReply: re } = as(F || ""), s = e, S = le, T = d(!1), {
-      isOpenMenu: ue,
-      buttonMenuVisible: U,
-      menuAnchorRef: ge,
-      menuRef: ce,
-      menuStyle: de,
-      menuTheme: fe,
-      showMenu: ve,
-      hideMenu: be,
-      openMenu: ye,
-      toggleMenu: z,
-      onMenuMouseEnter: he,
-      onMenuMouseLeave: we,
+    ), { startReply: ue } = ns(P || ""), s = e, S = me, T = d(!1), {
+      isOpenMenu: ge,
+      buttonMenuVisible: z,
+      menuAnchorRef: ce,
+      menuRef: de,
+      menuStyle: fe,
+      menuTheme: ve,
+      showMenu: be,
+      hideMenu: ye,
+      openMenu: he,
+      toggleMenu: H,
+      onMenuMouseEnter: we,
+      onMenuMouseLeave: pe,
       clickAction: Me,
-      viewsAction: H,
-      handleClickReplied: pe
-    } = Xe(s.message, S, {
-      onReply: () => re(oe(s.message, "message.image"))
-    }), w = d(!1), { linkedHtml: N, inNewWindow: V } = es(() => s.message.text), v = d(null), c = d(null), M = d(0), A = d(0);
-    se(
-      () => N.value,
+      viewsAction: N,
+      handleClickReplied: ke
+    } = Ye(s.message, S, {
+      onReply: () => ue(le(s.message, "message.image"))
+    }), w = d(!1), { linkedHtml: V, inNewWindow: W } = ss(() => s.message.text), v = d(null), c = d(null), p = d(0), A = d(0);
+    te(
+      () => V.value,
       () => {
-        p(), j(() => {
+        M(), U(() => {
           r && c.value && r.observe(c.value);
         });
       }
     );
-    const p = () => {
-      j(() => {
-        v.value && (M.value = v.value.offsetWidth), c.value && (A.value = c.value.offsetWidth);
+    const M = () => {
+      U(() => {
+        v.value && (p.value = v.value.offsetWidth), c.value && (A.value = c.value.offsetWidth);
       });
     };
-    let r = null, C = null;
-    ze(() => {
-      p(), C = () => p(), window.addEventListener("resize", C), typeof ResizeObserver < "u" && (r = new ResizeObserver(() => {
-        p();
+    let r = null, I = null;
+    He(() => {
+      M(), I = () => M(), window.addEventListener("resize", I), typeof ResizeObserver < "u" && (r = new ResizeObserver(() => {
+        M();
       }), v.value && r.observe(v.value), c.value && r.observe(c.value));
-    }), He(() => {
-      C && window.removeEventListener("resize", C), r && r.disconnect();
-    }), se(
-      () => [s.message.text, s.message.url],
+    }), Ne(() => {
+      I && window.removeEventListener("resize", I), r && r.disconnect();
+    }), te(
+      () => [s.message.text, s.message.url, s.message.imagePreviewUrl],
       () => {
-        p(), j(() => {
+        M(), U(() => {
           r && (r.disconnect(), v.value && r.observe(v.value), c.value && r.observe(c.value));
         });
       },
       { immediate: !0 }
     );
-    const W = y(() => s.message.text && A.value > M.value && M.value > 0), ke = () => {
-      ve(), w.value = !0;
-    }, $ = (u) => {
-      be(u), U.value || (w.value = !1);
-    }, Re = () => {
-      we(), w.value = !1;
-    }, xe = y(() => s.message.reply && s.message.text ? "0" : s.message.text ? A.value > M.value && M.value > 0 ? "0" : "var(--chotto-imagemessage-preview-with-caption-border-radius, 7px 7px 0 0)" : s.message.reply ? "var(--chotto-imagemessage-preview-with-reply-border-radius, 0 0 7px 7px)" : "var(--chotto-imagemessage-preview-border-radius, 7px)"), D = y(() => is(s.message.status)), q = y(() => os(s.message.status, s.message.statusMsg)), { bubbleStyle: Ce } = ss(
-      y(() => s.message),
+    const $ = b(() => s.message.text && A.value > p.value && p.value > 0), Re = () => {
+      be(), w.value = !0;
+    }, D = (u) => {
+      ye(u), z.value || (w.value = !1);
+    }, xe = () => {
+      pe(), w.value = !1;
+    }, E = b(() => s.message.imagePreviewUrl || s.message.url), Ie = b(() => s.message.reply && s.message.text ? "0" : s.message.text ? A.value > p.value && p.value > 0 ? "0" : "var(--chotto-imagemessage-preview-with-caption-border-radius, 7px 7px 0 0)" : s.message.reply ? "var(--chotto-imagemessage-preview-with-reply-border-radius, 0 0 7px 7px)" : "var(--chotto-imagemessage-preview-border-radius, 7px)"), q = b(() => os(s.message.status)), Q = b(() => ls(s.message.status, s.message.statusMsg)), { bubbleStyle: Ce } = ts(
+      b(() => s.message),
       { cssVariable: "--chotto-imagemessage-right-bg", position: "right" }
     );
-    function E(u) {
-      return ls(u.position, "image-message");
+    function L(u) {
+      return ms(u.position, "image-message");
     }
-    const Ie = () => T.value = !1, Se = async () => {
+    const Se = () => T.value = !1, Te = async () => {
       var u, a;
       if (s.message.url)
         try {
@@ -157,7 +157,7 @@ const rs = ["messageId"], us = ["src"], gs = {
             headers: {
               Accept: "image/*"
             }
-          }), je = i.headers.get("content-type") || "", Oe = await i.blob(), L = ((a = (u = s.message.url.split(".").pop()) == null ? void 0 : u.split("?")[0]) == null ? void 0 : a.toLowerCase()) || "", Fe = {
+          }), Ue = i.headers.get("content-type") || "", Oe = await i.blob(), j = ((a = (u = s.message.url.split(".").pop()) == null ? void 0 : u.split("?")[0]) == null ? void 0 : a.toLowerCase()) || "", Pe = {
             "image/jpeg": "jpg",
             "image/jpg": "jpg",
             "image/png": "png",
@@ -166,46 +166,46 @@ const rs = ["messageId"], us = ["src"], gs = {
             "image/svg+xml": "svg",
             "image/bmp": "bmp"
           };
-          let _ = L && ["jpg", "jpeg", "png", "gif", "webp", "svg", "bmp"].includes(L) ? L : Fe[je] || "jpg";
-          const Be = s.message.alt ? s.message.alt.includes(".") ? s.message.alt : `${s.message.alt}.${_}` : `image-${s.message.messageId}.${_}`, ee = window.URL.createObjectURL(Oe), k = document.createElement("a");
-          k.href = ee, k.download = Be, document.body.appendChild(k), k.click(), document.body.removeChild(k), window.URL.revokeObjectURL(ee);
+          let ee = j && ["jpg", "jpeg", "png", "gif", "webp", "svg", "bmp"].includes(j) ? j : Pe[Ue] || "jpg";
+          const Fe = s.message.alt ? s.message.alt.includes(".") ? s.message.alt : `${s.message.alt}.${ee}` : `image-${s.message.messageId}.${ee}`, se = window.URL.createObjectURL(Oe), k = document.createElement("a");
+          k.href = se, k.download = Fe, document.body.appendChild(k), k.click(), document.body.removeChild(k), window.URL.revokeObjectURL(se);
         } catch (i) {
           console.error("Ошибка при скачивании изображения:", i);
         }
-    }, { onToggleReaction: Q, onAddReaction: G, onRemoveReaction: J } = ms(S), K = d(null), X = d(null), Te = y(() => {
+    }, { onToggleReaction: G, onAddReaction: J, onRemoveReaction: K } = rs(S), X = d(null), Y = d(null), Ae = b(() => {
       var a;
-      const u = (a = X.value) == null ? void 0 : a.$el;
+      const u = (a = Y.value) == null ? void 0 : a.$el;
       return u instanceof HTMLElement ? u : null;
-    }), { showReactions: Ae, onContentPointerEnter: Y, onContentPointerLeave: Z } = Ze({
+    }), { showReactions: Ee, onContentPointerEnter: Z, onContentPointerLeave: _ } = _e({
       message: () => s.message,
       messageId: () => s.message.messageId,
       reactions: () => s.message.reactions,
-      reactionsActive: P,
+      reactionsActive: B,
       reactionsMode: () => s.reactionsMode,
-      reply: () => oe(s.message, "message.image"),
+      reply: () => le(s.message, "message.image"),
       menuEnabled: () => x.value.length > 0,
-      contentRef: K,
-      chipsRef: Te,
+      contentRef: X,
+      chipsRef: Ae,
       handlers: {
-        onToggleReaction: Q,
-        onAddReaction: G,
-        onRemoveReaction: J,
-        onMenu: ye
+        onToggleReaction: G,
+        onAddReaction: J,
+        onRemoveReaction: K,
+        onMenu: he
       }
-    }), Ee = ts(() => s.message, () => s.subtextTooltipData);
-    function Le() {
+    }), Le = as(() => s.message, () => s.subtextTooltipData);
+    function je() {
       S("sms-invite", s.message);
     }
     return (u, a) => (n(), m("div", {
       ref_key: "menuAnchorRef",
-      ref: ge,
+      ref: ce,
       class: h(["image-message", [
-        E(e.message),
+        L(e.message),
         e.applyStyle(e.message)
       ]]),
       messageId: e.message.messageId,
       style: O(t(Ce)),
-      onMouseleave: $
+      onMouseleave: D
     }, [
       e.message.avatar && e.isFirstInSeries ? (n(), m("img", {
         key: 0,
@@ -213,111 +213,111 @@ const rs = ["messageId"], us = ["src"], gs = {
         src: e.message.avatar,
         height: "32",
         width: "32"
-      }, null, 8, us)) : o("", !0),
-      e.message.subText && e.isFirstInSeries ? (n(), m("p", gs, [
-        g(Ke, {
-          text: t(Ee),
+      }, null, 8, gs)) : o("", !0),
+      e.message.subText && e.isFirstInSeries ? (n(), m("p", cs, [
+        g(Xe, {
+          text: t(Le),
           position: e.message.position === "left" ? "right" : "left",
           offset: 8
         }, {
-          default: b(() => [
-            Ne(I(e.message.subText), 1)
+          default: y(() => [
+            Ve(C(e.message.subText), 1)
           ]),
           _: 1
         }, 8, ["text", "position"])
       ])) : o("", !0),
       l("div", {
         ref_key: "contentRef",
-        ref: K,
+        ref: X,
         class: h(["image-message__content", { "is-first": e.isFirstInSeries, "with-avatar-indent": !e.isFirstInSeries && e.message.avatar, "has-caption": !!e.message.text }]),
         onPointerenter: a[4] || (a[4] = //@ts-ignore
-        (...i) => t(Y) && t(Y)(...i)),
+        (...i) => t(Z) && t(Z)(...i)),
         onPointerleave: a[5] || (a[5] = //@ts-ignore
-        (...i) => t(Z) && t(Z)(...i))
+        (...i) => t(_) && t(_)(...i))
       }, [
         a[9] || (a[9] = l("div", {
           class: "image-message__bottom-shadow",
           "aria-hidden": "true"
         }, null, -1)),
-        e.message.deleted ? (n(), m(te, { key: 0 }, [
-          g(Je),
-          l("div", cs, [
-            e.message.time ? (n(), m("span", ds, I(e.message.time), 1)) : o("", !0),
-            g(ie, {
+        e.message.deleted ? (n(), m(ae, { key: 0 }, [
+          g(Ke),
+          l("div", ds, [
+            e.message.time ? (n(), m("span", fs, C(e.message.time), 1)) : o("", !0),
+            g(oe, {
               "base-class": "image-message",
-              "message-class": E(e.message),
+              "message-class": L(e.message),
               "message-status": e.message.status,
-              "status-class": D.value,
-              "status-title": q.value
+              "status-class": q.value,
+              "status-title": Q.value
             }, null, 8, ["message-class", "message-status", "status-class", "status-title"])
           ])
-        ], 64)) : (n(), m(te, { key: 1 }, [
-          e.message.reply ? (n(), f(De, {
+        ], 64)) : (n(), m(ae, { key: 1 }, [
+          e.message.reply ? (n(), f(qe, {
             key: 0,
             style: { margin: "10px 10px 4px 16px" },
             class: h(e.message.position),
             message: e.message.reply,
-            onReply: t(pe)
+            onReply: t(ke)
           }, null, 8, ["class", "message", "onReply"])) : o("", !0),
           l("div", {
-            class: h(["image-message__preview-button", { "image-message__preview-button--blur-edges": W.value }]),
+            class: h(["image-message__preview-button", { "image-message__preview-button--blur-edges": $.value }]),
             onClick: a[1] || (a[1] = (i) => T.value = !0),
-            onMouseenter: ke,
-            onMouseleave: $
+            onMouseenter: Re,
+            onMouseleave: D
           }, [
-            W.value ? (n(), m("div", fs, [
+            $.value ? (n(), m("div", vs, [
               l("img", {
                 class: "image-message__blur-left",
-                src: e.message.url,
+                src: E.value,
                 alt: e.message.alt
-              }, null, 8, vs),
+              }, null, 8, bs),
               l("img", {
                 class: "image-message__blur-right",
-                src: e.message.url,
+                src: E.value,
                 alt: e.message.alt
-              }, null, 8, bs)
+              }, null, 8, ys)
             ])) : o("", !0),
             l("img", {
               ref_key: "imageRef",
               ref: v,
               class: "image-message__preview-image",
-              style: O({ borderRadius: xe.value }),
-              src: e.message.url,
+              style: O({ borderRadius: Ie.value }),
+              src: E.value,
               alt: e.message.alt
-            }, null, 12, ys),
+            }, null, 12, hs),
             g(R, { name: "modal-fade" }, {
-              default: b(() => [
-                w.value ? (n(), m("div", hs, [
+              default: y(() => [
+                w.value ? (n(), m("div", ws, [
                   e.message.views ? (n(), m("div", {
                     key: 0,
                     class: "image-message__views",
-                    onClick: a[0] || (a[0] = ae(
+                    onClick: a[0] || (a[0] = ne(
                       //@ts-ignore
-                      (...i) => t(H) && t(H)(...i),
+                      (...i) => t(N) && t(N)(...i),
                       ["stop"]
                     ))
                   }, [
                     a[6] || (a[6] = l("span", { class: "pi pi-eye" }, null, -1)),
-                    l("p", null, I(e.message.views), 1)
+                    l("p", null, C(e.message.views), 1)
                   ])) : o("", !0),
-                  l("span", ws, I(e.message.time), 1),
-                  g(ie, {
+                  l("span", ps, C(e.message.time), 1),
+                  g(oe, {
                     "base-class": "image-message",
-                    "message-class": E(e.message),
+                    "message-class": L(e.message),
                     "message-status": e.message.status,
-                    "status-class": D.value,
-                    "status-title": q.value
+                    "status-class": q.value,
+                    "status-title": Q.value
                   }, null, 8, ["message-class", "message-status", "status-class", "status-title"])
                 ])) : o("", !0)
               ]),
               _: 1
             }),
             g(R, { name: "modal-fade" }, {
-              default: b(() => [
+              default: y(() => [
                 w.value ? (n(), m("button", {
                   key: 0,
                   class: "image-message__download-button",
-                  onClick: ae(Se, ["stop"])
+                  onClick: ne(Te, ["stop"])
                 }, [...a[7] || (a[7] = [
                   l("span", { class: "pi pi-download" }, null, -1)
                 ])])) : o("", !0)
@@ -326,32 +326,32 @@ const rs = ["messageId"], us = ["src"], gs = {
             })
           ], 34),
           g(R, { name: "modal-fade" }, {
-            default: b(() => [
-              t(U) && t(x).length && !e.reactionsEnabled && t(me) ? (n(), m("button", {
+            default: y(() => [
+              t(z) && t(x).length && !e.reactionsEnabled && t(re) ? (n(), m("button", {
                 key: 0,
                 class: "image-message__menu-button",
                 onClick: a[2] || (a[2] = //@ts-ignore
-                (...i) => t(z) && t(z)(...i))
+                (...i) => t(H) && t(H)(...i))
               }, [...a[8] || (a[8] = [
                 l("span", { class: "pi pi-ellipsis-h" }, null, -1)
               ])])) : o("", !0)
             ]),
             _: 1
           }),
-          (n(), f(ne, { to: "body" }, [
+          (n(), f(ie, { to: "body" }, [
             g(R, { name: "context-menu" }, {
-              default: b(() => [
-                t(ue) && t(x).length ? (n(), f(Ve, {
+              default: y(() => [
+                t(ge) && t(x).length ? (n(), f(We, {
                   key: 0,
                   ref_key: "menuRef",
-                  ref: ce,
+                  ref: de,
                   class: "image-message__context-menu message-actions-menu",
-                  style: O(t(de)),
-                  "data-theme": t(fe),
+                  style: O(t(fe)),
+                  "data-theme": t(ve),
                   actions: t(x),
                   onClick: t(Me),
-                  onMouseenter: t(he),
-                  onMouseleave: Re
+                  onMouseenter: t(we),
+                  onMouseleave: xe
                 }, null, 8, ["style", "data-theme", "actions", "onClick", "onMouseenter"])) : o("", !0)
               ]),
               _: 1
@@ -365,57 +365,57 @@ const rs = ["messageId"], us = ["src"], gs = {
           }, [
             l("p", {
               onClick: a[3] || (a[3] = //@ts-ignore
-              (...i) => t(V) && t(V)(...i)),
-              innerHTML: t(N)
+              (...i) => t(W) && t(W)(...i)),
+              innerHTML: t(V)
             }, null, 8, Ms)
           ], 512)) : o("", !0),
-          g(Ge, {
+          g(Je, {
             status: e.message.status,
             "has-messenger-account": e.message.hasMessengerAccount,
             channel: e.channel,
-            onSmsInvite: Le
+            onSmsInvite: je
           }, null, 8, ["status", "has-messenger-account", "channel"]),
-          e.message.linkPreview ? (n(), f(We, {
+          e.message.linkPreview ? (n(), f($e, {
             key: 2,
             class: h(["image-message__link-preview", e.message.position]),
             "link-preview": e.message.linkPreview
           }, null, 8, ["class", "link-preview"])) : o("", !0),
-          e.message.embed ? (n(), f($e, {
+          e.message.embed ? (n(), f(De, {
             key: 3,
             class: h(e.message.position),
             embed: e.message.embed
           }, null, 8, ["class", "embed"])) : o("", !0),
-          t(Ae) ? (n(), f(Qe, {
+          t(Ee) ? (n(), f(Ge, {
             key: 4,
             ref_key: "reactionsRef",
-            ref: X,
+            ref: Y,
             reactions: e.message.reactions,
             "message-id": e.message.messageId,
-            enabled: t(P),
+            enabled: t(B),
             mode: e.reactionsMode,
             "current-user-id": e.currentUserId,
             "reaction-user-names": e.reactionUserNames,
-            onToggleReaction: t(Q),
-            onAddReaction: t(G),
-            onRemoveReaction: t(J)
+            onToggleReaction: t(G),
+            onAddReaction: t(J),
+            onRemoveReaction: t(K)
           }, null, 8, ["reactions", "message-id", "enabled", "mode", "current-user-id", "reaction-user-names", "onToggleReaction", "onAddReaction", "onRemoveReaction"])) : o("", !0)
         ], 64))
       ], 34),
-      (n(), f(ne, { to: "body" }, [
+      (n(), f(ie, { to: "body" }, [
         g(R, { name: "modal-fade" }, {
-          default: b(() => [
-            T.value && !e.message.deleted ? (n(), f(qe, {
+          default: y(() => [
+            T.value && !e.message.deleted ? (n(), f(Qe, {
               key: 0,
-              "data-theme": t(B)().theme ? t(B)().theme : "light",
+              "data-theme": t(F)().theme ? t(F)().theme : "light",
               title: e.message.alt,
-              onClose: Ie
+              onClose: Se
             }, {
-              default: b(() => [
+              default: y(() => [
                 l("img", {
                   class: "image-message__modal-image",
                   src: e.message.url,
                   alt: e.message.alt
-                }, null, 8, ps)
+                }, null, 8, ks)
               ]),
               _: 1
             }, 8, ["data-theme", "title"])) : o("", !0)
@@ -423,9 +423,9 @@ const rs = ["messageId"], us = ["src"], gs = {
           _: 1
         })
       ]))
-    ], 46, rs));
+    ], 46, us));
   }
 });
 export {
-  Ys as default
+  Zs as default
 };