@mobilon-dev/chotto 0.3.96 → 0.3.98

package/dist/components/2_elements/VideoRecorder/VideoRecorder.vue2.js

@@ -1,25 +1,19 @@
-import { defineComponent as _, inject as y, ref as b, createElementBlock as r, openBlock as i, Fragment as h, createCommentVNode as a, unref as f, normalizeClass as k, createElementVNode as n } from "vue";
-import { buildFilePreview as F } from "../../../hooks/uploadFile/generatePreview.js";
-import { uploadFile as w } from "../../../hooks/uploadFile/uploadFile.js";
-import { useMessageDraft as M } from "../../../hooks/useMessageDraft.js";
+import { defineComponent as f, inject as u, ref as g } from "vue";
+import { buildFilePreview as v } from "../../../hooks/uploadFile/generatePreview.js";
+import { uploadFile as _ } from "../../../hooks/uploadFile/uploadFile.js";
+import { useMessageDraft as h } from "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
-import { useTheme as R } from "../../../hooks/useTheme.js";
+import { useTheme as y } from "../../../hooks/useTheme.js";
 import "../../../hooks/useEmojiNative.js";
 /* empty css                              */
 /* empty css                                              */
 import "../../../locale/useLocale.js";
 /* empty css                                                            */
-import { useModalVideoRecorder as V } from "../../../hooks/modals/useVideoRecorder.js";
+import { useModalVideoRecorder as b } from "../../../hooks/modals/useVideoRecorder.js";
 import "../../../node_modules/linkifyjs/dist/linkify.js";
 import "../../../node_modules/linkify-string/dist/linkify-string.js";
 import "../../../functions/parseMarkdown.js";
-const C = {
-  key: 0,
-  class: "video-recorder__container"
-}, z = {
-  key: 1,
-  class: "video-recorder__container"
-}, J = /* @__PURE__ */ _({
+const O = /* @__PURE__ */ f({
   __name: "VideoRecorder",
   props: {
     state: {
@@ -31,41 +25,27 @@ const C = {
       default: null
     }
   },
-  setup(l) {
-    const d = y("chatAppId"), { getMessage: s, setMessageFile: v, setRecordingMessage: p } = M(d), { getTheme: m } = R(d), o = b(""), c = l, g = async () => {
-      if (!s().file && c.state == "active") {
-        const u = m().theme ? m().theme : "";
-        await V(u).then(async (t) => {
-          t.videoFile && (o.value = "uploading", p(!0), await w(c.filebumpUrl, t.videoFile).then((e) => {
-            p(!1), o.value = e.status, e.status == "success" && v({
+  setup(l, { expose: c }) {
+    c();
+    const t = u("chatAppId"), { getMessage: p, setMessageFile: a, setRecordingMessage: o } = h(t), { getTheme: r } = y(t), i = g(""), s = l, m = { chatAppId: t, getMessage: p, setMessageFile: a, setRecordingMessage: o, getTheme: r, uploadStatus: i, props: s, openVideoRecorder: async () => {
+      if (!p().file && s.state == "active") {
+        const d = r().theme ? r().theme : "";
+        await b(d).then(async (n) => {
+          n.videoFile && (i.value = "uploading", o(!0), await _(s.filebumpUrl, n.videoFile).then((e) => {
+            o(!1), i.value = e.status, e.status == "success" && a({
               url: e.url,
               name: e.name,
               size: e.size,
               type: e.type,
-              preview: F(e.name, e.preview)
+              preview: v(e.name, e.preview)
             });
           }));
         });
       }
-    };
-    return (u, t) => (i(), r(h, null, [
-      f(s)().isRecording ? a("", !0) : (i(), r("div", C, [
-        o.value != "uploading" ? (i(), r("button", {
-          key: 0,
-          class: k(["video-recorder__button", { "video-recorder__button-disabled": l.state == "disabled" || f(s)().file }]),
-          onClick: g
-        }, [...t[0] || (t[0] = [
-          n("span", { class: "pi pi-video" }, null, -1)
-        ])], 2)) : a("", !0)
-      ])),
-      o.value === "uploading" ? (i(), r("div", z, [...t[1] || (t[1] = [
-        n("div", { class: "video-recorder__status" }, [
-          n("span", null, "Загрузка файла...")
-        ], -1)
-      ])])) : a("", !0)
-    ], 64));
+    } };
+    return Object.defineProperty(m, "__isScriptSetup", { enumerable: !1, value: !0 }), m;
   }
 });
 export {
-  J as default
+  O as default
 };

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

@@ -1,7 +1,461 @@
-import o from "./AudioMessage.vue2.js";
+import C from "./AudioMessage.vue2.js";
+import { createElementBlock as t, openBlock as i, normalizeStyle as r, normalizeClass as g, createCommentVNode as o, createElementVNode as a, createVNode as m, withCtx as u, createTextVNode as b, toDisplayString as d, Fragment as _, createBlock as c, withDirectives as v, vShow as h, vModelText as w, Transition as y, Teleport as f } from "vue";
 /* empty css                  */
-import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-06981a56"]]);
+import k from "../../../_virtual/_plugin-vue_export-helper.js";
+const M = ["messageId"], x = ["src"], T = {
+  key: 1,
+  class: "audio-message__subtext"
+}, S = { class: "audio-message__footer" }, R = { class: "audio-message__info-container" }, P = {
+  key: 0,
+  class: "audio-message__time"
+}, A = { class: "audio-message__audio-container" }, I = ["src"], F = { class: "audio-message__progress-wrapper" }, E = ["max"], L = { class: "audio-message__speed-btn-container" }, V = { class: "audio-message__player-controls" }, H = { class: "audio-message__current-time" }, B = { class: "audio-message__duration" }, N = {
+  key: 1,
+  class: "audio-message__text-container"
+}, Z = ["innerHTML"], D = { class: "audio-message__footer" }, O = { class: "audio-message__info-container" }, U = {
+  key: 0,
+  class: "audio-message__actions"
+}, z = { class: "audio-message__time" }, W = {
+  key: 0,
+  class: "audio-message__expand-panel"
+}, j = { class: "audio-message__expand-inner" }, q = {
+  key: 0,
+  class: "audio-message__expand-placeholder"
+}, G = ["innerHTML"], J = {
+  key: 1,
+  class: "audio-message__expand-plain"
+}, K = {
+  key: 0,
+  class: "audio-message__expand-placeholder"
+}, Q = ["innerHTML"], X = { class: "audio-message__expand-close-wrap" };
+function Y(p, n, s, e, $, ee) {
+  return i(), t("div", {
+    ref: "menuAnchorRef",
+    class: g(["audio-message", [
+      e.getClass(s.message),
+      s.applyStyle(s.message)
+    ]]),
+    messageId: s.message.messageId,
+    style: r(e.rightBubbleStyle),
+    onMouseleave: n[8] || (n[8] = (...l) => e.hideMenu && e.hideMenu(...l))
+  }, [
+    s.message.avatar && s.isFirstInSeries ? (i(), t("img", {
+      key: 0,
+      class: "audio-message__avatar",
+      src: s.message.avatar,
+      height: "32",
+      width: "32",
+      style: r({ gridRow: s.message.subText ? "2" : "1" })
+    }, null, 12, x)) : o("v-if", !0),
+    s.message.subText && s.isFirstInSeries ? (i(), t("p", T, [
+      m(e.Tooltip, {
+        text: e.channelInfo,
+        position: s.message.position === "left" ? "right" : "left",
+        offset: 8
+      }, {
+        default: u(() => [
+          b(
+            d(s.message.subText),
+            1
+            /* TEXT */
+          )
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["text", "position"])
+    ])) : o("v-if", !0),
+    a(
+      "div",
+      {
+        class: g(["audio-message__content", { "is-first": s.isFirstInSeries, "with-avatar-indent": !s.isFirstInSeries && s.message.avatar }]),
+        onMouseenter: n[7] || (n[7] = (...l) => e.showMenu && e.showMenu(...l))
+      },
+      [
+        n[13] || (n[13] = a(
+          "div",
+          {
+            class: "audio-message__bottom-shadow",
+            "aria-hidden": "true"
+          },
+          null,
+          -1
+          /* CACHED */
+        )),
+        s.message.deleted ? (i(), t(
+          _,
+          { key: 0 },
+          [
+            m(e.DeletedMessageContent),
+            a("div", S, [
+              a("div", R, [
+                s.message.time ? (i(), t(
+                  "span",
+                  P,
+                  d(s.message.time),
+                  1
+                  /* TEXT */
+                )) : o("v-if", !0),
+                m(e.MessageStatusIndicator, {
+                  "base-class": "audio-message",
+                  "message-class": e.getClass(s.message),
+                  "message-status": s.message.status,
+                  "status-class": e.status,
+                  "status-title": e.statusTitle
+                }, null, 8, ["message-class", "message-status", "status-class", "status-title"])
+              ])
+            ])
+          ],
+          64
+          /* STABLE_FRAGMENT */
+        )) : (i(), t(
+          _,
+          { key: 1 },
+          [
+            s.message.reply ? (i(), c(e.BaseReplyMessage, {
+              key: 0,
+              style: { "grid-column": "1/3" },
+              message: s.message.reply,
+              class: g(s.message.position),
+              onReply: e.handleClickReplied
+            }, null, 8, ["message", "class", "onReply"])) : o("v-if", !0),
+            a("div", A, [
+              a("audio", {
+                ref: "player",
+                src: e.lazyAudioSrc,
+                type: "audio/webm",
+                onLoadedmetadata: e.handleLoadedMetadata,
+                onTimeupdate: e.handleTimeUpdate,
+                onEnded: e.handleEnded,
+                onError: e.handleAudioError
+              }, null, 40, I),
+              v(a(
+                "button",
+                {
+                  class: "audio-message__play",
+                  onClick: e.togglePlayPause
+                },
+                [...n[9] || (n[9] = [
+                  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
+                    /* CACHED */
+                  )
+                ])],
+                512
+                /* NEED_PATCH */
+              ), [
+                [h, !e.isPlaying]
+              ]),
+              v(a(
+                "button",
+                {
+                  class: "audio-message__pause",
+                  onClick: e.togglePlayPause
+                },
+                [...n[10] || (n[10] = [
+                  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
+                    /* CACHED */
+                  )
+                ])],
+                512
+                /* NEED_PATCH */
+              ), [
+                [h, e.isPlaying]
+              ]),
+              a("div", F, [
+                v(a("input", {
+                  "onUpdate:modelValue": n[0] || (n[0] = (l) => e.currentTime = l),
+                  class: "audio-message__progress-bar-container",
+                  type: "range",
+                  min: 0,
+                  max: e.audioDuration,
+                  step: "0.1",
+                  onMousedown: n[1] || (n[1] = (l) => e.isSeeking = !0),
+                  onMouseup: e.handleSeekEnd,
+                  onTouchstartPassive: n[2] || (n[2] = (l) => e.isSeeking = !0),
+                  onTouchendPassive: e.handleSeekEnd
+                }, null, 40, E), [
+                  [w, e.currentTime]
+                ]),
+                a("div", L, [
+                  a(
+                    "button",
+                    {
+                      type: "button",
+                      class: "audio-message__speed-btn",
+                      onClick: e.cycleSpeed
+                    },
+                    d(e.currentSpeed.text),
+                    1
+                    /* TEXT */
+                  )
+                ])
+              ]),
+              a("div", V, [
+                a(
+                  "p",
+                  H,
+                  d(e.formatCurrentTime),
+                  1
+                  /* TEXT */
+                ),
+                a(
+                  "p",
+                  B,
+                  d(e.formatDuration),
+                  1
+                  /* TEXT */
+                )
+              ]),
+              o(` <a
+          class="audio-message__download-button"
+          :href="message.url"
+          download
+          target="_blank"
+          @click.stop="() => '//Предотвращаем всплытие события клика'"
+        >
+          <span class="pi pi-download" />
+        </a> `)
+            ]),
+            o(" transcript/summary shown via expandable panel (buttons below) "),
+            s.message.text ? (i(), t("div", N, [
+              a("p", {
+                onClick: n[3] || (n[3] = (...l) => e.inNewWindow && e.inNewWindow(...l)),
+                innerHTML: e.linkedHtml
+              }, null, 8, Z)
+            ])) : o("v-if", !0),
+            s.message.linkPreview ? (i(), c(e.LinkPreview, {
+              key: 2,
+              class: g(["audio-message__link-preview", s.message.position]),
+              "link-preview": s.message.linkPreview
+            }, null, 8, ["class", "link-preview"])) : o("v-if", !0),
+            s.message.embed ? (i(), c(e.EmbedPreview, {
+              key: 3,
+              class: g(s.message.position),
+              embed: s.message.embed
+            }, null, 8, ["class", "embed"])) : o("v-if", !0),
+            a("div", D, [
+              m(e.MessageReactions, {
+                reactions: s.message.reactions,
+                "message-id": s.message.messageId,
+                reply: e.buildReplyPayload(s.message, "message.audio"),
+                enabled: s.reactionsEnabled,
+                mode: s.reactionsMode,
+                "current-user-id": s.currentUserId,
+                "reaction-user-names": s.reactionUserNames,
+                "menu-enabled": e.menuActions.length > 0,
+                onToggleReaction: e.onToggleReaction,
+                onAddReaction: e.onAddReaction,
+                onRemoveReaction: e.onRemoveReaction,
+                onMenu: e.openMenu
+              }, null, 8, ["reactions", "message-id", "reply", "enabled", "mode", "current-user-id", "reaction-user-names", "menu-enabled", "onToggleReaction", "onAddReaction", "onRemoveReaction", "onMenu"]),
+              a("div", O, [
+                e.hasTextOption || e.hasSummaryOption ? (i(), t("div", U, [
+                  e.hasTextOption ? (i(), t(
+                    "button",
+                    {
+                      key: 0,
+                      class: g([
+                        "audio-message__action-button",
+                        { "audio-message__action-button--active": e.expandedPanel === "text" }
+                      ]),
+                      type: "button",
+                      onClick: e.handleText
+                    },
+                    " Текст ",
+                    2
+                    /* CLASS */
+                  )) : o("v-if", !0),
+                  e.hasSummaryOption ? (i(), t(
+                    "button",
+                    {
+                      key: 1,
+                      class: g([
+                        "audio-message__action-button",
+                        { "audio-message__action-button--active": e.expandedPanel === "summary" }
+                      ]),
+                      type: "button",
+                      onClick: e.handleSummary
+                    },
+                    " Резюме ",
+                    2
+                    /* CLASS */
+                  )) : o("v-if", !0)
+                ])) : o("v-if", !0),
+                s.message.views ? (i(), t("div", {
+                  key: 1,
+                  class: "audio-message__views",
+                  onClick: n[4] || (n[4] = (...l) => e.viewsAction && e.viewsAction(...l))
+                }, [
+                  n[11] || (n[11] = a(
+                    "span",
+                    { class: "pi pi-eye" },
+                    null,
+                    -1
+                    /* CACHED */
+                  )),
+                  a(
+                    "p",
+                    null,
+                    d(s.message.views),
+                    1
+                    /* TEXT */
+                  )
+                ])) : o("v-if", !0),
+                a(
+                  "span",
+                  z,
+                  d(s.message.time),
+                  1
+                  /* TEXT */
+                ),
+                m(e.MessageStatusIndicator, {
+                  "base-class": "audio-message",
+                  "message-class": e.getClass(s.message),
+                  "message-status": s.message.status,
+                  "status-class": e.status,
+                  "status-title": e.statusTitle
+                }, null, 8, ["message-class", "message-status", "status-class", "status-title"])
+              ])
+            ]),
+            m(y, { name: "audio-message-expand" }, {
+              default: u(() => [
+                e.isExpandedPanelVisible ? (i(), t("div", W, [
+                  a("div", j, [
+                    e.expandedPanel === "text" ? (i(), t(
+                      _,
+                      { key: 0 },
+                      [
+                        e.isTranscriptReady ? (i(), t("p", {
+                          key: 1,
+                          class: "audio-message__expand-plain",
+                          innerHTML: e.transcriptHtml
+                        }, null, 8, G)) : (i(), t(
+                          "p",
+                          q,
+                          d(e.transcriptPlaceholderText),
+                          1
+                          /* TEXT */
+                        ))
+                      ],
+                      64
+                      /* STABLE_FRAGMENT */
+                    )) : (i(), t("p", J, [
+                      e.isSummaryReady ? (i(), t("span", {
+                        key: 1,
+                        innerHTML: e.summaryHtml
+                      }, null, 8, Q)) : (i(), t(
+                        "span",
+                        K,
+                        d(e.summaryPlaceholderText),
+                        1
+                        /* TEXT */
+                      ))
+                    ]))
+                  ]),
+                  a("div", X, [
+                    a("button", {
+                      type: "button",
+                      class: "audio-message__expand-close",
+                      onClick: n[5] || (n[5] = (l) => e.expandedPanel = null)
+                    }, " Закрыть ")
+                  ])
+                ])) : o("v-if", !0)
+              ]),
+              _: 1
+              /* STABLE */
+            }),
+            m(e.MessageSmsInvite, {
+              status: s.message.status,
+              "has-messenger-account": s.message.hasMessengerAccount,
+              channel: s.channel,
+              onSmsInvite: e.handleSmsInvite
+            }, null, 8, ["status", "has-messenger-account", "channel"]),
+            e.buttonMenuVisible && e.menuActions.length && !s.reactionsEnabled ? (i(), t("button", {
+              key: 4,
+              class: "audio-message__menu-button",
+              onClick: n[6] || (n[6] = (...l) => e.toggleMenu && e.toggleMenu(...l))
+            }, [...n[12] || (n[12] = [
+              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
+                /* CACHED */
+              )
+            ])])) : o("v-if", !0),
+            (i(), c(f, { to: "body" }, [
+              m(y, null, {
+                default: u(() => [
+                  e.isOpenMenu && e.menuActions.length ? (i(), c(e.ContextMenu, {
+                    key: 0,
+                    ref: "menuRef",
+                    class: "audio-message__context-menu message-actions-menu",
+                    style: r(e.menuStyle),
+                    "data-theme": e.menuTheme,
+                    actions: e.menuActions,
+                    onClick: e.handleActionClick,
+                    onMouseenter: e.onMenuMouseEnter,
+                    onMouseleave: e.onMenuMouseLeave
+                  }, null, 8, ["style", "data-theme", "actions", "onMouseenter", "onMouseleave"])) : o("v-if", !0)
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ]))
+          ],
+          64
+          /* STABLE_FRAGMENT */
+        ))
+      ],
+      34
+      /* CLASS, NEED_HYDRATION */
+    )
+  ], 46, M);
+}
+const te = /* @__PURE__ */ k(C, [["render", Y], ["__scopeId", "data-v-266dbcb9"], ["__file", "/var/store/dev-space/repos-projects/chotto/chotto/src/components/2_feed_elements/AudioMessage/AudioMessage.vue"]]);
 export {
-  e as default
+  te as default
 };