@mobilon-dev/chotto 0.3.97 → 0.3.98

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

@@ -1,46 +1,34 @@
-import { defineComponent as ge, inject as de, ref as y, computed as b, watch as $, onMounted as ve, createElementBlock as n, openBlock as t, unref as s, normalizeStyle as j, normalizeClass as M, createCommentVNode as l, createElementVNode as r, createBlock as c, toDisplayString as S, Fragment as H, createVNode as m, Transition as h, withCtx as d, withModifiers as O, Teleport as U } from "vue";
-import ke from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
-import fe from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
-import ye from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
-import be from "../BaseReplyMessage/BaseReplyMessage.vue.js";
-import Me from "../../2_modals/ModalFullscreen/ModalFullscreen.vue.js";
-import he from "../MessageReactions/MessageReactions.vue.js";
-import D from "../MessageStatusIndicator/MessageStatusIndicator.vue.js";
-import we from "../MessageSmsInvite/MessageSmsInvite.vue.js";
-import Se from "../DeletedMessageContent/DeletedMessageContent.vue.js";
-import { useMessageActions as Re } from "../../../hooks/messages/useMessageActions.js";
-import { useMessageMenuActions as Ce } from "../../../hooks/messages/useMessageMenuActions.js";
-import { useMessageLinks as Ie } from "../../../hooks/messages/useMessageLinks.js";
-import { useChannelAccentColor as Te } from "../../../hooks/messages/useChannelAccentColor.js";
+import { defineComponent as Q, inject as X, ref as o, computed as i, watch as v, onMounted as Y } from "vue";
+import Z from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
+import ee from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
+import te from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
+import se from "../BaseReplyMessage/BaseReplyMessage.vue.js";
+import oe from "../../2_modals/ModalFullscreen/ModalFullscreen.vue.js";
+import ie from "../MessageReactions/MessageReactions.vue.js";
+import re from "../MessageStatusIndicator/MessageStatusIndicator.vue.js";
+import ne from "../MessageSmsInvite/MessageSmsInvite.vue.js";
+import ae from "../DeletedMessageContent/DeletedMessageContent.vue.js";
+import { useMessageActions as le } from "../../../hooks/messages/useMessageActions.js";
+import { useMessageMenuActions as me } from "../../../hooks/messages/useMessageMenuActions.js";
+import { useMessageLinks as ue } from "../../../hooks/messages/useMessageLinks.js";
+import { useChannelAccentColor as ce } from "../../../hooks/messages/useChannelAccentColor.js";
 import { useStartReply as pe } from "../../../hooks/messages/useStartReply.js";
 import "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
-import { useTheme as xe } from "../../../hooks/useTheme.js";
+import { useTheme as de } from "../../../hooks/useTheme.js";
 import "../../../hooks/useEmojiNative.js";
 /* empty css                              */
 /* empty css                                              */
 import "../../../locale/useLocale.js";
 /* empty css                                                            */
-import { buildReplyPayload as q } from "../../../hooks/messages/buildReplyPayload.js";
-import { getStatus as Ae, getStatusTitle as Le } from "../../../functions/getStatusMessage.js";
-import { getMessageClass as Fe } from "../../../functions/getMessageClass.js";
-import { createReactionHandlers as Ee } from "../../../functions/createReactionHandlers.js";
+import { buildReplyPayload as b } from "../../../hooks/messages/buildReplyPayload.js";
+import { getStatus as ge, getStatusTitle as fe } from "../../../functions/getStatusMessage.js";
+import { getMessageClass as Me } from "../../../functions/getMessageClass.js";
+import { createReactionHandlers as ve } from "../../../functions/createReactionHandlers.js";
 import "../../../functions/parseMarkdown.js";
-import { isAnimatedSticker as Be } from "./utils/stickerUtils.js";
+import { isAnimatedSticker as be } from "./utils/stickerUtils.js";
 import "./utils/suppress-lit-warning.js";
-const Ne = ["messageId"], Ve = ["src"], Pe = {
-  key: 1,
-  class: "sticker-message__subtext"
-}, $e = { class: "sticker-message__info-container" }, je = {
-  key: 0,
-  class: "sticker-message__time"
-}, He = ["src"], Oe = ["src"], Ue = ["src", "alt"], De = {
-  key: 0,
-  class: "sticker-message__info-container"
-}, qe = { class: "sticker-message__time" }, ze = ["href"], Ge = {
-  key: 1,
-  class: "sticker-message__text-container"
-}, We = ["innerHTML"], Je = ["src"], Ke = ["src"], Qe = ["src", "alt"], Ts = /* @__PURE__ */ ge({
+const Qe = /* @__PURE__ */ Q({
   __name: "StickerMessage",
   props: {
     message: {
@@ -62,7 +50,7 @@ const Ne = ["messageId"], Ve = ["src"], Pe = {
     reactionsMode: {
       type: String,
       default: "single",
-      validator: (e) => ["single", "multi"].includes(e)
+      validator: (l) => ["single", "multi"].includes(l)
     },
     currentUserId: {
       type: [String, Number],
@@ -79,295 +67,73 @@ const Ne = ["messageId"], Ve = ["src"], Pe = {
     }
   },
   emits: ["action", "reply", "sms-invite"],
-  setup(e, { emit: z }) {
-    const p = de("chatAppId"), { getTheme: x } = xe(p || ""), { menuActions: w } = Ce(() => i.message), { startReply: G } = pe(p || ""), g = y(!1), R = y(!1);
-    async function A() {
-      if (!(g.value || R.value)) {
-        R.value = !0;
+  setup(l, { expose: y, emit: h }) {
+    y();
+    const m = X("chatAppId"), { getTheme: S } = de(m || ""), { menuActions: w } = me(() => e.message), { startReply: c } = pe(m || ""), s = o(!1), r = o(!1);
+    async function u() {
+      if (!(s.value || r.value)) {
+        r.value = !0;
         try {
-          await import("./libs/tgs-player/lottie-player.esm.js"), await import("./libs/tgs-player/tgs-player.esm.js"), g.value = !0;
-        } catch (u) {
-          console.error("Failed to load TGS libraries:", u);
+          await import("./libs/tgs-player/lottie-player.esm.js"), await import("./libs/tgs-player/tgs-player.esm.js"), s.value = !0;
+        } catch (t) {
+          console.error("Failed to load TGS libraries:", t);
         } finally {
-          R.value = !1;
+          r.value = !1;
         }
       }
     }
-    const i = e, C = z, I = y(!1), {
-      isOpenMenu: W,
-      buttonMenuVisible: J,
-      menuAnchorRef: K,
-      menuRef: Q,
-      menuStyle: X,
-      menuTheme: Y,
-      showMenu: Z,
-      hideMenu: L,
-      openMenu: _,
+    const e = l, n = h, p = o(!1), {
+      isOpenMenu: R,
+      buttonMenuVisible: k,
+      menuAnchorRef: A,
+      menuRef: L,
+      menuStyle: T,
+      menuTheme: _,
+      showMenu: d,
+      hideMenu: C,
+      openMenu: I,
       toggleMenu: F,
-      onMenuMouseEnter: ee,
-      onMenuMouseLeave: se,
-      clickAction: te,
-      viewsAction: E,
-      handleClickReplied: ae
-    } = Re(i.message, C, {
-      onReply: () => G(q(i.message, "message.sticker"))
-    }), v = y(!1), { linkedHtml: ne, inNewWindow: B } = Ie(() => i.message.text), ie = () => {
-      Z(), v.value = !0;
-    }, N = b(() => Ae(i.message.status)), V = b(() => Le(i.message.status, i.message.statusMsg)), { bubbleStyle: le } = Te(
-      b(() => i.message),
+      onMenuMouseEnter: j,
+      onMenuMouseLeave: O,
+      clickAction: P,
+      viewsAction: x,
+      handleClickReplied: B
+    } = le(e.message, n, {
+      onReply: () => c(b(e.message, "message.sticker"))
+    }), g = o(!1), { linkedHtml: V, inNewWindow: E } = ue(() => e.message.text), N = () => {
+      d(), g.value = !0;
+    }, q = i(() => ge(e.message.status)), D = i(() => fe(e.message.status, e.message.statusMsg)), { bubbleStyle: H } = ce(
+      i(() => e.message),
       { cssVariable: "--chotto-stickermessage-right-bg", position: "right" }
-    ), k = b(() => Be(i.message.url, i.message.isAnimated)), f = y(!1), P = b(() => {
-      if (k.value) return !1;
-      const u = String(i.message.url || "").toLowerCase();
-      return !/\.(webp|png|jpe?g|gif|bmp|svg)(\?|#|$)/.test(u);
+    ), a = i(() => be(e.message.url, e.message.isAnimated)), f = o(!1), U = i(() => {
+      if (a.value) return !1;
+      const t = String(e.message.url || "").toLowerCase();
+      return !/\.(webp|png|jpe?g|gif|bmp|svg)(\?|#|$)/.test(t);
     });
-    $(
-      () => i.message.url,
+    v(
+      () => e.message.url,
       () => {
         f.value = !1;
       },
       { immediate: !0 }
-    ), $(k, (u) => {
-      u && !g.value && A();
-    }, { immediate: !0 }), ve(() => {
-      k.value && !g.value && A();
+    ), v(a, (t) => {
+      t && !s.value && u();
+    }, { immediate: !0 }), Y(() => {
+      a.value && !s.value && u();
     });
-    function T(u) {
-      return Fe(u.position, "sticker-message");
+    function G(t) {
+      return Me(t.position, "sticker-message");
     }
-    const oe = () => I.value = !1, { onToggleReaction: me, onAddReaction: re, onRemoveReaction: ue } = Ee(C);
-    function ce() {
-      C("sms-invite", i.message);
+    const W = () => p.value = !1, { onToggleReaction: $, onAddReaction: z, onRemoveReaction: J } = ve(n);
+    function K() {
+      n("sms-invite", e.message);
     }
-    return (u, a) => (t(), n("div", {
-      ref_key: "menuAnchorRef",
-      ref: K,
-      class: M(["sticker-message", [
-        T(e.message),
-        e.applyStyle(e.message)
-      ]]),
-      messageId: e.message.messageId,
-      style: j(s(le)),
-      onMouseleave: a[7] || (a[7] = //@ts-ignore
-      (...o) => s(L) && s(L)(...o))
-    }, [
-      e.message.avatar && e.isFirstInSeries ? (t(), n("img", {
-        key: 0,
-        class: "sticker-message__avatar",
-        src: e.message.avatar,
-        height: "32",
-        width: "32"
-      }, null, 8, Ve)) : l("", !0),
-      e.message.subText && e.isFirstInSeries ? (t(), n("p", Pe, S(e.message.subText), 1)) : l("", !0),
-      r("div", {
-        class: M(["sticker-message__content", { "is-first": e.isFirstInSeries, "with-avatar-indent": !e.isFirstInSeries && e.message.avatar }])
-      }, [
-        e.message.deleted ? (t(), n(H, { key: 0 }, [
-          m(Se),
-          r("div", $e, [
-            e.message.time ? (t(), n("span", je, S(e.message.time), 1)) : l("", !0),
-            m(D, {
-              "base-class": "sticker-message",
-              "message-class": T(e.message),
-              "message-status": e.message.status,
-              "status-class": N.value,
-              "status-title": V.value
-            }, null, 8, ["message-class", "message-status", "status-class", "status-title"])
-          ])
-        ], 64)) : (t(), n(H, { key: 1 }, [
-          e.message.reply ? (t(), c(be, {
-            key: 0,
-            style: { margin: "10px 10px 4px 16px" },
-            class: M(e.message.position),
-            message: e.message.reply,
-            onReply: s(ae)
-          }, null, 8, ["class", "message", "onReply"])) : l("", !0),
-          r("div", {
-            class: "sticker-message__preview-button",
-            onClick: a[2] || (a[2] = (o) => I.value = !0),
-            onMouseenter: ie,
-            onMouseleave: a[3] || (a[3] = (o) => v.value = !v.value)
-          }, [
-            k.value && g.value ? (t(), n("tgs-player", {
-              key: 0,
-              class: "sticker-message__preview-image-animated",
-              src: e.message.url,
-              autoplay: "",
-              loop: "",
-              mode: "normal"
-            }, null, 8, He)) : P.value && !f.value ? (t(), n("video", {
-              key: 1,
-              class: "sticker-message__preview-image",
-              src: e.message.url,
-              autoplay: "",
-              loop: "",
-              muted: "",
-              playsinline: "",
-              preload: "metadata",
-              onError: a[0] || (a[0] = (o) => f.value = !0)
-            }, null, 40, Oe)) : (t(), n("img", {
-              key: 2,
-              class: "sticker-message__preview-image",
-              src: e.message.url,
-              alt: e.message.alt
-            }, null, 8, Ue)),
-            m(h, { name: "modal-fade" }, {
-              default: d(() => [
-                v.value ? (t(), n("div", De, [
-                  e.message.views ? (t(), n("div", {
-                    key: 0,
-                    class: "sticker-message__views",
-                    onClick: a[1] || (a[1] = O(
-                      //@ts-ignore
-                      (...o) => s(E) && s(E)(...o),
-                      ["stop"]
-                    ))
-                  }, [
-                    a[8] || (a[8] = r("span", { class: "pi pi-eye" }, null, -1)),
-                    r("p", null, S(e.message.views), 1)
-                  ])) : l("", !0),
-                  r("span", qe, S(e.message.time), 1),
-                  m(D, {
-                    "base-class": "sticker-message",
-                    "message-class": T(e.message),
-                    "message-status": e.message.status,
-                    "status-class": N.value,
-                    "status-title": V.value
-                  }, null, 8, ["message-class", "message-status", "status-class", "status-title"])
-                ])) : l("", !0)
-              ]),
-              _: 1
-            }),
-            m(h, { name: "modal-fade" }, {
-              default: d(() => [
-                v.value ? (t(), n("a", {
-                  key: 0,
-                  class: "sticker-message__download-button",
-                  href: e.message.url,
-                  download: "",
-                  target: "_blank",
-                  onClick: O(() => "//Предотвращаем всплытие события клика", ["stop"])
-                }, [...a[9] || (a[9] = [
-                  r("span", { class: "pi pi-download" }, null, -1)
-                ])], 8, ze)) : l("", !0)
-              ]),
-              _: 1
-            })
-          ], 32),
-          m(h, { name: "modal-fade" }, {
-            default: d(() => [
-              s(J) && s(w).length && !e.reactionsEnabled ? (t(), n("button", {
-                key: 0,
-                class: "sticker-message__menu-button",
-                onClick: a[4] || (a[4] = //@ts-ignore
-                (...o) => s(F) && s(F)(...o))
-              }, [...a[10] || (a[10] = [
-                r("span", { class: "pi pi-ellipsis-h" }, null, -1)
-              ])])) : l("", !0)
-            ]),
-            _: 1
-          }),
-          (t(), c(U, { to: "body" }, [
-            m(h, { name: "context-menu" }, {
-              default: d(() => [
-                s(W) && s(w).length ? (t(), c(ke, {
-                  key: 0,
-                  ref_key: "menuRef",
-                  ref: Q,
-                  class: "sticker-message__context-menu message-actions-menu",
-                  style: j(s(X)),
-                  "data-theme": s(Y),
-                  actions: s(w),
-                  onClick: s(te),
-                  onMouseenter: s(ee),
-                  onMouseleave: s(se)
-                }, null, 8, ["style", "data-theme", "actions", "onClick", "onMouseenter", "onMouseleave"])) : l("", !0)
-              ]),
-              _: 1
-            })
-          ])),
-          e.message.text ? (t(), n("div", Ge, [
-            r("p", {
-              onClick: a[5] || (a[5] = //@ts-ignore
-              (...o) => s(B) && s(B)(...o)),
-              innerHTML: s(ne)
-            }, null, 8, We)
-          ])) : l("", !0),
-          m(we, {
-            status: e.message.status,
-            "has-messenger-account": e.message.hasMessengerAccount,
-            channel: e.channel,
-            onSmsInvite: ce
-          }, null, 8, ["status", "has-messenger-account", "channel"]),
-          e.message.linkPreview ? (t(), c(fe, {
-            key: 2,
-            class: M(["sticker-message__link-preview", e.message.position]),
-            "link-preview": e.message.linkPreview
-          }, null, 8, ["class", "link-preview"])) : l("", !0),
-          e.message.embed ? (t(), c(ye, {
-            key: 3,
-            class: M(e.message.position),
-            embed: e.message.embed
-          }, null, 8, ["class", "embed"])) : l("", !0),
-          m(he, {
-            reactions: e.message.reactions,
-            "message-id": e.message.messageId,
-            reply: s(q)(e.message, "message.sticker"),
-            enabled: e.reactionsEnabled,
-            mode: e.reactionsMode,
-            "current-user-id": e.currentUserId,
-            "reaction-user-names": e.reactionUserNames,
-            "menu-enabled": s(w).length > 0,
-            onToggleReaction: s(me),
-            onAddReaction: s(re),
-            onRemoveReaction: s(ue),
-            onMenu: s(_)
-          }, null, 8, ["reactions", "message-id", "reply", "enabled", "mode", "current-user-id", "reaction-user-names", "menu-enabled", "onToggleReaction", "onAddReaction", "onRemoveReaction", "onMenu"])
-        ], 64))
-      ], 2),
-      (t(), c(U, { to: "body" }, [
-        m(h, { name: "modal-fade" }, {
-          default: d(() => [
-            I.value && !e.message.deleted ? (t(), c(Me, {
-              key: 0,
-              "data-theme": s(x)().theme ? s(x)().theme : "light",
-              title: e.message.alt,
-              onClose: oe
-            }, {
-              default: d(() => [
-                k.value && g.value ? (t(), n("tgs-player", {
-                  key: 0,
-                  class: "sticker-message__modal-image-animated",
-                  src: e.message.url,
-                  autoplay: "",
-                  loop: "",
-                  mode: "normal"
-                }, null, 8, Je)) : P.value && !f.value ? (t(), n("video", {
-                  key: 1,
-                  class: "sticker-message__modal-image",
-                  src: e.message.url,
-                  autoplay: "",
-                  loop: "",
-                  muted: "",
-                  playsinline: "",
-                  preload: "metadata",
-                  onError: a[6] || (a[6] = (o) => f.value = !0)
-                }, null, 40, Ke)) : (t(), n("img", {
-                  key: 2,
-                  class: "sticker-message__modal-image",
-                  src: e.message.url,
-                  alt: e.message.alt
-                }, null, 8, Qe))
-              ]),
-              _: 1
-            }, 8, ["data-theme", "title"])) : l("", !0)
-          ]),
-          _: 1
-        })
-      ]))
-    ], 46, Ne));
+    const M = { chatAppId: m, getTheme: S, menuActions: w, startReply: c, tgsLibsLoaded: s, tgsLibsLoading: r, loadTgsLibs: u, props: e, emit: n, isOpenModal: p, isOpenMenu: R, buttonMenuVisible: k, menuAnchorRef: A, menuRef: L, menuStyle: T, menuTheme: _, baseShowMenu: d, hideMenu: C, openMenu: I, toggleMenu: F, onMenuMouseEnter: j, onMenuMouseLeave: O, clickAction: P, viewsAction: x, handleClickReplied: B, buttonDownloadVisible: g, linkedHtml: V, inNewWindow: E, showMenu: N, status: q, statusTitle: D, rightBubbleStyle: H, isTgsFile: a, videoFailed: f, shouldTryVideo: U, getClass: G, closeModal: W, onToggleReaction: $, onAddReaction: z, onRemoveReaction: J, handleSmsInvite: K, ContextMenu: Z, LinkPreview: ee, EmbedPreview: te, BaseReplyMessage: se, ModalFullscreen: oe, MessageReactions: ie, MessageStatusIndicator: re, MessageSmsInvite: ne, DeletedMessageContent: ae, get buildReplyPayload() {
+      return b;
+    } };
+    return Object.defineProperty(M, "__isScriptSetup", { enumerable: !1, value: !0 }), M;
   }
 });
 export {
-  Ts as default
+  Qe as default
 };

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

@@ -1,7 +1,20 @@
-import o from "./SystemMessage.vue2.js";
+import s from "./SystemMessage.vue2.js";
+import { createElementBlock as t, openBlock as o, createElementVNode as c, toDisplayString as r } from "vue";
 /* empty css                   */
-import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2333b3c7"]]);
+import a from "../../../_virtual/_plugin-vue_export-helper.js";
+const _ = { class: "system-message__container" }, m = { class: "system-message__text" };
+function n(p, i, e, d, f, l) {
+  return o(), t("div", _, [
+    c(
+      "p",
+      m,
+      r(e.message.text),
+      1
+      /* TEXT */
+    )
+  ]);
+}
+const v = /* @__PURE__ */ a(s, [["render", n], ["__scopeId", "data-v-825a80e3"], ["__file", "/var/store/dev-space/repos-projects/chotto/chotto/src/components/2_feed_elements/SystemMessage/SystemMessage.vue"]]);
 export {
-  r as default
+  v as default
 };

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

@@ -1,5 +1,5 @@
-import { defineComponent as t, createElementBlock as s, openBlock as o, createElementVNode as a, toDisplayString as n } from "vue";
-const c = { class: "system-message__container" }, r = { class: "system-message__text" }, p = /* @__PURE__ */ t({
+import { defineComponent as r } from "vue";
+const _ = /* @__PURE__ */ r({
   __name: "SystemMessage",
   props: {
     message: {
@@ -7,12 +7,12 @@ const c = { class: "system-message__container" }, r = { class: "system-message__
       required: !0
     }
   },
-  setup(e) {
-    return (m, _) => (o(), s("div", c, [
-      a("p", r, n(e.message.text), 1)
-    ]));
+  setup(s, { expose: t }) {
+    t();
+    const e = {};
+    return Object.defineProperty(e, "__isScriptSetup", { enumerable: !1, value: !0 }), e;
   }
 });
 export {
-  p as default
+  _ as default
 };