@mobilon-dev/chotto 0.3.35 → 0.3.37

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

@@ -1,19 +1,19 @@
-import { defineComponent as V, inject as $, ref as g, computed as C, watch as d, nextTick as p, unref as a, onMounted as N, createElementBlock as y, openBlock as x, createElementVNode as u, withDirectives as G, createVNode as T, renderSlot as w, toDisplayString as U, withKeys as J, vModelText as Q, normalizeClass as X } from "vue";
-import { useImmediateDebouncedRef as Z } from "../../../hooks/useImmediateDebouncedRef.js";
-import { useMessageDraft as ee } from "../../../hooks/useMessageDraft.js";
+import { defineComponent as N, inject as G, ref as y, computed as x, watch as p, nextTick as f, unref as r, onMounted as U, createElementBlock as _, openBlock as b, createElementVNode as u, withDirectives as J, createVNode as w, renderSlot as T, toDisplayString as Q, withKeys as X, vModelText as Z, normalizeClass as ee } from "vue";
+import { useImmediateDebouncedRef as te } from "../../../hooks/useImmediateDebouncedRef.js";
+import { useMessageDraft as ne } from "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
 import "../../../hooks/useTheme.js";
 /* empty css                              */
 /* empty css                                              */
 import "../../../node_modules/linkifyjs/dist/linkify.js";
 import "../../../functions/parseMarkdown.js";
-import { t as te } from "../../../locale/useLocale.js";
-import ne from "./icons/SendIcon.vue.js";
-import le from "../../2_chatinput_elements/TextFormatToolbar/TextFormatToolbar.vue.js";
-const ie = { class: "chat-input__container" }, se = ["id"], oe = ["id"], ae = { class: "chat-input__inline-buttons" }, re = {
+import { t as c } from "../../../locale/useLocale.js";
+import le from "./icons/SendIcon.vue.js";
+import ie from "../../2_chatinput_elements/TextFormatToolbar/TextFormatToolbar.vue.js";
+const se = { class: "chat-input__container" }, oe = ["id"], ae = ["id"], re = { class: "chat-input__inline-buttons" }, ue = {
   key: 0,
   class: "chat-input__input chat-input__disabled-placeholder"
-}, ue = ["disabled", "placeholder"], ce = ["disabled"], de = { class: "" }, pe = { class: "chat-input__third-line" }, Ie = /* @__PURE__ */ V({
+}, ce = ["disabled", "placeholder"], de = ["disabled"], pe = { class: "" }, fe = { class: "chat-input__third-line" }, Ae = /* @__PURE__ */ N({
   __name: "ChatInput",
   props: {
     state: {
@@ -42,64 +42,70 @@ const ie = { class: "chat-input__container" }, se = ["id"], oe = ["id"], ae = {
     }
   },
   emits: ["send", "typing"],
-  setup(c, { emit: I }) {
-    const f = I, h = $("chatAppId"), { resetMessage: A, getMessage: i, setMessageText: m, setForceSendMessage: D } = ee(h), n = g(), F = Z("", 2e3), E = g(), r = c, R = C(() => !!(r.state == "disabled" || i().text == "" && !i().file || i().isRecording)), k = C(() => {
+  setup(d, { emit: A }) {
+    const h = A, m = G("chatAppId"), { resetMessage: D, getMessage: i, setMessageText: v, setForceSendMessage: F } = ne(m), n = y(), E = te("", 2e3), M = y(), a = d, P = x(() => !!(a.state == "disabled" || i().text == "" && !i().file || i().isRecording)), R = x(() => {
       var t;
-      if (r.inputButtonColor)
-        return r.inputButtonColor;
-      if (!((t = r.selectedChannel) != null && t.channelId))
+      if (a.inputButtonColor)
+        return a.inputButtonColor;
+      if (!((t = a.selectedChannel) != null && t.channelId))
         return "#25D366";
-      const e = r.selectedChannel.channelId.toLowerCase();
+      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";
+    }), k = x(() => {
+      var t;
+      if (!((t = a.selectedChannel) != null && t.channelId))
+        return c("component.ChatInput.InputPlaceholder");
+      const e = a.selectedChannel.channelId.toLowerCase();
+      return e.includes("whatsapp") || e.includes("waba") ? c("component.ChatInput.WhatsappInputPlaceholder") : e.includes("telegram") ? c("component.ChatInput.TelegramInputPlaceholder") : e.includes("sms") ? c("component.ChatInput.SmsInputPlaceholder") : e.includes("max") ? c("component.ChatInput.MaxInputPlaceholder") : c("component.ChatInput.InputPlaceholder");
     });
-    d(
-      () => F.value,
+    p(
+      () => E.value,
       () => {
-        f("typing");
+        h("typing");
       }
-    ), d(
-      () => r.focusOnInputArea,
+    ), p(
+      () => a.focusOnInputArea,
       () => {
-        r.focusOnInputArea && p(() => {
-          const e = a(n);
+        a.focusOnInputArea && f(() => {
+          const e = r(n);
           e == null || e.focus();
         });
       },
       { immediate: !0 }
-    ), d(
+    ), p(
       () => i().text,
       () => {
-        p(() => {
+        f(() => {
           const e = n.value;
           if (!e) return;
           const t = e.scrollTop;
           e.style.height = "auto";
-          const l = getComputedStyle(e), s = parseFloat(l.fontSize) || 16, L = parseFloat(l.lineHeight) || s * 1.4, _ = 40, b = L * 11, S = e.scrollHeight, W = i().text.split(`
+          const l = getComputedStyle(e), s = parseFloat(l.fontSize) || 16, W = parseFloat(l.lineHeight) || s * 1.4, I = 40, C = W * 11, S = e.scrollHeight, O = i().text.split(`
 `).length > 1, o = document.createElement("div");
           o.style.position = "absolute", o.style.visibility = "hidden", o.style.whiteSpace = "nowrap", o.style.font = l.font, o.style.fontSize = l.fontSize, o.style.fontFamily = l.fontFamily, o.style.fontWeight = l.fontWeight, o.style.letterSpacing = l.letterSpacing, o.textContent = i().text, document.body.appendChild(o);
-          const O = o.offsetWidth;
+          const Y = o.offsetWidth;
           document.body.removeChild(o);
-          const Y = parseFloat(l.paddingLeft) || 0, q = parseFloat(l.paddingRight) || 0, K = e.clientWidth - Y - q, P = O > K, j = W || P;
-          i().text.trim() && j ? S <= b ? (e.style.height = S + "px", e.style.overflowY = "hidden") : (e.style.height = b + "px", e.style.overflowY = "auto", e.scrollTop = t) : (e.style.height = _ + "px", e.style.overflowY = "hidden");
+          const q = parseFloat(l.paddingLeft) || 0, K = parseFloat(l.paddingRight) || 0, j = e.clientWidth - q - K, V = Y > j, $ = O || V;
+          i().text.trim() && $ ? S <= C ? (e.style.height = S + "px", e.style.overflowY = "hidden") : (e.style.height = C + "px", e.style.overflowY = "auto", e.scrollTop = t) : (e.style.height = I + "px", e.style.overflowY = "hidden");
         });
       },
       { immediate: !0 }
-    ), d(
+    ), p(
       () => i().forceSend,
       () => {
-        i().forceSend && (v(), D(!1));
+        i().forceSend && (g(), F(!1));
       }
     );
     const z = (e) => {
       const t = e.target;
-      f("typing", t.value);
+      h("typing", t.value);
     }, B = () => {
-      p(() => {
+      f(() => {
         const e = n.value;
         e && (e.style.height = "40px", e.style.overflowY = "hidden");
       });
     };
-    N(() => {
+    U(() => {
       B();
     });
     const H = (e) => {
@@ -107,30 +113,30 @@ const ie = { class: "chat-input__container" }, se = ["id"], oe = ["id"], ae = {
         if (n.value instanceof HTMLTextAreaElement) {
           let t = n.value.selectionStart;
           t && (n.value.setRangeText(`
-`, t, t, "end"), m(n.value.value));
+`, t, t, "end"), v(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"), m(n.value.value));
+`, t, t, "end"), v(n.value.value));
         }
         e.preventDefault();
       } else
-        e.preventDefault(), v();
-    }, M = (e) => {
+        e.preventDefault(), g();
+    }, L = (e) => {
       if (n.value) {
         const t = n.value.value;
         n.value.value = e.newText;
         const l = e.newText.length - (t.length - (e.end - e.start)), s = e.start + l;
-        m(e.newText), p(() => {
+        v(e.newText), f(() => {
           n.value && (n.value.setSelectionRange(s, s), n.value.focus());
         });
       }
-    }, v = () => {
+    }, g = () => {
       var t, l;
-      const e = g(i());
+      const e = y(i());
       if (e.value.text != "" || e.value.file) {
         const s = {
           type: "",
@@ -140,53 +146,53 @@ const ie = { class: "chat-input__container" }, se = ["id"], oe = ["id"], ae = {
           size: "",
           reply: void 0
         };
-        e.value.file ? (s.type = "message." + e.value.file.type, s.url = e.value.file.url, s.filename = e.value.file.name, s.size = (t = e.value.file.size) == null ? void 0 : t.toString(), s.text = (l = e == null ? void 0 : e.value) == null ? void 0 : l.text.trim()) : (s.type = "message.text", s.text = e.value.text.trim()), e.value.reply && (s.reply = e.value.reply), f("send", s), A(), E.value = void 0, n.value && n.value.focus();
+        e.value.file ? (s.type = "message." + e.value.file.type, s.url = e.value.file.url, s.filename = e.value.file.name, s.size = (t = e.value.file.size) == null ? void 0 : t.toString(), s.text = (l = e == null ? void 0 : e.value) == null ? void 0 : l.text.trim()) : (s.type = "message.text", s.text = e.value.text.trim()), e.value.reply && (s.reply = e.value.reply), h("send", s), D(), M.value = void 0, n.value && n.value.focus();
       }
     };
-    return (e, t) => (x(), y("div", ie, [
+    return (e, t) => (b(), _("div", se, [
       u("div", {
-        id: "chat-input-reply-line-" + a(h),
+        id: "chat-input-reply-line-" + r(m),
         class: "chat-input__reply-line"
-      }, null, 8, se),
+      }, null, 8, oe),
       u("div", {
-        id: "chat-input-file-line-" + a(h),
+        id: "chat-input-file-line-" + r(m),
         class: "chat-input__file-line"
-      }, null, 8, oe),
-      u("div", ae, [
-        w(e.$slots, "inline-buttons", {}, void 0, !0)
+      }, null, 8, ae),
+      u("div", re, [
+        T(e.$slots, "inline-buttons", {}, void 0, !0)
       ]),
-      c.disabledPlaceholder && (c.state == "disabled" || a(i)().isRecording) ? (x(), y("div", re, U(c.disabledPlaceholder), 1)) : G((x(), y("textarea", {
+      d.disabledPlaceholder && (d.state == "disabled" || r(i)().isRecording) ? (b(), _("div", ue, Q(d.disabledPlaceholder), 1)) : J((b(), _("textarea", {
         key: 1,
         ref_key: "refInput",
         ref: n,
-        "onUpdate:modelValue": t[0] || (t[0] = (l) => a(i)().text = l),
-        disabled: c.state == "disabled" || a(i)().isRecording,
+        "onUpdate:modelValue": t[0] || (t[0] = (l) => r(i)().text = l),
+        disabled: d.state == "disabled" || r(i)().isRecording,
         class: "chat-input__input",
-        placeholder: a(te)("component.ChatInput.InputPlaceholder"),
-        onKeydown: J(H, ["enter"]),
+        placeholder: k.value,
+        onKeydown: X(H, ["enter"]),
         onInput: z
-      }, null, 40, ue)), [
-        [Q, a(i)().text]
+      }, null, 40, ce)), [
+        [Z, r(i)().text]
       ]),
-      T(le, {
+      w(ie, {
         textarea: n.value,
-        onFormatApplied: M
+        onFormatApplied: L
       }, null, 8, ["textarea"]),
       u("button", {
-        class: X(["chat-input__button", { "chat-input__button-disabled": R.value }]),
-        disabled: a(i)().isRecording,
-        onClick: v
+        class: ee(["chat-input__button", { "chat-input__button-disabled": P.value }]),
+        disabled: r(i)().isRecording,
+        onClick: g
       }, [
-        u("span", de, [
-          T(a(ne), { color: k.value }, null, 8, ["color"])
+        u("span", pe, [
+          w(r(le), { color: R.value }, null, 8, ["color"])
         ])
-      ], 10, ce),
-      u("div", pe, [
-        w(e.$slots, "buttons", {}, void 0, !0)
+      ], 10, de),
+      u("div", fe, [
+        T(e.$slots, "buttons", {}, void 0, !0)
       ])
     ]));
   }
 });
 export {
-  Ie as default
+  Ae as default
 };

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

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

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

@@ -1,29 +1,31 @@
 import s from "../../../2_feed_elements/AudioMessage/AudioMessage.vue.js";
 import m from "../../../2_feed_elements/CallMessage/CallMessage.vue.js";
 import o from "../../../2_feed_elements/FileMessage/FileMessage.vue.js";
-import t from "../../../2_feed_elements/ImageMessage/ImageMessage.vue.js";
-import r from "../../../2_feed_elements/TextMessage/TextMessage.vue.js";
+import r from "../../../2_feed_elements/ImageMessage/ImageMessage.vue.js";
+import t from "../../../2_feed_elements/TextMessage/TextMessage.vue.js";
 import a from "../../../2_feed_elements/VideoMessage/VideoMessage.vue.js";
-import g from "../../../2_feed_elements/DateMessage/DateMessage.vue.js";
-import i from "../../../2_feed_elements/SystemMessage/SystemMessage.vue.js";
+import i from "../../../2_feed_elements/DateMessage/DateMessage.vue.js";
+import g from "../../../2_feed_elements/SystemMessage/SystemMessage.vue.js";
 import p from "../../../2_feed_elements/TypingMessage/TypingMessage.vue.js";
 import n from "../../../2_feed_elements/StickerMessage/StickerMessage.vue.js";
-function T() {
+import f from "../../../2_feed_elements/DelimiterMessage/DelimiterMessage.vue.js";
+function v() {
   return {
     componentsMap: (e) => ({
-      "message.text": r,
-      "message.image": t,
+      "message.text": t,
+      "message.image": r,
       "message.file": o,
       "message.audio": s,
       "message.video": a,
       "message.call": m,
       "message.sticker": n,
-      "message.system": i,
-      "system.date": g,
-      "message.typing": p
+      "message.system": g,
+      "system.date": i,
+      "message.typing": p,
+      "message.delimiter": f
     })[e]
   };
 }
 export {
-  T as useFeedComponents
+  v as useFeedComponents
 };