@mobilon-dev/chotto 0.3.35 → 0.3.36

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

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