@mobilon-dev/chotto 0.3.103 → 0.3.105

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

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

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

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