@mobilon-dev/chotto 0.3.42 → 0.3.44

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

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

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

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

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

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