@mobilon-dev/chotto 0.3.84 → 0.3.86

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

@@ -1,36 +1,38 @@
-import { defineComponent as de, inject as fe, ref as f, watch as N, nextTick as A, onMounted as ve, onUnmounted as be, computed as k, createElementBlock as u, openBlock as i, normalizeStyle as U, normalizeClass as v, unref as a, createCommentVNode as n, createElementVNode as l, createBlock as b, createVNode as r, withCtx as d, createTextVNode as he, toDisplayString as L, Transition as x, withModifiers as D, Teleport as ye } from "vue";
+import { defineComponent as de, inject as fe, ref as f, watch as W, nextTick as A, onMounted as ve, onUnmounted as be, computed as k, createElementBlock as u, openBlock as i, normalizeStyle as $, normalizeClass as v, unref as t, createCommentVNode as n, createElementVNode as l, createBlock as b, createVNode as g, withCtx as d, createTextVNode as ye, toDisplayString as L, Transition as x, withModifiers as P, Teleport as he } from "vue";
 import we from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
 import pe from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
 import ke from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
 import xe from "../BaseReplyMessage/BaseReplyMessage.vue.js";
 import Re from "../../2_modals/ModalFullscreen/ModalFullscreen.vue.js";
 import Me from "../MessageReactions/MessageReactions.vue.js";
-import Ce from "../MessageStatusIndicator/MessageStatusIndicator.vue.js";
-import Te from "../MessageSmsInvite/MessageSmsInvite.vue.js";
-import Se from "../../1_atoms/Tooltip/Tooltip.vue.js";
-import { useMessageActions as Ie } from "../../../hooks/messages/useMessageActions.js";
+import Se from "../MessageStatusIndicator/MessageStatusIndicator.vue.js";
+import Ce from "../MessageSmsInvite/MessageSmsInvite.vue.js";
+import Ie from "../../1_atoms/Tooltip/Tooltip.vue.js";
+import { useMessageActions as Te } from "../../../hooks/messages/useMessageActions.js";
 import { useMessageLinks as je } from "../../../hooks/messages/useMessageLinks.js";
 import { useChannelAccentColor as Ae } from "../../../hooks/messages/useChannelAccentColor.js";
 import { useSubtextTooltip as Le } from "../../../hooks/messages/useSubtextTooltip.js";
-import { getStatus as Ee, getStatusTitle as Be } from "../../../functions/getStatusMessage.js";
-import { getMessageClass as Oe } from "../../../functions/getMessageClass.js";
-import { createReactionHandlers as ze } from "../../../functions/createReactionHandlers.js";
-import "../../../functions/parseMarkdown.js";
 import "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
-import { useTheme as Fe } from "../../../hooks/useTheme.js";
+import { useTheme as Ee } from "../../../hooks/useTheme.js";
+import "../../../hooks/useEmojiNative.js";
 /* empty css                              */
 /* empty css                                              */
-const Ve = ["messageId"], He = ["src"], We = {
+import { buildReplyPayload as Oe } from "../../../hooks/messages/buildReplyPayload.js";
+import { getStatus as Be, getStatusTitle as Ue } from "../../../functions/getStatusMessage.js";
+import { getMessageClass as ze } from "../../../functions/getMessageClass.js";
+import { createReactionHandlers as Ne } from "../../../functions/createReactionHandlers.js";
+import "../../../functions/parseMarkdown.js";
+const Fe = ["messageId"], Ve = ["src"], He = {
   key: 1,
   class: "image-message__subtext"
-}, $e = {
+}, We = {
   key: 0,
   class: "image-message__blur-wrapper"
-}, Ne = ["src", "alt"], Ue = ["src", "alt"], De = ["src", "alt"], Pe = {
+}, $e = ["src", "alt"], Pe = ["src", "alt"], De = ["src", "alt"], qe = {
   key: 0,
   class: "image-message__info-container"
-}, qe = { class: "image-message__time" }, Ge = ["innerHTML"], Je = ["src", "alt"], hs = /* @__PURE__ */ de({
+}, Ge = { class: "image-message__time" }, Je = ["innerHTML"], Ke = ["src", "alt"], ps = /* @__PURE__ */ de({
   __name: "ImageMessage",
   props: {
     message: {
@@ -49,6 +51,19 @@ const Ve = ["messageId"], He = ["src"], We = {
       type: Boolean,
       default: !0
     },
+    reactionsMode: {
+      type: String,
+      default: "single",
+      validator: (e) => ["single", "multi"].includes(e)
+    },
+    currentUserId: {
+      type: [String, Number],
+      default: void 0
+    },
+    reactionUserNames: {
+      type: Object,
+      default: void 0
+    },
     subtextTooltipData: {
       type: Object,
       required: !1,
@@ -61,65 +76,65 @@ const Ve = ["messageId"], He = ["src"], We = {
     }
   },
   emits: ["action", "reply", "sms-invite"],
-  setup(e, { emit: P }) {
-    const q = fe("chatAppId"), { getTheme: E } = Fe(q), s = e, C = P, T = f(!1), {
-      isOpenMenu: S,
+  setup(e, { emit: D }) {
+    const q = fe("chatAppId"), { getTheme: E } = Ee(q), s = e, S = D, C = f(!1), {
+      isOpenMenu: I,
       buttonMenuVisible: G,
       showMenu: J,
       hideMenu: K,
       clickAction: Q,
-      viewsAction: B,
+      viewsAction: O,
       handleClickReplied: X
-    } = Ie(s.message, C), R = f(!1), { linkedHtml: O, inNewWindow: z } = je(() => s.message.text), c = f(null), g = f(null), h = f(0), I = f(0);
-    N(
-      () => O.value,
+    } = Te(s.message, S), R = f(!1), { linkedHtml: B, inNewWindow: U } = je(() => s.message.text), c = f(null), r = f(null), y = f(0), T = f(0);
+    W(
+      () => B.value,
       () => {
-        y(), A(() => {
-          o && g.value && o.observe(g.value);
+        h(), A(() => {
+          o && r.value && o.observe(r.value);
         });
       }
     );
-    const y = () => {
+    const h = () => {
       A(() => {
-        c.value && (h.value = c.value.offsetWidth), g.value && (I.value = g.value.offsetWidth);
+        c.value && (y.value = c.value.offsetWidth), r.value && (T.value = r.value.offsetWidth);
       });
     };
     let o = null, M = null;
     ve(() => {
-      y(), M = () => y(), window.addEventListener("resize", M), typeof ResizeObserver < "u" && (o = new ResizeObserver(() => {
-        y();
-      }), c.value && o.observe(c.value), g.value && o.observe(g.value));
+      h(), M = () => h(), window.addEventListener("resize", M), typeof ResizeObserver < "u" && (o = new ResizeObserver(() => {
+        h();
+      }), c.value && o.observe(c.value), r.value && o.observe(r.value));
     }), be(() => {
       M && window.removeEventListener("resize", M), o && o.disconnect();
-    }), N(
+    }), W(
       () => [s.message.text, s.message.url],
       () => {
-        y(), A(() => {
-          o && (o.disconnect(), c.value && o.observe(c.value), g.value && o.observe(g.value));
+        h(), A(() => {
+          o && (o.disconnect(), c.value && o.observe(c.value), r.value && o.observe(r.value));
         });
       },
       { immediate: !0 }
     );
-    const F = k(() => s.message.text && I.value > h.value && h.value > 0), Y = () => {
+    const z = k(() => s.message.text && T.value > y.value && y.value > 0), Y = () => {
       J(), R.value = !0;
-    }, V = () => {
+    }, N = () => {
       K(), R.value = !1;
-    }, Z = k(() => s.message.reply && s.message.text ? "0" : s.message.text ? I.value > h.value && h.value > 0 ? "0" : "8px 8px 0 0" : s.message.reply ? "0 0 8px 8px" : "8px"), _ = k(() => Ee(s.message.status)), ee = k(() => Be(s.message.status, s.message.statusMsg)), { bubbleStyle: se } = Ae(
+    }, Z = k(() => s.message.reply && s.message.text ? "0" : s.message.text ? T.value > y.value && y.value > 0 ? "0" : "8px 8px 0 0" : s.message.reply ? "0 0 8px 8px" : "8px"), _ = k(() => Be(s.message.status)), ee = k(() => Ue(s.message.status, s.message.statusMsg)), { bubbleStyle: se } = Ae(
       k(() => s.message),
       { cssVariable: "--chotto-imagemessage-right-bg", position: "right" }
     );
-    function H(w) {
-      return Oe(w.position, "image-message");
+    function F(w) {
+      return ze(w.position, "image-message");
     }
-    const te = () => T.value = !1, ae = async () => {
-      var w, t;
+    const te = () => C.value = !1, ae = async () => {
+      var w, a;
       if (s.message.url)
         try {
           const m = await fetch(s.message.url, {
             headers: {
               Accept: "image/*"
             }
-          }), ge = m.headers.get("content-type") || "", ue = await m.blob(), j = ((t = (w = s.message.url.split(".").pop()) == null ? void 0 : w.split("?")[0]) == null ? void 0 : t.toLowerCase()) || "", re = {
+          }), re = m.headers.get("content-type") || "", ue = await m.blob(), j = ((a = (w = s.message.url.split(".").pop()) == null ? void 0 : w.split("?")[0]) == null ? void 0 : a.toLowerCase()) || "", ge = {
             "image/jpeg": "jpg",
             "image/jpg": "jpg",
             "image/png": "png",
@@ -128,24 +143,24 @@ const Ve = ["messageId"], He = ["src"], We = {
             "image/svg+xml": "svg",
             "image/bmp": "bmp"
           };
-          let W = j && ["jpg", "jpeg", "png", "gif", "webp", "svg", "bmp"].includes(j) ? j : re[ge] || "jpg";
-          const ce = s.message.alt ? s.message.alt.includes(".") ? s.message.alt : `${s.message.alt}.${W}` : `image-${s.message.messageId}.${W}`, $ = window.URL.createObjectURL(ue), p = document.createElement("a");
-          p.href = $, p.download = ce, document.body.appendChild(p), p.click(), document.body.removeChild(p), window.URL.revokeObjectURL($);
+          let V = j && ["jpg", "jpeg", "png", "gif", "webp", "svg", "bmp"].includes(j) ? j : ge[re] || "jpg";
+          const ce = s.message.alt ? s.message.alt.includes(".") ? s.message.alt : `${s.message.alt}.${V}` : `image-${s.message.messageId}.${V}`, H = window.URL.createObjectURL(ue), p = document.createElement("a");
+          p.href = H, p.download = ce, document.body.appendChild(p), p.click(), document.body.removeChild(p), window.URL.revokeObjectURL(H);
         } catch (m) {
           console.error("Ошибка при скачивании изображения:", m);
         }
-    }, { onToggleReaction: ie, onAddReaction: ne, onRemoveReaction: le } = ze(C), oe = Le(() => s.message, () => s.subtextTooltipData);
+    }, { onToggleReaction: ie, onAddReaction: ne, onRemoveReaction: le } = Ne(S), oe = Le(() => s.message, () => s.subtextTooltipData);
     function me() {
-      C("sms-invite", s.message);
+      S("sms-invite", s.message);
     }
-    return (w, t) => (i(), u("div", {
+    return (w, a) => (i(), u("div", {
       class: v(["image-message", [
-        H(e.message),
+        F(e.message),
         e.applyStyle(e.message)
       ]]),
       messageId: e.message.messageId,
-      style: U(a(se)),
-      onMouseleave: V
+      style: $(t(se)),
+      onMouseleave: N
     }, [
       e.message.avatar && e.isFirstInSeries ? (i(), u("img", {
         key: 0,
@@ -153,15 +168,15 @@ const Ve = ["messageId"], He = ["src"], We = {
         src: e.message.avatar,
         height: "32",
         width: "32"
-      }, null, 8, He)) : n("", !0),
-      e.message.subText && e.isFirstInSeries ? (i(), u("p", We, [
-        r(Se, {
-          text: a(oe),
+      }, null, 8, Ve)) : n("", !0),
+      e.message.subText && e.isFirstInSeries ? (i(), u("p", He, [
+        g(Ie, {
+          text: t(oe),
           position: e.message.position === "left" ? "right" : "left",
           offset: 8
         }, {
           default: d(() => [
-            he(L(e.message.subText), 1)
+            ye(L(e.message.subText), 1)
           ]),
           _: 1
         }, 8, ["text", "position"])
@@ -174,53 +189,53 @@ const Ve = ["messageId"], He = ["src"], We = {
           style: { margin: "10px 10px 4px 16px" },
           class: v(e.message.position),
           message: e.message.reply,
-          onReply: a(X)
+          onReply: t(X)
         }, null, 8, ["class", "message", "onReply"])) : n("", !0),
         l("div", {
-          class: v(["image-message__preview-button", { "image-message__preview-button--blur-edges": F.value }]),
-          onClick: t[1] || (t[1] = (m) => T.value = !0),
+          class: v(["image-message__preview-button", { "image-message__preview-button--blur-edges": z.value }]),
+          onClick: a[1] || (a[1] = (m) => C.value = !0),
           onMouseenter: Y,
-          onMouseleave: V
+          onMouseleave: N
         }, [
-          F.value ? (i(), u("div", $e, [
+          z.value ? (i(), u("div", We, [
             l("img", {
               class: "image-message__blur-left",
               src: e.message.url,
               alt: e.message.alt
-            }, null, 8, Ne),
+            }, null, 8, $e),
             l("img", {
               class: "image-message__blur-right",
               src: e.message.url,
               alt: e.message.alt
-            }, null, 8, Ue)
+            }, null, 8, Pe)
           ])) : n("", !0),
           l("img", {
             ref_key: "imageRef",
             ref: c,
             class: "image-message__preview-image",
-            style: U({ borderRadius: Z.value }),
+            style: $({ borderRadius: Z.value }),
             src: e.message.url,
             alt: e.message.alt
           }, null, 12, De),
-          r(x, { name: "modal-fade" }, {
+          g(x, { name: "modal-fade" }, {
             default: d(() => [
-              R.value ? (i(), u("div", Pe, [
+              R.value ? (i(), u("div", qe, [
                 e.message.views ? (i(), u("div", {
                   key: 0,
                   class: "image-message__views",
-                  onClick: t[0] || (t[0] = D(
+                  onClick: a[0] || (a[0] = P(
                     //@ts-ignore
-                    (...m) => a(B) && a(B)(...m),
+                    (...m) => t(O) && t(O)(...m),
                     ["stop"]
                   ))
                 }, [
-                  t[4] || (t[4] = l("span", { class: "pi pi-eye" }, null, -1)),
+                  a[4] || (a[4] = l("span", { class: "pi pi-eye" }, null, -1)),
                   l("p", null, L(e.message.views), 1)
                 ])) : n("", !0),
-                l("span", qe, L(e.message.time), 1),
-                r(Ce, {
+                l("span", Ge, L(e.message.time), 1),
+                g(Se, {
                   "base-class": "image-message",
-                  "message-class": H(e.message),
+                  "message-class": F(e.message),
                   "message-status": e.message.status,
                   "status-class": _.value,
                   "status-title": ee.value
@@ -229,38 +244,38 @@ const Ve = ["messageId"], He = ["src"], We = {
             ]),
             _: 1
           }),
-          r(x, { name: "modal-fade" }, {
+          g(x, { name: "modal-fade" }, {
             default: d(() => [
               R.value ? (i(), u("button", {
                 key: 0,
                 class: "image-message__download-button",
-                onClick: D(ae, ["stop"])
-              }, [...t[5] || (t[5] = [
+                onClick: P(ae, ["stop"])
+              }, [...a[5] || (a[5] = [
                 l("span", { class: "pi pi-download" }, null, -1)
               ])])) : n("", !0)
             ]),
             _: 1
           })
         ], 34),
-        r(x, { name: "modal-fade" }, {
+        g(x, { name: "modal-fade" }, {
           default: d(() => [
-            a(G) && e.message.actions ? (i(), u("button", {
+            t(G) && e.message.actions ? (i(), u("button", {
               key: 0,
               class: "image-message__menu-button",
-              onClick: t[2] || (t[2] = (m) => S.value = !a(S))
-            }, [...t[6] || (t[6] = [
+              onClick: a[2] || (a[2] = (m) => I.value = !t(I))
+            }, [...a[6] || (a[6] = [
               l("span", { class: "pi pi-ellipsis-h" }, null, -1)
             ])])) : n("", !0)
           ]),
           _: 1
         }),
-        r(x, { name: "context-menu" }, {
+        g(x, { name: "context-menu" }, {
           default: d(() => [
-            a(S) && e.message.actions ? (i(), b(we, {
+            t(I) && e.message.actions ? (i(), b(we, {
               key: 0,
               class: "image-message__context-menu",
               actions: e.message.actions,
-              onClick: a(Q)
+              onClick: t(Q)
             }, null, 8, ["actions", "onClick"])) : n("", !0)
           ]),
           _: 1
@@ -268,16 +283,16 @@ const Ve = ["messageId"], He = ["src"], We = {
         e.message.text ? (i(), u("div", {
           key: 1,
           ref_key: "textRef",
-          ref: g,
+          ref: r,
           class: "image-message__text-container"
         }, [
           l("p", {
-            onClick: t[3] || (t[3] = //@ts-ignore
-            (...m) => a(z) && a(z)(...m)),
-            innerHTML: a(O)
-          }, null, 8, Ge)
+            onClick: a[3] || (a[3] = //@ts-ignore
+            (...m) => t(U) && t(U)(...m)),
+            innerHTML: t(B)
+          }, null, 8, Je)
         ], 512)) : n("", !0),
-        r(Te, {
+        g(Ce, {
           status: e.message.status,
           "has-messenger-account": e.message.hasMessengerAccount,
           channel: e.channel,
@@ -293,21 +308,25 @@ const Ve = ["messageId"], He = ["src"], We = {
           class: v(e.message.position),
           embed: e.message.embed
         }, null, 8, ["class", "embed"])) : n("", !0),
-        r(Me, {
+        g(Me, {
           reactions: e.message.reactions,
           "message-id": e.message.messageId,
+          reply: t(Oe)(e.message, "message.image"),
           enabled: e.reactionsEnabled,
-          onToggleReaction: a(ie),
-          onAddReaction: a(ne),
-          onRemoveReaction: a(le)
-        }, null, 8, ["reactions", "message-id", "enabled", "onToggleReaction", "onAddReaction", "onRemoveReaction"])
+          mode: e.reactionsMode,
+          "current-user-id": e.currentUserId,
+          "reaction-user-names": e.reactionUserNames,
+          onToggleReaction: t(ie),
+          onAddReaction: t(ne),
+          onRemoveReaction: t(le)
+        }, null, 8, ["reactions", "message-id", "reply", "enabled", "mode", "current-user-id", "reaction-user-names", "onToggleReaction", "onAddReaction", "onRemoveReaction"])
       ], 2),
-      (i(), b(ye, { to: "body" }, [
-        r(x, { name: "modal-fade" }, {
+      (i(), b(he, { to: "body" }, [
+        g(x, { name: "modal-fade" }, {
           default: d(() => [
-            T.value ? (i(), b(Re, {
+            C.value ? (i(), b(Re, {
               key: 0,
-              "data-theme": a(E)().theme ? a(E)().theme : "light",
+              "data-theme": t(E)().theme ? t(E)().theme : "light",
               title: e.message.alt,
               onClose: te
             }, {
@@ -316,7 +335,7 @@ const Ve = ["messageId"], He = ["src"], We = {
                   class: "image-message__modal-image",
                   src: e.message.url,
                   alt: e.message.alt
-                }, null, 8, Je)
+                }, null, 8, Ke)
               ]),
               _: 1
             }, 8, ["data-theme", "title"])) : n("", !0)
@@ -324,9 +343,9 @@ const Ve = ["messageId"], He = ["src"], We = {
           _: 1
         })
       ]))
-    ], 46, Ve));
+    ], 46, Fe));
   }
 });
 export {
-  hs as default
+  ps as default
 };

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

@@ -2,12 +2,13 @@ import { defineComponent as u, useTemplateRef as f, inject as x, createElementBl
 import { useMessageDraft as C } from "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
 import "../../../hooks/useTheme.js";
+import "../../../hooks/useEmojiNative.js";
 /* empty css                              */
 /* empty css                                              */
 import "../../../node_modules/linkifyjs/dist/linkify.js";
 import "../../../node_modules/linkify-string/dist/linkify-string.js";
 import "../../../functions/parseMarkdown.js";
-const v = ["onClick"], $ = /* @__PURE__ */ u({
+const v = ["onClick"], j = /* @__PURE__ */ u({
   __name: "MessageKeyboard",
   props: {
     keyboard: {
@@ -43,5 +44,5 @@ const v = ["onClick"], $ = /* @__PURE__ */ u({
   }
 });
 export {
-  $ as default
+  j as default
 };

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

@@ -1,7 +1,7 @@
 import o from "./MessageReactions.vue2.js";
 /* empty css                      */
 import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-350f4d0b"]]);
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-7ff9cca1"]]);
 export {
-  r as default
+  e as default
 };