@mobilon-dev/chotto 0.3.43 → 0.3.45

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

@@ -1,35 +1,36 @@
-import { defineComponent as oe, inject as ne, ref as k, computed as w, watch as ie, createElementBlock as m, openBlock as n, Fragment as le, createElementVNode as l, createBlock as c, unref as a, normalizeStyle as B, normalizeClass as y, createCommentVNode as i, createVNode as r, withCtx as d, createTextVNode as me, toDisplayString as T, Transition as b, withModifiers as F, Teleport as re } from "vue";
-import ue from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
-import de from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
-import ce from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
-import ge from "../BaseReplyMessage/BaseReplyMessage.vue.js";
-import ve from "../../2_modals/ModalFullscreen/ModalFullscreen.vue.js";
-import fe from "../MessageReactions/MessageReactions.vue.js";
-import ye from "../MessageStatusIndicator/MessageStatusIndicator.vue.js";
-import be from "../../1_atoms/Tooltip/Tooltip.vue.js";
-import { useMessageActions as pe } from "../../../hooks/messages/useMessageActions.js";
-import { useMessageLinks as ke } from "../../../hooks/messages/useMessageLinks.js";
-import { useChannelAccentColor as we } from "../../../hooks/messages/useChannelAccentColor.js";
-import { useSubtextTooltip as xe } from "../../../hooks/messages/useSubtextTooltip.js";
-import { getStatus as he, getStatusTitle as Te } from "../../../functions/getStatusMessage.js";
-import { getMessageClass as Re } from "../../../functions/getMessageClass.js";
-import { createReactionHandlers as Me } from "../../../functions/createReactionHandlers.js";
+import { defineComponent as ie, inject as le, ref as p, computed as w, watch as me, createElementBlock as r, openBlock as n, Fragment as re, createElementVNode as l, createBlock as c, unref as a, normalizeStyle as F, normalizeClass as y, createCommentVNode as i, createVNode as m, withCtx as d, createTextVNode as ue, toDisplayString as T, Transition as b, withModifiers as $, 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 pe from "../MessageSmsInvite/MessageSmsInvite.vue.js";
+import we 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 Te } from "../../../hooks/messages/useSubtextTooltip.js";
+import { getStatus as Re, getStatusTitle as Ce } from "../../../functions/getStatusMessage.js";
+import { getMessageClass as Se } from "../../../functions/getMessageClass.js";
+import { createReactionHandlers as Ie } from "../../../functions/createReactionHandlers.js";
 import "../../../functions/parseMarkdown.js";
 import "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
-import { useTheme as Ce } from "../../../hooks/useTheme.js";
+import { useTheme as Ae } from "../../../hooks/useTheme.js";
 /* empty css                              */
 /* empty css                                              */
-const Se = ["messageId"], Ie = ["src"], Ae = {
+const Ee = ["messageId"], Le = ["src"], Be = {
   key: 1,
   class: "video-message__subtext"
-}, Ee = ["src"], Le = {
+}, Fe = ["src"], $e = {
   key: 0,
   class: "video-message__info-container"
-}, $e = { class: "video-message__time" }, Be = {
+}, Pe = { class: "video-message__time" }, Oe = {
   key: 1,
   class: "video-message__text-container"
-}, Fe = ["innerHTML"], Pe = ["src", "alt"], ns = /* @__PURE__ */ oe({
+}, je = ["innerHTML"], He = ["src", "alt"], rs = /* @__PURE__ */ ie({
   inheritAttrs: !1,
   __name: "VideoMessage",
   props: {
@@ -55,32 +56,32 @@ const Se = ["messageId"], Ie = ["src"], Ae = {
       default: () => ({})
     }
   },
-  emits: ["action", "reply"],
+  emits: ["action", "reply", "sms-invite"],
   setup(e, { emit: P }) {
-    const O = ne("chatAppId"), { getTheme: R } = Ce(O), t = e, M = P;
+    const O = le("chatAppId"), { getTheme: R } = Ae(O), t = e, h = P;
     function C(u) {
-      return Re(u.position, "video-message");
+      return Se(u.position, "video-message");
     }
-    const S = k(), g = k(), x = k(!1), v = k(!1), { linkedHtml: j, inNewWindow: I } = ke(() => t.message.text), {
-      isOpenMenu: h,
+    const S = p(), g = p(), x = p(!1), v = p(!1), { linkedHtml: j, inNewWindow: I } = xe(() => t.message.text), {
+      isOpenMenu: M,
       buttonMenuVisible: H,
       showMenu: N,
       hideMenu: A,
       clickAction: D,
       viewsAction: E,
       handleClickReplied: U
-    } = pe(t.message, M), V = () => {
+    } = he(t.message, h), V = () => {
       N(), v.value = !0;
-    }, q = w(() => he(t.message.status)), z = w(() => Te(t.message.status, t.message.statusMsg)), { bubbleStyle: W } = we(
+    }, q = w(() => Re(t.message.status)), z = w(() => Ce(t.message.status, t.message.statusMsg)), { bubbleStyle: W, messageChannelId: G } = Me(
       w(() => t.message),
       { cssVariable: "--chotto-videomessage-right-bg", position: "right" }
-    ), G = () => {
+    ), J = () => {
       g.value && (g.value.currentTime = 0, g.value.play());
     };
-    ie([S, g], ([u, s]) => {
+    me([S, g], ([u, s]) => {
       u ? s && (s.pause(), s.currentTime = 0) : s && (s.play(), s.currentTime = 0);
     });
-    const J = w(() => t.message.reply && t.message.text ? "0" : t.message.text ? "5px 5px 0 0" : t.message.reply ? "0 0 5px 5px" : "8px"), K = () => x.value = !1, { onToggleReaction: Q, onAddReaction: X, onRemoveReaction: Y } = Me(M), Z = async () => {
+    const K = w(() => 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 } = Ie(h), _ = async () => {
       var u, s;
       if (t.message.url)
         try {
@@ -91,47 +92,50 @@ const Se = ["messageId"], Ie = ["src"], Ae = {
           });
           if (!o.ok)
             throw new Error(`HTTP error! status: ${o.status}`);
-          const ee = o.headers.get("content-type") || "", se = await o.blob(), p = ((s = (u = t.message.url.split(".").pop()) == null ? void 0 : u.split("?")[0]) == null ? void 0 : s.toLowerCase()) || "", te = {
+          const te = o.headers.get("content-type") || "", ae = await o.blob(), k = ((s = (u = t.message.url.split(".").pop()) == null ? void 0 : u.split("?")[0]) == null ? void 0 : s.toLowerCase()) || "", oe = {
             "video/mp4": "mp4",
             "video/webm": "webm",
             "video/ogg": "ogv",
             "video/quicktime": "mov",
             "video/x-matroska": "mkv",
-            "application/octet-stream": p || "mp4"
+            "application/octet-stream": k || "mp4"
           };
-          let L = p && ["mp4", "mov", "webm", "ogv", "mkv"].includes(p) ? p : te[ee] || "mp4";
-          const ae = t.message.alt ? t.message.alt.includes(".") ? t.message.alt : `${t.message.alt}.${L}` : `video-${t.message.messageId}.${L}`, $ = window.URL.createObjectURL(se), f = document.createElement("a");
-          f.href = $, f.download = ae, document.body.appendChild(f), f.click(), document.body.removeChild(f), window.URL.revokeObjectURL($);
+          let L = k && ["mp4", "mov", "webm", "ogv", "mkv"].includes(k) ? k : oe[te] || "mp4";
+          const ne = t.message.alt ? t.message.alt.includes(".") ? t.message.alt : `${t.message.alt}.${L}` : `video-${t.message.messageId}.${L}`, B = window.URL.createObjectURL(ae), f = document.createElement("a");
+          f.href = B, f.download = ne, document.body.appendChild(f), f.click(), document.body.removeChild(f), window.URL.revokeObjectURL(B);
         } catch (o) {
           console.error("Ошибка при скачивании видео:", o), window.open(t.message.url, "_blank");
         }
-    }, _ = xe(() => t.message, () => t.subtextTooltipData);
-    return (u, s) => (n(), m(le, null, [
+    }, ee = Te(() => t.message, () => t.subtextTooltipData);
+    function se() {
+      h("sms-invite", t.message);
+    }
+    return (u, s) => (n(), r(re, null, [
       l("div", {
         class: y(["video-message", [
           C(e.message),
           e.applyStyle(e.message)
         ]]),
         messageId: e.message.messageId,
-        style: B(a(W)),
+        style: F(a(W)),
         onMouseleave: s[5] || (s[5] = //@ts-ignore
         (...o) => a(A) && a(A)(...o))
       }, [
-        e.message.avatar && e.isFirstInSeries ? (n(), m("img", {
+        e.message.avatar && e.isFirstInSeries ? (n(), r("img", {
           key: 0,
           class: "video-message__avatar",
           src: e.message.avatar,
           height: "32",
           width: "32"
-        }, null, 8, Ie)) : i("", !0),
-        e.message.subText && e.isFirstInSeries ? (n(), m("p", Ae, [
-          r(be, {
-            text: a(_),
+        }, null, 8, Le)) : i("", !0),
+        e.message.subText && e.isFirstInSeries ? (n(), r("p", Be, [
+          m(we, {
+            text: a(ee),
             position: e.message.position === "left" ? "right" : "left",
             offset: 8
           }, {
             default: d(() => [
-              me(T(e.message.subText), 1)
+              ue(T(e.message.subText), 1)
             ]),
             _: 1
           }, 8, ["text", "position"])
@@ -139,7 +143,7 @@ const Se = ["messageId"], Ie = ["src"], Ae = {
         l("div", {
           class: y(["video-message__content", { "is-first": e.isFirstInSeries, "with-avatar-indent": !e.isFirstInSeries && e.message.avatar }])
         }, [
-          e.message.reply ? (n(), c(ge, {
+          e.message.reply ? (n(), c(fe, {
             key: 0,
             style: { margin: "10px 10px 4px 16px" },
             class: y(e.message.position),
@@ -156,19 +160,19 @@ const Se = ["messageId"], Ie = ["src"], Ae = {
               ref_key: "previewPlayer",
               ref: g,
               class: "video-message__video",
-              style: B({ borderRadius: J.value }),
+              style: F({ borderRadius: K.value }),
               src: e.message.url,
               muted: !0,
               autoplay: "",
-              onEnded: G
-            }, null, 44, Ee),
-            r(b, { name: "modal-fade" }, {
+              onEnded: J
+            }, null, 44, Fe),
+            m(b, { name: "modal-fade" }, {
               default: d(() => [
-                v.value ? (n(), m("div", Le, [
-                  e.message.views ? (n(), m("div", {
+                v.value ? (n(), r("div", $e, [
+                  e.message.views ? (n(), r("div", {
                     key: 0,
                     class: "video-message__views",
-                    onClick: s[0] || (s[0] = F(
+                    onClick: s[0] || (s[0] = $(
                       //@ts-ignore
                       (...o) => a(E) && a(E)(...o),
                       ["stop"]
@@ -177,8 +181,8 @@ const Se = ["messageId"], Ie = ["src"], Ae = {
                     s[6] || (s[6] = l("span", { class: "pi pi-eye" }, null, -1)),
                     l("p", null, T(e.message.views), 1)
                   ])) : i("", !0),
-                  l("span", $e, T(e.message.time), 1),
-                  r(ye, {
+                  l("span", Pe, T(e.message.time), 1),
+                  m(ke, {
                     "base-class": "video-message",
                     "message-class": C(e.message),
                     "message-status": e.message.status,
@@ -189,13 +193,13 @@ const Se = ["messageId"], Ie = ["src"], Ae = {
               ]),
               _: 1
             }),
-            r(b, { name: "modal-fade" }, {
+            m(b, { name: "modal-fade" }, {
               default: d(() => [
-                v.value ? (n(), m("button", {
+                v.value ? (n(), r("button", {
                   key: 0,
                   class: "video-message__download-button",
                   type: "button",
-                  onClick: F(Z, ["stop"])
+                  onClick: $(_, ["stop"])
                 }, [...s[7] || (s[7] = [
                   l("span", { class: "pi pi-download" }, null, -1)
                 ])])) : i("", !0)
@@ -203,21 +207,21 @@ const Se = ["messageId"], Ie = ["src"], Ae = {
               _: 1
             })
           ], 32),
-          r(b, { name: "modal-fade" }, {
+          m(b, { name: "modal-fade" }, {
             default: d(() => [
-              a(H) && e.message.actions ? (n(), m("button", {
+              a(H) && e.message.actions ? (n(), r("button", {
                 key: 0,
                 class: "video-message__menu-button",
-                onClick: s[3] || (s[3] = (o) => h.value = !a(h))
+                onClick: s[3] || (s[3] = (o) => M.value = !a(M))
               }, [...s[8] || (s[8] = [
                 l("span", { class: "pi pi-ellipsis-h" }, null, -1)
               ])])) : i("", !0)
             ]),
             _: 1
           }),
-          r(b, { name: "context-menu" }, {
+          m(b, { name: "context-menu" }, {
             default: d(() => [
-              a(h) && e.message.actions ? (n(), c(ue, {
+              a(M) && e.message.actions ? (n(), c(ce, {
                 key: 0,
                 class: "video-message__context-menu",
                 actions: e.message.actions,
@@ -226,40 +230,46 @@ const Se = ["messageId"], Ie = ["src"], Ae = {
             ]),
             _: 1
           }),
-          e.message.text ? (n(), m("div", Be, [
+          e.message.text ? (n(), r("div", Oe, [
             l("p", {
               onClick: s[4] || (s[4] = //@ts-ignore
               (...o) => a(I) && a(I)(...o)),
               innerHTML: a(j)
-            }, null, 8, Fe)
+            }, null, 8, je)
           ])) : i("", !0),
-          e.message.linkPreview ? (n(), c(de, {
+          m(pe, {
+            status: e.message.status,
+            "has-messenger-account": e.message.hasMessengerAccount,
+            channel: a(G),
+            onSmsInvite: se
+          }, null, 8, ["status", "has-messenger-account", "channel"]),
+          e.message.linkPreview ? (n(), 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 ? (n(), c(ce, {
+          e.message.embed ? (n(), c(ve, {
             key: 3,
             class: y(e.message.position),
             embed: e.message.embed
           }, null, 8, ["class", "embed"])) : i("", !0),
-          r(fe, {
+          m(be, {
             reactions: e.message.reactions,
             "message-id": e.message.messageId,
             enabled: e.reactionsEnabled,
-            onToggleReaction: a(Q),
-            onAddReaction: a(X),
-            onRemoveReaction: a(Y)
+            onToggleReaction: a(X),
+            onAddReaction: a(Y),
+            onRemoveReaction: a(Z)
           }, null, 8, ["reactions", "message-id", "enabled", "onToggleReaction", "onAddReaction", "onRemoveReaction"])
         ], 2)
-      ], 46, Se),
-      (n(), c(re, { to: "body" }, [
-        r(b, { name: "modal-fade" }, {
+      ], 46, Ee),
+      (n(), c(de, { to: "body" }, [
+        m(b, { name: "modal-fade" }, {
           default: d(() => [
-            x.value ? (n(), c(ve, {
+            x.value ? (n(), c(ye, {
               key: 0,
               "data-theme": a(R)().theme ? a(R)().theme : "light",
-              onClose: K
+              onClose: Q
             }, {
               default: d(() => [
                 l("video", {
@@ -270,7 +280,7 @@ const Se = ["messageId"], Ie = ["src"], Ae = {
                   alt: e.message.alt,
                   controls: "",
                   autoplay: ""
-                }, null, 8, Pe)
+                }, null, 8, He)
               ]),
               _: 1
             }, 8, ["data-theme"])) : i("", !0)
@@ -282,5 +292,5 @@ const Se = ["messageId"], Ie = ["src"], Ae = {
   }
 });
 export {
-  ns as default
+  rs as default
 };