@mobilon-dev/chotto 0.3.84 → 0.3.85

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

@@ -1,11 +1,29 @@
-import { defineComponent as se, inject as re, ref as m, computed as f, onMounted as le, onUnmounted as ce, createElementBlock as l, openBlock as s, normalizeClass as x, unref as o, createCommentVNode as de, createVNode as k, createBlock as ue, Fragment as Q, renderList as A, createElementVNode as r, toDisplayString as g, Transition as T, withCtx as w, withDirectives as L, normalizeStyle as N, withModifiers as O, vShow as F, Teleport as me } from "vue";
-import fe from "../../../node_modules/vue3-emoji-picker-ru/dist/emoji-picker.es.js";
+import { defineComponent as Ee, inject as M, ref as b, computed as a, unref as s, onMounted as Ce, onUnmounted as _e, watch as Ne, createElementBlock as d, openBlock as l, normalizeClass as w, createBlock as K, Fragment as Q, renderList as A, withCtx as E, createElementVNode as f, createCommentVNode as F, createVNode as c, toDisplayString as Se, Teleport as Ue, Transition as D, withDirectives as V, normalizeStyle as $, withModifiers as C, vShow as z } from "vue";
+import je from "../../../node_modules/vue3-emoji-picker-ru/dist/emoji-picker.es.js";
 /* empty css                                                        */
-import { QUICK_REACTION_EMOJIS as ke } from "./utils/quickReactions.js";
-import { isRightMessage as ge } from "./composables/usePositioning.js";
-import { useReactionsState as pe } from "./composables/useReactionsState.js";
-import { useReactionsPanel as ye } from "./composables/useReactionsPanel.js";
-const ve = ["title", "onClick"], Re = { class: "message-reactions__emoji" }, be = { class: "message-reactions__count" }, he = ["title", "onClick"], Be = /* @__PURE__ */ se({
+import "../../../hooks/useMessageDraft.js";
+import "../../../hooks/useSearchModel.js";
+import "../../../hooks/useTheme.js";
+import { useEmojiNative as Pe } from "../../../hooks/useEmojiNative.js";
+/* empty css                              */
+/* empty css                                              */
+import "../../../node_modules/linkifyjs/dist/linkify.js";
+import "../../../node_modules/linkify-string/dist/linkify-string.js";
+import "../../../functions/parseMarkdown.js";
+import { useStartReply as Le } from "../../../hooks/messages/useStartReply.js";
+import J from "../../1_atoms/EmojiGlyph/EmojiGlyph.vue.js";
+import xe from "../../1_atoms/Tooltip/Tooltip.vue.js";
+import qe from "./icons/ExpandReactionsIcon.vue.js";
+import Te from "./icons/ReplyIcon.vue.js";
+import { QUICK_REACTION_EMOJIS as Be } from "./utils/quickReactions.js";
+import { buildReactionTooltipText as Oe } from "./utils/reactionTooltip.js";
+import { isRightMessage as we, findMessageContent as Ke } from "./composables/usePositioning.js";
+import { useReactionsState as Qe } from "./composables/useReactionsState.js";
+import { useReactionsPanel as Ae } from "./composables/useReactionsPanel.js";
+const Fe = ["onClick"], De = { class: "message-reactions__emoji" }, Ve = {
+  key: 0,
+  class: "message-reactions__count"
+}, $e = ["title", "onClick"], pt = /* @__PURE__ */ Ee({
   __name: "MessageReactions",
   props: {
     reactions: {
@@ -24,138 +42,239 @@ const ve = ["title", "onClick"], Re = { class: "message-reactions__emoji" }, be
     enabled: {
       type: Boolean,
       default: !0
+    },
+    mode: {
+      type: String,
+      default: "single",
+      validator: (i) => ["single", "multi"].includes(i)
+    },
+    /** Id текущего пользователя — для расчёта reactedByMe и локальных add/remove */
+    currentUserId: {
+      type: [String, Number],
+      default: void 0
+    },
+    /** Имя текущего пользователя — для тултипа при локальном добавлении реакции */
+    currentUserName: {
+      type: String,
+      default: void 0
+    },
+    /** userId → имя (если в item нет name) */
+    reactionUserNames: {
+      type: Object,
+      default: void 0
+    },
+    reply: {
+      type: Object,
+      default: void 0
+    },
+    replyEnabled: {
+      type: Boolean,
+      default: !0
     }
   },
   emits: ["toggle-reaction", "add-reaction", "remove-reaction"],
-  setup(i, { emit: j }) {
-    const a = i, c = j, p = re("chatAppId"), u = m(null), y = m(null), v = m("light"), R = f(() => ke), b = pe(f(() => a.reactions)), { displayedReactions: D, hasReactions: V, addReaction: h, removeReaction: z, toggleReaction: U } = b, $ = ye(R, y), {
-      isQuickReactionsOpen: C,
-      isFullPickerOpen: I,
-      pickerRef: J,
-      quickReactionsRef: K,
-      quickPanelStyle: G,
-      pickerStyle: H,
-      openQuickPanel: W,
-      closeQuickPanel: M,
-      openFullPicker: X,
-      closeFullPicker: Y,
-      handleQuickPanelMouseEnter: E,
-      handleQuickPanelMouseLeave: P,
-      handlePickerMouseEnter: _,
-      handlePickerMouseLeave: S,
-      handleClickOutside: B
-    } = $, Z = f(() => u.value ? ge(u.value) : !1), ee = () => {
-      var n;
+  setup(i, { emit: G }) {
+    const n = i, r = G, p = M("chatAppId"), H = M("currentUserId", void 0), W = M("reactionUserNames", void 0), { startReply: X } = Le(p || ""), u = b(null), m = b(null), _ = b("light"), { isNative: Y } = Pe(p || ""), N = a(() => Be), Z = a(() => n.mode), y = a(() => n.currentUserId ?? s(H)), S = a(() => n.reactionUserNames ?? s(W)), ee = a(() => {
+      var t, g;
+      const e = (t = n.currentUserName) == null ? void 0 : t.trim();
+      if (e) return e;
+      const o = y.value;
+      if (o != null)
+        return (g = S.value) == null ? void 0 : g[String(o)];
+    }), te = a(() => n.mode === "multi"), U = Qe(
+      a(() => n.reactions),
+      Z,
+      y,
+      ee
+    ), { displayedReactions: ne, hasReactions: oe, addReaction: k, removeReaction: j, toggleReaction: se, isMyReaction: P } = U;
+    function ie(e) {
+      return Oe(e.events, S.value);
+    }
+    const re = Ae(N, u), {
+      isQuickReactionsOpen: ae,
+      isFullPickerOpen: le,
+      pickerRef: ce,
+      quickReactionsRef: ue,
+      quickPanelStyle: de,
+      pickerStyle: me,
+      closeQuickPanel: v,
+      handleMessageMouseEnter: fe,
+      handleMessageMouseLeave: pe,
+      openFullPicker: ve,
+      closeFullPicker: L,
+      handleQuickPanelMouseEnter: x,
+      handleQuickPanelMouseLeave: q,
+      handlePickerMouseEnter: T,
+      handlePickerMouseLeave: B,
+      handleClickOutside: O
+    } = re, ge = a(() => u.value ? we(u.value) : !1), ye = () => {
+      var o;
       if (!p) return "light";
-      const t = document.getElementById(p);
-      return (n = t == null ? void 0 : t.getAttribute("data-theme")) != null && n.includes("dark") ? "dark" : "light";
+      const e = document.getElementById(p);
+      return (o = e == null ? void 0 : e.getAttribute("data-theme")) != null && o.includes("dark") ? "dark" : "light";
     };
-    function te(t) {
-      a.readonly || !a.enabled || (U(t), c("toggle-reaction", { messageId: a.messageId, key: t }));
+    function I() {
+      return !n.readonly && n.enabled && y.value != null;
+    }
+    function ke(e) {
+      if (I()) {
+        if (n.mode === "single") {
+          if (U.myReactionKey.value === e)
+            j(e), r("remove-reaction", { messageId: n.messageId, key: e });
+          else {
+            const t = k(e);
+            t && r("remove-reaction", { messageId: n.messageId, key: t }), r("add-reaction", { messageId: n.messageId, key: e });
+          }
+          return;
+        }
+        se(e), r("toggle-reaction", { messageId: n.messageId, key: e });
+      }
+    }
+    function Ie(e) {
+      var o, t;
+      return e instanceof Node ? !!((o = m.value) != null && o.contains(e) || (t = u.value) != null && t.contains(e)) : !1;
+    }
+    function R() {
+      n.readonly || !n.enabled || fe();
     }
-    function ne() {
-      a.readonly || !a.enabled || (C.value ? M() : W());
+    function h(e) {
+      n.readonly || !n.enabled || Ie(e.relatedTarget) || pe();
     }
-    function oe(t) {
-      var e, d;
-      if (a.readonly || !a.enabled) return;
-      ((d = (e = b.localReactions.value) == null ? void 0 : e.items) == null ? void 0 : d.find((q) => q.key === t && q.reactedByMe)) ? (z(t), c("remove-reaction", { messageId: a.messageId, key: t })) : (h(t), c("add-reaction", { messageId: a.messageId, key: t })), M();
+    function Re(e) {
+      if (I()) {
+        if (P(e))
+          j(e), r("remove-reaction", { messageId: n.messageId, key: e });
+        else {
+          const o = k(e);
+          o && r("remove-reaction", { messageId: n.messageId, key: o }), r("add-reaction", { messageId: n.messageId, key: e });
+        }
+        v();
+      }
     }
-    async function ae() {
-      a.readonly || !a.enabled || (v.value = ee(), await X());
+    function he() {
+      n.readonly || !n.enabled || !n.reply || (X(n.reply), v());
     }
-    function ie(t) {
-      Y(), !(a.readonly || !a.enabled) && (h(t.i), c("add-reaction", { messageId: a.messageId, key: t.i }));
+    async function Me() {
+      n.readonly || !n.enabled || (_.value = ye(), await ve());
     }
-    return le(() => {
-      document.addEventListener("click", B);
-    }), ce(() => {
-      document.removeEventListener("click", B);
-    }), (t, n) => (s(), l("div", {
+    function be(e) {
+      if (L(), v(), !I()) return;
+      const o = e.i;
+      if (P(o))
+        return;
+      const t = k(o);
+      t && r("remove-reaction", { messageId: n.messageId, key: t }), r("add-reaction", { messageId: n.messageId, key: o });
+    }
+    return Ce(() => {
+      document.addEventListener("click", O);
+      const e = Ke(u.value);
+      e && (m.value = e, e.addEventListener("pointerenter", R), e.addEventListener("pointerleave", h));
+    }), _e(() => {
+      document.removeEventListener("click", O), m.value && (m.value.removeEventListener("pointerenter", R), m.value.removeEventListener("pointerleave", h));
+    }), Ne(
+      () => [n.enabled, n.readonly],
+      ([e, o]) => {
+        (!e || o) && (v(), L());
+      }
+    ), (e, o) => (l(), d("div", {
       ref_key: "reactionsContainerRef",
       ref: u,
-      class: x(["message-reactions", { "has-reactions": o(V), "is-right-message": Z.value, "is-disabled": !i.enabled }])
+      class: w(["message-reactions", { "has-reactions": s(oe), "is-right-message": ge.value, "is-disabled": !i.enabled }]),
+      onPointerenter: R,
+      onPointerleave: h
     }, [
-      (s(!0), l(Q, null, A(o(D), (e) => (s(), l("button", {
-        key: e.key,
-        class: x(["message-reactions__chip", { "is-active": e.reactedByMe }]),
-        title: e.key,
-        onClick: (d) => te(e.key)
-      }, [
-        r("span", Re, g(e.key), 1),
-        r("span", be, g(e.count), 1)
-      ], 10, ve))), 128)),
-      !i.readonly && i.enabled ? (s(), l("button", {
-        key: 0,
-        ref_key: "addButtonRef",
-        ref: y,
-        class: "message-reactions__add",
-        "aria-label": "Add reaction",
-        title: "Добавить реакцию",
-        onClick: ne
-      }, [...n[4] || (n[4] = [
-        r("span", null, "+", -1)
-      ])], 512)) : de("", !0),
-      k(T, { name: "message-reactions-popover" }, {
-        default: w(() => [
-          L(r("div", {
-            ref_key: "quickReactionsRef",
-            ref: K,
-            class: "message-reactions__quick-panel",
-            style: N(o(G)),
-            onMouseenter: n[0] || (n[0] = //@ts-ignore
-            (...e) => o(E) && o(E)(...e)),
-            onMouseleave: n[1] || (n[1] = //@ts-ignore
-            (...e) => o(P) && o(P)(...e))
+      (l(!0), d(Q, null, A(s(ne), (t) => (l(), K(xe, {
+        key: t.key,
+        text: ie(t),
+        position: "bottom-right",
+        offset: 6,
+        delay: 400
+      }, {
+        default: E(() => [
+          f("button", {
+            class: w(["message-reactions__chip", { "is-active": t.reactedByMe && t.count === 1 }]),
+            onClick: (g) => ke(t.key)
           }, [
-            (s(!0), l(Q, null, A(R.value, (e) => (s(), l("button", {
-              key: e,
-              class: "message-reactions__quick-item",
-              title: e,
-              onClick: O((d) => oe(e), ["stop"])
-            }, g(e), 9, he))), 128)),
-            r("button", {
-              class: "message-reactions__expand",
-              title: "Развернуть",
-              onClick: O(ae, ["stop"])
-            }, [...n[5] || (n[5] = [
-              r("span", null, "⋯", -1)
-            ])])
-          ], 36), [
-            [F, o(C) && !i.readonly && i.enabled && !o(I)]
-          ])
+            f("span", De, [
+              c(J, {
+                emoji: t.key
+              }, null, 8, ["emoji"])
+            ]),
+            te.value || t.count > 1 ? (l(), d("span", Ve, Se(t.count), 1)) : F("", !0)
+          ], 10, Fe)
         ]),
-        _: 1
-      }),
-      (s(), ue(me, { to: "body" }, [
-        k(T, { name: "message-reactions-popover" }, {
-          default: w(() => [
-            L(r("div", {
+        _: 2
+      }, 1032, ["text"]))), 128)),
+      (l(), K(Ue, { to: "body" }, [
+        c(D, { name: "message-reactions-popover" }, {
+          default: E(() => [
+            V(f("div", {
+              ref_key: "quickReactionsRef",
+              ref: ue,
+              class: "message-reactions__quick-panel",
+              style: $(s(de)),
+              onMouseenter: o[0] || (o[0] = //@ts-ignore
+              (...t) => s(x) && s(x)(...t)),
+              onMouseleave: o[1] || (o[1] = //@ts-ignore
+              (...t) => s(q) && s(q)(...t))
+            }, [
+              (l(!0), d(Q, null, A(N.value, (t) => (l(), d("button", {
+                key: t,
+                class: "message-reactions__quick-item",
+                title: t,
+                onClick: C((g) => Re(t), ["stop"])
+              }, [
+                c(J, { emoji: t }, null, 8, ["emoji"])
+              ], 8, $e))), 128)),
+              f("button", {
+                class: "message-reactions__expand",
+                title: "Развернуть",
+                onClick: C(Me, ["stop"])
+              }, [
+                c(qe)
+              ]),
+              i.replyEnabled && i.reply ? (l(), d("button", {
+                key: 0,
+                class: "message-reactions__quick-item",
+                title: "Ответить",
+                onClick: C(he, ["stop"])
+              }, [
+                c(Te)
+              ])) : F("", !0)
+            ], 36), [
+              [z, s(ae) && !i.readonly && i.enabled]
+            ])
+          ]),
+          _: 1
+        }),
+        c(D, { name: "message-reactions-popover" }, {
+          default: E(() => [
+            V(f("div", {
               ref_key: "pickerRef",
-              ref: J,
+              ref: ce,
               class: "message-reactions__picker",
-              style: N(o(H)),
-              onMouseenter: n[2] || (n[2] = //@ts-ignore
-              (...e) => o(_) && o(_)(...e)),
-              onMouseleave: n[3] || (n[3] = //@ts-ignore
-              (...e) => o(S) && o(S)(...e))
+              style: $(s(me)),
+              onMouseenter: o[2] || (o[2] = //@ts-ignore
+              (...t) => s(T) && s(T)(...t)),
+              onMouseleave: o[3] || (o[3] = //@ts-ignore
+              (...t) => s(B) && s(B)(...t))
             }, [
-              k(o(fe), {
-                native: !0,
-                theme: v.value,
+              c(s(je), {
+                native: s(Y),
+                theme: _.value,
                 "picker-type": "",
-                onSelect: ie
-              }, null, 8, ["theme"])
+                onSelect: be
+              }, null, 8, ["native", "theme"])
             ], 36), [
-              [F, o(I) && !i.readonly && i.enabled]
+              [z, s(le) && !i.readonly && i.enabled]
             ])
           ]),
           _: 1
         })
       ]))
-    ], 2));
+    ], 34));
   }
 });
 export {
-  Be as default
+  pt as default
 };

package/dist/components/2_feed_elements/MessageReactions/composables/usePositioning.js

@@ -1,7 +1,7 @@
-import { nextTick as x } from "vue";
-function R(i) {
-  if (!i) return null;
-  let t = i.parentElement;
+import { nextTick as p } from "vue";
+function l(o) {
+  if (!o) return null;
+  let t = o.parentElement;
   for (; t; ) {
     if (t.classList.contains("message-feed"))
       return t;
@@ -9,12 +9,25 @@ function R(i) {
   }
   return null;
 }
-function w(i) {
-  if (!i) return !1;
-  let t = i.parentElement;
+function R(o) {
+  if (!o) return null;
+  let t = o.parentElement;
   for (; t; ) {
-    for (const f of t.classList)
-      if (f.includes("__right"))
+    for (const s of t.classList)
+      if (s.endsWith("__content"))
+        return t;
+    if (t.classList.contains("message-feed"))
+      break;
+    t = t.parentElement;
+  }
+  return null;
+}
+function w(o) {
+  if (!o) return !1;
+  let t = o.parentElement;
+  for (; t; ) {
+    for (const s of t.classList)
+      if (s.includes("__right"))
         return !0;
     if (t.classList.contains("message-feed"))
       break;
@@ -22,83 +35,85 @@ function w(i) {
   }
   return !1;
 }
-async function P(i, t, f = 300) {
+async function H(o, t, s = 300) {
   if (!t) return {};
-  const a = R(t);
-  if (!a) return {};
-  const d = w(t);
-  await x();
-  const n = t.closest(".message-reactions");
-  if (!n) return {};
-  const e = t.getBoundingClientRect(), s = a.getBoundingClientRect(), g = n.getBoundingClientRect(), c = (i == null ? void 0 : i.offsetWidth) || f, o = 8;
-  if (d) {
-    const p = s.right - e.right, h = e.left - g.left, C = e.width;
-    return c <= p - o ? {
-      left: `${h + C + 6}px`,
-      // справа от кнопки с gap 6px
-      right: "auto",
-      transform: "none"
-    } : {
-      left: `${h - c - 6}px`,
-      right: "auto",
-      transform: "none"
-    };
-  }
-  const u = e.left - g.left, l = e.width, r = e.left - s.left;
-  return c <= r - o ? {
-    left: `${u - c - 6}px`,
-    // слева от кнопки с gap 6px
-    right: "auto",
-    transform: "none"
-  } : {
-    left: `${u + l + 6}px`,
-    // справа от кнопки с gap 6px
+  const g = l(t), a = R(t);
+  if (!g || !a) return {};
+  const e = w(t);
+  await p();
+  const i = a.getBoundingClientRect(), f = (o == null ? void 0 : o.offsetWidth) || s, c = (o == null ? void 0 : o.offsetHeight) || 44, r = 6, u = i.top + i.height / 2 - c / 2, n = e ? i.left - f - r : i.right + r;
+  return {
+    position: "fixed",
+    top: `${u}px`,
+    left: `${n}px`,
     right: "auto",
+    marginTop: "0",
     transform: "none"
   };
 }
-async function B(i, t, f = 300) {
+async function P(o, t, s = 300) {
   if (!t) return {};
-  const a = R(t);
-  if (!a) return {};
-  const d = w(t);
-  await x();
-  const n = t.getBoundingClientRect(), e = a.getBoundingClientRect(), s = (i == null ? void 0 : i.offsetWidth) || f, g = (i == null ? void 0 : i.offsetHeight) || 450, c = 8, o = 6, u = window.innerHeight - n.bottom - o, l = n.top - o;
-  let r;
-  if (u >= g || u >= l ? r = { top: `${n.bottom + o}px` } : r = { bottom: `${window.innerHeight - n.top + o}px` }, d) {
-    const h = e.right - n.right;
-    return s <= h - c ? {
+  const g = l(t);
+  if (!g) return {};
+  const a = w(t);
+  await p();
+  const e = R(t);
+  if (!e) return {};
+  const i = e.getBoundingClientRect(), f = g.getBoundingClientRect(), c = (o == null ? void 0 : o.offsetWidth) || s, r = (o == null ? void 0 : o.offsetHeight) || 450, u = 8, n = 6, d = window.innerHeight - i.bottom - n, x = i.top - n;
+  let h;
+  if (d >= r || d >= x ? h = { top: `${i.bottom + n}px` } : h = { bottom: `${window.innerHeight - i.top + n}px` }, a) {
+    const $ = f.right - i.right;
+    return c <= $ - u ? {
       position: "fixed",
-      ...r,
-      left: `${n.right + o}px`,
+      ...h,
+      left: `${i.right + n}px`,
       right: "auto",
       transform: "none"
     } : {
       position: "fixed",
-      ...r,
-      left: `${n.left - s - o}px`,
+      ...h,
+      left: `${i.left - c - n}px`,
       right: "auto",
       transform: "none"
     };
   }
-  const p = n.left - e.left;
-  return s <= p - c ? {
+  const C = i.left - f.left;
+  return c <= C - u ? {
     position: "fixed",
-    ...r,
-    left: `${n.left - s - o}px`,
+    ...h,
+    left: `${i.left - c - n}px`,
     right: "auto",
     transform: "none"
   } : {
     position: "fixed",
-    ...r,
-    left: `${n.right + o}px`,
+    ...h,
+    left: `${i.right + n}px`,
+    right: "auto",
+    transform: "none"
+  };
+}
+async function W(o, t, s, g = 350) {
+  if (!t || !s) return {};
+  const a = l(s);
+  if (!a) return {};
+  await p();
+  const e = t.getBoundingClientRect(), i = a.getBoundingClientRect(), f = (o == null ? void 0 : o.offsetWidth) || g, c = (o == null ? void 0 : o.offsetHeight) || 450, r = 8, u = 6;
+  let n = e.left + e.width / 2 - f / 2;
+  n + f > i.right - r && (n = i.right - r - f), n < i.left + r && (n = i.left + r);
+  const d = e.top - c - u;
+  return {
+    position: "fixed",
+    top: `${d >= r ? d : e.bottom + u}px`,
+    left: `${n}px`,
     right: "auto",
     transform: "none"
   };
 }
 export {
-  B as calculateFixedPanelPosition,
-  P as calculatePanelPosition,
-  R as findFeedContainer,
+  P as calculateFixedPanelPosition,
+  H as calculatePanelPosition,
+  W as calculatePickerPositionAboveQuickPanel,
+  l as findFeedContainer,
+  R as findMessageContent,
   w as isRightMessage
 };

package/dist/components/2_feed_elements/MessageReactions/composables/useReactions.js

@@ -1,30 +1,72 @@
-function f(e, t) {
-  e.value || (e.value = {
+function v(e, t) {
+  return e == null || t == null ? !1 : String(e) === String(t);
+}
+function s(e, t, i) {
+  var n, u;
+  return i == null ? !1 : ((u = (n = e.value) == null ? void 0 : n.items) == null ? void 0 : u.some(
+    (f) => f.key === t && v(f.userId, i)
+  )) ?? !1;
+}
+function l(e, t) {
+  var i, n, u;
+  if (t != null)
+    return (u = (n = (i = e.value) == null ? void 0 : i.items) == null ? void 0 : n.find(
+      (f) => v(f.userId, t)
+    )) == null ? void 0 : u.key;
+}
+function p(e, t) {
+  var n;
+  if (!((n = e == null ? void 0 : e.items) != null && n.length)) return [];
+  const i = /* @__PURE__ */ new Map();
+  for (const u of e.items) {
+    const f = i.get(u.key), r = v(u.userId, t);
+    f ? (f.count++, r && (f.reactedByMe = !0), f.events.push({ ...u })) : i.set(u.key, {
+      key: u.key,
+      count: 1,
+      reactedByMe: r,
+      events: [{ ...u }]
+    });
+  }
+  return Array.from(i.values());
+}
+function g(e, t, i, n = "multi", u) {
+  e.value ? e.value.meta = { ...e.value.meta, mode: n } : e.value = {
     items: [],
-    meta: { mode: "multi" }
-  });
-  const u = e.value.items.find((i) => i.key === t);
-  u ? (u.count++, u.reactedByMe = !0) : e.value.items.push({
+    meta: { mode: n }
+  }, !s(e, t, i) && e.value.items.push({
     key: t,
-    count: 1,
-    reactedByMe: !0
+    userId: i,
+    date: Math.floor(Date.now() / 1e3),
+    ...u ? { name: u } : {}
   });
 }
-function d(e, t) {
-  if (!e.value) return;
-  const u = e.value.items.find((i) => i.key === t);
-  u && (u.count--, u.reactedByMe = !1, u.count <= 0 && (e.value.items = e.value.items.filter((i) => i.key !== t), e.value.items.length === 0 && (e.value = void 0)));
+function m(e, t, i) {
+  e.value && (e.value.items = e.value.items.filter(
+    (n) => !(n.key === t && v(n.userId, i))
+  ), e.value.items.length === 0 && (e.value = void 0));
 }
-function v(e, t) {
-  if (!e.value) {
-    f(e, t);
+function a(e, t, i, n) {
+  const u = l(e, i);
+  return u && u !== t && m(e, u, i), g(e, t, i, "single", n), u && u !== t ? u : void 0;
+}
+function d(e, t, i, n = "multi", u) {
+  if (s(e, t, i)) {
+    m(e, t, i);
+    return;
+  }
+  if (n === "single") {
+    a(e, t, i, u);
     return;
   }
-  const u = e.value.items.find((i) => i.key === t);
-  u != null && u.reactedByMe ? d(e, t) : f(e, t);
+  g(e, t, i, n, u);
 }
 export {
-  f as updateLocalReactionsAdd,
-  d as updateLocalReactionsRemove,
-  v as updateLocalReactionsToggle
+  p as aggregateReactions,
+  l as getMyReactionKey,
+  s as hasMyReaction,
+  v as sameUserId,
+  g as updateLocalReactionsAdd,
+  m as updateLocalReactionsRemove,
+  a as updateLocalReactionsReplace,
+  d as updateLocalReactionsToggle
 };