@mobilon-dev/chotto 0.3.98 → 0.3.100

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

@@ -1,19 +1,25 @@
-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 { 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 "../../../hooks/useSearchModel.js";
-import { useTheme as y } from "../../../hooks/useTheme.js";
+import { useTheme as R } from "../../../hooks/useTheme.js";
 import "../../../hooks/useEmojiNative.js";
 /* empty css                              */
 /* empty css                                              */
 import "../../../locale/useLocale.js";
 /* empty css                                                            */
-import { useModalVideoRecorder as b } from "../../../hooks/modals/useVideoRecorder.js";
+import { useModalVideoRecorder as V } 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 O = /* @__PURE__ */ f({
+const C = {
+  key: 0,
+  class: "video-recorder__container"
+}, z = {
+  key: 1,
+  class: "video-recorder__container"
+}, J = /* @__PURE__ */ _({
   __name: "VideoRecorder",
   props: {
     state: {
@@ -25,27 +31,41 @@ const O = /* @__PURE__ */ f({
       default: null
     }
   },
-  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({
+  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({
               url: e.url,
               name: e.name,
               size: e.size,
               type: e.type,
-              preview: v(e.name, e.preview)
+              preview: F(e.name, e.preview)
             });
           }));
         });
       }
-    } };
-    return Object.defineProperty(m, "__isScriptSetup", { enumerable: !1, value: !0 }), m;
+    };
+    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));
   }
 });
 export {
-  O as default
+  J as default
 };

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

@@ -1,461 +1,7 @@
-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";
+import o from "./AudioMessage.vue2.js";
 /* empty css                  */
-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"]]);
+import t from "../../../_virtual/_plugin-vue_export-helper.js";
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-06981a56"]]);
 export {
-  te as default
+  e as default
 };