@mobilon-dev/chotto 0.3.109 → 0.3.111

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

@@ -1,16 +1,12 @@
-import { defineComponent as x, computed as f, createElementBlock as r, openBlock as o, createBlock as h, withCtx as g, createElementVNode as s, createCommentVNode as p, toDisplayString as d, unref as u } from "vue";
+import { defineComponent as x, computed as f, createElementBlock as s, openBlock as o, createBlock as h, withCtx as g, createElementVNode as r, createCommentVNode as p, toDisplayString as d, unref as u } from "vue";
 import k from "../../1_atoms/Tooltip/Tooltip.vue.js";
 import "../../../locale/useLocale.js";
 /* empty css                                                            */
-import "../../../hooks/useTheme.js";
 import { useMessageLinks as _ } from "../../../hooks/messages/useMessageLinks.js";
 import "../../../functions/parseMarkdown.js";
-import "../../../hooks/useMessageDraft.js";
-import "../../../hooks/useSearchModel.js";
-import "../../../hooks/useEmojiNative.js";
 /* empty css                              */
 /* empty css                                              */
-const C = { class: "reply-text-message__wrapper" }, y = ["textContent"], T = ["innerHTML"], M = ["textContent"], H = ["innerHTML"], A = /* @__PURE__ */ x({
+const C = { class: "reply-text-message__wrapper" }, y = ["textContent"], T = ["innerHTML"], M = ["textContent"], H = ["innerHTML"], V = /* @__PURE__ */ x({
   __name: "ReplyTextMessage",
   props: {
     message: {
@@ -19,15 +15,15 @@ const C = { class: "reply-text-message__wrapper" }, y = ["textContent"], T = ["i
     }
   },
   setup(t) {
-    const i = t, { linkedHtml: a } = _(() => i.message.text), c = f(() => {
+    const a = t, { linkedHtml: i } = _(() => a.message.text), c = f(() => {
       var e;
-      return ((e = i.message.text) == null ? void 0 : e.trim()) || "";
+      return ((e = a.message.text) == null ? void 0 : e.trim()) || "";
     }), l = (e) => {
       var m;
       const n = (m = e.target) == null ? void 0 : m.closest("a");
       n instanceof HTMLAnchorElement && n.href && (e.preventDefault(), e.stopPropagation(), window.open(n.href, "_blank", "noopener,noreferrer"));
     };
-    return (e, n) => (o(), r("div", C, [
+    return (e, n) => (o(), s("div", C, [
       c.value ? (o(), h(k, {
         key: 0,
         position: "top",
@@ -37,38 +33,38 @@ const C = { class: "reply-text-message__wrapper" }, y = ["textContent"], T = ["i
         text: c.value
       }, {
         default: g(() => [
-          s("div", {
+          r("div", {
             class: "container",
             onClick: l
           }, [
-            t.message.header ? (o(), r("p", {
+            t.message.header ? (o(), s("p", {
               key: 0,
               textContent: d(`В ответ ${t.message.header}`)
             }, null, 8, y)) : p("", !0),
-            s("p", {
+            r("p", {
               class: "text",
-              innerHTML: u(a)
+              innerHTML: u(i)
             }, null, 8, T)
           ])
         ]),
         _: 1
-      }, 8, ["text"])) : (o(), r("div", {
+      }, 8, ["text"])) : (o(), s("div", {
         key: 1,
         class: "container",
         onClick: l
       }, [
-        t.message.header ? (o(), r("p", {
+        t.message.header ? (o(), s("p", {
           key: 0,
           textContent: d(`В ответ ${t.message.header}`)
         }, null, 8, M)) : p("", !0),
-        s("p", {
+        r("p", {
           class: "text",
-          innerHTML: u(a)
+          innerHTML: u(i)
         }, null, 8, H)
       ]))
     ]));
   }
 });
 export {
-  A as default
+  V as default
 };

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

@@ -1,7 +1,7 @@
 import o from "./ReplyVideoMessage.vue2.js";
 /* empty css                       */
 import e from "../../../_virtual/_plugin-vue_export-helper.js";
-const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-97d292df"]]);
+const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-1c3332ec"]]);
 export {
   s as default
 };

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

@@ -1,16 +1,17 @@
-import { defineComponent as k, inject as _, ref as c, createElementBlock as n, openBlock as o, Fragment as x, createElementVNode as t, createBlock as u, createCommentVNode as i, toDisplayString as C, unref as a, Teleport as M, createVNode as T, Transition as w, withCtx as p } from "vue";
-import N from "../../2_modals/ModalFullscreen/ModalFullscreen.vue.js";
-import "../../../hooks/useMessageDraft.js";
-import "../../../hooks/useSearchModel.js";
-import { useTheme as V } from "../../../hooks/useTheme.js";
-import "../../../hooks/useEmojiNative.js";
+import { defineComponent as C, inject as M, ref as p, computed as v, createElementBlock as a, openBlock as s, Fragment as T, createElementVNode as o, createBlock as g, createCommentVNode as i, toDisplayString as w, unref as l, Teleport as V, createVNode as b, Transition as N, withCtx as f } from "vue";
+import U from "../../2_modals/ModalFullscreen/ModalFullscreen.vue.js";
+import { useTheme as B } from "../../../hooks/useTheme.js";
 /* empty css                              */
 /* empty css                                              */
 import "../../../locale/useLocale.js";
 /* empty css                                                            */
-import { useMessageLinks as b } from "../../../hooks/messages/useMessageLinks.js";
+import { useMessageLinks as H } from "../../../hooks/messages/useMessageLinks.js";
 import "../../../functions/parseMarkdown.js";
-const B = ["src"], H = { class: "video-message__text-container" }, L = ["textContent"], j = ["innerHTML"], A = ["src", "alt"], K = /* @__PURE__ */ k({
+const L = ["src", "alt"], j = {
+  key: 1,
+  class: "video-message__play-badge",
+  "aria-hidden": "true"
+}, A = ["src"], E = { class: "video-message__text-container" }, F = ["textContent"], I = ["innerHTML"], O = ["src", "alt"], K = /* @__PURE__ */ C({
   __name: "ReplyVideoMessage",
   props: {
     message: {
@@ -19,54 +20,63 @@ const B = ["src"], H = { class: "video-message__text-container" }, L = ["textCon
     }
   },
   setup(e) {
-    const g = _("chatAppId"), { getTheme: r } = V(g), v = e, f = c(), l = c(!1), { linkedHtml: h, inNewWindow: m } = b(() => v.message.text), y = () => l.value = !1;
-    return (E, s) => (o(), n(x, null, [
-      t("div", {
+    const y = M("chatAppId"), { getTheme: m } = B(y), n = e, _ = p(), r = p(!1), d = v(() => n.message.coverUrl || ""), k = v(() => n.message.videoPreviewUrl || n.message.url), { linkedHtml: h, inNewWindow: c } = H(() => n.message.text), x = () => r.value = !1;
+    return ($, t) => (s(), a(T, null, [
+      o("div", {
         class: "video-message__preview-button",
-        onClick: s[0] || (s[0] = (d) => l.value = !0)
+        onClick: t[0] || (t[0] = (u) => r.value = !0)
       }, [
-        t("video", {
+        d.value ? (s(), a("img", {
+          key: 0,
+          class: "video-message__video",
+          src: d.value,
+          alt: e.message.alt
+        }, null, 8, L)) : i("", !0),
+        d.value ? (s(), a("span", j, [...t[2] || (t[2] = [
+          o("span", { class: "pi pi-play" }, null, -1)
+        ])])) : (s(), a("video", {
+          key: 2,
           class: "video-message__video",
-          src: e.message.url,
+          src: k.value,
           muted: !0
-        }, null, 8, B)
+        }, null, 8, A))
       ]),
-      t("div", H, [
-        e.message.header ? (o(), n("p", {
+      o("div", E, [
+        e.message.header ? (s(), a("p", {
           key: 0,
-          textContent: C(`В ответ ${e.message.header}`)
-        }, null, 8, L)) : i("", !0),
-        s[2] || (s[2] = t("div", { class: "video-message__reply-description" }, [
-          t("span", { class: "pi pi-video" }),
-          t("p", null, "Видео")
+          textContent: w(`В ответ ${e.message.header}`)
+        }, null, 8, F)) : i("", !0),
+        t[3] || (t[3] = o("div", { class: "video-message__reply-description" }, [
+          o("span", { class: "pi pi-video" }),
+          o("p", null, "Видео")
         ], -1)),
-        e.message.text ? (o(), n("p", {
+        e.message.text ? (s(), a("p", {
           key: 1,
           class: "video-message__text",
-          onClick: s[1] || (s[1] = //@ts-ignore
-          (...d) => a(m) && a(m)(...d)),
-          innerHTML: a(h)
-        }, null, 8, j)) : i("", !0)
+          onClick: t[1] || (t[1] = //@ts-ignore
+          (...u) => l(c) && l(c)(...u)),
+          innerHTML: l(h)
+        }, null, 8, I)) : i("", !0)
       ]),
-      (o(), u(M, { to: "body" }, [
-        T(w, { name: "modal-fade" }, {
-          default: p(() => [
-            l.value ? (o(), u(N, {
+      (s(), g(V, { to: "body" }, [
+        b(N, { name: "modal-fade" }, {
+          default: f(() => [
+            r.value ? (s(), g(U, {
               key: 0,
-              "data-theme": a(r)().theme ? a(r)().theme : "light",
+              "data-theme": l(m)().theme ? l(m)().theme : "light",
               title: e.message.alt,
-              onClose: y
+              onClose: x
             }, {
-              default: p(() => [
-                t("video", {
+              default: f(() => [
+                o("video", {
                   ref_key: "player",
-                  ref: f,
+                  ref: _,
                   class: "video-message__modal-video",
                   src: e.message.url,
                   alt: e.message.alt,
                   controls: "",
                   autoplay: ""
-                }, null, 8, A)
+                }, null, 8, O)
               ]),
               _: 1
             }, 8, ["data-theme", "title"])) : i("", !0)

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

@@ -1,8 +1,8 @@
 import { defineComponent as he, inject as we, ref as g, computed as v, watch as G, onMounted as Re, createElementBlock as i, openBlock as a, unref as s, normalizeStyle as Q, normalizeClass as b, createCommentVNode as o, createElementVNode as r, createBlock as c, toDisplayString as R, Fragment as W, createVNode as u, Transition as h, withCtx as f, withModifiers as J, Teleport as K } from "vue";
 import Se from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
-import pe from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
-import Ce from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
-import Ie from "../FeedReplyQuote/FeedReplyQuote.vue.js";
+import Ce from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
+import Ie from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
+import pe from "../FeedReplyQuote/FeedReplyQuote.vue.js";
 import Ae from "../../2_modals/ModalFullscreen/ModalFullscreen.vue.js";
 import Te from "../MessageReactions/MessageReactions.vue.js";
 import X from "../MessageStatusIndicator/MessageStatusIndicator.vue.js";
@@ -15,10 +15,7 @@ import { useMessageMenuActions as Ne } from "../../../hooks/messages/useMessageM
 import { useMessageLinks as Ve } from "../../../hooks/messages/useMessageLinks.js";
 import { useChannelAccentColor as Be } from "../../../hooks/messages/useChannelAccentColor.js";
 import { useStartReply as He } from "../../../hooks/messages/useStartReply.js";
-import "../../../hooks/useMessageDraft.js";
-import "../../../hooks/useSearchModel.js";
 import { useTheme as $e } from "../../../hooks/useTheme.js";
-import "../../../hooks/useEmojiNative.js";
 /* empty css                              */
 /* empty css                                              */
 import "../../../locale/useLocale.js";
@@ -42,7 +39,7 @@ const ze = ["messageId"], Ge = ["src"], Qe = {
 }, _e = { class: "sticker-message__time" }, es = ["href"], ss = {
   key: 1,
   class: "sticker-message__text-container"
-}, ts = ["innerHTML"], as = ["src"], ns = ["src"], is = ["src", "alt"], $s = /* @__PURE__ */ he({
+}, ts = ["innerHTML"], as = ["src"], ns = ["src"], is = ["src", "alt"], Vs = /* @__PURE__ */ he({
   __name: "StickerMessage",
   props: {
     message: {
@@ -99,7 +96,7 @@ const ze = ["messageId"], Ge = ["src"], Qe = {
         }
       }
     }
-    const n = e, p = Z, C = g(!1), {
+    const n = e, C = Z, I = g(!1), {
       isOpenMenu: se,
       buttonMenuVisible: te,
       menuAnchorRef: ae,
@@ -115,7 +112,7 @@ const ze = ["messageId"], Ge = ["src"], Qe = {
       clickAction: ce,
       viewsAction: P,
       handleClickReplied: ge
-    } = Ee(n.message, p, {
+    } = Ee(n.message, C, {
       onReply: () => ee(Y(n.message, "message.sticker"))
     }), k = g(!1), { linkedHtml: de, inNewWindow: N } = Ve(() => n.message.text), ve = () => {
       oe(), k.value = !0;
@@ -138,10 +135,10 @@ const ze = ["messageId"], Ge = ["src"], Qe = {
     }, { immediate: !0 }), Re(() => {
       y.value && !d.value && L();
     });
-    function I(m) {
+    function p(m) {
       return Ue(m.position, "sticker-message");
     }
-    const ke = () => C.value = !1, { onToggleReaction: $, onAddReaction: j, onRemoveReaction: O } = De(p), U = g(null), D = g(null), ye = v(() => {
+    const ke = () => I.value = !1, { onToggleReaction: $, onAddReaction: j, onRemoveReaction: O } = De(C), U = g(null), D = g(null), ye = v(() => {
       var t;
       const m = (t = D.value) == null ? void 0 : t.$el;
       return m instanceof HTMLElement ? m : null;
@@ -163,13 +160,13 @@ const ze = ["messageId"], Ge = ["src"], Qe = {
       }
     });
     function be() {
-      p("sms-invite", n.message);
+      C("sms-invite", n.message);
     }
     return (m, t) => (a(), i("div", {
       ref_key: "menuAnchorRef",
       ref: ae,
       class: b(["sticker-message", [
-        I(e.message),
+        p(e.message),
         e.applyStyle(e.message)
       ]]),
       messageId: e.message.messageId,
@@ -200,14 +197,14 @@ const ze = ["messageId"], Ge = ["src"], Qe = {
             e.message.time ? (a(), i("span", Je, R(e.message.time), 1)) : o("", !0),
             u(X, {
               "base-class": "sticker-message",
-              "message-class": I(e.message),
+              "message-class": p(e.message),
               "message-status": e.message.status,
               "status-class": V.value,
               "status-title": B.value
             }, null, 8, ["message-class", "message-status", "status-class", "status-title"])
           ])
         ], 64)) : (a(), i(W, { key: 1 }, [
-          e.message.reply ? (a(), c(Ie, {
+          e.message.reply ? (a(), c(pe, {
             key: 0,
             style: { margin: "10px 10px 4px 16px" },
             class: b(e.message.position),
@@ -216,7 +213,7 @@ const ze = ["messageId"], Ge = ["src"], Qe = {
           }, null, 8, ["class", "message", "onReply"])) : o("", !0),
           r("div", {
             class: "sticker-message__preview-button",
-            onClick: t[2] || (t[2] = (l) => C.value = !0),
+            onClick: t[2] || (t[2] = (l) => I.value = !0),
             onMouseenter: ve,
             onMouseleave: t[3] || (t[3] = (l) => k.value = !k.value)
           }, [
@@ -261,7 +258,7 @@ const ze = ["messageId"], Ge = ["src"], Qe = {
                   r("span", _e, R(e.message.time), 1),
                   u(X, {
                     "base-class": "sticker-message",
-                    "message-class": I(e.message),
+                    "message-class": p(e.message),
                     "message-status": e.message.status,
                     "status-class": V.value,
                     "status-title": B.value
@@ -331,12 +328,12 @@ const ze = ["messageId"], Ge = ["src"], Qe = {
             channel: e.channel,
             onSmsInvite: be
           }, null, 8, ["status", "has-messenger-account", "channel"]),
-          e.message.linkPreview ? (a(), c(pe, {
+          e.message.linkPreview ? (a(), c(Ce, {
             key: 2,
             class: b(["sticker-message__link-preview", e.message.position]),
             "link-preview": e.message.linkPreview
           }, null, 8, ["class", "link-preview"])) : o("", !0),
-          e.message.embed ? (a(), c(Ce, {
+          e.message.embed ? (a(), c(Ie, {
             key: 3,
             class: b(e.message.position),
             embed: e.message.embed
@@ -360,7 +357,7 @@ const ze = ["messageId"], Ge = ["src"], Qe = {
       (a(), c(K, { to: "body" }, [
         u(h, { name: "modal-fade" }, {
           default: f(() => [
-            C.value && !e.message.deleted ? (a(), c(Ae, {
+            I.value && !e.message.deleted ? (a(), c(Ae, {
               key: 0,
               "data-theme": s(T)().theme ? s(T)().theme : "light",
               title: e.message.alt,
@@ -401,5 +398,5 @@ const ze = ["messageId"], Ge = ["src"], Qe = {
   }
 });
 export {
-  $s as default
+  Vs 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-4f885e2c"]]);
+import t from "../../../_virtual/_plugin-vue_export-helper.js";
+const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-3181fcf1"]]);
 export {
-  a as default
+  s as default
 };