@mobilon-dev/chotto 0.3.43 → 0.3.44

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

@@ -1,35 +1,36 @@
-import { defineComponent as ce, inject as de, ref as f, watch as N, nextTick as j, onMounted as fe, onUnmounted as ve, computed as k, createElementBlock as u, openBlock as i, normalizeStyle as U, normalizeClass as v, unref as a, createCommentVNode as n, createElementVNode as l, createBlock as b, createVNode as r, withCtx as d, createTextVNode as be, toDisplayString as A, Transition as x, withModifiers as D, Teleport as ye } from "vue";
-import we from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
-import pe from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
-import he from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
-import ke from "../BaseReplyMessage/BaseReplyMessage.vue.js";
-import xe from "../../2_modals/ModalFullscreen/ModalFullscreen.vue.js";
-import Re from "../MessageReactions/MessageReactions.vue.js";
-import Me from "../MessageStatusIndicator/MessageStatusIndicator.vue.js";
-import Ce from "../../1_atoms/Tooltip/Tooltip.vue.js";
-import { useMessageActions as Te } from "../../../hooks/messages/useMessageActions.js";
-import { useMessageLinks as Ie } from "../../../hooks/messages/useMessageLinks.js";
-import { useChannelAccentColor as Se } from "../../../hooks/messages/useChannelAccentColor.js";
-import { useSubtextTooltip as je } from "../../../hooks/messages/useSubtextTooltip.js";
-import { getStatus as Ae, getStatusTitle as Le } from "../../../functions/getStatusMessage.js";
-import { getMessageClass as Ee } from "../../../functions/getMessageClass.js";
-import { createReactionHandlers as Be } from "../../../functions/createReactionHandlers.js";
+import { defineComponent as fe, inject as ve, ref as f, watch as N, nextTick as A, onMounted as be, onUnmounted as he, computed as k, createElementBlock as u, openBlock as i, normalizeStyle as U, normalizeClass as v, unref as t, createCommentVNode as n, createElementVNode as l, createBlock as b, createVNode as r, withCtx as d, createTextVNode as ye, toDisplayString as L, Transition as x, withModifiers as D, Teleport as we } from "vue";
+import pe from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
+import ke from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
+import xe from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
+import Re from "../BaseReplyMessage/BaseReplyMessage.vue.js";
+import Me from "../../2_modals/ModalFullscreen/ModalFullscreen.vue.js";
+import Ce from "../MessageReactions/MessageReactions.vue.js";
+import Te from "../MessageStatusIndicator/MessageStatusIndicator.vue.js";
+import Ie from "../MessageSmsInvite/MessageSmsInvite.vue.js";
+import Se from "../../1_atoms/Tooltip/Tooltip.vue.js";
+import { useMessageActions as je } from "../../../hooks/messages/useMessageActions.js";
+import { useMessageLinks as Ae } from "../../../hooks/messages/useMessageLinks.js";
+import { useChannelAccentColor as Le } from "../../../hooks/messages/useChannelAccentColor.js";
+import { useSubtextTooltip as Ee } from "../../../hooks/messages/useSubtextTooltip.js";
+import { getStatus as Be, getStatusTitle as Oe } from "../../../functions/getStatusMessage.js";
+import { getMessageClass as ze } from "../../../functions/getMessageClass.js";
+import { createReactionHandlers as Fe } from "../../../functions/createReactionHandlers.js";
 import "../../../functions/parseMarkdown.js";
 import "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
-import { useTheme as Oe } from "../../../hooks/useTheme.js";
+import { useTheme as Ve } from "../../../hooks/useTheme.js";
 /* empty css                              */
 /* empty css                                              */
-const ze = ["messageId"], Fe = ["src"], Ve = {
+const He = ["messageId"], We = ["src"], $e = {
   key: 1,
   class: "image-message__subtext"
-}, $e = {
+}, Ne = {
   key: 0,
   class: "image-message__blur-wrapper"
-}, He = ["src", "alt"], We = ["src", "alt"], Ne = ["src", "alt"], Ue = {
+}, Ue = ["src", "alt"], De = ["src", "alt"], Pe = ["src", "alt"], qe = {
   key: 0,
   class: "image-message__info-container"
-}, De = { class: "image-message__time" }, Pe = ["innerHTML"], qe = ["src", "alt"], fs = /* @__PURE__ */ ce({
+}, Ge = { class: "image-message__time" }, Je = ["innerHTML"], Ke = ["src", "alt"], ys = /* @__PURE__ */ fe({
   __name: "ImageMessage",
   props: {
     message: {
@@ -54,66 +55,66 @@ const ze = ["messageId"], Fe = ["src"], Ve = {
       default: () => ({})
     }
   },
-  emits: ["action", "reply"],
+  emits: ["action", "reply", "sms-invite"],
   setup(e, { emit: P }) {
-    const q = de("chatAppId"), { getTheme: L } = Oe(q), s = e, E = P, C = f(!1), {
-      isOpenMenu: T,
+    const q = ve("chatAppId"), { getTheme: E } = Ve(q), s = e, C = P, T = f(!1), {
+      isOpenMenu: I,
       buttonMenuVisible: G,
       showMenu: J,
       hideMenu: K,
       clickAction: Q,
       viewsAction: B,
       handleClickReplied: X
-    } = Te(s.message, E), R = f(!1), { linkedHtml: O, inNewWindow: z } = Ie(() => s.message.text), c = f(null), g = f(null), y = f(0), I = f(0);
+    } = je(s.message, C), R = f(!1), { linkedHtml: O, inNewWindow: z } = Ae(() => s.message.text), c = f(null), g = f(null), h = f(0), S = f(0);
     N(
       () => O.value,
       () => {
-        w(), j(() => {
+        y(), A(() => {
           o && g.value && o.observe(g.value);
         });
       }
     );
-    const w = () => {
-      j(() => {
-        c.value && (y.value = c.value.offsetWidth), g.value && (I.value = g.value.offsetWidth);
+    const y = () => {
+      A(() => {
+        c.value && (h.value = c.value.offsetWidth), g.value && (S.value = g.value.offsetWidth);
       });
     };
     let o = null, M = null;
-    fe(() => {
-      w(), M = () => w(), window.addEventListener("resize", M), typeof ResizeObserver < "u" && (o = new ResizeObserver(() => {
-        w();
+    be(() => {
+      y(), M = () => y(), window.addEventListener("resize", M), typeof ResizeObserver < "u" && (o = new ResizeObserver(() => {
+        y();
       }), c.value && o.observe(c.value), g.value && o.observe(g.value));
-    }), ve(() => {
+    }), he(() => {
       M && window.removeEventListener("resize", M), o && o.disconnect();
     }), N(
       () => [s.message.text, s.message.url],
       () => {
-        w(), j(() => {
+        y(), A(() => {
           o && (o.disconnect(), c.value && o.observe(c.value), g.value && o.observe(g.value));
         });
       },
       { immediate: !0 }
     );
-    const F = k(() => s.message.text && I.value > y.value && y.value > 0), Y = () => {
+    const F = k(() => s.message.text && S.value > h.value && h.value > 0), Y = () => {
       J(), R.value = !0;
     }, V = () => {
       K(), R.value = !1;
-    }, Z = k(() => s.message.reply && s.message.text ? "0" : s.message.text ? I.value > y.value && y.value > 0 ? "0" : "8px 8px 0 0" : s.message.reply ? "0 0 8px 8px" : "8px"), _ = k(() => Ae(s.message.status)), ee = k(() => Le(s.message.status, s.message.statusMsg)), { bubbleStyle: se } = Se(
+    }, Z = k(() => s.message.reply && s.message.text ? "0" : s.message.text ? S.value > h.value && h.value > 0 ? "0" : "8px 8px 0 0" : s.message.reply ? "0 0 8px 8px" : "8px"), _ = k(() => Be(s.message.status)), ee = k(() => Oe(s.message.status, s.message.statusMsg)), { bubbleStyle: se, messageChannelId: te } = Le(
       k(() => s.message),
       { cssVariable: "--chotto-imagemessage-right-bg", position: "right" }
     );
-    function $(p) {
-      return Ee(p.position, "image-message");
+    function H(w) {
+      return ze(w.position, "image-message");
     }
-    const te = () => C.value = !1, ae = async () => {
-      var p, t;
+    const ae = () => T.value = !1, ie = async () => {
+      var w, a;
       if (s.message.url)
         try {
           const m = await fetch(s.message.url, {
             headers: {
               Accept: "image/*"
             }
-          }), me = m.headers.get("content-type") || "", ge = await m.blob(), S = ((t = (p = s.message.url.split(".").pop()) == null ? void 0 : p.split("?")[0]) == null ? void 0 : t.toLowerCase()) || "", ue = {
+          }), ue = m.headers.get("content-type") || "", re = await m.blob(), j = ((a = (w = s.message.url.split(".").pop()) == null ? void 0 : w.split("?")[0]) == null ? void 0 : a.toLowerCase()) || "", ce = {
             "image/jpeg": "jpg",
             "image/jpg": "jpg",
             "image/png": "png",
@@ -122,20 +123,23 @@ const ze = ["messageId"], Fe = ["src"], Ve = {
             "image/svg+xml": "svg",
             "image/bmp": "bmp"
           };
-          let H = S && ["jpg", "jpeg", "png", "gif", "webp", "svg", "bmp"].includes(S) ? S : ue[me] || "jpg";
-          const re = s.message.alt ? s.message.alt.includes(".") ? s.message.alt : `${s.message.alt}.${H}` : `image-${s.message.messageId}.${H}`, W = window.URL.createObjectURL(ge), h = document.createElement("a");
-          h.href = W, h.download = re, document.body.appendChild(h), h.click(), document.body.removeChild(h), window.URL.revokeObjectURL(W);
+          let W = j && ["jpg", "jpeg", "png", "gif", "webp", "svg", "bmp"].includes(j) ? j : ce[ue] || "jpg";
+          const de = s.message.alt ? s.message.alt.includes(".") ? s.message.alt : `${s.message.alt}.${W}` : `image-${s.message.messageId}.${W}`, $ = window.URL.createObjectURL(re), p = document.createElement("a");
+          p.href = $, p.download = de, document.body.appendChild(p), p.click(), document.body.removeChild(p), window.URL.revokeObjectURL($);
         } catch (m) {
           console.error("Ошибка при скачивании изображения:", m);
         }
-    }, { onToggleReaction: ie, onAddReaction: ne, onRemoveReaction: le } = Be(E), oe = je(() => s.message, () => s.subtextTooltipData);
-    return (p, t) => (i(), u("div", {
+    }, { onToggleReaction: ne, onAddReaction: le, onRemoveReaction: oe } = Fe(C), me = Ee(() => s.message, () => s.subtextTooltipData);
+    function ge() {
+      C("sms-invite", s.message);
+    }
+    return (w, a) => (i(), u("div", {
       class: v(["image-message", [
-        $(e.message),
+        H(e.message),
         e.applyStyle(e.message)
       ]]),
       messageId: e.message.messageId,
-      style: U(a(se)),
+      style: U(t(se)),
       onMouseleave: V
     }, [
       e.message.avatar && e.isFirstInSeries ? (i(), u("img", {
@@ -144,15 +148,15 @@ const ze = ["messageId"], Fe = ["src"], Ve = {
         src: e.message.avatar,
         height: "32",
         width: "32"
-      }, null, 8, Fe)) : n("", !0),
-      e.message.subText && e.isFirstInSeries ? (i(), u("p", Ve, [
-        r(Ce, {
-          text: a(oe),
+      }, null, 8, We)) : n("", !0),
+      e.message.subText && e.isFirstInSeries ? (i(), u("p", $e, [
+        r(Se, {
+          text: t(me),
           position: e.message.position === "left" ? "right" : "left",
           offset: 8
         }, {
           default: d(() => [
-            be(A(e.message.subText), 1)
+            ye(L(e.message.subText), 1)
           ]),
           _: 1
         }, 8, ["text", "position"])
@@ -160,30 +164,30 @@ const ze = ["messageId"], Fe = ["src"], Ve = {
       l("div", {
         class: v(["image-message__content", { "is-first": e.isFirstInSeries, "with-avatar-indent": !e.isFirstInSeries && e.message.avatar }])
       }, [
-        e.message.reply ? (i(), b(ke, {
+        e.message.reply ? (i(), b(Re, {
           key: 0,
           style: { margin: "10px 10px 4px 16px" },
           class: v(e.message.position),
           message: e.message.reply,
-          onReply: a(X)
+          onReply: t(X)
         }, null, 8, ["class", "message", "onReply"])) : n("", !0),
         l("div", {
           class: v(["image-message__preview-button", { "image-message__preview-button--blur-edges": F.value }]),
-          onClick: t[1] || (t[1] = (m) => C.value = !0),
+          onClick: a[1] || (a[1] = (m) => T.value = !0),
           onMouseenter: Y,
           onMouseleave: V
         }, [
-          F.value ? (i(), u("div", $e, [
+          F.value ? (i(), u("div", Ne, [
             l("img", {
               class: "image-message__blur-left",
               src: e.message.url,
               alt: e.message.alt
-            }, null, 8, He),
+            }, null, 8, Ue),
             l("img", {
               class: "image-message__blur-right",
               src: e.message.url,
               alt: e.message.alt
-            }, null, 8, We)
+            }, null, 8, De)
           ])) : n("", !0),
           l("img", {
             ref_key: "imageRef",
@@ -192,26 +196,26 @@ const ze = ["messageId"], Fe = ["src"], Ve = {
             style: U({ borderRadius: Z.value }),
             src: e.message.url,
             alt: e.message.alt
-          }, null, 12, Ne),
+          }, null, 12, Pe),
           r(x, { name: "modal-fade" }, {
             default: d(() => [
-              R.value ? (i(), u("div", Ue, [
+              R.value ? (i(), u("div", qe, [
                 e.message.views ? (i(), u("div", {
                   key: 0,
                   class: "image-message__views",
-                  onClick: t[0] || (t[0] = D(
+                  onClick: a[0] || (a[0] = D(
                     //@ts-ignore
-                    (...m) => a(B) && a(B)(...m),
+                    (...m) => t(B) && t(B)(...m),
                     ["stop"]
                   ))
                 }, [
-                  t[4] || (t[4] = l("span", { class: "pi pi-eye" }, null, -1)),
-                  l("p", null, A(e.message.views), 1)
+                  a[4] || (a[4] = l("span", { class: "pi pi-eye" }, null, -1)),
+                  l("p", null, L(e.message.views), 1)
                 ])) : n("", !0),
-                l("span", De, A(e.message.time), 1),
-                r(Me, {
+                l("span", Ge, L(e.message.time), 1),
+                r(Te, {
                   "base-class": "image-message",
-                  "message-class": $(e.message),
+                  "message-class": H(e.message),
                   "message-status": e.message.status,
                   "status-class": _.value,
                   "status-title": ee.value
@@ -225,8 +229,8 @@ const ze = ["messageId"], Fe = ["src"], Ve = {
               R.value ? (i(), u("button", {
                 key: 0,
                 class: "image-message__download-button",
-                onClick: D(ae, ["stop"])
-              }, [...t[5] || (t[5] = [
+                onClick: D(ie, ["stop"])
+              }, [...a[5] || (a[5] = [
                 l("span", { class: "pi pi-download" }, null, -1)
               ])])) : n("", !0)
             ]),
@@ -235,11 +239,11 @@ const ze = ["messageId"], Fe = ["src"], Ve = {
         ], 34),
         r(x, { name: "modal-fade" }, {
           default: d(() => [
-            a(G) && e.message.actions ? (i(), u("button", {
+            t(G) && e.message.actions ? (i(), u("button", {
               key: 0,
               class: "image-message__menu-button",
-              onClick: t[2] || (t[2] = (m) => T.value = !a(T))
-            }, [...t[6] || (t[6] = [
+              onClick: a[2] || (a[2] = (m) => I.value = !t(I))
+            }, [...a[6] || (a[6] = [
               l("span", { class: "pi pi-ellipsis-h" }, null, -1)
             ])])) : n("", !0)
           ]),
@@ -247,11 +251,11 @@ const ze = ["messageId"], Fe = ["src"], Ve = {
         }),
         r(x, { name: "context-menu" }, {
           default: d(() => [
-            a(T) && e.message.actions ? (i(), b(we, {
+            t(I) && e.message.actions ? (i(), b(pe, {
               key: 0,
               class: "image-message__context-menu",
               actions: e.message.actions,
-              onClick: a(Q)
+              onClick: t(Q)
             }, null, 8, ["actions", "onClick"])) : n("", !0)
           ]),
           _: 1
@@ -263,44 +267,50 @@ const ze = ["messageId"], Fe = ["src"], Ve = {
           class: "image-message__text-container"
         }, [
           l("p", {
-            onClick: t[3] || (t[3] = //@ts-ignore
-            (...m) => a(z) && a(z)(...m)),
-            innerHTML: a(O)
-          }, null, 8, Pe)
+            onClick: a[3] || (a[3] = //@ts-ignore
+            (...m) => t(z) && t(z)(...m)),
+            innerHTML: t(O)
+          }, null, 8, Je)
         ], 512)) : n("", !0),
-        e.message.linkPreview ? (i(), b(pe, {
+        r(Ie, {
+          status: e.message.status,
+          "has-messenger-account": e.message.hasMessengerAccount,
+          channel: t(te),
+          onSmsInvite: ge
+        }, null, 8, ["status", "has-messenger-account", "channel"]),
+        e.message.linkPreview ? (i(), b(ke, {
           key: 2,
           class: v(["image-message__link-preview", e.message.position]),
           "link-preview": e.message.linkPreview
         }, null, 8, ["class", "link-preview"])) : n("", !0),
-        e.message.embed ? (i(), b(he, {
+        e.message.embed ? (i(), b(xe, {
           key: 3,
           class: v(e.message.position),
           embed: e.message.embed
         }, null, 8, ["class", "embed"])) : n("", !0),
-        r(Re, {
+        r(Ce, {
           reactions: e.message.reactions,
           "message-id": e.message.messageId,
           enabled: e.reactionsEnabled,
-          onToggleReaction: a(ie),
-          onAddReaction: a(ne),
-          onRemoveReaction: a(le)
+          onToggleReaction: t(ne),
+          onAddReaction: t(le),
+          onRemoveReaction: t(oe)
         }, null, 8, ["reactions", "message-id", "enabled", "onToggleReaction", "onAddReaction", "onRemoveReaction"])
       ], 2),
-      (i(), b(ye, { to: "body" }, [
+      (i(), b(we, { to: "body" }, [
         r(x, { name: "modal-fade" }, {
           default: d(() => [
-            C.value ? (i(), b(xe, {
+            T.value ? (i(), b(Me, {
               key: 0,
-              "data-theme": a(L)().theme ? a(L)().theme : "light",
-              onClose: te
+              "data-theme": t(E)().theme ? t(E)().theme : "light",
+              onClose: ae
             }, {
               default: d(() => [
                 l("img", {
                   class: "image-message__modal-image",
                   src: e.message.url,
                   alt: e.message.alt
-                }, null, 8, qe)
+                }, null, 8, Ke)
               ]),
               _: 1
             }, 8, ["data-theme"])) : n("", !0)
@@ -308,9 +318,9 @@ const ze = ["messageId"], Fe = ["src"], Ve = {
           _: 1
         })
       ]))
-    ], 46, ze));
+    ], 46, He));
   }
 });
 export {
-  fs as default
+  ys as default
 };

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

@@ -1,73 +1,7 @@
-import { defineComponent as p, computed as n, createBlock as m, createCommentVNode as r, openBlock as e, withCtx as d, createElementVNode as l, normalizeClass as g, createElementBlock as a, Fragment as C } from "vue";
-import f from "../../1_atoms/Tooltip/Tooltip.vue.js";
-import { statuses as y } from "../../../functions/getStatusMessage.js";
-import "../../../functions/parseMarkdown.js";
-const S = {
-  key: 0,
-  class: "pi pi-clock"
-}, k = {
-  key: 1,
-  class: "pi pi-exclamation-circle"
-}, h = {
-  key: 0,
-  class: "pi pi-check"
-}, v = /* @__PURE__ */ p({
-  name: "MessageStatusIndicator",
-  __name: "MessageStatusIndicator",
-  props: {
-    baseClass: {
-      type: String,
-      required: !0
-    },
-    messageStatus: {
-      type: String,
-      required: !0
-    },
-    statusClass: {
-      type: String,
-      default: ""
-    },
-    statusTitle: {
-      type: String,
-      default: ""
-    },
-    messageClass: {
-      type: String,
-      required: !0
-    },
-    tooltipPosition: {
-      type: String,
-      default: "bottom-left"
-    },
-    statuses: {
-      type: Array,
-      default: () => y
-    }
-  },
-  setup(s) {
-    const t = s, u = n(() => t.messageClass === `${t.baseClass}__right` && t.statuses.includes(t.messageStatus)), c = n(() => {
-      const i = [`${t.baseClass}__status`];
-      return t.statusClass && i.push(t.statusClass), i;
-    });
-    return (i, o) => u.value ? (e(), m(f, {
-      key: 0,
-      text: s.statusTitle,
-      position: s.tooltipPosition
-    }, {
-      default: d(() => [
-        l("div", {
-          class: g(c.value)
-        }, [
-          s.messageStatus === "pending" ? (e(), a("span", S)) : s.messageStatus === "error" ? (e(), a("span", k)) : (e(), a(C, { key: 2 }, [
-            s.messageStatus !== "sent" ? (e(), a("span", h)) : r("", !0),
-            o[0] || (o[0] = l("span", { class: "pi pi-check" }, null, -1))
-          ], 64))
-        ], 2)
-      ]),
-      _: 1
-    }, 8, ["text", "position"])) : r("", !0);
-  }
-});
+import t from "./MessageStatusIndicator.vue2.js";
+/* empty css                            */
+import o from "../../../_virtual/_plugin-vue_export-helper.js";
+const c = /* @__PURE__ */ o(t, [["__scopeId", "data-v-744777cc"]]);
 export {
-  v as default
+  c as default
 };

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

@@ -1,4 +1,66 @@
-import f from "./MessageStatusIndicator.vue.js";
+import { defineComponent as m, computed as i, createBlock as s, createCommentVNode as l, openBlock as a, withCtx as c, createElementVNode as d, normalizeClass as g, unref as r } from "vue";
+import p from "../../1_atoms/Tooltip/Tooltip.vue.js";
+import { statuses as S } from "../../../functions/getStatusMessage.js";
+import "../../../functions/parseMarkdown.js";
+import f from "./icons/ErrorStatusIcon.vue.js";
+import y from "./icons/PendingStatusIcon.vue.js";
+import C from "./icons/ReadStatusIcon.vue.js";
+import k from "./icons/ReceivedStatusIcon.vue.js";
+import I from "./icons/SentStatusIcon.vue.js";
+const M = /* @__PURE__ */ m({
+  name: "MessageStatusIndicator",
+  __name: "MessageStatusIndicator",
+  props: {
+    baseClass: {
+      type: String,
+      required: !0
+    },
+    messageStatus: {
+      type: String,
+      required: !0
+    },
+    statusClass: {
+      type: String,
+      default: ""
+    },
+    statusTitle: {
+      type: String,
+      default: ""
+    },
+    messageClass: {
+      type: String,
+      required: !0
+    },
+    tooltipPosition: {
+      type: String,
+      default: "bottom-left"
+    },
+    statuses: {
+      type: Array,
+      default: () => S
+    }
+  },
+  setup(t) {
+    const e = t, u = i(() => e.messageClass === `${e.baseClass}__right` && e.statuses.includes(e.messageStatus)), n = i(() => {
+      const o = [`${e.baseClass}__status`];
+      return e.statusClass && o.push(e.statusClass), o;
+    });
+    return (o, b) => u.value ? (a(), s(p, {
+      key: 0,
+      text: t.statusTitle,
+      position: t.tooltipPosition
+    }, {
+      default: c(() => [
+        d("div", {
+          class: g(["message-status-indicator", ...n.value])
+        }, [
+          t.messageStatus === "pending" ? (a(), s(r(y), { key: 0 })) : t.messageStatus === "error" ? (a(), s(r(f), { key: 1 })) : t.messageStatus === "read" ? (a(), s(r(C), { key: 2 })) : t.messageStatus === "received" ? (a(), s(r(k), { key: 3 })) : (a(), s(r(I), { key: 4 }))
+        ], 2)
+      ]),
+      _: 1
+    }, 8, ["text", "position"])) : l("", !0);
+  }
+});
 export {
-  f as default
+  M as default
 };

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

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

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