@mobilon-dev/chotto 0.3.104 → 0.3.105

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

@@ -1,47 +1,48 @@
-import { defineComponent as we, inject as pe, ref as w, computed as p, watch as Me, createElementBlock as m, openBlock as o, Fragment as S, createElementVNode as i, createBlock as d, unref as t, normalizeStyle as C, normalizeClass as y, createCommentVNode as l, createVNode as r, withCtx as c, createTextVNode as xe, toDisplayString as M, Transition as b, withModifiers as j, Teleport as D } from "vue";
-import Re from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
-import Te from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
-import Se from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
-import Ce from "../BaseReplyMessage/BaseReplyMessage.vue.js";
-import Ie from "../../2_modals/ModalFullscreen/ModalFullscreen.vue.js";
-import Ae from "../MessageReactions/MessageReactions.vue.js";
-import H from "../MessageStatusIndicator/MessageStatusIndicator.vue.js";
-import Ee from "../MessageSmsInvite/MessageSmsInvite.vue.js";
-import Le from "../DeletedMessageContent/DeletedMessageContent.vue.js";
-import Be from "../../1_atoms/Tooltip/Tooltip.vue.js";
-import { useMessageActions as Pe } from "../../../hooks/messages/useMessageActions.js";
-import { useMessageMenuActions as Fe } from "../../../hooks/messages/useMessageMenuActions.js";
-import { useMessageLinks as Ne } from "../../../hooks/messages/useMessageLinks.js";
-import { useChannelAccentColor as Ue } from "../../../hooks/messages/useChannelAccentColor.js";
-import { useSubtextTooltip as Oe } from "../../../hooks/messages/useSubtextTooltip.js";
-import { useStartReply as $e } from "../../../hooks/messages/useStartReply.js";
+import { defineComponent as Me, inject as xe, ref as p, computed as w, watch as Re, createElementBlock as m, openBlock as o, Fragment as S, createElementVNode as i, createBlock as d, unref as s, normalizeStyle as C, normalizeClass as y, createCommentVNode as l, createVNode as r, withCtx as c, createTextVNode as Te, toDisplayString as M, Transition as b, withModifiers as j, Teleport as H } from "vue";
+import Se from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
+import Ce from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
+import Ae from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
+import Ie from "../BaseReplyMessage/BaseReplyMessage.vue.js";
+import Ee from "../../2_modals/ModalFullscreen/ModalFullscreen.vue.js";
+import Le from "../MessageReactions/MessageReactions.vue.js";
+import D from "../MessageStatusIndicator/MessageStatusIndicator.vue.js";
+import Be from "../MessageSmsInvite/MessageSmsInvite.vue.js";
+import Pe from "../DeletedMessageContent/DeletedMessageContent.vue.js";
+import Fe from "../../1_atoms/Tooltip/Tooltip.vue.js";
+import { useMessageActions as Ne } from "../../../hooks/messages/useMessageActions.js";
+import { useMessageHoverActions as Ue } from "../../../hooks/messages/useMessageHoverActions.js";
+import { useMessageMenuActions as Oe } from "../../../hooks/messages/useMessageMenuActions.js";
+import { useMessageLinks as $e } from "../../../hooks/messages/useMessageLinks.js";
+import { useChannelAccentColor as je } from "../../../hooks/messages/useChannelAccentColor.js";
+import { useSubtextTooltip as He } from "../../../hooks/messages/useSubtextTooltip.js";
+import { useStartReply as De } from "../../../hooks/messages/useStartReply.js";
 import "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
-import { useTheme as je } from "../../../hooks/useTheme.js";
+import { useTheme as Ve } from "../../../hooks/useTheme.js";
 import "../../../hooks/useEmojiNative.js";
 /* empty css                              */
 /* empty css                                              */
 import "../../../locale/useLocale.js";
 /* empty css                                                            */
 import { buildReplyPayload as V } from "../../../hooks/messages/buildReplyPayload.js";
-import { getStatus as De, getStatusTitle as He } from "../../../functions/getStatusMessage.js";
+import { getStatus as qe, getStatusTitle as ze } from "../../../functions/getStatusMessage.js";
 import { safeMediaPlayVoid as q } from "../../../functions/safeMediaPlay.js";
-import { getMessageClass as Ve } from "../../../functions/getMessageClass.js";
-import { createReactionHandlers as qe } from "../../../functions/createReactionHandlers.js";
+import { getMessageClass as We } from "../../../functions/getMessageClass.js";
+import { createReactionHandlers as Ge } from "../../../functions/createReactionHandlers.js";
 import "../../../functions/parseMarkdown.js";
-const ze = ["messageId"], We = ["src"], Ge = {
+const Je = ["messageId"], Ke = ["src"], Qe = {
   key: 1,
   class: "video-message__subtext"
-}, Je = { class: "video-message__info-container" }, Ke = {
+}, Xe = { class: "video-message__info-container" }, Ye = {
   key: 0,
   class: "video-message__time"
-}, Qe = ["src"], Xe = {
+}, Ze = ["src"], _e = {
   key: 0,
   class: "video-message__info-container"
-}, Ye = { class: "video-message__time" }, Ze = {
+}, es = { class: "video-message__time" }, ss = {
   key: 1,
   class: "video-message__text-container"
-}, _e = ["innerHTML"], es = ["src", "alt"], Ps = /* @__PURE__ */ we({
+}, ts = ["innerHTML"], as = ["src", "alt"], Os = /* @__PURE__ */ Me({
   inheritAttrs: !1,
   __name: "VideoMessage",
   props: {
@@ -87,41 +88,45 @@ const ze = ["messageId"], We = ["src"], Ge = {
   },
   emits: ["action", "reply", "sms-invite"],
   setup(e, { emit: z }) {
-    const I = pe("chatAppId"), { getTheme: A } = je(I || ""), { menuActions: h } = Fe(() => a.message), { startReply: W } = $e(I || ""), a = e, x = z;
+    const A = xe("chatAppId"), { getTheme: I } = Ve(A || ""), { menuActions: h } = Oe(() => a.message), { hoverActionsEnabled: W, reactionsActive: G } = Ue(
+      () => a.channel,
+      () => a.reactionsEnabled,
+      () => a.message
+    ), { startReply: J } = De(A || ""), a = e, x = z;
     function R(u) {
-      return Ve(u.position, "video-message");
+      return We(u.position, "video-message");
     }
-    const E = w(), g = w(), T = w(!1), v = w(!1), { linkedHtml: G, inNewWindow: L } = Ne(() => a.message.text), {
-      isOpenMenu: J,
-      buttonMenuVisible: K,
-      menuAnchorRef: Q,
-      menuRef: X,
-      menuStyle: Y,
-      menuTheme: Z,
-      showMenu: _,
+    const E = p(), g = p(), T = p(!1), v = p(!1), { linkedHtml: K, inNewWindow: L } = $e(() => a.message.text), {
+      isOpenMenu: Q,
+      buttonMenuVisible: X,
+      menuAnchorRef: Y,
+      menuRef: Z,
+      menuStyle: _,
+      menuTheme: ee,
+      showMenu: se,
       hideMenu: B,
-      openMenu: ee,
+      openMenu: te,
       toggleMenu: P,
-      onMenuMouseEnter: se,
-      onMenuMouseLeave: te,
-      clickAction: ae,
+      onMenuMouseEnter: ae,
+      onMenuMouseLeave: oe,
+      clickAction: ne,
       viewsAction: F,
-      handleClickReplied: oe
-    } = Pe(a.message, x, {
-      onReply: () => W(V(a.message, "message.video"))
-    }), ne = () => {
-      _(), v.value = !0;
-    }, N = p(() => De(a.message.status)), U = p(() => He(a.message.status, a.message.statusMsg)), { bubbleStyle: ie } = Ue(
-      p(() => a.message),
+      handleClickReplied: ie
+    } = Ne(a.message, x, {
+      onReply: () => J(V(a.message, "message.video"))
+    }), le = () => {
+      se(), v.value = !0;
+    }, N = w(() => qe(a.message.status)), U = w(() => ze(a.message.status, a.message.statusMsg)), { bubbleStyle: me } = je(
+      w(() => a.message),
       { cssVariable: "--chotto-videomessage-right-bg", position: "right" }
-    ), le = () => {
+    ), re = () => {
       g.value && (g.value.currentTime = 0, q(g.value));
     };
-    Me([E, g], ([u, s]) => {
-      u ? s && (s.pause(), s.currentTime = 0) : s && (s.currentTime = 0, q(s));
+    Re([E, g], ([u, t]) => {
+      u ? t && (t.pause(), t.currentTime = 0) : t && (t.currentTime = 0, q(t));
     });
-    const me = p(() => a.message.reply && a.message.text ? "0" : a.message.text ? "var(--chotto-videomessage-preview-with-caption-border-radius, 7px 7px 0 0)" : a.message.reply ? "var(--chotto-videomessage-preview-with-reply-border-radius, 0 0 7px 7px)" : "var(--chotto-videomessage-preview-border-radius, 7px)"), re = () => T.value = !1, { onToggleReaction: ue, onAddReaction: de, onRemoveReaction: ce } = qe(x), ge = async () => {
-      var u, s;
+    const ue = w(() => a.message.reply && a.message.text ? "0" : a.message.text ? "var(--chotto-videomessage-preview-with-caption-border-radius, 7px 7px 0 0)" : a.message.reply ? "var(--chotto-videomessage-preview-with-reply-border-radius, 0 0 7px 7px)" : "var(--chotto-videomessage-preview-border-radius, 7px)"), de = () => T.value = !1, { onToggleReaction: ce, onAddReaction: ge, onRemoveReaction: ve } = Ge(x), fe = async () => {
+      var u, t;
       if (a.message.url)
         try {
           const n = await fetch(a.message.url, {
@@ -131,7 +136,7 @@ const ze = ["messageId"], We = ["src"], Ge = {
           });
           if (!n.ok)
             throw new Error(`HTTP error! status: ${n.status}`);
-          const ye = n.headers.get("content-type") || "", be = await n.blob(), k = ((s = (u = a.message.url.split(".").pop()) == null ? void 0 : u.split("?")[0]) == null ? void 0 : s.toLowerCase()) || "", he = {
+          const he = n.headers.get("content-type") || "", ke = await n.blob(), k = ((t = (u = a.message.url.split(".").pop()) == null ? void 0 : u.split("?")[0]) == null ? void 0 : t.toLowerCase()) || "", pe = {
             "video/mp4": "mp4",
             "video/webm": "webm",
             "video/ogg": "ogv",
@@ -139,28 +144,28 @@ const ze = ["messageId"], We = ["src"], Ge = {
             "video/x-matroska": "mkv",
             "application/octet-stream": k || "mp4"
           };
-          let O = k && ["mp4", "mov", "webm", "ogv", "mkv"].includes(k) ? k : he[ye] || "mp4";
-          const ke = a.message.alt ? a.message.alt.includes(".") ? a.message.alt : `${a.message.alt}.${O}` : `video-${a.message.messageId}.${O}`, $ = window.URL.createObjectURL(be), f = document.createElement("a");
-          f.href = $, f.download = ke, document.body.appendChild(f), f.click(), document.body.removeChild(f), window.URL.revokeObjectURL($);
+          let O = k && ["mp4", "mov", "webm", "ogv", "mkv"].includes(k) ? k : pe[he] || "mp4";
+          const we = a.message.alt ? a.message.alt.includes(".") ? a.message.alt : `${a.message.alt}.${O}` : `video-${a.message.messageId}.${O}`, $ = window.URL.createObjectURL(ke), f = document.createElement("a");
+          f.href = $, f.download = we, document.body.appendChild(f), f.click(), document.body.removeChild(f), window.URL.revokeObjectURL($);
         } catch (n) {
           console.error("Ошибка при скачивании видео:", n), window.open(a.message.url, "_blank");
         }
-    }, ve = Oe(() => a.message, () => a.subtextTooltipData);
-    function fe() {
+    }, ye = He(() => a.message, () => a.subtextTooltipData);
+    function be() {
       x("sms-invite", a.message);
     }
-    return (u, s) => (o(), m(S, null, [
+    return (u, t) => (o(), m(S, null, [
       i("div", {
         ref_key: "menuAnchorRef",
-        ref: Q,
+        ref: Y,
         class: y(["video-message", [
           R(e.message),
           e.applyStyle(e.message)
         ]]),
         messageId: e.message.messageId,
-        style: C(t(ie)),
-        onMouseleave: s[5] || (s[5] = //@ts-ignore
-        (...n) => t(B) && t(B)(...n))
+        style: C(s(me)),
+        onMouseleave: t[5] || (t[5] = //@ts-ignore
+        (...n) => s(B) && s(B)(...n))
       }, [
         e.message.avatar && e.isFirstInSeries ? (o(), m("img", {
           key: 0,
@@ -168,15 +173,15 @@ const ze = ["messageId"], We = ["src"], Ge = {
           src: e.message.avatar,
           height: "32",
           width: "32"
-        }, null, 8, We)) : l("", !0),
-        e.message.subText && e.isFirstInSeries ? (o(), m("p", Ge, [
-          r(Be, {
-            text: t(ve),
+        }, null, 8, Ke)) : l("", !0),
+        e.message.subText && e.isFirstInSeries ? (o(), m("p", Qe, [
+          r(Fe, {
+            text: s(ye),
             position: e.message.position === "left" ? "right" : "left",
             offset: 8
           }, {
             default: c(() => [
-              xe(M(e.message.subText), 1)
+              Te(M(e.message.subText), 1)
             ]),
             _: 1
           }, 8, ["text", "position"])
@@ -184,15 +189,15 @@ const ze = ["messageId"], We = ["src"], Ge = {
         i("div", {
           class: y(["video-message__content", { "is-first": e.isFirstInSeries, "with-avatar-indent": !e.isFirstInSeries && e.message.avatar, "has-caption": !!e.message.text }])
         }, [
-          s[9] || (s[9] = i("div", {
+          t[9] || (t[9] = i("div", {
             class: "video-message__bottom-shadow",
             "aria-hidden": "true"
           }, null, -1)),
           e.message.deleted ? (o(), m(S, { key: 0 }, [
-            r(Le),
-            i("div", Je, [
-              e.message.time ? (o(), m("span", Ke, M(e.message.time), 1)) : l("", !0),
-              r(H, {
+            r(Pe),
+            i("div", Xe, [
+              e.message.time ? (o(), m("span", Ye, M(e.message.time), 1)) : l("", !0),
+              r(D, {
                 "base-class": "video-message",
                 "message-class": R(e.message),
                 "message-status": e.message.status,
@@ -201,46 +206,46 @@ const ze = ["messageId"], We = ["src"], Ge = {
               }, null, 8, ["message-class", "message-status", "status-class", "status-title"])
             ])
           ], 64)) : (o(), m(S, { key: 1 }, [
-            e.message.reply ? (o(), d(Ce, {
+            e.message.reply ? (o(), d(Ie, {
               key: 0,
               style: { margin: "10px 10px 4px 16px" },
               class: y(e.message.position),
               message: e.message.reply,
-              onReply: t(oe)
+              onReply: s(ie)
             }, null, 8, ["class", "message", "onReply"])) : l("", !0),
             i("div", {
               class: "video-message__preview-button",
-              onClick: s[1] || (s[1] = (n) => T.value = !0),
-              onMouseenter: ne,
-              onMouseleave: s[2] || (s[2] = (n) => v.value = !v.value)
+              onClick: t[1] || (t[1] = (n) => T.value = !0),
+              onMouseenter: le,
+              onMouseleave: t[2] || (t[2] = (n) => v.value = !v.value)
             }, [
               i("video", {
                 ref_key: "previewPlayer",
                 ref: g,
                 class: "video-message__video",
-                style: C({ borderRadius: me.value }),
+                style: C({ borderRadius: ue.value }),
                 src: e.message.url,
                 muted: !0,
                 autoplay: "",
-                onEnded: le
-              }, null, 44, Qe),
+                onEnded: re
+              }, null, 44, Ze),
               r(b, { name: "modal-fade" }, {
                 default: c(() => [
-                  v.value ? (o(), m("div", Xe, [
+                  v.value ? (o(), m("div", _e, [
                     e.message.views ? (o(), m("div", {
                       key: 0,
                       class: "video-message__views",
-                      onClick: s[0] || (s[0] = j(
+                      onClick: t[0] || (t[0] = j(
                         //@ts-ignore
-                        (...n) => t(F) && t(F)(...n),
+                        (...n) => s(F) && s(F)(...n),
                         ["stop"]
                       ))
                     }, [
-                      s[6] || (s[6] = i("span", { class: "pi pi-eye" }, null, -1)),
+                      t[6] || (t[6] = i("span", { class: "pi pi-eye" }, null, -1)),
                       i("p", null, M(e.message.views), 1)
                     ])) : l("", !0),
-                    i("span", Ye, M(e.message.time), 1),
-                    r(H, {
+                    i("span", es, M(e.message.time), 1),
+                    r(D, {
                       "base-class": "video-message",
                       "message-class": R(e.message),
                       "message-status": e.message.status,
@@ -257,8 +262,8 @@ const ze = ["messageId"], We = ["src"], Ge = {
                     key: 0,
                     class: "video-message__download-button",
                     type: "button",
-                    onClick: j(ge, ["stop"])
-                  }, [...s[7] || (s[7] = [
+                    onClick: j(fe, ["stop"])
+                  }, [...t[7] || (t[7] = [
                     i("span", { class: "pi pi-download" }, null, -1)
                   ])])) : l("", !0)
                 ]),
@@ -267,84 +272,84 @@ const ze = ["messageId"], We = ["src"], Ge = {
             ], 32),
             r(b, { name: "modal-fade" }, {
               default: c(() => [
-                t(K) && t(h).length && !e.reactionsEnabled ? (o(), m("button", {
+                s(X) && s(h).length && !e.reactionsEnabled && s(W) ? (o(), m("button", {
                   key: 0,
                   class: "video-message__menu-button",
-                  onClick: s[3] || (s[3] = //@ts-ignore
-                  (...n) => t(P) && t(P)(...n))
-                }, [...s[8] || (s[8] = [
+                  onClick: t[3] || (t[3] = //@ts-ignore
+                  (...n) => s(P) && s(P)(...n))
+                }, [...t[8] || (t[8] = [
                   i("span", { class: "pi pi-ellipsis-h" }, null, -1)
                 ])])) : l("", !0)
               ]),
               _: 1
             }),
-            (o(), d(D, { to: "body" }, [
+            (o(), d(H, { to: "body" }, [
               r(b, { name: "context-menu" }, {
                 default: c(() => [
-                  t(J) && t(h).length ? (o(), d(Re, {
+                  s(Q) && s(h).length ? (o(), d(Se, {
                     key: 0,
                     ref_key: "menuRef",
-                    ref: X,
+                    ref: Z,
                     class: "video-message__context-menu message-actions-menu",
-                    style: C(t(Y)),
-                    "data-theme": t(Z),
-                    actions: t(h),
-                    onClick: t(ae),
-                    onMouseenter: t(se),
-                    onMouseleave: t(te)
+                    style: C(s(_)),
+                    "data-theme": s(ee),
+                    actions: s(h),
+                    onClick: s(ne),
+                    onMouseenter: s(ae),
+                    onMouseleave: s(oe)
                   }, null, 8, ["style", "data-theme", "actions", "onClick", "onMouseenter", "onMouseleave"])) : l("", !0)
                 ]),
                 _: 1
               })
             ])),
-            e.message.text ? (o(), m("div", Ze, [
+            e.message.text ? (o(), m("div", ss, [
               i("p", {
-                onClick: s[4] || (s[4] = //@ts-ignore
-                (...n) => t(L) && t(L)(...n)),
-                innerHTML: t(G)
-              }, null, 8, _e)
+                onClick: t[4] || (t[4] = //@ts-ignore
+                (...n) => s(L) && s(L)(...n)),
+                innerHTML: s(K)
+              }, null, 8, ts)
             ])) : l("", !0),
-            r(Ee, {
+            r(Be, {
               status: e.message.status,
               "has-messenger-account": e.message.hasMessengerAccount,
               channel: e.channel,
-              onSmsInvite: fe
+              onSmsInvite: be
             }, null, 8, ["status", "has-messenger-account", "channel"]),
-            e.message.linkPreview ? (o(), d(Te, {
+            e.message.linkPreview ? (o(), d(Ce, {
               key: 2,
               class: y(["video-message__link-preview", e.message.position]),
               "link-preview": e.message.linkPreview
             }, null, 8, ["class", "link-preview"])) : l("", !0),
-            e.message.embed ? (o(), d(Se, {
+            e.message.embed ? (o(), d(Ae, {
               key: 3,
               class: y(e.message.position),
               embed: e.message.embed
             }, null, 8, ["class", "embed"])) : l("", !0),
-            r(Ae, {
+            r(Le, {
               reactions: e.message.reactions,
               "message-id": e.message.messageId,
-              reply: t(V)(e.message, "message.video"),
-              enabled: e.reactionsEnabled,
+              reply: s(V)(e.message, "message.video"),
+              enabled: s(G),
               mode: e.reactionsMode,
               "current-user-id": e.currentUserId,
               "reaction-user-names": e.reactionUserNames,
-              "menu-enabled": t(h).length > 0,
-              onToggleReaction: t(ue),
-              onAddReaction: t(de),
-              onRemoveReaction: t(ce),
-              onMenu: t(ee)
+              "menu-enabled": s(h).length > 0,
+              onToggleReaction: s(ce),
+              onAddReaction: s(ge),
+              onRemoveReaction: s(ve),
+              onMenu: s(te)
             }, null, 8, ["reactions", "message-id", "reply", "enabled", "mode", "current-user-id", "reaction-user-names", "menu-enabled", "onToggleReaction", "onAddReaction", "onRemoveReaction", "onMenu"])
           ], 64))
         ], 2)
-      ], 46, ze),
-      (o(), d(D, { to: "body" }, [
+      ], 46, Je),
+      (o(), d(H, { to: "body" }, [
         r(b, { name: "modal-fade" }, {
           default: c(() => [
-            T.value && !e.message.deleted ? (o(), d(Ie, {
+            T.value && !e.message.deleted ? (o(), d(Ee, {
               key: 0,
-              "data-theme": t(A)().theme ? t(A)().theme : "light",
+              "data-theme": s(I)().theme ? s(I)().theme : "light",
               title: e.message.alt,
-              onClose: re
+              onClose: de
             }, {
               default: c(() => [
                 i("video", {
@@ -355,7 +360,7 @@ const ze = ["messageId"], We = ["src"], Ge = {
                   alt: e.message.alt,
                   controls: "",
                   autoplay: ""
-                }, null, 8, es)
+                }, null, 8, as)
               ]),
               _: 1
             }, 8, ["data-theme", "title"])) : l("", !0)
@@ -367,5 +372,5 @@ const ze = ["messageId"], We = ["src"], Ge = {
   }
 });
 export {
-  Ps as default
+  Os 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 e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-dd5bf82f"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-6d2c83c5"]]);
 export {
-  e as default
+  m as default
 };