@mobilon-dev/chotto 0.3.53 → 0.3.55

package/dist/components/1_atoms/ButtonContextMenu/ButtonContextMenu.vue2.js

@@ -6,8 +6,9 @@ import { useTheme as U } from "../../../hooks/useTheme.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";
-const $ = ["id"], X = /* @__PURE__ */ _({
+const $ = ["id"], Y = /* @__PURE__ */ _({
   __name: "ButtonContextMenu",
   props: {
     actions: {
@@ -32,18 +33,18 @@ const $ = ["id"], X = /* @__PURE__ */ _({
   },
   emits: ["click", "buttonClick", "menuMouseEnter", "menuMouseLeave"],
   setup(m, { expose: M, emit: C }) {
-    const d = I("chatAppId"), { getTheme: h } = U(d), i = m, p = q(), r = C, n = f(), s = f(), a = f(!1), b = (t) => {
-      l(), r("click", t);
+    const r = I("chatAppId"), { getTheme: h } = U(r), i = m, p = q(), d = C, n = f(), s = f(), a = f(!1), b = (t) => {
+      l(), d("click", t);
     }, x = () => {
-      i.disabled || (i.mode == "click" && !a.value ? u() : i.mode == "click" && a.value && l(), r("buttonClick"));
+      i.disabled || (i.mode == "click" && !a.value ? u() : i.mode == "click" && a.value && l(), d("buttonClick"));
     }, w = () => {
       i.disabled || i.mode == "hover" && u();
     }, B = () => {
       i.disabled || i.mode == "hover" && l();
     }, S = () => {
-      r("menuMouseEnter"), i.disabled || i.mode == "hover" && u();
+      d("menuMouseEnter"), i.disabled || i.mode == "hover" && u();
     }, E = () => {
-      r("menuMouseLeave"), i.disabled || i.mode == "hover" && l();
+      d("menuMouseLeave"), i.disabled || i.mode == "hover" && l();
     }, u = () => {
       if (s.value && n.value) {
         const t = n.value, e = s.value.getBoundingClientRect();
@@ -71,7 +72,7 @@ const $ = ["id"], X = /* @__PURE__ */ _({
     };
     return L(() => {
       y(() => {
-        n.value = document.getElementById("context-menu-" + p + d), n.value && (l(), document.addEventListener("click", v));
+        n.value = document.getElementById("context-menu-" + p + r), n.value && (l(), document.addEventListener("click", v));
       });
     }), O(() => {
       document.removeEventListener("click", v);
@@ -79,7 +80,7 @@ const $ = ["id"], X = /* @__PURE__ */ _({
       updatePosition: u,
       hideMenu: l
     }), (t, e) => (k(), T("button", {
-      id: "container-" + c(p) + c(d),
+      id: "container-" + c(p) + c(r),
       ref_key: "actionScope",
       ref: s,
       style: { position: "relative", width: "fit-content", border: "none", background: "transparent", height: "fit-content" },
@@ -91,7 +92,7 @@ const $ = ["id"], X = /* @__PURE__ */ _({
       ]),
       (k(), N(V, { to: "body" }, [
         j(P, {
-          id: "context-menu-" + c(p) + c(d),
+          id: "context-menu-" + c(p) + c(r),
           actions: m.actions,
           "data-theme": c(h)().theme ? c(h)().theme : "light",
           onMouseenter: S,
@@ -103,5 +104,5 @@ const $ = ["id"], X = /* @__PURE__ */ _({
   }
 });
 export {
-  X as default
+  Y as default
 };

package/dist/components/1_atoms/ContactContextMenu/ContactContextMenu.vue2.js

@@ -6,9 +6,10 @@ import { useTheme as U } from "../../../hooks/useTheme.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 z from "../../1_icons/MenuIcon.vue.js";
-const D = { class: "contact-context-menu__wrapper" }, F = ["id"], G = { class: "contact-context-menu__icon" }, te = /* @__PURE__ */ L({
+const D = { class: "contact-context-menu__wrapper" }, F = ["id"], G = { class: "contact-context-menu__icon" }, oe = /* @__PURE__ */ L({
   __name: "ContactContextMenu",
   props: {
     actions: {
@@ -33,7 +34,7 @@ const D = { class: "contact-context-menu__wrapper" }, F = ["id"], G = { class: "
   },
   emits: ["click", "buttonClick", "menuMouseEnter", "menuMouseLeave"],
   setup(f, { expose: C, emit: b }) {
-    const w = g("chatAppId"), u = g("extChatAppId", ""), { getTheme: h } = U(w), i = f, p = O(), a = b, n = m(), s = m(), d = m(!1), B = (t) => {
+    const w = g("chatAppId"), p = g("extChatAppId", ""), { getTheme: h } = U(w), i = f, u = O(), a = b, n = m(), s = m(), d = m(!1), B = (t) => {
       l(), a("click", t);
     }, I = () => {
       i.disabled || (i.mode == "click" && !d.value ? r() : i.mode == "click" && d.value && l(), a("buttonClick"));
@@ -72,7 +73,7 @@ const D = { class: "contact-context-menu__wrapper" }, F = ["id"], G = { class: "
     };
     return T(() => {
       k(() => {
-        if (n.value = document.getElementById("context-menu-" + p + u), n.value) {
+        if (n.value = document.getElementById("context-menu-" + u + p), n.value) {
           const t = n.value;
           t.style.display = "none", t.style.visibility = "hidden", t.style.opacity = "0", l(), document.addEventListener("click", v);
         }
@@ -84,7 +85,7 @@ const D = { class: "contact-context-menu__wrapper" }, F = ["id"], G = { class: "
       hideMenu: l
     }), (t, e) => (x(), R("div", D, [
       M("button", {
-        id: "container-" + c(p) + c(u),
+        id: "container-" + c(u) + c(p),
         ref_key: "actionScope",
         ref: s,
         class: "contact-context-menu__button",
@@ -97,7 +98,7 @@ const D = { class: "contact-context-menu__wrapper" }, F = ["id"], G = { class: "
         ]),
         (x(), V(j, { to: "body" }, [
           _(P, {
-            id: "context-menu-" + c(p) + c(u),
+            id: "context-menu-" + c(u) + c(p),
             actions: f.actions,
             "data-theme": c(h)().theme ? c(h)().theme : "light",
             onMouseenter: A,
@@ -110,5 +111,5 @@ const D = { class: "contact-context-menu__wrapper" }, F = ["id"], G = { class: "
   }
 });
 export {
-  te as default
+  oe as default
 };

package/dist/components/1_atoms/Tooltip/Tooltip.vue2.js

@@ -5,8 +5,9 @@ import { useTheme as P } from "../../../hooks/useTheme.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";
-const U = ["data-theme"], Y = /* @__PURE__ */ k({
+const U = ["data-theme"], Z = /* @__PURE__ */ k({
   __name: "Tooltip",
   props: {
     text: {
@@ -109,5 +110,5 @@ const U = ["data-theme"], Y = /* @__PURE__ */ k({
   }
 });
 export {
-  Y as default
+  Z as default
 };

package/dist/components/2_blocks/CommunicationPanel/CommunicationPanel.vue.js

@@ -1,4 +1,4 @@
-import { ref as c, computed as i, watch as Pe, onMounted as Ne, onUnmounted as qe, createElementBlock as l, openBlock as o, createElementVNode as d, createCommentVNode as f, Fragment as w, renderList as q, unref as t, normalizeClass as y, createBlock as C, createVNode as z, withCtx as te, resolveDynamicComponent as I, normalizeStyle as ne, toDisplayString as L, nextTick as oe } from "vue";
+import { ref as d, computed as i, watch as Pe, onMounted as Ne, onUnmounted as qe, createElementBlock as l, openBlock as o, createElementVNode as r, createCommentVNode as f, Fragment as w, renderList as z, unref as e, normalizeClass as v, createBlock as C, createVNode as L, withCtx as te, resolveDynamicComponent as _, normalizeStyle as ne, toDisplayString as O, nextTick as oe } from "vue";
 import se from "../../1_atoms/Tooltip/Tooltip.vue.js";
 import { useCommunicationChannels as ze } from "./composables/useCommunicationChannels.js";
 import { useCommunicationMenu as Le } from "./composables/useCommunicationMenu.js";
@@ -13,16 +13,16 @@ import We from "../../../_virtual/_plugin-vue_export-helper.js";
 const Ve = ["onClick", "onMouseenter"], He = { class: "channel-icon" }, Ue = { class: "channel-icon" }, Ge = {
   key: 0,
   class: "empty-channels-placeholder"
-}, Je = ["onMouseenter", "onClick"], Ke = { class: "attribute-info" }, Qe = {
+}, Je = ["onMouseenter", "onClick"], Ke = { class: "attribute-info" }, Qe = { class: "attribute-indicator-slot" }, Xe = {
   key: 0,
   class: "selected-indicator"
-}, Xe = { class: "attribute-value" }, Ye = { class: "menu-icon" }, Ze = {
+}, Ye = { class: "attribute-value" }, Ze = { class: "menu-icon" }, et = {
   key: 0,
   class: "menu-icon-arrow"
-}, et = ["onClick"], tt = {
+}, tt = ["onClick"], nt = {
   key: 0,
   class: "selected-indicator"
-}, nt = { class: "sub-menu-title" }, ot = {
+}, ot = { class: "sub-menu-title" }, st = {
   __name: "CommunicationPanel",
   props: {
     contactAttributes: {
@@ -72,23 +72,23 @@ const Ve = ["onClick", "onMouseenter"], He = { class: "channel-icon" }, Ue = { c
     }
   },
   emits: ["select-attribute-channel", "phone-call"],
-  setup(_, { emit: ae }) {
-    const a = _, ie = ae, S = c(null), O = c(null), D = c(null), R = c(null), b = c(null), x = c({}), v = c(!1), g = c(null), m = c(null), E = i(() => a.channels ?? []), ue = i(() => a.channelTooltips ?? {}), B = i(() => a.messages ?? []), re = i(() => a.selectedChat ?? null), F = i(() => a.isNewDialog ?? !1), ce = i(() => {
+  setup(I, { emit: ae }) {
+    const a = I, ie = ae, S = d(null), B = d(null), D = d(null), R = d(null), b = d(null), x = d({}), y = d(!1), g = d(null), m = d(null), E = i(() => a.channels ?? []), ue = i(() => a.channelTooltips ?? {}), F = i(() => a.messages ?? []), re = i(() => a.selectedChat ?? null), $ = i(() => a.isNewDialog ?? !1), ce = i(() => {
       var n;
       return ((n = a.selectedDialog) == null ? void 0 : n.channelId) ?? null;
-    }), $ = (n) => ce.value === n, de = i(() => {
+    }), j = (n) => ce.value === n, de = i(() => {
       var n;
       return ((n = a.selectedDialog) == null ? void 0 : n.attributeId) ?? null;
-    }), j = (n) => de.value === n.id, {
+    }), W = (n) => de.value === n.id, {
       channelsTypes: me,
       getTooltipText: pe,
       getChannelTypeFromId: he,
       hasMultipleChannels: k,
       isChannelActive: A,
       getSingleChannelForType: fe,
-      getMenuChannelIconComponentForChannelId: ve,
-      getSingleMenuChannelIconComponent: ye,
-      getAvailableChannels: W
+      getMenuChannelIconComponentForChannelId: ye,
+      getSingleMenuChannelIconComponent: ve,
+      getAvailableChannels: V
     } = ze({
       channels: E,
       channelTooltips: ue,
@@ -96,23 +96,23 @@ const Ve = ["onClick", "onMouseenter"], He = { class: "channel-icon" }, Ue = { c
     }), {
       activeChannelType: u,
       hoveredChannel: M,
-      showMenu: V,
-      showSubMenu: P,
+      showMenu: P,
+      showSubMenu: N,
       menuWidth: Ce,
-      updateMenuWidth: N,
+      updateMenuWidth: q,
       handleChannelClick: be,
       closeMenu: ge,
       handleClickOutside: H
     } = Le({
       panelRef: S,
-      channelsPanelRef: O,
+      channelsPanelRef: B,
       selectedChannelType: b,
       frozenAttribute: R
     }), ke = i(() => a.contactAttributes ?? []), U = (n) => {
       var p;
-      if (!n || !B.value) return !0;
+      if (!n || !F.value) return !0;
       const s = (p = re.value) == null ? void 0 : p.chatId;
-      return s ? !B.value.filter(
+      return s ? !F.value.filter(
         (h) => {
           var ee;
           return h.chatId === s && h.dialogId === ((ee = a.selectedDialog) == null ? void 0 : ee.dialogId);
@@ -121,18 +121,18 @@ const Ve = ["onClick", "onMouseenter"], He = { class: "channel-icon" }, Ue = { c
         (h) => h.type !== "message.system" && h.type !== "message.delimiter" && h.type !== "system" && h.type !== "system_message" && h.type !== "notification"
       ) : !0;
     }, G = () => {
-      T(), v.value = !0, oe(() => {
+      T(), y.value = !0, oe(() => {
         const n = Array.isArray(m.value) ? m.value[0] : m.value;
         n && typeof n.startAutoShow == "function" ? n.startAutoShow() : console.log("startAutoShow method not found on tooltipRef");
       }), g.value = setTimeout(() => {
-        v.value = !1;
+        y.value = !1;
       }, 5e3);
     }, T = () => {
       if (g.value && (clearTimeout(g.value), g.value = null), m.value) {
         const n = Array.isArray(m.value) ? m.value[0] : m.value;
         n && typeof n.clearAutoTimer == "function" && n.clearAutoTimer();
       }
-      v.value = !1;
+      y.value = !1;
     }, {
       organizedContactAttributes: J,
       organizeContactAttributes: Ae,
@@ -143,7 +143,7 @@ const Ve = ["onClick", "onMouseenter"], He = { class: "channel-icon" }, Ue = { c
     }), {
       handleAttributeClick: Te,
       selectChannel: we,
-      availableChannels: Ie
+      availableChannels: _e
     } = Be({
       activeChannelType: u,
       channels: E,
@@ -153,14 +153,14 @@ const Ve = ["onClick", "onMouseenter"], He = { class: "channel-icon" }, Ue = { c
       closeMenu: ge,
       hasMultipleChannels: k,
       getSingleChannelForType: fe,
-      getAvailableChannels: W,
+      getAvailableChannels: V,
       isChannelEmpty: U,
-      isNewDialog: F,
+      isNewDialog: $,
       showDefaultChannelTooltipWithTimer: G,
       clearDefaultChannelTooltip: T,
       emit: ie
     }), {
-      subMenuTop: _e,
+      subMenuTop: Ie,
       handleAttributeMouseEnter: Se,
       handleAttributeMouseLeave: K,
       keepSubMenuOpen: Q,
@@ -168,7 +168,7 @@ const Ve = ["onClick", "onMouseenter"], He = { class: "channel-icon" }, Ue = { c
       alignSubMenuWithTarget: De
     } = Fe({
       activeChannelType: u,
-      showSubMenu: P,
+      showSubMenu: N,
       frozenAttribute: R,
       hoveredAttribute: D,
       hasMultipleChannels: k
@@ -179,7 +179,7 @@ const Ve = ["onClick", "onMouseenter"], He = { class: "channel-icon" }, Ue = { c
       channels: E,
       selectedDialog: i(() => a.selectedDialog ?? null),
       isChannelEmpty: U,
-      isNewDialog: F,
+      isNewDialog: $,
       showDefaultChannelTooltipWithTimer: G,
       clearDefaultChannelTooltip: T
     });
@@ -187,75 +187,76 @@ const Ve = ["onClick", "onMouseenter"], He = { class: "channel-icon" }, Ue = { c
       emptyChannelsPlaceholderText: Re,
       shouldShowEmptyChannelsPlaceholder: Y
     } = je({
-      showMenu: V,
+      showMenu: P,
       activeChannelType: u,
       emptyChannelsPlaceholder: i(() => a.emptyChannelsPlaceholder ?? {}),
-      getAvailableChannels: W,
+      getAvailableChannels: V,
       organizedContactAttributes: J
     }), Z = i(
-      () => Ie()
+      () => _e()
     ), xe = i(
-      () => P.value && D.value && Z.value.length > 0 && u.value !== "phone" && k(u.value)
+      () => N.value && D.value && Z.value.length > 0 && u.value !== "phone" && k(u.value)
     ), Ee = async (n, s) => {
-      const e = Se(n, s.currentTarget);
-      await oe(), e instanceof HTMLElement && De(S, e);
+      const t = Se(n, s.currentTarget);
+      await oe(), t instanceof HTMLElement && De(S, t);
     };
     return Pe(() => a.selectedDialog, () => {
     }, { deep: !0 }), Ne(() => {
-      N(), window.addEventListener("resize", N), document.addEventListener("click", H), Ae();
+      q(), window.addEventListener("resize", q), document.addEventListener("click", H), Ae();
     }), qe(() => {
-      window.removeEventListener("resize", N), document.removeEventListener("click", H), T();
+      window.removeEventListener("resize", q), document.removeEventListener("click", H), T();
     }), (n, s) => (o(), l("div", {
       ref_key: "panelRef",
       ref: S,
       class: "communication-panel"
     }, [
-      d("div", {
+      r("div", {
         ref_key: "channelsPanelRef",
-        ref: O,
+        ref: B,
         class: "channels-panel"
       }, [
-        (o(!0), l(w, null, q(t(me), (e) => {
-          var r;
+        (o(!0), l(w, null, z(e(me), (t) => {
+          var c;
           return o(), l("button", {
-            key: e.type,
-            class: y(["channel-btn", {
-              active: t(A)(e.type),
-              hover: t(M) === e.type && !t(A)(e.type) || t(M) === e.type && t(A)(e.type)
+            key: t.type,
+            class: v(["channel-btn", {
+              active: e(A)(t.type),
+              hover: e(M) === t.type && !e(A)(t.type) || e(M) === t.type && e(A)(t.type),
+              menuOpen: e(P) && e(u) === t.type
             }]),
-            onClick: (p) => t(be)(e.type),
-            onMouseenter: (p) => M.value = e.type,
+            onClick: (p) => e(be)(t.type),
+            onMouseenter: (p) => M.value = t.type,
             onMouseleave: s[0] || (s[0] = (p) => M.value = null)
           }, [
-            t(A)(e.type) ? (o(), l(w, { key: 0 }, [
-              z(se, {
+            e(A)(t.type) ? (o(), l(w, { key: 0 }, [
+              L(se, {
                 ref_for: !0,
                 ref: (p) => {
                   p && (m.value = p);
                 },
-                text: v.value ? "Выбран канал по умолчанию, можно изменить в настройках профиля" : (r = x.value) == null ? void 0 : r.title,
+                text: y.value ? "Выбран канал по умолчанию, можно изменить в настройках профиля" : (c = x.value) == null ? void 0 : c.title,
                 position: "bottom-left",
                 offset: 8,
-                trigger: v.value ? "auto" : "hover",
-                "auto-show-duration": v.value ? 5e3 : 0
+                trigger: y.value ? "auto" : "hover",
+                "auto-show-duration": y.value ? 5e3 : 0
               }, {
                 default: te(() => [
-                  d("span", He, [
-                    (o(), C(I(e.component)))
+                  r("span", He, [
+                    (o(), C(_(t.component)))
                   ])
                 ]),
                 _: 2
               }, 1032, ["text", "trigger", "auto-show-duration"]),
-              s[4] || (s[4] = d("span", { class: "active-indicator" }, null, -1))
+              s[4] || (s[4] = r("span", { class: "active-indicator" }, null, -1))
             ], 64)) : (o(), C(se, {
               key: 1,
-              text: t(pe)(e.type),
+              text: e(pe)(t.type),
               position: "bottom-left",
               offset: 8
             }, {
               default: te(() => [
-                d("span", Ue, [
-                  (o(), C(I(e.component)))
+                r("span", Ue, [
+                  (o(), C(_(t.component)))
                 ])
               ]),
               _: 2
@@ -263,66 +264,68 @@ const Ve = ["onClick", "onMouseenter"], He = { class: "channel-icon" }, Ue = { c
           ], 42, Ve);
         }), 128))
       ], 512),
-      t(V) && t(u) ? (o(), l("div", {
+      e(P) && e(u) ? (o(), l("div", {
         key: 0,
         class: "attributes-menu",
-        style: ne({ width: t(Ce) })
+        style: ne({ width: e(Ce) })
       }, [
-        t(Y) ? (o(), l("div", Ge, L(t(Re)), 1)) : f("", !0),
-        t(Y) ? f("", !0) : (o(!0), l(w, { key: 1 }, q(t(J)[t(u)], (e) => (o(), l("div", {
-          key: e.attributeId,
-          class: y(["attribute-item", {
-            "frozen-hover": t(Me)(e),
-            selected: j(e)
+        e(Y) ? (o(), l("div", Ge, O(e(Re)), 1)) : f("", !0),
+        e(Y) ? f("", !0) : (o(!0), l(w, { key: 1 }, z(e(J)[e(u)], (t) => (o(), l("div", {
+          key: t.attributeId,
+          class: v(["attribute-item", {
+            "frozen-hover": e(Me)(t),
+            selected: W(t)
           }]),
-          onMouseenter: (r) => Ee(e, r),
-          onMouseleave: s[1] || (s[1] = (...r) => t(K) && t(K)(...r)),
-          onClick: (r) => t(Te)(e)
+          onMouseenter: (c) => Ee(t, c),
+          onMouseleave: s[1] || (s[1] = (...c) => e(K) && e(K)(...c)),
+          onClick: (c) => e(Te)(t)
         }, [
-          d("div", Ke, [
-            j(e) ? (o(), l("span", Qe, [
-              z(t(le))
-            ])) : f("", !0),
-            d("span", Xe, L(e.value), 1)
+          r("div", Ke, [
+            r("span", Qe, [
+              W(t) ? (o(), l("span", Xe, [
+                L(e(le))
+              ])) : f("", !0)
+            ]),
+            r("span", Ye, O(t.value), 1)
           ]),
-          d("span", Ye, [
-            t(k)(t(u)) ? (o(), l("span", Ze)) : _.showChannelIcons ? (o(), l("span", {
+          r("span", Ze, [
+            e(k)(e(u)) ? (o(), l("span", et)) : I.showChannelIcons ? (o(), l("span", {
               key: 1,
-              class: y(["channel-icon-small", { "menu-icon-grey": t(u) !== "sms" }])
+              class: v(["channel-icon-small", { "menu-icon-grey": e(u) !== "sms" }])
             }, [
-              (o(), C(I(t(ye)(t(u)))))
+              (o(), C(_(e(ve)(e(u)))))
             ], 2)) : f("", !0)
           ])
         ], 42, Je))), 128)),
-        t(P) && xe.value ? (o(), l("div", {
+        e(N) && xe.value ? (o(), l("div", {
           key: 2,
           class: "sub-menu left",
-          style: ne({ top: t(_e) + "px" }),
-          onMouseenter: s[2] || (s[2] = (...e) => t(Q) && t(Q)(...e)),
-          onMouseleave: s[3] || (s[3] = (...e) => t(X) && t(X)(...e))
+          style: ne({ top: e(Ie) + "px" }),
+          onMouseenter: s[2] || (s[2] = (...t) => e(Q) && e(Q)(...t)),
+          onMouseleave: s[3] || (s[3] = (...t) => e(X) && e(X)(...t))
         }, [
-          s[5] || (s[5] = d("div", { class: "sub-menu-header" }, " Канал связи ", -1)),
-          (o(!0), l(w, null, q(Z.value, (e) => (o(), l("div", {
-            key: e.channelId,
-            class: y(["sub-menu-item", { selected: $(e.channelId) }]),
-            onClick: (r) => t(we)(e.channelId)
+          s[5] || (s[5] = r("div", { class: "sub-menu-header" }, " Канал связи ", -1)),
+          (o(!0), l(w, null, z(Z.value, (t) => (o(), l("div", {
+            key: t.channelId,
+            class: v(["sub-menu-item", { selected: j(t.channelId) }]),
+            onClick: (c) => e(we)(t.channelId)
           }, [
-            $(e.channelId) ? (o(), l("span", tt, [
-              z(t(le))
+            j(t.channelId) ? (o(), l("span", nt, [
+              L(e(le))
             ])) : f("", !0),
-            d("span", nt, L(e.title || e.channelId), 1),
-            _.showChannelIcons ? (o(), l("span", {
+            r("span", ot, O(t.title || t.channelId), 1),
+            I.showChannelIcons ? (o(), l("span", {
               key: 1,
-              class: y(["sub-menu-icon", { "menu-icon-grey": t(he)(e.channelId) !== "sms" }])
+              class: v(["sub-menu-icon", { "menu-icon-grey": e(he)(t.channelId) !== "sms" }])
             }, [
-              (o(), C(I(t(ve)(e.channelId))))
+              (o(), C(_(e(ye)(t.channelId))))
             ], 2)) : f("", !0)
-          ], 10, et))), 128))
+          ], 10, tt))), 128))
         ], 36)) : f("", !0)
       ], 4)) : f("", !0)
     ], 512));
   }
-}, vt = /* @__PURE__ */ We(ot, [["__scopeId", "data-v-8d1fb4ba"]]);
+}, vt = /* @__PURE__ */ We(st, [["__scopeId", "data-v-fe15da82"]]);
 export {
   vt as default
 };

package/dist/components/2_blocks/FeedSearch/FeedSearch.vue2.js

@@ -1,5 +1,5 @@
-import { defineComponent as _, inject as y, ref as v, computed as S, watch as k, onMounted as F, unref as o, createBlock as g, openBlock as d, Transition as L, withCtx as w, createElementVNode as r, withDirectives as C, createElementBlock as I, createCommentVNode as B, toDisplayString as D, vModelText as M, normalizeStyle as V } from "vue";
-import { t as m } from "../../../locale/useLocale.js";
+import { defineComponent as _, inject as y, ref as v, computed as S, watch as k, onMounted as F, unref as o, createBlock as g, openBlock as m, Transition as L, withCtx as w, createElementVNode as r, withDirectives as C, createElementBlock as I, createCommentVNode as B, toDisplayString as D, vModelText as M, normalizeStyle as V } from "vue";
+import { t as d } from "../../../locale/useLocale.js";
 import { useDelayDebouncedRef as b } from "../../../hooks/useDelayDebouncedRef.js";
 import "../../../hooks/useMessageDraft.js";
 import { useSearchModel as A } from "../../../hooks/useSearchModel.js";
@@ -7,8 +7,9 @@ import "../../../hooks/useTheme.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";
-const E = { class: "feed-search__container" }, N = { style: { "line-height": "40px" } }, T = ["placeholder"], K = /* @__PURE__ */ _({
+const E = { class: "feed-search__container" }, N = { style: { "line-height": "40px" } }, T = ["placeholder"], O = /* @__PURE__ */ _({
   __name: "FeedSearch",
   props: {
     isFeedLocation: {
@@ -32,17 +33,17 @@ const E = { class: "feed-search__container" }, N = { style: { "line-height": "40
     return F(() => {
       const t = o(i);
       t == null || t.focus();
-    }), (t, n) => (d(), g(L, null, {
+    }), (t, n) => (m(), g(L, null, {
       default: w(() => [
         r("div", E, [
-          r("span", N, D(o(m)("component.FeedSearch.SearchLabel")), 1),
+          r("span", N, D(o(d)("component.FeedSearch.SearchLabel")), 1),
           C(r("input", {
             ref_key: "refInput",
             ref: i,
             "onUpdate:modelValue": n[0] || (n[0] = (p) => o(e)().text = p),
             class: "feed-search__input",
             type: "text",
-            placeholder: o(m)("component.FeedSearch.SearchPlaceholder")
+            placeholder: o(d)("component.FeedSearch.SearchPlaceholder")
           }, null, 8, T), [
             [M, o(e)().text]
           ]),
@@ -51,7 +52,7 @@ const E = { class: "feed-search__container" }, N = { style: { "line-height": "40
             style: V({ right: h.value }),
             onClick: x
           }, null, 4),
-          a.isFeedLocation ? (d(), I("span", {
+          a.isFeedLocation ? (m(), I("span", {
             key: 0,
             class: "pi pi-refresh",
             style: { "margin-left": "5px", "margin-top": "10px", cursor: "pointer" },
@@ -64,5 +65,5 @@ const E = { class: "feed-search__container" }, N = { style: { "line-height": "40
   }
 });
 export {
-  K as default
+  O as default
 };

package/dist/components/2_chatinput_elements/ButtonCommandsSelector/ButtonCommandsSelector.vue2.js

@@ -5,9 +5,10 @@ import "../../../hooks/useTheme.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 k from "../../1_atoms/ButtonContextMenu/ButtonContextMenu.vue.js";
-const N = /* @__PURE__ */ p({
+const T = /* @__PURE__ */ p({
   __name: "ButtonCommandsSelector",
   props: {
     commands: {
@@ -66,5 +67,5 @@ const N = /* @__PURE__ */ p({
   }
 });
 export {
-  N as default
+  T as default
 };

package/dist/components/2_chatinput_elements/ButtonEmojiPicker/ButtonEmojiPicker.vue2.js

@@ -7,9 +7,10 @@ import "../../../hooks/useTheme.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 ee from "./icons/SmilesIcon.vue.js";
-const de = /* @__PURE__ */ A({
+const ve = /* @__PURE__ */ A({
   __name: "ButtonEmojiPicker",
   props: {
     state: {
@@ -131,5 +132,5 @@ const de = /* @__PURE__ */ A({
   }
 });
 export {
-  de as default
+  ve as default
 };

package/dist/components/2_chatinput_elements/ButtonTemplateSelector/ButtonTemplateSelector.vue2.js

@@ -7,9 +7,10 @@ import "../../../hooks/useTheme.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 z from "./icons/ChatTemplatesIcon.vue.js";
-const R = { class: "" }, te = /* @__PURE__ */ T({
+const R = { class: "" }, oe = /* @__PURE__ */ T({
   __name: "ButtonTemplateSelector",
   props: {
     templates: {
@@ -131,5 +132,5 @@ const R = { class: "" }, te = /* @__PURE__ */ T({
   }
 });
 export {
-  te as default
+  oe as default
 };