@mobilon-dev/chotto 0.3.43 → 0.3.44

package/dist/components/2_feed_elements/MessageStatusIndicator/icons/ReadStatusIcon.vue2.js

@@ -0,0 +1,40 @@
+import { defineComponent as c, computed as i, createElementBlock as l, openBlock as C, normalizeStyle as o, normalizeClass as p, createStaticVNode as d } from "vue";
+const h = /* @__PURE__ */ c({
+  name: "ReadStatusIcon",
+  __name: "ReadStatusIcon",
+  props: {
+    size: {
+      type: [String, Number],
+      default: "inherit"
+    },
+    class: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(s) {
+    const t = s, r = i(() => `status-icon status-icon--read ${t.class}`.trim()), n = i(() => {
+      if (t.size === "inherit")
+        return {};
+      const e = typeof t.size == "number" ? `${t.size}px` : t.size;
+      return {
+        width: e,
+        height: e
+      };
+    });
+    return (e, a) => (C(), l("svg", {
+      class: p(r.value),
+      style: o(n.value),
+      width: "20",
+      height: "20",
+      viewBox: "0 0 20 20",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, [...a[0] || (a[0] = [
+      d('<g clip-path="url(#clip0_8155_1633)" data-v-300c30aa><path d="M15.4433 5.44329C15.5014 5.38518 15.5475 5.31619 15.5789 5.24027C15.6104 5.16434 15.6266 5.08297 15.6266 5.00079C15.6266 4.91861 15.6104 4.83723 15.5789 4.76131C15.5475 4.68539 15.5014 4.6164 15.4433 4.55829C15.3852 4.50018 15.3162 4.45408 15.2403 4.42264C15.1643 4.39119 15.083 4.375 15.0008 4.375C14.9186 4.375 14.8372 4.39119 14.7613 4.42264C14.6854 4.45408 14.6164 4.50018 14.5583 4.55829L6.25079 12.867L2.31829 8.93329C2.26018 8.87518 2.19119 8.82908 2.11527 8.79763C2.03934 8.76619 1.95797 8.75 1.87579 8.75C1.70982 8.75 1.55065 8.81593 1.43329 8.93329C1.31593 9.05065 1.25 9.20982 1.25 9.37579C1.25 9.54176 1.31593 9.70093 1.43329 9.81829L5.80829 14.1933C5.86635 14.2515 5.93532 14.2977 6.01125 14.3292C6.08718 14.3607 6.16858 14.3769 6.25079 14.3769C6.333 14.3769 6.4144 14.3607 6.49033 14.3292C6.56626 14.2977 6.63523 14.2515 6.69329 14.1933L15.4433 5.44329ZM10.1833 14.1933L9.06329 13.072L9.94704 12.1883L10.6258 12.867L18.9333 4.55829C19.0506 4.44093 19.2098 4.375 19.3758 4.375C19.5418 4.375 19.7009 4.44093 19.8183 4.55829C19.9356 4.67565 20.0016 4.83482 20.0016 5.00079C20.0016 5.16676 19.9356 5.32593 19.8183 5.44329L11.0683 14.1933C11.0102 14.2515 10.9413 14.2977 10.8653 14.3292C10.7894 14.3607 10.708 14.3769 10.6258 14.3769C10.5436 14.3769 10.4622 14.3607 10.3862 14.3292C10.3103 14.2977 10.2413 14.2515 10.1833 14.1933Z" fill="currentColor" data-v-300c30aa></path><path d="M6.69329 8.93329L7.81329 10.0545L6.92954 10.9383L5.80829 9.81829C5.69093 9.70093 5.625 9.54176 5.625 9.37579C5.625 9.20982 5.69093 9.05065 5.80829 8.93329C5.92565 8.81593 6.08482 8.75 6.25079 8.75C6.41676 8.75 6.57593 8.81593 6.69329 8.93329Z" fill="currentColor" data-v-300c30aa></path></g><defs data-v-300c30aa><clipPath id="clip0_8155_1633" data-v-300c30aa><rect width="20" height="20" fill="white" data-v-300c30aa></rect></clipPath></defs>', 2)
+    ])], 6));
+  }
+});
+export {
+  h as default
+};

package/dist/components/2_feed_elements/MessageStatusIndicator/icons/ReceivedStatusIcon.vue.js

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

package/dist/components/2_feed_elements/MessageStatusIndicator/icons/ReceivedStatusIcon.vue2.js

@@ -0,0 +1,40 @@
+import { defineComponent as l, computed as i, createElementBlock as C, openBlock as o, normalizeStyle as c, normalizeClass as p, createStaticVNode as d } from "vue";
+const h = /* @__PURE__ */ l({
+  name: "ReceivedStatusIcon",
+  __name: "ReceivedStatusIcon",
+  props: {
+    size: {
+      type: [String, Number],
+      default: "inherit"
+    },
+    class: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(s) {
+    const e = s, r = i(() => `status-icon status-icon--received ${e.class}`.trim()), n = i(() => {
+      if (e.size === "inherit")
+        return {};
+      const t = typeof e.size == "number" ? `${e.size}px` : e.size;
+      return {
+        width: t,
+        height: t
+      };
+    });
+    return (t, a) => (o(), C("svg", {
+      class: p(r.value),
+      style: c(n.value),
+      width: "20",
+      height: "20",
+      viewBox: "0 0 20 20",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, [...a[0] || (a[0] = [
+      d('<g clip-path="url(#clip0_7951_852)" data-v-2a012eaa><path d="M15.4423 5.44329C15.5004 5.38518 15.5465 5.31619 15.578 5.24027C15.6094 5.16434 15.6256 5.08297 15.6256 5.00079C15.6256 4.91861 15.6094 4.83723 15.578 4.76131C15.5465 4.68539 15.5004 4.6164 15.4423 4.55829C15.3842 4.50018 15.3152 4.45408 15.2393 4.42264C15.1634 4.39119 15.082 4.375 14.9998 4.375C14.9176 4.375 14.8363 4.39119 14.7603 4.42264C14.6844 4.45408 14.6154 4.50018 14.5573 4.55829L6.24981 12.867L2.31731 8.93329C2.2592 8.87518 2.19022 8.82908 2.11429 8.79764C2.03837 8.76619 1.95699 8.75 1.87481 8.75C1.70884 8.75 1.54967 8.81593 1.43231 8.93329C1.31495 9.05065 1.24902 9.20982 1.24902 9.37579C1.24902 9.54176 1.31495 9.70093 1.43231 9.81829L5.80731 14.1933C5.86537 14.2515 5.93434 14.2977 6.01027 14.3292C6.0862 14.3607 6.1676 14.3769 6.24981 14.3769C6.33202 14.3769 6.41342 14.3607 6.48936 14.3292C6.56529 14.2977 6.63426 14.2515 6.69231 14.1933L15.4423 5.44329ZM10.1823 14.1933L9.06231 13.072L9.94606 12.1883L10.6248 12.867L18.9323 4.55829C19.0497 4.44093 19.2088 4.375 19.3748 4.375C19.5408 4.375 19.7 4.44093 19.8173 4.55829C19.9347 4.67565 20.0006 4.83482 20.0006 5.00079C20.0006 5.16676 19.9347 5.32593 19.8173 5.44329L11.0673 14.1933C11.0093 14.2515 10.9403 14.2977 10.8644 14.3292C10.7884 14.3607 10.707 14.3769 10.6248 14.3769C10.5426 14.3769 10.4612 14.3607 10.3853 14.3292C10.3093 14.2977 10.2404 14.2515 10.1823 14.1933Z" fill="currentColor" data-v-2a012eaa></path><path d="M6.69231 8.93329L7.81231 10.0545L6.92856 10.9383L5.80731 9.81829C5.68995 9.70093 5.62402 9.54176 5.62402 9.37579C5.62402 9.20982 5.68995 9.05065 5.80731 8.93329C5.92467 8.81593 6.08384 8.75 6.24981 8.75C6.41578 8.75 6.57495 8.81593 6.69231 8.93329Z" fill="currentColor" data-v-2a012eaa></path></g><defs data-v-2a012eaa><clipPath id="clip0_7951_852" data-v-2a012eaa><rect width="20" height="20" fill="white" data-v-2a012eaa></rect></clipPath></defs>', 2)
+    ])], 6));
+  }
+});
+export {
+  h as default
+};

package/dist/components/2_feed_elements/MessageStatusIndicator/icons/SentStatusIcon.vue.js

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

package/dist/components/2_feed_elements/MessageStatusIndicator/icons/SentStatusIcon.vue2.js

@@ -0,0 +1,43 @@
+import { defineComponent as l, computed as s, createElementBlock as a, openBlock as c, normalizeStyle as u, normalizeClass as C, createElementVNode as p } from "vue";
+const f = /* @__PURE__ */ l({
+  name: "SentStatusIcon",
+  __name: "SentStatusIcon",
+  props: {
+    size: {
+      type: [String, Number],
+      default: "inherit"
+    },
+    class: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(o) {
+    const e = o, i = s(() => `status-icon status-icon--sent ${e.class}`.trim()), r = s(() => {
+      if (e.size === "inherit")
+        return {};
+      const t = typeof e.size == "number" ? `${e.size}px` : e.size;
+      return {
+        width: t,
+        height: t
+      };
+    });
+    return (t, n) => (c(), a("svg", {
+      class: C(i.value),
+      style: u(r.value),
+      width: "20",
+      height: "20",
+      viewBox: "0 0 20 20",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, [...n[0] || (n[0] = [
+      p("path", {
+        d: "M21.6469 5.69827C21.7196 5.77084 21.7774 5.85705 21.8167 5.95197C21.8561 6.04688 21.8764 6.14864 21.8764 6.2514C21.8764 6.35416 21.8561 6.45591 21.8167 6.55082C21.7774 6.64574 21.7196 6.73195 21.6469 6.80452L10.7094 17.742C10.6368 17.8148 10.5506 17.8725 10.4557 17.9119C10.3608 17.9513 10.259 17.9715 10.1563 17.9715C10.0535 17.9715 9.95175 17.9513 9.85683 17.9119C9.76192 17.8725 9.67571 17.8148 9.60314 17.742L4.13439 12.2733C3.98769 12.1266 3.90527 11.9276 3.90527 11.7201C3.90527 11.5127 3.98769 11.3137 4.13439 11.167C4.28108 11.0203 4.48005 10.9379 4.68751 10.9379C4.89497 10.9379 5.09394 11.0203 5.24064 11.167L10.1563 16.0842L20.5406 5.69827C20.6132 5.62552 20.6994 5.56779 20.7943 5.52841C20.8892 5.48902 20.991 5.46875 21.0938 5.46875C21.1965 5.46875 21.2983 5.48902 21.3932 5.52841C21.4881 5.56779 21.5743 5.62552 21.6469 5.69827Z",
+        fill: "currentColor"
+      }, null, -1)
+    ])], 6));
+  }
+});
+export {
+  f as default
+};

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

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

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

@@ -1,34 +1,36 @@
-import { defineComponent as J, inject as K, ref as w, computed as R, watch as Q, onMounted as U, createElementBlock as i, openBlock as t, unref as a, normalizeClass as v, createCommentVNode as n, createElementVNode as o, createBlock as g, toDisplayString as x, createVNode as r, Transition as f, withCtx as d, withModifiers as L, Teleport as X } from "vue";
-import Y from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
-import Z from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
-import _ from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
-import ee from "../BaseReplyMessage/BaseReplyMessage.vue.js";
-import se from "../../2_modals/ModalFullscreen/ModalFullscreen.vue.js";
-import te from "../MessageReactions/MessageReactions.vue.js";
-import ae from "../MessageStatusIndicator/MessageStatusIndicator.vue.js";
-import { useMessageActions as ie } from "../../../hooks/messages/useMessageActions.js";
-import { useMessageLinks as ne } from "../../../hooks/messages/useMessageLinks.js";
-import { getStatus as le, getStatusTitle as oe } from "../../../functions/getStatusMessage.js";
-import { getMessageClass as me } from "../../../functions/getMessageClass.js";
-import { createReactionHandlers as re } from "../../../functions/createReactionHandlers.js";
+import { defineComponent as U, inject as X, ref as b, computed as h, watch as Y, onMounted as Z, createElementBlock as i, openBlock as a, unref as s, normalizeStyle as _, normalizeClass as k, createCommentVNode as n, createElementVNode as m, createBlock as g, toDisplayString as R, createVNode as r, Transition as f, withCtx as d, withModifiers as p, Teleport as ee } from "vue";
+import se from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
+import te from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
+import ae from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
+import ie from "../BaseReplyMessage/BaseReplyMessage.vue.js";
+import ne from "../../2_modals/ModalFullscreen/ModalFullscreen.vue.js";
+import le from "../MessageReactions/MessageReactions.vue.js";
+import oe from "../MessageStatusIndicator/MessageStatusIndicator.vue.js";
+import me from "../MessageSmsInvite/MessageSmsInvite.vue.js";
+import { useMessageActions as re } from "../../../hooks/messages/useMessageActions.js";
+import { useMessageLinks as ue } from "../../../hooks/messages/useMessageLinks.js";
+import { useChannelAccentColor as ce } from "../../../hooks/messages/useChannelAccentColor.js";
+import { getStatus as ge, getStatusTitle as de } from "../../../functions/getStatusMessage.js";
+import { getMessageClass as ve } from "../../../functions/getMessageClass.js";
+import { createReactionHandlers as ke } from "../../../functions/createReactionHandlers.js";
 import "../../../functions/parseMarkdown.js";
 import "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
-import { useTheme as ue } from "../../../hooks/useTheme.js";
+import { useTheme as fe } from "../../../hooks/useTheme.js";
 /* empty css                              */
 /* empty css                                              */
-import { isAnimatedSticker as ce } from "./utils/stickerUtils.js";
+import { isAnimatedSticker as ye } from "./utils/stickerUtils.js";
 import "./utils/suppress-lit-warning.js";
-const ge = ["messageId"], de = ["src"], ke = {
+const be = ["messageId"], he = ["src"], we = {
   key: 1,
   class: "sticker-message__subtext"
-}, ve = ["src"], fe = ["src", "alt"], ye = {
+}, Me = ["src"], Se = ["src", "alt"], Ce = {
   key: 0,
   class: "sticker-message__info-container"
-}, we = { class: "sticker-message__time" }, be = ["href"], Me = {
+}, Re = { class: "sticker-message__time" }, xe = ["href"], Ie = {
   key: 1,
   class: "sticker-message__text-container"
-}, he = ["innerHTML"], Re = ["src"], xe = ["src", "alt"], We = /* @__PURE__ */ J({
+}, Te = ["innerHTML"], Ae = ["src"], Fe = ["src", "alt"], _e = /* @__PURE__ */ U({
   __name: "StickerMessage",
   props: {
     message: {
@@ -48,109 +50,116 @@ const ge = ["messageId"], de = ["src"], ke = {
       default: !0
     }
   },
-  emits: ["action", "reply"],
+  emits: ["action", "reply", "sms-invite"],
   setup(e, { emit: B }) {
-    const E = K("chatAppId"), { getTheme: C } = ue(E), u = w(!1), b = w(!1);
-    async function T() {
-      if (!(u.value || b.value)) {
-        b.value = !0;
+    const V = X("chatAppId"), { getTheme: x } = fe(V), u = b(!1), w = b(!1);
+    async function I() {
+      if (!(u.value || w.value)) {
+        w.value = !0;
         try {
           await import("./libs/tgs-player/lottie-player.esm.js"), await import("./libs/tgs-player/tgs-player.esm.js"), u.value = !0;
         } catch (c) {
           console.error("Failed to load TGS libraries:", c);
         } finally {
-          b.value = !1;
+          w.value = !1;
         }
       }
     }
-    const m = e, S = B, M = w(!1), {
-      isOpenMenu: h,
-      buttonMenuVisible: V,
+    const l = e, M = B, S = b(!1), {
+      isOpenMenu: C,
+      buttonMenuVisible: E,
       showMenu: H,
-      hideMenu: I,
+      hideMenu: T,
       clickAction: N,
       viewsAction: A,
       handleClickReplied: P
-    } = ie(m.message, S), k = w(!1), { linkedHtml: $, inNewWindow: p } = ne(() => m.message.text), O = () => {
-      H(), k.value = !0;
-    }, j = R(() => le(m.message.status)), D = R(() => oe(m.message.status, m.message.statusMsg)), y = R(() => ce(m.message.url, m.message.isAnimated));
-    Q(y, (c) => {
-      c && !u.value && T();
-    }, { immediate: !0 }), U(() => {
-      y.value && !u.value && T();
+    } = re(l.message, M), v = b(!1), { linkedHtml: O, inNewWindow: F } = ue(() => l.message.text), $ = () => {
+      H(), v.value = !0;
+    }, j = h(() => ge(l.message.status)), z = h(() => de(l.message.status, l.message.statusMsg)), { bubbleStyle: D, messageChannelId: q } = ce(
+      h(() => l.message),
+      { cssVariable: "--chotto-stickermessage-right-bg", position: "right" }
+    ), y = h(() => ye(l.message.url, l.message.isAnimated));
+    Y(y, (c) => {
+      c && !u.value && I();
+    }, { immediate: !0 }), Z(() => {
+      y.value && !u.value && I();
     });
-    function F(c) {
-      return me(c.position, "sticker-message");
+    function L(c) {
+      return ve(c.position, "sticker-message");
     }
-    const q = () => M.value = !1, { onToggleReaction: z, onAddReaction: G, onRemoveReaction: W } = re(S);
-    return (c, s) => (t(), i("div", {
-      class: v(["sticker-message", [
-        F(e.message),
+    const G = () => S.value = !1, { onToggleReaction: W, onAddReaction: J, onRemoveReaction: K } = ke(M);
+    function Q() {
+      M("sms-invite", l.message);
+    }
+    return (c, t) => (a(), i("div", {
+      class: k(["sticker-message", [
+        L(e.message),
         e.applyStyle(e.message)
       ]]),
       messageId: e.message.messageId,
-      onMouseleave: s[5] || (s[5] = //@ts-ignore
-      (...l) => a(I) && a(I)(...l))
+      style: _(s(D)),
+      onMouseleave: t[5] || (t[5] = //@ts-ignore
+      (...o) => s(T) && s(T)(...o))
     }, [
-      e.message.avatar && e.isFirstInSeries ? (t(), i("img", {
+      e.message.avatar && e.isFirstInSeries ? (a(), i("img", {
         key: 0,
         class: "sticker-message__avatar",
         src: e.message.avatar,
         height: "32",
         width: "32"
-      }, null, 8, de)) : n("", !0),
-      e.message.subText && e.isFirstInSeries ? (t(), i("p", ke, x(e.message.subText), 1)) : n("", !0),
-      o("div", {
-        class: v(["sticker-message__content", { "is-first": e.isFirstInSeries, "with-avatar-indent": !e.isFirstInSeries && e.message.avatar }])
+      }, null, 8, he)) : n("", !0),
+      e.message.subText && e.isFirstInSeries ? (a(), i("p", we, R(e.message.subText), 1)) : n("", !0),
+      m("div", {
+        class: k(["sticker-message__content", { "is-first": e.isFirstInSeries, "with-avatar-indent": !e.isFirstInSeries && e.message.avatar }])
       }, [
-        e.message.reply ? (t(), g(ee, {
+        e.message.reply ? (a(), g(ie, {
           key: 0,
           style: { margin: "10px 10px 4px 16px" },
-          class: v(e.message.position),
+          class: k(e.message.position),
           message: e.message.reply,
-          onReply: a(P)
+          onReply: s(P)
         }, null, 8, ["class", "message", "onReply"])) : n("", !0),
-        o("div", {
+        m("div", {
           class: "sticker-message__preview-button",
-          onClick: s[1] || (s[1] = (l) => M.value = !0),
-          onMouseenter: O,
-          onMouseleave: s[2] || (s[2] = (l) => k.value = !k.value)
+          onClick: t[1] || (t[1] = (o) => S.value = !0),
+          onMouseenter: $,
+          onMouseleave: t[2] || (t[2] = (o) => v.value = !v.value)
         }, [
-          y.value && u.value ? (t(), i("tgs-player", {
+          y.value && u.value ? (a(), i("tgs-player", {
             key: 0,
             class: "sticker-message__preview-image-animated",
             src: e.message.url,
             autoplay: "",
             loop: "",
             mode: "normal"
-          }, null, 8, ve)) : (t(), i("img", {
+          }, null, 8, Me)) : (a(), i("img", {
             key: 1,
             class: "sticker-message__preview-image",
             src: e.message.url,
             alt: e.message.alt
-          }, null, 8, fe)),
+          }, null, 8, Se)),
           r(f, { name: "modal-fade" }, {
             default: d(() => [
-              k.value ? (t(), i("div", ye, [
-                e.message.views ? (t(), i("div", {
+              v.value ? (a(), i("div", Ce, [
+                e.message.views ? (a(), i("div", {
                   key: 0,
                   class: "sticker-message__views",
-                  onClick: s[0] || (s[0] = L(
+                  onClick: t[0] || (t[0] = p(
                     //@ts-ignore
-                    (...l) => a(A) && a(A)(...l),
+                    (...o) => s(A) && s(A)(...o),
                     ["stop"]
                   ))
                 }, [
-                  s[6] || (s[6] = o("span", { class: "pi pi-eye" }, null, -1)),
-                  o("p", null, x(e.message.views), 1)
+                  t[6] || (t[6] = m("span", { class: "pi pi-eye" }, null, -1)),
+                  m("p", null, R(e.message.views), 1)
                 ])) : n("", !0),
-                o("span", we, x(e.message.time), 1),
-                r(ae, {
+                m("span", Re, R(e.message.time), 1),
+                r(oe, {
                   "base-class": "sticker-message",
-                  "message-class": F(e.message),
+                  "message-class": L(e.message),
                   "message-status": e.message.status,
                   "status-class": j.value,
-                  "status-title": D.value
+                  "status-title": z.value
                 }, null, 8, ["message-class", "message-status", "status-class", "status-title"])
               ])) : n("", !0)
             ]),
@@ -158,91 +167,97 @@ const ge = ["messageId"], de = ["src"], ke = {
           }),
           r(f, { name: "modal-fade" }, {
             default: d(() => [
-              k.value ? (t(), i("a", {
+              v.value ? (a(), i("a", {
                 key: 0,
                 class: "sticker-message__download-button",
                 href: e.message.url,
                 download: "",
                 target: "_blank",
-                onClick: L(() => "//Предотвращаем всплытие события клика", ["stop"])
-              }, [...s[7] || (s[7] = [
-                o("span", { class: "pi pi-download" }, null, -1)
-              ])], 8, be)) : n("", !0)
+                onClick: p(() => "//Предотвращаем всплытие события клика", ["stop"])
+              }, [...t[7] || (t[7] = [
+                m("span", { class: "pi pi-download" }, null, -1)
+              ])], 8, xe)) : n("", !0)
             ]),
             _: 1
           })
         ], 32),
         r(f, { name: "modal-fade" }, {
           default: d(() => [
-            a(V) && e.message.actions ? (t(), i("button", {
+            s(E) && e.message.actions ? (a(), i("button", {
               key: 0,
               class: "sticker-message__menu-button",
-              onClick: s[3] || (s[3] = (l) => h.value = !a(h))
-            }, [...s[8] || (s[8] = [
-              o("span", { class: "pi pi-ellipsis-h" }, null, -1)
+              onClick: t[3] || (t[3] = (o) => C.value = !s(C))
+            }, [...t[8] || (t[8] = [
+              m("span", { class: "pi pi-ellipsis-h" }, null, -1)
             ])])) : n("", !0)
           ]),
           _: 1
         }),
         r(f, { name: "context-menu" }, {
           default: d(() => [
-            a(h) && e.message.actions ? (t(), g(Y, {
+            s(C) && e.message.actions ? (a(), g(se, {
               key: 0,
               class: "sticker-message__context-menu",
               actions: e.message.actions,
-              onClick: a(N)
+              onClick: s(N)
             }, null, 8, ["actions", "onClick"])) : n("", !0)
           ]),
           _: 1
         }),
-        e.message.text ? (t(), i("div", Me, [
-          o("p", {
-            onClick: s[4] || (s[4] = //@ts-ignore
-            (...l) => a(p) && a(p)(...l)),
-            innerHTML: a($)
-          }, null, 8, he)
+        e.message.text ? (a(), i("div", Ie, [
+          m("p", {
+            onClick: t[4] || (t[4] = //@ts-ignore
+            (...o) => s(F) && s(F)(...o)),
+            innerHTML: s(O)
+          }, null, 8, Te)
         ])) : n("", !0),
-        e.message.linkPreview ? (t(), g(Z, {
+        r(me, {
+          status: e.message.status,
+          "has-messenger-account": e.message.hasMessengerAccount,
+          channel: s(q),
+          onSmsInvite: Q
+        }, null, 8, ["status", "has-messenger-account", "channel"]),
+        e.message.linkPreview ? (a(), g(te, {
           key: 2,
-          class: v(["sticker-message__link-preview", e.message.position]),
+          class: k(["sticker-message__link-preview", e.message.position]),
           "link-preview": e.message.linkPreview
         }, null, 8, ["class", "link-preview"])) : n("", !0),
-        e.message.embed ? (t(), g(_, {
+        e.message.embed ? (a(), g(ae, {
           key: 3,
-          class: v(e.message.position),
+          class: k(e.message.position),
           embed: e.message.embed
         }, null, 8, ["class", "embed"])) : n("", !0),
-        r(te, {
+        r(le, {
           reactions: e.message.reactions,
           "message-id": e.message.messageId,
           enabled: e.reactionsEnabled,
-          onToggleReaction: a(z),
-          onAddReaction: a(G),
-          onRemoveReaction: a(W)
+          onToggleReaction: s(W),
+          onAddReaction: s(J),
+          onRemoveReaction: s(K)
         }, null, 8, ["reactions", "message-id", "enabled", "onToggleReaction", "onAddReaction", "onRemoveReaction"])
       ], 2),
-      (t(), g(X, { to: "body" }, [
+      (a(), g(ee, { to: "body" }, [
         r(f, { name: "modal-fade" }, {
           default: d(() => [
-            M.value ? (t(), g(se, {
+            S.value ? (a(), g(ne, {
               key: 0,
-              "data-theme": a(C)().theme ? a(C)().theme : "light",
-              onClose: q
+              "data-theme": s(x)().theme ? s(x)().theme : "light",
+              onClose: G
             }, {
               default: d(() => [
-                y.value && u.value ? (t(), i("tgs-player", {
+                y.value && u.value ? (a(), i("tgs-player", {
                   key: 0,
                   class: "sticker-message__modal-image-animated",
                   src: e.message.url,
                   autoplay: "",
                   loop: "",
                   mode: "normal"
-                }, null, 8, Re)) : (t(), i("img", {
+                }, null, 8, Ae)) : (a(), i("img", {
                   key: 1,
                   class: "sticker-message__modal-image",
                   src: e.message.url,
                   alt: e.message.alt
-                }, null, 8, xe))
+                }, null, 8, Fe))
               ]),
               _: 1
             }, 8, ["data-theme"])) : n("", !0)
@@ -250,9 +265,9 @@ const ge = ["messageId"], de = ["src"], ke = {
           _: 1
         })
       ]))
-    ], 42, ge));
+    ], 46, be));
   }
 });
 export {
-  We as default
+  _e as default
 };

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

@@ -1,7 +1,7 @@
 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 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";
@@ -60,16 +60,16 @@ const ae = ["messageId"], ne = ["src"], ie = {
       f(() => n.message),
       { cssVariable: "--chotto-textmessage-right-bg", position: "right" }
     );
-    function R(M) {
-      return se(M.position, "text-message");
+    function M(R) {
+      return se(R.position, "text-message");
     }
     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", {
+    return (R, t) => (a(), l("div", {
       class: g(["text-message", [
-        R(e.message),
+        M(e.message),
         e.applyStyle(e.message)
       ]]),
       messageId: e.message.messageId,
@@ -114,12 +114,12 @@ const ae = ["messageId"], ne = ["src"], ie = {
           (...o) => s(x) && s(x)(...o)),
           innerHTML: s(h)
         }, null, 8, oe),
-        e.message.linkPreview ? (a(), c($, {
+        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(), c(W, {
+        e.message.embed ? (a(), c($, {
           key: 2,
           class: g(e.message.position),
           embed: e.message.embed
@@ -145,7 +145,7 @@ const ae = ["messageId"], ne = ["src"], ie = {
           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

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