@mobilon-dev/chotto 0.3.105 → 0.3.107

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

@@ -1,49 +1,50 @@
-import { defineComponent as ge, inject as ce, ref as de, computed as r, createElementBlock as l, openBlock as s, unref as t, normalizeStyle as h, normalizeClass as d, createCommentVNode as i, createElementVNode as m, createVNode as f, withCtx as x, createTextVNode as fe, toDisplayString as u, Fragment as M, createBlock as g, createSlots as ve, renderList as ye, Teleport as xe, Transition as be } from "vue";
-import he from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
-import Me from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
-import ke from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
-import Re from "../BaseReplyMessage/BaseReplyMessage.vue.js";
-import Se from "../MessageReactions/MessageReactions.vue.js";
-import B from "../MessageStatusIndicator/MessageStatusIndicator.vue.js";
-import Te from "../MessageSmsInvite/MessageSmsInvite.vue.js";
-import Ie from "../DeletedMessageContent/DeletedMessageContent.vue.js";
-import N from "../../1_atoms/Tooltip/Tooltip.vue.js";
-import { useMessageActions as pe } from "../../../hooks/messages/useMessageActions.js";
-import { useMessageHoverActions as we } from "../../../hooks/messages/useMessageHoverActions.js";
-import { useMessageMenuActions as Ae } from "../../../hooks/messages/useMessageMenuActions.js";
-import { useMessageLinks as Ce } from "../../../hooks/messages/useMessageLinks.js";
-import { useChannelAccentColor as Ee } from "../../../hooks/messages/useChannelAccentColor.js";
-import { useSubtextTooltip as Fe } from "../../../hooks/messages/useSubtextTooltip.js";
-import { useStartReply as Le } from "../../../hooks/messages/useStartReply.js";
-import { useStartEdit as Be } from "../../../hooks/messages/useStartEdit.js";
-import { buildReplyPayload as H } from "../../../hooks/messages/buildReplyPayload.js";
-import { buildEditPayload as Ne } from "../../../hooks/messages/buildEditPayload.js";
-import { getEditTooltipLines as He } from "../../../hooks/messages/getEditTooltipLines.js";
-import { getDeletedTooltipLines as Pe } from "../../../hooks/messages/getDeletedOriginalText.js";
-import { getStatus as Ve, getStatusTitle as De } from "../../../functions/getStatusMessage.js";
-import { getMessageClass as je } from "../../../functions/getMessageClass.js";
-import { createReactionHandlers as qe } from "../../../functions/createReactionHandlers.js";
+import { defineComponent as be, inject as he, ref as M, computed as r, createElementBlock as l, openBlock as n, unref as t, normalizeStyle as k, normalizeClass as f, createCommentVNode as i, createElementVNode as m, createVNode as v, withCtx as b, createTextVNode as Me, toDisplayString as u, Fragment as R, createBlock as g, createSlots as ke, renderList as Re, Teleport as Ie, Transition as Se } from "vue";
+import Te from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
+import pe from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
+import we from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
+import Ee from "../FeedReplyQuote/FeedReplyQuote.vue.js";
+import Ae from "../MessageReactions/MessageReactions.vue.js";
+import q from "../MessageStatusIndicator/MessageStatusIndicator.vue.js";
+import Ce from "../MessageSmsInvite/MessageSmsInvite.vue.js";
+import Fe from "../DeletedMessageContent/DeletedMessageContent.vue.js";
+import O from "../../1_atoms/Tooltip/Tooltip.vue.js";
+import { useMessageActions as Le } from "../../../hooks/messages/useMessageActions.js";
+import { useMessageHoverActions as Pe } from "../../../hooks/messages/useMessageHoverActions.js";
+import { useMessageReactionsInFeed as Be } from "../../../hooks/messages/useMessageReactionsInFeed.js";
+import { useMessageMenuActions as Ne } from "../../../hooks/messages/useMessageMenuActions.js";
+import { useMessageLinks as He } from "../../../hooks/messages/useMessageLinks.js";
+import { useChannelAccentColor as Ve } from "../../../hooks/messages/useChannelAccentColor.js";
+import { useSubtextTooltip as De } from "../../../hooks/messages/useSubtextTooltip.js";
+import { useStartReply as $e } from "../../../hooks/messages/useStartReply.js";
+import { useStartEdit as je } from "../../../hooks/messages/useStartEdit.js";
+import { buildReplyPayload as U } from "../../../hooks/messages/buildReplyPayload.js";
+import { buildEditPayload as qe } from "../../../hooks/messages/buildEditPayload.js";
+import { getEditTooltipLines as Oe } from "../../../hooks/messages/getEditTooltipLines.js";
+import { getDeletedTooltipLines as Ue } from "../../../hooks/messages/getDeletedOriginalText.js";
+import { getStatus as ze, getStatusTitle as Qe } from "../../../functions/getStatusMessage.js";
+import { getMessageClass as We } from "../../../functions/getMessageClass.js";
+import { createReactionHandlers as Ge } from "../../../functions/createReactionHandlers.js";
 import "../../../functions/parseMarkdown.js";
-import { useLocale as Oe } from "../../../locale/useLocale.js";
-const Ue = ["messageId"], $e = ["src"], ze = {
+import { useLocale as Je } from "../../../locale/useLocale.js";
+const Ke = ["messageId"], Xe = ["src"], Ye = {
   key: 1,
   class: "text-message__subtext"
-}, We = { class: "text-message__footer" }, Ge = { class: "text-message__info-container" }, Je = {
+}, Ze = { class: "text-message__footer" }, _e = { class: "text-message__info-container" }, et = {
   key: 0,
   class: "text-message__time"
-}, Ke = ["innerHTML"], Qe = { class: "text-message__footer" }, Xe = { class: "text-message__info-container" }, Ye = { class: "text-message__edit-tooltip" }, Ze = {
+}, tt = ["innerHTML"], st = { class: "text-message__footer" }, at = { class: "text-message__info-container" }, nt = { class: "text-message__edit-tooltip" }, ot = {
   key: 0,
   class: "text-message__edit-tooltip-original"
-}, _e = {
+}, it = {
   key: 0,
   class: "text-message__edit-tooltip-original"
-}, et = {
+}, lt = {
   key: 1,
   class: "text-message__edit-tooltip-meta"
-}, tt = {
+}, mt = {
   key: 2,
   class: "text-message__time"
-}, Ct = /* @__PURE__ */ ge({
+}, Vt = /* @__PURE__ */ be({
   __name: "TextMessage",
   props: {
     message: {
@@ -87,236 +88,261 @@ const Ue = ["messageId"], $e = ["src"], ze = {
     }
   },
   emits: ["action", "reply", "sms-invite"],
-  setup(e, { emit: P }) {
-    const a = e, v = P, { t: V } = Oe(), { linkedHtml: D, inNewWindow: k } = Ce(() => a.message.text), { menuActions: y } = Ae(() => a.message), { hoverActionsEnabled: R, reactionsActive: S } = we(
-      () => a.channel,
-      () => a.reactionsEnabled,
-      () => a.message
-    ), T = ce("chatAppId"), { startReply: j } = Le(T || ""), { startEdit: q } = Be(T || ""), I = de(!1), {
-      isOpenMenu: O,
-      buttonMenuVisible: U,
-      menuAnchorRef: $,
-      menuRef: z,
-      menuStyle: W,
-      menuTheme: G,
-      showMenu: J,
-      hideMenu: p,
-      openMenu: K,
-      toggleMenu: w,
-      onMenuMouseEnter: Q,
-      onMenuMouseLeave: X,
-      clickAction: Y,
-      viewsAction: A,
-      handleClickReplied: Z
-    } = pe(a.message, v, {
-      onReply: () => j(H(a.message, "message.text")),
-      onEdit: () => q(Ne(a.message, "message.text"))
-    }), C = r(() => Ve(a.message.status)), E = r(() => De(a.message.status, a.message.statusMsg)), _ = r(() => V("component.TextMessage.edited")), c = r(() => He(a.message.edited)), ee = r(
+  setup(e, { emit: z }) {
+    const s = e, y = z, { t: Q } = Je(), { linkedHtml: W, inNewWindow: I } = He(() => s.message.text), { menuActions: x } = Ne(() => s.message), { hoverActionsEnabled: S, reactionsActive: T } = Pe(
+      () => s.channel,
+      () => s.reactionsEnabled,
+      () => s.message
+    ), p = he("chatAppId"), { startReply: G } = $e(p || ""), { startEdit: J } = je(p || ""), w = M(!1), {
+      isOpenMenu: K,
+      buttonMenuVisible: X,
+      menuAnchorRef: Y,
+      menuRef: Z,
+      menuStyle: _,
+      menuTheme: ee,
+      showMenu: te,
+      hideMenu: E,
+      openMenu: se,
+      toggleMenu: A,
+      onMenuMouseEnter: ae,
+      onMenuMouseLeave: ne,
+      clickAction: oe,
+      viewsAction: C,
+      handleClickReplied: ie
+    } = Le(s.message, y, {
+      onReply: () => G(U(s.message, "message.text")),
+      onEdit: () => J(qe(s.message, "message.text"))
+    }), F = r(() => ze(s.message.status)), L = r(() => Qe(s.message.status, s.message.statusMsg)), le = r(() => Q("component.TextMessage.edited")), c = r(() => Oe(s.message.edited)), me = r(
       () => !!(c.value.original || c.value.edits.length)
-    ), F = r(() => Pe(a.message)), te = {
+    ), P = r(() => Ue(s.message)), re = {
       "--chotto-tooltip-border": "1px solid #5F5F5F"
-    }, { bubbleStyle: se } = Ee(
-      r(() => a.message),
+    }, { bubbleStyle: ue } = Ve(
+      r(() => s.message),
       { cssVariable: "--chotto-textmessage-right-bg", position: "right" }
     );
-    function b(L) {
-      return je(L.position, "text-message");
+    function h(d) {
+      return We(d.position, "text-message");
     }
-    const { onToggleReaction: ae, onAddReaction: ne, onRemoveReaction: ie } = qe(v), oe = Fe(() => a.message, () => a.subtextTooltipData), le = r(
-      () => a.message.status === "error" && a.message.hasMessengerAccount === !1
+    const { onToggleReaction: B, onAddReaction: N, onRemoveReaction: H } = Ge(y), V = M(null), D = M(null), ge = r(() => {
+      var a;
+      const d = (a = D.value) == null ? void 0 : a.$el;
+      return d instanceof HTMLElement ? d : null;
+    }), { showReactions: ce, onContentPointerEnter: $, onContentPointerLeave: j } = Be({
+      message: () => s.message,
+      messageId: () => s.message.messageId,
+      reactions: () => s.message.reactions,
+      reactionsActive: T,
+      reactionsMode: () => s.reactionsMode,
+      reply: () => U(s.message, "message.text"),
+      menuEnabled: () => x.value.length > 0,
+      contentRef: V,
+      chipsRef: ge,
+      handlers: {
+        onToggleReaction: B,
+        onAddReaction: N,
+        onRemoveReaction: H,
+        onMenu: se
+      }
+    }), de = De(() => s.message, () => s.subtextTooltipData), fe = r(
+      () => s.message.status === "error" && s.message.hasMessengerAccount === !1
     );
-    function me() {
-      v("sms-invite", a.message);
+    function ve() {
+      y("sms-invite", s.message);
     }
-    function re() {
-      I.value || !a.message.edited || (I.value = !0, v("action", {
+    function ye() {
+      w.value || !s.message.edited || (w.value = !0, y("action", {
         action: "fetchEditInfo",
-        messageId: a.message.messageId,
+        messageId: s.message.messageId,
         type: "editInfo"
       }));
     }
-    return (L, n) => (s(), l("div", {
+    return (d, a) => (n(), l("div", {
       ref_key: "menuAnchorRef",
-      ref: $,
-      class: d(["text-message", [
-        b(e.message),
+      ref: Y,
+      class: f(["text-message", [
+        h(e.message),
         e.applyStyle(e.message)
       ]]),
       messageId: e.message.messageId,
-      style: h(t(se)),
-      onMouseleave: n[4] || (n[4] = //@ts-ignore
-      (...o) => t(p) && t(p)(...o))
+      style: k(t(ue)),
+      onMouseleave: a[6] || (a[6] = //@ts-ignore
+      (...o) => t(E) && t(E)(...o))
     }, [
-      e.message.avatar && e.isFirstInSeries ? (s(), l("img", {
+      e.message.avatar && e.isFirstInSeries ? (n(), l("img", {
         key: 0,
         class: "text-message__avatar",
         src: e.message.avatar,
         height: "32",
         width: "32",
-        style: h({ gridRow: e.message.subText && e.isFirstInSeries ? "2" : "1" })
-      }, null, 12, $e)) : i("", !0),
-      e.message.subText && e.isFirstInSeries ? (s(), l("p", ze, [
-        f(N, {
-          text: t(oe),
+        style: k({ gridRow: e.message.subText && e.isFirstInSeries ? "2" : "1" })
+      }, null, 12, Xe)) : i("", !0),
+      e.message.subText && e.isFirstInSeries ? (n(), l("p", Ye, [
+        v(O, {
+          text: t(de),
           position: e.message.position === "left" ? "right" : "left",
           offset: 8
         }, {
-          default: x(() => [
-            fe(u(e.message.subText), 1)
+          default: b(() => [
+            Me(u(e.message.subText), 1)
           ]),
           _: 1
         }, 8, ["text", "position"])
       ])) : i("", !0),
       m("div", {
-        class: d(["text-message__content", {
+        ref_key: "contentRef",
+        ref: V,
+        class: f(["text-message__content", {
           "is-first": e.isFirstInSeries,
           "with-avatar-indent": !e.isFirstInSeries && e.message.avatar,
           "has-reply": !!e.message.reply
         }]),
-        onMouseenter: n[3] || (n[3] = (o) => t(R) && t(J)())
+        onMouseenter: a[3] || (a[3] = (o) => t(S) && t(te)()),
+        onPointerenter: a[4] || (a[4] = //@ts-ignore
+        (...o) => t($) && t($)(...o)),
+        onPointerleave: a[5] || (a[5] = //@ts-ignore
+        (...o) => t(j) && t(j)(...o))
       }, [
-        n[7] || (n[7] = m("div", {
+        a[9] || (a[9] = m("div", {
           class: "text-message__bottom-shadow",
           "aria-hidden": "true"
         }, null, -1)),
-        e.message.deleted ? (s(), l(M, { key: 0 }, [
-          f(Ie, {
-            "original-text": F.value.original,
-            meta: F.value.meta
+        e.message.deleted ? (n(), l(R, { key: 0 }, [
+          v(Fe, {
+            "original-text": P.value.original,
+            meta: P.value.meta
           }, null, 8, ["original-text", "meta"]),
-          m("div", We, [
-            m("div", Ge, [
-              e.message.time ? (s(), l("span", Je, u(e.message.time), 1)) : i("", !0),
-              f(B, {
+          m("div", Ze, [
+            m("div", _e, [
+              e.message.time ? (n(), l("span", et, u(e.message.time), 1)) : i("", !0),
+              v(q, {
                 "base-class": "text-message",
-                "message-class": b(e.message),
+                "message-class": h(e.message),
                 "message-status": e.message.status,
-                "status-class": C.value,
-                "status-title": E.value
+                "status-class": F.value,
+                "status-title": L.value
               }, null, 8, ["message-class", "message-status", "status-class", "status-title"])
             ])
           ])
-        ], 64)) : (s(), l(M, { key: 1 }, [
-          e.message.reply ? (s(), g(Re, {
+        ], 64)) : (n(), l(R, { key: 1 }, [
+          e.message.reply ? (n(), g(Ee, {
             key: 0,
-            class: d(e.message.position),
+            class: f(e.message.position),
             message: e.message.reply,
-            onReply: t(Z)
+            onReply: t(ie)
           }, null, 8, ["class", "message", "onReply"])) : i("", !0),
           m("p", {
             class: "text-message__text",
-            onClick: n[0] || (n[0] = //@ts-ignore
-            (...o) => t(k) && t(k)(...o)),
-            innerHTML: t(D)
-          }, null, 8, Ke),
-          e.message.linkPreview ? (s(), g(Me, {
+            onClick: a[0] || (a[0] = //@ts-ignore
+            (...o) => t(I) && t(I)(...o)),
+            innerHTML: t(W)
+          }, null, 8, tt),
+          e.message.linkPreview ? (n(), g(pe, {
             key: 1,
-            class: d(e.message.position),
+            class: f(e.message.position),
             "link-preview": e.message.linkPreview
           }, null, 8, ["class", "link-preview"])) : i("", !0),
-          e.message.embed ? (s(), g(ke, {
+          e.message.embed ? (n(), g(we, {
             key: 2,
-            class: d(e.message.position),
+            class: f(e.message.position),
             embed: e.message.embed
           }, null, 8, ["class", "embed"])) : i("", !0),
-          m("div", Qe, [
-            t(S) ? (s(), g(Se, {
+          m("div", st, [
+            t(ce) ? (n(), g(Ae, {
               key: 0,
+              ref_key: "reactionsRef",
+              ref: D,
               reactions: e.message.reactions,
               "message-id": e.message.messageId,
-              reply: t(H)(e.message, "message.text"),
-              enabled: t(S),
+              enabled: t(T),
               mode: e.reactionsMode,
               "current-user-id": e.currentUserId,
               "reaction-user-names": e.reactionUserNames,
-              "menu-enabled": t(y).length > 0,
-              onToggleReaction: t(ae),
-              onAddReaction: t(ne),
-              onRemoveReaction: t(ie),
-              onMenu: t(K)
-            }, null, 8, ["reactions", "message-id", "reply", "enabled", "mode", "current-user-id", "reaction-user-names", "menu-enabled", "onToggleReaction", "onAddReaction", "onRemoveReaction", "onMenu"])) : i("", !0),
-            m("div", Xe, [
-              e.message.views ? (s(), l("div", {
+              onToggleReaction: t(B),
+              onAddReaction: t(N),
+              onRemoveReaction: t(H)
+            }, null, 8, ["reactions", "message-id", "enabled", "mode", "current-user-id", "reaction-user-names", "onToggleReaction", "onAddReaction", "onRemoveReaction"])) : i("", !0),
+            m("div", at, [
+              e.message.views ? (n(), l("div", {
                 key: 0,
                 class: "text-message__views",
-                onClick: n[1] || (n[1] = //@ts-ignore
-                (...o) => t(A) && t(A)(...o))
+                onClick: a[1] || (a[1] = //@ts-ignore
+                (...o) => t(C) && t(C)(...o))
               }, [
-                n[5] || (n[5] = m("span", { class: "pi pi-eye" }, null, -1)),
+                a[7] || (a[7] = m("span", { class: "pi pi-eye" }, null, -1)),
                 m("p", null, u(e.message.views), 1)
               ])) : i("", !0),
-              e.message.edited ? (s(), g(N, {
+              e.message.edited ? (n(), g(O, {
                 key: 1,
                 position: "bottom-right",
                 offset: 8,
                 delay: 400,
                 "max-width": "280px",
-                "bubble-style": te
-              }, ve({
-                default: x(() => [
+                "bubble-style": re
+              }, ke({
+                default: b(() => [
                   m("span", {
                     class: "text-message__edited",
-                    onMouseenter: re
-                  }, u(_.value), 33)
+                    onMouseenter: ye
+                  }, u(le.value), 33)
                 ]),
                 _: 2
               }, [
-                ee.value ? {
+                me.value ? {
                   name: "content",
-                  fn: x(() => [
-                    m("div", Ye, [
-                      c.value.original ? (s(), l("div", Ze, u(c.value.original), 1)) : i("", !0),
-                      (s(!0), l(M, null, ye(c.value.edits, (o, ue) => (s(), l("div", {
-                        key: `${o.text}-${o.meta}-${ue}`,
+                  fn: b(() => [
+                    m("div", nt, [
+                      c.value.original ? (n(), l("div", ot, u(c.value.original), 1)) : i("", !0),
+                      (n(!0), l(R, null, Re(c.value.edits, (o, xe) => (n(), l("div", {
+                        key: `${o.text}-${o.meta}-${xe}`,
                         class: "text-message__edit-tooltip-entry"
                       }, [
-                        o.text ? (s(), l("div", _e, u(o.text), 1)) : i("", !0),
-                        o.meta ? (s(), l("div", et, u(o.meta), 1)) : i("", !0)
+                        o.text ? (n(), l("div", it, u(o.text), 1)) : i("", !0),
+                        o.meta ? (n(), l("div", lt, u(o.meta), 1)) : i("", !0)
                       ]))), 128))
                     ])
                   ]),
                   key: "0"
                 } : void 0
               ]), 1024)) : i("", !0),
-              e.message.time ? (s(), l("span", tt, u(e.message.time), 1)) : i("", !0),
-              f(B, {
+              e.message.time ? (n(), l("span", mt, u(e.message.time), 1)) : i("", !0),
+              v(q, {
                 "base-class": "text-message",
-                "message-class": b(e.message),
+                "message-class": h(e.message),
                 "message-status": e.message.status,
-                "status-class": C.value,
-                "status-title": E.value
+                "status-class": F.value,
+                "status-title": L.value
               }, null, 8, ["message-class", "message-status", "status-class", "status-title"])
             ])
           ]),
-          le.value ? (s(), g(Te, {
+          fe.value ? (n(), g(Ce, {
             key: 3,
             status: e.message.status,
             "has-messenger-account": e.message.hasMessengerAccount,
             channel: e.channel,
-            onSmsInvite: me
+            onSmsInvite: ve
           }, null, 8, ["status", "has-messenger-account", "channel"])) : i("", !0),
-          t(U) && t(y).length && !e.reactionsEnabled && t(R) ? (s(), l("button", {
+          t(X) && t(x).length && !e.reactionsEnabled && t(S) ? (n(), l("button", {
             key: 4,
             class: "text-message__menu-button",
-            onClick: n[2] || (n[2] = //@ts-ignore
-            (...o) => t(w) && t(w)(...o))
-          }, [...n[6] || (n[6] = [
+            onClick: a[2] || (a[2] = //@ts-ignore
+            (...o) => t(A) && t(A)(...o))
+          }, [...a[8] || (a[8] = [
             m("span", { class: "pi pi-ellipsis-h" }, null, -1)
           ])])) : i("", !0),
-          (s(), g(xe, { to: "body" }, [
-            f(be, null, {
-              default: x(() => [
-                t(O) && t(y).length ? (s(), g(he, {
+          (n(), g(Ie, { to: "body" }, [
+            v(Se, null, {
+              default: b(() => [
+                t(K) && t(x).length ? (n(), g(Te, {
                   key: 0,
                   ref_key: "menuRef",
-                  ref: z,
+                  ref: Z,
                   class: "text-message__context-menu message-actions-menu",
-                  style: h(t(W)),
-                  "data-theme": t(G),
-                  actions: t(y),
-                  onClick: t(Y),
-                  onMouseenter: t(Q),
-                  onMouseleave: t(X)
+                  style: k(t(_)),
+                  "data-theme": t(ee),
+                  actions: t(x),
+                  onClick: t(oe),
+                  onMouseenter: t(ae),
+                  onMouseleave: t(ne)
                 }, null, 8, ["style", "data-theme", "actions", "onClick", "onMouseenter", "onMouseleave"])) : i("", !0)
               ]),
               _: 1
@@ -324,9 +350,9 @@ const Ue = ["messageId"], $e = ["src"], ze = {
           ]))
         ], 64))
       ], 34)
-    ], 46, Ue));
+    ], 46, Ke));
   }
 });
 export {
-  Ct as default
+  Vt as default
 };

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

@@ -1,7 +1,7 @@
 import o from "./VideoMessage.vue2.js";
 /* empty css                  */
 import e from "../../../_virtual/_plugin-vue_export-helper.js";
-const a = /* @__PURE__ */ e(o, [["__scopeId", "data-v-720e983d"]]);
+const a = /* @__PURE__ */ e(o, [["__scopeId", "data-v-4f885e2c"]]);
 export {
   a as default
 };