@mobilon-dev/chotto 0.3.104 → 0.3.106

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

@@ -0,0 +1,79 @@
+import { ref as y, computed as H, watch as C, onUnmounted as I, nextTick as p } from "vue";
+const K = 28, B = 24;
+function F(a, s) {
+  var t;
+  return ((t = a[s]) == null ? void 0 : t.messageId) ?? "";
+}
+function _({
+  objectsRef: a,
+  feedRef: s
+}) {
+  const t = y(0);
+  let u = "", g = "", r = 0, v = 0, i = 0;
+  const k = H(() => a.value.slice(t.value)), A = H(() => t.value > 0);
+  function h() {
+    v += 1, i && (cancelAnimationFrame(i), i = 0);
+  }
+  function d(e, o, l) {
+    const n = s.value;
+    if (!n) return;
+    const c = n.style.scrollBehavior;
+    n.style.scrollBehavior = "auto", l ? n.scrollTop = n.scrollHeight : n.scrollTop = o + (n.scrollHeight - e), requestAnimationFrame(() => {
+      n.style.scrollBehavior = c;
+    });
+  }
+  function f() {
+    const e = ++v, o = () => {
+      if (i = 0, e !== v || t.value <= 0) return;
+      const l = s.value, n = (l == null ? void 0 : l.scrollHeight) ?? 0, c = (l == null ? void 0 : l.scrollTop) ?? 0, m = l ? l.scrollHeight - l.scrollTop - l.clientHeight < 140 : !0;
+      t.value = Math.max(0, t.value - B), p(() => {
+        d(n, c, m), e === v && t.value > 0 && (i = requestAnimationFrame(o));
+      });
+    };
+    i = requestAnimationFrame(o);
+  }
+  function T(e) {
+    t.value = Math.max(0, e - K), t.value > 0 && f();
+  }
+  function E(e) {
+    if (e < 0) return;
+    const o = Math.max(0, e - 8);
+    o < t.value && (t.value = o, t.value > 0 && f());
+  }
+  function L() {
+    if (t.value <= 0) return;
+    const e = s.value, o = (e == null ? void 0 : e.scrollHeight) ?? 0, l = (e == null ? void 0 : e.scrollTop) ?? 0, n = e ? e.scrollHeight - e.scrollTop - e.clientHeight < 140 : !1;
+    t.value = Math.max(0, t.value - B * 2), p(() => {
+      d(o, l, n), t.value > 0 && f();
+    });
+  }
+  return C(
+    () => a.value,
+    (e) => {
+      const o = F(e, 0), l = F(e, e.length - 1), n = r > 0 && e.length > r && l === g && o !== u, c = r > 0 && e.length > r && o === u, m = o === u && l === g && e.length === r;
+      if (e.length === 0)
+        h(), t.value = 0;
+      else if (!m) if (n) {
+        const q = e.length - r;
+        t.value > 0 && (t.value += q, f());
+      } else c || (r === 0 ? (h(), T(e.length)) : (h(), t.value = e.length, p(() => {
+        requestAnimationFrame(() => {
+          T(a.value.length);
+        });
+      })));
+      u = o, g = l, r = e.length;
+    },
+    { immediate: !0 }
+  ), I(h), {
+    visibleObjects: k,
+    renderStart: t,
+    isBackfilling: A,
+    revealThroughIndex: E,
+    accelerateBackfill: L
+  };
+}
+export {
+  B as FEED_BACKFILL_CHUNK,
+  K as FEED_TAIL_CHUNK,
+  _ as useFeedProgressiveRender
+};

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

@@ -1,5 +1,5 @@
-import { inject as m } from "vue";
-import { useMessageDraft as c } from "../../../../hooks/useMessageDraft.js";
+import { inject as c } from "vue";
+import { useMessageDraft as f } from "../../../../hooks/useMessageDraft.js";
 import "../../../../hooks/useSearchModel.js";
 import "../../../../hooks/useTheme.js";
 import "../../../../hooks/useEmojiNative.js";
@@ -10,9 +10,9 @@ import "../../../../locale/useLocale.js";
 import "../../../../node_modules/linkifyjs/dist/linkify.js";
 import "../../../../node_modules/linkify-string/dist/linkify-string.js";
 import "../../../../functions/parseMarkdown.js";
-import { useStartReply as f, hideReplyPreview as p } from "../../../../hooks/messages/useStartReply.js";
-function T({ enableDoubleClickReply: r, emit: s }) {
-  const i = m("chatAppId"), { getMessage: l, resetReply: a, resetEdit: n, setMessageText: o } = c(i), { startReply: d } = f(i);
+import { useStartReply as u, hideReplyPreview as p } from "../../../../hooks/messages/useStartReply.js";
+function w({ enableDoubleClickReply: a, emit: s, isReplyAllowed: r }) {
+  const i = c("chatAppId"), { getMessage: l, resetReply: n, resetEdit: d, setMessageText: m } = f(i), { startReply: o } = u(i);
   return {
     getMessage: l,
     messageAction: (t) => {
@@ -22,7 +22,7 @@ function T({ enableDoubleClickReply: r, emit: s }) {
       s("clickRepliedMessage", t);
     },
     feedObjectDoubleClick: (t, e) => {
-      r && (t == null || t.preventDefault(), e.type.indexOf("system") === -1 && e.type.indexOf("typing") === -1 && d({
+      a && (r && !r(e) || (t == null || t.preventDefault(), e.type.indexOf("system") === -1 && e.type.indexOf("typing") === -1 && o({
         messageId: e.messageId,
         type: e.type,
         text: e.text,
@@ -30,16 +30,16 @@ function T({ enableDoubleClickReply: r, emit: s }) {
         url: e.url,
         header: e.header,
         callDuration: e.callDuration
-      }));
+      })));
     },
     handleResetReply: () => {
-      a(), p(i);
+      n(), p(i);
     },
     handleResetEdit: () => {
-      n(), o(""), p(i);
+      d(), m(""), p(i);
     }
   };
 }
 export {
-  T as useFeedReply
+  w as useFeedReply
 };

package/dist/functions/isSmsChannel.js

@@ -0,0 +1,19 @@
+function c(t) {
+  const r = t == null ? void 0 : t.toLowerCase().trim();
+  return r ? r.split(".")[0] === "sms" : !1;
+}
+function l(t) {
+  var r, n, i, o;
+  return String(
+    ((r = t == null ? void 0 : t.meta) == null ? void 0 : r.messageStyle) ?? (t == null ? void 0 : t.messageStyle) ?? ((n = t == null ? void 0 : t.channel) == null ? void 0 : n.serviceType) ?? ((i = t == null ? void 0 : t.channel) == null ? void 0 : i.type) ?? ((o = t == null ? void 0 : t.meta) == null ? void 0 : o.serviceType) ?? ""
+  ).toLowerCase().trim();
+}
+function u(t, r) {
+  var i, o;
+  const n = t;
+  return l(n) === "sms" ? !0 : c(r) || c(n == null ? void 0 : n.channelId) || c((i = n == null ? void 0 : n.channel) == null ? void 0 : i.channelId) || c((o = n == null ? void 0 : n.meta) == null ? void 0 : o.channelId);
+}
+export {
+  c as isSmsChannel,
+  u as isSmsFeedMessage
+};

package/dist/hooks/messages/useMessageHoverActions.js

@@ -0,0 +1,13 @@
+import { computed as t, toValue as e } from "vue";
+import { isSmsFeedMessage as c } from "../../functions/isSmsChannel.js";
+function m(s, r = !0, i = void 0) {
+  const o = t(
+    () => !c(e(i), e(s))
+  ), n = t(
+    () => e(r) && o.value
+  );
+  return { hoverActionsEnabled: o, reactionsActive: n };
+}
+export {
+  m as useMessageHoverActions
+};