@mobilon-dev/chotto 0.3.85 → 0.3.87

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

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