@mobilon-dev/chotto 0.3.106 → 0.3.108

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

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

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

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

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

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