@mobilon-dev/chotto 0.3.42 → 0.3.44

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

@@ -0,0 +1,40 @@
+import { defineComponent as n, computed as C, createElementBlock as o, openBlock as l, normalizeStyle as c, normalizeClass as p, createStaticVNode as u } from "vue";
+const f = /* @__PURE__ */ n({
+  name: "ErrorStatusIcon",
+  __name: "ErrorStatusIcon",
+  props: {
+    size: {
+      type: [String, Number],
+      default: "inherit"
+    },
+    class: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(i) {
+    const t = i, a = C(() => `status-icon status-icon--error ${t.class}`.trim()), s = C(() => {
+      if (t.size === "inherit")
+        return {};
+      const e = typeof t.size == "number" ? `${t.size}px` : t.size;
+      return {
+        width: e,
+        height: e
+      };
+    });
+    return (e, r) => (l(), o("svg", {
+      class: p(a.value),
+      style: c(s.value),
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, [...r[0] || (r[0] = [
+      u('<g clip-path="url(#clip0_7935_4)" data-v-e278b0f5><path d="M8 15C6.14348 15 4.36301 14.2625 3.05025 12.9497C1.7375 11.637 1 9.85652 1 8C1 6.14348 1.7375 4.36301 3.05025 3.05025C4.36301 1.7375 6.14348 1 8 1C9.85652 1 11.637 1.7375 12.9497 3.05025C14.2625 4.36301 15 6.14348 15 8C15 9.85652 14.2625 11.637 12.9497 12.9497C11.637 14.2625 9.85652 15 8 15ZM8 16C10.1217 16 12.1566 15.1571 13.6569 13.6569C15.1571 12.1566 16 10.1217 16 8C16 5.87827 15.1571 3.84344 13.6569 2.34315C12.1566 0.842855 10.1217 0 8 0C5.87827 0 3.84344 0.842855 2.34315 2.34315C0.842855 3.84344 0 5.87827 0 8C0 10.1217 0.842855 12.1566 2.34315 13.6569C3.84344 15.1571 5.87827 16 8 16Z" fill="currentColor" data-v-e278b0f5></path><path d="M7.00195 11.0011C7.00195 10.8698 7.02782 10.7397 7.07807 10.6184C7.12833 10.4971 7.20199 10.3868 7.29485 10.294C7.38771 10.2011 7.49794 10.1275 7.61927 10.0772C7.7406 10.027 7.87063 10.0011 8.00195 10.0011C8.13328 10.0011 8.26331 10.027 8.38464 10.0772C8.50596 10.1275 8.6162 10.2011 8.70906 10.294C8.80192 10.3868 8.87558 10.4971 8.92583 10.6184C8.97609 10.7397 9.00195 10.8698 9.00195 11.0011C9.00195 11.2663 8.8966 11.5207 8.70906 11.7082C8.52152 11.8957 8.26717 12.0011 8.00195 12.0011C7.73674 12.0011 7.48238 11.8957 7.29485 11.7082C7.10731 11.5207 7.00195 11.2663 7.00195 11.0011ZM7.09995 4.99609C7.08664 4.86993 7.09999 4.74239 7.13915 4.62172C7.17831 4.50106 7.24241 4.38998 7.32727 4.29568C7.41214 4.20139 7.51588 4.12599 7.63176 4.07438C7.74765 4.02276 7.87309 3.99609 7.99995 3.99609C8.12681 3.99609 8.25226 4.02276 8.36814 4.07438C8.48403 4.12599 8.58777 4.20139 8.67263 4.29568C8.7575 4.38998 8.82159 4.50106 8.86075 4.62172C8.89991 4.74239 8.91327 4.86993 8.89995 4.99609L8.54995 8.50309C8.53819 8.64087 8.47516 8.76921 8.37331 8.86273C8.27146 8.95625 8.13823 9.00815 7.99995 9.00815C7.86168 9.00815 7.72844 8.95625 7.6266 8.86273C7.52475 8.76921 7.46171 8.64087 7.44995 8.50309L7.09995 4.99609Z" fill="currentColor" data-v-e278b0f5></path></g><defs data-v-e278b0f5><clipPath id="clip0_7935_4" data-v-e278b0f5><rect width="16" height="16" fill="white" data-v-e278b0f5></rect></clipPath></defs>', 2)
+    ])], 6));
+  }
+});
+export {
+  f as default
+};

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

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

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

@@ -0,0 +1,46 @@
+import { defineComponent as l, computed as s, createElementBlock as a, openBlock as u, normalizeStyle as c, normalizeClass as p, createElementVNode as d } from "vue";
+const g = /* @__PURE__ */ l({
+  name: "PendingStatusIcon",
+  __name: "PendingStatusIcon",
+  props: {
+    size: {
+      type: [String, Number],
+      default: "inherit"
+    },
+    class: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(o) {
+    const e = o, i = s(() => `status-icon status-icon--pending ${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) => (u(), a("svg", {
+      class: p(i.value),
+      style: c(r.value),
+      width: "16",
+      height: "16",
+      viewBox: "2 2 20 20",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, [...n[0] || (n[0] = [
+      d("path", {
+        d: "M12 7V12H15M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z",
+        stroke: "currentColor",
+        "stroke-width": "2",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
+      }, null, -1)
+    ])], 6));
+  }
+});
+export {
+  g as default
+};

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

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

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