@mobilon-dev/chotto 0.3.45 → 0.3.46

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

@@ -1,35 +1,35 @@
-import { defineComponent as we, inject as ye, ref as d, computed as C, watch as be, onMounted as he, createElementBlock as c, openBlock as l, unref as o, normalizeStyle as W, normalizeClass as h, createCommentVNode as m, createElementVNode as a, createVNode as w, withCtx as L, createTextVNode as ke, toDisplayString as g, createBlock as k, withDirectives as N, vShow as G, vModelText as xe, Transition as J, Teleport as Te } from "vue";
-import Me from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
-import Se from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
-import Re from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
-import Ie from "../BaseReplyMessage/BaseReplyMessage.vue.js";
-import Fe from "../MessageReactions/MessageReactions.vue.js";
-import Ee from "../MessageStatusIndicator/MessageStatusIndicator.vue.js";
-import Ae from "../MessageSmsInvite/MessageSmsInvite.vue.js";
-import Le from "../../1_atoms/Tooltip/Tooltip.vue.js";
-import { useMessageActions as Ne } from "../../../hooks/messages/useMessageActions.js";
-import { useMessageLinks as Ve } from "../../../hooks/messages/useMessageLinks.js";
-import { useChannelAccentColor as $e } from "../../../hooks/messages/useChannelAccentColor.js";
-import { useSubtextTooltip as Be } from "../../../hooks/messages/useSubtextTooltip.js";
-import { getStatus as Pe, getStatusTitle as De } from "../../../functions/getStatusMessage.js";
-import { getMessageClass as Ue } from "../../../functions/getMessageClass.js";
-import { createReactionHandlers as Ze } from "../../../functions/createReactionHandlers.js";
+import { defineComponent as we, inject as Ce, ref as d, computed as w, watch as ye, onMounted as be, createElementBlock as c, openBlock as l, unref as i, normalizeStyle as W, normalizeClass as h, createCommentVNode as m, createElementVNode as a, createVNode as C, withCtx as L, createTextVNode as he, toDisplayString as g, createBlock as k, withDirectives as N, vShow as G, vModelText as ke, Transition as J, Teleport as xe } from "vue";
+import Te from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
+import Me from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
+import Se from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
+import Re from "../BaseReplyMessage/BaseReplyMessage.vue.js";
+import Ie from "../MessageReactions/MessageReactions.vue.js";
+import Fe from "../MessageStatusIndicator/MessageStatusIndicator.vue.js";
+import Ee from "../MessageSmsInvite/MessageSmsInvite.vue.js";
+import Ae from "../../1_atoms/Tooltip/Tooltip.vue.js";
+import { useMessageActions as Le } from "../../../hooks/messages/useMessageActions.js";
+import { useMessageLinks as Ne } from "../../../hooks/messages/useMessageLinks.js";
+import { useChannelAccentColor as Ve } from "../../../hooks/messages/useChannelAccentColor.js";
+import { useSubtextTooltip as $e } from "../../../hooks/messages/useSubtextTooltip.js";
+import { getStatus as Be, getStatusTitle as Pe } from "../../../functions/getStatusMessage.js";
+import { getMessageClass as De } from "../../../functions/getMessageClass.js";
+import { createReactionHandlers as Ue } from "../../../functions/createReactionHandlers.js";
 import "../../../functions/parseMarkdown.js";
 import "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
-import { useTheme as je } from "../../../hooks/useTheme.js";
+import { useTheme as Ze } from "../../../hooks/useTheme.js";
 /* empty css                              */
 /* empty css                                              */
-const He = ["messageId"], Oe = ["src"], qe = {
+const je = ["messageId"], He = ["src"], Oe = {
   key: 1,
   class: "audio-message__subtext"
-}, ze = { class: "audio-message__audio-container" }, We = ["src"], Ge = { class: "audio-message__progress-wrapper" }, Je = ["max"], Ke = { class: "audio-message__speed-btn-container" }, Qe = { class: "audio-message__player-controls" }, Xe = { class: "audio-message__current-time" }, Ye = { class: "audio-message__duration" }, _e = {
+}, qe = { class: "audio-message__audio-container" }, ze = ["src"], We = { class: "audio-message__progress-wrapper" }, Ge = ["max"], Je = { class: "audio-message__speed-btn-container" }, Ke = { class: "audio-message__player-controls" }, Qe = { class: "audio-message__current-time" }, Xe = { class: "audio-message__duration" }, Ye = {
   key: 1,
   class: "audio-message__transcript-container"
-}, es = {
+}, _e = {
   key: 2,
   class: "audio-message__text-container"
-}, ss = ["innerHTML"], ts = { class: "audio-message__info-container" }, as = { class: "audio-message__time" }, ns = ["data-theme"], os = { class: "audio-message__modal" }, is = { style: { "word-wrap": "break-word", "max-width": "25rem" } }, Es = /* @__PURE__ */ we({
+}, es = ["innerHTML"], ss = { class: "audio-message__info-container" }, ts = { class: "audio-message__time" }, as = ["data-theme"], ns = { class: "audio-message__modal" }, is = { style: { "word-wrap": "break-word", "max-width": "25rem" } }, Fs = /* @__PURE__ */ we({
   __name: "AudioMessage",
   props: {
     message: {
@@ -52,11 +52,16 @@ const He = ["messageId"], Oe = ["src"], qe = {
       type: Object,
       required: !1,
       default: () => ({})
+    },
+    channel: {
+      type: String,
+      required: !1,
+      default: void 0
     }
   },
   emits: ["action", "reply", "sms-invite"],
   setup(e, { emit: K }) {
-    const Q = ye("chatAppId"), { getTheme: V } = je(Q), i = e, S = d([
+    const Q = Ce("chatAppId"), { getTheme: V } = Ze(Q), o = e, S = d([
       {
         text: "1.0x",
         speed: 1
@@ -73,7 +78,7 @@ const He = ["messageId"], Oe = ["src"], qe = {
         text: "2.0x",
         speed: 2
       }
-    ]), R = d(0), I = C(() => S.value[R.value] ?? S.value[0]), X = () => {
+    ]), R = d(0), I = w(() => S.value[R.value] ?? S.value[0]), X = () => {
       R.value = (R.value + 1) % S.value.length, t.value && (t.value.playbackRate = I.value.speed);
     }, F = K, t = d(), f = d(!1), y = d(0), r = d(0), p = d(!1), {
       isOpenMenu: E,
@@ -83,18 +88,18 @@ const He = ["messageId"], Oe = ["src"], qe = {
       clickAction: _,
       viewsAction: B,
       handleClickReplied: ee
-    } = Ne(i.message, F), x = d(!1), se = async () => {
+    } = Le(o.message, F), x = d(!1), se = async () => {
       var u, s, v;
-      if (i.message.url)
+      if (o.message.url)
         try {
-          const n = await fetch(i.message.url, {
+          const n = await fetch(o.message.url, {
             headers: {
               Accept: "audio/*"
             }
           });
           if (!n.ok)
             throw new Error(`HTTP error! status: ${n.status}`);
-          const H = n.headers.get("content-type") || "", fe = await n.blob(), T = ((s = (u = i.message.url.split(".").pop()) == null ? void 0 : u.split("?")[0]) == null ? void 0 : s.toLowerCase()) || "", pe = {
+          const H = n.headers.get("content-type") || "", ve = await n.blob(), T = ((s = (u = o.message.url.split(".").pop()) == null ? void 0 : u.split("?")[0]) == null ? void 0 : s.toLowerCase()) || "", fe = {
             "audio/mpeg": "mp3",
             "audio/mp3": "mp3",
             "audio/wav": "wav",
@@ -106,15 +111,15 @@ const He = ["messageId"], Oe = ["src"], qe = {
             "audio/m4a": "m4a",
             "audio/x-m4a": "m4a",
             "application/octet-stream": T || "mp3"
-          }, O = T && ["mp3", "wav", "ogg", "webm", "aac", "flac", "m4a"].includes(T) ? T : pe[H] || "mp3", q = i.message.url.split("/"), M = decodeURIComponent(((v = q[q.length - 1]) == null ? void 0 : v.split("?")[0]) || ""), Ce = M ? M.includes(".") ? M : `${M}.${O}` : `audio-${i.message.messageId}.${O}`, z = window.URL.createObjectURL(fe), b = document.createElement("a");
-          b.href = z, b.download = Ce, document.body.appendChild(b), b.click(), document.body.removeChild(b), window.URL.revokeObjectURL(z);
+          }, O = T && ["mp3", "wav", "ogg", "webm", "aac", "flac", "m4a"].includes(T) ? T : fe[H] || "mp3", q = o.message.url.split("/"), M = decodeURIComponent(((v = q[q.length - 1]) == null ? void 0 : v.split("?")[0]) || ""), pe = M ? M.includes(".") ? M : `${M}.${O}` : `audio-${o.message.messageId}.${O}`, z = window.URL.createObjectURL(ve), b = document.createElement("a");
+          b.href = z, b.download = pe, document.body.appendChild(b), b.click(), document.body.removeChild(b), window.URL.revokeObjectURL(z);
         } catch (n) {
-          console.error("Ошибка при скачивании аудио:", n), window.open(i.message.url, "_blank");
+          console.error("Ошибка при скачивании аудио:", n), window.open(o.message.url, "_blank");
         }
     }, te = (u) => {
       u.action === "download" ? (se(), A()) : _(u);
-    }, { linkedHtml: ae, inNewWindow: P } = Ve(() => i.message.text), ne = C(() => Pe(i.message.status)), oe = C(() => De(i.message.status, i.message.statusMsg)), { bubbleStyle: ie, messageChannelId: le } = $e(
-      C(() => i.message),
+    }, { linkedHtml: ae, inNewWindow: P } = Ne(() => o.message.text), ne = w(() => Be(o.message.status)), ie = w(() => Pe(o.message.status, o.message.statusMsg)), { bubbleStyle: oe } = Ve(
+      w(() => o.message),
       { cssVariable: "--chotto-audiomessage-right-background-color", position: "right" }
     );
     function D() {
@@ -123,8 +128,8 @@ const He = ["messageId"], Oe = ["src"], qe = {
     const U = (u) => {
       const s = Math.floor(u / 60), v = Math.floor(u % 60);
       return `${s.toString().padStart(2, "0")}:${v.toString().padStart(2, "0")}`;
-    }, ue = C(() => t.value ? U(r.value) : "0:00");
-    be(
+    }, le = w(() => t.value ? U(r.value) : "0:00");
+    ye(
       () => r.value,
       () => {
         t.value && p.value && (t.value.duration != 1 / 0 && !Number.isNaN(t.value.duration) && (t.value.currentTime = r.value), r.value == y.value && (f.value = !1));
@@ -132,15 +137,15 @@ const He = ["messageId"], Oe = ["src"], qe = {
     );
     const Z = () => {
       t.value && p.value && t.value.duration != 1 / 0 && !Number.isNaN(t.value.duration) && (t.value.currentTime = r.value), p.value = !1;
-    }, me = C(() => t.value ? U(y.value) : "0:00");
+    }, ue = w(() => t.value ? U(y.value) : "0:00");
     function j(u) {
-      return Ue(u.position, "audio-message");
+      return De(u.position, "audio-message");
     }
-    const { onToggleReaction: re, onAddReaction: de, onRemoveReaction: ce } = Ze(F), ge = Be(() => i.message, () => i.subtextTooltipData);
-    function ve() {
-      F("sms-invite", i.message);
+    const { onToggleReaction: me, onAddReaction: re, onRemoveReaction: de } = Ue(F), ce = $e(() => o.message, () => o.subtextTooltipData);
+    function ge() {
+      F("sms-invite", o.message);
     }
-    return he(() => {
+    return be(() => {
       t.value != null && (t.value.playbackRate = I.value.speed, t.value.addEventListener("loadedmetadata", () => {
         t.value != null && (t.value.duration == 1 / 0 || Number.isNaN(t.value.duration)) && (t.value.currentTime = 1e101, t.value.addEventListener("timeupdate", () => {
           t.value && (t.value.currentTime = 0, y.value = t.value.duration);
@@ -156,9 +161,9 @@ const He = ["messageId"], Oe = ["src"], qe = {
           e.applyStyle(e.message)
         ]]),
         messageId: e.message.messageId,
-        style: W(o(ie)),
+        style: W(i(oe)),
         onMouseleave: s[9] || (s[9] = //@ts-ignore
-        (...n) => o(A) && o(A)(...n))
+        (...n) => i(A) && i(A)(...n))
       }, [
         e.message.avatar && e.isFirstInSeries ? (l(), c("img", {
           key: 0,
@@ -167,15 +172,15 @@ const He = ["messageId"], Oe = ["src"], qe = {
           height: "32",
           width: "32",
           style: W({ gridRow: e.message.subText ? "2" : "1" })
-        }, null, 12, Oe)) : m("", !0),
-        e.message.subText && e.isFirstInSeries ? (l(), c("p", qe, [
-          w(Le, {
-            text: o(ge),
+        }, null, 12, He)) : m("", !0),
+        e.message.subText && e.isFirstInSeries ? (l(), c("p", Oe, [
+          C(Ae, {
+            text: i(ce),
             position: e.message.position === "left" ? "right" : "left",
             offset: 8
           }, {
             default: L(() => [
-              ke(g(e.message.subText), 1)
+              he(g(e.message.subText), 1)
             ]),
             _: 1
           }, 8, ["text", "position"])
@@ -183,22 +188,22 @@ const He = ["messageId"], Oe = ["src"], qe = {
         a("div", {
           class: h(["audio-message__content", { "is-first": e.isFirstInSeries, "with-avatar-indent": !e.isFirstInSeries && e.message.avatar }]),
           onMouseenter: s[8] || (s[8] = //@ts-ignore
-          (...n) => o($) && o($)(...n))
+          (...n) => i($) && i($)(...n))
         }, [
-          e.message.reply ? (l(), k(Ie, {
+          e.message.reply ? (l(), k(Re, {
             key: 0,
             style: { "grid-column": "1/3" },
             message: e.message.reply,
             class: h(e.message.position),
-            onReply: o(ee)
+            onReply: i(ee)
           }, null, 8, ["message", "class", "onReply"])) : m("", !0),
-          a("div", ze, [
+          a("div", qe, [
             a("audio", {
               ref_key: "player",
               ref: t,
               src: e.message.url,
               type: "audio/webm"
-            }, null, 8, We),
+            }, null, 8, ze),
             N(a("button", {
               class: "audio-message__play",
               onClick: D
@@ -241,7 +246,7 @@ const He = ["messageId"], Oe = ["src"], qe = {
             ])], 512), [
               [G, f.value]
             ]),
-            a("div", Ge, [
+            a("div", We, [
               N(a("input", {
                 "onUpdate:modelValue": s[0] || (s[0] = (n) => r.value = n),
                 class: "audio-message__progress-bar-container",
@@ -253,10 +258,10 @@ const He = ["messageId"], Oe = ["src"], qe = {
                 onMouseup: Z,
                 onTouchstartPassive: s[2] || (s[2] = (n) => p.value = !0),
                 onTouchendPassive: Z
-              }, null, 40, Je), [
-                [xe, r.value]
+              }, null, 40, Ge), [
+                [ke, r.value]
               ]),
-              a("div", Ke, [
+              a("div", Je, [
                 a("button", {
                   type: "button",
                   class: "audio-message__speed-btn",
@@ -264,70 +269,70 @@ const He = ["messageId"], Oe = ["src"], qe = {
                 }, g(I.value.text), 1)
               ])
             ]),
-            a("div", Qe, [
-              a("p", Xe, g(ue.value), 1),
-              a("p", Ye, g(me.value), 1)
+            a("div", Ke, [
+              a("p", Qe, g(le.value), 1),
+              a("p", Xe, g(ue.value), 1)
             ])
           ]),
-          (v = e.message.transcript) != null && v.text ? (l(), c("div", _e, [
+          (v = e.message.transcript) != null && v.text ? (l(), c("div", Ye, [
             a("p", {
               onClick: s[3] || (s[3] = (n) => x.value = !x.value)
             }, g(e.message.transcript.text), 1)
           ])) : m("", !0),
-          e.message.text ? (l(), c("div", es, [
+          e.message.text ? (l(), c("div", _e, [
             a("p", {
               onClick: s[4] || (s[4] = //@ts-ignore
-              (...n) => o(P) && o(P)(...n)),
-              innerHTML: o(ae)
-            }, null, 8, ss)
+              (...n) => i(P) && i(P)(...n)),
+              innerHTML: i(ae)
+            }, null, 8, es)
           ])) : m("", !0),
-          e.message.linkPreview ? (l(), k(Se, {
+          e.message.linkPreview ? (l(), k(Me, {
             key: 3,
             class: h(["audio-message__link-preview", e.message.position]),
             "link-preview": e.message.linkPreview
           }, null, 8, ["class", "link-preview"])) : m("", !0),
-          e.message.embed ? (l(), k(Re, {
+          e.message.embed ? (l(), k(Se, {
             key: 4,
             class: h(e.message.position),
             embed: e.message.embed
           }, null, 8, ["class", "embed"])) : m("", !0),
-          w(Fe, {
+          C(Ie, {
             reactions: e.message.reactions,
             "message-id": e.message.messageId,
             enabled: e.reactionsEnabled,
-            onToggleReaction: o(re),
-            onAddReaction: o(de),
-            onRemoveReaction: o(ce)
+            onToggleReaction: i(me),
+            onAddReaction: i(re),
+            onRemoveReaction: i(de)
           }, null, 8, ["reactions", "message-id", "enabled", "onToggleReaction", "onAddReaction", "onRemoveReaction"]),
-          a("div", ts, [
+          a("div", ss, [
             e.message.views ? (l(), c("div", {
               key: 0,
               class: "audio-message__views",
               onClick: s[5] || (s[5] = //@ts-ignore
-              (...n) => o(B) && o(B)(...n))
+              (...n) => i(B) && i(B)(...n))
             }, [
               s[12] || (s[12] = a("span", { class: "pi pi-eye" }, null, -1)),
               a("p", null, g(e.message.views), 1)
             ])) : m("", !0),
-            a("span", as, g(e.message.time), 1),
-            w(Ee, {
+            a("span", ts, g(e.message.time), 1),
+            C(Fe, {
               "base-class": "audio-message",
               "message-class": j(e.message),
               "message-status": e.message.status,
               "status-class": ne.value,
-              "status-title": oe.value
+              "status-title": ie.value
             }, null, 8, ["message-class", "message-status", "status-class", "status-title"])
           ]),
-          w(Ae, {
+          C(Ee, {
             status: e.message.status,
             "has-messenger-account": e.message.hasMessengerAccount,
-            channel: o(le),
-            onSmsInvite: ve
+            channel: e.channel,
+            onSmsInvite: ge
           }, null, 8, ["status", "has-messenger-account", "channel"]),
-          o(Y) && e.message.actions ? (l(), c("button", {
+          i(Y) && e.message.actions ? (l(), c("button", {
             key: 5,
             class: "audio-message__menu-button",
-            onClick: s[6] || (s[6] = (n) => E.value = !o(E))
+            onClick: s[6] || (s[6] = (n) => E.value = !i(E))
           }, [...s[13] || (s[13] = [
             a("svg", {
               width: "4",
@@ -342,9 +347,9 @@ const He = ["messageId"], Oe = ["src"], qe = {
               })
             ], -1)
           ])])) : m("", !0),
-          w(J, null, {
+          C(J, null, {
             default: L(() => [
-              o(E) && e.message.actions ? (l(), k(Me, {
+              i(E) && e.message.actions ? (l(), k(Te, {
                 key: 0,
                 class: "audio-message__context-menu",
                 actions: e.message.actions,
@@ -353,17 +358,17 @@ const He = ["messageId"], Oe = ["src"], qe = {
             ]),
             _: 1
           }),
-          (l(), k(Te, { to: "body" }, [
-            w(J, { name: "modal-fade" }, {
+          (l(), k(xe, { to: "body" }, [
+            C(J, { name: "modal-fade" }, {
               default: L(() => {
                 var n;
                 return [
                   x.value ? (l(), c("div", {
                     key: 0,
                     class: "audio-message__modal-overlay",
-                    "data-theme": o(V)().theme ? o(V)().theme : null
+                    "data-theme": i(V)().theme ? i(V)().theme : null
                   }, [
-                    a("div", os, [
+                    a("div", ns, [
                       a("button", {
                         class: "audio-message__modal-close-button",
                         onClick: s[7] || (s[7] = (H) => x.value = !1)
@@ -374,17 +379,17 @@ const He = ["messageId"], Oe = ["src"], qe = {
                       ])]),
                       a("p", is, g((n = e.message.transcript) == null ? void 0 : n.text), 1)
                     ])
-                  ], 8, ns)) : m("", !0)
+                  ], 8, as)) : m("", !0)
                 ];
               }),
               _: 1
             })
           ]))
         ], 34)
-      ], 46, He);
+      ], 46, je);
     };
   }
 });
 export {
-  Es as default
+  Fs as default
 };

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

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