@mobilon-dev/chotto 0.3.108 → 0.3.110

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

@@ -1,4 +1,4 @@
-import { ref as D, computed as u, onMounted as H, nextTick as O, onUpdated as P, onBeforeUnmount as W, createElementBlock as l, openBlock as s, renderSlot as M, createBlock as f, createCommentVNode as n, createElementVNode as c, createVNode as Q, unref as e, toDisplayString as h, createTextVNode as j, Fragment as v, renderList as k, normalizeStyle as R, Transition as Y, withCtx as G } from "vue";
+import { ref as D, computed as h, onMounted as H, nextTick as O, onUpdated as P, onBeforeUnmount as W, createElementBlock as l, openBlock as s, renderSlot as M, createBlock as f, createCommentVNode as n, createElementVNode as c, createVNode as Q, unref as e, toDisplayString as u, createTextVNode as j, Fragment as v, renderList as k, normalizeStyle as R, Transition as Y, withCtx as G } from "vue";
 import _ from "../../2_chatlist_elements/ChatItem/ChatItem.vue.js";
 import J from "../../2_chatlist_elements/ChatFilter/ChatFilter.vue.js";
 import K from "../../2_chatlist_elements/ChatTabs/ChatTabs.vue.js";
@@ -9,7 +9,10 @@ import { useChatListFilter as et } from "./composables/useChatListFilter.js";
 import { useChatListActions as at } from "./composables/useChatListActions.js";
 /* empty css              */
 import st from "../../../_virtual/_plugin-vue_export-helper.js";
-const ot = { class: "chat-list" }, it = {
+const ot = {
+  class: "chat-list",
+  "data-testid": "chat-list"
+}, it = {
   key: 2,
   class: "chat-list__search-indicator"
 }, lt = { class: "chat-list__search-content" }, nt = { class: "chat-list__search-text" }, rt = {
@@ -21,10 +24,10 @@ const ot = { class: "chat-list" }, it = {
 }, dt = {
   key: 0,
   class: "chat-list__search-stats"
-}, ut = {
+}, ht = {
   key: 3,
   class: "chat-list__fixed-items-top"
-}, ht = { class: "chat-list__placeholder" }, gt = { class: "chat-list__placeholder-title" }, ft = {
+}, ut = { class: "chat-list__placeholder" }, gt = { class: "chat-list__placeholder-title" }, ft = {
   key: 0,
   class: "chat-list__placeholder-hint"
 }, mt = {
@@ -94,17 +97,17 @@ const ot = { class: "chat-list" }, it = {
   },
   emits: ["select", "action", "loadMoreChats", "expand", "tab-click", "search", "clear-search"],
   setup(a, { emit: I }) {
-    const i = a, g = I, y = D(), T = D(0), C = u(() => i.chats), m = () => {
+    const i = a, g = I, y = D(), T = D(0), C = h(() => i.chats), m = () => {
       var r;
       T.value = ((r = y.value) == null ? void 0 : r.offsetTop) ?? 0;
-    }, $ = u(() => ({
+    }, $ = h(() => ({
       transform: `translateY(${-(T.value / 2)}px)`
-    })), b = u(() => {
+    })), b = h(() => {
       var r, o, t;
       return ((r = i.searchQuery) == null ? void 0 : r.trim()) || ((o = i.filterQuery) == null ? void 0 : o.trim()) || ((t = V.value) == null ? void 0 : t.trim()) || "";
-    }), w = u(
+    }), w = h(
       () => b.value.length > 0 && !i.isSearching
-    ), N = u(() => w.value ? `Не нашли чат по запросу "${b.value}"` : i.placeholderTitle), L = u(() => w.value ? "" : i.placeholderHint), {
+    ), N = h(() => w.value ? `Не нашли чат по запросу "${b.value}"` : i.placeholderTitle), L = h(() => w.value ? "" : i.placeholderHint), {
       isShowButton: U,
       scrollToTopForce: E,
       scrollCheck: B,
@@ -143,9 +146,9 @@ const ot = { class: "chat-list" }, it = {
       a.isSearching || a.searchQuery ? (s(), l("div", it, [
         c("div", lt, [
           c("div", nt, [
-            a.isSearching ? (s(), l("span", rt, h(a.searchProgress || "Поиск..."), 1)) : (s(), l("span", ct, [
-              j(' Поиск "' + h(a.searchQuery) + '" завершён ', 1),
-              a.searchStats.loaded > 0 ? (s(), l("span", dt, " (" + h(a.searchStats.loaded) + " " + h(a.searchStats.total !== "?" ? `из ${a.searchStats.total}` : "") + ") ", 1)) : n("", !0)
+            a.isSearching ? (s(), l("span", rt, u(a.searchProgress || "Поиск..."), 1)) : (s(), l("span", ct, [
+              j(' Поиск "' + u(a.searchQuery) + '" завершён ', 1),
+              a.searchStats.loaded > 0 ? (s(), l("span", dt, " (" + u(a.searchStats.loaded) + " " + u(a.searchStats.total !== "?" ? `из ${a.searchStats.total}` : "") + ") ", 1)) : n("", !0)
             ]))
           ]),
           a.searchQuery ? (s(), l("button", {
@@ -158,7 +161,7 @@ const ot = { class: "chat-list" }, it = {
           ])])) : n("", !0)
         ])
       ])) : n("", !0),
-      !i.isLoading && e(d)().filter((t) => t.isFixedTop).length > 0 ? (s(), l("div", ut, [
+      !i.isLoading && e(d)().filter((t) => t.isFixedTop).length > 0 ? (s(), l("div", ht, [
         (s(!0), l(v, null, k(e(d)().filter((t) => t.isFixedTop), (t) => (s(), f(_, {
           key: t.chatId,
           class: "chat-list__item",
@@ -187,9 +190,9 @@ const ot = { class: "chat-list" }, it = {
           class: "chat-list__no-data",
           style: R($.value)
         }, [
-          c("div", ht, [
-            c("p", gt, h(N.value), 1),
-            L.value ? (s(), l("p", ft, h(L.value), 1)) : n("", !0)
+          c("div", ut, [
+            c("p", gt, u(N.value), 1),
+            L.value ? (s(), l("p", ft, u(L.value), 1)) : n("", !0)
           ])
         ], 4)) : (s(!0), l(v, { key: 1 }, k(e(d)().filter((t) => !t.isFixedBottom && !t.isFixedTop), (t) => (s(), f(_, {
           key: t.chatId,
@@ -228,7 +231,7 @@ const ot = { class: "chat-list" }, it = {
       })
     ]));
   }
-}, Et = /* @__PURE__ */ st(yt, [["__scopeId", "data-v-20eeef36"]]);
+}, Et = /* @__PURE__ */ st(yt, [["__scopeId", "data-v-0ace4fd3"]]);
 export {
   Et as default
 };

package/dist/components/3_compounds/ChatList/ChatListHeader.vue.js

@@ -1,12 +1,15 @@
-import { createElementBlock as a, openBlock as e, createElementVNode as i, renderSlot as c, createBlock as s, createCommentVNode as o, toDisplayString as d, withCtx as p } from "vue";
-import _ from "./icons/LogoIcon.vue.js";
+import { createElementBlock as o, openBlock as e, createElementVNode as i, renderSlot as r, createCommentVNode as a, createBlock as n, toDisplayString as c, withCtx as _ } from "vue";
+import p from "./icons/LogoIcon.vue.js";
 import u from "../../1_atoms/Tooltip/Tooltip.vue.js";
 /* empty css                    */
-import m from "../../../_virtual/_plugin-vue_export-helper.js";
-const b = { class: "chat-list__title-container" }, f = { class: "chat-list__title-block" }, h = {
+import f from "../../../_virtual/_plugin-vue_export-helper.js";
+const m = { class: "chat-list__title-container" }, g = { class: "chat-list__title-block" }, b = {
+  key: 0,
+  class: "chat-list__title-logo"
+}, h = ["src"], y = {
   key: 1,
   class: "chat-list__title"
-}, y = {
+}, k = {
   __name: "ChatListHeader",
   props: {
     title: {
@@ -17,9 +20,13 @@ const b = { class: "chat-list__title-container" }, f = { class: "chat-list__titl
       type: Boolean,
       default: !0
     },
+    logoSrc: {
+      type: String,
+      default: void 0
+    },
     logoEnabled: {
       type: Boolean,
-      default: !0
+      default: !1
     },
     betaEnabled: {
       type: Boolean,
@@ -31,30 +38,35 @@ const b = { class: "chat-list__title-container" }, f = { class: "chat-list__titl
 Некоторые функции находятся в разработке.`
     }
   },
-  setup(r) {
-    const t = r;
-    return (n, l) => (e(), a("div", b, [
-      i("div", f, [
-        t.logoEnabled ? (e(), s(_, {
-          key: 0,
-          class: "chat-list__title-logo"
-        })) : o("", !0),
-        t.titleEnabled ? (e(), a("h2", h, d(t.title), 1)) : o("", !0),
-        t.betaEnabled ? (e(), s(u, {
+  setup(d) {
+    const t = d;
+    return (l, s) => (e(), o("div", m, [
+      i("div", g, [
+        l.$slots.logo || t.logoSrc || t.logoEnabled ? (e(), o("div", b, [
+          r(l.$slots, "logo", {}, () => [
+            t.logoSrc ? (e(), o("img", {
+              key: 0,
+              src: t.logoSrc,
+              alt: ""
+            }, null, 8, h)) : (e(), n(p, { key: 1 }))
+          ], !0)
+        ])) : a("", !0),
+        t.titleEnabled ? (e(), o("h2", y, c(t.title), 1)) : a("", !0),
+        t.betaEnabled ? (e(), n(u, {
           key: 2,
           text: t.betaTooltipText,
           position: "bottom"
         }, {
-          default: p(() => [...l[0] || (l[0] = [
+          default: _(() => [...s[0] || (s[0] = [
             i("div", { class: "chat-list__title-beta-badge" }, " beta ", -1)
           ])]),
           _: 1
-        }, 8, ["text"])) : o("", !0)
+        }, 8, ["text"])) : a("", !0)
       ]),
-      c(n.$slots, "actions", {}, void 0, !0)
+      r(l.$slots, "actions", {}, void 0, !0)
     ]));
   }
-}, T = /* @__PURE__ */ m(y, [["__scopeId", "data-v-5ce39f28"]]);
+}, T = /* @__PURE__ */ f(k, [["__scopeId", "data-v-07df1d69"]]);
 export {
   T 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-41177197"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-f5bc4663"]]);
 export {
-  p as default
+  m as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as Te, ref as S, computed as l, provide as A, inject as G, unref as s, watch as B, nextTick as F, onMounted as De, createElementBlock as y, openBlock as i, createVNode as p, createBlock as f, createCommentVNode as c, normalizeStyle as H, renderSlot as J, withDirectives as we, createElementVNode as C, vShow as Ke, Transition as T, withCtx as D, Fragment as xe, renderList as Oe, isMemoSame as $e, resolveDynamicComponent as je, mergeProps as Ne, toDisplayString as Le, Teleport as Q } from "vue";
+import { defineComponent as Te, ref as S, computed as l, provide as A, inject as G, unref as o, watch as B, nextTick as F, onMounted as De, createElementBlock as y, openBlock as i, createVNode as p, createBlock as f, createCommentVNode as c, normalizeStyle as H, renderSlot as J, withDirectives as we, createElementVNode as C, vShow as Ke, Transition as T, withCtx as D, Fragment as xe, renderList as Oe, isMemoSame as $e, resolveDynamicComponent as Ne, mergeProps as je, toDisplayString as Le, Teleport as Q } from "vue";
 import Ue from "../../2_feed_elements/DateMessageSticky/DateMessageSticky.vue.js";
 import qe from "../../2_feed_elements/BaseReplyMessage/BaseReplyMessage.vue.js";
 import Ee from "../../2_feed_elements/BaseEditMessage/BaseEditMessage.vue.js";
@@ -16,15 +16,18 @@ import { useFeedMessageVisibility as Ze } from "./composables/useFeedMessageVisi
 import { useFeedProgressiveRender as _e } from "./composables/useFeedProgressiveRender.js";
 import { provideFeedReactionsOverlay as et } from "./composables/useFeedReactionsOverlay.js";
 import { useFeedReply as tt } from "./composables/useFeedReply.js";
-import { useFeedScroll as ot } from "./composables/useFeedScroll.js";
-import { useFeedScrollTo as st } from "./composables/useFeedScrollTo.js";
-import { useStickyDate as nt } from "./composables/useStickyDate.js";
-import { throttle as at } from "./functions/throttle.js";
+import { useFeedScroll as st } from "./composables/useFeedScroll.js";
+import { useFeedScrollTo as ot } from "./composables/useFeedScrollTo.js";
+import { useStickyDate as at } from "./composables/useStickyDate.js";
+import { throttle as nt } from "./functions/throttle.js";
 import { getDefaultMessageMenuActions as rt } from "./utils/getDefaultMessageMenuActions.js";
 import { isSmsFeedMessage as it } from "../../../functions/isSmsChannel.js";
 import "../../../functions/parseMarkdown.js";
 import lt from "./assets/chat-background.svg.js";
-const dt = { class: "message-feed-wrapper" }, ct = ["id"], ut = { class: "message-feed__loading" }, mt = { style: { margin: "auto" } }, ft = {
+const dt = {
+  class: "message-feed-wrapper",
+  "data-testid": "feed"
+}, ct = ["id"], ut = { class: "message-feed__loading" }, mt = { style: { margin: "auto" } }, ft = {
   key: 0,
   class: "message-feed__unread-amount"
 }, qt = /* @__PURE__ */ Te({
@@ -66,7 +69,7 @@ const dt = { class: "message-feed-wrapper" }, ct = ["id"], ut = { class: "messag
     keyboardAlign: {
       type: String,
       default: "right",
-      validator: (n) => ["left", "center", "right"].includes(n)
+      validator: (a) => ["left", "center", "right"].includes(a)
     },
     feedKeyboards: {
       type: Array,
@@ -76,7 +79,7 @@ const dt = { class: "message-feed-wrapper" }, ct = ["id"], ut = { class: "messag
     feedKeyboardAlign: {
       type: String,
       default: "right",
-      validator: (n) => ["left", "center", "right"].includes(n)
+      validator: (a) => ["left", "center", "right"].includes(a)
     },
     chatBackground: {
       type: String,
@@ -93,7 +96,7 @@ const dt = { class: "message-feed-wrapper" }, ct = ["id"], ut = { class: "messag
     reactionsMode: {
       type: String,
       default: "single",
-      validator: (n) => ["single", "multi"].includes(n)
+      validator: (a) => ["single", "multi"].includes(a)
     },
     /** Id текущего пользователя — для расчёта «моих» реакций */
     currentUserId: {
@@ -140,58 +143,58 @@ const dt = { class: "message-feed-wrapper" }, ct = ["id"], ut = { class: "messag
     "smsInvite",
     "delimiterRead"
   ],
-  setup(n, { emit: X }) {
-    const a = n, v = S(), u = S(), w = S(), {
+  setup(a, { emit: X }) {
+    const n = a, v = S(), u = S(), w = S(), {
       isShowButton: Y,
       isKeyboardPlace: Z,
       checkButtonVisibility: _
     } = He({
       feedRef: u,
       keyboardRef: w
-    }), { componentsMap: ee } = Je(), K = l(() => a.reactionsEnabled);
+    }), { componentsMap: ee } = Je(), K = l(() => n.reactionsEnabled);
     et();
-    const te = l(() => a.reactionsMode), x = l(() => a.currentUserId), O = l(() => a.reactionUserNames);
+    const te = l(() => n.reactionsMode), x = l(() => n.currentUserId), O = l(() => n.reactionUserNames);
     A("currentUserId", x), A("reactionUserNames", O), A(
       "messageMenuActions",
-      l(() => a.messageMenuActions)
+      l(() => n.messageMenuActions)
     );
     const { seriesFlags: $ } = Qe({
-      objects: l(() => a.objects)
+      objects: l(() => n.objects)
     }), {
-      visibleObjects: oe,
+      visibleObjects: se,
       renderStart: h,
-      isBackfilling: se,
-      revealThroughIndex: ne,
-      accelerateBackfill: ae
+      isBackfilling: oe,
+      revealThroughIndex: ae,
+      accelerateBackfill: ne
     } = _e({
-      objectsRef: l(() => a.objects),
+      objectsRef: l(() => n.objects),
       feedRef: u
-    }), b = G("chatAppId"), j = G("selectedChat", void 0), N = l(() => {
-      if (j)
-        return s(j);
+    }), b = G("chatAppId"), N = G("selectedChat", void 0), j = l(() => {
+      if (N)
+        return o(N);
     });
     function re(t) {
       return t.timestamp;
     }
-    function M(t, o) {
-      return t.messageId || `mid-${h.value + o}`;
+    function M(t, s) {
+      return t.messageId || `mid-${h.value + s}`;
     }
     function ie(t) {
       var e;
-      const o = (e = t.reactions) == null ? void 0 : e.items;
-      return o != null && o.length ? o.map((r) => `${r.key}:${r.userId}`).join(",") : "";
+      const s = (e = t.reactions) == null ? void 0 : e.items;
+      return s != null && s.length ? s.map((r) => `${r.key}:${r.userId}`).join(",") : "";
     }
     function L(t) {
       var m, d, k;
-      const o = t, e = o.channelId || ((m = o.channel) == null ? void 0 : m.channelId) || ((d = o.meta) == null ? void 0 : d.channelId);
+      const s = t, e = s.channelId || ((m = s.channel) == null ? void 0 : m.channelId) || ((d = s.meta) == null ? void 0 : d.channelId);
       if (e) return String(e);
-      if (!o.dialogId || !((k = N.value) != null && k.dialogs))
+      if (!s.dialogId || !((k = j.value) != null && k.dialogs))
         return;
-      const r = N.value.dialogs.find((I) => I.dialogId === o.dialogId);
+      const r = j.value.dialogs.find((I) => I.dialogId === s.dialogId);
       return r == null ? void 0 : r.channelId;
     }
     function le(t) {
-      return t.type === "message.call" && typeof a.callMessageOnCallback == "function" ? { onCall: a.callMessageOnCallback } : {};
+      return t.type === "message.call" && typeof n.callMessageOnCallback == "function" ? { onCall: n.callMessageOnCallback } : {};
     }
     const g = X, {
       checkScrollPosition: de,
@@ -201,7 +204,7 @@ const dt = { class: "message-feed-wrapper" }, ct = ["id"], ut = { class: "messag
     } = Ye({
       feedRef: u,
       emit: g,
-      isLoadingMoreRef: l(() => a.isLoadingMore)
+      isLoadingMoreRef: l(() => n.isLoadingMore)
     }), {
       getMessage: R,
       messageAction: ue,
@@ -210,7 +213,7 @@ const dt = { class: "message-feed-wrapper" }, ct = ["id"], ut = { class: "messag
       handleResetReply: ge,
       handleResetEdit: ye
     } = tt({
-      enableDoubleClickReply: a.enableDoubleClickReply,
+      enableDoubleClickReply: n.enableDoubleClickReply,
       emit: g,
       isReplyAllowed: (t) => !it(t, L(t))
     });
@@ -226,43 +229,43 @@ const dt = { class: "message-feed-wrapper" }, ct = ["id"], ut = { class: "messag
       feedKeyboardAction: he
     } = Xe({
       isKeyboardPlace: Z,
-      objects: l(() => a.objects),
+      objects: l(() => n.objects),
       emit: g
     }), {
       showStickyDate: Me,
       stickyDateText: Re,
       show: E
-    } = nt({
+    } = at({
       feedRef: u,
       trackingObjects: v
     }), {
       isInitialized: Ie,
       initializeScroll: Se,
       smoothScrollToBottom: Ae
-    } = ot({
+    } = st({
       feedRef: u,
-      objectsRef: l(() => a.objects),
-      scrollToBottomRef: l(() => a.scrollToBottom)
-    }), P = l(() => a.chatBackground ?? `data:image/svg+xml;charset=utf-8,${encodeURIComponent(lt)}`);
+      objectsRef: l(() => n.objects),
+      scrollToBottomRef: l(() => n.scrollToBottom)
+    }), P = l(() => n.chatBackground ?? `data:image/svg+xml;charset=utf-8,${encodeURIComponent(lt)}`);
     function V(t = !0) {
-      if (_(), se.value) {
-        const o = u.value;
-        o && o.scrollTop < 300 && ae(), E();
+      if (_(), oe.value) {
+        const s = u.value;
+        s && s.scrollTop < 300 && ne(), E();
         return;
       }
       de(t), E();
     }
-    const Be = at(() => V(), 250);
+    const Be = nt(() => V(), 250);
     function Fe() {
       g("forceScrollToBottom"), Ae();
     }
     function Ce(t) {
-      const o = a.objects;
+      const s = n.objects;
       if (t.startsWith("mid-")) {
         const e = parseInt(t.slice(4), 10);
-        return o[e];
+        return s[e];
       }
-      return o.find((e) => e.messageId === t);
+      return s.find((e) => e.messageId === t);
     }
     const { restartObserving: W } = Ze({
       trackingObjects: v,
@@ -271,7 +274,7 @@ const dt = { class: "message-feed-wrapper" }, ct = ["id"], ut = { class: "messag
       onMessageVisible: (t) => g("messageVisible", t)
     });
     return B(
-      () => a.objects,
+      () => n.objects,
       () => {
         F(() => {
           requestAnimationFrame(() => {
@@ -285,111 +288,114 @@ const dt = { class: "message-feed-wrapper" }, ct = ["id"], ut = { class: "messag
         v.value = document.querySelectorAll(".tracking-message"), W();
       });
     }), B(
-      () => a.scrollTo,
+      () => n.scrollTo,
       (t) => {
         if (!t) return;
-        const o = a.objects, e = t.trim(), r = e.startsWith("msg-") ? e.slice(4) : e;
+        const s = n.objects, e = t.trim(), r = e.startsWith("msg-") ? e.slice(4) : e;
         let m = -1;
-        r.startsWith("mid-") ? m = Number.parseInt(r.slice(4), 10) : m = o.findIndex((d) => d.messageId === r || d.messageId === e), Number.isFinite(m) && ne(m);
+        r.startsWith("mid-") ? m = Number.parseInt(r.slice(4), 10) : m = s.findIndex((d) => d.messageId === r || d.messageId === e), Number.isFinite(m) && ae(m);
       }
-    ), st({
-      targetIdRef: l(() => a.scrollTo),
+    ), ot({
+      targetIdRef: l(() => n.scrollTo),
       feedContainerId: `feed-container-${b}`
     }), De(() => {
       F(() => {
-        a.objects.length > 0 && !Ie.value && Se();
+        n.objects.length > 0 && !Ie.value && Se();
       });
-    }), (t, o) => (i(), y("div", dt, [
-      n.objects.length > 0 || n.typing ? (i(), y("div", {
+    }), (t, s) => (i(), y("div", dt, [
+      a.objects.length > 0 || a.typing ? (i(), y("div", {
         key: 0,
-        id: "feed-container-" + s(b),
+        id: "feed-container-" + o(b),
         ref_key: "refFeed",
         ref: u,
         class: "message-feed",
+        "data-testid": "feed-scroll",
         style: H({ backgroundImage: `url(${P.value})` }),
-        onScroll: o[2] || (o[2] = (e) => s(Be)()),
-        onMousedown: o[3] || (o[3] = //@ts-ignore
-        (...e) => s(U) && s(U)(...e)),
-        onMouseup: o[4] || (o[4] = //@ts-ignore
-        (...e) => s(q) && s(q)(...e))
+        onScroll: s[2] || (s[2] = (e) => o(Be)()),
+        onMousedown: s[3] || (s[3] = //@ts-ignore
+        (...e) => o(U) && o(U)(...e)),
+        onMouseup: s[4] || (s[4] = //@ts-ignore
+        (...e) => o(q) && o(q)(...e))
       }, [
         J(t.$slots, "prepend", {}, void 0, !0),
         we(C("div", ut, [
           p(ze, {
-            "is-loading": n.isLoadingMore,
+            "is-loading": a.isLoadingMore,
             size: "small",
             position: "top"
           }, null, 8, ["is-loading"])
         ], 512), [
-          [Ke, n.isLoadingMore]
+          [Ke, a.isLoadingMore]
         ]),
         p(T, null, {
           default: D(() => [
-            s(Me) && !n.isLoadingMore ? (i(), f(Ue, {
+            o(Me) && !a.isLoadingMore ? (i(), f(Ue, {
               key: 0,
               class: "message-feed__sticky-date",
-              text: s(Re)
+              text: o(Re)
             }, null, 8, ["text"])) : c("", !0)
           ]),
           _: 1
         }),
-        (i(!0), y(xe, null, Oe(s(oe), (e, r, m, d) => {
-          const k = [e.messageId, e.text, e.status, e.reply, s($)[s(h) + r], ie(e)];
+        (i(!0), y(xe, null, Oe(o(se), (e, r, m, d) => {
+          const k = [e.messageId, e.text, e.status, e.reply, o($)[o(h) + r], ie(e)];
           if (d && d.key === M(e, r) && $e(d, k)) return d;
           const I = (i(), y("div", {
             id: "msg-" + M(e, r),
             key: M(e, r),
             "data-timestamp": re(e),
+            "data-testid": "feed-message",
+            "data-message-id": e.messageId,
             class: "tracking-message",
-            onDblclick: (z) => s(fe)(z, e)
+            onDblclick: (z) => o(fe)(z, e)
           }, [
-            (i(), f(je(s(ee)(e)), Ne({
+            (i(), f(Ne(o(ee)(e)), je({
               key: M(e, r),
               class: "message-feed__message",
               message: e,
-              "apply-style": n.applyStyle,
-              "is-first-in-series": s($)[s(h) + r],
+              "apply-style": a.applyStyle,
+              "is-first-in-series": o($)[o(h) + r],
               "reactions-enabled": K.value,
               "reactions-mode": te.value,
               "current-user-id": x.value,
               "reaction-user-names": O.value,
-              "subtext-tooltip-data": n.subtextTooltipData,
+              "subtext-tooltip-data": a.subtextTooltipData,
               channel: L(e)
             }, { ref_for: !0 }, le(e), {
-              onAction: s(ue),
-              onReply: s(me),
+              onAction: o(ue),
+              onReply: o(me),
               onSmsInvite: (z) => pe(e),
               onRead: be
             }), null, 16, ["message", "apply-style", "is-first-in-series", "reactions-enabled", "reactions-mode", "current-user-id", "reaction-user-names", "subtext-tooltip-data", "channel", "onAction", "onReply", "onSmsInvite"]))
-          ], 40, ["id", "data-timestamp", "onDblclick"]));
+          ], 40, ["id", "data-timestamp", "data-message-id", "onDblclick"]));
           return I.memo = k, I;
-        }, o, 0), 128)),
-        n.typing ? (i(), f(We, {
+        }, s, 0), 128)),
+        a.typing ? (i(), f(We, {
           key: 0,
           message: {
-            subText: n.typing.title,
-            avatar: n.typing.avatar
+            subText: a.typing.title,
+            avatar: a.typing.avatar
           }
         }, null, 8, ["message"])) : c("", !0),
         p(T, null, {
           default: D(() => [
-            s(ke) ? (i(), f(Pe, {
+            o(ke) ? (i(), f(Pe, {
               key: 0,
               ref_key: "keyboardRef",
               ref: w,
               class: "message-feed__keyboard",
-              keyboard: n.objects[n.objects.length - 1].keyboard,
-              align: n.keyboardAlign,
-              onAction: s(ve)
+              keyboard: a.objects[a.objects.length - 1].keyboard,
+              align: a.keyboardAlign,
+              onAction: o(ve)
             }, null, 8, ["keyboard", "align", "onAction"])) : c("", !0)
           ]),
           _: 1
         }),
-        n.feedKeyboards && n.feedKeyboards.length > 0 ? (i(), f(Ve, {
+        a.feedKeyboards && a.feedKeyboards.length > 0 ? (i(), f(Ve, {
           key: 1,
-          buttons: n.feedKeyboards,
-          align: n.feedKeyboardAlign,
-          onAction: s(he)
+          buttons: a.feedKeyboards,
+          align: a.feedKeyboardAlign,
+          onAction: o(he)
         }, null, 8, ["buttons", "align", "onAction"])) : c("", !0)
       ], 44, ct)) : (i(), y("div", {
         key: 1,
@@ -404,35 +410,35 @@ const dt = { class: "message-feed-wrapper" }, ct = ["id"], ut = { class: "messag
       ], 4)),
       p(T, null, {
         default: D(() => [
-          s(Y) ? (i(), y("button", {
+          o(Y) ? (i(), y("button", {
             key: 0,
             class: "message-feed__button-down",
             onClick: Fe
           }, [
-            n.buttonParams ? (i(), y("div", ft, Le(n.buttonParams.unreadAmount), 1)) : c("", !0),
-            o[5] || (o[5] = C("span", { class: "pi pi-angle-down message-feed__icon-down" }, null, -1))
+            a.buttonParams ? (i(), y("div", ft, Le(a.buttonParams.unreadAmount), 1)) : c("", !0),
+            s[5] || (s[5] = C("span", { class: "pi pi-angle-down message-feed__icon-down" }, null, -1))
           ])) : c("", !0)
         ]),
         _: 1
       }),
-      s(R)().reply ? (i(), f(Q, {
+      o(R)().reply ? (i(), f(Q, {
         key: 2,
-        to: "#chat-input-reply-line-" + s(b)
+        to: "#chat-input-reply-line-" + o(b)
       }, [
         p(qe, {
           class: "chat-input-reply",
-          message: s(R)().reply,
-          onReset: s(ge)
+          message: o(R)().reply,
+          onReset: o(ge)
         }, null, 8, ["message", "onReset"])
       ], 8, ["to"])) : c("", !0),
-      s(R)().edit ? (i(), f(Q, {
+      o(R)().edit ? (i(), f(Q, {
         key: 3,
-        to: "#chat-input-reply-line-" + s(b)
+        to: "#chat-input-reply-line-" + o(b)
       }, [
         p(Ee, {
           class: "chat-input-reply",
-          message: s(R)().edit,
-          onReset: s(ye)
+          message: o(R)().edit,
+          onReset: o(ye)
         }, null, 8, ["message", "onReset"])
       ], 8, ["to"])) : c("", !0),
       K.value ? (i(), f(Ge, { key: 4 })) : c("", !0)