@mobilon-dev/chotto 0.3.42 → 0.3.44

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

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

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

@@ -1,26 +1,27 @@
-import { defineComponent as P, computed as d, createElementBlock as l, openBlock as a, unref as s, normalizeStyle as T, normalizeClass as g, createCommentVNode as i, createElementVNode as m, createVNode as u, withCtx as M, createTextVNode as D, toDisplayString as f, createBlock as r, Transition as O } from "vue";
-import j from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
-import q from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
-import z from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
-import $ from "../BaseReplyMessage/BaseReplyMessage.vue.js";
-import W from "../MessageReactions/MessageReactions.vue.js";
-import G from "../MessageStatusIndicator/MessageStatusIndicator.vue.js";
-import J from "../../1_atoms/Tooltip/Tooltip.vue.js";
-import { useMessageActions as K } from "../../../hooks/messages/useMessageActions.js";
-import { useMessageLinks as Q } from "../../../hooks/messages/useMessageLinks.js";
-import { useChannelAccentColor as U } from "../../../hooks/messages/useChannelAccentColor.js";
-import { useSubtextTooltip as X } from "../../../hooks/messages/useSubtextTooltip.js";
-import { getStatus as Y, getStatusTitle as Z } from "../../../functions/getStatusMessage.js";
-import { getMessageClass as p } from "../../../functions/getMessageClass.js";
-import { createReactionHandlers as _ } from "../../../functions/createReactionHandlers.js";
+import { defineComponent as O, computed as f, createElementBlock as l, openBlock as a, unref as s, normalizeStyle as S, normalizeClass as g, createCommentVNode as i, createElementVNode as m, createVNode as u, withCtx as w, createTextVNode as j, toDisplayString as v, createBlock as c, Transition as q } from "vue";
+import z from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
+import W from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
+import $ from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
+import G from "../BaseReplyMessage/BaseReplyMessage.vue.js";
+import J from "../MessageReactions/MessageReactions.vue.js";
+import K from "../MessageStatusIndicator/MessageStatusIndicator.vue.js";
+import Q from "../MessageSmsInvite/MessageSmsInvite.vue.js";
+import U from "../../1_atoms/Tooltip/Tooltip.vue.js";
+import { useMessageActions as X } from "../../../hooks/messages/useMessageActions.js";
+import { useMessageLinks as Y } from "../../../hooks/messages/useMessageLinks.js";
+import { useChannelAccentColor as Z } from "../../../hooks/messages/useChannelAccentColor.js";
+import { useSubtextTooltip as p } from "../../../hooks/messages/useSubtextTooltip.js";
+import { getStatus as _, getStatusTitle as ee } from "../../../functions/getStatusMessage.js";
+import { getMessageClass as se } from "../../../functions/getMessageClass.js";
+import { createReactionHandlers as te } from "../../../functions/createReactionHandlers.js";
 import "../../../functions/parseMarkdown.js";
-const ee = ["messageId"], se = ["src"], te = {
+const ae = ["messageId"], ne = ["src"], ie = {
   key: 1,
   class: "text-message__subtext"
-}, ae = ["innerHTML"], ie = { class: "text-message__info-container" }, ne = {
+}, oe = ["innerHTML"], le = { class: "text-message__info-container" }, me = {
   key: 1,
   class: "text-message__time"
-}, Te = /* @__PURE__ */ P({
+}, Ce = /* @__PURE__ */ O({
   __name: "TextMessage",
   props: {
     message: {
@@ -45,33 +46,36 @@ const ee = ["messageId"], se = ["src"], te = {
       default: () => ({})
     }
   },
-  emits: ["action", "reply"],
-  setup(e, { emit: C }) {
-    const n = e, x = C, { linkedHtml: S, inNewWindow: y } = Q(() => n.message.text), {
-      isOpenMenu: c,
-      buttonMenuVisible: I,
-      showMenu: b,
-      hideMenu: v,
-      clickAction: h,
+  emits: ["action", "reply", "sms-invite"],
+  setup(e, { emit: T }) {
+    const n = e, r = T, { linkedHtml: h, inNewWindow: x } = Y(() => n.message.text), {
+      isOpenMenu: d,
+      buttonMenuVisible: C,
+      showMenu: y,
+      hideMenu: b,
+      clickAction: I,
       viewsAction: k,
       handleClickReplied: A
-    } = K(n.message, x), B = d(() => Y(n.message.status)), F = d(() => Z(n.message.status, n.message.statusMsg)), { bubbleStyle: V } = U(
-      d(() => n.message),
+    } = X(n.message, r), B = f(() => _(n.message.status)), F = f(() => ee(n.message.status, n.message.statusMsg)), { bubbleStyle: V, messageChannelId: E } = Z(
+      f(() => n.message),
       { cssVariable: "--chotto-textmessage-right-bg", position: "right" }
     );
-    function R(w) {
-      return p(w.position, "text-message");
+    function M(R) {
+      return se(R.position, "text-message");
     }
-    const { onToggleReaction: E, onAddReaction: N, onRemoveReaction: H } = _(x), L = X(() => n.message, () => n.subtextTooltipData);
-    return (w, t) => (a(), l("div", {
+    const { onToggleReaction: N, onAddReaction: H, onRemoveReaction: L } = te(r), P = p(() => n.message, () => n.subtextTooltipData);
+    function D() {
+      r("sms-invite", n.message);
+    }
+    return (R, t) => (a(), l("div", {
       class: g(["text-message", [
-        R(e.message),
+        M(e.message),
         e.applyStyle(e.message)
       ]]),
       messageId: e.message.messageId,
-      style: T(s(V)),
+      style: S(s(V)),
       onMouseleave: t[4] || (t[4] = //@ts-ignore
-      (...o) => s(v) && s(v)(...o))
+      (...o) => s(b) && s(b)(...o))
     }, [
       e.message.avatar && e.isFirstInSeries ? (a(), l("img", {
         key: 0,
@@ -79,16 +83,16 @@ const ee = ["messageId"], se = ["src"], te = {
         src: e.message.avatar,
         height: "32",
         width: "32",
-        style: T({ gridRow: e.message.subText && e.isFirstInSeries ? "2" : "1" })
-      }, null, 12, se)) : i("", !0),
-      e.message.subText && e.isFirstInSeries ? (a(), l("p", te, [
-        u(J, {
-          text: s(L),
+        style: S({ gridRow: e.message.subText && e.isFirstInSeries ? "2" : "1" })
+      }, null, 12, ne)) : i("", !0),
+      e.message.subText && e.isFirstInSeries ? (a(), l("p", ie, [
+        u(U, {
+          text: s(P),
           position: e.message.position === "left" ? "right" : "left",
           offset: 8
         }, {
-          default: M(() => [
-            D(f(e.message.subText), 1)
+          default: w(() => [
+            j(v(e.message.subText), 1)
           ]),
           _: 1
         }, 8, ["text", "position"])
@@ -96,9 +100,9 @@ const ee = ["messageId"], se = ["src"], te = {
       m("div", {
         class: g(["text-message__content", { "is-first": e.isFirstInSeries, "with-avatar-indent": !e.isFirstInSeries && e.message.avatar }]),
         onMouseenter: t[3] || (t[3] = //@ts-ignore
-        (...o) => s(b) && s(b)(...o))
+        (...o) => s(y) && s(y)(...o))
       }, [
-        e.message.reply ? (a(), r($, {
+        e.message.reply ? (a(), c(G, {
           key: 0,
           class: g(e.message.position),
           message: e.message.reply,
@@ -107,28 +111,28 @@ const ee = ["messageId"], se = ["src"], te = {
         m("p", {
           class: "text-message__text",
           onClick: t[0] || (t[0] = //@ts-ignore
-          (...o) => s(y) && s(y)(...o)),
-          innerHTML: s(S)
-        }, null, 8, ae),
-        e.message.linkPreview ? (a(), r(q, {
+          (...o) => s(x) && s(x)(...o)),
+          innerHTML: s(h)
+        }, null, 8, oe),
+        e.message.linkPreview ? (a(), c(W, {
           key: 1,
           class: g(e.message.position),
           "link-preview": e.message.linkPreview
         }, null, 8, ["class", "link-preview"])) : i("", !0),
-        e.message.embed ? (a(), r(z, {
+        e.message.embed ? (a(), c($, {
           key: 2,
           class: g(e.message.position),
           embed: e.message.embed
         }, null, 8, ["class", "embed"])) : i("", !0),
-        u(W, {
+        u(J, {
           reactions: e.message.reactions,
           "message-id": e.message.messageId,
           enabled: e.reactionsEnabled,
-          onToggleReaction: s(E),
-          onAddReaction: s(N),
-          onRemoveReaction: s(H)
+          onToggleReaction: s(N),
+          onAddReaction: s(H),
+          onRemoveReaction: s(L)
         }, null, 8, ["reactions", "message-id", "enabled", "onToggleReaction", "onAddReaction", "onRemoveReaction"]),
-        m("div", ie, [
+        m("div", le, [
           e.message.views ? (a(), l("div", {
             key: 0,
             class: "text-message__views",
@@ -136,39 +140,45 @@ const ee = ["messageId"], se = ["src"], te = {
             (...o) => s(k) && s(k)(...o))
           }, [
             t[5] || (t[5] = m("span", { class: "pi pi-eye" }, null, -1)),
-            m("p", null, f(e.message.views), 1)
+            m("p", null, v(e.message.views), 1)
           ])) : i("", !0),
-          e.message.time ? (a(), l("span", ne, f(e.message.time), 1)) : i("", !0),
-          u(G, {
+          e.message.time ? (a(), l("span", me, v(e.message.time), 1)) : i("", !0),
+          u(K, {
             "base-class": "text-message",
-            "message-class": R(e.message),
+            "message-class": M(e.message),
             "message-status": e.message.status,
             "status-class": B.value,
             "status-title": F.value
           }, null, 8, ["message-class", "message-status", "status-class", "status-title"])
         ]),
-        s(I) && e.message.actions ? (a(), l("button", {
+        u(Q, {
+          status: e.message.status,
+          "has-messenger-account": e.message.hasMessengerAccount,
+          channel: s(E),
+          onSmsInvite: D
+        }, null, 8, ["status", "has-messenger-account", "channel"]),
+        s(C) && e.message.actions ? (a(), l("button", {
           key: 3,
           class: "text-message__menu-button",
-          onClick: t[2] || (t[2] = (o) => c.value = !s(c))
+          onClick: t[2] || (t[2] = (o) => d.value = !s(d))
         }, [...t[6] || (t[6] = [
           m("span", { class: "pi pi-ellipsis-h" }, null, -1)
         ])])) : i("", !0),
-        u(O, null, {
-          default: M(() => [
-            s(c) && e.message.actions ? (a(), r(j, {
+        u(q, null, {
+          default: w(() => [
+            s(d) && e.message.actions ? (a(), c(z, {
               key: 0,
               class: "text-message__context-menu",
               actions: e.message.actions,
-              onClick: s(h)
+              onClick: s(I)
             }, null, 8, ["actions", "onClick"])) : i("", !0)
           ]),
           _: 1
         })
       ], 34)
-    ], 46, ee));
+    ], 46, ae));
   }
 });
 export {
-  Te as default
+  Ce as default
 };

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

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

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
 };

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

@@ -1,7 +1,7 @@
 import o from "./Feed.vue2.js";
 /* empty css          */
 import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-86785e9c"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-05a59365"]]);
 export {
-  p as default
+  m as default
 };