@mobilon-dev/chotto 0.3.61 → 0.3.63

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

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

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

@@ -1,16 +1,16 @@
-import { defineComponent as T, inject as b, ref as n, watch as k, computed as L, onMounted as M, createElementBlock as a, openBlock as t, Fragment as C, createElementVNode as r, createBlock as v, createCommentVNode as d, toDisplayString as S, Teleport as A, createVNode as F, Transition as N, withCtx as h, unref as y } from "vue";
-import B from "../../../node_modules/linkify-string/dist/linkify-string.js";
-import V from "../../2_modals/ModalFullscreen/ModalFullscreen.vue.js";
+import { defineComponent as M, inject as S, ref as m, watch as g, computed as w, onMounted as F, createElementBlock as l, openBlock as t, Fragment as A, createElementVNode as u, createBlock as _, createCommentVNode as p, toDisplayString as E, Teleport as I, createVNode as N, Transition as V, withCtx as L, unref as T } from "vue";
+import $ from "../../../node_modules/linkify-string/dist/linkify-string.js";
+import j from "../../2_modals/ModalFullscreen/ModalFullscreen.vue.js";
 import "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
-import { useTheme as j } from "../../../hooks/useTheme.js";
+import { useTheme as B } from "../../../hooks/useTheme.js";
 /* empty css                              */
 /* empty css                                              */
 import "../../../node_modules/linkifyjs/dist/linkify.js";
 import "../../../functions/parseMarkdown.js";
 import { isAnimatedSticker as D } from "../StickerMessage/utils/stickerUtils.js";
 import "../StickerMessage/utils/suppress-lit-warning.js";
-const E = ["src"], H = ["src", "alt"], I = { class: "sticker-message__text-container" }, O = { key: 0 }, q = ["innerHTML"], G = ["src"], R = ["src", "alt"], se = /* @__PURE__ */ T({
+const H = ["src"], O = ["src"], q = ["src", "alt"], G = { class: "sticker-message__text-container" }, R = { key: 0 }, W = ["innerHTML"], z = ["src"], J = ["src"], K = ["src", "alt"], re = /* @__PURE__ */ M({
   __name: "ReplyStickerMessage",
   props: {
     message: {
@@ -19,12 +19,12 @@ const E = ["src"], H = ["src", "alt"], I = { class: "sticker-message__text-conta
     }
   },
   setup(e) {
-    const _ = b("chatAppId"), { getTheme: g } = j(_), l = n(!1), c = n(!1);
-    async function p() {
-      if (!(l.value || c.value)) {
+    const b = S("chatAppId"), { getTheme: v } = B(b), r = m(!1), c = m(!1);
+    async function f() {
+      if (!(r.value || c.value)) {
         c.value = !0;
         try {
-          await import("../StickerMessage/libs/tgs-player/lottie-player.esm.js"), await import("../StickerMessage/libs/tgs-player/tgs-player.esm.js"), l.value = !0;
+          await import("../StickerMessage/libs/tgs-player/lottie-player.esm.js"), await import("../StickerMessage/libs/tgs-player/tgs-player.esm.js"), r.value = !0;
         } catch (s) {
           console.error("Failed to load TGS libraries:", s);
         } finally {
@@ -32,82 +32,112 @@ const E = ["src"], H = ["src", "alt"], I = { class: "sticker-message__text-conta
         }
       }
     }
-    const i = e, u = n(!1), f = n("");
-    k(
+    const i = e, d = m(!1), k = m("");
+    g(
       () => i.message.text,
       () => {
-        i.message.text && (f.value = B(i.message.text));
+        i.message.text && (k.value = $(i.message.text));
       },
       { immediate: !0 }
     );
-    const o = L(() => D(i.message.url, i.message.isAnimated));
-    k(o, (s) => {
-      s && !l.value && p();
-    }, { immediate: !0 }), M(() => {
-      o.value && !l.value && p();
+    const o = w(() => D(i.message.url, i.message.isAnimated)), n = m(!1), y = w(() => {
+      if (o.value) return !1;
+      const s = String(i.message.url || "").toLowerCase();
+      return !/\.(webp|png|jpe?g|gif|bmp|svg)(\?|#|$)/.test(s);
     });
-    function w(s) {
+    g(
+      () => i.message.url,
+      () => {
+        n.value = !1;
+      },
+      { immediate: !0 }
+    ), g(o, (s) => {
+      s && !r.value && f();
+    }, { immediate: !0 }), F(() => {
+      o.value && !r.value && f();
+    });
+    function x(s) {
       s.preventDefault(), s.target.href && window.open(s.target.href, "_blank");
     }
-    const x = () => u.value = !1;
-    return (s, m) => (t(), a(C, null, [
-      r("div", {
+    const C = () => d.value = !1;
+    return (s, a) => (t(), l(A, null, [
+      u("div", {
         class: "sticker-message__preview-button",
-        onClick: m[0] || (m[0] = (W) => u.value = !0)
+        onClick: a[1] || (a[1] = (h) => d.value = !0)
       }, [
-        o.value && l.value ? (t(), a("tgs-player", {
+        o.value && r.value ? (t(), l("tgs-player", {
           key: 0,
           class: "sticker-message__preview-image-animated",
           src: e.message.url,
           autoplay: "",
           loop: "",
           mode: "normal"
-        }, null, 8, E)) : (t(), a("img", {
+        }, null, 8, H)) : y.value && !n.value ? (t(), l("video", {
           key: 1,
           class: "sticker-message__preview-image",
           src: e.message.url,
+          autoplay: "",
+          loop: "",
+          muted: "",
+          playsinline: "",
+          preload: "metadata",
+          onError: a[0] || (a[0] = (h) => n.value = !0)
+        }, null, 40, O)) : (t(), l("img", {
+          key: 2,
+          class: "sticker-message__preview-image",
+          src: e.message.url,
           alt: e.message.alt
-        }, null, 8, H))
+        }, null, 8, q))
       ]),
-      r("div", I, [
-        e.message.header ? (t(), a("p", O, S(e.message.header), 1)) : d("", !0),
-        m[1] || (m[1] = r("div", { class: "sticker-message__reply-description" }, [
-          r("span", { class: "pi pi-image" }),
-          r("p", null, "Стикер")
+      u("div", G, [
+        e.message.header ? (t(), l("p", R, E(e.message.header), 1)) : p("", !0),
+        a[3] || (a[3] = u("div", { class: "sticker-message__reply-description" }, [
+          u("span", { class: "pi pi-image" }),
+          u("p", null, "Стикер")
         ], -1)),
-        e.message.text ? (t(), a("p", {
+        e.message.text ? (t(), l("p", {
           key: 1,
           class: "sticker-message__text",
-          onClick: w,
-          innerHTML: f.value
-        }, null, 8, q)) : d("", !0)
+          onClick: x,
+          innerHTML: k.value
+        }, null, 8, W)) : p("", !0)
       ]),
-      (t(), v(A, { to: "body" }, [
-        F(N, { name: "modal-fade" }, {
-          default: h(() => [
-            u.value ? (t(), v(V, {
+      (t(), _(I, { to: "body" }, [
+        N(V, { name: "modal-fade" }, {
+          default: L(() => [
+            d.value ? (t(), _(j, {
               key: 0,
-              "data-theme": y(g)().theme ? y(g)().theme : "light",
+              "data-theme": T(v)().theme ? T(v)().theme : "light",
               title: e.message.alt,
-              onClose: x
+              onClose: C
             }, {
-              default: h(() => [
-                o.value && l.value ? (t(), a("tgs-player", {
+              default: L(() => [
+                o.value && r.value ? (t(), l("tgs-player", {
                   key: 0,
                   class: "sticker-message__modal-image-animated",
                   src: e.message.url,
                   autoplay: "",
                   loop: "",
                   mode: "normal"
-                }, null, 8, G)) : (t(), a("img", {
+                }, null, 8, z)) : y.value && !n.value ? (t(), l("video", {
                   key: 1,
                   class: "sticker-message__modal-image",
                   src: e.message.url,
+                  autoplay: "",
+                  loop: "",
+                  muted: "",
+                  playsinline: "",
+                  preload: "metadata",
+                  onError: a[2] || (a[2] = (h) => n.value = !0)
+                }, null, 40, J)) : (t(), l("img", {
+                  key: 2,
+                  class: "sticker-message__modal-image",
+                  src: e.message.url,
                   alt: e.message.alt
-                }, null, 8, R))
+                }, null, 8, K))
               ]),
               _: 1
-            }, 8, ["data-theme", "title"])) : d("", !0)
+            }, 8, ["data-theme", "title"])) : p("", !0)
           ]),
           _: 1
         })
@@ -116,5 +146,5 @@ const E = ["src"], H = ["src", "alt"], I = { class: "sticker-message__text-conta
   }
 });
 export {
-  se as default
+  re 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-031e69e9"]]);
+import t from "../../../_virtual/_plugin-vue_export-helper.js";
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-cd90490f"]]);
 export {
   a as default
 };