@mobilon-dev/chotto 0.3.42 → 0.3.43

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

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

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

@@ -1,26 +1,27 @@
-import { defineComponent as p, computed as y, createElementBlock as r, openBlock as o, unref as t, normalizeStyle as k, normalizeClass as u, createCommentVNode as l, createElementVNode as n, createVNode as d, withCtx as S, createTextVNode as D, toDisplayString as f, createBlock as b, withModifiers as q, Transition as z } from "vue";
-import W from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
-import G from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
-import J from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
-import K from "../BaseReplyMessage/BaseReplyMessage.vue.js";
-import Q from "../MessageReactions/MessageReactions.vue.js";
-import X from "../MessageStatusIndicator/MessageStatusIndicator.vue.js";
-import Y from "../../1_atoms/Tooltip/Tooltip.vue.js";
-import { useMessageActions as Z } from "../../../hooks/messages/useMessageActions.js";
-import { useMessageLinks as _ } from "../../../hooks/messages/useMessageLinks.js";
-import { useChannelAccentColor as ee } from "../../../hooks/messages/useChannelAccentColor.js";
-import { useSubtextTooltip as se } from "../../../hooks/messages/useSubtextTooltip.js";
-import { getStatus as te, getStatusTitle as ie } from "../../../functions/getStatusMessage.js";
-import { getMessageClass as ae } from "../../../functions/getMessageClass.js";
-import { createReactionHandlers as ne } from "../../../functions/createReactionHandlers.js";
+import { defineComponent as z, computed as y, createElementBlock as r, openBlock as o, unref as s, normalizeStyle as k, normalizeClass as u, createCommentVNode as l, createElementVNode as n, createVNode as d, withCtx as T, createTextVNode as p, toDisplayString as f, createBlock as b, withModifiers as W, Transition as G } from "vue";
+import J from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
+import K from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
+import Q from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
+import X from "../BaseReplyMessage/BaseReplyMessage.vue.js";
+import Y from "../MessageReactions/MessageReactions.vue.js";
+import Z from "../MessageStatusIndicator/MessageStatusIndicator.vue.js";
+import _ from "../MessageSmsInvite/MessageSmsInvite.vue.js";
+import ee from "../../1_atoms/Tooltip/Tooltip.vue.js";
+import { useMessageActions as se } from "../../../hooks/messages/useMessageActions.js";
+import { useMessageLinks as te } from "../../../hooks/messages/useMessageLinks.js";
+import { useChannelAccentColor as ae } from "../../../hooks/messages/useChannelAccentColor.js";
+import { useSubtextTooltip as ie } from "../../../hooks/messages/useSubtextTooltip.js";
+import { getStatus as ne, getStatusTitle as oe } from "../../../functions/getStatusMessage.js";
+import { getMessageClass as le } from "../../../functions/getMessageClass.js";
+import { createReactionHandlers as me } from "../../../functions/createReactionHandlers.js";
 import "../../../functions/parseMarkdown.js";
-const oe = ["messageId"], le = ["src"], me = {
+const re = ["messageId"], ge = ["src"], ce = {
   key: 1,
   class: "file-message__subtext"
-}, re = ["href"], ge = { class: "file-message__filename-text" }, ce = {
+}, ue = ["href"], de = { class: "file-message__filename-text" }, fe = {
   key: 1,
   class: "file-message__text-container"
-}, ue = ["innerHTML"], de = { class: "file-message__info-container" }, fe = { class: "file-message__time" }, Ae = /* @__PURE__ */ p({
+}, be = ["innerHTML"], we = { class: "file-message__info-container" }, ve = { class: "file-message__time" }, Ve = /* @__PURE__ */ z({
   __name: "FileMessage",
   props: {
     message: {
@@ -45,50 +46,53 @@ const oe = ["messageId"], le = ["src"], me = {
       default: () => ({})
     }
   },
-  emits: ["action", "reply"],
+  emits: ["action", "reply", "sms-invite"],
   setup(e, { emit: I }) {
-    const i = e, v = I, { linkedHtml: L, inNewWindow: R } = _(() => i.message.text), {
-      isOpenMenu: w,
-      buttonMenuVisible: E,
-      showMenu: h,
-      hideMenu: x,
-      clickAction: F,
-      viewsAction: C,
-      handleClickReplied: A
-    } = Z(i.message, v), B = y(() => te(i.message.status)), O = y(() => ie(i.message.status, i.message.statusMsg)), { bubbleStyle: U } = ee(
-      y(() => i.message),
+    const a = e, w = I, { linkedHtml: L, inNewWindow: h } = te(() => a.message.text), {
+      isOpenMenu: v,
+      buttonMenuVisible: A,
+      showMenu: R,
+      hideMenu: C,
+      clickAction: E,
+      viewsAction: x,
+      handleClickReplied: F
+    } = se(a.message, w), B = y(() => ne(a.message.status)), O = y(() => oe(a.message.status, a.message.statusMsg)), { bubbleStyle: U, messageChannelId: V } = ae(
+      y(() => a.message),
       { cssVariable: "--chotto-filemessage-right-bg", position: "right" }
     );
-    function T(m) {
-      return ae(m.position, "file-message");
+    function S(m) {
+      return le(m.position, "file-message");
     }
-    const { onToggleReaction: V, onAddReaction: H, onRemoveReaction: N } = ne(v), P = async () => {
-      if (i.message.url)
+    const { onToggleReaction: H, onAddReaction: N, onRemoveReaction: P } = me(w), $ = async () => {
+      if (a.message.url)
         try {
-          const m = new URL(i.message.url, window.location.href);
+          const m = new URL(a.message.url, window.location.href);
           if (m.origin === window.location.origin) {
             const c = document.createElement("a");
-            c.href = m.toString(), c.download = i.message.filename || `file-${i.message.messageId}`, document.body.appendChild(c), c.click(), document.body.removeChild(c);
+            c.href = m.toString(), c.download = a.message.filename || `file-${a.message.messageId}`, document.body.appendChild(c), c.click(), document.body.removeChild(c);
             return;
           }
-          const a = await fetch(i.message.url);
-          if (!a.ok)
-            throw new Error(`HTTP error! status: ${a.status}`);
-          const j = await a.blob(), M = window.URL.createObjectURL(j), g = document.createElement("a");
-          g.href = M, g.download = i.message.filename || `file-${i.message.messageId}`, document.body.appendChild(g), g.click(), document.body.removeChild(g), window.URL.revokeObjectURL(M);
+          const i = await fetch(a.message.url);
+          if (!i.ok)
+            throw new Error(`HTTP error! status: ${i.status}`);
+          const q = await i.blob(), M = window.URL.createObjectURL(q), g = document.createElement("a");
+          g.href = M, g.download = a.message.filename || `file-${a.message.messageId}`, document.body.appendChild(g), g.click(), document.body.removeChild(g), window.URL.revokeObjectURL(M);
         } catch (m) {
-          console.error("Ошибка при скачивании файла:", m), window.open(i.message.url, "_blank");
+          console.error("Ошибка при скачивании файла:", m), window.open(a.message.url, "_blank");
         }
-    }, $ = se(() => i.message, () => i.subtextTooltipData);
-    return (m, s) => (o(), r("div", {
+    }, j = ie(() => a.message, () => a.subtextTooltipData);
+    function D() {
+      w("sms-invite", a.message);
+    }
+    return (m, t) => (o(), r("div", {
       class: u(["file-message", [
-        T(e.message),
+        S(e.message),
         e.applyStyle(e.message)
       ]]),
       messageId: e.message.messageId,
-      style: k(t(U)),
-      onMouseleave: s[4] || (s[4] = //@ts-ignore
-      (...a) => t(x) && t(x)(...a))
+      style: k(s(U)),
+      onMouseleave: t[4] || (t[4] = //@ts-ignore
+      (...i) => s(C) && s(C)(...i))
     }, [
       e.message.avatar && e.isFirstInSeries ? (o(), r("img", {
         key: 0,
@@ -97,15 +101,15 @@ const oe = ["messageId"], le = ["src"], me = {
         height: "32",
         width: "32",
         style: k({ gridRow: e.message.subText ? "2" : "1" })
-      }, null, 12, le)) : l("", !0),
-      e.message.subText && e.isFirstInSeries ? (o(), r("p", me, [
-        d(Y, {
-          text: t($),
+      }, null, 12, ge)) : l("", !0),
+      e.message.subText && e.isFirstInSeries ? (o(), r("p", ce, [
+        d(ee, {
+          text: s(j),
           position: e.message.position === "left" ? "right" : "left",
           offset: 8
         }, {
-          default: S(() => [
-            D(f(e.message.subText), 1)
+          default: T(() => [
+            p(f(e.message.subText), 1)
           ]),
           _: 1
         }, 8, ["text", "position"])
@@ -113,92 +117,98 @@ const oe = ["messageId"], le = ["src"], me = {
       n("div", {
         class: u(["file-message__content", { "is-first": e.isFirstInSeries, "with-avatar-indent": !e.isFirstInSeries && e.message.avatar }]),
         style: k({ gridRow: e.message.subText ? "2" : "1" }),
-        onMouseenter: s[3] || (s[3] = //@ts-ignore
-        (...a) => t(h) && t(h)(...a))
+        onMouseenter: t[3] || (t[3] = //@ts-ignore
+        (...i) => s(R) && s(R)(...i))
       }, [
-        e.message.reply ? (o(), b(K, {
+        e.message.reply ? (o(), b(X, {
           key: 0,
           message: e.message.reply,
           class: u(e.message.position),
-          onReply: t(A)
+          onReply: s(F)
         }, null, 8, ["message", "class", "onReply"])) : l("", !0),
         n("a", {
           class: "file-message__link",
           href: e.message.url,
-          onClick: q(P, ["prevent"])
+          onClick: W($, ["prevent"])
         }, [
-          s[5] || (s[5] = n("span", { class: "pi pi-file" }, null, -1)),
-          n("p", ge, f(e.message.filename), 1),
-          s[6] || (s[6] = n("div", { class: "file-message__download-button" }, [
+          t[5] || (t[5] = n("span", { class: "pi pi-file" }, null, -1)),
+          n("p", de, f(e.message.filename), 1),
+          t[6] || (t[6] = n("div", { class: "file-message__download-button" }, [
             n("span", { class: "pi pi-download" })
           ], -1))
-        ], 8, re),
-        e.message.text ? (o(), r("div", ce, [
+        ], 8, ue),
+        e.message.text ? (o(), r("div", fe, [
           n("p", {
-            onClick: s[0] || (s[0] = //@ts-ignore
-            (...a) => t(R) && t(R)(...a)),
-            innerHTML: t(L)
-          }, null, 8, ue)
+            onClick: t[0] || (t[0] = //@ts-ignore
+            (...i) => s(h) && s(h)(...i)),
+            innerHTML: s(L)
+          }, null, 8, be)
         ])) : l("", !0),
-        e.message.linkPreview ? (o(), b(G, {
+        e.message.linkPreview ? (o(), b(K, {
           key: 2,
           class: u(e.message.position),
           "link-preview": e.message.linkPreview
         }, null, 8, ["class", "link-preview"])) : l("", !0),
-        e.message.embed ? (o(), b(J, {
+        e.message.embed ? (o(), b(Q, {
           key: 3,
           class: u(e.message.position),
           embed: e.message.embed
         }, null, 8, ["class", "embed"])) : l("", !0),
-        d(Q, {
+        d(Y, {
           reactions: e.message.reactions,
           "message-id": e.message.messageId,
           enabled: e.reactionsEnabled,
-          onToggleReaction: t(V),
-          onAddReaction: t(H),
-          onRemoveReaction: t(N)
+          onToggleReaction: s(H),
+          onAddReaction: s(N),
+          onRemoveReaction: s(P)
         }, null, 8, ["reactions", "message-id", "enabled", "onToggleReaction", "onAddReaction", "onRemoveReaction"]),
-        n("div", de, [
+        n("div", we, [
           e.message.views ? (o(), r("div", {
             key: 0,
             class: "file-message__views",
-            onClick: s[1] || (s[1] = //@ts-ignore
-            (...a) => t(C) && t(C)(...a))
+            onClick: t[1] || (t[1] = //@ts-ignore
+            (...i) => s(x) && s(x)(...i))
           }, [
-            s[7] || (s[7] = n("span", { class: "pi pi-eye" }, null, -1)),
+            t[7] || (t[7] = n("span", { class: "pi pi-eye" }, null, -1)),
             n("p", null, f(e.message.views), 1)
           ])) : l("", !0),
-          n("span", fe, f(e.message.time), 1),
-          d(X, {
+          n("span", ve, f(e.message.time), 1),
+          d(Z, {
             "base-class": "file-message",
-            "message-class": T(e.message),
+            "message-class": S(e.message),
             "message-status": e.message.status,
             "status-class": B.value,
             "status-title": O.value
           }, null, 8, ["message-class", "message-status", "status-class", "status-title"])
         ]),
-        t(E) && e.message.actions ? (o(), r("button", {
+        d(_, {
+          status: e.message.status,
+          "has-messenger-account": e.message.hasMessengerAccount,
+          channel: s(V),
+          onSmsInvite: D
+        }, null, 8, ["status", "has-messenger-account", "channel"]),
+        s(A) && e.message.actions ? (o(), r("button", {
           key: 4,
           class: "file-message__menu-button",
-          onClick: s[2] || (s[2] = (a) => w.value = !t(w))
-        }, [...s[8] || (s[8] = [
+          onClick: t[2] || (t[2] = (i) => v.value = !s(v))
+        }, [...t[8] || (t[8] = [
           n("span", { class: "pi pi-ellipsis-h" }, null, -1)
         ])])) : l("", !0),
-        d(z, null, {
-          default: S(() => [
-            t(w) && e.message.actions ? (o(), b(W, {
+        d(G, null, {
+          default: T(() => [
+            s(v) && e.message.actions ? (o(), b(J, {
               key: 0,
               class: "file-message__context-menu",
               actions: e.message.actions,
-              onClick: t(F)
+              onClick: s(E)
             }, null, 8, ["actions", "onClick"])) : l("", !0)
           ]),
           _: 1
         })
       ], 38)
-    ], 46, oe));
+    ], 46, re));
   }
 });
 export {
-  Ae as default
+  Ve as default
 };

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

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

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

@@ -0,0 +1,64 @@
+import { defineComponent as _, inject as m, computed as p, createElementBlock as b, createCommentVNode as C, openBlock as M, createElementVNode as k, toDisplayString as D, unref as A } from "vue";
+import { useLocale as T } from "../../../locale/useLocale.js";
+import { useMessageDraft as $ } from "../../../hooks/useMessageDraft.js";
+import "../../../hooks/useSearchModel.js";
+import "../../../hooks/useTheme.js";
+/* empty css                              */
+/* empty css                                              */
+import "../../../node_modules/linkifyjs/dist/linkify.js";
+import "../../../functions/parseMarkdown.js";
+const I = ["data-channel-type"], j = { class: "message-sms-invite__text" }, F = /* @__PURE__ */ _({
+  __name: "MessageSmsInvite",
+  props: {
+    status: {},
+    hasMessengerAccount: { type: Boolean },
+    channel: {}
+  },
+  emits: ["sms-invite"],
+  setup(h, { emit: f }) {
+    const i = h, d = f, { t: v } = T(), g = m("chatAppId"), c = m("selectedChat"), { setMessageText: r } = $(g || ""), x = p(() => i.status === "error" && i.hasMessengerAccount === !1), s = p(() => {
+      var a;
+      const n = ((a = i.channel) == null ? void 0 : a.toLowerCase()) ?? "";
+      return n.includes("whatsapp") || n.includes("waba") ? "whatsapp" : n.includes("max") ? "max" : "telegram";
+    }), u = p(() => {
+      const n = c && c.value ? c.value : null;
+      if (!n || !n.contact || !n.contact.attributes) return null;
+      const a = n.contact.attributes, l = (e) => {
+        if (!e) return null;
+        if (typeof e == "string")
+          return e.startsWith("+") ? e : `+${e}`;
+        if (typeof e == "object") {
+          const t = e;
+          if (t.phone)
+            return t.phone.startsWith("+") ? t.phone : `+${t.phone}`;
+        }
+        return null;
+      };
+      let o = null;
+      if (s.value === "whatsapp") {
+        const e = a.find((t) => t.type === "whatsapp" || t.type === "waba");
+        o = l((e == null ? void 0 : e.data) ?? (e == null ? void 0 : e.value));
+      } else if (s.value === "telegram") {
+        const e = a.find((t) => t.type === "telegram");
+        o = l((e == null ? void 0 : e.data) ?? (e == null ? void 0 : e.value));
+      } else if (s.value === "max") {
+        const e = a.find((t) => t.type === "max");
+        o = l((e == null ? void 0 : e.data) ?? (e == null ? void 0 : e.value));
+      }
+      return o ? s.value === "whatsapp" ? `Перейдите в WhatsApp https://wa.me/+${o.replace("+", "")}, чтобы продолжить общение` : s.value === "telegram" ? `Перейдите в Telegram https://t.me/+${o.replace("+", "")}, чтобы продолжить общение` : s.value === "max" ? `Перейдите в Max https://max.ru/ и найдите нас по номеру ${o}, чтобы продолжить общение` : null : null;
+    }), y = () => {
+      u.value && r && r(u.value), d("sms-invite");
+    };
+    return (n, a) => x.value ? (M(), b("div", {
+      key: 0,
+      class: "message-sms-invite",
+      "data-channel-type": s.value,
+      onClick: y
+    }, [
+      k("span", j, D(A(v)("component.TextMessage.sendSmsInvite")), 1)
+    ], 8, I)) : C("", !0);
+  }
+});
+export {
+  F as default
+};

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 $ from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
+import W 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 R(M) {
+      return se(M.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 (M, t) => (a(), l("div", {
       class: g(["text-message", [
         R(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($, {
           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(W, {
           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,10 +140,10 @@ 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-status": e.message.status,
@@ -147,28 +151,34 @@ const ee = ["messageId"], se = ["src"], te = {
             "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/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
 };