@mobilon-dev/chotto 0.3.86 → 0.3.87

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

@@ -1,39 +1,47 @@
-import { defineComponent as ie, inject as le, ref as w, computed as p, watch as me, createElementBlock as r, openBlock as o, Fragment as re, createElementVNode as l, createBlock as c, unref as a, normalizeStyle as B, normalizeClass as y, createCommentVNode as i, createVNode as m, withCtx as d, createTextVNode as ue, toDisplayString as R, Transition as b, withModifiers as F, Teleport as de } from "vue";
-import ce from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
-import ge from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
-import ve from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
-import fe from "../BaseReplyMessage/BaseReplyMessage.vue.js";
-import ye from "../../2_modals/ModalFullscreen/ModalFullscreen.vue.js";
-import be from "../MessageReactions/MessageReactions.vue.js";
-import ke from "../MessageStatusIndicator/MessageStatusIndicator.vue.js";
-import we from "../MessageSmsInvite/MessageSmsInvite.vue.js";
-import pe from "../../1_atoms/Tooltip/Tooltip.vue.js";
-import { useMessageActions as he } from "../../../hooks/messages/useMessageActions.js";
-import { useMessageLinks as xe } from "../../../hooks/messages/useMessageLinks.js";
-import { useChannelAccentColor as Me } from "../../../hooks/messages/useChannelAccentColor.js";
-import { useSubtextTooltip as Re } from "../../../hooks/messages/useSubtextTooltip.js";
+import { defineComponent as Me, inject as pe, ref as M, computed as p, watch as we, createElementBlock as m, openBlock as n, Fragment as S, createElementVNode as l, createBlock as d, unref as s, normalizeStyle as C, normalizeClass as y, createCommentVNode as i, createVNode as r, withCtx as c, createTextVNode as xe, toDisplayString as w, Transition as b, withModifiers as j, Teleport as D } from "vue";
+import Re from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
+import Te from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
+import Se from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
+import Ce from "../BaseReplyMessage/BaseReplyMessage.vue.js";
+import Ie from "../../2_modals/ModalFullscreen/ModalFullscreen.vue.js";
+import Ae from "../MessageReactions/MessageReactions.vue.js";
+import H from "../MessageStatusIndicator/MessageStatusIndicator.vue.js";
+import Ee from "../MessageSmsInvite/MessageSmsInvite.vue.js";
+import Le from "../DeletedMessageContent/DeletedMessageContent.vue.js";
+import Pe from "../../1_atoms/Tooltip/Tooltip.vue.js";
+import { useMessageActions as Be } from "../../../hooks/messages/useMessageActions.js";
+import { useMessageMenuActions as Fe } from "../../../hooks/messages/useMessageMenuActions.js";
+import { useMessageLinks as Ne } from "../../../hooks/messages/useMessageLinks.js";
+import { useChannelAccentColor as Ue } from "../../../hooks/messages/useChannelAccentColor.js";
+import { useSubtextTooltip as Oe } from "../../../hooks/messages/useSubtextTooltip.js";
+import { useStartReply as $e } from "../../../hooks/messages/useStartReply.js";
 import "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
-import { useTheme as Te } from "../../../hooks/useTheme.js";
+import { useTheme as je } from "../../../hooks/useTheme.js";
 import "../../../hooks/useEmojiNative.js";
 /* empty css                              */
 /* empty css                                              */
-import { buildReplyPayload as Se } from "../../../hooks/messages/buildReplyPayload.js";
-import { getStatus as Ce, getStatusTitle as Ie } from "../../../functions/getStatusMessage.js";
-import { safeMediaPlayVoid as N } from "../../../functions/safeMediaPlay.js";
-import { getMessageClass as Ae } from "../../../functions/getMessageClass.js";
-import { createReactionHandlers as Ee } from "../../../functions/createReactionHandlers.js";
+import "../../../locale/useLocale.js";
+/* empty css                                                            */
+import { buildReplyPayload as V } from "../../../hooks/messages/buildReplyPayload.js";
+import { getStatus as De, getStatusTitle as He } from "../../../functions/getStatusMessage.js";
+import { safeMediaPlayVoid as q } from "../../../functions/safeMediaPlay.js";
+import { getMessageClass as Ve } from "../../../functions/getMessageClass.js";
+import { createReactionHandlers as qe } from "../../../functions/createReactionHandlers.js";
 import "../../../functions/parseMarkdown.js";
-const Le = ["messageId"], Pe = ["src"], Be = {
+const ze = ["messageId"], We = ["src"], Ge = {
   key: 1,
   class: "video-message__subtext"
-}, Fe = ["src"], Ne = {
+}, Je = { class: "video-message__info-container" }, Ke = {
+  key: 0,
+  class: "video-message__time"
+}, Qe = ["src"], Xe = {
   key: 0,
   class: "video-message__info-container"
-}, Ue = { class: "video-message__time" }, $e = {
+}, Ye = { class: "video-message__time" }, Ze = {
   key: 1,
   class: "video-message__text-container"
-}, Oe = ["innerHTML"], je = ["src", "alt"], gs = /* @__PURE__ */ ie({
+}, _e = ["innerHTML"], es = ["src", "alt"], Bs = /* @__PURE__ */ Me({
   inheritAttrs: !1,
   __name: "VideoMessage",
   props: {
@@ -78,85 +86,97 @@ const Le = ["messageId"], Pe = ["src"], Be = {
     }
   },
   emits: ["action", "reply", "sms-invite"],
-  setup(e, { emit: U }) {
-    const $ = le("chatAppId"), { getTheme: T } = Te($), t = e, h = U;
-    function S(u) {
-      return Ae(u.position, "video-message");
+  setup(e, { emit: z }) {
+    const I = pe("chatAppId"), { getTheme: A } = je(I || ""), { menuActions: k } = Fe(() => a.message), { startReply: W } = $e(I || ""), a = e, x = z;
+    function R(u) {
+      return Ve(u.position, "video-message");
     }
-    const C = w(), g = w(), x = w(!1), v = w(!1), { linkedHtml: O, inNewWindow: I } = xe(() => t.message.text), {
-      isOpenMenu: M,
-      buttonMenuVisible: j,
-      showMenu: H,
-      hideMenu: A,
-      clickAction: V,
-      viewsAction: E,
-      handleClickReplied: q
-    } = he(t.message, h), D = () => {
-      H(), v.value = !0;
-    }, z = p(() => Ce(t.message.status)), W = p(() => Ie(t.message.status, t.message.statusMsg)), { bubbleStyle: G } = Me(
-      p(() => t.message),
+    const E = M(), g = M(), T = M(!1), v = M(!1), { linkedHtml: G, inNewWindow: L } = Ne(() => a.message.text), {
+      isOpenMenu: J,
+      buttonMenuVisible: K,
+      menuAnchorRef: Q,
+      menuRef: X,
+      menuStyle: Y,
+      menuTheme: Z,
+      showMenu: _,
+      hideMenu: P,
+      openMenu: ee,
+      toggleMenu: B,
+      onMenuMouseEnter: se,
+      onMenuMouseLeave: te,
+      clickAction: ae,
+      viewsAction: F,
+      handleClickReplied: ne
+    } = Be(a.message, x, {
+      onReply: () => W(V(a.message, "message.video"))
+    }), oe = () => {
+      _(), v.value = !0;
+    }, N = p(() => De(a.message.status)), U = p(() => He(a.message.status, a.message.statusMsg)), { bubbleStyle: ie } = Ue(
+      p(() => a.message),
       { cssVariable: "--chotto-videomessage-right-bg", position: "right" }
-    ), J = () => {
-      g.value && (g.value.currentTime = 0, N(g.value));
+    ), le = () => {
+      g.value && (g.value.currentTime = 0, q(g.value));
     };
-    me([C, g], ([u, s]) => {
-      u ? s && (s.pause(), s.currentTime = 0) : s && (s.currentTime = 0, N(s));
+    we([E, g], ([u, t]) => {
+      u ? t && (t.pause(), t.currentTime = 0) : t && (t.currentTime = 0, q(t));
     });
-    const K = p(() => t.message.reply && t.message.text ? "0" : t.message.text ? "5px 5px 0 0" : t.message.reply ? "0 0 5px 5px" : "8px"), Q = () => x.value = !1, { onToggleReaction: X, onAddReaction: Y, onRemoveReaction: Z } = Ee(h), _ = async () => {
-      var u, s;
-      if (t.message.url)
+    const me = p(() => a.message.reply && a.message.text ? "0" : a.message.text ? "5px 5px 0 0" : a.message.reply ? "0 0 5px 5px" : "8px"), re = () => T.value = !1, { onToggleReaction: ue, onAddReaction: de, onRemoveReaction: ce } = qe(x), ge = async () => {
+      var u, t;
+      if (a.message.url)
         try {
-          const n = await fetch(t.message.url, {
+          const o = await fetch(a.message.url, {
             headers: {
               Accept: "video/*"
             }
           });
-          if (!n.ok)
-            throw new Error(`HTTP error! status: ${n.status}`);
-          const te = n.headers.get("content-type") || "", ae = await n.blob(), k = ((s = (u = t.message.url.split(".").pop()) == null ? void 0 : u.split("?")[0]) == null ? void 0 : s.toLowerCase()) || "", ne = {
+          if (!o.ok)
+            throw new Error(`HTTP error! status: ${o.status}`);
+          const ye = o.headers.get("content-type") || "", be = await o.blob(), h = ((t = (u = a.message.url.split(".").pop()) == null ? void 0 : u.split("?")[0]) == null ? void 0 : t.toLowerCase()) || "", ke = {
             "video/mp4": "mp4",
             "video/webm": "webm",
             "video/ogg": "ogv",
             "video/quicktime": "mov",
             "video/x-matroska": "mkv",
-            "application/octet-stream": k || "mp4"
+            "application/octet-stream": h || "mp4"
           };
-          let L = k && ["mp4", "mov", "webm", "ogv", "mkv"].includes(k) ? k : ne[te] || "mp4";
-          const oe = t.message.alt ? t.message.alt.includes(".") ? t.message.alt : `${t.message.alt}.${L}` : `video-${t.message.messageId}.${L}`, P = window.URL.createObjectURL(ae), f = document.createElement("a");
-          f.href = P, f.download = oe, document.body.appendChild(f), f.click(), document.body.removeChild(f), window.URL.revokeObjectURL(P);
-        } catch (n) {
-          console.error("Ошибка при скачивании видео:", n), window.open(t.message.url, "_blank");
+          let O = h && ["mp4", "mov", "webm", "ogv", "mkv"].includes(h) ? h : ke[ye] || "mp4";
+          const he = a.message.alt ? a.message.alt.includes(".") ? a.message.alt : `${a.message.alt}.${O}` : `video-${a.message.messageId}.${O}`, $ = window.URL.createObjectURL(be), f = document.createElement("a");
+          f.href = $, f.download = he, document.body.appendChild(f), f.click(), document.body.removeChild(f), window.URL.revokeObjectURL($);
+        } catch (o) {
+          console.error("Ошибка при скачивании видео:", o), window.open(a.message.url, "_blank");
         }
-    }, ee = Re(() => t.message, () => t.subtextTooltipData);
-    function se() {
-      h("sms-invite", t.message);
+    }, ve = Oe(() => a.message, () => a.subtextTooltipData);
+    function fe() {
+      x("sms-invite", a.message);
     }
-    return (u, s) => (o(), r(re, null, [
+    return (u, t) => (n(), m(S, null, [
       l("div", {
+        ref_key: "menuAnchorRef",
+        ref: Q,
         class: y(["video-message", [
-          S(e.message),
+          R(e.message),
           e.applyStyle(e.message)
         ]]),
         messageId: e.message.messageId,
-        style: B(a(G)),
-        onMouseleave: s[5] || (s[5] = //@ts-ignore
-        (...n) => a(A) && a(A)(...n))
+        style: C(s(ie)),
+        onMouseleave: t[5] || (t[5] = //@ts-ignore
+        (...o) => s(P) && s(P)(...o))
       }, [
-        e.message.avatar && e.isFirstInSeries ? (o(), r("img", {
+        e.message.avatar && e.isFirstInSeries ? (n(), m("img", {
           key: 0,
           class: "video-message__avatar",
           src: e.message.avatar,
           height: "32",
           width: "32"
-        }, null, 8, Pe)) : i("", !0),
-        e.message.subText && e.isFirstInSeries ? (o(), r("p", Be, [
-          m(pe, {
-            text: a(ee),
+        }, null, 8, We)) : i("", !0),
+        e.message.subText && e.isFirstInSeries ? (n(), m("p", Ge, [
+          r(Pe, {
+            text: s(ve),
             position: e.message.position === "left" ? "right" : "left",
             offset: 8
           }, {
-            default: d(() => [
-              ue(R(e.message.subText), 1)
+            default: c(() => [
+              xe(w(e.message.subText), 1)
             ]),
             _: 1
           }, 8, ["text", "position"])
@@ -164,149 +184,174 @@ const Le = ["messageId"], Pe = ["src"], Be = {
         l("div", {
           class: y(["video-message__content", { "is-first": e.isFirstInSeries, "with-avatar-indent": !e.isFirstInSeries && e.message.avatar }])
         }, [
-          e.message.reply ? (o(), c(fe, {
-            key: 0,
-            style: { margin: "10px 10px 4px 16px" },
-            class: y(e.message.position),
-            message: e.message.reply,
-            onReply: a(q)
-          }, null, 8, ["class", "message", "onReply"])) : i("", !0),
-          l("div", {
-            class: "video-message__preview-button",
-            onClick: s[1] || (s[1] = (n) => x.value = !0),
-            onMouseenter: D,
-            onMouseleave: s[2] || (s[2] = (n) => v.value = !v.value)
-          }, [
-            l("video", {
-              ref_key: "previewPlayer",
-              ref: g,
-              class: "video-message__video",
-              style: B({ borderRadius: K.value }),
-              src: e.message.url,
-              muted: !0,
-              autoplay: "",
-              onEnded: J
-            }, null, 44, Fe),
-            m(b, { name: "modal-fade" }, {
-              default: d(() => [
-                v.value ? (o(), r("div", Ne, [
-                  e.message.views ? (o(), r("div", {
+          e.message.deleted ? (n(), m(S, { key: 0 }, [
+            r(Le),
+            l("div", Je, [
+              e.message.time ? (n(), m("span", Ke, w(e.message.time), 1)) : i("", !0),
+              r(H, {
+                "base-class": "video-message",
+                "message-class": R(e.message),
+                "message-status": e.message.status,
+                "status-class": N.value,
+                "status-title": U.value
+              }, null, 8, ["message-class", "message-status", "status-class", "status-title"])
+            ])
+          ], 64)) : (n(), m(S, { key: 1 }, [
+            e.message.reply ? (n(), d(Ce, {
+              key: 0,
+              style: { margin: "10px 10px 4px 16px" },
+              class: y(e.message.position),
+              message: e.message.reply,
+              onReply: s(ne)
+            }, null, 8, ["class", "message", "onReply"])) : i("", !0),
+            l("div", {
+              class: "video-message__preview-button",
+              onClick: t[1] || (t[1] = (o) => T.value = !0),
+              onMouseenter: oe,
+              onMouseleave: t[2] || (t[2] = (o) => v.value = !v.value)
+            }, [
+              l("video", {
+                ref_key: "previewPlayer",
+                ref: g,
+                class: "video-message__video",
+                style: C({ borderRadius: me.value }),
+                src: e.message.url,
+                muted: !0,
+                autoplay: "",
+                onEnded: le
+              }, null, 44, Qe),
+              r(b, { name: "modal-fade" }, {
+                default: c(() => [
+                  v.value ? (n(), m("div", Xe, [
+                    e.message.views ? (n(), m("div", {
+                      key: 0,
+                      class: "video-message__views",
+                      onClick: t[0] || (t[0] = j(
+                        //@ts-ignore
+                        (...o) => s(F) && s(F)(...o),
+                        ["stop"]
+                      ))
+                    }, [
+                      t[6] || (t[6] = l("span", { class: "pi pi-eye" }, null, -1)),
+                      l("p", null, w(e.message.views), 1)
+                    ])) : i("", !0),
+                    l("span", Ye, w(e.message.time), 1),
+                    r(H, {
+                      "base-class": "video-message",
+                      "message-class": R(e.message),
+                      "message-status": e.message.status,
+                      "status-class": N.value,
+                      "status-title": U.value
+                    }, null, 8, ["message-class", "message-status", "status-class", "status-title"])
+                  ])) : i("", !0)
+                ]),
+                _: 1
+              }),
+              r(b, { name: "modal-fade" }, {
+                default: c(() => [
+                  v.value ? (n(), m("button", {
                     key: 0,
-                    class: "video-message__views",
-                    onClick: s[0] || (s[0] = F(
-                      //@ts-ignore
-                      (...n) => a(E) && a(E)(...n),
-                      ["stop"]
-                    ))
-                  }, [
-                    s[6] || (s[6] = l("span", { class: "pi pi-eye" }, null, -1)),
-                    l("p", null, R(e.message.views), 1)
-                  ])) : i("", !0),
-                  l("span", Ue, R(e.message.time), 1),
-                  m(ke, {
-                    "base-class": "video-message",
-                    "message-class": S(e.message),
-                    "message-status": e.message.status,
-                    "status-class": z.value,
-                    "status-title": W.value
-                  }, null, 8, ["message-class", "message-status", "status-class", "status-title"])
-                ])) : i("", !0)
-              ]),
-              _: 1
-            }),
-            m(b, { name: "modal-fade" }, {
-              default: d(() => [
-                v.value ? (o(), r("button", {
+                    class: "video-message__download-button",
+                    type: "button",
+                    onClick: j(ge, ["stop"])
+                  }, [...t[7] || (t[7] = [
+                    l("span", { class: "pi pi-download" }, null, -1)
+                  ])])) : i("", !0)
+                ]),
+                _: 1
+              })
+            ], 32),
+            r(b, { name: "modal-fade" }, {
+              default: c(() => [
+                s(K) && s(k).length && !e.reactionsEnabled ? (n(), m("button", {
                   key: 0,
-                  class: "video-message__download-button",
-                  type: "button",
-                  onClick: F(_, ["stop"])
-                }, [...s[7] || (s[7] = [
-                  l("span", { class: "pi pi-download" }, null, -1)
+                  class: "video-message__menu-button",
+                  onClick: t[3] || (t[3] = //@ts-ignore
+                  (...o) => s(B) && s(B)(...o))
+                }, [...t[8] || (t[8] = [
+                  l("span", { class: "pi pi-ellipsis-h" }, null, -1)
                 ])])) : i("", !0)
               ]),
               _: 1
-            })
-          ], 32),
-          m(b, { name: "modal-fade" }, {
-            default: d(() => [
-              a(j) && e.message.actions ? (o(), r("button", {
-                key: 0,
-                class: "video-message__menu-button",
-                onClick: s[3] || (s[3] = (n) => M.value = !a(M))
-              }, [...s[8] || (s[8] = [
-                l("span", { class: "pi pi-ellipsis-h" }, null, -1)
-              ])])) : i("", !0)
-            ]),
-            _: 1
-          }),
-          m(b, { name: "context-menu" }, {
-            default: d(() => [
-              a(M) && e.message.actions ? (o(), c(ce, {
-                key: 0,
-                class: "video-message__context-menu",
-                actions: e.message.actions,
-                onClick: a(V)
-              }, null, 8, ["actions", "onClick"])) : i("", !0)
-            ]),
-            _: 1
-          }),
-          e.message.text ? (o(), r("div", $e, [
-            l("p", {
-              onClick: s[4] || (s[4] = //@ts-ignore
-              (...n) => a(I) && a(I)(...n)),
-              innerHTML: a(O)
-            }, null, 8, Oe)
-          ])) : i("", !0),
-          m(we, {
-            status: e.message.status,
-            "has-messenger-account": e.message.hasMessengerAccount,
-            channel: e.channel,
-            onSmsInvite: se
-          }, null, 8, ["status", "has-messenger-account", "channel"]),
-          e.message.linkPreview ? (o(), c(ge, {
-            key: 2,
-            class: y(["video-message__link-preview", e.message.position]),
-            "link-preview": e.message.linkPreview
-          }, null, 8, ["class", "link-preview"])) : i("", !0),
-          e.message.embed ? (o(), c(ve, {
-            key: 3,
-            class: y(e.message.position),
-            embed: e.message.embed
-          }, null, 8, ["class", "embed"])) : i("", !0),
-          m(be, {
-            reactions: e.message.reactions,
-            "message-id": e.message.messageId,
-            reply: a(Se)(e.message, "message.video"),
-            enabled: e.reactionsEnabled,
-            mode: e.reactionsMode,
-            "current-user-id": e.currentUserId,
-            "reaction-user-names": e.reactionUserNames,
-            onToggleReaction: a(X),
-            onAddReaction: a(Y),
-            onRemoveReaction: a(Z)
-          }, null, 8, ["reactions", "message-id", "reply", "enabled", "mode", "current-user-id", "reaction-user-names", "onToggleReaction", "onAddReaction", "onRemoveReaction"])
+            }),
+            (n(), d(D, { to: "body" }, [
+              r(b, { name: "context-menu" }, {
+                default: c(() => [
+                  s(J) && s(k).length ? (n(), d(Re, {
+                    key: 0,
+                    ref_key: "menuRef",
+                    ref: X,
+                    class: "video-message__context-menu message-actions-menu",
+                    style: C(s(Y)),
+                    "data-theme": s(Z),
+                    actions: s(k),
+                    onClick: s(ae),
+                    onMouseenter: s(se),
+                    onMouseleave: s(te)
+                  }, null, 8, ["style", "data-theme", "actions", "onClick", "onMouseenter", "onMouseleave"])) : i("", !0)
+                ]),
+                _: 1
+              })
+            ])),
+            e.message.text ? (n(), m("div", Ze, [
+              l("p", {
+                onClick: t[4] || (t[4] = //@ts-ignore
+                (...o) => s(L) && s(L)(...o)),
+                innerHTML: s(G)
+              }, null, 8, _e)
+            ])) : i("", !0),
+            r(Ee, {
+              status: e.message.status,
+              "has-messenger-account": e.message.hasMessengerAccount,
+              channel: e.channel,
+              onSmsInvite: fe
+            }, null, 8, ["status", "has-messenger-account", "channel"]),
+            e.message.linkPreview ? (n(), d(Te, {
+              key: 2,
+              class: y(["video-message__link-preview", e.message.position]),
+              "link-preview": e.message.linkPreview
+            }, null, 8, ["class", "link-preview"])) : i("", !0),
+            e.message.embed ? (n(), d(Se, {
+              key: 3,
+              class: y(e.message.position),
+              embed: e.message.embed
+            }, null, 8, ["class", "embed"])) : i("", !0),
+            r(Ae, {
+              reactions: e.message.reactions,
+              "message-id": e.message.messageId,
+              reply: s(V)(e.message, "message.video"),
+              enabled: e.reactionsEnabled,
+              mode: e.reactionsMode,
+              "current-user-id": e.currentUserId,
+              "reaction-user-names": e.reactionUserNames,
+              "menu-enabled": s(k).length > 0,
+              onToggleReaction: s(ue),
+              onAddReaction: s(de),
+              onRemoveReaction: s(ce),
+              onMenu: s(ee)
+            }, null, 8, ["reactions", "message-id", "reply", "enabled", "mode", "current-user-id", "reaction-user-names", "menu-enabled", "onToggleReaction", "onAddReaction", "onRemoveReaction", "onMenu"])
+          ], 64))
         ], 2)
-      ], 46, Le),
-      (o(), c(de, { to: "body" }, [
-        m(b, { name: "modal-fade" }, {
-          default: d(() => [
-            x.value ? (o(), c(ye, {
+      ], 46, ze),
+      (n(), d(D, { to: "body" }, [
+        r(b, { name: "modal-fade" }, {
+          default: c(() => [
+            T.value && !e.message.deleted ? (n(), d(Ie, {
               key: 0,
-              "data-theme": a(T)().theme ? a(T)().theme : "light",
+              "data-theme": s(A)().theme ? s(A)().theme : "light",
               title: e.message.alt,
-              onClose: Q
+              onClose: re
             }, {
-              default: d(() => [
+              default: c(() => [
                 l("video", {
                   ref_key: "player",
-                  ref: C,
+                  ref: E,
                   class: "video-message__modal-video",
                   src: e.message.url,
                   alt: e.message.alt,
                   controls: "",
                   autoplay: ""
-                }, null, 8, je)
+                }, null, 8, es)
               ]),
               _: 1
             }, 8, ["data-theme", "title"])) : i("", !0)
@@ -318,5 +363,5 @@ const Le = ["messageId"], Pe = ["src"], Be = {
   }
 });
 export {
-  gs as default
+  Bs as default
 };

package/dist/components/2_modals/ConfirmDeleteMessage/ConfirmDeleteMessage.vue.js

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

package/dist/components/2_modals/ConfirmDeleteMessage/ConfirmDeleteMessage.vue3.js

@@ -0,0 +1,58 @@
+import { defineComponent as f, createBlock as _, openBlock as p, Transition as g, withCtx as u, createElementVNode as t, withModifiers as b, toDisplayString as o, unref as i } from "vue";
+import { useLocale as C } from "../../../locale/useLocale.js";
+const k = ["data-theme"], D = {
+  id: "confirmDeleteMessageTitle",
+  class: "confirm-delete-message__title"
+}, M = { class: "confirm-delete-message__actions" }, y = /* @__PURE__ */ f({
+  __name: "ConfirmDeleteMessage",
+  props: {
+    theme: {
+      type: String,
+      required: !1,
+      default: "light"
+    }
+  },
+  emits: ["confirm", "cancel"],
+  setup(a, { emit: c }) {
+    const m = a, s = c, { t: n } = C(), r = (l) => {
+      l.target.classList.contains("confirm-delete-message__backdrop") && s("cancel");
+    };
+    return (l, e) => (p(), _(g, { name: "confirm-delete-message-fade" }, {
+      default: u(() => [
+        t("div", {
+          class: "confirm-delete-message__backdrop",
+          "data-theme": m.theme,
+          role: "presentation",
+          onClick: r
+        }, [
+          t("div", {
+            class: "confirm-delete-message",
+            role: "dialog",
+            "aria-modal": "true",
+            "aria-labelledby": "confirmDeleteMessageTitle",
+            onClick: e[2] || (e[2] = b(() => {
+            }, ["stop"]))
+          }, [
+            t("p", D, o(i(n)("component.ConfirmDeleteMessage.title")), 1),
+            t("div", M, [
+              t("button", {
+                type: "button",
+                class: "confirm-delete-message__btn confirm-delete-message__btn--delete",
+                onClick: e[0] || (e[0] = (d) => s("confirm"))
+              }, o(i(n)("component.ConfirmDeleteMessage.delete")), 1),
+              t("button", {
+                type: "button",
+                class: "confirm-delete-message__btn confirm-delete-message__btn--cancel",
+                onClick: e[1] || (e[1] = (d) => s("cancel"))
+              }, o(i(n)("component.ConfirmDeleteMessage.cancel")), 1)
+            ])
+          ])
+        ], 8, k)
+      ]),
+      _: 1
+    }));
+  }
+});
+export {
+  y as default
+};

package/dist/components/3_compounds/ChatInput/ChatInput.vue.js

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