@mobilon-dev/chotto 0.3.29 → 0.3.31

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

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

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

@@ -0,0 +1,380 @@
+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 n, 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 "../../../functions/parseMarkdown.js";
+import "../../../hooks/useMessageDraft.js";
+import "../../../hooks/useSearchModel.js";
+import { useTheme as De } from "../../../hooks/useTheme.js";
+/* empty css                              */
+/* empty css                                              */
+const Ue = ["messageId"], Ze = ["src"], je = {
+  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 = {
+  key: 1,
+  class: "audio-message__transcript-container"
+}, Xe = {
+  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({
+  __name: "AudioMessage",
+  props: {
+    message: {
+      type: Object,
+      required: !0
+    },
+    applyStyle: {
+      type: Function,
+      default: () => null
+    },
+    isFirstInSeries: {
+      type: Boolean,
+      default: !0
+    },
+    reactionsEnabled: {
+      type: Boolean,
+      default: !0
+    },
+    subtextTooltipData: {
+      type: Object,
+      required: !1,
+      default: () => ({})
+    }
+  },
+  emits: ["action", "reply"],
+  setup(e, { emit: K }) {
+    const Q = we("chatAppId"), { getTheme: A } = De(Q), i = e, R = d([
+      {
+        text: "1.0x",
+        speed: 1
+      },
+      {
+        text: "1.25x",
+        speed: 1.25
+      },
+      {
+        text: "1.5x",
+        speed: 1.5
+      },
+      {
+        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,
+      buttonMenuVisible: Y,
+      showMenu: V,
+      hideMenu: E,
+      clickAction: _,
+      viewsAction: B,
+      handleClickReplied: ee
+    } = Ee(i.message, $), x = d(!1), se = async () => {
+      var u, s, v;
+      if (i.message.url)
+        try {
+          const o = 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 = i.message.url.split(".").pop()) == null ? void 0 : u.split("?")[0]) == null ? void 0 : s.toLowerCase()) || "", ve = {
+            "audio/mpeg": "mp3",
+            "audio/mp3": "mp3",
+            "audio/wav": "wav",
+            "audio/x-wav": "wav",
+            "audio/ogg": "ogg",
+            "audio/webm": "webm",
+            "audio/aac": "aac",
+            "audio/flac": "flac",
+            "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 = i.message.url.split("/"), M = decodeURIComponent(((v = q[q.length - 1]) == null ? void 0 : v.split("?")[0]) || ""), fe = M ? M.includes(".") ? M : `${M}.${O}` : `audio-${i.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(i.message.url, "_blank");
+        }
+    }, te = (u) => {
+      u.action === "download" ? (se(), E()) : _(u);
+    }, { linkedHtml: ae, inNewWindow: P } = Le(() => i.message.text), oe = w(() => $e(i.message.status)), ne = w(() => Ve(i.message.status, i.message.statusMsg)), { bubbleStyle: ie } = Ne(
+      w(() => i.message),
+      { cssVariable: "--chotto-audiomessage-right-background-color", position: "right" }
+    );
+    function D() {
+      t.value && (f.value ? t.value.pause() : t.value.play(), f.value = !f.value);
+    }
+    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(
+      () => 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));
+      }
+    );
+    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");
+    function j(u) {
+      return Be(u.position, "audio-message");
+    }
+    const { onToggleReaction: me, onAddReaction: re, onRemoveReaction: de } = Pe($), ce = Ae(() => i.message, () => i.subtextTooltipData);
+    return ye(() => {
+      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.addEventListener("timeupdate", () => {
+        !p.value && t.value != null && (r.value = t.value.currentTime);
+      }));
+    }), (u, s) => {
+      var v;
+      return l(), c("div", {
+        class: b(["audio-message", [
+          j(e.message),
+          e.applyStyle(e.message)
+        ]]),
+        messageId: e.message.messageId,
+        style: W(n(ie)),
+        onMouseleave: s[9] || (s[9] = //@ts-ignore
+        (...o) => n(E) && n(E)(...o))
+      }, [
+        e.message.avatar && e.isFirstInSeries ? (l(), c("img", {
+          key: 0,
+          class: "audio-message__avatar",
+          src: e.message.avatar,
+          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: n(ce),
+            position: e.message.position === "left" ? "right" : "left",
+            offset: 8
+          }, {
+            default: L(() => [
+              be(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 }]),
+          onMouseenter: s[8] || (s[8] = //@ts-ignore
+          (...o) => n(V) && n(V)(...o))
+        }, [
+          e.message.reply ? (l(), k(Re, {
+            key: 0,
+            style: { "grid-column": "1/3" },
+            message: e.message.reply,
+            class: b(e.message.position),
+            onReply: n(ee)
+          }, null, 8, ["message", "class", "onReply"])) : m("", !0),
+          a("div", He, [
+            a("audio", {
+              ref_key: "player",
+              ref: t,
+              src: e.message.url,
+              type: "audio/webm"
+            }, null, 8, Oe),
+            N(a("button", {
+              class: "audio-message__play",
+              onClick: D
+            }, [...s[10] || (s[10] = [
+              a("div", { class: "audio-message__play-icon" }, [
+                a("svg", {
+                  width: "20",
+                  height: "23",
+                  viewBox: "0 0 20 23",
+                  fill: "none",
+                  xmlns: "http://www.w3.org/2000/svg"
+                }, [
+                  a("path", {
+                    d: "M18.99 12.9934L3.0825 22.2234C1.7325 23.0059 0 22.0584 0 20.4809V2.02087C0 0.44587 1.73 -0.50413 3.0825 0.28087L18.99 9.51087C19.2971 9.68618 19.5524 9.93959 19.7299 10.2454C19.9075 10.5512 20.001 10.8985 20.001 11.2521C20.001 11.6057 19.9075 11.953 19.7299 12.2589C19.5524 12.5647 19.2971 12.8181 18.99 12.9934Z",
+                    fill: "#5F5F5F"
+                  })
+                ])
+              ], -1)
+            ])], 512), [
+              [G, !f.value]
+            ]),
+            N(a("button", {
+              class: "audio-message__pause",
+              onClick: D
+            }, [...s[11] || (s[11] = [
+              a("div", { class: "audio-message__pause-icon" }, [
+                a("svg", {
+                  width: "20",
+                  height: "23",
+                  viewBox: "0 0 20 23",
+                  fill: "none",
+                  xmlns: "http://www.w3.org/2000/svg"
+                }, [
+                  a("path", {
+                    d: "M3.75 0C4.74456 0 5.69839 0.395088 6.40165 1.09835C7.10491 1.80161 7.5 2.75544 7.5 3.75V18.75C7.5 19.7446 7.10491 20.6984 6.40165 21.4017C5.69839 22.1049 4.74456 22.5 3.75 22.5C2.75544 22.5 1.80161 22.1049 1.09835 21.4017C0.395088 20.6984 2.09588e-08 19.7446 0 18.75V3.75C0 2.75544 0.395088 1.80161 1.09835 1.09835C1.80161 0.395088 2.75544 0 3.75 0ZM16.25 0C17.2446 0 18.1984 0.395088 18.9017 1.09835C19.6049 1.80161 20 2.75544 20 3.75V18.75C20 19.7446 19.6049 20.6984 18.9017 21.4017C18.1984 22.1049 17.2446 22.5 16.25 22.5C15.2554 22.5 14.3016 22.1049 13.5983 21.4017C12.8951 20.6984 12.5 19.7446 12.5 18.75V3.75C12.5 2.75544 12.8951 1.80161 13.5983 1.09835C14.3016 0.395088 15.2554 0 16.25 0Z",
+                    fill: "#5F5F5F"
+                  })
+                ])
+              ], -1)
+            ])], 512), [
+              [G, f.value]
+            ]),
+            a("div", qe, [
+              N(a("input", {
+                "onUpdate:modelValue": s[0] || (s[0] = (o) => r.value = o),
+                class: "audio-message__progress-bar-container",
+                type: "range",
+                min: 0,
+                max: C.value,
+                step: "0.1",
+                onMousedown: s[1] || (s[1] = (o) => p.value = !0),
+                onMouseup: Z,
+                onTouchstart: s[2] || (s[2] = (o) => p.value = !0),
+                onTouchend: Z
+              }, null, 40, ze), [
+                [he, r.value]
+              ]),
+              a("div", We, [
+                a("button", {
+                  type: "button",
+                  class: "audio-message__speed-btn",
+                  onClick: X
+                }, g(I.value.text), 1)
+              ])
+            ]),
+            a("div", Ge, [
+              a("p", Je, g(le.value), 1),
+              a("p", Ke, g(ue.value), 1)
+            ])
+          ]),
+          (v = e.message.transcript) != null && v.text ? (l(), c("div", Qe, [
+            a("p", {
+              onClick: s[3] || (s[3] = (o) => x.value = !x.value)
+            }, g(e.message.transcript.text), 1)
+          ])) : m("", !0),
+          e.message.text ? (l(), c("div", Xe, [
+            a("p", {
+              onClick: s[4] || (s[4] = //@ts-ignore
+              (...o) => n(P) && n(P)(...o)),
+              innerHTML: n(ae)
+            }, null, 8, Ye)
+          ])) : m("", !0),
+          e.message.linkPreview ? (l(), k(Te, {
+            key: 3,
+            class: b(["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, {
+            key: 4,
+            class: b(e.message.position),
+            embed: e.message.embed
+          }, null, 8, ["class", "embed"])) : m("", !0),
+          h(Se, {
+            reactions: e.message.reactions,
+            "message-id": e.message.messageId,
+            enabled: e.reactionsEnabled,
+            onToggleReaction: n(me),
+            onAddReaction: n(re),
+            onRemoveReaction: n(de)
+          }, null, 8, ["reactions", "message-id", "enabled", "onToggleReaction", "onAddReaction", "onRemoveReaction"]),
+          a("div", _e, [
+            e.message.views ? (l(), c("div", {
+              key: 0,
+              class: "audio-message__views",
+              onClick: s[5] || (s[5] = //@ts-ignore
+              (...o) => n(B) && n(B)(...o))
+            }, [
+              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, {
+              "base-class": "audio-message",
+              "message-class": j(e.message),
+              "message-status": e.message.status,
+              "status-class": oe.value,
+              "status-title": ne.value
+            }, null, 8, ["message-class", "message-status", "status-class", "status-title"])
+          ]),
+          n(Y) && e.message.actions ? (l(), c("button", {
+            key: 5,
+            class: "audio-message__menu-button",
+            onClick: s[6] || (s[6] = (o) => F.value = !n(F))
+          }, [...s[13] || (s[13] = [
+            a("svg", {
+              width: "4",
+              height: "17",
+              viewBox: "0 0 4 17",
+              fill: "none",
+              xmlns: "http://www.w3.org/2000/svg"
+            }, [
+              a("path", {
+                d: "M3.75 14.375C3.75 14.8723 3.55246 15.3492 3.20083 15.7008C2.84919 16.0525 2.37228 16.25 1.875 16.25C1.37772 16.25 0.900805 16.0525 0.549175 15.7008C0.197544 15.3492 0 14.8723 0 14.375C0 13.8777 0.197544 13.4008 0.549175 13.0492C0.900805 12.6975 1.37772 12.5 1.875 12.5C2.37228 12.5 2.84919 12.6975 3.20083 13.0492C3.55246 13.4008 3.75 13.8777 3.75 14.375ZM3.75 8.125C3.75 8.62228 3.55246 9.09919 3.20083 9.45083C2.84919 9.80246 2.37228 10 1.875 10C1.37772 10 0.900805 9.80246 0.549175 9.45083C0.197544 9.09919 0 8.62228 0 8.125C0 7.62772 0.197544 7.15081 0.549175 6.79917C0.900805 6.44754 1.37772 6.25 1.875 6.25C2.37228 6.25 2.84919 6.44754 3.20083 6.79917C3.55246 7.15081 3.75 7.62772 3.75 8.125ZM3.75 1.875C3.75 2.37228 3.55246 2.84919 3.20083 3.20083C2.84919 3.55246 2.37228 3.75 1.875 3.75C1.37772 3.75 0.900805 3.55246 0.549175 3.20083C0.197544 2.84919 0 2.37228 0 1.875C0 1.37772 0.197544 0.900806 0.549175 0.549175C0.900805 0.197544 1.37772 0 1.875 0C2.37228 0 2.84919 0.197544 3.20083 0.549175C3.55246 0.900806 3.75 1.37772 3.75 1.875Z",
+                fill: "#5F5F5F"
+              })
+            ], -1)
+          ])])) : m("", !0),
+          h(J, null, {
+            default: L(() => [
+              n(F) && e.message.actions ? (l(), k(xe, {
+                key: 0,
+                class: "audio-message__context-menu",
+                actions: e.message.actions,
+                onClick: te
+              }, null, 8, ["actions"])) : m("", !0)
+            ]),
+            _: 1
+          }),
+          (l(), k(ke, { to: "body" }, [
+            h(J, { name: "modal-fade" }, {
+              default: L(() => {
+                var o;
+                return [
+                  x.value ? (l(), c("div", {
+                    key: 0,
+                    class: "audio-message__modal-overlay",
+                    "data-theme": n(A)().theme ? n(A)().theme : null
+                  }, [
+                    a("div", ts, [
+                      a("button", {
+                        class: "audio-message__modal-close-button",
+                        onClick: s[7] || (s[7] = (H) => x.value = !1)
+                      }, [...s[14] || (s[14] = [
+                        a("span", null, [
+                          a("i", { class: "pi pi-times" })
+                        ], -1)
+                      ])]),
+                      a("p", as, g((o = e.message.transcript) == null ? void 0 : o.text), 1)
+                    ])
+                  ], 8, ss)) : m("", !0)
+                ];
+              }),
+              _: 1
+            })
+          ]))
+        ], 34)
+      ], 46, Ue);
+    };
+  }
+});
+export {
+  Rs as default
+};

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

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

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

@@ -0,0 +1,57 @@
+import { defineComponent as d, createElementBlock as y, openBlock as i, normalizeClass as f, createBlock as u, createElementVNode as g, resolveDynamicComponent as M } from "vue";
+import R from "../ReplyTextMessage/ReplyTextMessage.vue.js";
+import k from "../ReplyImageMessage/ReplyImageMessage.vue.js";
+import C from "../ReplyStickerMessage/ReplyStickerMessage.vue.js";
+import v from "../ReplyAudioMessage/ReplyAudioMessage.vue.js";
+import x from "../ReplyVideoMessage/ReplyVideoMessage.vue.js";
+import B from "../ReplyFileMessage/ReplyFileMessage.vue.js";
+import _ from "../ReplyCallMessage/ReplyCallMessage.vue.js";
+const E = { class: "reply__reset" }, O = /* @__PURE__ */ d({
+  __name: "BaseReplyMessage",
+  props: {
+    message: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  emits: ["action", "reply", "reset"],
+  setup(e, { emit: l }) {
+    const t = l, m = e, n = () => {
+      m.message && t("reply", m.message.messageId);
+    }, p = (s) => ({
+      "message.text": R,
+      "message.image": k,
+      "message.sticker": C,
+      "message.file": B,
+      "message.audio": v,
+      "message.video": x,
+      "message.call": _
+    })[s], c = (s) => ({
+      "message.text": "",
+      "message.image": "grid",
+      "message.sticker": "grid",
+      "message.file": "grid",
+      "message.audio": "grid",
+      "message.video": "grid",
+      "message.call": "grid"
+    })[s];
+    return (s, a) => {
+      var o, r;
+      return i(), y("div", {
+        class: f(["reply__container", c(((o = e.message) == null ? void 0 : o.type) || "")]),
+        onClick: n
+      }, [
+        (i(), u(M(p(((r = e.message) == null ? void 0 : r.type) || "")), { message: e.message }, null, 8, ["message"])),
+        g("div", E, [
+          g("span", {
+            class: "pi pi-times",
+            onClick: a[0] || (a[0] = (I) => t("reset"))
+          })
+        ])
+      ], 2);
+    };
+  }
+});
+export {
+  O as default
+};

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

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