@mobilon-dev/chotto 0.3.84 → 0.3.85

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

@@ -1,26 +1,26 @@
-import { defineComponent as fe, ref as k, computed as i, inject as w, unref as s, watch as ge, nextTick as K, onMounted as ye, createElementBlock as c, openBlock as l, createVNode as g, createBlock as f, createCommentVNode as u, normalizeStyle as O, renderSlot as j, withDirectives as pe, createElementVNode as h, vShow as be, Transition as v, withCtx as S, Fragment as ke, renderList as he, resolveDynamicComponent as ve, mergeProps as Se, toDisplayString as Re, Teleport as Me } from "vue";
-import Be from "../../2_feed_elements/DateMessageSticky/DateMessageSticky.vue.js";
-import Ie from "../../2_feed_elements/BaseReplyMessage/BaseReplyMessage.vue.js";
-import Te from "../../2_feed_elements/MessageKeyboard/MessageKeyboard.vue.js";
-import Ae from "../../2_feed_elements/FeedKeyboard/FeedKeyboard.vue.js";
-import Ce from "../../2_feed_elements/TypingMessage/TypingMessage.vue.js";
-import Fe from "../../1_atoms/LoadingIndicator/LoadingIndicator.vue.js";
-import { useFeedButton as De } from "./composables/useFeedButton.js";
-import { useFeedComponents as we } from "./composables/useFeedComponents.js";
-import { useFeedGrouping as Ke } from "./composables/useFeedGrouping.js";
-import { useFeedKeyboard as Oe } from "./composables/useFeedKeyboard.js";
-import { useFeedLoadMore as je } from "./composables/useFeedLoadMore.js";
-import { useFeedMessageVisibility as xe } from "./composables/useFeedMessageVisibility.js";
-import { useFeedReply as Le } from "./composables/useFeedReply.js";
-import { useFeedScroll as Ve } from "./composables/useFeedScroll.js";
-import { useFeedScrollTo as $e } from "./composables/useFeedScrollTo.js";
-import { useStickyDate as qe } from "./composables/useStickyDate.js";
-import { throttle as Pe } from "./functions/throttle.js";
-import ze from "./assets/chat-background.svg.js";
-const Ee = { class: "message-feed-wrapper" }, We = ["id"], Ne = { class: "message-feed__loading" }, Ge = ["id", "data-timestamp", "onDblclick"], Ue = { style: { margin: "auto" } }, He = {
+import { defineComponent as be, ref as k, computed as i, provide as j, inject as K, unref as s, watch as ke, nextTick as x, onMounted as ve, createElementBlock as c, openBlock as r, createVNode as g, createBlock as f, createCommentVNode as u, normalizeStyle as L, renderSlot as U, withDirectives as he, createElementVNode as v, vShow as Se, Transition as h, withCtx as S, Fragment as Me, renderList as Ie, resolveDynamicComponent as Re, mergeProps as Be, toDisplayString as Te, Teleport as Ae } from "vue";
+import Ce from "../../2_feed_elements/DateMessageSticky/DateMessageSticky.vue.js";
+import Fe from "../../2_feed_elements/BaseReplyMessage/BaseReplyMessage.vue.js";
+import De from "../../2_feed_elements/MessageKeyboard/MessageKeyboard.vue.js";
+import we from "../../2_feed_elements/FeedKeyboard/FeedKeyboard.vue.js";
+import Oe from "../../2_feed_elements/TypingMessage/TypingMessage.vue.js";
+import je from "../../1_atoms/LoadingIndicator/LoadingIndicator.vue.js";
+import { useFeedButton as Ke } from "./composables/useFeedButton.js";
+import { useFeedComponents as xe } from "./composables/useFeedComponents.js";
+import { useFeedGrouping as Le } from "./composables/useFeedGrouping.js";
+import { useFeedKeyboard as Ue } from "./composables/useFeedKeyboard.js";
+import { useFeedLoadMore as Ne } from "./composables/useFeedLoadMore.js";
+import { useFeedMessageVisibility as Ve } from "./composables/useFeedMessageVisibility.js";
+import { useFeedReply as $e } from "./composables/useFeedReply.js";
+import { useFeedScroll as qe } from "./composables/useFeedScroll.js";
+import { useFeedScrollTo as Pe } from "./composables/useFeedScrollTo.js";
+import { useStickyDate as ze } from "./composables/useStickyDate.js";
+import { throttle as Ee } from "./functions/throttle.js";
+import We from "./assets/chat-background.svg.js";
+const Ge = { class: "message-feed-wrapper" }, He = ["id"], Je = { class: "message-feed__loading" }, Qe = ["id", "data-timestamp", "onDblclick"], Xe = { style: { margin: "auto" } }, Ye = {
   key: 0,
   class: "message-feed__unread-amount"
-}, ft = /* @__PURE__ */ fe({
+}, bt = /* @__PURE__ */ be({
   __name: "Feed",
   props: {
     objects: {
@@ -80,6 +80,21 @@ const Ee = { class: "message-feed-wrapper" }, We = ["id"], Ne = { class: "messag
       type: Boolean,
       default: !0
     },
+    reactionsMode: {
+      type: String,
+      default: "single",
+      validator: (e) => ["single", "multi"].includes(e)
+    },
+    /** Id текущего пользователя — для расчёта «моих» реакций */
+    currentUserId: {
+      type: [String, Number],
+      default: void 0
+    },
+    /** userId → имя для тултипов реакций */
+    reactionUserNames: {
+      type: Object,
+      default: void 0
+    },
     subtextTooltipData: {
       type: Object,
       required: !1,
@@ -107,93 +122,95 @@ const Ee = { class: "message-feed-wrapper" }, We = ["id"], Ne = { class: "messag
     "smsInvite",
     "delimiterRead"
   ],
-  setup(e, { emit: x }) {
-    const a = e, b = k(), r = k(), R = k(), {
-      isShowButton: L,
-      isKeyboardPlace: V,
-      checkButtonVisibility: $
-    } = De({
-      feedRef: r,
-      keyboardRef: R
-    }), { componentsMap: q } = we(), P = i(() => a.reactionsEnabled), { groupedObjects: z } = Ke({
+  setup(e, { emit: N }) {
+    const a = e, b = k(), l = k(), M = k(), {
+      isShowButton: V,
+      isKeyboardPlace: $,
+      checkButtonVisibility: q
+    } = Ke({
+      feedRef: l,
+      keyboardRef: M
+    }), { componentsMap: P } = xe(), z = i(() => a.reactionsEnabled), E = i(() => a.reactionsMode), I = i(() => a.currentUserId), R = i(() => a.reactionUserNames);
+    j("currentUserId", I), j("reactionUserNames", R);
+    const { groupedObjects: W } = Le({
       objects: i(() => a.objects)
-    }), y = w("chatAppId"), M = w("selectedChat", void 0), B = i(() => {
-      if (M)
-        return s(M);
+    }), y = K("chatAppId"), B = K("selectedChat", void 0), T = i(() => {
+      if (B)
+        return s(B);
     });
-    function E(o) {
+    function G(o) {
       return o.timestamp;
     }
-    function W(o) {
+    function H(o) {
       var m;
       const n = o;
-      if (!n.dialogId || !((m = B.value) != null && m.dialogs))
+      if (!n.dialogId || !((m = T.value) != null && m.dialogs))
         return;
-      const t = B.value.dialogs.find((p) => p.dialogId === n.dialogId);
+      const t = T.value.dialogs.find((p) => p.dialogId === n.dialogId);
       return t == null ? void 0 : t.channelId;
     }
-    function N(o) {
+    function J(o) {
       return o.type === "message.call" && typeof a.callMessageOnCallback == "function" ? { onCall: a.callMessageOnCallback } : {};
     }
-    const d = x, {
-      checkScrollPosition: G,
-      startScrollWatch: I,
-      stopScrollWatch: T,
-      resetAllowFlags: U
-    } = je({
-      feedRef: r,
+    const d = N, {
+      checkScrollPosition: Q,
+      startScrollWatch: A,
+      stopScrollWatch: C,
+      resetAllowFlags: X
+    } = Ne({
+      feedRef: l,
       emit: d,
       isLoadingMoreRef: i(() => a.isLoadingMore)
     }), {
-      getMessage: A,
-      messageAction: H,
-      handleClickReplied: J,
-      feedObjectDoubleClick: Q,
-      handleResetReply: X
-    } = Le({
+      getMessage: F,
+      messageAction: Y,
+      handleClickReplied: Z,
+      feedObjectDoubleClick: _,
+      handleResetReply: ee
+    } = $e({
       enableDoubleClickReply: a.enableDoubleClickReply,
       emit: d
     });
-    function Y(o) {
+    function te(o) {
       d("smsInvite", o);
     }
-    function Z(o) {
+    function oe(o) {
       d("delimiterRead", o);
     }
     const {
-      showKeyboard: _,
-      keyboardAction: ee,
-      feedKeyboardAction: te
-    } = Oe({
-      isKeyboardPlace: V,
+      showKeyboard: se,
+      keyboardAction: ae,
+      feedKeyboardAction: ne
+    } = Ue({
+      isKeyboardPlace: $,
       objects: i(() => a.objects),
       emit: d
     }), {
-      showStickyDate: oe,
-      stickyDateText: se,
-      show: ae
-    } = qe({
-      feedRef: r,
+      showStickyDate: re,
+      stickyDateText: ie,
+      show: le
+    } = ze({
+      feedRef: l,
       trackingObjects: b
     }), {
-      isInitialized: ne,
-      performScrollToBottom: le,
-      ensureScrollToBottom: C,
-      initializeScroll: ie,
-      smoothScrollToBottom: re
-    } = Ve({
-      feedRef: r,
+      isInitialized: de,
+      performScrollToBottom: ce,
+      ensureScrollToBottom: D,
+      initializeScroll: ue,
+      smoothScrollToBottom: me
+    } = qe({
+      feedRef: l,
       objectsRef: i(() => a.objects),
       scrollToBottomRef: i(() => a.scrollToBottom)
-    }), F = i(() => a.chatBackground ?? `data:image/svg+xml;charset=utf-8,${encodeURIComponent(ze)}`);
-    function D(o = !0) {
-      $(), G(o), ae();
+    }), w = i(() => a.chatBackground ?? `data:image/svg+xml;charset=utf-8,${encodeURIComponent(We)}`);
+    function O(o = !0) {
+      q(), Q(o), le();
     }
-    const de = Pe(() => D(), 250);
-    function ce() {
-      d("forceScrollToBottom"), re();
+    const fe = Ee(() => O(), 250);
+    function ge() {
+      d("forceScrollToBottom"), me();
     }
-    function ue(o) {
+    function ye(o) {
       const n = a.objects;
       if (o.startsWith("mid-")) {
         const t = parseInt(o.slice(4), 10);
@@ -201,158 +218,161 @@ const Ee = { class: "message-feed-wrapper" }, We = ["id"], Ne = { class: "messag
       }
       return n.find((t) => t.messageId === o);
     }
-    const { restartObserving: me } = xe({
+    const { restartObserving: pe } = Ve({
       trackingObjects: b,
       chatAppId: y,
-      getMessageById: ue,
+      getMessageById: ye,
       onMessageVisible: (o) => d("messageVisible", o)
     });
-    return ge(
+    return ke(
       () => a.objects,
       () => {
-        K(() => {
+        x(() => {
           requestAnimationFrame(() => {
-            U(), D(!1), b.value = document.querySelectorAll(".tracking-message"), me();
+            X(), O(!1), b.value = document.querySelectorAll(".tracking-message"), pe();
           });
         });
       },
       { immediate: !0 }
-    ), $e({
+    ), Pe({
       targetIdRef: i(() => a.scrollTo),
       feedContainerId: `feed-container-${y}`
-    }), ye(() => {
-      K(() => {
-        a.objects.length > 0 && !ne.value && ie();
+    }), ve(() => {
+      x(() => {
+        a.objects.length > 0 && !de.value && ue();
         const o = new ResizeObserver(() => {
-          a.scrollToBottom && (le(), setTimeout(() => {
-            C();
+          a.scrollToBottom && (ce(), setTimeout(() => {
+            D();
           }, 200), setTimeout(() => {
-            C();
+            D();
           }, 800));
         });
-        r.value && o.observe(r.value);
+        l.value && o.observe(l.value);
       });
-    }), (o, n) => (l(), c("div", Ee, [
-      e.objects.length > 0 || e.typing ? (l(), c("div", {
+    }), (o, n) => (r(), c("div", Ge, [
+      e.objects.length > 0 || e.typing ? (r(), c("div", {
         key: 0,
         id: "feed-container-" + s(y),
         ref_key: "refFeed",
-        ref: r,
+        ref: l,
         class: "message-feed",
-        style: O({ backgroundImage: `url(${F.value})` }),
-        onScroll: n[0] || (n[0] = (t) => s(de)()),
+        style: L({ backgroundImage: `url(${w.value})` }),
+        onScroll: n[0] || (n[0] = (t) => s(fe)()),
         onMousedown: n[1] || (n[1] = //@ts-ignore
-        (...t) => s(I) && s(I)(...t)),
+        (...t) => s(A) && s(A)(...t)),
         onMouseup: n[2] || (n[2] = //@ts-ignore
-        (...t) => s(T) && s(T)(...t))
+        (...t) => s(C) && s(C)(...t))
       }, [
-        j(o.$slots, "prepend", {}, void 0, !0),
-        pe(h("div", Ne, [
-          g(Fe, {
+        U(o.$slots, "prepend", {}, void 0, !0),
+        he(v("div", Je, [
+          g(je, {
             "is-loading": e.isLoadingMore,
             size: "small",
             position: "top"
           }, null, 8, ["is-loading"])
         ], 512), [
-          [be, e.isLoadingMore]
+          [Se, e.isLoadingMore]
         ]),
-        g(v, null, {
+        g(h, null, {
           default: S(() => [
-            s(oe) && !e.isLoadingMore ? (l(), f(Be, {
+            s(re) && !e.isLoadingMore ? (r(), f(Ce, {
               key: 0,
               class: "message-feed__sticky-date",
-              text: s(se)
+              text: s(ie)
             }, null, 8, ["text"])) : u("", !0)
           ]),
           _: 1
         }),
-        (l(!0), c(ke, null, he(s(z), (t, m) => (l(), c("div", {
+        (r(!0), c(Me, null, Ie(s(W), (t, m) => (r(), c("div", {
           id: "msg-" + (t.messageId ?? "mid-" + m),
           key: t.messageId ?? "mid-" + m,
-          "data-timestamp": E(t),
+          "data-timestamp": G(t),
           class: "tracking-message",
-          onDblclick: (p) => s(Q)(p, t)
+          onDblclick: (p) => s(_)(p, t)
         }, [
-          (l(), f(ve(s(q)(t.type)), Se({
+          (r(), f(Re(s(P)(t.type)), Be({
             key: t.messageId ?? "mid-" + m,
             class: "message-feed__message",
             message: t,
             "apply-style": e.applyStyle,
             "is-first-in-series": t.isFirstInSeries,
-            "reactions-enabled": P.value,
+            "reactions-enabled": z.value,
+            "reactions-mode": E.value,
+            "current-user-id": I.value,
+            "reaction-user-names": R.value,
             "subtext-tooltip-data": e.subtextTooltipData,
-            channel: W(t)
-          }, { ref_for: !0 }, N(t), {
-            onAction: s(H),
-            onReply: s(J),
-            onSmsInvite: (p) => Y(t),
-            onRead: Z
-          }), null, 16, ["message", "apply-style", "is-first-in-series", "reactions-enabled", "subtext-tooltip-data", "channel", "onAction", "onReply", "onSmsInvite"]))
-        ], 40, Ge))), 128)),
-        e.typing ? (l(), f(Ce, {
+            channel: H(t)
+          }, { ref_for: !0 }, J(t), {
+            onAction: s(Y),
+            onReply: s(Z),
+            onSmsInvite: (p) => te(t),
+            onRead: oe
+          }), 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, Qe))), 128)),
+        e.typing ? (r(), f(Oe, {
           key: 0,
           message: {
             subText: e.typing.title,
             avatar: e.typing.avatar
           }
         }, null, 8, ["message"])) : u("", !0),
-        g(v, null, {
+        g(h, null, {
           default: S(() => [
-            s(_) ? (l(), f(Te, {
+            s(se) ? (r(), f(De, {
               key: 0,
               ref_key: "keyboardRef",
-              ref: R,
+              ref: M,
               class: "message-feed__keyboard",
               keyboard: e.objects[e.objects.length - 1].keyboard,
               align: e.keyboardAlign,
-              onAction: s(ee)
+              onAction: s(ae)
             }, null, 8, ["keyboard", "align", "onAction"])) : u("", !0)
           ]),
           _: 1
         }),
-        e.feedKeyboards && e.feedKeyboards.length > 0 ? (l(), f(Ae, {
+        e.feedKeyboards && e.feedKeyboards.length > 0 ? (r(), f(we, {
           key: 1,
           buttons: e.feedKeyboards,
           align: e.feedKeyboardAlign,
-          onAction: s(te)
+          onAction: s(ne)
         }, null, 8, ["buttons", "align", "onAction"])) : u("", !0)
-      ], 44, We)) : (l(), c("div", {
+      ], 44, He)) : (r(), c("div", {
         key: 1,
         ref_key: "refFeed",
-        ref: r,
+        ref: l,
         class: "message-feed",
-        style: O({ backgroundImage: `url(${F.value})` })
+        style: L({ backgroundImage: `url(${w.value})` })
       }, [
-        h("div", Ue, [
-          j(o.$slots, "empty-feed", {}, void 0, !0)
+        v("div", Xe, [
+          U(o.$slots, "empty-feed", {}, void 0, !0)
         ])
       ], 4)),
-      g(v, null, {
+      g(h, null, {
         default: S(() => [
-          s(L) ? (l(), c("button", {
+          s(V) ? (r(), c("button", {
             key: 0,
             class: "message-feed__button-down",
-            onClick: ce
+            onClick: ge
           }, [
-            e.buttonParams ? (l(), c("div", He, Re(e.buttonParams.unreadAmount), 1)) : u("", !0),
-            n[3] || (n[3] = h("span", { class: "pi pi-angle-down message-feed__icon-down" }, null, -1))
+            e.buttonParams ? (r(), c("div", Ye, Te(e.buttonParams.unreadAmount), 1)) : u("", !0),
+            n[3] || (n[3] = v("span", { class: "pi pi-angle-down message-feed__icon-down" }, null, -1))
           ])) : u("", !0)
         ]),
         _: 1
       }),
-      s(A)().reply ? (l(), f(Me, {
+      s(F)().reply ? (r(), f(Ae, {
         key: 2,
         to: "#chat-input-reply-line-" + s(y)
       }, [
-        g(Ie, {
+        g(Fe, {
           class: "chat-input-reply",
-          message: s(A)().reply,
-          onReset: s(X)
+          message: s(F)().reply,
+          onReset: s(ee)
         }, null, 8, ["message", "onReset"])
       ], 8, ["to"])) : u("", !0)
     ]));
   }
 });
 export {
-  ft as default
+  bt as default
 };

package/dist/components/3_compounds/Feed/composables/useFeedReply.js

@@ -1,43 +1,40 @@
-import { inject as o } from "vue";
-import { useMessageDraft as d } from "../../../../hooks/useMessageDraft.js";
+import { inject as n } from "vue";
+import { useMessageDraft as o } from "../../../../hooks/useMessageDraft.js";
 import "../../../../hooks/useSearchModel.js";
 import "../../../../hooks/useTheme.js";
+import "../../../../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";
-function A({ enableDoubleClickReply: p, emit: n }) {
-  const i = o("chatAppId"), { setReply: s, getMessage: r, resetReply: a } = d(i);
+import { useStartReply as m, hideReplyPreview as d } from "../../../../hooks/messages/useStartReply.js";
+function w({ enableDoubleClickReply: s, emit: p }) {
+  const i = n("chatAppId"), { getMessage: r, resetReply: l } = o(i), { startReply: a } = m(i);
   return {
     getMessage: r,
-    messageAction: (e) => {
-      n("messageAction", e);
+    messageAction: (t) => {
+      p("messageAction", t);
     },
-    handleClickReplied: (e) => {
-      n("clickRepliedMessage", e);
+    handleClickReplied: (t) => {
+      p("clickRepliedMessage", t);
     },
-    feedObjectDoubleClick: (e, t) => {
-      if (p && (e == null || e.preventDefault(), t.type.indexOf("system") === -1 && t.type.indexOf("typing") === -1)) {
-        const l = document.getElementById("chat-input-reply-line-" + i);
-        l && (l.style.display = "inherit"), s({
-          messageId: t.messageId,
-          type: t.type,
-          text: t.text,
-          filename: t.filename,
-          url: t.url,
-          header: t.header,
-          callDuration: t.callDuration
-        });
-      }
+    feedObjectDoubleClick: (t, e) => {
+      s && (t == null || t.preventDefault(), e.type.indexOf("system") === -1 && e.type.indexOf("typing") === -1 && a({
+        messageId: e.messageId,
+        type: e.type,
+        text: e.text,
+        filename: e.filename,
+        url: e.url,
+        header: e.header,
+        callDuration: e.callDuration
+      }));
     },
     handleResetReply: () => {
-      a();
-      const e = document.getElementById("chat-input-reply-line-" + i);
-      e && (e.style.display = "none");
+      l(), d(i);
     }
   };
 }
 export {
-  A as useFeedReply
+  w as useFeedReply
 };

package/dist/functions/renderAppleEmojis.js

@@ -0,0 +1,92 @@
+const f = "https://cdn.jsdelivr.net/npm/emoji-datasource-apple@6.0.1/img/apple/64", p = new RegExp("(?:\\p{Regional_Indicator}{2})|(?:[#*0-9]\\uFE0F?\\u20E3)|(?:\\p{Extended_Pictographic}(?:\\uFE0F|\\uFE0E)?(?:\\u200D(?:\\p{Extended_Pictographic}|\\p{Emoji_Modifier_Base})(?:\\uFE0F|\\uFE0E)?)*)", "gu"), g = "height:1.2em;width:1.2em;margin:0 0.05em;vertical-align:-0.2em;display:inline";
+function u(e, t) {
+  const n = [];
+  for (const c of e) {
+    const a = c.codePointAt(0);
+    a !== void 0 && (t != null && t.stripVariationSelectors && (a === 65039 || a === 65038) || n.push(a.toString(16)));
+  }
+  return n.join("-");
+}
+function F(e) {
+  return `${f}/${u(e)}.png`;
+}
+function h(e) {
+  const t = u(e), n = u(e, { stripVariationSelectors: !0 });
+  if (t !== n)
+    return `${f}/${n}.png`;
+  if (!/[\uFE0E\uFE0F]/.test(e)) {
+    const c = u(`${e}️`);
+    if (c !== t)
+      return `${f}/${c}.png`;
+  }
+  return null;
+}
+function T(e, t) {
+  const n = h(t);
+  n && e.addEventListener(
+    "error",
+    () => {
+      e.src !== n && (e.src = n);
+    },
+    { once: !0 }
+  );
+}
+function x(e) {
+  const t = u(e);
+  if (!t) return e;
+  const n = `${f}/${t}.png`, c = h(e), a = c ? ` data-fallback="${E(c)}" onerror="if(this.dataset.fallback&&this.src!==this.dataset.fallback){this.onerror=null;this.src=this.dataset.fallback}"` : "";
+  return `<img class="chotto-emoji" src="${E(n)}" alt="${E(e)}" draggable="false" style="${g}"${a} />`;
+}
+function E(e) {
+  return e.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}
+function N(e) {
+  return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}
+function I(e) {
+  return e ? N(e).replace(p, (n) => x(n)) : "";
+}
+function $(e) {
+  var m;
+  if (!e || typeof document > "u") return e;
+  const t = document.createElement("div");
+  t.innerHTML = e;
+  const n = document.createTreeWalker(t, NodeFilter.SHOW_TEXT, {
+    acceptNode: (s) => {
+      let r = s.parentNode;
+      for (; r && r !== t; ) {
+        const o = r.nodeName;
+        if (o === "SCRIPT" || o === "STYLE" || o === "TEXTAREA")
+          return NodeFilter.FILTER_REJECT;
+        r = r.parentNode;
+      }
+      return NodeFilter.FILTER_ACCEPT;
+    }
+  }), c = [];
+  let a;
+  for (; a = n.nextNode(); )
+    c.push(a);
+  for (const s of c.reverse()) {
+    const r = s.textContent || "";
+    if (p.lastIndex = 0, !p.test(r)) continue;
+    p.lastIndex = 0;
+    const o = document.createDocumentFragment();
+    let d = 0, i;
+    for (; i = p.exec(r); ) {
+      i.index > d && o.appendChild(document.createTextNode(r.slice(d, i.index)));
+      const l = document.createElement("img");
+      l.className = "chotto-emoji", l.src = F(i[0]), l.alt = i[0], l.draggable = !1, l.setAttribute("style", g), T(l, i[0]), o.appendChild(l), d = i.index + i[0].length;
+    }
+    d < r.length && o.appendChild(document.createTextNode(r.slice(d))), (m = s.parentNode) == null || m.replaceChild(o, s);
+  }
+  return t.innerHTML;
+}
+export {
+  f as APPLE_EMOJI_CDN,
+  x as createAppleEmojiImgHtml,
+  u as emojiToAppleCode,
+  h as getAppleEmojiFallbackUrl,
+  F as getAppleEmojiUrl,
+  $ as replaceEmojisInHtml,
+  I as textToAppleEmojiHtml
+};

package/dist/hooks/messages/buildReplyPayload.js

@@ -0,0 +1,14 @@
+function r(t, l) {
+  return {
+    messageId: String(t.messageId),
+    type: t.type ?? l,
+    text: t.text,
+    filename: t.filename,
+    url: t.url,
+    header: t.header,
+    callDuration: t.callDuration
+  };
+}
+export {
+  r as buildReplyPayload
+};