@mobilon-dev/chotto 0.3.90 → 0.3.92

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

@@ -1,27 +1,28 @@
-import { defineComponent as re, inject as ue, ref as f, computed as _, watch as h, nextTick as d, unref as r, onMounted as ce, createElementBlock as C, openBlock as I, createElementVNode as p, createVNode as P, renderSlot as W, toDisplayString as de, createCommentVNode as pe, withDirectives as fe, normalizeClass as H, withKeys as he, vModelText as me } from "vue";
-import { useImmediateDebouncedRef as ve } from "../../../hooks/useImmediateDebouncedRef.js";
-import { useMessageDraft as ge } from "../../../hooks/useMessageDraft.js";
+import { defineComponent as Te, inject as be, ref as E, computed as _, watch as p, nextTick as S, unref as u, onMounted as we, onUnmounted as Ce, createElementBlock as k, openBlock as F, createElementVNode as h, createVNode as G, normalizeClass as z, createBlock as Ae, createCommentVNode as O, renderSlot as U, toDisplayString as Ee, withDirectives as Fe, withKeys as Me, vModelText as Re } from "vue";
+import { useImmediateDebouncedRef as He } from "../../../hooks/useImmediateDebouncedRef.js";
+import { useMessageDraft as ke } from "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
 import "../../../hooks/useTheme.js";
-import { useEmojiNative as ye } from "../../../hooks/useEmojiNative.js";
+import { useEmojiNative as Le } from "../../../hooks/useEmojiNative.js";
 /* empty css                              */
 /* empty css                                              */
-import { t as m } from "../../../locale/useLocale.js";
+import { t as I } from "../../../locale/useLocale.js";
 /* empty css                                                            */
 import "../../../node_modules/linkifyjs/dist/linkify.js";
 import "../../../node_modules/linkify-string/dist/linkify-string.js";
 import "../../../functions/parseMarkdown.js";
-import { textToAppleEmojiHtml as xe, textContainsEmoji as _e } from "../../../functions/renderAppleEmojis.js";
-import { hideEditPreview as Te } from "../../../hooks/messages/useStartEdit.js";
-import be from "./icons/SendIcon.vue.js";
-import Se from "../../2_chatinput_elements/TextFormatToolbar/TextFormatToolbar.vue.js";
-const Ce = { class: "chat-input__container" }, Ie = ["id"], we = ["id"], Ae = { class: "chat-input__inline-buttons" }, Ee = {
+import { textToAppleEmojiHtml as De, textContainsEmoji as Pe, previousGraphemeIndex as Y, nextGraphemeIndex as V, snapIndexToGrapheme as $ } from "../../../functions/renderAppleEmojis.js";
+import { hideEditPreview as We } from "../../../hooks/messages/useStartEdit.js";
+import qe from "./icons/SendIcon.vue.js";
+import Be from "../../2_chatinput_elements/TextFormatToolbar/TextFormatToolbar.vue.js";
+import ze from "../../2_chatinput_elements/FilePreview/FilePreview.vue.js";
+const Ke = { class: "chat-input__container" }, je = ["id"], Ne = ["id"], Ge = { class: "chat-input__inline-buttons" }, Oe = {
   key: 0,
   class: "chat-input__input chat-input__disabled-placeholder"
-}, Me = {
+}, Ue = {
   key: 1,
   class: "chat-input__input-wrap"
-}, Fe = ["innerHTML"], He = ["disabled", "placeholder"], Re = ["disabled"], ke = { class: "" }, ze = { class: "chat-input__third-line" }, Ze = /* @__PURE__ */ re({
+}, Ye = ["innerHTML"], Ve = ["disabled", "placeholder"], $e = ["disabled"], Je = { class: "" }, Qe = { class: "chat-input__third-line" }, K = 40, gt = /* @__PURE__ */ Te({
   __name: "ChatInput",
   props: {
     state: {
@@ -50,32 +51,84 @@ const Ce = { class: "chat-input__container" }, Ie = ["id"], we = ["id"], Ae = {
     }
   },
   emits: ["send", "typing"],
-  setup(v, { emit: B }) {
-    const w = B, g = ue("chatAppId"), { resetMessage: L, getMessage: l, setMessageText: T, setForceSendMessage: j, resetEdit: q } = ge(g), { isNative: K } = ye(g), n = f(), A = f(), u = f(!1), y = f(!1), N = ve("", 2e3), R = f(), O = _(() => xe(l().text || "")), x = _(
-      () => !K.value && _e(l().text || "")
+  setup(T, { emit: J }) {
+    const L = J, b = be("chatAppId"), { resetMessage: Q, getMessage: o, setMessageText: M, setForceSendMessage: X, resetEdit: Z, resetMessageFile: ee } = ke(b), { isNative: te } = Le(b), n = E(), m = E(), v = E(null), w = E(!1), ne = He("", 2e3), D = _(() => {
+      var e;
+      return (e = o().file) == null ? void 0 : e.preview;
+    }), ie = _(
+      () => De(o().text || "", v.value)
+    ), g = _(
+      () => !te.value && Pe(o().text || "")
     ), c = () => {
-      if (!A.value || !n.value) return;
-      const e = n.value, t = A.value, i = Math.max(0, e.offsetWidth - e.clientWidth);
-      t.style.right = i > 0 ? `${i}px` : "", t.scrollTop = e.scrollTop;
+      if (!m.value || !n.value) return;
+      const e = n.value, t = m.value, l = Math.max(0, e.offsetWidth - e.clientWidth);
+      t.style.right = l > 0 ? `${l}px` : "", t.scrollTop = e.scrollTop;
     };
-    let b = 0;
-    function E() {
-      if (!x.value) {
-        u.value = !1;
+    let y = 0;
+    function P() {
+      v.value = null;
+    }
+    function le(e = "nearest") {
+      const t = n.value;
+      if (!t || !g.value) return;
+      const l = t.value, i = $(l, t.selectionStart, e), r = $(l, t.selectionEnd, e);
+      (i !== t.selectionStart || r !== t.selectionEnd) && t.setSelectionRange(i, r);
+    }
+    function W() {
+      le("nearest"), d();
+    }
+    function oe(e) {
+      if (!g.value || e.key !== "ArrowLeft" && e.key !== "ArrowRight" || e.altKey || e.metaKey || e.ctrlKey) return;
+      const t = n.value;
+      if (!t) return;
+      const l = t.value, i = t.selectionStart !== t.selectionEnd;
+      if (e.shiftKey) {
+        requestAnimationFrame(() => W());
         return;
       }
-      b && cancelAnimationFrame(b), b = requestAnimationFrame(() => {
-        b = 0;
+      if (i) {
+        e.preventDefault();
+        const x = e.key === "ArrowLeft" ? t.selectionStart : t.selectionEnd, A = e.key === "ArrowLeft" ? Y(l, x) : V(l, x);
+        t.setSelectionRange(A, A), d();
+        return;
+      }
+      e.preventDefault();
+      const r = t.selectionStart, f = e.key === "ArrowLeft" ? Y(l, r) : V(l, r);
+      t.setSelectionRange(f, f), d();
+    }
+    function d() {
+      if (!g.value) {
+        P();
+        return;
+      }
+      y && cancelAnimationFrame(y), y = requestAnimationFrame(() => {
+        var f;
+        y = 0;
         const e = n.value;
         if (!e) {
-          u.value = !1;
+          P();
+          return;
+        }
+        const t = e.selectionStart, l = e.selectionEnd;
+        if (t === l) {
+          v.value !== null && (v.value = null, S(c));
           return;
         }
-        const t = e.selectionStart !== e.selectionEnd;
-        u.value !== t && (u.value = t, t || d(c));
+        const i = v.value;
+        if (i && i.start === t && i.end === l) return;
+        const r = ((f = m.value) == null ? void 0 : f.scrollTop) ?? 0;
+        v.value = { start: t, end: l }, S(() => {
+          m.value && (m.value.scrollTop = r), c();
+        });
       });
     }
-    const a = v, Y = _(() => !!(a.state == "disabled" || l().text == "" && !l().file || l().isRecording)), $ = _(() => {
+    function se(e) {
+      e.buttons && d();
+    }
+    function j() {
+      document.activeElement === n.value && d();
+    }
+    const a = T, ae = _(() => !!(a.state == "disabled" || o().text == "" && !o().file || o().isRecording)), re = _(() => {
       var t;
       if (a.inputButtonColor)
         return a.inputButtonColor;
@@ -83,133 +136,158 @@ const Ce = { class: "chat-input__container" }, Ie = ["id"], we = ["id"], Ae = {
         return "#25D366";
       const e = a.selectedChannel.channelId.toLowerCase();
       return e.includes("whatsapp") || e.includes("waba") ? "#25D366" : e.includes("telegram") ? "#37AFE2" : e.includes("sms") ? "#6C757D" : e.includes("max") ? "#4B0082" : "#25D366";
-    }), V = _(() => {
+    }), ue = _(() => {
       var t;
       if (!((t = a.selectedChannel) != null && t.channelId))
-        return m("component.ChatInput.InputPlaceholder");
+        return I("component.ChatInput.InputPlaceholder");
       const e = a.selectedChannel.channelId.toLowerCase();
-      return e.includes("whatsapp") || e.includes("waba") ? m("component.ChatInput.WhatsappInputPlaceholder") : e.includes("telegram") ? m("component.ChatInput.TelegramInputPlaceholder") : e.includes("sms") ? m("component.ChatInput.SmsInputPlaceholder") : e.includes("max") ? m("component.ChatInput.MaxInputPlaceholder") : m("component.ChatInput.InputPlaceholder");
+      return e.includes("whatsapp") || e.includes("waba") ? I("component.ChatInput.WhatsappInputPlaceholder") : e.includes("telegram") ? I("component.ChatInput.TelegramInputPlaceholder") : e.includes("sms") ? I("component.ChatInput.SmsInputPlaceholder") : e.includes("max") ? I("component.ChatInput.MaxInputPlaceholder") : I("component.ChatInput.InputPlaceholder");
     });
-    h(
-      () => N.value,
+    p(
+      () => ne.value,
       () => {
-        w("typing");
+        L("typing");
       }
-    ), h(
+    ), p(
       () => {
         var e;
-        return (e = l().edit) == null ? void 0 : e.messageId;
+        return (e = o().edit) == null ? void 0 : e.messageId;
       },
       (e, t) => {
-        e != null && e !== t && (y.value = !0, d(() => {
-          if (!y.value) return;
-          const i = n.value;
-          i && (M(i), y.value = !1, S(i), requestAnimationFrame(() => S(i)));
+        e != null && e !== t && (w.value = !0, S(() => {
+          if (!w.value) return;
+          const l = n.value;
+          l && (C(l), w.value = !1, H(l), requestAnimationFrame(() => H(l)));
         }));
       }
-    ), h(
+    ), p(
       () => a.focusOnInputArea,
       () => {
-        a.focusOnInputArea && d(() => {
-          const e = r(n);
+        a.focusOnInputArea && S(() => {
+          const e = u(n);
           e == null || e.focus();
         });
       },
       { immediate: !0 }
-    ), h(
-      () => l().text,
+    ), p(
+      () => o().text,
       () => {
-        d(() => {
-          const e = n.value;
-          e && (M(e), y.value && (y.value = !1, S(e), requestAnimationFrame(() => S(e))));
-        });
+        const e = n.value;
+        e && (C(e), w.value && (w.value = !1, H(e), requestAnimationFrame(() => H(e))));
       },
-      { immediate: !0 }
-    ), h(x, (e) => {
-      e && d(() => {
+      { immediate: !0, flush: "post" }
+    ), p(
+      () => o().id,
+      () => {
+        const e = n.value;
+        e && (R(e), requestAnimationFrame(() => {
+          const t = n.value;
+          t && C(t);
+        }));
+      }
+    ), p(g, (e) => {
+      e && S(() => {
         const t = n.value;
         if (!t) return;
-        const i = t.scrollTop;
-        M(t), t.scrollTop = i, c(), requestAnimationFrame(c);
+        const l = t.scrollTop;
+        C(t), t.scrollTop = l, c(), requestAnimationFrame(c);
       });
     });
-    function M(e) {
-      const t = e.scrollTop;
+    function R(e) {
+      const t = o().inputHeight;
+      e.style.height = (t || K) + "px", (!t || t <= K) && (e.style.overflowY = "hidden");
+    }
+    function ce(e) {
+      const t = parseFloat(e.style.height);
+      Number.isFinite(t) && (o().inputHeight = t);
+    }
+    function C(e) {
+      const t = o().text || "";
+      if (e.value !== t || e.clientWidth === 0) {
+        R(e);
+        return;
+      }
+      const l = e.scrollTop;
       e.style.height = "auto";
-      const i = getComputedStyle(e), o = parseFloat(i.fontSize) || 16, ee = parseFloat(i.lineHeight) || o * 1.4, k = 40, z = ee * 11, D = e.scrollHeight, te = l().text.split(`
+      const i = getComputedStyle(e), r = parseFloat(i.fontSize) || 16, f = parseFloat(i.lineHeight) || r * 1.4, x = K, A = f * 11, B = e.scrollHeight, ge = t.split(`
 `).length > 1, s = document.createElement("div");
-      s.style.position = "absolute", s.style.visibility = "hidden", s.style.whiteSpace = "nowrap", s.style.font = i.font, s.style.fontSize = i.fontSize, s.style.fontFamily = i.fontFamily, s.style.fontWeight = i.fontWeight, s.style.letterSpacing = i.letterSpacing, s.textContent = l().text, document.body.appendChild(s);
-      const ne = s.offsetWidth;
+      s.style.position = "absolute", s.style.visibility = "hidden", s.style.whiteSpace = "nowrap", s.style.font = i.font, s.style.fontSize = i.fontSize, s.style.fontFamily = i.fontFamily, s.style.fontWeight = i.fontWeight, s.style.letterSpacing = i.letterSpacing, s.textContent = t, document.body.appendChild(s);
+      const ye = s.offsetWidth;
       document.body.removeChild(s);
-      const ie = parseFloat(i.paddingLeft) || 0, le = parseFloat(i.paddingRight) || 0, oe = e.clientWidth - ie - le, se = ne > oe, ae = te || se;
-      l().text.trim() && ae ? D <= z ? (e.style.height = D + "px", e.style.overflowY = "hidden") : (e.style.height = z + "px", e.style.overflowY = "auto", e.scrollTop = t) : (e.style.height = k + "px", e.style.overflowY = "hidden"), c(), requestAnimationFrame(c);
+      const xe = parseFloat(i.paddingLeft) || 0, _e = parseFloat(i.paddingRight) || 0, Se = e.clientWidth - xe - _e, Ie = ye > Se, N = ge || Ie;
+      if (N && B <= x + 1) {
+        R(e);
+        return;
+      }
+      t.trim() && N ? B <= A ? (e.style.height = B + "px", e.style.overflowY = "hidden") : (e.style.height = A + "px", e.style.overflowY = "auto", e.scrollTop = l) : (e.style.height = x + "px", e.style.overflowY = "hidden"), ce(e), c(), requestAnimationFrame(c);
     }
-    function S(e) {
-      if (a.state === "disabled" || l().isRecording) return;
+    function H(e) {
+      if (a.state === "disabled" || o().isRecording) return;
       const t = e.value.length;
       e.focus(), e.setSelectionRange(t, t), e.scrollTop = e.scrollHeight, c();
     }
-    h(
-      () => l().forceSend,
+    p(
+      () => o().forceSend,
       () => {
-        l().forceSend && (F(), j(!1));
+        o().forceSend && (q(), X(!1));
       }
     );
-    const U = (e) => {
+    const de = (e) => {
       const t = e.target;
-      w("typing", t.value);
-    }, G = () => {
-      d(() => {
-        const e = n.value;
-        e && (e.style.height = "40px", e.style.overflowY = "hidden");
-      });
+      L("typing", t.value), d();
     };
-    ce(() => {
-      G();
+    we(() => {
+      const e = n.value;
+      e && (R(e), C(e)), document.addEventListener("selectionchange", j);
+    }), Ce(() => {
+      document.removeEventListener("selectionchange", j), y && cancelAnimationFrame(y);
     });
-    const J = (e) => {
+    const fe = (e) => {
       if (e.shiftKey) {
         if (n.value instanceof HTMLTextAreaElement) {
           let t = n.value.selectionStart;
           t && (n.value.setRangeText(`
-`, t, t, "end"), T(n.value.value));
+`, t, t, "end"), M(n.value.value));
         }
         e.preventDefault();
       } else if (e.ctrlKey) {
         if (n.value instanceof HTMLTextAreaElement) {
           let t = n.value.selectionStart;
           t && (n.value.setRangeText(`
-`, t, t, "end"), T(n.value.value));
+`, t, t, "end"), M(n.value.value));
         }
         e.preventDefault();
       } else
-        e.preventDefault(), F();
-    }, Q = (e) => {
+        e.preventDefault(), q();
+    }, pe = (e) => {
       if (n.value) {
         const t = n.value.value;
         n.value.value = e.newText;
-        const i = e.newText.length - (t.length - (e.end - e.start)), o = e.start + i;
-        T(e.newText), d(() => {
-          n.value && (n.value.setSelectionRange(o, o), n.value.focus());
+        const l = e.newText.length - (t.length - (e.end - e.start)), i = e.start + l;
+        M(e.newText), S(() => {
+          n.value && (n.value.setSelectionRange(i, i), n.value.focus());
         });
       }
     };
-    function X() {
-      q(), T(""), Te(g), R.value = void 0, n.value && n.value.focus();
+    function he() {
+      ee();
+    }
+    function me() {
+      Z(), M(""), We(b), n.value && n.value.focus();
     }
-    function Z() {
-      const e = l();
+    function ve() {
+      const e = o();
       return e.edit ? (e.text ?? "").trim() === (e.edit.text ?? "").trim() : !1;
     }
-    const F = () => {
-      var t, i;
-      const e = f(l());
-      if (e.value.edit && Z()) {
-        X();
+    const q = () => {
+      var t, l;
+      const e = E(o());
+      if (e.value.edit && ve()) {
+        me();
         return;
       }
       if (e.value.text != "" || e.value.file) {
-        const o = {
+        const i = {
           type: "",
           text: "",
           url: "",
@@ -217,70 +295,78 @@ const Ce = { class: "chat-input__container" }, Ie = ["id"], we = ["id"], Ae = {
           size: "",
           reply: void 0
         };
-        e.value.file ? (o.type = "message." + e.value.file.type, o.url = e.value.file.url, o.filename = e.value.file.name, o.size = (t = e.value.file.size) == null ? void 0 : t.toString(), o.text = (i = e == null ? void 0 : e.value) == null ? void 0 : i.text.trim()) : (o.type = "message.text", o.text = e.value.text.trim()), e.value.reply && (o.reply = e.value.reply), e.value.edit && (o.edit = e.value.edit), w("send", o), L(), R.value = void 0, n.value && n.value.focus();
+        e.value.file ? (i.type = "message." + e.value.file.type, i.url = e.value.file.url, i.filename = e.value.file.name, i.size = (t = e.value.file.size) == null ? void 0 : t.toString(), i.text = (l = e == null ? void 0 : e.value) == null ? void 0 : l.text.trim()) : (i.type = "message.text", i.text = e.value.text.trim()), e.value.reply && (i.reply = e.value.reply), e.value.edit && (i.edit = e.value.edit), L("send", i), Q(), n.value && n.value.focus();
       }
     };
-    return (e, t) => (I(), C("div", Ce, [
-      p("div", {
-        id: "chat-input-reply-line-" + r(g),
+    return (e, t) => (F(), k("div", Ke, [
+      h("div", {
+        id: "chat-input-reply-line-" + u(b),
         class: "chat-input__reply-line"
-      }, null, 8, Ie),
-      p("div", {
-        id: "chat-input-file-line-" + r(g),
-        class: "chat-input__file-line"
-      }, null, 8, we),
-      p("div", Ae, [
-        W(e.$slots, "inline-buttons", {}, void 0, !0)
+      }, null, 8, je),
+      h("div", {
+        id: "chat-input-file-line-" + u(b),
+        class: z(["chat-input__file-line", { "chat-input__file-line--visible": !!D.value }])
+      }, [
+        D.value ? (F(), Ae(ze, {
+          key: 0,
+          "file-info": D.value,
+          onReset: he
+        }, null, 8, ["file-info"])) : O("", !0)
+      ], 10, Ne),
+      h("div", Ge, [
+        U(e.$slots, "inline-buttons", {}, void 0, !0)
       ]),
-      v.disabledPlaceholder && (v.state == "disabled" || r(l)().isRecording) ? (I(), C("div", Ee, de(v.disabledPlaceholder), 1)) : (I(), C("div", Me, [
-        x.value ? (I(), C("div", {
+      T.disabledPlaceholder && (T.state == "disabled" || u(o)().isRecording) ? (F(), k("div", Oe, Ee(T.disabledPlaceholder), 1)) : (F(), k("div", Ue, [
+        g.value ? (F(), k("div", {
           key: 0,
           ref_key: "refMirror",
-          ref: A,
-          class: H(["chat-input__input-mirror", { "chat-input__input-mirror--hidden": u.value }]),
+          ref: m,
+          class: "chat-input__input-mirror",
           "aria-hidden": "true",
-          innerHTML: O.value
-        }, null, 10, Fe)) : pe("", !0),
-        fe(p("textarea", {
+          innerHTML: ie.value
+        }, null, 8, Ye)) : O("", !0),
+        Fe(h("textarea", {
           ref_key: "refInput",
           ref: n,
-          "onUpdate:modelValue": t[0] || (t[0] = (i) => r(l)().text = i),
-          disabled: v.state == "disabled" || r(l)().isRecording,
-          class: H(["chat-input__input", {
-            "chat-input__input--emoji-images": x.value && !u.value,
-            "chat-input__input--selecting": x.value && u.value
-          }]),
-          placeholder: V.value,
-          onKeydown: he(J, ["enter"]),
-          onInput: U,
+          "onUpdate:modelValue": t[0] || (t[0] = (l) => u(o)().text = l),
+          rows: "1",
+          disabled: T.state == "disabled" || u(o)().isRecording,
+          class: z(["chat-input__input", { "chat-input__input--emoji-images": g.value }]),
+          placeholder: ue.value,
+          onKeydown: [
+            oe,
+            Me(fe, ["enter"])
+          ],
+          onInput: de,
           onScroll: c,
-          onSelect: E,
-          onMouseup: E,
-          onKeyup: E,
-          onBlur: t[1] || (t[1] = (i) => u.value = !1)
-        }, null, 42, He), [
-          [me, r(l)().text]
+          onSelect: d,
+          onMouseup: W,
+          onKeyup: W,
+          onMousemove: se,
+          onBlur: P
+        }, null, 42, Ve), [
+          [Re, u(o)().text]
         ])
       ])),
-      P(Se, {
+      G(Be, {
         textarea: n.value,
-        onFormatApplied: Q
+        onFormatApplied: pe
       }, null, 8, ["textarea"]),
-      p("button", {
-        class: H(["chat-input__button", { "chat-input__button-disabled": Y.value }]),
-        disabled: r(l)().isRecording,
-        onClick: F
+      h("button", {
+        class: z(["chat-input__button", { "chat-input__button-disabled": ae.value }]),
+        disabled: u(o)().isRecording,
+        onClick: q
       }, [
-        p("span", ke, [
-          P(r(be), { color: $.value }, null, 8, ["color"])
+        h("span", Je, [
+          G(u(qe), { color: re.value }, null, 8, ["color"])
         ])
-      ], 10, Re),
-      p("div", ze, [
-        W(e.$slots, "buttons", {}, void 0, !0)
+      ], 10, $e),
+      h("div", Qe, [
+        U(e.$slots, "buttons", {}, void 0, !0)
       ])
     ]));
   }
 });
 export {
-  Ze as default
+  gt as default
 };

package/dist/components/3_compounds/ChatList/composables/useChatListFilter.js

@@ -1,24 +1,29 @@
-import { ref as u } from "vue";
-function h({ props: e, emit: l }) {
-  const r = u("");
+import { ref as c } from "vue";
+function d({ props: e, emit: i }) {
+  const n = c("");
   return {
-    filter: r,
+    filter: n,
     getSortedAndFilteredChats: () => !e.chats || e.chats.length === 0 ? [] : e.chats.slice().filter((t) => {
-      var n;
-      const i = e.activeTabId || "all";
-      if (i !== "all") {
-        if (i === "countUnread") {
+      var l;
+      const a = e.activeTabId || "all";
+      if (a !== "all") {
+        if (a === "countUnread") {
           if (t.countUnread <= 0) return !1;
-        } else if (i.startsWith("tag_") && (!((n = t.contact) != null && n.tags) || !t.contact.tags.some((s) => s.tagId === i)))
+        } else if (a.startsWith("tag_") && (!((l = t.contact) != null && l.tags) || !t.contact.tags.some((s) => s.tagId === a)))
           return !1;
       }
-      return e.searchQuery && e.searchQuery.trim() !== "" ? !0 : e.filterQuery ? t.name.includes(e.filterQuery) || t.metadata.includes(e.filterQuery) : t.name.includes(r.value) || t.metadata.includes(r.value);
+      if (e.searchQuery && e.searchQuery.trim() !== "")
+        return !0;
+      {
+        const s = (e.filterQuery || n.value).toLowerCase();
+        return (t.name ?? "").toLowerCase().includes(s) || (t.metadata ?? "").toLowerCase().includes(s);
+      }
     }),
-    getFilter: (a) => {
-      r.value = a, a.trim() !== "" ? l("search", a) : l("clear-search");
+    getFilter: (r) => {
+      n.value = r, r.trim() !== "" ? i("search", r) : i("clear-search");
     }
   };
 }
 export {
-  h as useChatListFilter
+  d as useChatListFilter
 };