@mobilon-dev/chotto 0.3.45 → 0.3.47

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

@@ -1,36 +1,36 @@
-import { defineComponent as ie, inject as le, ref as p, computed as w, watch as me, createElementBlock as r, openBlock as n, Fragment as re, createElementVNode as l, createBlock as c, unref as a, normalizeStyle as F, normalizeClass as y, createCommentVNode as i, createVNode as m, withCtx as d, createTextVNode as ue, toDisplayString as T, Transition as b, withModifiers as $, Teleport as de } from "vue";
-import ce from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
-import ge from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
-import ve from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
-import fe from "../BaseReplyMessage/BaseReplyMessage.vue.js";
-import ye from "../../2_modals/ModalFullscreen/ModalFullscreen.vue.js";
-import be from "../MessageReactions/MessageReactions.vue.js";
-import ke from "../MessageStatusIndicator/MessageStatusIndicator.vue.js";
-import pe from "../MessageSmsInvite/MessageSmsInvite.vue.js";
-import we from "../../1_atoms/Tooltip/Tooltip.vue.js";
-import { useMessageActions as he } from "../../../hooks/messages/useMessageActions.js";
-import { useMessageLinks as xe } from "../../../hooks/messages/useMessageLinks.js";
-import { useChannelAccentColor as Me } from "../../../hooks/messages/useChannelAccentColor.js";
-import { useSubtextTooltip as Te } from "../../../hooks/messages/useSubtextTooltip.js";
-import { getStatus as Re, getStatusTitle as Ce } from "../../../functions/getStatusMessage.js";
-import { getMessageClass as Se } from "../../../functions/getMessageClass.js";
-import { createReactionHandlers as Ie } from "../../../functions/createReactionHandlers.js";
+import { defineComponent as oe, inject as ie, ref as p, computed as w, watch as le, createElementBlock as r, openBlock as o, Fragment as me, createElementVNode as l, createBlock as c, unref as a, normalizeStyle as F, normalizeClass as y, createCommentVNode as i, createVNode as m, withCtx as d, createTextVNode as re, toDisplayString as T, Transition as b, withModifiers as $, Teleport as ue } from "vue";
+import de from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
+import ce from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
+import ge from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
+import ve from "../BaseReplyMessage/BaseReplyMessage.vue.js";
+import fe from "../../2_modals/ModalFullscreen/ModalFullscreen.vue.js";
+import ye from "../MessageReactions/MessageReactions.vue.js";
+import be from "../MessageStatusIndicator/MessageStatusIndicator.vue.js";
+import ke from "../MessageSmsInvite/MessageSmsInvite.vue.js";
+import pe from "../../1_atoms/Tooltip/Tooltip.vue.js";
+import { useMessageActions as we } from "../../../hooks/messages/useMessageActions.js";
+import { useMessageLinks as he } from "../../../hooks/messages/useMessageLinks.js";
+import { useChannelAccentColor as xe } from "../../../hooks/messages/useChannelAccentColor.js";
+import { useSubtextTooltip as Me } from "../../../hooks/messages/useSubtextTooltip.js";
+import { getStatus as Te, getStatusTitle as Re } from "../../../functions/getStatusMessage.js";
+import { getMessageClass as Ce } from "../../../functions/getMessageClass.js";
+import { createReactionHandlers as Se } from "../../../functions/createReactionHandlers.js";
 import "../../../functions/parseMarkdown.js";
 import "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
-import { useTheme as Ae } from "../../../hooks/useTheme.js";
+import { useTheme as Ie } from "../../../hooks/useTheme.js";
 /* empty css                              */
 /* empty css                                              */
-const Ee = ["messageId"], Le = ["src"], Be = {
+const Ae = ["messageId"], Ee = ["src"], Le = {
   key: 1,
   class: "video-message__subtext"
-}, Fe = ["src"], $e = {
+}, Be = ["src"], Fe = {
   key: 0,
   class: "video-message__info-container"
-}, Pe = { class: "video-message__time" }, Oe = {
+}, $e = { class: "video-message__time" }, Pe = {
   key: 1,
   class: "video-message__text-container"
-}, je = ["innerHTML"], He = ["src", "alt"], rs = /* @__PURE__ */ ie({
+}, Oe = ["innerHTML"], je = ["src", "alt"], ms = /* @__PURE__ */ oe({
   inheritAttrs: !1,
   __name: "VideoMessage",
   props: {
@@ -54,45 +54,50 @@ const Ee = ["messageId"], Le = ["src"], Be = {
       type: Object,
       required: !1,
       default: () => ({})
+    },
+    channel: {
+      type: String,
+      required: !1,
+      default: void 0
     }
   },
   emits: ["action", "reply", "sms-invite"],
   setup(e, { emit: P }) {
-    const O = le("chatAppId"), { getTheme: R } = Ae(O), t = e, h = P;
+    const O = ie("chatAppId"), { getTheme: R } = Ie(O), t = e, h = P;
     function C(u) {
-      return Se(u.position, "video-message");
+      return Ce(u.position, "video-message");
     }
-    const S = p(), g = p(), x = p(!1), v = p(!1), { linkedHtml: j, inNewWindow: I } = xe(() => t.message.text), {
+    const S = p(), g = p(), x = p(!1), v = p(!1), { linkedHtml: j, inNewWindow: I } = he(() => t.message.text), {
       isOpenMenu: M,
       buttonMenuVisible: H,
       showMenu: N,
       hideMenu: A,
-      clickAction: D,
+      clickAction: q,
       viewsAction: E,
-      handleClickReplied: U
-    } = he(t.message, h), V = () => {
+      handleClickReplied: D
+    } = we(t.message, h), U = () => {
       N(), v.value = !0;
-    }, q = w(() => Re(t.message.status)), z = w(() => Ce(t.message.status, t.message.statusMsg)), { bubbleStyle: W, messageChannelId: G } = Me(
+    }, V = w(() => Te(t.message.status)), z = w(() => Re(t.message.status, t.message.statusMsg)), { bubbleStyle: W } = xe(
       w(() => t.message),
       { cssVariable: "--chotto-videomessage-right-bg", position: "right" }
-    ), J = () => {
+    ), G = () => {
       g.value && (g.value.currentTime = 0, g.value.play());
     };
-    me([S, g], ([u, s]) => {
+    le([S, g], ([u, s]) => {
       u ? s && (s.pause(), s.currentTime = 0) : s && (s.play(), s.currentTime = 0);
     });
-    const K = w(() => t.message.reply && t.message.text ? "0" : t.message.text ? "5px 5px 0 0" : t.message.reply ? "0 0 5px 5px" : "8px"), Q = () => x.value = !1, { onToggleReaction: X, onAddReaction: Y, onRemoveReaction: Z } = Ie(h), _ = async () => {
+    const J = w(() => t.message.reply && t.message.text ? "0" : t.message.text ? "5px 5px 0 0" : t.message.reply ? "0 0 5px 5px" : "8px"), K = () => x.value = !1, { onToggleReaction: Q, onAddReaction: X, onRemoveReaction: Y } = Se(h), Z = async () => {
       var u, s;
       if (t.message.url)
         try {
-          const o = await fetch(t.message.url, {
+          const n = await fetch(t.message.url, {
             headers: {
               Accept: "video/*"
             }
           });
-          if (!o.ok)
-            throw new Error(`HTTP error! status: ${o.status}`);
-          const te = o.headers.get("content-type") || "", ae = await o.blob(), k = ((s = (u = t.message.url.split(".").pop()) == null ? void 0 : u.split("?")[0]) == null ? void 0 : s.toLowerCase()) || "", oe = {
+          if (!n.ok)
+            throw new Error(`HTTP error! status: ${n.status}`);
+          const se = n.headers.get("content-type") || "", te = await n.blob(), k = ((s = (u = t.message.url.split(".").pop()) == null ? void 0 : u.split("?")[0]) == null ? void 0 : s.toLowerCase()) || "", ae = {
             "video/mp4": "mp4",
             "video/webm": "webm",
             "video/ogg": "ogv",
@@ -100,17 +105,17 @@ const Ee = ["messageId"], Le = ["src"], Be = {
             "video/x-matroska": "mkv",
             "application/octet-stream": k || "mp4"
           };
-          let L = k && ["mp4", "mov", "webm", "ogv", "mkv"].includes(k) ? k : oe[te] || "mp4";
-          const ne = t.message.alt ? t.message.alt.includes(".") ? t.message.alt : `${t.message.alt}.${L}` : `video-${t.message.messageId}.${L}`, B = window.URL.createObjectURL(ae), f = document.createElement("a");
+          let L = k && ["mp4", "mov", "webm", "ogv", "mkv"].includes(k) ? k : ae[se] || "mp4";
+          const ne = t.message.alt ? t.message.alt.includes(".") ? t.message.alt : `${t.message.alt}.${L}` : `video-${t.message.messageId}.${L}`, B = window.URL.createObjectURL(te), f = document.createElement("a");
           f.href = B, f.download = ne, document.body.appendChild(f), f.click(), document.body.removeChild(f), window.URL.revokeObjectURL(B);
-        } catch (o) {
-          console.error("Ошибка при скачивании видео:", o), window.open(t.message.url, "_blank");
+        } catch (n) {
+          console.error("Ошибка при скачивании видео:", n), window.open(t.message.url, "_blank");
         }
-    }, ee = Te(() => t.message, () => t.subtextTooltipData);
-    function se() {
+    }, _ = Me(() => t.message, () => t.subtextTooltipData);
+    function ee() {
       h("sms-invite", t.message);
     }
-    return (u, s) => (n(), r(re, null, [
+    return (u, s) => (o(), r(me, null, [
       l("div", {
         class: y(["video-message", [
           C(e.message),
@@ -119,23 +124,23 @@ const Ee = ["messageId"], Le = ["src"], Be = {
         messageId: e.message.messageId,
         style: F(a(W)),
         onMouseleave: s[5] || (s[5] = //@ts-ignore
-        (...o) => a(A) && a(A)(...o))
+        (...n) => a(A) && a(A)(...n))
       }, [
-        e.message.avatar && e.isFirstInSeries ? (n(), r("img", {
+        e.message.avatar && e.isFirstInSeries ? (o(), r("img", {
           key: 0,
           class: "video-message__avatar",
           src: e.message.avatar,
           height: "32",
           width: "32"
-        }, null, 8, Le)) : i("", !0),
-        e.message.subText && e.isFirstInSeries ? (n(), r("p", Be, [
-          m(we, {
-            text: a(ee),
+        }, null, 8, Ee)) : i("", !0),
+        e.message.subText && e.isFirstInSeries ? (o(), r("p", Le, [
+          m(pe, {
+            text: a(_),
             position: e.message.position === "left" ? "right" : "left",
             offset: 8
           }, {
             default: d(() => [
-              ue(T(e.message.subText), 1)
+              re(T(e.message.subText), 1)
             ]),
             _: 1
           }, 8, ["text", "position"])
@@ -143,50 +148,50 @@ const Ee = ["messageId"], Le = ["src"], Be = {
         l("div", {
           class: y(["video-message__content", { "is-first": e.isFirstInSeries, "with-avatar-indent": !e.isFirstInSeries && e.message.avatar }])
         }, [
-          e.message.reply ? (n(), c(fe, {
+          e.message.reply ? (o(), c(ve, {
             key: 0,
             style: { margin: "10px 10px 4px 16px" },
             class: y(e.message.position),
             message: e.message.reply,
-            onReply: a(U)
+            onReply: a(D)
           }, null, 8, ["class", "message", "onReply"])) : i("", !0),
           l("div", {
             class: "video-message__preview-button",
-            onClick: s[1] || (s[1] = (o) => x.value = !0),
-            onMouseenter: V,
-            onMouseleave: s[2] || (s[2] = (o) => v.value = !v.value)
+            onClick: s[1] || (s[1] = (n) => x.value = !0),
+            onMouseenter: U,
+            onMouseleave: s[2] || (s[2] = (n) => v.value = !v.value)
           }, [
             l("video", {
               ref_key: "previewPlayer",
               ref: g,
               class: "video-message__video",
-              style: F({ borderRadius: K.value }),
+              style: F({ borderRadius: J.value }),
               src: e.message.url,
               muted: !0,
               autoplay: "",
-              onEnded: J
-            }, null, 44, Fe),
+              onEnded: G
+            }, null, 44, Be),
             m(b, { name: "modal-fade" }, {
               default: d(() => [
-                v.value ? (n(), r("div", $e, [
-                  e.message.views ? (n(), r("div", {
+                v.value ? (o(), r("div", Fe, [
+                  e.message.views ? (o(), r("div", {
                     key: 0,
                     class: "video-message__views",
                     onClick: s[0] || (s[0] = $(
                       //@ts-ignore
-                      (...o) => a(E) && a(E)(...o),
+                      (...n) => a(E) && a(E)(...n),
                       ["stop"]
                     ))
                   }, [
                     s[6] || (s[6] = l("span", { class: "pi pi-eye" }, null, -1)),
                     l("p", null, T(e.message.views), 1)
                   ])) : i("", !0),
-                  l("span", Pe, T(e.message.time), 1),
-                  m(ke, {
+                  l("span", $e, T(e.message.time), 1),
+                  m(be, {
                     "base-class": "video-message",
                     "message-class": C(e.message),
                     "message-status": e.message.status,
-                    "status-class": q.value,
+                    "status-class": V.value,
                     "status-title": z.value
                   }, null, 8, ["message-class", "message-status", "status-class", "status-title"])
                 ])) : i("", !0)
@@ -195,11 +200,11 @@ const Ee = ["messageId"], Le = ["src"], Be = {
             }),
             m(b, { name: "modal-fade" }, {
               default: d(() => [
-                v.value ? (n(), r("button", {
+                v.value ? (o(), r("button", {
                   key: 0,
                   class: "video-message__download-button",
                   type: "button",
-                  onClick: $(_, ["stop"])
+                  onClick: $(Z, ["stop"])
                 }, [...s[7] || (s[7] = [
                   l("span", { class: "pi pi-download" }, null, -1)
                 ])])) : i("", !0)
@@ -209,10 +214,10 @@ const Ee = ["messageId"], Le = ["src"], Be = {
           ], 32),
           m(b, { name: "modal-fade" }, {
             default: d(() => [
-              a(H) && e.message.actions ? (n(), r("button", {
+              a(H) && e.message.actions ? (o(), r("button", {
                 key: 0,
                 class: "video-message__menu-button",
-                onClick: s[3] || (s[3] = (o) => M.value = !a(M))
+                onClick: s[3] || (s[3] = (n) => M.value = !a(M))
               }, [...s[8] || (s[8] = [
                 l("span", { class: "pi pi-ellipsis-h" }, null, -1)
               ])])) : i("", !0)
@@ -221,55 +226,55 @@ const Ee = ["messageId"], Le = ["src"], Be = {
           }),
           m(b, { name: "context-menu" }, {
             default: d(() => [
-              a(M) && e.message.actions ? (n(), c(ce, {
+              a(M) && e.message.actions ? (o(), c(de, {
                 key: 0,
                 class: "video-message__context-menu",
                 actions: e.message.actions,
-                onClick: a(D)
+                onClick: a(q)
               }, null, 8, ["actions", "onClick"])) : i("", !0)
             ]),
             _: 1
           }),
-          e.message.text ? (n(), r("div", Oe, [
+          e.message.text ? (o(), r("div", Pe, [
             l("p", {
               onClick: s[4] || (s[4] = //@ts-ignore
-              (...o) => a(I) && a(I)(...o)),
+              (...n) => a(I) && a(I)(...n)),
               innerHTML: a(j)
-            }, null, 8, je)
+            }, null, 8, Oe)
           ])) : i("", !0),
-          m(pe, {
+          m(ke, {
             status: e.message.status,
             "has-messenger-account": e.message.hasMessengerAccount,
-            channel: a(G),
-            onSmsInvite: se
+            channel: e.channel,
+            onSmsInvite: ee
           }, null, 8, ["status", "has-messenger-account", "channel"]),
-          e.message.linkPreview ? (n(), c(ge, {
+          e.message.linkPreview ? (o(), c(ce, {
             key: 2,
             class: y(["video-message__link-preview", e.message.position]),
             "link-preview": e.message.linkPreview
           }, null, 8, ["class", "link-preview"])) : i("", !0),
-          e.message.embed ? (n(), c(ve, {
+          e.message.embed ? (o(), c(ge, {
             key: 3,
             class: y(e.message.position),
             embed: e.message.embed
           }, null, 8, ["class", "embed"])) : i("", !0),
-          m(be, {
+          m(ye, {
             reactions: e.message.reactions,
             "message-id": e.message.messageId,
             enabled: e.reactionsEnabled,
-            onToggleReaction: a(X),
-            onAddReaction: a(Y),
-            onRemoveReaction: a(Z)
+            onToggleReaction: a(Q),
+            onAddReaction: a(X),
+            onRemoveReaction: a(Y)
           }, null, 8, ["reactions", "message-id", "enabled", "onToggleReaction", "onAddReaction", "onRemoveReaction"])
         ], 2)
-      ], 46, Ee),
-      (n(), c(de, { to: "body" }, [
+      ], 46, Ae),
+      (o(), c(ue, { to: "body" }, [
         m(b, { name: "modal-fade" }, {
           default: d(() => [
-            x.value ? (n(), c(ye, {
+            x.value ? (o(), c(fe, {
               key: 0,
               "data-theme": a(R)().theme ? a(R)().theme : "light",
-              onClose: Q
+              onClose: K
             }, {
               default: d(() => [
                 l("video", {
@@ -280,7 +285,7 @@ const Ee = ["messageId"], Le = ["src"], Be = {
                   alt: e.message.alt,
                   controls: "",
                   autoplay: ""
-                }, null, 8, He)
+                }, null, 8, je)
               ]),
               _: 1
             }, 8, ["data-theme"])) : i("", !0)
@@ -292,5 +297,5 @@ const Ee = ["messageId"], Le = ["src"], Be = {
   }
 });
 export {
-  rs as default
+  ms as default
 };

package/dist/components/3_compounds/Feed/Feed.vue.js

@@ -1,7 +1,7 @@
 import o from "./Feed.vue2.js";
 /* empty css          */
 import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-05a59365"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-90b7e791"]]);
 export {
-  m as default
+  p as default
 };